@charset "UTF-8";
/* CSS Document */
@import url("events-main.css");
@import url("basics-main.css");

/* 
Commenting the call below to test IE6 crashing bug fix



MYHL sitewide.css
  * Common style definitions for MYHL, HL 
  * Created: 01/13/07 by Ritchie Adaya
  * Last Updated: 01/17/07
  */
 
 /* primary structure and default styles */
html, body {
	background-color: #fff;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 11px;
	}
body {
	padding: 0;
	text-align:left;
	background-color: #fff;
	margin: 0 auto auto 15px;
	}
div, span, p {
	font: normal 11px Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	color: #555;
	}
	
	/* default green links */
a:link {text-decoration: underline; color: #090;}
a:visited {text-decoration: underline; color: #090;}
a:hover {text-decoration: underline; color: #090;}
a:active {text-decoration: underline; color: #090;}


	/* template defaults */
	.tpl-header, .tpl-bottomNav, .tpl-footer, .tpl-copyright { width: 734px !important;}     /* default width size of tpl files */
	
	
	.td-dotted-btm { 
	background-image:url(/img/common/hdivider.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	}
	
	.td-dotted-top { 
	background-image:url(/img/common/hdivider.gif);
	background-position:top left;
	background-repeat:repeat-x;
	}
	
	.td-dotted-left { 
	background-attachment: scroll;
	background-image: url(/US/en/img/layout/bkg/divider.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}
	
	.td-dotted-right { 
	background-attachment: scroll;
	background-image: url(/US/en/img/layout/bkg/divider.gif);
	background-repeat: repeat-y;
	background-position: right top;
	}
	
	.tpl-left-td {    /* default left column section navigation */
		width: 175px;
		padding: 0px 10px 10px 10px;
		background-attachment: scroll;
		background-image: url(/US/en/img/layout/bkg/divider.gif);
		background-repeat: repeat-y;
		background-position: right top;
		}
	.tpl-left-td-nobg {    
		width: 175px;
		padding: 0px 10px 10px 10px;
		background-attachment: scroll;
		background-image: url(/US/en/img/layout/bkg/divider.gif);
		background-repeat: repeat-y;
		background-position: right top;
		}

	.tpl-right-td {    /* default right column - body of section */
		width: 780px;
		padding: 5px;
		}
	.tpl-header {    /* default templates header */
		height: 75px;
		}
	.tpl-section-header {   /* APPLY TO DIV ON SECTION HEADER INCLUDE  */
	background-image:url(../img/common/hdivider.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	padding-left: 10px;
	height: 25px;
	padding-top: 20px;
	padding-bottom: 8px;
	margin-bottom:5px;
	margin-top:-5px;
		}
		
	.tpl-bottomNav {    /* default template bottom navigation */
		margin-bottom: -20px;
		text-align: center;
		color: #555;
		}
		
		/* bottomNav link styles */
		.tpl-bottomNav a {
			text-decoration: none;
			color: #555;
			}
			
	.tpl-footer {	/* default template footer  */
		height: 34px;
		margin: 30px 0 20px;
		}
	.tpl-copyright {    /*default template copyright */
		text-align: center;
		font-size: 10px;
		color: #B6B6B6;
		}
	
	
	

/* global default styles for table elements */

.tpl_table_default {    /* default settings for site tables */
	width: 100%;
	padding: 0;
	margin: 0;
	}
	
	
.tpl_table {}
	/* even & odd rows (for tables) */
	.oddRow {height:32px;padding:4px 0 0 13px;background:#f3f3f3;}
	.oddRow div {font-size:10px;color:#333;}
	.evenRow {height:32px;padding:4px 0 0 13px;background:#fbfbfb;}
	.evenRow div {font-size:10px;color:#333;}

#action-icons {width:160px; position:relative; margin:10px 15px 5px 0;}
	

/* MYHL - Global left nav style definitions
  * Filename: leftNavStyle.css
  * Common style definitions for MYHL, HL 
  * Created: 01/16/07 by Ritchie Adaya
  */
 
.tpl-left-nav {
	font: 13px Arial, Helvetica, sans-serif;
	}
.tpl-left-nav ul {
	display: block;
	padding: 2px 0 0 0;
	margin: 0;
	list-style: none;
	}
.tpl-left-nav li {
	display: block;
	padding: 3px 0 4px 0;
	font-weight: bold;
	/*padding: 3px 0px 5px 0px;*/
	border-bottom:dotted #666666 1px;
	}
.tpl-left-nav li ul {
		display: block;
	margin-left: 15px;
	border:none;
	}

.tpl-left-nav li ul.active-menu {
	display: block;
	border-bottom: none;
	}

.tpl-left-nav a:link {
	display: block;
	text-decoration: none;
	color: #000;
	border:none;
	}
	
/* NEW LEFT NAV STYLES Added by Josue */
.tpl-left-nav a:visited {
	text-decoration: none;
	color: #000;
	border:none;
	display: block;
	}
	
.tpl-left-nav a:hover {
	text-decoration: underline;
	color: #000;
	border:none;
	display: block;
	}
	
.tpl-left-nav a:active {
	text-decoration: none;
	color: #000;
	border:none;
	display: block;
	}
/*END NEW LEFT NAV STYLES*/
	
.tpl-left-nav ul li:hover ul, .tpl-left-nav ul li.open ul {
	display: block;
	margin-left: 15px;
	border:none;
	}




	/* default rounded boxes ----------------------------------------------------------------------------------------------------------------------*/
	.tpl-rndBox {
		 width: 100% !important;    /* set to 100% to fill parent container. */
		 margin:0px auto;
		 min-width:20em;
		 max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
		 color:#000;
		 padding: 0;
		}
	.tpl-rndBox .hd .c,
	.tpl-rndBox .ft .c {
		 font-size:1px; /* ensure minimum height */
		 height:11px;
		}
	.tpl-rndBox .ft .c { height:14px; }
	.tpl-rndBox .hd          { background:transparent url(/US/en/img/layout/bkg/tl.png) no-repeat 0px 0px;	 margin-right:8px;  }    /* space for right corner */
	.tpl-rndBox .hd .c      { background:transparent url(/US/en/img/layout/bkg/tr.png) no-repeat right 0px; margin-right:-14px;  }    /* pull right corner back over "empty" space (from above margin) */
	.tpl-rndBox .bd          { background:transparent url(/US/en/img/layout/bkg/ml.png) repeat-y 0px 0px; margin-right:0px; }
	.tpl-rndBox .bd .c      { background:transparent url(/US/en/img/layout/bkg/mr.png) repeat-y right 0px; margin-right:-6px; }
	.tpl-rndBox .bd .c .s  { background:url(/US/en/img/layout/bkg/ms.png) repeat-y 0px 0px; margin:0px 8px 0px 0px; padding: .3em .5em .3em 1em;	font-size: 11px;}
	.tpl-rndBox .ft            { background:transparent url(/US/en/img/layout/bkg/bl.png) no-repeat 0px 0px; margin-right:8px;	}
	.tpl-rndBox .ft .c        { background:transparent url(/US/en/img/layout/bkg/br.png) no-repeat right 0px; margin-right:-14px; }
	/* content-specific */
	.tpl-rndBox h2 {    /* header for the box */
		font-size:2em;
		 margin:0px;
		 padding:0px;
		 margin-top:-0.6em;
		}
	.tpl-rndBox p {
		 margin:0.5em 0px 0px 0px;
		 padding:0px;
		 text-align: justify;
		}
	html>body .tpl-rndBox pre { font-size:1.1em; }
	.tpl-rndBox-header {
		margin-top: 6px;
		background: transparent url(/US/en/img/layout/bkg/ms.png) left 20px repeat-y;
		}
	.tpl-rndBox-header h2 {
		background: transparent url(/US/en/img/layout/bkg/bkg-blue-header-gradient.jpg) left top repeat-x;
		padding-left: 11px;
		margin-right: 3px;
		padding-top: 3px;
		padding-bottom: 7px;
		font-size: 1.2em;
		font-weight: bold;
		color: #387127;
		}
	.inner-header-box {
		padding-bottom: 5px;
		margin-left: 4px;
		margin-right: -6px;
		background: transparent url(/US/en/img/layout/bkg/mr.png) right top repeat-y;
		}
				





/* global style for site headers, sections, and pages */
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 5px 0;}
h1 {
	font-size: 23px;
	font-weight: normal;
}
h2 {	font-size: 14px;	}
h3 {	font-size: 12px;	}
h4 {	font-size: 10px;	}

/* default section header for page */
.sectionHeading, .sectionTitle { font-size: 23px; font-weight: normal; }  
h1.sectionHeading, h1.sectionTitle { font-size: 23px; font-weight: normal; }

/* default page level title */`
.pageHeading  { margin: 0 0 10px 0; padding: 0px 0 4px 0px; font-size: 18px; }
.page_heading { margin: 0 0 10px 0; padding: 0px 0 4px 0px; font-size: 18px; }    
#mainpagetitle {font-size:18px; font-weight:normal; margin:0 0 10px 20px;}



/* vertical spacer divs */
.clear {overflow:hidden;clear:both;line-height:1px;}
.clear2 {overflow:hidden;clear:both;height:2px;}
.clear5 {overflow:hidden;clear:both;height:5px;}
.clear10 {overflow:hidden;clear:both;height:10px;}
.inline {display:inline;float:left;}






/* common text styles */

.txt_regular {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #555;
	}
	
	/* DISCLAIMER BOX */
	.txt_disclaimer_boxed {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		margin-top: 5px; 
		color: #999;
		padding: 1px 3px;
		border: 1px solid #ccc;
		}
		.disclaimer .nobox_wrap {
		margin: 0px;
		padding: 1px 3px;
		}
		.disclaimer p.small {    /* p.small */
		font-size: 9px;
		margin: 0px 0px;
		padding: 0px 0px;
		}
	/* DISCLAIMER BOX */
	
	
/* ERROR AND MESSAGES */

.txt-brownRed { color: #990000;}
	
	
	


.dsAccount {    /* sets and positions DS account in header */
	width: 300px;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 11px;
	}




/* global list item defaults*/
ul {margin: 0 auto; }
li {padding: 3px 0; list-style: outside disc; display: list-item;}


/* Viewer Page Selected Link Styles */
td.scroll-menu-off {background-color:#FFFFFF;}
td.scroll-menu-on {background-color:#D8E4F0;}
a.scroll-menu-link {color:#177C14;font-weight:normal;font-size:11px;text-decoration:underline;}
a.scroll-menu-link:hover {color:#5E53C7;font-weight:normal;font-size:11px;text-decoration:underline; }


/* global form defaults */

.required {
  color: #DA8009;
}
label {
	font-size: 11px;
	}
input {
	background: #F0F8FA;
	border-top: 1px solid #137485;
	border-bottom: 1px solild #95B1B5;
	border-right: 1px solid #0A3B42;
	border-left: 1px solid #9CAFB5;
	font-size: 11px;
	padding: 1px 5px;
	}

input.image {
	border: none;
	background: none;
	}
form image, img, image {
	border: none;
	background: none;
	}

.tpl-form-table {
	width: 100%;
	}


hr {
	border: none;
	border-top: 1px solid #CBCDCA;
	}
.myhl-logo {
	padding: 10px;
	}
.reqField {
	font-size: 11px;
	display: inline;
	}
img, .imgForm{
	border: none;
	background: none;
	}
.lang {
	padding-left: 10px;
	margin-top: -4px;
	_margin-top: -5px;
	color: #336633;
	}
.arrowRight {
	margin: 0 0 -3px 3px;
	}

img.assetRightArrow {
	margin-left: 3px;
	margin-top: 4px;
	}
.imgFormButtons {
	border: none;
	background: none;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: -7px;
	}




/* XXXXXXXXXXXXXXXXXXXXXX
input.grn {background-color:#f1f8fa;border-top:1px solid #137486;border-right:1px solid #093a43;border-left:1px solid #98b0b4;
		   border-bottom:1px solid #98b0b4;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */





.divider01 {background: url(/img/common/hdivider.gif) repeat-x;
	width: 100%;
}











/*generic colors*/
.green {color:#167c14;}
.orange {color:#dc810c;}
.blue {color:#1667C3;}


/* even & odd rows (for tables) */
.oddRow {height:32px;padding:4px 0 0 13px;background:#f3f3f3;}
.oddRow div {font-size:10px;color:#333;}
.evenRow {height:32px;padding:4px 0 0 13px;background:#fbfbfb;}
.evenRow div {font-size:10px;color:#333;}



.LeftNavMain {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(/img/common/hdivider.gif) repeat-x left bottom;
	padding: 9px 0px 14px;
	text-decoration: none;
}

.LeftNavMainSelected {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(/img/common/hdivider.gif) repeat-x left bottom;
	padding: 9px 0px 14px;
}




/* FOOTER STYLES */

#footer {
	padding: 5px 0px 5px 0px;
	width:734px;
	text-align:center;
	font: 9px Arial, Helvetica, sans-serif;
	color: #555555;/* height:80px; */
}
#footer p {
margin: 2px;
padding: 1px;
font-size: 9px;
color: #333;
}
#footer a:link { 
margin-right: 8px;
margin-left: 8px;
text-decoration:underline;
color: #333;
}

A.footerlink:link {text-decoration:underline; font-size:10px; margin-right: 8px;  margin-left: 8px; color:#999999; }
A.footerlink:visited {text-decoration:underline; font-size:10px; margin-right: 8px;  margin-left: 8px; color:#999999; }
A.footerlink:hover {text-decoration:underline; font-size:10px; margin-right: 8px;  margin-left: 8px; color:#999999; }


	
/* ----------------------------------------------------------------------------------------------------------------------------------------
	 REMOVABLE STYLE DEFINITIONS NO LONGER USED
	 All definitions below may be deleted. Archived only for internal purposes.
	 --------------------------------------------------------------------------------------------------------------------------------------- */
	 

/*	.tpl-rndBox-header {
		margin-top: 14px;
		background: transparent url(/US/en/img/layout/bkg/ms.png) left 20px repeat-y;
		}
	.tpl-rndBox-header h2{
		margin-left: 4px;
		margin-right: -6px;
		background: transparent url(/US/en/img/layout/bkg/mr.png) right top repeat-y;
		overflow: hidden;
		}
	.tpl-rndBox-header h2 div {
		background: transparent url(/US/en/img/layout/bkg/bkg-blue-header-gradient.jpg) left top repeat-x;
		padding-left: 11px;
		margin-right: 3px;
		padding-bottom: 5px;
		font-size: .6em;
		font-weight: bold;
		color: #387127;
		} */
	 
	 


/* PRINT STYLES added by Josue Calderon: 3/27/07 */

@media print {

	body, p, td, th, ul, a 
	{
		background-color: #fff;	
		color: #000;
		/*width: 550px;*/
		border: 0;
		padding: 10;
		float: none !important;
	}
	
	
	
	#menutable, .tpl-left-nav, #globalNav, .noprint, .basics-banner-box, .leftcolnoprnt, .bkg_header_table, .tpl-left-td, .footerlink, purplebox-fademid, purplebox-fadelft, imgForm, #navigation, #footer, .noprint, #footertable 
	{
		display: none; width:0px;
	}

	tpl-right-td{width:8inch; }
	events-rightcol{ width:8inch }
	
}

/* MyHerbalife Template Styles */

	.myhltpl-left-td {    /* td with separator on the right */
		padding: 0px 10px 10px 10px;
		background-attachment: scroll;
		background-image: url(/US/en/img/layout/bkg/divider.gif);
		background-repeat: repeat-y;
		background-position: right top;
		}
	.myhltpl-left-td-nobg {    
		padding: 0px 10px 10px 10px;
	}
	
	#myhl-content-td li{
			margin: 0px 0px 0px 10px;
	}
.download-instructions-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #555;
	line-height: 16px;
}