/* CSS Document */

/* Global fonts */
h1 {font: 14pt/1.25em arial, sans-serif;color:#6d0c17; margin-top: 10px; margin-left:20px; _margin-left:10px; text-transform:uppercase; }
h2, #content3 h2 {font: 12pt/1.25em arial, sans-serif;color:#6d0c17; margin-left:10px; text-transform:uppercase; }
h3 {font: bold 12pt arial, sans-serif; color:#019330;  }
h4 {font: bold 12pt arial, sans-serif; color:#019330; margin-bottom: -10px;   }
p {font: 10pt/1.5em arial, sans-serif; color:#000000; text-align: left;}

#content p {font: 10pt/1.5em arial, sans-serif; color:#000; text-align: left; margin-left:20px; }
#contentpop p {font: 10pt/1.5em arial, sans-serif; color:#000; text-align: left; margin-left:10px;}
#contentpop h1 {font: 14pt/1.25em arial, sans-serif;color:#6d0c17; margin-top: 20px; margin-left:10px; _margin-left:10px; text-transform:uppercase; }
#contentpop h2 {font: 12pt/1.25em arial, sans-serif;color:#6d0c17; margin-top: 20px; margin-left:10px; _margin-left:10px; text-transform:uppercase; }
#browse {font: bold 12px/1.5em arial, sans-serif; color:#452415; text-align: left; text-transform:uppercase; padding: 5px 0px 1px 10px; _padding: 0px 0px 1px 10px;}
#yourbasket {font: bold 12px/1.5em arial, sans-serif; color:#452415; text-align: left; text-transform:uppercase; padding: 5px 0px 1px 10px; _padding: 0px 0px 1px 10px;}
#content3 ul {/*list-style-image: url(tick.gif);*/ list-style-type:square; font: 10pt/1.65em arial, sans-serif; color: #000000; }
#content3 ol {list-style-type: number; font: 10pt/1.25em arial, sans-serif; color: #000000; }
#content3 a { color:#000000; }
#content3 a:link,#content3 a:visited  { color:#019330; text-decoration:none;}
#content3 a:hover {color:#666666; text-decoration:underline;}
.tdxborder p {font: 10pt/1.15em arial, sans-serif; color:#000000; text-align: left; padding: 0px 10px 0px 10px;}
.tdxborder h3 {font: bold 12pt arial, sans-serif; color:#019330; text-align: left; padding: 0px 10px 0px 10px; }
.tdxborder h2 {font: 16pt/1.25em arial, sans-serif;color:#0071b3; text-align: left; padding: 0px 10px 0px 10px; }
.footer ul {list-style-type: none; font: 8pt/1.25em arial, sans-serif; color: #FFFFFF; padding-left: 0; margin-left: 0;}
.footer ol {list-style-type: number; font: 8pt/1em arial, sans-serif; color: #FFFFFF; padding:0px 15px 0px 5px;}
#content2 h1 {font: 14pt/1.25em arial, sans-serif;color:#6d0c17; margin-top: 40px; margin-left:20px; _margin-left:10px; text-transform:uppercase; }
#content2 h2 {font: 12pt/1.25em arial, sans-serif;color:#6d0c17; margin-top: 10px; margin-left:20px; _margin-left:10px; text-transform:uppercase; }
/* end: Global fonts */

/* links */
a {color:#452415; text-decoration:none;}
a:link { color:#452415; text-decoration:none;}
a:visited { color:#452415; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
/* end links */

/*left menu links*/

.breadcrumb {font: 12px/1.25em arial, sans-serif;	text-transform:uppercase;	color:#fff; padding: 5px; }	
.breadcrumb a {color:#fff; text-decoration:none;}
.breadcrumb a:link, breadcrumb a:visited  { color:#000000; text-decoration:underline;}
.breadcrumb a:hover {color:#452415; text-decoration:underline;}

#content2 .breadcrumb {font: 12px/1.25em arial, sans-serif;	text-transform:uppercase; color:#fff; padding: 5px; margin-bottom:10px;}	
#content2 .breadcrumb a {color:#fff; text-decoration:none;}
#content2 .breadcrumb a:link, breadcrumb a:visited  { color:#000000; text-decoration:underline;}
#content2 .breadcrumb a:hover {color:#452415; text-decoration:underline;}

#browsecategory {font: bold 12px/1.75em arial, sans-serif;	text-transform:uppercase;	color:#452415; padding: 5px;}	

/*Forms*/
form {
	margin: 0;
	padding: 0;
	width: 530px;
}

form p {
  clear: left;
  margin: 3px 0px 3px 0px;
  padding: 5px;
 
}

form p label {
	font-weight: normal;
	font-size: 100%;
	float: left;
	text-align: right;
	margin-right: 6px;
	width: 180px;
}
label {
	position: relative;
	float: left;
	font-size: 100%;
	text-align: right;
	width: 200px;
	left: 0px;
	border: 0px solid red;	
}
.reglog label {
	position: relative;
	float: left;
	font-size: 100%;
	text-align: right;
	width: auto;
	left: 0px;
	border: 0px solid red;	
}
fieldset {
  border: 1px solid #6d0c17; /*dark red colour*/
  margin-top: 10px;
  margin-left: 30px;
  margin-right: 10px;
  padding: 5px;
  background-color: #C4C2A1; /*dark red colour*/
}
legend {
  font: 90% bold  Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #6d0c17; /*dark red colour*/
  padding: 3px;
  margin: 4px;
}
/*input, [type="text"]{ width: 200px; margin-bottom: 0px; }*/
.txt { 
	width: 220px; margin-bottom: 0px; align: right; font-size: 90%;border: 1px solid #3768ce; background-color:#faf1df; padding: 2px; margin: 2px;
	}
.radioinput {
	color:green;
	}
.checkboxinput {
	color: red; 
	padding-bottom: 10px;
	}
dropdown{ width: 60px; margin-bottom: 0px; }
/*input, select{ margin-bottom: 0px; }*/
/*textarea{width: 200px; height: 60px;}*/

.radioinput {
	color:green;
	}
.checkboxinput {
	color: red; 
	padding-bottom: 10px;
	float: right;
	}
.dropdown{ width: 109px; margin-bottom: 0px; font: 10pt/1.15em arial, sans-serif; color:#000000; text-align: left;
	font-size: 95%;}
	
.dropdownwide{ width: 210px; margin-bottom: 0px; font: 10pt/1.15em arial, sans-serif; color:#000000; text-align: left;
	font-size: 95%;background-color:#faf1df}
	
.btnSubmit {border-style: outset; background-color: #6d0c17; font: bold 10pt/1.5em arial, sans-serif; color: #FFF;}
.btnSubmit2 {border-style: outset; background-color: #FF9C00; font: bold 10pt/1.5em arial, sans-serif; color: #FFF;}

/* Table layout */
.checkoutdatatable {
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}
.checkoutdatatable td {
	font: 12px Arial, Helvetica, Verdana, Times, sans-serif;
	background-color: #FFF;
	/*border: 1px solid #000;*/
	color: #000000;
	line-height: 1.25em;
	/*text-align: left;*/
	padding: 4px;
}
.checkoutdatatable th {
	font: bold 12px Arial, Helvetica, Verdana, Times, sans-serif;
	border: 1px solid #FFF;
	background-color: #6d0c17;
	color: #FFF;
	line-height: 1.25em;
	/*text-align: left;*/
	padding: 4px;
}
.checkoutdatatabletotal {
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}
.checkoutdatatabletotal td {
	font: 16px Arial, Helvetica, Verdana, Times, sans-serif;
	background-color: #FFF;
	/*border: 1px solid #000;*/
	color: #000000;
	line-height: 1.25em;
	/*text-align: left;*/
	padding: 4px;
}
.checkoutdatatabletotal th {
	font: bold 12px Arial, Helvetica, Verdana, Times, sans-serif;
	border: 1px solid #FFF;
	background-color: #6d0c17;
	color: #FFF;
	line-height: 1.25em;
	/*text-align: left;*/
	padding: 4px;
}

.formfieldqty {
	font: 9pt arial, helvetica, sans-serif;
	color: #000000;
	height: 15px;
	width: 25px;
	border: 1px solid #000;
}
.formfield {
	font: 9pt arial, helvetica, sans-serif;
	color: #000000;
	height: auto;
	width: auto;
	border: 1px solid #000;
	padding: 2px;
	margin: 1px 0px 1px 2px;
	background-color: #edf8fb;
}
.formfieldcheck {
	font: 9pt arial, helvetica, sans-serif;
	color: #000000;
	height: auto;
	width: auto;
	border: 1px solid #000;
	padding: 2px;
	margin: 1px 0px 1px 2px;
	background-color: #FC0;
}
.formfielddropdown {
	font: 9pt arial, helvetica, sans-serif;
	color: #000000;
	height: auto;
	width: auto;
	padding: 2px;
	margin: 1px 0px 1px 2px;
	border: 1px solid #000;
	background-color: #fff;
}

.formfielddropdowncheck {
	font: 9pt arial, helvetica, sans-serif;
	color: #000000;
	height: auto;
	width: auto;
	padding: 2px;
	margin: 1px 0px 1px 2px;
	border: 1px solid #000;
	background-color: #FC0;
}
.formfieldtextarea {
	font: 9pt arial, helvetica, sans-serif;
	color: #000000;
	height: auto;
	width: auto;
	border: 1px solid #000;
	padding: 2px;
	margin: 1px 0px 1px 2px;
	background-color: #edf8fb;
}
.formfielddelivery {
	font: 9pt arial, helvetica, sans-serif;
	color: #000000;
	height: auto;
	width: 205px;
	border: 1px solid #000;
	padding: 2px;
	margin: 1px 0px 1px 2px;
	background-color: #edf8fb;
}
.formfielddeliveryPO {
	font: 9pt arial, helvetica, sans-serif;
	text-transform:uppercase;
	color: #000000;
	height: auto;
	width: 205px;
	border: 1px solid #000;
	padding: 2px;
	margin: 1px 0px 1px 2px;
	background-color: #edf8fb;
}
.formfielddeliveryarea {
	font: 9pt arial, helvetica, sans-serif;
	color: #000000;
	height: auto;
	width: 205px;
	border: 1px solid #000;
	padding: 2px;
	margin: 1px 0px 1px 2px;
	background-color: #edf8fb;
}

/*end: Sector fonts and links*/


.tickbox {
	list-style-image: url(tick.gif);
	font: bold 8pt/1.5 "Verdana", Arial, Helvetica, Times, sans-serif;
	text-align: left;
}

.tickbox a, .tickbox a:visited {
text-align: left;
color: #019330;
margin-right: 0px;
text-decoration: underline;

}
.tickbox a:hover {
color: #0071b3;
text-decoration: none;
}	
.tickbox  ul {
	margin: 2px 0px 0px 5px;
	padding: 0px;
}

.tickbox li {
min-height: 1px; 
vertical-align: top; 
display: none;
}

.small-links {
	font: bold 8pt/1.5 "Verdana", Arial, Helvetica, Times, sans-serif;
	text-align: left;

	
}

.small-links  a, .small-links a:visited  {
text-align: left;
color: #019330;
margin-right: 10px;
text-decoration: none;

}
.small-links a:hover {
color: #0071b3;
text-decoration: none;
}	
.small-links  ul {
	margin: 2px 0px 0px 5px;
	padding: 0px;
}

.small-links li {
min-height: 1px; 
vertical-align: top; 
display: inline;
}
