/* CSS Document */

body {
	font-family:Verdana, Tahoma, sans-serif;
	font-size:12px;
	padding:0 0 10px 0;
	margin:0;
	background-image:url(../img_site/bg_logo.gif);
	color: #333333;
}


/*-----------------Primary Divs----------------*/
#container {
	width:770px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	border: 1px solid #666666;
}

#content {
	margin:0;
	background-color:#ffffff;
	width: 770px;
	padding-right: 0;
	padding-left: 0;
	background-image:url(../img/bg-mhb1.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#compBox {
	border:solid #FF9900 3px;
}
#Msg {
	border:solid #FF9900 3px;
}

#footer {
	background-color:#b3cf52;
	color:#fff;
	background-image: url(../img_site/contentBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 3px 0;
	font-size:9px;
	clear:both;
	color: #fff;
	text-align:center;
}

div#leftcol {
	float: left;
	width: 160px;
	display:inline;
	margin:0;
}

div#rightcol {
	padding: 0 10px 0 0;
	margin:0 0 0 0;
	display:inline;
	float:right;
	width:593px;
	overflow:visible;
}
div#homepage {
	padding: 0 0 0 0;
	margin:572px 10px 0 0;
	display:inline;
background-image:url(../img_site/bg1.jpg);
}


#header {
	height:120px;
	margin:0; padding:0;
	background-image:url(../img_site/bg_header.jpg);
}

#header .phoneorders {
margin-top: 2em;
color: #a5c631;
}

#Basket {
	float:right;
	height:80px;
	padding:10px 20px 0 0;
}

#bottomNav {
width:770px;
text-align:center;
font-size:10px;
padding-bottom:5px;
clear:both;
}

#bestsellers {
font-size:14px;
}

#bestList {margin:0 5px 0 -10px; padding:0; font-size:11px;}
#bestList ul {margin:0; padding:0;}
#bestList li {margin:0 0 3px 0; padding:0;}

#popularSearches {
width:748px;
background-color:#E0FFB7;
border:#a5c631 solid 1px;
font-size:10px;
color:#a5c631;
padding:2px 10px;
}

#paymentList {
margin:0;
padding:7px;
list-style:none;
list-style-type:none;
font-size:11px;
font-style:italic;
}
#paymentList ul {
margin:0; padding:0;
list-style:none;
list-style-type:none;
}
#paymentList li
{
list-style:none;
list-style-type:none;
margin:0;
padding: 3px 0 0 30px;
background: url(../img_site/bullet-tick.gif) 8px 3px no-repeat;
}
/*-------------Backgrounds----------*/
.fruit {
	background-image:url(../img_site/fruit.gif);
	background-repeat: no-repeat;
	background-position: right 120px;
}
.todayMag {
	background-image: url(../img_site/bg_todayMag.jpg);
	background-repeat: no-repeat;
	background-position: right 120px;
}
.contact {
	background-image: url(../img_site/bg_contact.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.protein {
	background-image: url(../img_site/bg_protein.jpg);
	background-repeat: no-repeat;
	background-position: right 120px;
}
.accessories {
	background-image: url(../img_site/bg_accessories.jpg);
	background-repeat: no-repeat;
	background-position: right 120px;
}
.heart {
	background-image: url(../img_site/bg_heart.jpg);
	background-repeat: no-repeat;
	background-position: right 120px;
}
.results {
	background-image: url(../img_site/bg_results.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.random1 {
	background-image: url(../img_site/bg_healthyWeight1.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.random2 {
	background-image: url(../img_site/bg_healthyWeight2.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.random3 {
	background-image: url(../img_site/bg_healthyWeight3.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.random4 {
	background-image: url(../img_site/bg_healthyWeight4.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.random5 {
	background-image: url(../img_site/bg_healthyWeight5.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.random6 {
	background-image: url(../img_site/bg_healthyWeight6.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.random7 {
	background-image: url(../img_site/bg_healthyWeight7.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.random8 {
	background-image: url(../img_site/bg_healthyWeight8.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.gifts {
	background-image: url(../img_site/bg_gifts.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.customerclub {
	background-image: url(../img_site/bg_customer.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
/*-------------Headings-----------*/
h1#logo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 34px;
	margin:0 0 0 10px;
	padding:0;
	color:#FF9900;
	float: left;
/*	line-height: 45px; */
}
.logoextra {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	margin:0 0 0 10px;
	padding:0;
	line-height: 12px;

}

h1#logo span {
	font-size: 14px;
	text-transform: capitalize;

}
h2#content  {
	font-size:14px;
	color: #66CCFF;
	margin-bottom:0; margin-top:0;
	padding-bottom:0;
	background-color:none;
}

div#rightcol h1 {
	font-family:"Courier New", Courier, monospace;
	font-size: 22px;	
	color: #a5c631;
	}
div#rightcol h2 {
	font-size: 14px;	
	color: #a5c631;
	font-weight:bold;
	margin:15px 0 2px 0;
	padding:0;
	}

h3#recommended {
	background: #a5c631;
	padding: 0.1em 0.6em;
	font-size: 1.1em;
	margin: 10px 10px 10px 0;
	color: #fff;
}

h4{
	color:#fff;
	background-color:#a5c631;
	padding-left:1em;
	margin:0 5px;
}

#leftcol h6 {
	color:#fff;
	background-color:#a5c631;font-stretch:condensed;
	text-align:center;
	font-size:12px;
	margin: 0 2px 0 2px;
	padding: 2px 2px 2px 2px;
}
div#rightcol p {
	margin: 0;
	font-weight:normal;
	color:#999999;
}
.product h6 {
color:#fff; margin:2px 0px; font-size:12px; background-color:#FFCC00; text-align:center;
}
/*---------Links---------------*/
a {
	color:#333333;
		text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#a5c631;
}

a#cart {
	margin: 0;
	text-align: center;
	line-height: 1.4em;
	font-size: 0.9em;
	}



/*--------- Top Navigation ------*/

ul#menu {
	margin: 0;
	padding: 0;
	clear: both;
	background: #a5c631;
	overflow:hidden;
	width:770px;
}

ul#menu li {
	display: inline;
	list-style: none;
}

ul#menu li a {
	float: left;
	display: block;
	color: #fff;
	padding: 0.3em 0.7em;
	font-size: 1.1em;
	background: url(images/horiz-nav-divider.gif) no-repeat 0 0.7em;
}

ul#menu li a.home {
	font-weight: bold;
	background: #b3cf52;
	padding-right: 8.4em;
	padding-left: 1em;
}

ul#menu li a.about {
	background: none;
}

ul#menu li a.checkout {
	float: right;
	font-weight: bold;
	background: #b3cf52 url(images/checkout-arrow.gif) no-repeat 9.5em 0.8em;
	padding-left: 4em;
	padding-right: 4.5em;
}

/* ------------- Side Bar Navigation --------------- */

.sidemenu {
font-size:95%;
margin:0 0 0 5px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.sidemenu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:160px;
}
/* style the list items */
.sidemenu li {
background:#ffffff;
height:30px;
/* for IE7 */
float:left;
}
.sidemenu li.sub {background:#ffffff url(../img_site/sub.gif) no-repeat right center;} 

/* get rid of the table */
.sidemenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.sidemenu a, .sidemenu a:visited {
display:block; 
text-decoration:none;
height:30px;
line-height:25px;
width:160px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 1px;
}
/* hack for IE5.5 */
* html .sidemenu a, * html .sidemenu a:visited {width:150px; w\idth:149px;}
/* style the link hover */
* html .sidemenu a:hover {color:#000000; background:#ffffff; position:relative;}

.sidemenu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.sidemenu a:active, .sidemenu a:focus {color:#000000; background:#ffffff;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.sidemenu li:hover > a {color:#000000; background:#ffffff;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.sidemenu li ul {
visibility:hidden;
position:absolute;
top:0px;
/* set up the overlap (minus the overrun) */
left:157px;
/* set up the overrun area */
padding:0;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
border-left:4px solid #A5C631;
}

/* for browsers that understand this is all you need for the flyouts */
.sidemenu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.sidemenu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.sidemenu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.sidemenu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.sidemenu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.sidemenu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.sidemenu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.sidemenu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

/* ---------------- end Side Bar Nav --------------- */


/*-------- Left Navigation -------*/

#nav {
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0 0 1em 0;
}

#nav img {
	text-align:center;
}

#nav ul {
	width: 36em;
	list-style: none;
	line-height: 1;
	background: white;
	padding: 0;
	margin: 0 0 1em 0;
}

#nav a {
	color: #5c5c5c;
	display: block;
	font-size: 1.1em;
	padding: 0.55em 1em;
}

#nav a:hover {
	color: #000;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	margin: 0;
	border-color: #A5C631;
	border-style: solid;
	border-width: 2px;
	border-left: none;
	background-color:#fff;
}

#nav li li {
	padding-right: 1em;
	width: 12.9em;
	float: left;
	margin-top: 2px;
}

#nav li ul a {
	width: 13em;
	w\idth: 10.5em;
}

#nav li ul {
	margin: -2.6em 0 0 13.75em;
}

#nav li ul ul {
	margin: 0 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #F0F0F0;
}

/*-- Individual Colours ---*/

#nav li#intelligentnutrition:hover, #nav li#intelligentnutrition li:hover, #nav li#intelligentnutrition.sfhover, #nav li#intelligentnutrition li.sfhover,
#nav li#essentialaccessories:hover, #nav li#essentialaccessories li:hover, #nav li#essentialaccessories.sfhover, #nav li#essentialaccessories li.sfhover,
#nav li#herbalifeapparel:hover, #nav li#herbalifeapparel li:hover, #nav li#herbalifeapparel.sfhover, #nav li#herbalifeapparel li.sfhover {
	background: #C9E36B;
}

#nav li#weightmanagement:hover, #nav li#weightmanagement li:hover, #nav li#weightmanagement.sfhover, #nav li#weightmanagement li.sfhover {
	background: #85C3E8;
}

#nav li#energyfitness:hover, #nav li#energyfitness li:hover, #nav li#energyfitness.sfhover, #nav li#energyfitness li.sfhover {
	background: #F7B45D;
}

#nav li#targetednutrition:hover, #nav li#targetednutrition li:hover, #nav li#targetednutrition.sfhover, #nav li#targetednutrition li.sfhover {
	background: #E47F72;
}

#nav li#outernutrition:hover, #nav li#outernutrition li:hover, #nav li#outernutrition.sfhover, #nav li#outernutrition li.sfhover {
	background: #A7AADF;
}



/*
#leftcol td ul {
font-size:10px;
font-style:italic;
margin-left: 0;
margin-top: 0;
list-style: url(../img_site/bullet-tick.gif) ;
}
*/
/*----------Products Grid-------------*/

#productsTable {
margin:0 0 0 19px;
}

table.products-grid {
	margin: 0 0 1em 0;
	text-align:center;
}

table.product {
	width:595px;
	border: 3px solid #D3E398;
	padding: 5px;
	font-weight: bold;
}

table.product a {
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
}

table.product p {
	margin: 0;
	font-weight:normal;
	color:#999999;
}

table.products-grid td.spacing {
	width: 0px;
}
.productprice {
	color:#D3E398;
}
H3#newproducts {
	PADDING-RIGHT: 0.6em; PADDING-LEFT: 0.6em; FONT-SIZE: 1.1em; BACKGROUND: #a5c631; PADDING-BOTTOM: 0.1em; MARGIN: 0px 0.6em 1em; COLOR: #fff; PADDING-TOP: 0.1em;
}
TABLE.products-grid {
	MARGIN: 0px 0px 1em
}
TABLE.products-grid TD.product {
	BORDER-RIGHT: #d3e398 3px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d3e398 3px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #d3e398 3px solid; WIDTH: 174px; PADDING-TOP: 5px; BORDER-BOTTOM: #d3e398 3px solid
}
TABLE.products-grid TD.promote {
	BORDER-RIGHT: #d3e398 3px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d3e398 3px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #d3e398 3px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #d3e398 3px solid
}
TD.product SPAN.offer_title A {
	DISPLAY: block; LINE-HEIGHT: 1.2em; HEIGHT: 30px
}
TD.product SPAN.offer_image A {
	DISPLAY: block; HEIGHT: 170px
}
TD.product P {
	MARGIN: 0px; COLOR: #d84e10
}
TABLE.products-grid TD.spacing {
	WIDTH: 6px
}
/*----------Recipes Grid-------------*/
table.recipes-grid {
	margin: 0 0 1em 0;
	text-align:center;
}

table.recipes {
	padding: 5px;
	font-weight: bold;
}

table.recipes-grid td.spacing {
	width: 0px;
}

TABLE.recipes-grid {
	MARGIN: 0px 0px 1em;
}
TABLE.recipes-grid TD.recipes {
	BORDER-RIGHT: #e6edb6 3px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e6edb6 3px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold;  PADDING-BOTTOM: 5px; BORDER-LEFT: #e6edb6 3px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #e6edb6 3px solid; background-color:none;
}
TD.recipes P {
	MARGIN: 0px; COLOR: #d84e10;
}
TABLE.recipes-grid TD.spacing {
	WIDTH: 6px;
}
TABLE.recipes-grid TD p {
	text-align:left;
}
/*catalogue grid -------*/
#catalogue{
margin:0;
}

#catalogue table td{
font-size:10px;
}
#catalogue a{color:#009900; font-size:10px;}
.buynow{
	border: 1px solid #666666;
	margin:5px 2px;
	background-color:#e0e0e0;
	padding:0 3px;
} 
.catprice{font-size:10px;}

/*---------Images-------*/
div#rightcol p img {float: left; margin-right: 5px;
}
div#rightcol a img {float: none; margin-right: 0;
}
/*-------------Forms-----------------*/
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fff;
}

.addButton {
	color:#333333;
	width: 148px;
	height: 30px;
	font-size:10px;
	background-image:url(../img_site/bg_buynowBut.gif);
	border:none;
	padding-bottom:8px;
}


/*---------Other----------------*/
.BusinessName {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	margin-left: 100px;
	margin-top: 500px;
	text-indent: 228px;
}

.member {
	width:150px;
	border:3px solid #FF9966;
	margin: 5px;
	padding:5px;
}

.centerMe {margin-left:auto; margin-right:auto;}
.disclaimer {font-size:9px; font-style:italic; }
.startNewLine {white-space: pre;}
.imgLeft {float:left; margin-right: 5px;}
#container #rightcol hr {
	border: 0;
	color: #A5C631;
	background-color: #fff;
	height: 1px;
	margin: 0 5px 0 5px;
}
.contact {
padding: 310px 10px 0 10px;
background-color:none;
}
.contact p{
padding-left:10px;
}
.order{
padding:0 10px;
}
.stroke {
border:#333333 1px;
}
/* =================================================== */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.smallBut {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../img_site/bg_menu.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
.novis{
display: none;
}