* { behavior: url(iepngfix.htc) }

/* CSS Document */

*{
	padding:0px;
	margin:0px;
	}
	
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.container{
	width:955px;
	margin:0 auto;
	color:#00539b;
	}
.smallText{
	font-size:8px;
	}
		
p{
	/*color:#6990C9;*/
	font-size:11px;
	margin-bottom:10px;
	}
	
h1{
	color:#a3c7ed;
	font-size:22px;
	margin-bottom:10px;
	}
h1.prodTitle{
	color:#00529B;
}
h2{
	font-size:18px;
	}
	
h3{
	color:#00529B;
	margin-bottom:10px;
	font-size:16px;
	}
	
h4{
	font-size:12px;
	}
	
sup span, h1 sup span.sup{
	font-size: 8px;
	}
	
.purpleText{
	color:#5a3697;
	}
	
.blueText{
	color:#0186a0;
	}
	
.greenText{
	color:#019f91;
	}
	
.pinkText{
	color:#AF2188
}

.redText{
	color:#b51b1f;
	}
	
/*header*/

.header{
	/*height:107px;*/
	position:relative;
	}
	
.headerTbl{
	width:100%;
	}
	
.headerTbl td{
	vertical-align:top;
	}
	
td.header_right{
	/*background:url(/images/header_right.gif) no-repeat;*/
	width:624px;
	}
	
td.logo{
	padding:20px 0 0 10px;
	}
	
	
.nav{
	height:27px;
	padding:0 10px 0 0;
	clear:both;
	}
	
a.navTab{
	display:block;
	background:url(/images/tab.jpg) no-repeat;
	width:192px;
	height:21px;
	padding-top:6px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	float:right;
	font-weight:bold;
	}
	
a.navTab:hover{
	background:url(/images/tab_over.jpg) no-repeat;
	}
	
a.navTab_active{
	background:url(/images/tab_over.jpg) no-repeat;
	}
	
.search{
	float:right;
	font-size:10px;
	color:#00539b;
	padding-top:20px;
	padding-bottom:20px;
	text-align:right;
	width:300px;
	}

input.searchText{
	font-size:10px;
	width:200px;
	}
/*header*/


/*footer*/
.footer{
	border:solid #c4def9 1px;
	padding:3px;
	margin-top:10px;
	}
	
.innerFooter{
	background:#c4def9;
	height:35px;
	}
	
.footerNav{
	float:right;
	color:#00539b;
	font-size:11px;
	font-weight:700;
	padding:10px 10px 0 0;
	}
	
.footerNav a{
	color:#00539b;
	font-weight:700;
	text-decoration:none;
	margin:0 5px;
	}
	
.copyright{
	font-size:9px;
	color:#a2c8ef;
	padding-top:5px;
	}
/*footer*/

.contentWrapper{
	border:solid #c4def9 1px;
	padding:5px;
	}
	
.contentLeft{
	float:left;
	padding:10px;
	}
	
.contentRight{
	float:right;
	width:600px;
	padding: 35px 10px 10px 10px;
	}
	
.clear{
	clear:both;
	}
	
/*life stages*/

.lifeStagesHeader{
	background:url(/images/lifeStages.jpg) no-repeat;
	}
	
.lifeStagesHeader .headTitle{
	width:400px;
	padding-left:20px;
	padding-top:5px;
	}
	
/*.lifeStagesHeader .title_1{
	font-size:14px;
	font-weight:700;
	color:#0fb3f0;
	}
*/
.lifeStagesHeader .title_2{
	font-size:26px;
	color:#00539b;
	line-height:26px;
	}

.lifeStagesWrap{
	position:relative;
	width:826px;
	margin:30px auto 10px auto;
	}

.lifeStagesPanel .top{
	vertical-align:bottom;
	}
	
.lifeStagesPanel td{
	width:260px;
	vertical-align:top;
	}
	
.lifeStagesPanel .space{
	width:20px;
	}
	
.lifeStagesPanel .mid p{
	padding:0 5px 0 80px;
	margin-bottom:5px;
	}
	
.lifeStagesPanel .mid .title{
	font-size:20px;
	}
	
.lifeStagesPanel .pink{
	background:url(/images/pink_mid.jpg) repeat-x #f5d8ee;
	border-left:solid #f3d7ed 1px;
	border-right:solid #f3d7ed 1px;
	color:#953882;
	}
	
.lifeStagesPanel .pink a{
	color:#953882;
	}
	
.lifeStagesPanel .purple a{
	color:#60418a;
	}

.lifeStagesPanel .blue a{
	color:#0086a0;
	}

.lifeStagesPanel .pink{
	background:url(/images/pink_mid.jpg) repeat-x #f5d8ee;
	border-left:solid #f3d7ed 1px;
	border-right:solid #f3d7ed 1px;
	color:#953882;
	}
	
.lifeStagesPanel .purple{
	background:url(/images/purple_mid.jpg) repeat-x #ceccdf;
	border-left:solid #b4b1d0 1px;
	border-right:solid #b4b1d0 1px;
	color:#60418a;
	}
	
.lifeStagesPanel .blue{
	background:url(/images/blue_mid.jpg) repeat-x #c8e1e9;
	border-left:solid #abd3dd 1px;
	border-right:solid #abd3dd 1px;
	color:#0086a0;
	}
	
.productImage_1{
	position:absolute;
	bottom:0px;
	left:5px;
	}
	
.productImage_2{
	position:absolute;
	bottom:0px;
	left:290px;
	}
	
.productImage_3{
	position:absolute;
	bottom:0px;
	right:190px;
	}
	
/*life stages*/

/*moisturizers*/

.moisturizersHeader{
	background:url(/images/moisturizersDetails.jpg) no-repeat;
	height:658px;
	width:612px;
	float:left;
	}

.moisturizersHeader .headTitle{
	width:350px;
	padding-left:20px;
	padding-top:20px;
	}
	
.moisturizersHeader .title_2{
	font-size:26px;
	color:#00539b;
	line-height:26px;
	}
	
.moistProdBox{
	float:right;
	padding:30px 27px 0 0;
	}
	
.prodBox{
	width:303px;
	height:150px;
	margin-bottom:10px;
	}
	
.prodBox_content{
	padding:20px 20px 5px 90px;
	
	}
	
.prodBox h1{
	color:#00539b;
	font-weight:normal;
	font-size:20px;
	}

.prodBox h1 span{
	font-size:16px;
}
	
.prodBox p{
	font-size:11px;
	}
	
.prodBox_content .learnLink{
	text-align:right;
	}
	
.learnLink a{
	color:#00539b;
	font-weight:700;
	}

.learnLink a:hover{
	text-decoration:none;
	}
	

.prodBoxOR{
	background:url(/en/images/prodBox_OR.jpg) no-repeat;
	}
	
.prodBoxFF{
	background:url(/en/images/prodBox_FF.jpg) no-repeat;
	}
	
.prodBoxEC{
	background:url(/en/images/prodBox_EC.jpg) no-repeat;
	}

.prodBoxID{
	background:url(/images/prodBox_ID.jpg) no-repeat;
	}
	
/*moisturizers*/



/*details*/

.detailsWrap{
	float:right;
	padding-top:20px;
	width:420px;
	}

.detailsTbl{
	margin-bottom:10px;
	}

.detailsTbl h1{
	margin-bottom:0px;/*take off margin from general setting for  site*/
	}
	
.detailsTbl td{
	vertical-align:top;
	padding:3px;
	}
	
.detailsTextLeft{
	width:270px;
	}
	
.leftRpt{
	background:url(/images/ls_agedefying_rpt.jpg) repeat-y;
	}
	
.rightRpt_agedefying{
	background:url(/images/model_agedefying.jpg) no-repeat;
	width:341px;
	}
	
.rightRpt_menopause{
	background:url(/images/model_menopause.jpg) no-repeat;
	width:341px;
	}
	
.rightRpt_pregnancy{
	background:url(/images/model_pregnancy.jpg) no-repeat;
	width:341px;
	}
	
.rightRpt_expert{
	background:url(/images/model_expert.jpg) no-repeat;
	width:258px;
	}
	
.detailsLeft{
	background:url(/en/images/ls_agedefying_en.jpg) no-repeat;
	width:600px;
	}
	
.ls_menopause{
	background:url(/en/images/ls_menopause_en.jpg) no-repeat;
	width:600px;
	}
	
.leftRpt_menopause{
	background:url(/images/ls_menopause_rpt.jpg) repeat-y;
	}
	
.ls_pregnancy{
	background:url(/en/images/ls_pregnancy_en.jpg) no-repeat;
	width:600px;
	}
	
.leftRpt_pregnancy{
	background:url(/images/ls_pregnancy_rpt.jpg) repeat-y;
	}

.rightRpt_ec{
	background:url(/images/model_moisturizers.jpg) no-repeat;
	width:341px;
	}	
	
.rightRpt_ff{
	background:url(/images/model_moisturizers.jpg) no-repeat;
	width:341px;
	}	
	
.rightRpt_of{
	background:url(/images/model_moisturizers.jpg) no-repeat;
	width:341px;
	}	
	
.contentTbl td{
	vertical-align:top;
	}
	
.detailsTbl ul{
	color:#00539B;
	padding-left:20px;
	}
	
a.productLinks{
	display:block;
	width:70px;
	text-decoration:none;
	padding-left:20px;
	float:left;
	height:25px;
}

	
a.pregnancyLink{
	background:url(/images/arrow_pregnancy.jpg) no-repeat 0px 5px;
	color:#5a3697;
	}
		
a.menopauseLink{
	background:url(/images/arrow_menopause.jpg) no-repeat 0px 5px;
	padding-left:20px;
	color:#0186a0;
	}
	
a.agedefyingLink{
	background:url(/images/arrow_agedefying.jpg) no-repeat 0px 5px;
	color:#5a3697;
}

a.ecLink{
	background:url(/images/arrow_ec.jpg) no-repeat 0px 5px;
	color:#b51b1f;
}

a.ofLink{
	background:url(/images/arrow_of.jpg) no-repeat 0px 5px;
	color:#00539b;
}

a.ffLink{
	background:url(/images/arrow_ff.jpg) no-repeat 0px 5px;
	color:#018074;
}

a.idLink{
	background:url(/images/arrow_id.gif) no-repeat 0px 5px;
	color:#b3740d;
}

.scrollBox{
	width:407px;	
	}
	
/*details*/

/*home page*/
.flashArea{
	height:230px;
	background:#cccccc;
	margin-bottom:5px;
	}
	
.calloutWrap{
	background:#b9d5f3;
	padding:5px;
	}
	
.calloutTbl td{
	vertical-align:top;
	height:128px;
	}
	
.calloutTbl a{
	color:#00539b;
	font-weight:700;
	/*float:right;*/
	}
	
.calloutTbl a:hover{
	text-decoration:none;
	}

	
.calloutTbl .liveLearnWrap{
	/*padding:20px;*/
	}
	
.calloutTbl .tips, .calloutTbl .widget{
	padding:20px 0 0 20px;
	
	}
	
.liveLearn{
	width:470px;
	background:url(/images/liveLearn_rpt.jpg) repeat-y;
	}
	
.calloutTbl .largeTitle{
	font-size:16px;
	font-weight:700;
	line-height:105%;
	}
	
.calloutTbl .smallTitle{
	font-size:12px;
	}
	
.skinCareTips, .nameBaby{
	width:465px;
	background:url(/images/callout_rpt.jpg) repeat-y;
	}
/*home page*/

/*ask an expert*/
.expert{
	background:url(/images/askExpertBG.jpg) no-repeat;
	width:686px;
	}
.leftRpt_expert{
	background:url(/images/askExpertBG_rpt.jpg) repeat-y;
	}
	
.expertWrap{
	padding-top:20px;
	padding-left:20px;
	}
	
.questions{
	float:right;
	}
	
.expertTbl{
	float:left;
	}
	
.expertTbl h4{
	padding-bottom:5px;
	}
	
.expertTbl ul{
	color:#00539b;
	padding-left:20px;
	padding-bottom:10px;
	}
	
.expertTbl li{
	line-height:18px;
	}
	
.expertTbl ul a{
	color:#00539b;
	}

.expertTbl ul a:hover{
	color:#019F91;
	}
	
.expertScroll{
	width:350px;
	background:none;
	margin-top:5px;
	margin-bottom:20px;
	}
	
h4.faqTitle{
	padding-bottom:5px;
}

li.selected a{font-weight:bold;color:#019F91;}
/*ask an expert*/

.super{
	position: relative;
	font-size:8px;
	top:-3px;
}

.headTitle p{
	line-height:1.5;
	font-size:12px;
}

td.mid a:hover{	text-decoration:none;}



/*reusing lifeStagesPanel class styles
.lifeStagesPanel .lightPink{
	background:url(../../images/lightPink_mid.jpg) repeat-x #f4afb2;
	border-left:solid #ffb4b1 1px;
	border-right:solid #ffb4b1 1px;
	color:#de232e;
	}
	
.lifeStagesPanel .green{
	background:url(../../images/green_mid.jpg) repeat-x #b0dccc;
	border-left:solid #7bc2a9 1px;
	border-right:solid #7bc2a9 1px;
	color:#019f91;
	}
	
.lifeStagesPanel .lightBlue{
	background:url(../../images/lightBlue_mid.jpg) repeat-x #c1ddf4;
	border-left:solid #c4def9 1px;
	border-right:solid #c4def9 1px;
	color:#00539b;
	}
	
.lifeStagesPanel .lightPink a{
	text-decoration:none;
	color:#de232e;
	}
	
.lifeStagesPanel .green a{
	text-decoration:none;
	color:#019f91;
	}

.lifeStagesPanel .lightBlue a{
	text-decoration:none;
	color:#00539b;
	}
*/	
.moisturizers_ff{
	background:url(/en/images/moisturizer_ff_en.jpg) no-repeat;
	width:600px;
	}
	
.leftRpt_ff{
	background:url(/images/moisturizer_ff_rpt.jpg) repeat-y;
	}
	
.moisturizers_of{
	background:url(/en/images/moisturizer_of_en.jpg) no-repeat;
	width:600px;
	}
	
.leftRpt_of{
	background:url(/images/moisturizer_of_rpt.jpg) repeat-y;
	}
	
.moisturizers_ec{
	background:url(/en/images/moisturizer_ec_en.jpg) no-repeat;
	width:600px;
	}
	
.leftRpt_ec{
	background:url(/images/moisturizer_ec_rpt.jpg) repeat-y;
	}

.moisturizers_id{
	background:url(/images/moisturizer_id.jpg) no-repeat;
	width:600px;
	}
	
.saveButton{
	position:absolute;
	top:0px;
	left:455px;
}
	
.saveButton a{
	display:block;
	background:url(/en/images/saveButton.gif) no-repeat;
	width:196px;
	height:33px;
}