/**
 * Colors used:
 * #E6ECFF
 * #BFCFFF
 * #E6ECFF
 * #BFCFFF
 */ 
#categories {
}

h1 {
   color: #144FA9;
   background: inherit;
   margin-bottom: 5px;
}

h2 {
   color: #144FA9;
   background: inherit;
}

h3 {
   color: #144FA9;
   background: inherit;
}

input.number {
   text-align: right;
}

input.updateBasket {
	padding: 5px;
	margin-top: 4px;
	float: right;
   clear: right;
	border: 1px solid black;
   font-size: 18px;
   background: #BFCFFF;
}

div {
   font-family: verdana, arial, "ms sans serif", sans-serif; 
}

div.mainProdImage {
   text-align: center;
   clear: right;
}

div.categoryInfo {
	font-family: times, serif;
	padding-bottom: 10px;
}

div.basketTitle {
   font-size: 10px;
   font-weight: bold;
	color: #144FA9;
	background: inherit;
}

div.basketText {
	font-family: times, serif;
   font-size: 10px;
}

div.prodDesc {
	font-family: times, serif;
}

div.test_pass {
   background: #BFFFBF;
	margin-bottom: 5px;
   padding: 3px;
}

div.test_fail {
   background: #FFBFBF;
	margin-bottom: 5px;
   padding: 3px;
}

div.test_local {
   background: #BFBFFF;
	margin-bottom: 5px;
   padding: 3px;
}

div.addToBasket {
   background: #E6ECFF;
   color: #BFCFFF;
	padding: 5px;
	margin-top: 4px;
   margin-bottom: 5px;
	float: right;
	clear: right;
	border: 1px solid black;
   font-size: 18px;
}

div.addToBasket a {
	color: #144FA9;
	background: inherit;
}

div.addToBasket a:hover {
	text-decoration: none;
}

div.price {
   background: inherit;
   color: #144FA9;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-top: 4px;
	float: right;
	/*border: 1px solid black;*/
   font-size: 18px;
	position: relative;
}

div.price div.vat {
	font-size: 10px;
	position: absolute; 
	bottom: 0.2em; 
	right: 5px
}

.check_out {
   background: #BFCFFF;
   color: black;
	padding: 5px;
	margin-top: 4px;
	float: right;
   clear: right;
	border: 1px solid black;
   font-size: 18px;
}

div.helpTextHidden {
   display: none;
}

div.helpTextShown {
   display: block;
   color: #BFCFFF;
}

div.prodTitle {
   font-size: 10px;
}

div.subCategories {
   text-align: center;
   background: #BFCFFF;
   font-size: 12px;
	margin-bottom: 12px;
}

div.prodHeader {
  background: #BFCFFF;
  border: 1px solid black;
  font-size: 12px; 
  padding-top: 6px;
  padding-bottom: 6px;
  color: #333333;
  font-weight: bold;
}

div.breadcrumble {
  font-weight: bold;
  padding-right: 7px;
  float: left;
  color: #BFCFFF;
  background: inherit;
}

div.breadcrumble a {
  color: #144FA9;
  background: inherit;
}

table.prodTable {
   width: 100%;
}

table.prodTable tr td {
   text-align: center;
   vertical-align: middle;
   padding: 5px;
}

table.formTable {
   border-collapse: collapse; 
   border-spacing: 0;
   width: 100%;
}

td.userInfoHeading {
    font-style: italic;
}

tr.tableHeader {
   font-weight: bold;
}

tr.ordersHeader {
   font-weight: bold;
}

tr.highlight {
	background: white;
}

tr.highlightSelected {
	background: #BFCFFF;
}

div.helpText {
   font-family: times, serif; 
   padding-left: 5px;
}


tr.helpTextRowSelected {
   background: #BFCFFF;
}

tr.helpTextRow {
   background: #E6ECFF;
   border: 1px dotted #BFCFFF;
}

tr.unacceptedUser {
   background: #FF9980;
   color black;
}

tr.helpTextRowSelected td div.helpText {
   background: #BFCFFF;
   color: black;
}

tr.helpTextRow td div.helpText {
   background: #E6ECFF;
   color: #E6ECFF;
   
}

img.breadcrumble_spacer {
  padding-left: 7px;
}

div.categoriesTitle {
   font-weight: bold;
	color: #144FA9;
	background: inherit;
}

div.form_row {
  clear: both;
  padding-top: 10px;
}

div.form_row span.form_label {
  float: left;
  width: 150px;
  text-align: right;
  padding-right: 5px;
}

div.form_row span.formw {
  float: right;
  width: 335px;
  text-align: left;
}

a.aprove_order {
   background: #BFCFFF;
   color: black;
	padding: 5px;
	margin-top: 4px;
	border: 1px solid black;
   font-size: 18px;
}

p.message {
   padding: 0px;
   margin: 3px;
}

#messages {
  background-color: #BFCFFF;
  color: inherit;
  border: 1px solid black;
  margin-top: 5px;
  margin-bottom: 5px;
}

div.simpleFormTable {
  width: 400px; 
  border: 1px dotted #BFCFFF; 
  padding: 5px;
  margin: 0px auto;
}

#loginForm {
  width: 350px; 
  border: 1px dotted #BFCFFF; 
  padding: 5px;
  margin: 0px auto;
}