/* CSS Document */
/*HL 3.0 TEMPLATE STYLES 05/15/09*/
/*Developed by Josue Calderon & Andrew Paul*/
/*Herbalife Internation 2009*/


/**************** START TEMPLATE 2 STYLES ****************/
.container-topcap{
	border-left-style: solid; 
	border-width:1px; 
	border-color:#d2dad9; 
	background-image:url(/WebPro/images/layout/topcap.gif); 
	background-position:right top; 
	background-repeat:no-repeat;
}

.container-body{
	border-style: solid; 
	border-top:none; 
	border-width:1px; 
	border-color:#d2dad9; 
	background-image:url(/WebPro/images/layout/template2_bkg_b.gif); 
	background-repeat:repeat-x;
}

.container-body-rounded {
	border-top:none; 
	border-bottom: none;
	padding: 5px 20px 0px 20px;
}


.container-bottomcap{
	border-right-style: solid; 
	border-width:1px; 
	border-color:#d2dad9; 
	background-image:url(/WebPro/images/layout/bottomcap.gif); 
	background-position:left bottom; 
	background-repeat:no-repeat;
}

.container-title{ 
	font-size:29px;
	padding:0px;
	margin:0px;
	width: 400px;
	overflow-x:hidden;
}

.container-title-subheader { 
	width: 400px;
	overflow-x:hidden;
}

.divscroll{
	width:390px; 
	height:317px; 
	overflow-y: auto;
	overflow-x: hidden;
	margin:0;
	padding-right:17px;
	#margin-right:15px;
}

.divscroll-content{
	overflow-x: hidden;
	padding: 30px;
	width: 300px;
}

.gallerycontentheader {
	width: 380px;
	overflow-x: hidden;
}

.gallerytext {
	float: left;
	padding: 0px 10px 0px 10px;
	overflow-x:hidden;	
	position:relative;
	width:240px; 
}

.gallerytextlong {
	float: left;
	padding: 0px 10px 0px 0px;
	overflow-x:hidden;	
	position:relative;
	width:420px; 
}

.gallerywrapper {
	float: left;
	position: relative;
	width: 420px;
}

.product-details-td{
	background-image:url(/WebPro/images/layout/overflow_bkg.gif); 
	background-repeat:no-repeat;
	/*
	background-position: 25px 15px; 
	_background-position: 25px 15px;
	*/
	
	margin:0;
	padding:0;
}


.productscroll{
	width:734px; 
	height:180px; 
	overflow-x: auto;
}

.productscroll-image {
	/*border:1px solid #C2D2D2;*/
	background-color: #fff;
	width:103px;
	height: 103px;
	overflow:hidden;
}

.productscroll-text {
	width: 103px;
	height:25px;
	overflow:hidden;
}

.productscroll-td{	
	padding-right:30px;
}

.productscroll-mod{
	/*float:left;*/
	width:110px; 
	text-align:center;
	color:#428c36;
	overflow-x:hidden;	
	padding:0px 0px 0px 0px;
}

.on{
	opacity:0.4;
	filter:alpha(opacity=40);
}

.prodscroll_img{
	margin-bottom:5px;	
	padding:0px;
	width:103px;	
}

.pagination{
	float:right; 
	color:#428c36;
	padding: 20px 115px 20px;
}

.pagination-links{
	position:relative; 
	top:-6px;
	_top:-3px;
}

.prodimage { 
	width:250px; 
	height:300px; 
	overflow:hidden; 
}

.prodimagetd {
	text-align: center;
}

h1.singleheading {
	padding: 0px;
}

.singleheadertext {
	padding:0px;
	width: 250px;
	#width: 220px;
	overflow-x:hidden;
}

.singleimage {
	float: left;
	width: 160px;
	margin: 0px 8px 8px 0px;
	overflow-x: hidden;
	position: relative;
}

.singleimage img {
	width:160px;
}

.singlepage {
	float: left;
	width: 690px;
	overflow-x:hidden;
	padding:15px 0px 0px 15px;
	position: relative;
}

.singlesubheading {
	
}

/**************** END TEMPLATE 2 STYLES ****************/








/**************** START TEMPLATE 3 STYLES ****************/

.imgwrapper {
	float: left;
	width: 160px;
	overflow-x:hidden;
	position:relative;
	text-align: center;
	vertical-align: middle;	
}

.pagepaddingtemplate3 {
	padding:0px 15px 0px 25px	
}


.scrolldivthintd
{
	padding-top:5px;
	padding-right:20px; 
	background-image:url(/WebPro/images/layout/overflow_bkg2.gif); 
	background-repeat:no-repeat;
	width:252px;
}

.scrolldivthin{
	overflow-y: auto;
	overflow-x:hidden;	
	width:252px; 
	height:495px; 
	
	/*background-image:url(../images/layout/overflow_bkg2.gif);
	background-repeat:no-repeat;*/
	/*background-position: 5px; 
	_background-position: 25px 15px;*/
}

.scrollrepeat{
	height:70px; 
	padding:4px 10px 0px 10px; 
	background-image:url(/WebPro/images/layout/hz-div2.png); 
	background-position:bottom left; 
	background-repeat:no-repeat;	
	overflow-y:hidden;

}

.scrollrepeatimage {
	background-color: #FFF;
	width: 62px;
	vertical-align: middle;
	height: 62px;
	overflow:hidden;
	text-align: center;
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 5px;
	position: relative;	
}

.scrollrepeatimage img {

}

.scrollrepeattext {	
	width:145px;
	height: 60px;
	overflow:hidden;
	padding-top:5px;
}

.scrollrepeat span {
	font-size: 18px;
}

.seleccionado { 
	background-image: url(/WebPro/images/layout/selectedstory_bkg.gif);
	background-repeat:repeat-y;
	color:#5d5f5f;
}

.scrollimage{
	width:62px; 
	margin-right:7px;
	/*height:62px;*/
}

.pagination7{
	float:right;
	/*text-align:right;*/
	/*width:500px;*/
	color:#428c36;
	padding:20px 45px 20px 0px;
}


.successimg{
	clear: both;
	width:160px;
	/*height:160px;*/
	margin-bottom:8px;
}

.quote{
	font-size:18px;
}

.green.quote {
	clear: both;
	float: left;
	width: 160px;
	overflow-x:hidden;
	position: relative;
	text-align:left;
}

.icontable{
	margin-bottom:6px;
}

.videobject{
	
}

.storytable {
	padding:0px 25px 25px 25px
}

/**************** END TEMPLATE 3 STYLES ****************/








/****ANDREW PAUL Styles****/

/**************** START TEMPLATE 4 STYLES ****************/


.gallerymod{
	border:1px solid #C2D2D2;
	background-color: #fff;
	width:103px;
	height:103px;
	overflow:hidden;
}

.gallerymodtext {
	width: 103px;
	height:50px;
	overflow:hidden;
}

.gallery-img{
	margin-bottom:5px;
	width:103px;
	/*height:103px;*/
}

.storypadding 
{ 
	padding-left:40px;  
	padding-right:25px; 
	padding-top:15px; 
	padding-bottom:15px;
	height: 170px;
} 

.tablepadding 
{ 	width:690px; 
	padding-top:15px; 
	padding-left:25px;
	padding-right:25px;
	_padding-left:0px;
	_padding-right:0px;
}
.tablepadding td
{
	vertical-align:top;
	width:160px;
	
} 
.imgborder img
{
	/*border:1px solid #C2D2D2;*/
}

.gallery-cell
{
	/*
	width:175px;
	height:170px;
	*/
}




/**************** END TEMPLATE 4 STYLES ****************/


/**************** START TEMPLATE 5 STYLES ****************/

.blacktitle 
{ 
	font-size:29px;
}
.titledivgreen 
{
	color: #428C36;
	font-size: 18px;
	font-weight:400;
	padding:0 0 0 0px;
}
.subtitledivgrey
{
	color: #393939;
	font-size: 13px;
	font-weight:400;
	padding:0 0 0 0px;
}
p.subtext 
{
	color: #333333;
	font-size: 11px;
	font-weight:400;
	padding:3px 0 0 0px;
}

.typeTitle
{
	padding: 8px 0px 10px 10px;
	_padding: 8px 0px 10px 10px;
}

.categoryTitle
{
	/*_padding:0 0 8px;*/
}

.tableIntro

{
        margin: 8px 22px 10px 25px; 
	_margin: 8px 22px 10px 25px;
}

.categDropdown
{
	text-align:right; 
	padding-top:5px; 
	_padding-top:5px; 
	padding-bottom:25px;
}

.imgGallery
{
	width:88px;
	height:88px;
}

.elemTableGallery
{
	margin: 10px 22px 10px 25px; 
	_margin: 10px 22px 10px 25px;
}

/**************** END TEMPLATE 5 STYLES ****************/


/**************** START TEMPLATE 6 STYLES ****************/
.img_padding{
	margin:0px 10px 5px 0px	
}


#pagetools {
	width: 260px;
	position: relative;
	float: right;
	height: 70px;
}

.categoryselect {
	margin-bottom: 10px;
	width: 260px;
	position: relative;
	float: right;
}

.icons2 {
	position: relative;
	float: right;
	width: 170px;
	padding: 0px 30px 0px 0px;
}

/**************** END TEMPLATE 6 STYLES ****************/

/**************** PRINT STYLE TEMPLATE ****************/
.printfooter {
	display: none;
}

.printobject {
	display: none;
}
/**************** PRINT STYLE TEMPLATE ****************/

/************************ SITEMAP STYLES ************************/
 #ctl00_HomeMainContent_labelSiteMap {
	padding-left: 10px;
}


a.sitemap-item:link {
	color: #3b3b3b;
}

a.sitemap-item:visited {
	color: #3b3b3b;
}

a.sitemap-item:hover {
	color: #090;
}

a.sitemap-item:active {
	color: #3b3b3b;
}


.sitemapcolumn {
	width: 310px;
	overflow-x:hidden;
	padding: 0px 10px 0px 10px;
}

.sitemap-level0, h1.sitemap-level0{
	color:#428c36;
	padding: 0px 0px 0px 10px;
	_padding: 0px 0px 0px 10px
}

.sitemap-level1 {
	font-weight:bold;
	padding: 0px 0px 0px 25px;
	_padding: 0px 0px 0px 25px;
	line-height:22px
}

.sitemap-level2 {
	padding: 0px 0px 0px 45px;
	_padding: 0px 0px 0px 45px;
	line-height:16px;
}

.sitemap-level3 {
	padding: 0px 0px 0px 55px;
	_padding: 0px 0px 0px 55px;
	line-height:14px;
}

.vert-divider {
	background-color:#d0d0d0;
	padding-left:1px;
}

.col-padding {
	padding-top:0px;
	vertical-align: top;
}

.hz-div-line {
	width:250px;
	height:1px;
	margin:7px 0 8px 10px;
}

.sitemap-titledivline {
	width:900px;
	height:1px;
}

/************************ END SITEMAP STYLES ************************/



/* end might be common to all templates*/


/**************** START TEMPLATE 1 STYLES ****************/
.moduletitle{
	font-size:21px;
	padding:0px; 
	margin:0px;
}

.module_subtitle{
	/*font-weight:bold;*/
	font-size:13px; 
	/*font-style:italic;*/ 
	padding:0px;
	padding-bottom:5px;
}

.module_quote{
	font-weight:normal;
	font-size:11px; 
	font-style:italic;
	padding:0px;
	color:#428c36;
}

.module_img{
	padding-right:5px; 
	width:103px; 
	/*height:103px;*/
	overflow:hidden;
}

.module_rotating_img{
	padding-right:5px; 
	width:90px; 
	overflow:hidden;
}

.module_rotating_table{
	padding: 5px 0 5px 0;
}

.module_c{
	padding: 15px 8px 8px 8px;
	width:100%;
}

.module_c_link img {
	vertical-align: middle;
}

/**************** END TEMPLATE 1 STYLES ****************/



/*might be common to all templates */
.footertable {
	background-color:#FFFFFF;
	/*width:955px;*/
	margin-left: auto;
	margin-right: auto;
	width: 955px;
}

.footerlinks{ 
	height:28px;
	color:#009900;
	padding-top: 10px;
}

.footericons{
	width:135px;
}

.footertextpad{
	font-size:9px; 
	padding-top:10px;
}

.titledivline{
	padding-left: 10px;
	_margin-left: 10px;
}



.pagepadding{
	padding:15px 10px 0px 15px;
}


.pagination6{
	float:right;
	text-align:right;
	width:500px;
	color:#428c36;
	padding:20px 30px 20px 0px;
	#padding:20px 40px 20px 0px;
}

.greentitle
{
	font-size: 22px;
	font-weight: 400;
	padding:0px 0px 10px 0px;
	color:#428c36;
}
.content_title
{
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.nlpad{
	padding: 8px 0px 10px 10px
}

.hidden {
  display: none;
 }

.hzdivline{
	width:100%; 
	height:1px; 
	background-image:url(/WebPro/images/layout/divline_left_hz.gif); 
	background-repeat:no-repeat; 
	background-position:left center;
	padding:0px; 
	margin:0px; 
	text-align:right;
}

.repeatablelinks{
	padding-left:15px;
	line-height: 30px;
}

.repeatablelinks a {
	padding: 0;
}

.repeatlink {
	font-size:13px; 
	padding: 5px;
	text-decoration:none;
	vertical-align: middle;
	height: 30px;		
}


.repeatlinkdiv{
	height:30px;
}

.icon-link { 
	vertical-align: middle;
	margin: 0px 0px 0px 5px;	
}

.repeatablelinks a {
	padding: 0;
}


.module_img_td{

            width:90px;

}


/***** LEAD GEN STYLES *****/
.leadgenform{ 
	padding-top:10px;
	_padding-top:0px;
}

.formcheckbox{
	background:none;
	border:0px;
}

.leadgentable {
	margin: 0px;
}

.leadgentable td {
	padding: 5px;
}



.distributortable {
	width: 885px;
	margin: 5px 0px 10px 10px;
}


#leadgenlinks{
	text-indent: 0;
	list-style-type: none;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 0;
}

#leadgenlinks li {
	margin-top: 5px;
}

#leadgenlinks a:link,
#leadgenlinks a:visited,
#leadgenlinks a:hover,
#leadgenlinks a:active
{
	padding-right: 17px;
	background: url(/WebPro/images/icons/link_arrow_circle.gif) right center no-repeat;	
	text-decoration: underline;
}


.contenttable table.bluetable {
	padding-left: 0px;
}

.contenttable .leadgentable h2 {
	font-size: 16px;
	font-weight: bold;
	color:#428c36;
}

.tellusabouttable {
	width: 900px;
}

form#leadgentable {
	width: 900px;
	padding: 0px;
	margin: 0px;
}
/***** END LEAD GEN STYLES *****/




/***** 404 PAGE *****/
.bluetable.notfoundlinkstable {
	width:250px;
}

.container-body #notfoundlinks{
	text-indent: 0;
	list-style-type: none;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 0;
}

#notfoundlinks{
	text-indent: 0;
	list-style-type: none;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 0;
}

#notfoundlinks li {
	margin-top: 5px;
}

#notfoundlinks a:link,
#notfoundlinks a:visited,
#notfoundlinks a:hover,
#notfoundlinks a:active
{
	padding-right: 15px;
	background: url(/WebPro/images/icons/link_arrow.gif) right center no-repeat;	
	text-decoration: underline;
}

.spacer p {
	padding: 5px 0 0 0;
}

.bodyspacer {
	padding-bottom: 200px;
}
/***** END 404 PAGE *****/



/***** COACH / SPONSOR FORMS *****/

.sponsortitle {
	padding: 8px 0px 10px 10px;
	_padding: 8px 0px 6px 10px	
}

.textintro {
	_margin: 0px 22px 0px 25px;
	margin: 8px 22px 10px 25px; 
}

table.textintro {
	width: 90%;
	#width: 100%;
}

table.findform {
	margin: 10px;
}

table.emeatable {
	width: 60%;
	max-width: 60%;	
}

table.emeatable td {
	padding: 4px;
}

table.formtable {
	width: 55%;
	max-width: 55%;	
}

table.formtable td {
	padding: 4px;
}

td.fieldwidth {
	width: 210px;
	min-width: 210px;
}

a:link.underline,
a:visited.underline,
a:hover.underline,
a:active.underline {
	text-decoration: underline !important;
}

/* ----------- Form ----------- */


.textblock {
width: 300px !important;
text-align: left !important;
}

textarea.commentbox {
	width: 100%;
	height: 90px;
	float:left;
	font-family:Helvetica, Arial, sans-serif; 
	font-size:11px; 	
}

textarea.telluscommentbox {
	width: 100%;
	height: 60px;
	float:left;
	font-family:Helvetica, Arial, sans-serif; 
	font-size:11px;
	margin-top: 5px;
}

select.formselect {
	width:165px !important;
	min-width: 180px !important;
	font-family:Helvetica, Arial, sans-serif; 
	font-size:11px;
	float:left;	 	
	padding: 0 !important;
	margin: 0 !important;
}

div.radiocontainer{
float:left;
margin:0px 0 0px 10px;
width:160px;
text-align: left;
padding: 5px 0px 5px 0px;
height: 15px;

}

input.findradio, input.checkbox {
	border: none;
	background:none;
	display: inline !important;
	width: 15px !important;
	height: 15px !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	vertical-align: text-bottom !important;
	margin-left: 5px !important;
}

.imagesponsor {
	margin: 45px 0px 0px 20px; 
}

input.buttonsubmit {
	border: none;
	background:none;
	width: 108px !important;
	height: 20px !important;
	padding: 0 !important;
	margin: 0 !important;
 
}

input.inputtext {
	width:100% !important;
}

td.sponsor {
	width: 700px !important;
}

h2.sponsorform, h2.leadforms {
	font-size: 30px;
	font-weight: normal;
	color: #000;
	text-align: left;
}


/* ----------- button ----------- */


.buttonwrapperleft { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
max-height: 20px !important;
float: left;
}

.buttonwrapperright{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
max-height: 20px !important;
float: right;
}


.buttonwrapperright a.ovalbutton, .buttonwrapperleft a.ovalbutton {
display: block;
font: bold 12px !important; 
line-height: 14px; 
height: 20px; /* Height of button background height */
padding-left: 20px; /* Width of left menu image */
padding-right: 0px;
text-decoration: none;
max-height: 20px;
max-width: 300px !important;
overflow: hidden;
}


.buttonwrapperright a.ovalbutton{
background: transparent url('/WebPro/images/button/oval-gray-left.gif') no-repeat top left;
float: right;
}

.buttonwrapperleft a.ovalbutton{
background: transparent url('/WebPro/images/button/oval-gray-left.gif') no-repeat top left;
float: left;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #297523;
text-decoration: none;
font-weight: bold; 
font-size:12px; 
}

a.ovalbutton span{
background: transparent url('/WebPro/images/button/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 3px 30px 3px 0px; 
font-weight: bold; 
font-size:12px; 
}

a.ovalbutton:hover{ /* Hover state CSS */
/*background-position: bottom left;*/ 
text-decoration: none;
max-height: 20px;
max-width: 300px !important;
overflow: hidden;
}

a.ovalbutton:hover span{ /* Hover state CSS */
/*background-position: bottom left;*/
color: #297523;
max-height: 20px;
max-width: 300px !important;
overflow: hidden;
}



/***** END COACH / SPONSOR FORMS *****/


/**************** START SEARCH STYLES ****************/

.searchblock {
	float: right;
	padding: 5px 20px 10px 20px;
	text-align:right;
}

.promoprod_img {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px	
}

.promoprod_txt {
	padding: 5px 15px 10px 15px;
}

.searchdivline{
	padding-left: 10px;
	_margin-left: 10px;
	padding-top:5px;
	_margin-top:5px;
	padding-bottom:5px;
	width:486px;
}

.resultbrief {
	margin: 10px 22px 10px 25px;
	_margin: 7px 22px 0px 25px;
}

/**************** END SEARCH STYLES ****************/