@charset "utf-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 0 0 0 0;
  color: #666666;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  min-width: 980px;
  text-align: center;
  background-color: #0673cf;
}

a:link {text-decoration: none; color: #0066cc; background-color: transparent;}
a:visited {text-decoration: none; color: #0066cc; background-color: transparent;}
a:hover {text-decoration: underline; color: #0066cc; background-color: transparent;}

/*-- CONTAINER DIVS - THESE ARE USED TO SET UP THE HORIZONTAL BANDS OF THE PAGE --*/

.headerContainer {float: left; width: 100%; height: 152px; background: url(/consumer/images/con_header_bg.gif) top left repeat-x #FFFFFF; margin: 0;}
.headerContent {margin: 0 auto; width: 980px; padding: 0; border: 0; position: relative; text-align: left;}

.homeIntroContainer {float: left; width: 100%; height: 300px; background: url(/consumer/images/con_home_intro_bg.gif) bottom left repeat-x; margin: 0;}
.homeIntroContent {margin: 0 auto; width: 940px; padding: 0; border: 0; position: relative; text-align: left;}

.mainContainer {float: left; width: 100%; background-color: #FFFFFF; margin: 0;}
.mainContent {margin: 0 auto; width: 940px; padding: 0; border: 0; position: relative; text-align: left;}

.footerContainer {float: left; width: 100%; background: url(/consumer/images/con_footer_bg.gif) top left repeat-x #0673cf;}
.footerContent {margin: 0 auto; width: 940px; padding: 0 0 30px 0; border: 0; position: relative; text-align: left;}

/*-- GENERAL USEFUL CLASSES --*/
.divClear {clear: both;}
.skiplink {display: none;}

/*-- HEADER SEARCH BAR --*/
.headerSearchBar {float: right; display: inline; width: 580px; height: 38px; background: url(/consumer/images/con_top_bar_bg.gif) top left no-repeat #0673cf;}
	.headerSearchBar form {margin: 0; padding: 0;}
	
.headerSearchTable {margin: 0 0 0 20px;}
	.headerSearchTable label {float: left; display: inline; margin: 0 0 0 0; padding: 0; height: 16px;}

.formHeaderSearch {width: 145px; padding: 3px 0 3px 3px; background-color: #FFFFFF; border: 1px solid #045da8; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333;}

a.headerSwitchToPro {display: block; width: 210px; height: 16px; text-decoration: none; background: url(/consumer/images/con_header_switch_to_pro.gif);}
a.headerSwitchToPro:hover {background-position: -210px 0;}
a.headerSwitchToFood {display: block; width: 157px; height: 16px; text-decoration: none; background: url(/consumer/images/con_header_go_to_food_testing.gif); margin:1px 0 0 6px;}
a.headerSwitchToFood:hover {background-position: -157px 0;}
.buttonDisplace {position: absolute; left: -5000px;}


/*-- HEADER MID --*/
.headerLogo {float: left; display: inline; width: 240px; height: 58px; margin: 0 0 0 20px;}

.headerBasket {float: right; display: inline; width: 300px; margin: 27px 20px 0 20px; height: 22px;}
	.headerBasket p {float: right; display: inline; text-indent: 22px; color: #666666; background: url(/consumer/images/icon_basket.gif) center left no-repeat; line-height: 22px; font-size: 14px; margin: 0;}
	.headerBasket p strong {font-weight: bold; color: #333333;}

.headerAccount {float: right; display: inline; width: 380px; margin: 27px 0 0 0;}
	.headerAccount p {float: right; display: inline; text-indent: 22px; color: #666666; background: url(/consumer/images/icon_login.gif) center left no-repeat; line-height: 22px; font-size: 14px; height: 22px; margin: 0;}
	.headerAccount p strong {font-weight: bold; color: #333333;}

/*** ESSENTIAL STYLES ***/
/*.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}*/
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			0; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*-- MAIN NAV BAR --*/
.navbar {float: left; display: inline; width: 980px; margin: 17px 0 0 0; height: 38px; background: url(/consumer/images/con_navbar_bg.gif) top left no-repeat #0673cf;}
	.navbar ul {float: left; display: inline; list-style: none; margin: 10px 0 0 4px; padding: 0; width: 960px;}
	.navbar li {float: left; display: inline; list-style: none;}
	.navbar li a {float: left; display: inline; height: 20px; outline: none;}
	.navbar li span {display: none;}
	.navbar li ul {position: absolute; left: -999em; background-color:#045DA8;}
	.navbar li ul li {height:32px; background-color:#045DA8; font-size:12px;}
	.navbar li:hover ul, .navbar li ul:hover { left:auto;}

/*-- DROP MENU SPECIFIC STYLES --*/
li#navAllergyProducts #menu a { margin: 0; padding-left: 10px; line-height: 31px; text-decoration: none; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; z-index: 100; height: 31px; width: 143px; background: none left top; background-color: #045DA8!important; color:#FFFFFF;}
li#navAllergyProducts #menu a:hover { padding-left: 10px; margin: 0; line-height: 31px; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; z-index: 100;  height: 31px; width: 143px; background: none left top; background-color: #0673CF!important;}

li#navAllergyInformation #menu a { margin: 0; padding-left: 10px; line-height: 31px; text-decoration: none; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; z-index: 100; height: 31px; width: 153px; background: none left top; background-color: #045DA8!important; color:#FFFFFF;}
li#navAllergyInformation #menu a:hover { padding-left: 10px; margin: 0; line-height: 31px; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; z-index: 100;  height: 31px; width: 153px; background: none left top; background-color: #0673CF!important;}

#menu { position: relative; clear: left;  width: 151px; float: left; background: none left top; z-index:100; border-top-color: white; border-top-width: 1px; border-top-style: solid; margin:8px 0 0 -20px;}

#navHome a {width: 44px; height: 20px; background: url(/consumer/images/nav_home.gif); margin: 0 28px 0 0;}
#navHome a:hover {background: url(/consumer/images/nav_home.gif) 0 20px; width: 44px; height: 20px;  margin: 0 28px 0 0;}
#navHomeOn a {width: 44px; height: 20px; background: url(/consumer/images/nav_home.gif) 0 20px; width: 44px; height: 20px;  margin: 0 28px 0 0;}

#navAboutUs a {width: 70px; height: 20px; background: url(/consumer/images/nav_about_us.gif); margin: 0 28px 0 0;}
#navAboutUs a:hover {background: url(/consumer/images/nav_about_us.gif) 0 20px; margin: 0 28px 0 0;}
#navAboutUsOn a {width: 70px; height: 20px; background: url(/consumer/images/nav_about_us.gif) 0 20px; margin: 0 28px 0 0;}

#navAllergyProducts a {width: 123px; height: 20px; background: url(/consumer/images/nav_allergy_products.gif); margin: 0 28px 0 0;}
#navAllergyProducts a:hover {background: url(/consumer/images/nav_allergy_products.gif) 0 20px; margin: 0 28px 0 0;}
#navAllergyProductsOn a {width: 123px; height: 20px; background: url(/consumer/images/nav_allergy_products.gif) 0 20px; width: 97px; height: 20px; margin: 0 28px 0 0;}

#navAllergyInformation a {width: 143px; height: 20px; background: url(/consumer/images/nav_allergy_information.gif); margin: 0 28px 0 0;}
#navAllergyInformation a:hover {background: url(/consumer/images/nav_allergy_information.gif) 0 20px; margin: 0 28px 0 0;}
#navAllergyInformationOn a {width: 143px; height: 20px; background: url(/consumer/images/nav_allergy_information.gif) 0 20px; margin: 0 28px 0 0;}

#navHowItWorks a {width: 100px; height: 20px; background: url(/consumer/images/nav_how_it_works.gif); margin: 0 28px 0 0;}
#navHowItWorks a:hover {background: url(/consumer/images/nav_how_it_works.gif) 0 20px; margin: 0 28px 0 0;}
#navHowItWorksOn a {width: 100px; height: 20px; background: url(/consumer/images/nav_how_it_works.gif) 0 20px; margin: 0 28px 0 0;}

#navOrderingInfo a {width: 99px; height: 20px; background: url(/consumer/images/nav_ordering_info.gif); margin: 0 28px 0 0;}
#navOrderingInfo a:hover {background: url(/consumer/images/nav_ordering_info.gif) 0 20px; margin: 0 28px 0 0;}
#navOrderingInfoOn a {width: 99px; height: 20px; background: url(/consumer/images/nav_ordering_info.gif) 0 20px; margin: 0 28px 0 0;}

#navContactUs a {width: 82px; height: 20px; background: url(/consumer/images/nav_contact_us.gif); margin: 0;}
#navContactUs a:hover {background: url(/consumer/images/nav_contact_us.gif) 0 20px; margin: 0;}
#navContactUsOn a {width: 82px; height: 20px; background: url(/consumer/images/nav_contact_us.gif) 0 20px; margin: 0;}

/*-- FOOTER --*/
.footerContent p {font-size: 12px; color: #99ccff; line-height: 1.5em; margin: 20px 0 20px 0;}
.footerContent a:link {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
.footerContent a:visited {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
.footerContent a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}

.footerContentLeft {float: left; display: inline;}
.footerContentRight {float: right; display: inline;}

/*-- HOME PAGE --*/
.homeIntro {float: left; display: inline; margin: 0; width: 940px; height: 300px; background: url(/consumer/images/consumer_home_intro_bg.jpg) bottom right no-repeat;}
	.homeIntro h1 {text-indent: -9999px; margin: 36px 0 0 0;}
	.homeIntro p {font-size: 14px; color: #333333; width: 460px; line-height: 1.5em;}

#titleHomeIntro {background: url(/consumer/images/con_home_intro_title.gif) top left no-repeat; width: 460px; height: 32px;}

.homeProductsArea {float: left; display: inline; width: 940px; margin: -25px 0 0 0; background: url(/consumer/images/consumer_home_products_area_bg.jpg) bottom right no-repeat;}
	.homeProductsArea h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 20px 0;}
	
.homeFeaturedProducts {float: left; display: inline; width: 940px; margin: -25px 0 0 0;}
	.homeFeaturedProducts h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 20px 0;}
	
#subImutestAllergyTestKits {background: url(/consumer/images/sub_imutest_allergy_test_kits.gif) top left no-repeat; width: 266px; height: 26px;}
#subAllergyInformation {background: url(/consumer/images/sub_allergy_information.gif) top left no-repeat; width: 215px; height: 26px;}
#subHowItWorks {background: url(/consumer/images/sub_how_it_works.gif) top left no-repeat; width: 149px; height: 26px;}
#subNewsletterSignUp {background: url(/consumer/images/sub_newsletter_sign_up.gif) top left no-repeat; width: 212px; height: 26px;}
#subFeaturedProducts {background: url(/consumer/images/sub_home_featured_products_green.gif) top left no-repeat; width: 266px; height: 26px;}
#subWhichTestForMe {background: url(/consumer/images/sub_home_which_test_for_me.gif) top left no-repeat; width: 215px; height: 26px;}

.homeProductRow {float: left; display: inline; width: 940px; padding: 0 0 30px 0;}

.homeProduct {width: 220px;}
	.homeProduct img {border: 0; margin: 0 0 10px 0;}
	.homeProduct h3 {width: 200px; font-size: 14px; font-weight: bold; line-height: 1.2em; margin: 0 0 2px 10px;}
	.homeProduct p {width: 200px; font-size: 13px; color: #333333; line-height: 1.4em; margin: 0 0 0 10px;}
.homeProductBuyNow {margin:5px 0 0 10px;}
	.homeProductBuyNow img {margin:0;}

.homeProductLeft {float: left; display: inline; margin: 0 20px 0 0;}
.homeProductRight {float: right; display: inline; margin: 0;}

.homeLowerHalf {float: left; display: inline; width: 940px; margin: 0 0 0 0; padding: 35px 0 30px 0; background: url(/consumer/images/home_divider_line.gif) top left no-repeat;}

.homeAllergyInformation {float: left; display: inline; width: 290px; margin: 0 20px 0 10px;}
	.homeAllergyInformation h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 10px 0;}
	.homeAllergyInformation ul {width: 290px; margin: 0 0 0 0;}
	.homeAllergyInformation li {list-style: none; background: url(/consumer/images/bullet_info.gif) 0 0.25em no-repeat; margin: 0 0 10px 0; font-size: 13px; color: #333333; line-height: 1.3em; padding: 0 0 0 22px;}
	.homeAllergyInformation li strong {font-size: 14px; font-weight: bold; line-height: 1.5em;}
	.homeAllergyInformation h6 {font-size: 14px; color: #333333; font-weight: bold; margin: 0 0 0 22px;}

.homeHowItWorks {float: left; display: inline; width: 290px; margin: 0 0 0 10px; background: url(/consumer/images/home_how_it_works_bg.jpg) bottom right no-repeat; padding: 0 0 80px 0;}
	.homeHowItWorks h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 10px 0;}
	.homeHowItWorks p {font-size: 13px; color: #333333; line-height: 1.5em;}
	.homeHowItWorks h6 {font-size: 14px; color: #333333; font-weight: bold;}

.homeNewsletterSignUp {float: right; display: inline; width: 290px; margin: 0;}
	.homeNewsletterSignUp h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 10px 0;}
	.homeNewsletterSignUp p {font-size: 13px; color: #333333; line-height: 1.5em;}
	.homeNewsletterSignUp h6 {font-size: 11px; color: #666666; font-weight: normal; line-height: 1.4em;}
	.homeNewsletterSignUp label {float: left; display: inline; font-size: 14px; color: #333333; width: 55px; margin: 3px 0 0 0; font-weight: bold;}

.formNewsletterSignUp {width: 210px; padding: 3px 0 3px 3px; background-color: #FFFFFF; border: 1px solid #999999; color: #333333; font-family: Arial, Helvetica, sans-serif; font-style: italic;}
.formNewsletterSignUpButton {margin: 0 0 10px 55px;}

/*-- PRODUCT DETAIL PAGE --*/
.productDetailMainColumn {float: left; display: inline; width: 620px; margin: 30px 0 0 0; padding: 0 0 30px 0;}

.productDetailInfo {float: left; display: inline; width: 300px; margin: 0 0 40px 0; padding: 0 0 10px 0;}
	.productDetailInfo h1 {font-size: 24px; font-weight: normal; color: #75a308; line-height: 1.2em; margin: 0;}
	.productDetailInfo h3 {font-size: 14px; font-weight: normal; color: #333333; line-height: 1.5em; margin: 5px 0 5px 0;}
	.productDetailInfo h5 {font-size: 20px; font-weight: bold; color: #990000; line-height: 1.2em; margin: 0;}
	.productDetailInfo p {font-size: 14px; color: #666666; line-height: 1.5em;}

.productDetailPrice {float: left; display: inline; width: 300px; background: url(/consumer/images/product_detail_price_bg.gif) top left no-repeat; padding: 15px 0 0 0; margin: 0;}
	.productDetailPrice label {float: left; display: inline; font-size: 16px; font-weight: bold; color: #333333; width: 80px; margin: 4px 0 0 0;}

.formProductQuantity {font-size: 16px; font-weight: bold; padding: 4px 0 4px 4px; background-color: #FFFFFF; color: #333333; border: 1px solid #999999; width: 72px;}

.productDetailImages {float: right; display: inline; width: 300px; margin: 0 0 40px 0;}
.productDetailMainImage {border-bottom: 1px solid #f1f1f1; margin: 0 0 20px 0; width: 300px;}
.productDetailThumbnails {width: 300px; margin: 0; text-align:center;}

.productDetailThumbnailHolder {margin:0; margin-left:auto; margin-right:auto; padding:0; border:0;}
.productDetailThumbnail {float: left; display: inline; width: 60px; height: 60px; vertical-align: middle; text-align: center; margin:0 10px 0 10px;}
	.productDetailThumbnail a:link {border: 1px solid #F1F1F1; display: block; width: 58px; height: 58px;}
	.productDetailThumbnail a:visited {border: 1px solid #F1F1F1; display: block; width: 58px; height: 58px;}
	.productDetailThumbnail a:hover {border: 1px solid #0673cf; display: block; width: 58px; height: 58px;}

.productDetailThumbnailLeft {margin: 0 20px 0 80px;}
.productDetailThumbnailRight {margin: 0;}

.productDetailRightColumn {float: right; display: inline; width: 300px; margin: 30px 0 0 0; background: url(/consumer/images/product_detail_right_col_bg.gif) top left no-repeat; min-height: 500px;}

/*-- CONTENT PAGE --*/
.generalContentMainColumn {float: left; display: inline; width: 620px; margin: 30px 0 0 0; padding: 0 0 30px 0;}
	.generalContentMainColumn h1 {font-size: 30px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 0;}
	.generalContentMainColumn h2 {font-size: 18px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 1em 0 0.5em 0;}
	.generalContentMainColumn h4 {font-size: 16px; font-weight: normal; color: #333333; line-height: 1.5em;}
	.generalContentMainColumn h5 {font-size: 14px; font-weight: bold; color: #cc0000; line-height: 1.5em;}
	.generalContentMainColumn p {font-size: 14px; color: #666666; line-height: 1.5em;}
	.generalContentMainColumn p strong {font-weight: bold; color: #333333;}
	.generalContentMainColumn ul {margin: 0.5em 0 0.5em 0;}
	.generalContentMainColumn li {list-style: none; background: url(/consumer/images/bullet_content.gif) 0 0.4em no-repeat; margin: 0 0 10px 0; font-size: 14px; color: #666666; line-height: 1.5em; padding: 0 0 0 16px;}
	.generalContentMainColumn li strong {font-weight: bold; color: #333333;}
	.generalContentMainColumn a:link {text-decoration: underline; color: #0066cc; background-color: transparent;}
	.generalContentMainColumn a:visited {text-decoration: underline; color: #0066cc; background-color: transparent;}
	.generalContentMainColumn a:hover {text-decoration: none; color: #0066cc; background-color: transparent;}
	.generalContentMainColumn h6 {font-size: 12px; font-weight: normal; color: #666666; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
	.generalContentMainColumn h6 em {color: #CC0000;}
	.generalContentMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.generalContentMainColumn label {font-size: 14px; font-weight: bold; color: #333333; width: 140px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-style: normal;}
	.generalContentMainColumn label em {color: #CC0000;}
	.generalContentMainColumn hr {color: #f5f5f5; margin: 25px 0 25px 0; border-top: 3px solid #f5f5f5; border-left: 0; border-right: 0; border-bottom: 0;}

.formContactText {width: 400px; border: 1px solid #999999; background-color: #FFFFFF; color: #333333; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-style: italic;}
.formContactTextMedium {width: 200px; border: 1px solid #999999; background-color: #FFFFFF; color: #333333; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-style: italic;}
.formContactSelect {width: 400px; background-color: #FFFFFF; font-size: 14px; color: #333333; padding: 4px;}
.formButtonSendForm {float: left; display: inline; margin: 5px 0 10px 160px;}

.contentImageLeft {float: left; margin: 0 20px 0 0;}

/*-- RIGHT HAND COLUMN - PRODUCTS SUB NAV --*/
.rightColumnNav {float: right; display: inline; width: 270px; margin: 20px 0 30px 0;}
	.rightColumnNav h3 {text-indent: -9999px; font-size: 12px; margin: 0 0 10px 0;}
	.rightColumnNav ul {width: 270px; margin: 0;}
	.rightColumnNav li {font-size: 14px; font-weight: bold; color: #669900; line-height: 40px; padding: 0 0 0 50px; list-style: none; margin: 0 0 10px 0;}
	.rightColumnNav a:link {text-decoration: none; color: #0066cc; background-color: transparent;}
	.rightColumnNav a:visited {text-decoration: none; color: #0066cc; background-color: transparent;}
	.rightColumnNav a:hover {text-decoration: underline; color: #669900; background-color: transparent;}

#rightNavHayFever {background: url(/consumer/images/con_nav_thumb_hay_fever.jpg) center left no-repeat;}
#rightNavCat {background: url(/consumer/images/con_nav_thumb_cat.jpg) center left no-repeat;}
#rightNavDustMite {background: url(/consumer/images/con_nav_thumb_dust_mite.jpg) center left no-repeat;}
#rightNavMilk {background: url(/consumer/images/con_nav_thumb_milk.jpg) center left no-repeat;}
#rightNavEgg {background: url(/consumer/images/con_nav_thumb_egg.jpg) center left no-repeat;}
#rightNavGeneralAllergy {background: url(/consumer/images/con_nav_thumb_general_allergy.jpg) center left no-repeat;}
#rightNavGluten {background: url(/consumer/images/con_nav_thumb_gluten.jpg) center left no-repeat;}

#colHeadAllergyProducts {background: url(/consumer/images/col_head_allergy_products.gif) top left no-repeat; width: 185px; height: 26px;}
#colHeadContactDetails {background: url(/consumer/images/col_head_contact_details.gif) top left no-repeat; width: 170px; height: 26px;}
#colHeadAllergyInformation {background: url(/consumer/images/col_head_allergy_information.gif) top left no-repeat; width: 214px; height: 26px;}

.rightColumnHowItWorks {float: right; display: inline; width: 270px; margin: 0 0 30px 0; background: url(/consumer/images/home_how_it_works_bg.jpg) bottom right no-repeat; padding: 0 0 80px 0;}
	.rightColumnHowItWorks h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 10px 0;}
	.rightColumnHowItWorks p {font-size: 13px; color: #333333; line-height: 1.5em;}
	.rightColumnHowItWorks h6 {font-size: 14px; color: #333333; font-weight: bold;}

.rightColumnBanners {float: right; display: inline; width: 280px; margin: 0 0 0 0; padding: 0 0 0 30px;}
	.rightColumnBanners img {margin: 10px 0 10px 0; width:220px;}
	
.rightColumnContactDetails {float: right; display: inline; width: 270px; margin: 10px 0 30px 0; padding: 0;}
	.rightColumnContactDetails h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 -10px 0;}
	.rightColumnContactDetails p {font-size: 14px; color: #333333; line-height: 1.5em;}
	.rightColumnContactDetails p strong {font-size: 14px; color: #333333; line-height: 1.5em;}
	.rightColumnContactDetails h6 {font-size: 14px; color: #333333; font-weight: bold;}

/*-- BASKET PAGE --*/
.basketMainColumn {float: left; display: inline; width: 620px; margin: 30px 0 0 0; padding: 0 0 40px 0;}
	.basketMainColumn h1 {font-size: 24px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 0;}
	.basketMainColumn h2 {font-size: 20px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 0;}
	.basketMainColumn h3 {font-size: 18px; font-weight: normal; color: #333333; line-height: 1.5em; margin: 0 0 10px 0;}
	.basketMainColumn h4 {font-size: 16px; font-weight: normal; color: #333333; line-height: 1.5em;}
	.basketMainColumn h5 {font-size: 20px; font-weight: bold; color: #990000; line-height: 1.2em; margin: 0;}
	.basketMainColumn p {font-size: 14px; color: #666666; line-height: 1.5em;}

.tableYourBasket img {border: 0;}
.tableYourBasket th {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #333333; font-size: 14px; font-weight: bold; padding: 1em 0 1em 0; text-align: left;}
.tableYourBasket th span {font-weight: normal; color: #666666;}
.tableYourBasket td {font-size: 14px; font-weight: normal; color: #666666; padding: 0.7em 0 0.7em 0; text-align: left;}


.basketThumbnail a:link {border: 1px solid #F1F1F1; display: block; width: 58px; height: 58px;}
.basketThumbnail a:visited {border: 1px solid #F1F1F1; display: block; width: 58px; height: 58px;}
.basketThumbnail a:hover {border: 1px solid #0673cf; display: block; width: 58px; height: 58px;}

td.tableYourBasketDelete {text-align: center;}
	td.tableYourBasketDelete img {border: 0;}

.tableYourBasketRowOdd {background-color: #FFFFFF;}
.tableYourBasketRowEven {background-color: #f4f4f4;}
.tableYourBasketRowTotal {background-color: #f4f4f4; color: #333333;}
	.tableYourBasketRowTotal img {border: 0;}

td.basketTableTotalLabel {color: #000000; font-weight: bold; text-align: left; padding-right: 10px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 18px; background-color: #FFFFFF;}
td.basketTableTotal {color: #000000; font-weight: bold; font-size: 18px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color: #FFFFFF;}
td.basketTableButtons {color: #000000; font-weight: bold; font-size: 18px; border-top: 1px solid #cccccc; background-color: #FFFFFF;}

/*td.basketTableDeliveryLabel {color: #666666; font-weight: bold; text-align: left; padding-right: 10px; border-top: 1px solid #cccccc; border-bottom: 0; font-size: 14px; background-color: #f5f3ea;}
td.basketTableDelivery {color: #666666; font-weight: bold; font-size: 14px; border-top: 1px solid #cccccc; border-bottom: 0; background-color: #f4f4f4;}*/
td.basketTableDeliveryLabel {color: #666666; font-weight: bold; text-align: left; padding-right: 10px; border-top: 1px solid #cccccc; border-bottom: 0; font-size: 14px; background-color: #FFFFFF;}
td.basketTableDeliveryLabel em {font-weight:normal; font-size:11px;}
td.basketTableDelivery {color: #666666; font-weight: bold; font-size: 14px; border-top: 1px solid #cccccc; border-bottom: 0; background-color: #FFFFFF;}

.basketNumberFormat {text-align:right; padding-right:40px; display:inline; float:right;}

.formItemQuantity {width: 40px;  border: 1px solid #CCCCCC; color: #333333; background-color: #FFFFFF; font-size: 14px; padding: 4px 0 4px 0; margin: 0 0 5px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formItemDiscount {width: 80px;  border: 1px solid #CCCCCC; color: #333333; background-color: #FFFFFF; font-size: 14px; padding: 4px 0 4px 0; margin: 0 0 5px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}

/*-- CHECOUT PROCESS --*/
.headerCheckout {float: left; display: inline; width: 980px; border-bottom: 3px solid #0673cf; height: 110px; margin: 0;}

.headerLogoCheckout {float: left; display: inline; width: 180px; height: 43px; margin: 35px 0 0 20px;}

/*-- CHECKOUT PROGRESS BAR --*/
.checkoutProgressBar {float: right; display: inline; margin: 45px 20px 0 0;}
	.checkoutProgressBar ul {border-top: 1px solid #CCCCCC; padding: 10px 0 0 0; list-style: none; margin: 0;}
	.checkoutProgressBar li {float: left; display: inline; font-size: 16px; font-weight: bold; text-decoration: none; margin: 0;}

#checkoutProgressDone {color: #333333;}
#checkoutProgressCurrent {color: #0673cf;}
#checkoutProgressToDo {color: #CCCCCC;}

/*-- MAIN CHECKOUT COLUMN --*/
.mainColumnCheckout {float: left; display: inline; width: 940px; margin: -20px 0 0 0; padding: 0 0 30px 0;}
	.mainColumnCheckout h1 {font-size: 24px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 0;}
	.mainColumnCheckout h2 {font-size: 18px; font-weight: bold; color: #75a308; line-height: 1.5em; margin: 1em 0 0.5em 0;}
	.mainColumnCheckout h3 {font-size: 16px; font-weight: normal; color: #333333; line-height: 1.5em;}
	.mainColumnCheckout h4 {font-size: 14px; font-weight: bold; color: #cc0000; line-height: 1.5em;}
	.mainColumnCheckout h6 {font-size: 11px; font-weight: bold; color: #333333; line-height: 1.5em;}
	.mainColumnCheckout h6 em {color: #CC0000;}
	.mainColumnCheckout p {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em; vertical-align: middle;}
	.mainColumnCheckout p em {font-size: 12px; color: #333333; margin: 0 0 0 10px;}
	.mainColumnCheckout hr {color: #f5f5f5; margin: 25px 0 25px 0; border-top: 3px solid #f5f5f5; border-left: 0; border-right: 0; border-bottom: 0;}
	.mainColumnCheckout form {margin: 0; padding: 0;}
	.mainColumnCheckout label {float: left; display: inline; font-size: 14px; font-weight: bold; color: #333333; width: 150px; margin: 6px 10px 0 0;}
	.mainColumnCheckout label em {color: #CC0000;}

.tableCheckoutLogin td {font-size: 14px; font-weight: normal; color: #666666; padding: 0.5em 0 0.5em 10px;}
.tableCheckoutLogin label {font-size: 14px; font-weight: bold; color: #330033; width: 100%; text-align: left; margin: 0;}

.formCheckoutLogin {width: 240px; border: 1px solid #CCCCCC; font-size: 14px; color: #333333; padding: 3px; margin: 0 0 5px 0;}

/*-- PRODUCTS HOME --*/
/*.productsHomeArea {float: left; display: inline; width: 940px; margin: 30px 0 10px 0; background: url(/consumer/images/consumer_home_products_area_bg.jpg) bottom right no-repeat;}*/
.productsHomeArea {float: left; display: inline; width: 940px; margin: 30px 0 10px 0;}
/*	.productsHomeArea h1 {font-size: 30px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 0;}
	.productsHomeArea h2 {font-size: 18px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 1em 0 0.5em 0;}
	.productsHomeArea h4 {font-size: 16px; font-weight: normal; color: #333333; line-height: 1.5em;}*/
	
	.productsHomeArea h1 {font-size: 30px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 0;}
	.productsHomeArea h2 {font-size: 18px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 1em 0 0.5em 0;}
	.productsHomeArea h4 {font-size: 16px; font-weight: normal; color: #333333; line-height: 1.5em;}
	.productsHomeArea h5 {font-size: 14px; font-weight: bold; color: #cc0000; line-height: 1.5em;}
	.productsHomeArea p {font-size: 14px; color: #666666; line-height: 1.5em;}
	.productsHomeArea p strong {font-weight: bold; color: #333333;}
	.productsHomeArea ul {margin: 0.5em 0 0.5em 0;}
	.productsHomeArea li {list-style: none; background: url(/consumer/images/bullet_content.gif) 0 0.4em no-repeat; margin: 0 0 10px 0; font-size: 14px; color: #666666; line-height: 1.5em; padding: 0 0 0 16px;}
	.productsHomeArea li strong {font-weight: bold; color: #333333;}
	.productsHomeArea a:link {text-decoration: underline; color: #0066cc; background-color: transparent;}
	.productsHomeArea a:visited {text-decoration: underline; color: #0066cc; background-color: transparent;}
	.productsHomeArea a:hover {text-decoration: none; color: #0066cc; background-color: transparent;}
	.productsHomeArea h6 {font-size: 12px; font-weight: normal; color: #666666; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
	.productsHomeArea h6 em {color: #CC0000;}
	
/*-- INFORMATION PAGES --*/
.infoMainColumn {float: left; display: inline; width: 620px; margin: 30px 0 0 0; padding: 0 0 30px 0;}
	.infoMainColumn h1 {font-size: 30px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 0;}
	.infoMainColumn h2 {font-size: 18px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 1em 0 0.5em 0;}
	.infoMainColumn h4 {font-size: 16px; font-weight: normal; color: #333333; line-height: 1.5em;}
	.infoMainColumn p {font-size: 14px; color: #666666; line-height: 1.5em;}
	.infoMainColumn p strong {font-weight: bold; color: #333333;}
	.infoMainColumn ul {margin: 0.5em 0 0.5em 0;}
	.infoMainColumn li {list-style: none; background: url(/consumer/images/bullet_content.gif) 0 0.4em no-repeat; margin: 0 0 10px 0; font-size: 14px; color: #666666; line-height: 1.5em; padding: 0 0 0 16px;}
	.infoMainColumn li strong {font-weight: bold; color: #333333;}
	.infoMainColumn a:link {text-decoration: underline; color: #0066cc; background-color: transparent;}
	.infoMainColumn a:visited {text-decoration: underline; color: #0066cc; background-color: transparent;}
	.infoMainColumn a:hover {text-decoration: none; color: #0066cc; background-color: transparent;}
	.infoMainColumn h6 {font-size: 12px; font-weight: normal; color: #666666; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
	.infoMainColumn h6 em {color: #CC0000;}
	.infoMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.infoMainColumn label {font-size: 14px; font-weight: bold; color: #333333; width: 140px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-style: normal;}
	.infoMainColumn label em {color: #CC0000;}

.infoSectionOverview {float: left; display: inline; width: 100%; padding: 15px 0 15px 0; border-top: 1px solid #F1F1F1; margin: 0 0 0 0;}
	.infoSectionOverview h3 {font-size: 16px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 0 0 0.5em 0;}
	.infoSectionOverview h6 {font-size: 12px; font-weight: normal; color: #666666; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0;}
	.infoSectionOverview p {font-size: 14px; color: #666666; line-height: 1.5em; margin: 0 0 0.5em 0;}
	.infoSectionOverview p strong {font-weight: bold; color: #333333;}

.infoSectionPaging {float: left; display: inline; width: 100%; padding: 15px 0 15px 0; border-top: 1px solid #F1F1F1; margin: 0 0 0 0;}
	.infoSectionPaging h6 {float: left; display: inline; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 16px; font-weight: bold; color: #666666; line-height: 1.2em; margin: 0 0 0.5em 0;}

.infoRightColumnNav {float: right; display: inline; width: 270px; margin: 20px 0 30px 0;}
	.infoRightColumnNav h3 {text-indent: -9999px; font-size: 12px; margin: 0 0 10px 0;}
	.infoRightColumnNav ul {width: 270px; margin: 0;}
	.infoRightColumnNav li {font-size: 14px; font-weight: bold; color: #669900; padding: 0 0 0 22px; list-style: none; margin: 0 0 15px 0; background: url(/consumer/images/bullet_info.gif) center left no-repeat;}
	.infoRightColumnNav a:link {text-decoration: none; color: #0066cc; background-color: transparent;}
	.infoRightColumnNav a:visited {text-decoration: none; color: #0066cc; background-color: transparent;}
	.infoRightColumnNav a:hover {text-decoration: underline; color: #669900; background-color: transparent;}

/*-- HOW IT WORKS --*/
.howItWorksStep {float: left; display: inline; width: 100%; margin: 10px 0 20px 0;}
	.howItWorksStep img {float: left; display: inline; width: 220px; margin: 0;}
	.howItWorksStep h3 {float: right; display: inline; width: 380px; font-size: 18px; font-weight: bold; color: #75a308; line-height: 1.2em; margin: 0 0 0 0;}
	.howItWorksStep p {float: right; display: inline; width: 380px; font-size: 14px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0 0;}
	.howItWorksStep p strong {font-weight: bold; color: #333333;}
	
/*-- CHECKOUT FORM --*/
.formTextWide {width: 290px;  border: 1px solid #CCCCCC; color: #333333; background-color: #FFFFFF; font-size: 14px; padding: 4px 0 4px 0; margin: 3px 0 3px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formTextSmall {width: 100px;  border: 1px solid #CCCCCC; color: #333333; background-color: #FFFFFF; font-size: 14px; padding: 4px 0 4px 0; margin: 3px 0 3px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formSelectWide {width: 290px; font-size: 14px; padding: 0; margin: 3px 0 3px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formSelectSmall {width: 100px; font-size: 14px; margin: 3px 0 3px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}

.formItemQuantity {width: 40px;  border: 1px solid #CCCCCC; color: #333333; background-color: #FFFFFF; font-size: 14px; padding: 4px 0 4px 0; margin: 0 0 5px 0; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}

.checkoutBottomIndent {position: relative; display: inline; float: left; width: 564px; margin: 0 0 0 196px;}

.checkoutColumnLeft {float: left; display: inline; width: 460px; margin: -10px 0 10px 0;}
.checkoutColumnRight {float: right; display: inline; width: 460px; margin: -10px 0 10px 0;}

/*-- BUTTONS LARGE --*/
.buttonTextDisplace {position: absolute; left: -5000px;}

a.buttonLargeBuyOnlineNow {display: block; width: 207px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_buy_online_now.gif); text-indent: -9000px; outline: none;}
a.buttonLargeBuyOnlineNow:hover {background-position: 0 -41px;}

a.buttonLargeWhichTestForMe {display: block; width: 207px; height: 41px; text-decoration: none; background: url(/consumer/images/button_which_test_for_me.gif); text-indent: -9000px; outline: none;}
a.buttonLargeWhichTestForMe:hover {background-position: 0 -41px;}

a.buttonLargePlaceOrder {display: block; width: 172px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_place_order.gif); text-indent: -9000px; outline: none;}
a.buttonLargePlaceOrder:hover {background-position: 0 -41px;}

a.buttonLargeAddToBasket {display: block; width: 194px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_add_to_basket.gif); text-indent: -9000px; outline: none;}
a.buttonLargeAddToBasket:hover {background-position: 0 -41px;}

a.buttonLargeOrderNow {display: block; width: 165px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_order_now.gif); text-indent: -9000px; outline: none;}
a.buttonLargeOrderNow:hover {background-position: 0 -41px;}

a.buttonLargeSendForm {display: block; width: 165px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_send_form.gif); text-indent: -9000px; outline: none;}
a.buttonLargeSendForm:hover {background-position: 0 -41px;}

a.buttonLargeContinue {display: block; width: 148px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_continue.gif); text-indent: -9000px; outline: none;}
a.buttonLargeContinue:hover {background-position: 0 -41px;}

a.buttonLargeSignUp {display: block; width: 137px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_sign_up.gif); text-indent: -9000px; outline: none;}
a.buttonLargeSignUp:hover {background-position: 0 -41px;}

.inputLargeContinue {display: block; width: 148px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_continue.gif); text-indent: -9000px; outline: none; border:0px solid #ffffff;}
.inputLargeContinue:hover {background-position: 0 -41px; border:0px solid #ffffff; cursor: pointer;}

.inputLargeAddToBasket {display: block; width: 195px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_add_to_basket.gif); text-indent: -9000px; outline: none; border:0px solid #ffffff;}
.inputLargeAddToBasket:hover {background-position: 0 -41px; border:0px solid #ffffff; cursor: pointer;}

.inputLargeSignUp {display: block; width: 137px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_sign_up.gif); text-indent: -9000px; outline: none; border:0px solid #ffffff;}
.inputLargeSignUp:hover {background-position: 0 -41px; border:0px solid #ffffff; cursor: pointer;}

.inputLargeSendForm {display: block; width: 165px; height: 41px; text-decoration: none; background: url(/consumer/images/but_l_send_form.gif); text-indent: -9000px; outline: none; border:0px solid #ffffff;}
.inputLargeSendForm:hover {background-position: 0 -41px; border:0px solid #ffffff; cursor: pointer;}

/*-- BUTTONS SMALL --*/
a.buttonSmallContinueShopping {display: block; width: 177px; height: 29px; text-decoration: none; background: url(/consumer/images/but_s_continue_shopping.gif); text-indent: -9000px; outline: none;}
a.buttonSmallContinueShopping:hover {background-position: 0 -29px;}

a.buttonSmallSameAsDeliveryAddress {display: block; width: 230px; height: 29px; text-decoration: none; background: url(/consumer/images/but_s_same_as_delivery_address.gif); text-indent: -9000px; outline: none;}
a.buttonSmallSameAsDeliveryAddress:hover {background-position: 0 -29px;}

a.buttonSmallSendToThisAddress {display: block; width: 193px; height: 29px; text-decoration: none; background: url(/consumer/images/but_s_send_to_this_address.gif); text-indent: -9000px; outline: none;}
a.buttonSmallSendToThisAddress:hover {background-position: 0 -29px;}

a.buttonSmallUpdateBasket {display: block; width: 143px; height: 29px; text-decoration: none; background: url(/consumer/images/but_s_update_basket.gif); text-indent: -9000px; outline: none;}
a.buttonSmallUpdateBasket:hover {background-position: 0 -29px;}

a.buttonSmallChange {display: block; width: 88px; height: 29px; text-decoration: none; background: url(/consumer/images/but_s_change.gif); text-indent: -9000px; outline: none;}
a.buttonSmallChange:hover {background-position: 0 -29px;}

.inputSmallUpdateBasket {display: block; width: 143px; height: 29px; text-decoration: none; background: url(/consumer/images/but_s_update_basket.gif); text-indent: -9000px; outline: none; border:0px solid #ffffff;}
.inputSmallUpdateBasket:hover {background-position: 0 -29px; border:0px solid #ffffff; cursor: pointer;}

.inputSmallAddToBasket {display: block; width: 118px; height: 29px; text-decoration: none; background: url(/consumer/images/but_s_add_to_basket.gif); text-indent: -9000px; outline: none; border:0px solid #ffffff;}
.inputSmallAddToBasket:hover {background-position: 0 -29px; border:0px solid #ffffff; cursor: pointer;}

/*-- BUTTONS SMALLEST --*/
a.buttonSmallestContinueShopping {float: left; display: block; width: 149px; height: 29px; text-decoration: none; background: url(/consumer/images/but_x_continue_shopping.gif); text-indent: -9000px; outline: none; margin: 0 10px 0 0; border:0px solid #ffffff;}
a.buttonSmallestContinueShopping:hover {background-position: 0 -29px; border:0px solid #ffffff;}

a.buttonSmallestUpdateBasket {float: left; display: block; width: 118px; height: 29px; text-decoration: none; background: url(/consumer/images/but_x_update_basket.gif); text-indent: -9000px; outline: none; border:0px solid #ffffff;}
a.buttonSmallestUpdateBasket:hover {background-position: 0 -29px; border:0px solid #ffffff;}

.inputSmallestUpdateBasket {float: left; display: block; width: 118px; height: 29px; text-decoration: none; background: url(/consumer/images/but_x_update_basket.gif); text-indent: -9000px; outline: none; border:0px solid #ffffff;}
.inputSmallestUpdateBasket:hover {background-position: 0 -29px; border:0px solid #ffffff; cursor: pointer;}
