/*------------------------------------------ Styles from primary.css ------------------------------------------*/


/* herbalife primary css document  */

body {
width:961px;
margin:0;
padding:8px 0 0 20px;
background-color: #fff;
background-image:url(img/shop-new/mainBG.gif);
background-position:top left;
background-repeat:repeat-x;
}

body,div,a,span,li,td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
}
p {margin:0;}
img {border:none;}


/* ------------------------------------------topNav stuff-------------------------------------------------- */
/* To adjust navigation layout alter settings in topNav.css found in the individual country common/css folders */

ul.topNav, 
ul.topNav li {margin:0;padding:0;list-style-type:none;background-color:#167c14;color:#FFFFFF;text-align:left;}

/* navbar list */
ul.topNav {
	position:absolute;width:955px;cursor:default;z-index:2000;margin-left:0;}


/* navbar list-items - ADJUST MARGIN SETTINGS TO ALIGN TOP NAVIGATION */
ul.topNav li {width:auto;float:left;position:relative;margin:0;cursor:pointer;}

/* menu lists */
ul.topNav ul {z-index:2020;padding:0;position:absolute;top:auto;margin:0;left:-10000px;}
	
/* menu list-items */
ul.topNav ul li {float:left;position:relative;left:auto;margin:0 0 0 0;line-height:18px;}


.utils {height:19px;float:right;}
.utils ul {margin:0 18px 0 0;padding:0;height:19px;}
.utils ul li {list-style-type:none;float:left;line-height:19px;background-image:url(img/topNav/seperatorGray.gif);background-position:top right;background-repeat:no-repeat;
	margin:0 10px 0 0;padding:0 10px 0 0;}
.utils ul li a {display:block;color:#555;text-decoration:none;font-size:10px;}
.utils ul li a:hover {text-decoration:underline;}


/* you can use <ul> classes to specify different menu widths */
ul.topNav ul.one {margin:0px;padding:3px 0 0 0;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.one li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#005ac3;line-height:18px;border-top:1px solid #003d8b;border-bottom:1px solid #c5c5c5;
	background-image:url(img/topNav/seperator.gif);background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.one li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.one li a:hover {text-decoration:underline;}
ul.topNav ul.one li.left {padding:0;border-width:0;height:21px}
ul.topNav ul.one li.right {padding:0;border-width:0;height:21px}

ul.topNav ul.two {margin:0px;padding:3px 0 0 0;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.two li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#ff7300;line-height:18px;border-top:1px solid #c55c00;border-bottom:1px solid #c5c5c5;
	background-image:url(img/topNav/seperator.gif);background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.two li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.two li a:hover {text-decoration:underline;}
ul.topNav ul.two li.left {padding:0;border-width:0;height:21px}
ul.topNav ul.two li.right {padding:0;border-width:0;height:21px}

ul.topNav ul.three {margin:0px;padding:3px 0 0 0;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.three li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#b31b34;line-height:18px;border-top:1px solid #8d1829;border-bottom:1px solid #c5c5c5;
	background-image:url(img/topNav/seperator.gif);background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.three li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.three li a:hover {text-decoration:underline;}
ul.topNav ul.three li.left {padding:0;border-width:0;height:21px}
ul.topNav ul.three li.right {padding:0;border-width:0;height:21px}

ul.topNav ul.four {margin:0px;padding:3px 0 0 0;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.four li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#25167a;line-height:18px;border-top:1px solid #1d1460;border-bottom:1px solid #c5c5c5;
	background-image:url(img/topNav/seperator.gif);background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.four li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.four li a:hover {text-decoration:underline;}
ul.topNav ul.four li.left {padding:0;border-width:0;height:21px}
ul.topNav ul.four li.right {padding:0;border-width:0;height:21px}

ul.topNav ul.five {margin:0px;padding:3px 0 0 0;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.five li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#d8eede;line-height:18px;border-top:1px solid #819d9a;border-bottom:1px solid #a1a1a1;
	background-image:url(img/topNav/seperatorGray.gif);background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.five li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#555;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.five li a:hover {text-decoration:underline;}
ul.topNav ul.five li.left {padding:0;border-width:0;height:21px;background:none;}
ul.topNav ul.five li.right {padding:0;border-width:0;height:21px;background:none;}

ul.topNav ul.six {margin:0px;padding:3px 0 0 0;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.six li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#d8eede;line-height:18px;border-top:1px solid #819d9a;border-bottom:1px solid #a1a1a1;
	background-image:url(img/topNav/seperatorGray.gif);background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.six li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#555;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.six li a:hover {text-decoration:underline;}
ul.topNav ul.six li.left {padding:0;border-width:0;height:21px;background:none;}
ul.topNav ul.six li.right {padding:0;border-width:0;height:21px;background:none;}

ul.topNav ul.seven {margin:0;padding:3px 0 0 0;height:21px;padding:0;position:absolute;top:auto;z-index:2020;left:-10000px;}
ul.topNav ul.seven li {float:left;position:relative;margin:0;padding:0 8px 1px 8px;background-color:#d8eede;line-height:18px;border-top:1px solid #819d9a;border-bottom:1px solid #a1a1a1;
	background-image:url(img/topNav/seperatorGray.gif);background-position:top right;background-repeat:no-repeat;}
ul.topNav ul.seven li a {display:block;font-family:Arial, Helvetica, sans-serif;color:#555;font-weight:bold;text-decoration:none;font-size:10px;cursor:pointer;}
ul.topNav ul.seven li a:hover {text-decoration:underline;}
ul.topNav ul.seven li.left {padding:0;border-width:0;height:21px;background:none;}
ul.topNav ul.seven li.right {padding:0;border-width:0;height:21px;background:none;}

ul.topNav ul li.noBord {background-image:none;}

@media Screen, Projection { 
	ul.topNav li:hover > ul { right:auto; }
	ul.topNav ul li:hover > ul { top:0; }
	}


/* links */
ul.topNav a.main, ul.topNav a.main:visited {
	display:block;padding:0 0px;font-family:Century Gothic, Arial;line-height:24px;
	color:#fff;text-decoration:none;font-size:11px; text-transform:uppercase;
	}
	
/* rollover pseudo-classes, and scriptable persistence class */
ul.topNav a:hover, ul.topNav a:focus, ul.topNav a.rollover, ul.topNav a.rollover:visited {text-decoration:underline;}

/* opera 5 and 6, and mac/ie5, need float on the links */
ul.topNav a { float:left;font-family:Century Gothic; }

/* but it would break other browsers, so we need to negate it
   using a rule that's hidden from them with the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { ul.topNav a { float:none; } }

/* msn/osx can see through that, but needs the float as well, 
   so re-apply it using the "not my child" hack
   http://www.jasonkarldavis.com/articles/notmychild/ */
ul.topNav a:not(:nth-child(n)) { float:left; }

/* compensate submenus, using !important to increase specificity for osx/msn */
ul.topNav ul a { float:none !important; }

/* hacks for win/ie to cure 'excess hidden margins' and 'double margin float' bugs */
@media screen, projection {
	* html ul.topNav li {
		/* for ie5.0 */
		display:inline; 
		/* for ie5.5+ */
		f\loat:left; 
		/* this cures 'events fall through the menu' bug in ie6 
		   you can can change the color, but don't remove it or use an image */ 
		background:#167c14; 
		}
	}

/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* html ul.topNav li { position:static; }
* html ul.topNav a { position:relative; }



/* This is the Style that keeps highlights the active page - Mike */
   #menu-h a:hover,
  .home #menu-h #home a,
  .about #menu-h #about a,
  .products #menu-h #products a,
  .news #menu-h #news a,
  .businessopp #menu-h #businessopp a, 
  .contact #menu-h #contact a,
  .success #menu-h #success a
  {text-decoration:underline;}
  

/* START LOGIN_MENU */
/* START LOGIN_MENU */
.login_menu {
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.login_menu ul {
margin: 0px;
padding: 0px 3px 0px 0px;
}
.login_menu ul li {
list-style-type:none;
float:left;
line-height:19px;
background-image:url(img/topNav/seperatorGray.gif);
background-position:top right;
background-repeat:no-repeat;
margin:0 10px 0 0;
padding:0 10px 0 0;
}
.login_menu ul li a:link, 
.login_menu ul li a:visited {
display:block;
color:#555;
text-decoration:none;
font-size:10px;
}
.login_menu ul li a:hover,
.login_menu ul li a:active {
text-decoration:underline;
}
/* End Nav Stuff------------------------------------------------------------ */



.pageContent {
	width:560px;
	margin-left:15px;
	display:inline;
	float:left;
}
.pageContent h2  {
	margin:0; 
	margin-bottom:8px;
	color:#144984;
	font-size:18px;
	font-weight:normal;
}
.pageContent p, .pageContent ul {
	margin-bottom:15px;
}

.herbalife {
	margin:0 20px 0 10px;
}
.quote {
	color:#144984;font-size:12px;
	font-style:italic;
	font-weight:bold;
	margin:0 40px 15px 40px; 
	text-align:center;
}
.footTxt {
	color:#999;
	font-weight:bold;
	text-transform:uppercase;
}
.blueBreak {
	margin:0 0 15px 0;
	line-height:1px;
	height:1px;
	background-color:#d4e0ec;
}
.imageContainer {
	margin:12px 0 0 15px; 
	padding-left:10px;	
}
.imageContainer2 {
	margin:45px 0 0 22px;
	text-align:center;
}

.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;}
.clear15 {height:15px;clear:both;overflow:hidden;}
.clear50 {height:50px;clear:both;overflow:hidden;}

.inline {display:inline;float:left;}


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;}

/* common text styles */
.grn-bold{color:#0a7508;font-weight:bold;}
.blue {color:#144984;font-size:12px;}
.blue-hd {color:#144984;font-size:12px;font-weight:bold;}
.blue-hdr {color:#144984;font-size:18px;font-weight:normal ;}
h1 {margin:0;padding:20px 0 8px 17px;color:#167c14;font-weight:normal;font-size:22px;}
h2 {margin:0;padding:10px 0 0 0;font-size:14px;color:#167c14;font-weight:normal;}
h3 {margin:0;padding:10px 0 8px 0;font-size:12px;color:#333;font-weight:bold}


span.grn {color:#167c14;font-size:10px;font-weight:bold;}
.locationtitle {font-weight:bold;}

h1.cL {margin:0;padding:8px 0 8px 17px;color:#167c14;font-weight:normal;font-size:24px;}
h2.cL {color:#144984;font-size:24px;font-weight:normal;margin:0;padding:0;}
h3.cL {color:#144984;font-size:18px;font-weight:normal;margin:0 0 10px 0;padding:0;}

/* LINK STYLES */	
/* green */
/*FOR GREEN LINKS STYLE CHANGED FONT SIZE FROM 10 TO 11
a.grn {color:#167c14;font-weight:bold;font-size:10px;text-decoration:underline;}*/
a.grn {color:#167c14;font-weight:bold;font-size:11px;text-decoration:underline;}
a.grn:hover {text-decoration:none;}
a.green {color:#167c14;text-decoration:none;}
a.green:hover {text-decoration:underline;}
.pointer { cursor:pointer }

/*generic colors*/
.green {color:#167c14;}

/* generic left padding for content area */
#content {padding-left:12px;}






#nav, #nav ul {padding:0;margin:0;background-color:#167c14;}
#nav a {display:block;text-decoration:none;color:#FFF;padding:5px 6px 5px 6px;margin:4px 0 0 3px;}
#nav a:hover {text-decoration:none;background-color:#7db97b;}
#nav li {float:left;display:inline;margin:0;}
#nav li ul {position:absolute;left:-999em;margin-right:2px;padding:0;}

#nav li:hover ul ul, #nav li.subhover ul ul { left: -999em; } 
#nav, #nav ul {padding:0;margin:0;list-style:none;line-height:1;}
#nav li:hover ul, #nav li li:hover ul, #nav li.subhover ul, #nav li li.subhover ul {left: auto;}
#nav li.subhover ul ul ul {left: -999em;}
#nav li:hover ul {left: auto;}

#topNav { background:#167C14; position:absolute;z-index:0; width:955px }  
#topNav td { }
#topNav td a { display:block; width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style:normal; color:#ffffff; line-height:24px; padding:0 8px 0 8px }
#topNav td a:link, #topNav td a:visited {  text-decoration:none;font-weight:normal }
#topNav td a:hover { text-decoration:underline;font-weight:normal }
#topNav td a.first { padding:0px 17px 0px 15px }
#topNav td a.last { padding-right:20px }
.subNavFM td { border-left:1px solid #ffffff; padding:0 }
.subNavFM td a { display:inline; font-family: Arial, Helvetica, sans-serif; font-style:normal; font-size: 10px; }
.subNavFM td.first { border:none }

#footer {width:955px;text-align:center;height:80px;}
#footer a {margin:0 8px;font-size:9px;}
#footer a.last {margin-right:0;}



a.sub {padding-left:10px;font-size:12px;text-decoration:underline;}
a.grnsub {color:#167c14;font-weight:bold;font-size:12px;text-decoration:underline;}

ul {
list-style-type: disc;
margin: 3px 0px;
padding: 3px 0px 3px 20px;

}
	ul ul {
	list-style-type: square;
	margin: 3px 0px;
	padding: 3px 0px 3px 24px;
	}
		ul ul ul {
		list-style-type: circle;
		margin: 3px 0px;
		padding: 3px 0px 3px 28px;
		}

ol {
margin: 3px 0px;
padding: 3px 0px 3px 20px;
}
	ol ol {
	margin: 3px 0px;
	padding: 3px 0px 3px 24px;
	}
		ol ol ol {
		margin: 3px 0px;
		padding: 3px 0px 3px 28px;
		}
		
/* GENERAL LINKS COLOR AND STYLES */
a:link {text-decoration: underline; font-weight: normal; color: #090;}
a:visited {text-decoration: underline; font-weight: normal; color: #090;}
a:hover {text-decoration: underline; color: #090;}
a:active {text-decoration: underline; color: #090;}

h4 { font-size: 14px; 
font-weight: bold;
margin: 3px 0px;
padding: 3px 0px;
}

h5 { font-size: 11px;
font-weight: bold; 
margin: 3px 0px;
padding: 3px 0px;
}

h6 { font-size: 9px; 
font-weight: bold;
margin: 3px 0px;
padding: 3px 0px;
}

/* START - Styles for "Order from Distributor" Button on Products pages */

#orderBtn li {	
	list-style-type:none;
	display:inline;
	height:17px;
	float:left;
	text-indent:0;
}
#orderBtn li a {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:bold; 
	text-decoration:none;
}
.orderBtnLeft {
	background-image:url(img/products/btn_left.gif); 
	background-repeat:no-repeat; 
	width:8px; 
}
.orderBtnMid {
	background-image:url(img/products/btn_mid.gif); 
	background-repeat:repeat-x; 
	padding-top:1px; 
	padding-right:5px;
}
.orderBtnRight {
	background-image:url(img/products/btn_right.gif); 
	background-repeat:no-repeat; 
	width:13px; 
}
.submitBtn {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:bold;	
	background:none; 
	border:0; 
	color:#167c14; 
	cursor:pointer; 
	padding:0; 
	margin:0;
}
.nextBtnLeft {
	background-image:url(img/products/btn_left.gif); 
	background-repeat:no-repeat; 
	width:8px; 
}
.nextBtnMid {
	background-image:url(img/products/btn_mid.gif); 
	background-repeat:repeat-x; 
	padding:1px 4px 0 1px; 
}
.nextBtnRight {
	background-image:url(img/products/btn_right.gif); 
	background-repeat:no-repeat; 
	width:13px; 
}
.backBtnLeft {
	background-image:url(img/products/btn_back_left.gif); 
	background-repeat:no-repeat; 
	width:13px; 
}
.backBtnMid {
	background-image:url(img/products/btn_mid.gif); 
	background-repeat:repeat-x; 
	padding:1px 1px 0 4px;
}
.backBtnRight {
	background-image:url(img/products/btn_back_right.gif); 
	background-repeat:no-repeat; 
	width:8px; 
}


/* END - Styles for "Order from Distributor" Button on Products pages */

.newsItems li {
	list-style-image:url(img/green_arrow.gif);
	margin-bottom: 5px;
}

.newsMore:link, .newsMore:visited, .newsMore:active {
	text-decoration:none;
}

.newsMore:hover {
	text-decoration:underline;
}


/*------------------------------------------- Styles from country-drop-down.css ------------------------------------ */

/* dropdown styles */

.formHome1 {font-size:11px;
background-color:#fff;
color: #666;
border: 1px solid #999;}

/* --------------------------------------- Styles from about.css -------------------------------------------------- */

/* herbalife.com ABOUT section */

#inActionLeafBG {width:675px;height:300px;background-image:url(img/about/bgLeaf.gif);background-repeat:no-repeat; background-position:top;}
#h1NavWrap-nobike {width:275px;height:318px;}

#aboutNav {width:135px;margin:8px 0 0 17px;padding:0;background-image:url(img/about/aboutNavBG.gif); 
	background-position:bottom left;background-repeat:repeat-x;}
#aboutNav li {list-style-type:none;padding:7px 0 7px 2px;background-image:url(img/about/aboutNavBG.gif);
	background-position:top left;background-repeat:repeat-x;}
#aboutNav li.top {background:none;}
#aboutNav li a {font-weight:bold;color:#144984;text-decoration:none;}
#aboutNav li a:hover {color:#f4801b;text-decoration:underline;}
#aboutNav li a.activePage {color:#f4801b;text-decoration:underline}
#aboutNav #aboutNav {background:none;}



#centerContent {padding:98px 0 0 15px;}
#centerContent p {width:275px;margin:10px 0 0 0;padding:0;font-size:13px;}

#mediaBox {margin:57px 0 0 32px;}
#mediaBox .mbT {width:200px;height:23px; background-image:url(img/about/mbT.gif);}
#mediaBox .mbL {width:11px; height:105px;background-image:url(img/about/mbL.gif);}
#mediaBox .mbM {width:175px;height:103px;border:1px solid #144984;}
#mediaBox .mbR {width:12px; height:105px;background-image:url(img/about/mbR.gif);}
#mediaBox .mbB {width:200px;height:50px; background-image:url(img/about/mbB.gif);color:#144984;background-repeat:no-repeat;padding:15px 0 0 0;text-align:center;}

#module {margin-left:24px;}
#module.mod1st {margin-left:55px;}
#module .modT {width:265px;line-height:10px;background-image:url(img/about/modT.gif);background-repeat:no-repeat;}
#module .modS {width:265px;height:130px;background-image:url(img/about/modS.gif);background-repeat:repeat-y;}
#module .modS div.content {width:155px;margin-left:15px;}
#module .modS div.content p {height:68px;width:150px;margin:0;padding:0;}
#module .modB {width:265px;height:10px;background-image:url(img/about/modB.gif);background-repeat:no-repeat;}



/* two columns on the top on the about herbalife splash page */

/* reverse green links (not underlined, then underline appears when you hover over */
a.grn_reversed {color:#167c14;text-decoration:none;}
a.grn_reversed:hover {text-decoration:underline;}
a.grn_reversed span {color:#167c14;text-decoration:none;}
a.grn_reversed:hover span {text-decoration:underline;}
a.grn_reversed div.arrow {padding-left:3px;}
a.grn_reversed:hover div.arrow {padding-left:3px;}

/*blue divider*/
.blueDivider {width:560px;margin-left:15px;line-height:1px;height:1px;background-color:#d4e0ec;}

/* featured press release links on the herbalife pressroom page */


/* ####################################### */
/* ####### New Taylor & Pond Styles ###### */
/* ####################################### */

/* These are the global background gradient images for  the bottom fragments in sections C,D,E,F */

	#gradientBoxLeft {width:291px;height:242px;background-image:url(img/weight-mgmt/gradientBoxLeft.png);background-position:bottom left; background-repeat:no-repeat;}

	#gradientBoxMid {width:342px;height:242px;background-image:url(img/weight-mgmt/gradientBoxMid.png);background-position:bottom left;background-repeat:no-repeat;}

	#gradientBoxRight {width:317px;height:242px;background-image:url(img/weight-mgmt/gradientBoxRight.png);background-position:bottom Left;background-repeat:no-repeat;}
	
	#ceoMessage {width:317px;height:242px;background-image:url(img/about/videoMessage.png);background-position:bottom Left;background-repeat:no-repeat;}
		
/*Misc Styles for Personal Care Sections*/
	.clear15 {height:5px;clear:both;overflow:hidden;}
	.clear10 {height:10px;clear:both;overflow:hidden;}
	.clear5 {height:5px;clear:both;overflow:hidden;}
	
	a.grn:hover {text-decoration:underline;}
	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;width:40px;}
	
	
			.bottomLeftImg {padding-top:10px;padding-left:30px;padding-left:23px; width:100px;}
			.bottomMiddleImg {padding-top:10px;padding-left:23px; width:100px;}
			.bottomRightImg {padding-top:10px;padding-left:23px; width:100px;}
			.bottomLeftCopy {padding-top:10px;padding-left:0px;padding-right:0px;width:165px}
			.bottomMiddleCopy {padding-top:10px;padding-left:10px;padding-right:15px;width:180px}
			.bottomRightCopy {padding-top:10px;padding-right:22px;width:171px}
			.caption {font-size:10px;color:#144984;margin-top:4px;padding-left:13px;line-height:12px;width:400px;}
			.caption-landing {font-size:10px;color:#157500;margin-top:4px;padding-left:0px;line-height:12px;}
			a {position:relative;}
			
			/*Styles from landing page*/
						a.green {text-decoration:underline;}
			a.green:hover {text-decoration:none;}
			a.grnBig {font-size:17px;}
			

				
				
			#bicilistabg {background-image:url(img/about/bicilistabg.png);width:443px;height:295px;
				background-repeat:no-repeat;}				
				
			/* for the thumbail pictures and captions */
			.caption {color:#167c14;padding-left:8px;width:150px;margin-bottom:20px;}
			.caption span {color:#167c14;}
			.thumbnail {margin-bottom:20px;}

	
/* The following Styles are used for the Success Stories pages */

/*-------------------------------------------- Styles from panels.css -----------------------------------------*/

/* panel styles */
/* look out for the IE _alpha-trans hack for nice shadows over the gradient background */
.panel {margin:0 0 0 2px;width:680px;}
	.wide {width:572px;}
	.narrow {width:379px;}
	.narrow2 {width:280px;}
.panel .head {}


.panel .ContBkg1 {background-image:url(img/testblock.png);background-repeat:repeat-y;background-position:top left;}



/*blue panel*/
.panel .head .headLeft {height:33px;background:url(img/panel/topLeft.gif) no-repeat top left;}
.panel .head .headMid {height:23px;margin:0 16px 0 15px;padding-top:10px;background:url(img/panel/topStretch.gif) repeat-x top left;}
.panel .head .headRight {height:33px;background:url(img/panel/topRight.gif) no-repeat top right;}
.panel .head .headMid img {margin-top:4px;}
.panel .head .headMid div.summary {font-size:16px;color:#2572bb;}
.panel .head .headMid div.order {font-size:12px;color:#727579;margin:2px 0 0 10px;}					   

/*gray panel*/
.panel .head .headLeftGray {height:33px;background:url(img/panel/topLeftG.gif) no-repeat top left;}/* GRAY */
.panel .head .headMidGray {height:23px;margin:0 16px 0 15px;padding-top:10px;background:url(img/panel/topStretchG.gif) repeat-x top left;}/* GRAY */
.panel .head .headRightGray {height:33px;background:url(img/panel/topRightG.gif) no-repeat top right;}/* GRAY */

/*green panel*/
.panel .head .headLeftGreen {height:33px;background:url(img/panel/topLeftGreen.gif) no-repeat top left;}/* Green */
.panel .head .headMidGreen {height:23px;margin:0 16px 0 15px;padding-top:10px;background:url(img/panel/topStretchGreen.gif) repeat-x top left;}/* GRAY */
.panel .head .headRightGreen {height:33px;background:url(img/panel/topRightGreen.gif) no-repeat top right;}/* GREEN */


/*panel content, drop shadows*/
.panel .pBody {}
.panel .pBody .pBodyLeft {background-image:url(img/panel/midLeft.png);background-repeat:repeat-y;background-position:top left;}
.panel .pBody .pBodyRight {background-image:url(img/panel/midRight.png);background-repeat:repeat-y;background-position:top right;}
.panel .pBody .pBodyFootLeft {height:15px;width:14px;background-image:url(img/panel/pbl.png);background-repeat:no-repeat;background-position:top left;}
.panel .pBody .pBodyFootMid {height:15px;width:652px;background-image:url(img/panel/pbm.png); background-repeat:repeat-x;background-position:bottom left;}
.panel .pBody .pBodyFootRight {height:15px;width:14px;background-image:url(img/panel/pbr.png);background-repeat:no-repeat;background-position:bottom right;}
td.panelTD {background-color: #fff;}
.panelContent {height: 248px;}
/* end panel styles*/

/* padding */
.padded {padding-left:8px;padding-right:8px}
.leftPadded {padding-left:8px}
.extraPadded {padding-left:16px;padding-right:16px;}

/*scrolling div*/
.scrolling {overflow:auto}

/*--------------------------------------------- Styles from weight-management.css --------------------------------*/

/* for article pages */
div.divider {width:220px;height:20px;background-image:url(img/dottedDivider.gif);background-repeat:repeat-x;background-position:0px 9px;margin:0px 8px 0px 8px;padding:0px;}
	


/* these styles are for the links in the left panel on the article & success story pages */
a.grayGreen {color:#555;text-decoration:none; position:static;}
a.grayGreen:hover {color:#167c14;text-decoration:underline;}
a.grayGreen strong {color:#167c14;text-decoration:none;}
a.grayGreen:hover strong {color:#167c14;text-decoration:underline;}
a.grayGreen img {border:solid 1px #4988c6}
a.grayGreen:hover img {border:solid 1px #0b8708}
.col1 {width: 78px;margin-left:8px;margin-top:2px}
.col2 {width: 163px;}
.singleCol {width:auto;padding-left:8px;}

/* Styles for Product Landing Page */
.productTBL {
	width:460px; 
	background-image:url(img/headerLeftBG.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.productTBL a:link, .productTBL a:visited, .productTBL a:active {
	font-size:12px;
	color:#144984;
	text-decoration:none;
}
.productTBL a:hover {
	text-decoration:underline;
}
	
.productList {
	padding-top:0;
	width:180px; 
	margin:0 0 2px 5px;
	}
.productList li {
	color:#167c14;
}
.productList a:link, .productList a:visited, .productList a:active {
	font-size:11px;
	color:#167c14;
	text-decoration:none;
}
.productList a:hover {
	color:#167c14;
	text-decoration:underline;
}
.productHeaderCell {
	text-indent:10px; 
	background-image:url(img/headerBG.jpg); 
	background-repeat:repeat-x;
	height:68px; 
	width:155px;
}
.productHeaderImage {
	background-image:url(img/headerBG.jpg); 
	background-repeat:repeat-x;
	height:68px;
	width:67px;
	vertical-align:middle;
	text-align:center; 
	border-right:1px solid #d4e0ec;
}
.productHeaderImage2 {
	background-image:url(img/headerBG.jpg); 
	background-repeat:repeat-x;
	height:68px; 	
	width:68px;
	vertical-align:middle;
	text-align:center; 
}
.productLeftCell {
	vertical-align:top; 
	background-color:#FFF; 
	border-right:1px solid #d4e0ec; 
}
.productRightCell	{
	vertical-align:top;
	background-color:#FFF; 
}
.productFooterCell {
	width:460px; 
	height:16px;
	background-image:url(img/footerBG4.png);
	background-repeat:no-repeat;background-position:top left;
}
.inActionTBL {
	width:555px;
}
.inActionTBL h2 {
	color:#144984;
	font-size:18px;
	font-weight:normal;
	padding:0;
	margin-left:15px;
	margin-top:6px;
	margin-bottom:8px;
}
.inActionCell {
	 padding-left:15px;
	 padding-right:15px;
}
.businessOppImage {
	margin:10px 50px 0 50px;
	text-align:center; 
	width:170px; 
	height:339px;  
	background-image:url(img/business/couple_2006.png); background-position:top center; background-repeat:no-repeat;
}
.howItWorksImage {
	margin:35px 0 0 8px;
	width:180px; 
	height:300px;  
	background-image:url(img/business/howitworks.jpg); 
	background-position:top left; 
	background-repeat:no-repeat;
}
.findSponsorImage {
	margin:35px 0 0 8px;
	width:180px; 
	height:300px;  
	background-image:url(img/business/findsponsor.jpg); 
	background-position:top left; 
	background-repeat:no-repeat;
}
.whyHerbalifeImage {
	width:188px; 
	height:300px;  
	background-image:url(img/business/whyHerbalife.png); 
	background-position:top left; 
	background-repeat:no-repeat;
}
.successImage {
	width:140px; 
	height:332px;  
	background-image:url(img/successCouple.png); 
	background-position:top left; 
	background-repeat:no-repeat;
}
.newsImage {
	margin:45px -20px 0 20px;
	text-align:center; 
	width:195px; 
	height:300px;  
	background-image:url(img/joyousPeopleWithLaptops2.png); 
	background-position:top left; 
	background-repeat:no-repeat;
}
.newsDivider {
	width:250px;
	height:20px;
	background-image:url(img/dottedDivider.gif);
	background-repeat:repeat-x;
	background-position:0px 9px;
	margin:0;
	padding:0px;
}
.productModuleContainer {
	width:291px; 
	margin-top:-55px;
	float:right;
}
.coachModule {
	float:left; 
	width:285px; 
	height:267px; 
	vertical-align:top; 
	margin:0px 0 0 0px; 
	padding:0px 0 0 0px;
	background-image:url(img/my-coach/background-small.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.catalogModule {
	float:left; 
	width:285px; 
	height:267px; 
	vertical-align:top; 
	margin:0px 0 0 0px; 
	padding:0px 0 0 0px;
	background-image:url(img/background-catalog.png);
	background-repeat:no-repeat;
	background-position:top left; 
}

.findCoachImage {
	width:300px; 
	height:600px; 
	vertical-align:top;
	margin:0px 0 0 0px; 
	padding:0px 0 0 0px;
	background-image:url(img/my-coach/sampleCoach.png);
	background-repeat:no-repeat;background-position:top left;
}
.shapeWorks1 {
	height:72px; 
	width:73px;
	background-image:url(img/products/CA_1.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.shapeWorks2 {
	height:72px; 
	width:73px;
	background-image:url(img/products/CA_2.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.shapeWorks3 {
	height:72px; 
	width:73px;
	background-image:url(img/products/CA_3.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.productCatalogTBL	{
	width:249px; 
	margin:20px 0 0 3px;
}
.productCatalogTBL p {
	padding-right:70px;
}
.productCatalogTBL ul {
	background-image:url(img/icon_pdf.gif); 
	background-repeat:no-repeat; 
	background-position:top left; 
	padding-top:0; 
	margin-top:15px; 
	line-height:16px;
}
.productCatalogTBL ul li {
	padding-left:2px; 
	margin-left:2px; 
	list-style-image:none; 
	list-style-type:none;
}
.productCatalogTop	{
	height:41px; 
	width:249px; 
	padding:0px 70px 0px 15px; 
	background-image:url(img/my-coach/backgroundTop.png); 
	background-position:bottom; 
	background-repeat:no-repeat; 
}

.productCatalogLeft {
	width:2px; 
	background-image:url(img/my-coach/backgroundLeft.png);
	background-position:top right; background-repeat:no-repeat; 
}

.productCatalogBody {
	padding:10px 10px 5px 10px; 
	background-image:url(img/my-coach/backgroundBody.jpg); 
	background-position:bottom; 
	background-repeat:no-repeat;
}
.productCatalogRight {
	width:3px; 
	background-image:url(img/my-coach/backgroundRight.png); 
	background-position:top left; 
	background-repeat:no-repeat; 
}
.productCatalogBottom {
	height:10px; 
	width:249px; 
	background-image:url(img/my-coach/backgroundBottom.png); 
	background-position:top; 
	background-repeat:no-repeat; 
}
.productCatalogImage {
	z-index:100;
	float:right; 
	width:87px; 
	height:118px; 
	background-image:url(img/my-coach/catalogThumb.png); 
	background-position:top left; 
	background-repeat:no-repeat; 
}

.productCatalogDownload {
	background-image:url(img/icon_pdf.gif); 
	background-repeat:no-repeat; 
	background-position:top left; 
	padding-top:0; 
	margin-top:15px; 
	line-height:16px;
}
.productCatalogDownload li {
	padding-left:2px; 
	margin-left:2px; 
	list-style-image:none; 
	list-style-type:none;
}

.loginMenu {
	padding:5px 0 2px 0;
	color:#555; 
	font-size:10px;
}
.loginMenu a:link, .loginMenu a:visited, .loginMenu a:active {
	font-size:10px;
	color:#555; 
	text-decoration:none;
}
.loginMenu a:hover {
	text-decoration:underline;
}

.superNavRight {
	float:right; 
	margin:3px 0 1px 0;
	text-align:right; 	
}
.newTxt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	color:#B16560;
	background-image:url(img/star.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:10px;
	padding-left:12px;
}
.updateTxt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	color:#6565D3;
}
.productContent ul	{
	display:inline; 
	float:left;
}
.language {
	font-size:10px;
	color:#555;
}
.language a {
	font-size:10px;
}

.contactUsImage {margin:20px 0 0 0;text-align:center; width:351px; height:285px;  
background-image:url(img/business/peopleUsingLaptop2.png); background-position:top left; background-repeat:no-repeat;
}

