* {
margin:0;
padding:0;
}
/* CSS Document */
body {
	font-family : Arial, Helvetica, sans-serif;
	color: #003366;
	background-color:#FFFFFF;
	margin: 0;
	/* background-image:url(/images/global/tchbgimg.gif) E1E2C8 */
}

/*PAGE GLOBAL STYLES*/
#layout {
	width: 100%;
	position:relative;
}
.floatleft {
	float: left;
}
.floatright {
	float: left;
}
/* ******************************  */
/* TEXT STYLES*/
/* ******************************  */

/*Fonts and Navigation Roll Overs*/
p {
	color: #00447C;
	font-size: 0.9em;
	padding-bottom: 20px;
}
#pagecontent ul {
	padding-left: 20px;
	padding-bottom: 10px;
}
#pagecontent ol {
	padding-left: 40px;
	padding-bottom: 10px;
}
#pagecontent li {
	color: #00447C;
	font-size: 0.9em;
	padding-bottom: 5px;
}
#pagecontent H1 {
	font-size: 1.2em;
	font-weight: normal;
	color: #00447C;
	padding-bottom: 10px;
}
#pagecontent H2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #669900;
	padding-bottom: 10px;
}
#pagecontent H3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #00447C;
}
#pagecontent H3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #669900;
}
.content100  a{
	color: #669900;	
}
.content100 a:hover{
	color: #00447C;	
}

/* ******************************  */
/* TOP HORZ NAVIGATION */
/* ******************************  */

.mainmenu ul{
margin: 0px 0px 0px 0px;
padding: 0;
font: bold 1em Arial, Helvetica, sans-serif;
line-height: 30px;
list-style-type: none;
border-bottom: 0px solid gray;
overflow: hidden;
}
.mainmenu li{
display: inline;
margin: 0;
}
.mainmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0px 10px 0px 10px; /*padding inside each tab*/
border-right: 0px solid white; /*right divider between tabs*/
color: white;
}
.mainmenu li a:visited{
color: white;
}
.mainmenu li a:hover{
background: #b1d521; /*background of tabs for hover state */
color: #000066;
}
.selected a{
background: #b1d521; /*background of tab with "selected" class assigned to its LI */
}
.selected li a{
background: #b1d521; /*background of tab with "selected" class assigned to its LI */
}

/* ######### Drop Down ULs CSS ######### */
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
	font: normal 1.8em Helvetica, Arial, sans-serif;
	text-align:left;
	margin: 0;
	padding: 0 0 0 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	background: white;
	border: 1px solid #002755;
	border-bottom-width: 0;
	visibility: hidden;
	z-index: 100;
}

.ddsubmenustyle li a{
	display: block;
	width: 154px; /*width of menu (not including side paddings)*/
	color:  #002755;
	background-color: white;
	text-decoration: none;
	padding: 4px 5px;
	border-bottom: 1px solid #002755;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 164px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
	background-color: #002755;
	color: white;
}
/* ******************************  */
/* CONTENT PAGES NAV */
/* ******************************  


ul.left_nav	li	{
	background: #FFFFFF;
	color: #000000;	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}

ul.left_nav	li a	{
	display: block;
	color: #023467;
	font-size: 1em;
	list-style-type:none;
	margin-bottom:3px;
	margin-left: 0px;
	padding:8px 0 2px 8px;
	text-decoration:none;
	}

ul.left_nav	li a:hover	{
	background: #393939;
	color: #FFFFFF;
	}
*/



/* ******************************  */
/* RIGHT HAND DYNAMIC NAVIGATION */
/* ******************************  */

/* side_bar */
#paging {
	color:#999999;
	width:565px;
}
.leftmenuchapter {
	text-align: left;
}
/*.left_nav	{*/
#main ul, #main ol	{
/*	margin-left: 40px;*/
	list-style: none;
	}	
#sidebar ul	{
	list-style: none;
	}

#leftnavbox {
	float:left;
	padding-top: 0px;
	width:150px;
}
.left_nav {
	float:left;
	padding-left:0;
	width:150px;
}
ul.left_nav	li	{
	color: #fff;
	list-style: none;
	border-top: 1px solid #999999;
	font-size: 0.95em;
	text-align:left;
	width: 150px;
	}
/*
ul.left_nav	li aon	{
	color: #fff;
	list-style: none;
	border-top: 1px solid #999999;
	font-size: 0.95em;
	text-align:right;
	background-color:#000000;
	}

.margin {
	color : #303030;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	text-decoration:none;	
	margin-bottom : 0px;
}
*/
/*  LEVEL 1 NAV STYLES*/
ul.left_nav li a {
/*	color: #999999; */
	text-decoration: none;
	padding: 4px 10px 4px 0px;
	display: block;
/* 	border: 0px solid #006633; */
	margin-bottom: 0px;
	background-color:#FFFFFF;	background-image: url(../images/global/arrow.jpg);
	background-repeat:no-repeat;
	background-position:left;
	list-style: none;
}

ul.left_nav li a:hover {
	color: #BD001E;
	text-decoration: none;
	padding: 4px 10px 4px 0px;
	display: block;
	margin-bottom: 0px;
	list-style: none;
}

.aon {
	color: #BD001E;
	list-style: none;
	text-align:right;
/*	font-weight:bolder; */
	}
	
/*	Layout fix for IE*/	
* html ul.left_nav li ul li li {
	margin-bottom: 20px;
	}
ul.left_nav li ul li li a:hover	{
	background: #FFFFFF;
	}
* html ul.left_nav li ul li li a	{
	margin: 0 0 -20px 0;
}

/*  LEVEL 1 NAV STYLES*/	

ul.left_nav li a.leftmenuchapter	{
	background: #FFFFFF;
	color: #234567;/* blue */
	font-weight: bold;
	font-size: 0.8em;
	padding: 4px 10px 4px 0px;
	list-style: none;
/*  background-image: url(); */
	background-repeat: repeat-x;
	}
ul.left_nav li a.leftmenuchapter:hover	{
	background: #FFFFFF;
	color: #79b404;
	text-decoration: none;
	padding: 4px 10px 4px 0px;
	}

/*  LEVEL 2 NAV STYLES*/	
ul.left_nav li a.leftmenucontent	{
	background: #FFFFFF;
	color: #79b404;/* blue */
	font-weight: bold;
	font-size: 0.8em;
	padding: 4px 10px 4px 0px;
	padding-left: 10px;
	list-style: none;
/*  background-image: url(); */
	background-repeat: repeat-x;
	}
ul.left_nav li a.leftmenucontent:hover	{
	background: #FFFFFF;
	color: #234567;
	text-decoration: none;
	padding: 4px 10px 4px 0px;
	padding-left: 10px;
	}
#side_bar li {
	list-style: none;
	font-weight: bold;
}

/*  LEVEL 3 NAV STYLES*/	
ul.left_nav li a.leftmenusub {
	background: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	color: #79b404;
	padding: 4px 10px 4px 0px;
	padding-left: 2px;
	list-style: none;
/*  background-image: url(); */
	background-repeat: repeat-x;
}
ul.left_nav li a.leftmenusub:hover {
	background: #FFFFFF;
	font-weight: bold;
	color: #234567;
	padding: 4px 10px 4px 0px;
	padding-left: 2px;
}

/* ******************************  */
/* GLOABAL PAGE STRUCTURE*/
/* ******************************  */

/*HEADER LAYOUT*/
#pageheader {
	width: 100%;
	position:relative;	background-image: url(../images/global/header_bg.gif);
	background-repeat: repeat-x;
}
#header {
	width: 980px;
	height: 160px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#toprow {
	width: 980px;
	height: 130px;
}

/*MIDDLE LAYOUT*/
#pagemiddle {
	width: 100%;
	position:relative;
	background-color: #FFFFFF;
	float: left;	
	background-image: url(../images/global/middle_bg.gif);
	background-repeat: repeat-x;
	padding-bottom: 40px;
}
#middle {
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#pagenav {
	width: 160px;
	padding-right: 20px;
	float: left;
}
#shoppagecontent {
	width: 800px;
	float: left;
	padding-top: 20px;
}
#pagecontent {
	width: 800px;
	float: left;
	padding-top: 20px;
}
#pagemiddlecontent {
	width: 640px;
	float: left;
}
#pagerightside {
	width: 150px;
	padding-left: 10px;
	float: left;
}

/*FOOTER LAYOUT*/
#pagefooter {
	width: 100%;
	position:relative;
	background-color: #b1d521;
	background-repeat: repeat-x;
	float: left;
}
#footer {
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/* ******************************  */
/* HEADERS & FOOTER CONTENT*/
/* ******************************  */

/*HEADER CONTENT*/
#logo{
	width: 160px;
	float: left;
	padding: 0 20px 0 0px;
}
#logomiddle{
	width: 160px;
	float: left;
	padding: 0 20px 0 20px;
}
#logobottom{
	width: 160px;
	float: left;
	padding: 0 20px 0 20px;
}
.toplinks{
	width: 800px;
	float: left;
}
.homeicon{
	width: 354px;
	float: left;
}
.strapline{
	width: 446x;
	float: right;
}
.myaccount{
	width: 244px;
	padding-top:33px;
	padding-left:88px;
	float: left;
}
.basket{
	width: 237px;
	padding-top:33px;
	padding-right: 21px;
	float: left;
}
.minibasket{
	font-size:0.9em;
	width: 128px;
	height: 22px;
	float: left;
	padding: 5px 5px 0px 10px;	background-image: url(../images/global/basket-bg.gif);
}
/*.minibasket{
	width: 120px;
	height: 18px;
	float: left;
	font-size:0.9em;
}*/
.minibasket a {
	color:#FFFFFF;
	text-decoration: none;
}
.minibasket a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.search{
	width: 210px;
	height: 71px;
	float: left;
	background-image:url(/images/global/search_bg.gif);
}
.searchinput{
	width: 145px;
	padding-left: 25px;
	padding-top: 39px;
	float: left;
}
.searchbut{
	padding-top: 33px;
	float: left;
}

/*FOOTER CONTENT*/
.footerlinks{
	width: 940px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	background-color: #BEDC46;
}
.footerlinkstop{
	width: 980px;
	padding-top: 20px;
	float: left;
}
.footerlinksbottom{
	width: 980px;
	padding-bottom: 20px;
	float: left;
}
.footercopyright{
	width: 980px;
	padding-bottom: 20px;
	float: left;
	color: #FFFFFF;
	font-size: 0.80em;
	text-align: center;
}
.footercopyright a{
	color: #FFFFFF;
	text-decoration: underline;
}

/* FOOTER LINKS */
.pagelinks {
	width: 235px;
	float: left;
}
.pagelinks ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
.pagelinks li{
	margin: 0;
}
.pagelinks li a{
	display: block;
	padding: 3px 3px 3px 10px;
	width: 210px;
	color:#808080;
	font-size: 0.8em;
}
.pagelinks li a:visited{
	color: #808080;
}
.pagelinks li a:hover{
	background-color: #02386f;
	color: #eeeeee;
	text-decoration: none;
}

/* ******************************  */
/* HOME PAGE*/
/* ******************************  */

.leftsidefeatures {
	width: 160px;
	padding-bottom: 20px;
	float: left;
}
#featureimages {
	width: 800px;
	float: left;
}
.featureimages {
	width: 566px;
	height: 282px;
	float: left;
}
.featuretab {
	width: 214px;
	height: 91px;
	padding-left: 20px;
	padding-bottom: 3px;
	float: left;
}
#productfeatures{
	width: 800px;
	padding-top: 20px;
	float: left;
}
.leftfeatures{
	width: 328px;
	padding-right: 52px;
	background-image: url(../images/home/colseperator.gif);
	background-repeat:repeat-y;
	float: left;
}
.leftfeatureitem{
	width: 328px;
	padding-bottom: 20px;
	float: left;
	color:#003366;
	font-size:0.85em;
}
.leftfeatureitem a{
	color:#669900;
}
.featuretitle{
	width: 328px;
	padding-bottom: 10px;
	float: left;
	color:#023467;
	font-size:1.1em;
	font-weight:normal;
	padding-bottom:10px;
}
.featureimg{
	width: 328px;
	padding-bottom: 10px;
	float: left;
}
.featurecontent{
	width: 328px;
	padding-bottom: 10px;
	float: left;
	color:#023467;
	font-weight:normal;
	padding-bottom:10px;
}
.rightfeatures{
	width: 420px;
	float: left;
}
.rightfeatureditem{
	width: 420px;
	float: left;
	padding-bottom: 20px;
}
.prodcol1{
	width: 200px;
	float: left;
	padding-right: 20px;
}
.prodcol2{
	width: 200px;
	float: left;
}
.prodbox{
	width: 200px;
	float: left;
	padding-top: 15px;
}
.prodtitle{
	width: 200px;
	color: #669900;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
}
.prodimg{
	width: 200px;
	float: left;
	text-align: center;
}
.prodpricehome{
	width: 174px;
	color:#003366;
	font-size: 0.9em;
	height: 96px;
	padding: 10px;
	float: left;	
	/* background-image: url(../images/home/featuredprod_bg.gif); */ 
	background-image: url(../images/home/featuredprod_bg4.gif);
	background-repeat: no-repeat;
}
.prodpricehome a{
	color:#003366;
}

/* ******************************  */
/* GLOBAL PAGE CONTENT */
/* ******************************  */
.pagetitle {			
	color: #79b404;
	font-size: 1.3em;
	font-weight:bold;
	padding-bottom: 20px;
}
.pagetitle a {			
	color: #79b404;
	font-weight:bold;
	text-decoration: none; 
}
.pagetitle a:hover {		
	color : #023467;
	text-decoration: none;
}
.sectiontitle {
	font-size: 1.3em;
	font-weight: normal;
	color: #023467;
	padding-bottom: 10px;
/*	height:50px; */
}
.sectiontitle a {
	color: #023467;
	text-decoration: none;
}
.sectiontitle a:hover {
	color: #79b404;
	text-decoration: underline;
}
.pagesubtitle {			
	color: #79b404;
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 15px;	
	padding-top: 15px;
	float: left;
	width: 100%;
}
.pageintro {			
	color: #234567;
	font-size: 0.9em;
	padding-bottom: 20px;
	float: left;
	width: 620px;
	margin-right: 20px;
}
.content100{
	width: 640px;
	float: left;
	padding-bottom: 15px;
	margin-right: 0px;
}
.content50{
	width: 300px;
	height: 150px;
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
}
.content33{
	width: 190px;
	float: left;
	margin-right: 23px;
}
.pagecontent p{
	color:#234567;
	font-size:0.9em;
	margin-bottom: 10px;
}
.pagecontent H4{
	color:#79B404;
	font-size:0.9em;
	margin-bottom: 10px;
}
.pagecontent a{
	color:#79b404;
	margin-bottom: 10px;
	text-decoration: underline;
}
.pagecontent a:hover{
	color:#234567;
	text-decoration: none;
}

.pagecontent ul	{
 	margin-left: 40px; 
	list-style: none;
	}	
	
.pagecontent li 	{
	color: #79b404;
	font-weight: bold;
	font-size: 0.9em;
	padding: 4px 0px 4px 0px;
	padding-left: 10px;
	list-style: disc;
	}

/* ******************************  */
/* ARTICLE SUMMARY COLS */
/* ******************************  */

#articlecolm{
	width: 565px;
}/* 
.directorybox {
	height: 150px;
	width: 255px;
	float: left;
	padding-right: 0px;
	padding-bottom: 15px;
	border-bottom: 1px solid #999999;
	margin-bottom: 15px;
	margin-right: 15px;
}*/
.directoryboxmain{
	width: 272px;
	float: left;
	margin-right: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #999999;
	margin-bottom: 15px;
}
.articlebox{
	width: 640px;
	float: left;
	padding-right: 10px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-right: 0px;
}
.articlefull img{
	border-color:#FFFFFF;
	border-width: 10px;
	}
.articlebox100{
/*	width: 500px;*/
	width: 640px;
	float: left;
	padding-bottom: 15px;
	border-bottom: 1px solid #999999;
	margin-bottom: 15px;
	margin-right: 0px;
}
.articlebox50{
	width: 300px;
	height: 150px;
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
	border-bottom: 1px solid #999999;
}
.articlebox33{
	width: 295px;
	float: left;
	margin-bottom: 15px;
	margin-right: 18px;
	border-bottom: 1px solid #999999;
}
.articletitle {
	font-size: 1.1em;
	font-weight: normal;
	color: #003366;
	padding-bottom: 10px;
}
.articletitle a {
	color: #003366;
	text-decoration: none;
}
.articletitle a:hover {
	color: #79b404;
	text-decoration: underline;
}
.articlepic {
	float: left;
	width: 100px;
	height: 140px;
	padding-right: 15px;
	overflow: hidden;
}
.articletext100 {
	width: 640px;
	float: right;	
}
.articletext {
	font-size: 0.85em;
	font-weight: normal;
	color: #666666;
	padding-bottom: 10px;
}
.articleintro {
	float: left;
	width: 100%;
	}
.morebutton {			
	float: left;
}

/*	promoted article;*/

.articlebox50promo{
	width: 300px;
	height: 350px;
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
	border-bottom: 1px solid #999999;
}

.articlepicpromo {
	float: left;
	width: 300x;
	height: 200px;
	padding-bottom: 20px;
	padding-right: 15px;
	overflow: hidden;
}

/* ******************************  */
/* A to Z */
/* ******************************  */


.azcategory {			
	color: #023467;
	font-size: 0.9em;
	border-bottom: 1px solid #999999;
	padding-bottom: 3px;
	margin-bottom: 10px;
	text-indent: 5px;
}
.azcategory a {			
	color: #023467;
	text-decoration: none;}
.azcategory a:hover {		
	color : #79b404;
	text-decoration: none;
}
.azpromo {			
	color:#79b404;
		font-size: 0.9em;
	border-bottom: 1px solid #999999;
	padding-bottom: 3px;
	margin-bottom: 10px;
	text-indent: 5px;
}
.azpromo a {			
	color: #79b404;
	font-weight: bold;
	text-decoration: none; 
}
.azpromo a:hover {		
	color: #023467;
	text-decoration: none;
}

/* ******************************  */
/* Brands */
/* ******************************  */


.brandlogo {			
	width: 195px;
	height: 110px;
	text-align: center;
}
.brandname {			
	color: #023467
	width: 195px;
	font-size: 1.2em;
	font-weight:bold;
	text-align: center;
	padding-bottom: 15px;
}
.brandname a {			
	color: #023467;
	font-weight:bold;
	text-decoration: none; 
}
.brandname a:hover {		
	color : #79b404;
	text-decoration: none;
}
.brandrelated {		
	color : #79b404;
	font-size: 1.0em;
	text-decoration: none;
	padding-bottom: 10px;
}
.feelwellrelated {		
	color : #79b404;
	font-size: 1.0em;
	text-decoration: none;
}
.brandlinkname {		
	color : #234567;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}
.brandlinkdetail {
	color:#234567;
	float:left;
	font-size:0.9em;
	width:100%;
}
.brandlink {			
	color: #023467
	font-size: 1.2em;
}
.brandlink a {			
	color: #79b404;
	text-decoration: underline; 
}
.brandlink a:hover {		
	color : #023467;
	text-decoration: none;
}

/* ******************************  */
/* SUBSCRIBE FORM */
/* ******************************  */

.freebieform {
	width: 600px;
	float: left;
	font-size:0.85em;
}

form#enter {width:100%; padding:0px; border:0px solid #000000; margin:0px; font-size:10pt;}
form#enter p {font-size:9pt; color: #333333; text-align:left; padding:15px 5px 5px 0.5em; margin:0;}

form#enter legend {
	font-size:1.1em;
	font-weight:bold;
	border-bottom:0px solid #09afda;
	margin-bottom:0px;
	padding:6px 6px 12px 6px;
	background:none;
	color:#79b404;
}
* html form#enter legend { padding:0 0 0px 0; margin:0px 0 15px 0; border:none;}

form#enter label {
	clear:left;
	display:block;
	float:left;
	width:100px;
	text-align:left;
	padding-left:7px;
	padding-right:10px;
	padding-top: 3px;
	color: #234567;
	font-weight: bold;
}
form#enter info {clear:left;  float:right; width:100px; text-align:left; padding-left:0.5em; padding-right:10px; color: #333333; margin-bottom:0.5em;}

form#enter input {border:1px solid #333333; padding-left:0.5em; margin-bottom:0.6em; width:240px; background:#e4e3e3;}
form#enter input:hover { border:1px solid #000000; color: #333333;}
form#enter input:focus {background:#e4e3e3; border:1px solid #09afda; color:#09afda;}
form#enter input.tickbox {width: 10px;  vertical-align:middle; border:0px solid #000000; background-color:#FFFFFF;}
form#enter fieldset#medical input, form#enter fieldset#current input {width:45px;}

form#enter textarea {width:95%; height:10em; border:1px solid #FFFFFF; margin-left: 0.5em; margin-right: 0.5em; padding:0.5em;  overflow:auto; background:#e4e3e3;}
form#enter textarea:hover {border:1px solid #FFFFFF; color: #333333;}
form#enter textarea:focus {background:#f8f8f8; border:0px solid #09afda; color: #333333;}

form#enter select {margin:0 0 1em 0; background:#e4e3e3; border:1px solid #000000; font-size:10pt; color:#000000; width: 100px;}
form#enter option {border:0px solid #000000; background:#e4e3e3; color:#000000;}
form#enter optgroup {border:1px solid; background:#f8f8f8; color:#09447C; font-style:normal; display:inline;}
form#enter optgroup option {background:#e4e3e3; color:#09afda; display:inline;}

form#enter #button1 {color:#FFFFFF; padding-right:0.5em; cursor:pointer; width:150px; margin-left:120px; background:#234567; border:1px solid; border-color:#999999 #000000 #000000 #999999;}
form#enter #button2 {color: #333333; padding-right:0.5em; cursor:pointer; width:100px; margin-left:8px; background:#EFEFEF; border:1px solid; border-color:#999999 #000000 #000000 #999999;}
form#enter #button1:hover, form#enter #button2:hover {color: #333333; background:#79b404; border:1px solid; border-color:#4f718a #003 #003 #4f718a; }

