*{
	padding:0px;
	margin:0px;
}

sup{
	vertical-align:top;
	font-size: smaller;
}

body{
	background-image: url(/images/background.gif); /* white to green gradient */
	background-repeat: repeat-x;     
	background-position: 0px 0px;
	background-color: #CBE6E0;    
	color: #666666; /* #063b55;  /* dark blue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	margin: 10px auto 0px auto;
	width: 748px;
}

img{
	border: 0px;
}
p{
	margin:2px 0px;
	padding:2px 0px;	
}
#home{
	margin-top:15px; 
}
.clearFloat{
	clear: both;
}
#LogoSignUpContainer{
	height: 65px;
	width: 740px;
}

#LogoContainer{
	float:left; 
	margin-top: 12px; 
}

#topSignUpContainer{
	float: right; 
	text-align:right;
	width: 479px;
}

#topSignUpContainer form{
	height: 25px;
	margin-top: 4px;
	padding: 0px;
	width: auto;
	vertical-align:bottom;
	padding-left:56px;
	
}

#topSignUpContainer form img{
	align:top;	
}

#topNav{       
	color: #76c6be; /* light green */
	font-size: 10px;
	height: 10px;
	text-align: right;
	width: 740px;
	margin-bottom:20px;
}

#topNav span.separator{       
	color: #76c6be; 
	padding:0px 4px 0px 4px;
	font-size: 11px;
	font-weight:bold;
}

#topNav a{       
	color: #76c6be; 
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
}

#topNav a:hover{       
	color: #053D57;
}

#topNav a.current{       
	color: #487184;
}

#topCopy{
	height: 48px; 
	width: 732px;
	margin: 20px 0px 10px 8px; 
	color: #487184;
	font-size:10pt;
	font-weight:bold;
	font-family: Arial,Sans-Serif;
}

#topCopy #collection{
	padding-left:60px;
	font-size:18pt;
	font-weight:normal;
	letter-spacing:-1px;
}

#topCopy #naturals{
	padding-left:100px;
	font-size:18pt;
	font-weight:normal;
	letter-spacing:-1px;
}

#topCopy #promo{
	padding-left:60px;
	font-size:18pt;
	font-weight:normal;
	letter-spacing:-1px;
}

#topCopy #product{
	padding-left:60px;
	font-size:18pt;
	font-weight:normal;
	letter-spacing:-1px;
}

#topCopy #handWash{
	padding-left:20px;
	font-size:18pt;
	font-weight:normal;
	letter-spacing:-1px;
}

#topSubnav{
	background-image: url(/images/bg_SubNav.gif);
	font-size: 1px;
	height: 29px;
	margin-left: 8px;
	margin-top: 7px;
	width: 732px;
	}

#topSubnav span.separator{       
	color: #76c6be; 
	padding:0px 8px 0px 8px;
	font-size: 11px;
	font-weight:bold;
	display:block;
	float:left;
	padding-top:7px;
}

#topSubnav a{ 
	color: #C0C0C0;/*#76c6be;*/ 
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
	display:block;
	float:left;
	padding-top:7px;
	
	
	
}

#topSubnav a.current{       
	color: #053d37;
	background-image: url(/images/arrowDown.gif);
	background-repeat:  no-repeat;
	background-position:top;
	display:block;
	float:left;
	padding-top:7px;
	
}

#topSubnav a:hover{       
	color: #053d37;
	background-image: url(/images/arrowDown.gif);
	background-repeat: no-repeat;
	background-position:top;
	display:block;
	float:left;
	padding-top:7px;
	
}

#container1{
	width: 740px;
}

.dotsNavy{
	height: 1px; 
	background-image: url(/images/dots_Navy.gif);
	text-align:center;
	display:block;
	font-size:0px;
	width:95%;
	margin:3px 0px 6px 0px;	
}

a.LearnMore{
	color: #053d57;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}

#lineSolidBlue{
	background-color: #add9d2; 
	height: 1px;	
	width: 735px;
	margin-top: 20px; 
	margin-bottom: 0px; 
	margin-left: 5px;	
}

.lineSolidBlue{
	background-color: #add9d2; 
	height: 1px;	
	width: 740px;	
}

#leftSectionNameImageColumn{
	float: left;
	width: 122px;
	height: 251px;
}

.lineDashedVerticalBlue{
	background-image:url(/images/dashedLine_vert_blue.gif); 
	background-repeat: repeat-y;
	float: left; 
	height: 300px; 
	margin-top: 18px; 
	width: 20px;
}

td.empty{
	font-size:0px;
}

td.top{
	background-repeat:no-repeat;
	height:10px;
	font-size:0px;
}

td.middle{
	background-repeat:repeat-y;
	vertical-align:top;
}

td.middle div{
	margin:5px 10px 5px 15px;
}

td.middle div span.head{
	padding-bottom:12px;
	font-weight:bold;
	display:block;
	color: #487184;
}

td.middle p{
	color:#053d57;
}

td.bottom{
	background-repeat: no-repeat;
	height: 10px;
	font-size:0px;
}


td.middle img{
	float:left;
	margin-right:1px;
}

td.middle div.title{
	text-align: center; 
	color: #76c6be;
	font-size:16px;
	width:90%;
}
	
td.right{
	background-repeat:repeat-y;
	vertical-align:top;
	text-align:center;
}
td.right p{
	padding:0px 8px 5px 8px;
	color:#053d57;
}

td.right p span{
	text-align: center; 
	color: #053d57;
	font-size:12pt;
	font-family: Arial,Helvetica,Sans-Serif;
}

td.right p img{
	float:left;
}

#topLeft {
	background-image: url(/images/topLeft.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	height: 10px;
	width: 64px;
}

#middleLeft{
	background-image:url(/images/middleLeft.gif);
	background-repeat:repeat-y;
	width:64px;
	height:185px;
	vertical-align:middle;
	}
	
#bottomLeft{
	background-image: url(/images/bottomLeft.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 64px;
}
	
#topRight {
	background-image: url(/images/topRight.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	height: 10px;
	width: 324px;
}

#middleRight{
	background-image:url(/images/middleRight.gif);
	background-repeat:repeat-y;
	width:324px;
	height:185px;
}

#middleRight p{
	padding:5px 10px 0px 5px;
	color:#053d57; 
}	

#middleRight span.blueTitle{
	text-align: left; 
	color: #053d57;
	font-size:12pt;
	font-family: Arial,Helvetica,Sans-Serif;
}

#middleRight span.name{
	text-align: left; 
	display:block;
	color: #053d57;
	font-size:8.5pt;
	font-family: Arial,Helvetica,Sans-Serif;
}
	
#bottomRight{
	background-image: url(/images/bottomRight.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 80px;
}

#top_blue_388{
	background-image: url(/images/top_blue_388.gif);
	width:388px;
}
#middle_blue_388{
	background-image: url(/images/middle_blue_388.gif);
	width:388px;
}

#bottom_blue_388{
	background-image: url(/images/bottom_blue_388.gif);
	width:388px;
}

#top_388{
	background-image: url(/images/top_388.gif);
	width:388px;
}
#middle_388{
	background-image: url(/images/middle_388.gif);
	width:388px;
}

#bottom_388{
	background-image: url(/images/bottom_388.gif);
	width:388px;
}

#top_322{
	background-image: url(/images/top_322.gif);
	width:322px;
}
#middle_322{
	background-image: url(/images/middle_322.gif);
	width:322px;
}
#bottom_322{
	background-image: url(/images/bottom_322.gif);
	width:322px;
}

#top_197{
	background-image: url(/images/top_197.gif);
	width:197px;
}
#middle_197{
	background-image: url(/images/middle_197.gif);
	width:197px;
}

#bottom_197{
	background-image: url(/images/bottom_197.gif);
	width:197px;
}

#top_269{
	background-image: url(/images/top_269.gif);
	width:269px;
}
#middle_269{
	background-image: url(/images/middle_269.gif);
	width:269px;
}
#bottom_269{
	background-image: url(/images/bottom_269.gif);
	width:269px;
}

#top_229{
	background-image: url(/images/top_229.gif);
	width:229px;
}
#middle_229{
	background-image: url(/images/middle_229.gif);
	width:229px;
}
#bottom_229{
	background-image: url(/images/bottom_229.gif);
	width:229px;
}

#top_238{
	background-image: url(/images/top_238.gif);
	width:238px;
}
#middle_238{
	background-image: url(/images/middle_238.gif);
	width:238px;
}
#bottom_238{
	background-image: url(/images/bottom_238.gif);
	width:238px;
}


#footerContainer{
	clear: both;
	margin: 20px 0px 0px 8px;
	width: 732px;
	padding-bottom:20px;
}

#copyright{  
	color: #666666; /* grey */
	width: 255px;
	text-align:left;
	float:left;
}

#footerNavLinks{
	color: #053D57; /* dark blue */          
	text-align:center;
	font-size: 10px;
	width:732px;
}

A.footerNavLink{  
  	color: #053D57; /* dark blue */
	margin-left: 10px;	
	text-decoration: none;
}

A.footerNavLink:active{
	text-decoration: underline;
}

A.footerNavLink:hover{
	text-decoration: underline;
}

.lineDottedHorizontalNavyBlue{
	height: 1px; 
	background-image: url(/images/dots_Navy.gif); 	
}

A.medDarkBlueLink{
	color: #053d57;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}


.lineSolidLightBlue{
	background-color: #cbe6e0; 
	height: 1px;
	width: 732px;	
}


A.medDarkBlueProductLink{
	color: #053d57;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.medDarkBlueProductLink:active{
	text-decoration: underline;
}

A.medDarkBlueProductLink:hover{
	text-decoration: underline;
}

.productSelectorProduct{
	cursor: pointer;
	height: 46px;
	padding-left:  5px;
	background-color: #FFFFFF;
	font-size: 11px;

}

span.collection{
	color: #487184;
	font-weight:bold;
	font-size:11pt;
}

a.medDarkGrayLink2{
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}

a.medDarkGrayLink2:active{
	text-decoration: underline;
}

a.medDarkGrayLink2:hover{
	text-decoration: underline;
}

a.calloutBeautyBreakthroughs2 {
	color: #666666;
	text-decoration: underline;
}

a.calloutBeautyBreakthroughs{
	color: #666666;
	text-decoration: none;
}

a.calloutBeautyBreakthroughs:hover{
	text-decoration: underline;
}

.tabOff{ 
	float: left; 
	width: 90px;
	height: 14px;  
	margin-top  : 2px; 
	margin-right: 1px;
	padding-top: 3px; 
	text-align: center; 
	font-size: 11px; 
	color: #063b55;
	cursor: pointer; 
	background-image: url(/images/bg_tab.gif);
}



.tabOn{ 
	float: left; 
	width: 90px;
	height: 14px;  
	margin-top  : 2px; 
	margin-right: 1px; 
	padding-top: 3px; 
	text-align: center; 
	font-size: 11px; 
	color: #063b55;
	cursor: pointer; 
	background-image: url(/images/bg_tab_On.gif);
}

.faqAnswerBox{ 
	background-color: #cbe6e0; /* light green */
	border: 1px #666666 solid; /* dark grey */
	clear: both;
	line-height: 15px;	
	padding: 5px 10px 10px 10px;	
	width: 320px;
	display:none;
}

.faqAnswerText{
	clear: both;
}

.faqBullet{
	clear: left;
	float: left;
	width: 10px;
}

.faqCloseButton{ 
	color: #999999;
	cursor: pointer;
	float:right;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: right;
	text-decoration: none;
	width:  50px;	
}

.faqCloseButton:hover{
	text-decoration: underline;
}

.faqHeader{
	clear: both;
	font-weight: bold;
	padding: 15px 0px 10px 0px; 	
}

.faqQuestion{
	cursor: pointer;
	float: left;
	width: 344px;
}

.faqQuestion:hover{
	cursor:pointer;
	text-decoration: underline;
}

.faqQuestionAnswerContainer{
	clear:both;
}

/* product list styles*/
#top_list{
	width:189px;
	height:5px;
	background-image:url(/images/top_list.gif);
	background-repeat:no-repeat;
	font-size:0px;
	position:relative;
}

#middle_list{
	width:124px;
	height:100px;
	background-image:url(/images/middle_list.gif);
	background-repeat:repeat-y;
	position:relative;
	padding-left:60px;
	padding-right:5px;
	font-size: 12px; 
}


#bottom_list{
	width:189px;
	height:5px;
	background-image:url(/images/bottom_list.gif);
	background-repeat:no-repeat;
	font-size:0px;
	position:relative;
}

#list_image{
	position:absolute;
	z-index:100;
	top:510px;
	left:800px;
	width:50px;
	height:149px;
}

A.medDarkBlueLink2{
	color: #053d57;
	font-size: 11px;
	text-decoration: underline;
}

A.medDarkBlueLink2:active{
	color: #999999;
}

A.medDarkBlueLink2:hover{
	color: #999999;
}
#SelectedProduct{
	width:189px;
	height:149px;
	background-image:url(/images/spacer.gif);
	font-size:11px;
}

#t1{
	font-size:larger;
	font-weight:bold;
}
/*Flash piece for beauty breakthroughs*/
.beautySubHeading{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:8px;
	font-family:Lucida,Helvetica, Verdana, Arial,Sans-Serif;
	font-size:11pt;
	font-weight:bold;
	color: #487184;
	width:732px;
}

.beautySubHeading span{
	color:#CC6600;
	font-weight:600;
}

.flashPiece{
	padding-bottom:10px;
	position:relative;
	width:732px;
	margin-left:8px;
}

A.medDarkBlueLink2{
	color: #053d57;
	font-size: 11px;
	text-decoration: underline;
}

A.medDarkBlueLink2:active{
	color: #999999;
}

A.medDarkBlueLink2:hover{
	color: #999999;
}

#BeautyBuzzProductSelector{
	width: 732px;
}

#BeautyBuzzSelectorNext{
	cursor: pointer; 
	float:right; 
	margin: 50px 0px 0px 0px; 
	text-align:right; 
	width: 16px;
}

#BeautyBuzzSelectorPrevious{
	cursor: pointer; 
	float:left; 
	margin: 50px 0px 0px 0px; 
	width: 17px;
}

.beautyBuzzProductSelectorImageContainer{
	background-repeat:no-repeat;
	cursor: pointer;
	float: left;
	width: 139px;
	margin:0px;
}

.beautyBuzzProductSelectorImage{
	height: 136px; 
	margin: 3px 0px 0px 0px; 
	text-align: center; 
	width: 123px;
}


.beautyBuzzProductSelectorProduct{
	color: #053d57; 
	font-weight: bold; 
	height: 70px; 
	margin: 0px 0px 0px 10px; 
	width: 103px;
}


.beautyBuzzPressMentionsContainer{
	float: left; 
	width: 588px;
}

.beautyBuzzPressMentionContentContainer{
	float: left; 
	padding: 0px 0px 15px 20px; 
	width: 274px;
}

.beautyBuzzPressMentionCopy{
	float: right; 
	width: 186px;
}

.beautyBuzzPressMentionImage{
	float: left; 
	padding: 0px 10px 0px 0px; 
	text-align:left; 
	width: 78px;
}

.beautyBuzzPressMentionTitle{
	color: #68a599;
	font-size: 12px;
	font-style:italic;	
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
}

A.beautyBuzzPressMentionTitle:active{
	text-decoration: underline;
}

A.beautyBuzzPressMentionTitle:hover{
	text-decoration: underline;
}

.beautyBuzzPressMentionCopy{
	color: #656565;
	font-size: 11px;
	text-decoration: none;
}

A.beautyBuzzPressMentionCopy:active{
	text-decoration: underline;
}

A.beautyBuzzPressMentionCopy:hover{
	text-decoration: underline;
}

A.smallDarkBlueLink
{
	color: #053d57;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}

A.smallDarkBlueLink:active
{
	text-decoration: none;
}

A.smallDarkBlueLink:hover
{
	text-decoration: none;
}

/*begin new styles added April 3 2008*/

.modelImage{
	background:#fff;
	}
	
.bbProductShot{
	float:right;
	padding-right:40px;
	padding-top:10px;
	}

.bbText{
	width:501px;
	padding:10px;
}

.ngText{
	padding:10px;
}

.bbTextLink{
	line-height:24px;
	}
	
.bronzeBorder{
	height:14px;
	background:#c38319;
	}
	
.innerBronze{
	width:370px;
	height:14px;
	background:#e3b266;
	border-right:solid #fff 1px;
	}
	
.bronzeBorderBottom{
	height:8px;
	font-size:0px;
	background:#c38319;
	clear:both;
	}
	
.innerBronzeBottom{
	width:370px;
	height:8px;
	background:#e3b266;
	border-right:solid #fff 1px;
	}
	
.flhwDarkBlue{
	background:#a5cfcc;
	}

.flhwLightBlue{
	background:#b4e1df;
	}
	
.videoContainer{
	text-align:center;
	}
/*end new styles added April 3 2008*/

innerBlue{
	width:259px;
	height:14px;
	background:#e3b266;
	border-right:solid #fff 1px;
	}
	
.innerBlueBottom{
	width:259px;
	height:8px;
	background:#e3b266;
	border-right:solid #fff 1px;
	}
	
.flhwDarkBlue{
	background:#a5cfcc;
	}

.flhwLightBlue{
	background:#b4e1df;
	}
	
.videoContainer{
	text-align:center;
	}
/*end new styles added April 3 2008*/

.flwhProductShot{
	float:right;
	width:200px;
	}

.flwhProductShotWrap{
	text-align:center;
	}
	
.flwhProductShotText{
	width:150px;
	margin:auto;
	border-top:dotted #000 1px;
	}
	
.flwhText{
	width:501px;
	padding:10px;
}

.winnerCircleSide{
	width:200px;
	padding-top:50px;
	vertical-align:top;
}

.winnerCircleMid{
	width:335px;
	padding:5px 20px 0px 20px;
	vertical-align:top;
}

.winnersCongrat{
	font-size:16px;
	padding-bottom:10px;
}

.winnersTitle{
	font-size:16px;
	font-weight:bold;
	font-style:italic;	
}

.winnersCaption{
	font-size:10px;
	font-weight:bold;
	color:#333333;
	padding:10px 0px;
}

.green{
	background:#728957;
}

.lightGreen{
	background:#9fbf7a;
}

a.naturals{
	color: #2B7159;
	font-size:10px;
	font-weight:bold;
	line-height:165%;
	text-decoration: underline;
}

.naturalsCompare{
	clear:both;
	margin:0px 0px 2px 2px;
}

.naturalsCompare td{
	border-right:1px solid #fff;
	width:222px;
	padding:10px;
	vertical-align:top;
}

.naturalsCompare td p{
	padding-top:3px;
}

.naturalsCompare td.bimg{
	padding:0px;
}

.naturalsCompare td.title{
	text-align:center;
	font-size:22px;
}

.naturalsCompare td.headline{
	text-align:center;
	color:#728957;
	font-weight:bold;
	font-size:14px;
	width:100%;
}

.hydrate{ 
	background:#b7cacb;
	color:#00525e;
}
.renew { 
	background:#dabfc9;
	color:#523f3b;
	
}
.soothe { 
	background:#efe1d5;
	color:#99744c;
}

.hydrate a{ 
	color:#00525e;
	font-weight:bold;
}
.renew a { 
	color:#523f3b;
	font-weight:bold;
}
.soothe a { 
	color:#99744c;
	font-weight:bold;
}

.hydrate a:hover{ 
	text-decoration:none;
}
.renew a:hover{ 
	text-decoration:none;
}
.soothe a:hover { 
	text-decoration:none;
}