@charset "utf-8";

body		{ color: #000000; margin: 0; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
a			{ outline: none; color: #006600; text-decoration: none; }
a:link		{ color: #e54045; text-decoration: none; }
a:visited	{ color: #e54045; text-decoration: none; }
a:hover		{ color: #e54045; text-decoration: underline; }
a:active	{ color: #006600; text-decoration: underline; }

em		{ font-style:italic; }
strong	{ font-weight: bold; }
sup		{ vertical-align: super; font-style: normal; font-size: 80%; }
#wrapper	{ /*background-color: #efefef;*/ }
#container	{ width: 1004px; /*border-right: solid #ccc 1px; background-color: #FFFFFF; */}

#currentDate	{ text-align: right; border-bottom: solid #c9d7f1 1px; padding: 3px 2px; font-style: italic; color: #660000; font-weight: bold; font-size: 12px; }
#mainHolder		{ float: left; display: inline; width: 1004px; /*following for making hybrid/elastic width: 90%;*/ }
	#leftHolder		{ float: left; display: inline; width: 127px; margin-right: 9px; margin-bottom: 20px;
					  border-right: solid #ccc 1px; border-bottom: solid #ccc 1px; background-color: #f0f0f0; }
		H2.flashNoScript { display: none; }
		#leftNav {}
		#leftNav li { padding: 0px 0px; font-size: 10px; font-weight: bold; letter-spacing: 1px; border-top: solid #ccc 2px; }
		#leftNav li.sec1 { 	border-top-color: #aa0033; }
		#leftNav li.sec2 { 	border-top-color: #ffcc00; }
		#leftNav li.sec3 { 	border-top-color: #000088; }
		#leftNav li.sec4 { 	border-top-color: #008000; }
		#leftNav li.sec5 { 	border-top-color: #696969; }
		#leftNav li.sec6 { 	border-top-color: #cc0000; }
		#leftNav li.sec7 { 	border-top-color: #ff6600; }
		#leftNav li.sec8 { 	border-top-color: #663399; }
		#leftNav li a { background: #f0f0f0 url(../images/leftnav_bullet.gif) center right no-repeat; 
					  padding: 6px 0px 6px 19px; height: 100%; display: block; text-decoration: none; color: black; }
		#leftNav li a:hover { background-position: center left; }
		#leftNav li a.current { background-position: center left; }
	#leftBanner	{ margin: 20px 0; padding-left: 3px; }

		
		
	#rightHolder	{ float: left; display: inline; width: 867px; /*following for making hybrid/elastic*/ }
		#header		{ background: #fff url(../images/header_background.jpg) no-repeat top left; 
					  padding: 30px 55px 26px 450px; margin: 2px 0; }
		#headerLogo	{ position: absolute; top: 34px; left: 170px; z-index: 4; border: solid red 0px; }
		#headerLogo	a { text-indent: -5000px; display: block; width: 236px; height: 70px; }
		
		#cseHolder	{ border: solid #999 1px; padding: 10px 20px; background-color:#E7E7E7; border-left: solid #e44145 5px; }
		.cse-input	{ width: 150px; height: 16px; margin-right: 5px; }
		.cse-submit	{ font-size: 12px; height: 22px; padding: 2px 2px; width: 150px; background-color: #9fa1a4; }
		#tagline	{ border-top: solid #aa0033 2px; background: #fff url(../images/title_background.jpg) repeat-x top left; 
					  font-weight: bold; font-size: 1.2em; font-family: "Times New Roman", Times, serif; padding: 4px 10px 6px 10px; }
		#topBanner	{}
		#topBanner li.sec1 { 	border-color: #666666; }
		#topBanner img	{ display: inline;}
		#topBanner li a {border-width:thin; border-color: #666666} 
		

			#googleAd	{}
			#didyouknowImg	{ margin-left: 3px;  }
		#mainContent	{ padding: 10px 10px;}
			/*2 column pages */
			#mainContentLeft { float: left; width: 65%; border: solid red 0px; }
			#mainContentRight { float: right; width: 32%; border: solid red 0px; display: inline; }
		

#footerRule 	{ background: #fff url(../images/footer_background.jpg) repeat-x bottom left; border-bottom: solid #aa0033 2px; 
				   height: 20px; margin: 20px 0 5px 0; }
#footerText 	{ text-align: center; font-weight: bold; font-size: 10px; margin-bottom: 10px; }


/* Miscellaneous classes for reuse */
.flR { float: right; margin-left: 8px; }
.flL { float: left; margin-right: 8px; }
.flClear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both; height:0; font-size: 1px; line-height: 0px;
}

/*toggle layer*/
.toggleLayer { display: none; }

/*content elements */
#intro { border-bottom: solid #999 0px; padding-bottom: 15px; margin-bottom: 15px;}

dl	{ border-bottom: solid #ccc 1px; margin-bottom: 10px; padding-bottom: 10px; }
	dt	{ color: #0033ff; font-weight: bold;  
		background: #fff url(../images/title_bullet.gif) top left no-repeat; padding: 0px 0px 0px 15px; }
	#container dt a { color: #0033ff;}
	dd	{}

h1	{ border-bottom: solid #ccc 1px; padding: 1px 0px; margin: 0px; font-size: 1.2em; font-weight: bold; 
	color: #e54045; font-variant: small-caps; font-style: italic; letter-spacing: 1.5px; }
h1 span { background-image: url(../images/title_background.jpg); background-repeat: repeat-x; background-position:top left; 
		  border-top: solid #ccc 1px; border-bottom: solid #ccc 0px; padding: 3px 9px; margin: 3px 0px; line-height: 1.5em; 
		  display: block; }
h1 span.sec1 { border-top-color: #ffcc00; }
h1 span.sec2 { border-top-color: #ffcc00; }
h1 span.sec3 { border-top-color: #000088; }
h1 span.sec4 { border-top-color: #008000; }
h1 span.sec5 { border-top-color: #696969; }
h1 span.sec6 { border-top-color: #cc0000; }
h1 span.sec7 { border-top-color: #ff6600; }
h1 span.sec8 { border-top-color: #663399; }

div.subTitleH1	{ color: #333; display: inline; font-size: 80%; font-variant: normal; letter-spacing: normal; }

h2	{ font-size: 100%; font-weight: bold; margin: 10px 0; }
h3	{ font-size: 100%; font-weight: bold; }
h4	{ font-size: 100%; font-weight: bold; }
h6	{ font-size: 80%; text-align:right; margin: 3px 0 5px 0; padding-right: 3px;} /* This is seen in the view all links below each section name */
h6	a { color: #333333; }
p	{ margin: 10px 0; text-indent: 15px; line-height: 1.20em; }

/* Lists */
.listIndentedDisk { margin: 10px 15px; list-style: disc; }
.listIndentedDisk li { margin: 5px 15px; list-style: disc; }
.listIndentedNumber { margin: 10px 15px; list-style-type:decimal;}
.listIndentedNumber li { margin: 5px 15px; list-style: decimal; }

/* Sections *****************************************************/

/* News */
DL.news { margin: 0 15px; border-bottom: none; }
DL.news dd { border-bottom: solid #aa0033 1px; margin-bottom: 15px; }
DL.news dd.last { border-bottom: solid #aa0033 0px; margin-bottom: 15px; }
DL.news p.newsConclusion { background: #f1f1f1 url(../images/title_background.jpg) bottom left repeat-x; 
						   border: solid blue 0px; padding: 10px 15px 15px 15px; margin: 5px 55px 20px 0px; }
.newsBack	{ text-align: center; }
.newsArchive	{margin: 10px 0; border-bottom: solid #ccc 1px; padding: 5px 0; ont-size: 1.2em; font-weight: bold; 
	color: #e54045; font-variant: small-caps; font-style: italic; letter-spacing: 1.5px; }

/* WhatIsWhey */
DL#whatIsWhey { margin: 0 15px; border-bottom: none; }
DL#whatIsWhey dt { margin-bottom: 20px; }
DL#whatIsWhey dd { border-bottom: solid #aa0033 1px; margin-bottom: 15px; }
DL#whatIsWhey dd.last { border-bottom: solid #aa0033 0px; margin-bottom: 15px; }
DL#whatIsWhey p.whatIsWheyConclusion { background: #f1f1f1 url(../images/title_background.jpg) bottom left repeat-x; 
						   border: solid blue 0px; padding: 10px 15px 15px 15px; margin: 5px 55px 20px 0px; }
.footNote	{ font-style: italic; color: #333; }

/* Studies */
DL#studies { margin: 0 15px; border-bottom: none; }
DL#studies dt { margin-bottom: 20px; }
DL#studies dd { border-bottom: solid #aa0033 1px; margin: 0 0 15px 15px; padding-bottom: 0px; }
DL#studies dd.last { border-bottom: solid #aa0033 0px; }
DL#studies p.studiesConclusion { background: #f1f1f1 url(../images/title_background.jpg) bottom left repeat-x; 
						   border: solid blue 0px; padding: 10px 15px 15px 15px; margin: 5px 55px 5px 0px; }
/* Benefits */
DL#benefits { margin: 0 15px; border-bottom: none; }
DL#benefits dt { margin-bottom: 10px; }
DL#benefits dd { border-bottom: solid #aa0033 0px; margin-bottom: 0px; }
DL#benefits p.benefitsConclusion { background: #f1f1f1 url(../images/title_background.jpg) bottom left repeat-x; 
			padding: 10px 15px 15px 15px; margin: 5px 35px 0px 35px; }
#benefitsStep01	{ background: url(../images/ol_01.gif) top left no-repeat; margin: 0 50px 0 25px; padding: 0 0 0 35px; clear: both; }
#benefitsStep02	{ background: url(../images/ol_02.gif) top left no-repeat; margin: 0 50px 0 25px; padding: 0 0 0 35px; clear: both; }
#benefitsStep03	{ background: url(../images/ol_03.gif) top left no-repeat; margin: 0 50px 0 25px; padding: 0 0 0 35px; clear: both; }
#benefitsStep04	{ background: url(../images/ol_04.gif) top left no-repeat; margin: 0 50px 0 25px; padding: 0 0 0 35px; clear: both; }
#benefitsStep05	{ background: url(../images/ol_05.gif) top left no-repeat; margin: 0 50px 0 25px; padding: 0 0 0 35px; clear: both; }

#benefitsStep01 img, #benefitsStep02 img, #benefitsStep03 img, #benefitsStep04 img, #benefitsStep05 img
				{ border: solid #666 1px; padding: 2px; }
#benefitsStep01 h2, #benefitsStep02 h2, #benefitsStep03 h2, #benefitsStep04 h2, #benefitsStep05 h2 
				{ font-variant: small-caps; font-size: 125%; padding-top: 5px; }