/*****************************************************************************
 * Main screen CSS file.
 *
 *
 * Revision History
 * ----------------
 *	2008-01-21	jdp	created
 *
 *****************************************************************************/

/* 1. initial setup - lots of generics */
/* 1a. HTML generics */
* {
	padding: 0;
	margin: 0;
}	
html, body {
	font: 9pt Arial, helvetica, sans-serif;
	text-align: center;
	background: #E6F1F8;
	color: #5B79A0;
}

a { color: #005bab; }
a:visited,
a:hover,
a:active {}
img {
	display: block;
	border: 0;
}
h1 {}
h2 { font-size: 1.6em; margin: 0 0 1em 0; text-align: left; color: #005bab; }
h3 { font-size: 1.2em; margin: 1.5em 0 0.7em 0; color: #005bab; }
h4 { font-size: 1em; margin: 1em 0 0.5em 0; font-weight: bold; color: #005bab; }

ul { list-style: none outside; }
li { }

p { margin-bottom: 1em; line-height: 1.3em; }

/* because EM and STRONG are /not/ semantically the same as I and B, and should /not/ be used as such - sorry */
em { font-style: normal; }
strong { font-weight: normal; }

/* 1b. generic styles */
.hide { display: none; }
.offScreen { 
	position: absolute;
	left: -5000px;
	width: 1px;
}
.help { cursor: help; }	
.smallText { font-size: 0.8em; }

.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

.fir { display: block; text-indent: -5000px; text-decoration: none; font-size: 1px; }


/* 2. Wrapper styles */
#wrapper {
	width: 758px;
	background: #FFF;
	text-align: left;
	margin: 15px auto 0 auto;
	padding: 1px 1px 10px 1px;
}

/* 3. header pane and login */
#headerPane {
	height: 80px;
	margin-bottom: 1px;
	background: url('/a/img/global/headerBackground.jpg') no-repeat top left;
	text-align: right;
}
	/* 3a. actual header */
	h1 { float: left; margin: 0 0 0 20px; z-index: 5; }
	h1 a {
		display: block;
		height: 80px;
		width: 180px;
		background: url('/a/img/global/aptamilLogo.jpg') no-repeat 0 0;
	}
	
	.logo{width:380px; float:left;}
	.logo .left{float:left; width:160px; height:70px; }
	.logo .right{float:right; width:112px; height:69px; margin:6px 0 0 0px;}
	
	
	/* 3b. control pane */
	#profilePane { width: 105px; height: 35px; padding: 5px 5px 0 0; text-align: right; z-index: 1; margin: 0 0 0 auto;}
		#profilePane ul.topLinks { list-style-type: none; margin: 0; padding: 0; float: right; }
			#profilePane ul.topLinks li { margin: 0; height: 19px; display: block; float: left; text-align: left; }
			#profilePane ul.topLinks a { background: url('/a/img/global/profileLogoutLogin.gif') no-repeat 0 0; height: 19px; }
			
			#profilePane ul.topLinks li.mi0 { margin: 4px 10px 0 0;}
			
			#profilePane ul.topLinks li.mi1 { margin-right: 26px; }
			#profilePane ul.topLinks li.mi1, 
			#profilePane ul.topLinks li.mi1 a { width: 44px; }
			#profilePane ul.topLinks li.mi2, 
			#profilePane ul.topLinks li.mi2 a { width: 65px; }
			#profilePane ul.topLinks li.mi2 a { background-position: -44px 0;}
			
			#profilePane ul.topLinks li.mi3, 
			#profilePane ul.topLinks li.mi3 a { width: 55px; }
			#profilePane ul.topLinks li.mi3 a { background-position: -109px 0;}
		
	
	/* 3c. login pane */
	#profileLogin {
		height: 80px;
		width: 365px;
		background: url('/a/img/global/headerLoginBackground.jpg') no-repeat 0 0;
		float: right;
		overflow: hidden; 
		text-align: left;
		line-height: 1em;
	}
		#profileLogin a.closeBox { 
			float: right;
			height: 16px; 
			width: 15px; 
			background: url('/a/img/global/btnClose.gif'); 
			margin: 5px 5px 0 0;
		}
		#profileLogin a.fgp { font-size: 0.91em; }

		/* Remove dotted line from Login link in Firefox */
		 #profileLogin :-moz-any-link:focus {
		  outline: none;
		}
		
		#profileLogin div.content { width: 120px; margin: 5px 0 0 15px; float: left; font-size: 0.91em; }
			#profileLogin h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 0.3em 0; color: #005bab; }
			
		#profileLogin div.leftHand { margin: 5px 0 0 5px; padding: 0; float: left; width: 175px; background: transparent; }
		#profileLogin div.formRow { margin-bottom: 0.5em; background: transparent; }
		#profileLogin label { float: none; display: block; }
		#profileLogin div.leftHand input { width: 175px; }
		#profileLogin div.formRowFinal { width: 30px; margin: 31px 0 0 10px; float: left; }
			#profileLogin div.formRowFinal input { width: 30px; margin: 0; }

	/* 3d. search pane */
	#miniSearchPane { height: 25px; padding: 10px 10px 0 0; width: 220px; text-align: right; float: right; }
		#miniSearchPane form { margin: 0; padding: 0; vertical-align: bottom; }
		#miniSearchPane input,
		#miniSearchPane label { margin: 0 0; }
	
/* 4. main navigation pane */
#mainNavigationPane { height: 30px; margin-bottom: 1px; }

	#mainNavigationPane ul { list-style-type: none; }
		#mainNavigationPane ul li { margin: 0 1px 0 0; float: left; height: 30px; width: 68px; }
		#mainNavigationPane ul li.mia { margin: 0; }
		#mainNavigationPane ul li,
		#mainNavigationPane ul li a {
			display: block;
			height: 30px;
			width: 68px;
			background: url('/a/img/global/nav.gif') no-repeat top left;
		}
		
			#mainNavigationPane ul li.mi0,
			#mainNavigationPane ul li.mi0 a { background-position:    0   0; }
			#mainNavigationPane ul li.mi1,
			#mainNavigationPane ul li.mi1 a { background-position:  -69px 0; }
			#mainNavigationPane ul li.mi2,
			#mainNavigationPane ul li.mi2 a { background-position: -138px 0; }
			#mainNavigationPane ul li.mi3,
			#mainNavigationPane ul li.mi3 a { background-position: -207px 0; }
			#mainNavigationPane ul li.mi4,
			#mainNavigationPane ul li.mi4 a { background-position: -276px 0; }
			#mainNavigationPane ul li.mi5,
			#mainNavigationPane ul li.mi5 a { background-position: -345px 0; }
			#mainNavigationPane ul li.mi6,
			#mainNavigationPane ul li.mi6 a { background-position: -414px 0; }
			#mainNavigationPane ul li.mi7,
			#mainNavigationPane ul li.mi7 a { background-position: -483px 0; }
			#mainNavigationPane ul li.mi8,
			#mainNavigationPane ul li.mi8 a { background-position: -552px 0; }
			#mainNavigationPane ul li.mi9,
			#mainNavigationPane ul li.mi9 a { background-position: -621px 0; }
			#mainNavigationPane ul li.mia,
			#mainNavigationPane ul li.mia a { background-position: -690px 0; }
			#mainNavigationPane ul li.mi0 a:hover,
			#mainNavigationPane ul li.mi0 a.current { background-position:    0   -30px; }
			#mainNavigationPane ul li.mi1 a:hover,
			#mainNavigationPane ul li.mi1 a.current { background-position:  -69px -30px; }
			#mainNavigationPane ul li.mi2 a:hover,
			#mainNavigationPane ul li.mi2 a.current { background-position: -138px -30px; }
			#mainNavigationPane ul li.mi3 a:hover,
			#mainNavigationPane ul li.mi3 a.current { background-position: -207px -30px; }
			#mainNavigationPane ul li.mi4 a:hover,
			#mainNavigationPane ul li.mi4 a.current { background-position: -276px -30px; }
			#mainNavigationPane ul li.mi5 a:hover,
			#mainNavigationPane ul li.mi5 a.current { background-position: -345px -30px; }
			#mainNavigationPane ul li.mi6 a:hover,
			#mainNavigationPane ul li.mi6 a.current { background-position: -414px -30px; }
			#mainNavigationPane ul li.mi7 a:hover,
			#mainNavigationPane ul li.mi7 a.current { background-position: -483px -30px; }
			#mainNavigationPane ul li.mi8 a:hover,
			#mainNavigationPane ul li.mi8 a.current { background-position: -552px -30px; }
			#mainNavigationPane ul li.mi9 a:hover,
			#mainNavigationPane ul li.mi9 a.current { background-position: -621px -30px; }
			#mainNavigationPane ul li.mia a:hover,
			#mainNavigationPane ul li.mia a.current { background-position: -690px -30px; }

/* 5. Content page—again, we have some templates */
#contentPane { }

	/* 5a. front-page template */
	#contentPane.homePage { width: 758px; }
		#contentPane.homePage div.fullWidth { width: 758px; margin-bottom: 8px; }
		
		#contentPane.homePage div.twoOneOne { width: 740px; margin: 0 9px 8px 9px; }
			#contentPane.homePage div.twoOneOne div.colOne { float: left; width: 366px; }
			#contentPane.homePage div.twoOneOne div.colTwo,
			#contentPane.homePage div.twoOneOne div.colThree { float: left; width: 172px; margin-left: 15px; }
			#contentPane.homePage div.twoOneOne div.colTwoExtra { width:177px; margin-left:14px; }
			
			#contentPane.homePage div.twoOneOne div.footer p.moreLink { text-align: right; }
			#contentPane.homePage div.twoOneOne div.footer p.moreLink a { text-decoration: none; }
			#contentPane.homePage div.twoOneOne div.footer p.moreLink a:hover { text-decoration: underline; }
			#contentPane.homePage div.twoOneOne div.footer p.moreLink a img { 
				display: inline;
				border: 0; 
				height: 16px; 
				width: 15px;
				margin-left: 4px;
			}
	
.contentFixedH{

	height:162px;
}
			
	#contentPane.homePage div.twoOneOne div.colOne  div.textHolder,		
	#contentPane.homePage div.twoOneOne div.colTwo div.content  div.textHolder,
	#contentPane.homePage div.twoOneOne div.colThree div.content div.textHolder
	
 {

		height:70px;

	}		
			
	
		#contentPane.homePage div.twoTwo { width: 740px; margin: 0 9px 8px 9px; }
			#contentPane.homePage div.twoTwo div.colOne,
			#contentPane.homePage div.twoTwo div.colTwo { float: left; width: 366px; }
			#contentPane.homePage div.twoTwo div.colTwo { margin-left: 8px; }
			
	/* 5b. section intro template */
	#contentPane.sectionIntro { margin: 8px 9px; }
			
		#contentPane.sectionIntro div.twoOne  { margin-left: 136px; }
			#contentPane.sectionIntro div.twoOne div.colOne { width: 417px; float: left; }
				#contentPane.sectionIntro div.twoOne div.colOne div.header {}
				#contentPane.sectionIntro div.twoOne div.colOne div.header h2, 
				#contentPane.sectionIntro div.twoOne div.colOne div.header blockquote,
				#contentPane.sectionIntro div.twoOne div.colOne div.content p { margin-right: 220px; }
				#contentPane.sectionIntro div.twoOne div.colOne div.header blockquote { font-size: 1.2em; }
			#contentPane.sectionIntro div.twoOne div.colTwo { width: 179px; float: left; margin-left: 8px; }
			
			#contentPane.sectionIntro div.colTwo div.listContainer { width: 179px; margin-bottom: 8px; }
				#contentPane.sectionIntro div.colTwo div.listContainer div.header { padding: 8px; }
				#contentPane.sectionIntro div.colTwo div.listContainer div.content { padding: 0.3em; }
				#contentPane.sectionIntro div.colTwo div.listContainer div.footer { height: 8px; }
				#contentPane.sectionIntro div.colTwo div.listContainer ul {}
					#contentPane.sectionIntro div.colTwo div.listContainer li { margin-bottom: 0.5em; }
				
				#contentPane.sectionIntro div.colTwo div.listContainer.ntkm div.header { padding: 0; }
					#contentPane.sectionIntro div.colTwo div.listContainer.ntkm div.header h3 { height: 59px; width: 179px; margin: 0; padding: 0; }

	/* 5c. generic content page */
	#contentPane.contentPage { margin: 8px 9px; }
		#contentPane.contentPage #fullWidth { margin-left: 137px; }
			#contentPane.contentPage #fullWidth ul { list-style: disc outside; margin: 0 0 1.5em 0; } 
			#contentPane.contentPage #fullWidth ul li,
			#contentPane.contentPage #fullWidth ol li { margin-left: 2em; }
	
		#contentPane.contentPage #mainContent { width: 417px; margin-left: 20px; float: left; }
			#contentPane.contentPage #mainContent ul { list-style: disc outside; margin: 0 0 1.5em 0; } 
			#contentPane.contentPage #mainContent ul li,
			#contentPane.contentPage #mainContent ol li { margin-left: 2em; }

			#contentPane.contentPage #mainContent h2 { width: 265px; }
			#contentPane.contentPage #mainContent h3 { clear: right; }
			
			#contentPane.contentPage #mainContent table { margin: 1em auto 2em auto; font-size: 0.91em; border: 1px solid #F00; border-collapse: collapse; }
				#contentPane.contentPage #mainContent table caption { font-style: italic; text-align: center; margin-bottom: 0.2em; }
				#contentPane.contentPage #mainContent table th,
				#contentPane.contentPage #mainContent table td { padding: 3px 5px; margin: 0; border: 0; }
				#contentPane.contentPage #mainContent table th { font-weight: bold; text-align: center; border-right: 1px solid #FFF; color: #FFF; }
				#contentPane.contentPage #mainContent table td { border-right: 1px solid #F00; }
				#contentPane.contentPage #mainContent table th.last,
				#contentPane.contentPage #mainContent table td.last { border: none; }
				
			
			/* 5c(i). generic content page */
			#contentPane.contentPage #mainContent ul.previousNextArticleLinks { border-left: 1px solid #d4d4d4; float: right; list-style: none; margin: 0 0 2em 0; padding: 0; font-size: 0.85em; margin-right: 10px; }
			#contentPane.contentPage #mainContent ul.previousNextArticleLinks a { text-decoration: none; }
				#contentPane.contentPage #mainContent ul.previousNextArticleLinks li { margin-left: 10px; }

			#contentPane.contentPage #mainContent #footerPaginationAndPrintLinks { border-top: 1px dotted #5990AC; padding-top:10px;}
			#contentPane.contentPage #mainContent #footerPaginationAndPrintLinks ul.previousNextArticleLinks { border-left: 0; float: left; list-style: none; margin: 0; padding: 0; font-size: 0.85em; margin-right: 10px; }
			#contentPane.contentPage #mainContent #footerPaginationAndPrintLinks ul.previousNextArticleLinks a { text-decoration: none; }
				#contentPane.contentPage #mainContent #footerPaginationAndPrintLinks ul.previousNextArticleLinks li { margin-left: 0px; }

		#contentPane.contentPage #sideBar { width: 179px; float: left; margin-left: 8px; overflow: hidden; }
		
		#contentPane.contentPage #sideBar div.listContainer { width: 179px; margin-bottom: 8px; }
			#contentPane.contentPage #sideBar div.listContainer div.header { padding: 8px; }
			#contentPane.contentPage #sideBar div.listContainer div.content { padding: 0.3em; }
			#contentPane.contentPage #sideBar div.listContainer div.footer { height: 8px; }
			
			#contentPane.contentPage #sideBar div.listContainer ul {}
				#contentPane.contentPage #sideBar div.listContainer li { margin-bottom: 0.5em; }
			
			#contentPane.contentPage #sideBar div.anyQuestions div.header { padding: 0; height: 33px; }
				#contentPane.contentPage #sideBar div.anyQuestions div.header h3 { height: 33px; width: 179px; margin: 0; padding: 0; }

			#contentPane.contentPage #sideBar div.moreInfo div.header { padding: 0; height: 33px; }
				#contentPane.contentPage #sideBar div.moreInfo div.header h3 { height: 33px; width: 179px; margin: 0; padding: 0; }

			#contentPane.contentPage #sideBar div.benefits div.header { padding: 0; height: 59px; }
				#contentPane.contentPage #sideBar div.benefits div.header h3 { height: 59px; width: 179px; margin: 0; padding: 0; }

	/* 5d. Competition content page */
	#contentPane.promoPage,
 	body.promoPage #contentPane { margin: 0px; background: url('/a/img/common/fauxColumns/siteBlue.gif') repeat-y top left; }
		#contentPane.promoPage #mainContent { margin: 0 205px 0 138px; padding: 8px; }
		#contentPane.promoPage #featureImage { 
			float: right; 
			width: 205px; 
			height: 206px;
			background: url('/a/img/win/fourPrizes.jpg') no-repeat top left;
		}
		#contentPane.promoPage ol { margin-bottom: 1em; }
		#contentPane.promoPage ol li { margin: 0 0 0.4em 2em; }
		
		#contentPane.promoPage #enterCompButton { margin-top: 2em; }

	/* 5d. 'extras' pages */
	#leftPane /*.extras*/ { width: 207px; float: left;}
	#leftPaneNutrient/*.extras*/ { width: 120px; float: left; padding:10px;}
	#rightPane /*.extras*/ { width: 529px; float: left; padding: 0 10px 0 12px; margin-top: 8px;}
		#rightPane ul { list-style-type: disc; margin-left: 15px; margin-bottom: 1em; }
		#rightPane form fieldset textarea { width: 375px; }
	
	/* 5e. Article List template */
	#contentPane.articleList { margin: 8px; }
		#contentPane.articleList .mainContent { margin-left: 130px; }
			#contentPane.articleList .mainContent h2 { width: 388px; float: right; }
			#contentPane.articleList .mainContent .sectionHeadIntro { float: left; width: 210px; height: 260px; }
			#contentPane.articleList .mainContent .linkPanel { margin-left: 14px; float: left; width: 388px; }
			#contentPane.articleList .mainContent .linkPanel ul { list-style-type: none; margin: 0; }
				#contentPane.articleList .mainContent .linkPanel ul li { margin: 0 0 0.5em 0; }

	/* 5f. Members template */
	#contentPane.memberPages { margin-top: 0px; }
		#contentPane.memberPages #pageImg { float: left; }
		#contentPane.memberPages #content { padding-top: 8px; margin-left: 220px; }
			#contentPane.memberPages #content h2 { margin-left: 0; margin-bottom: 10px; float: none; }
				#contentPane.memberPages #content #innerContent { padding-top: 10px; }
					#contentPane.memberPages #content #prize { float: right; margin-left: 10px; }
						#contentPane.memberPages #content #innerContentContainer #innerContent { width: 380px; }
						  #contentPane.memberPages #content #innerContentContainer2  { width: 380px; border:1px solid #006666;}
							#contentPane.memberPages #content #innerContentContainer #innerContent ol { margin-left: 25px; }

					#contentPane.memberPages #content form fieldset { border: 0; margin: 5px 0; }
						#contentPane.memberPages #content form fieldset#submit { margin-top: 20px; }
						#contentPane.memberPages #content form fieldset legend { display: none; }


	/* subnav gets defined here because it's the same for most sections */
	#subNavPane { width: 115px; float: left; }
		#subNavPane div.navHolder {}
			#subNavPane div.navHolder div.header { height: 6px; width: 115px; }
			#subNavPane div.navHolder div.footer { 
				height: 44px;
				width: 115px;
				margin: 1px 0 0 0;
				background-position: 0 -6px; 
			}
			
		#subNavPane ul { list-style-type: none; width: 115px; }
		#subNavPane ul li { margin: 0 0 1px 0; height: 23px; width: 115px; }
			#subNavPane ul li a { display: block; height: 23px; width: 115px; }
			#subNavPane ul li.mi0 a { background-position: 0 -1px; }
			#subNavPane ul li.mi1 a { background-position: 0 -26px; }
			#subNavPane ul li.mi2 a { background-position: 0 -51px; }
			#subNavPane ul li.mi0 a:hover,
			#subNavPane ul li.mi0 a.current { background-position: -115px -1px; }
			#subNavPane ul li.mi1 a:hover,
			#subNavPane ul li.mi1 a.current { background-position: -115px -26px; }
			#subNavPane ul li.mi2 a:hover,
			#subNavPane ul li.mi2 a.current { background-position: -115px -51px; }

	/* banners are also the same */
	#bannerHolder { margin-left: 136px; padding-top: 8px; clear: both; }
		#bannerHolder div.bannerOne,
		#bannerHolder div.bannerTwo,
		#bannerHolder div.bannerThree { float: left; margin-left: 8px; width: 179px; height: 90px; }
		#bannerHolder div.bannerOne { width: 230px; margin: 0; }
        
		#bannerHolder div.bannerOne a,
		#bannerHolder div.bannerTwo a,
		#bannerHolder div.bannerThree a { width: 179px; height: 90px; display: block; background-repeat: no-repeat; }
		#bannerHolder div.bannerOne a { width: 230px; background-position: 0 0; }		

/* 6. footer pane */
#footerPane { text-align: left; width: 760px; margin: 0 auto; padding: 8px 0; font-size: 0.91em; }
	#footerPane p.copyRight {}
	
	#footerPane ul { list-style-type: none; float: right; }
		#footerPane li { float: left; margin: 0; padding: 0 0.5em; border-right: 1px solid #6990C2; }
		#footerPane li.last { border: 0; }
		#footerPane a { color: #6990C2; text-decoration: none; }

/*
 * sIFR settings
 */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.pdfLogo
{
	display:inline;
	text-decoration:none;
	border:none;
}







.termslist{
	
	width:500px;
	
}

.termslist ol{
	margin-left:20px;
}


.termslist li{
	
	
}

.mlu{padding:20px; width:694px;}
.mlu p{color:#0070ba;}
.btn-mlu{ width:150px; height:24px; display:block; background:url(/a/img/mlu/btn-visit.gif) no-repeat; float:right;} 
.btn-continue{ width:152px; height:40px; display:block; background:url(/a/img/common/btn-continue.gif) no-repeat; float:right;} 

.gap{padding-top:20px;}
.follow { width:219px; height:256px; background: url(/a/img/mlu/follow-bg.gif) no-repeat; float: left; margin-right:20px;}
.follow .content{ width:185px; padding-top:10px; margin:0 auto;}
.follow .content .tile{background:url(/a/img/mlu/followmums.gif) no-repeat; width:183px; height:69px;}
.follow .content p{padding-top:5px; color:#6d6e71; width:183px; font-size:11px;}
.follow .content .button{ width:150px; height:24px; display:block; background:url(/a/img/mlu/btn-visit.gif) no-repeat; border:none; float:right;} 
.relatedvideos {width:219px; height:256px; background: url(/a/img/mlu/follow-bg.gif) no-repeat; float: left;}
.relatedvideos .content{ width:185px; padding-top:10px; margin:0 auto;}
.discussion{width:217px; height:257px; background: url(/a/img/mlu/discussion-bg.gif) no-repeat; float: right;}
.discussion .content{ width:185px; padding-top:10px; margin:0 auto;}

.highlighted{color:#ca1224;}
.promo-right-5day{background:url(/a/img/common/product-detail.jpg) no-repeat; width:75px; height:148px; float:right; margin-right:40px;}