@charset "UTF-8";
/* CSS Document */

body
{
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	text-align: center;
	background: url(images/NairGradient.jpg) repeat-x;
}

#containter {
	width:730px;
	margin: 0 auto;
	text-align: left;
}

#content {
	width:750px;
	background: url(images/nairCare_mainBG.jpg) no-repeat;
	float:left;
}

#whatsNew{
	padding-top: 20px;
	margin-left: 180px;
	padding-right:10px;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
}

#whatsNew table{
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
}
.QA{
	padding-right:5px;
	padding-left:5px;
	padding-top:8px;
	padding-bottom:8px;
}
a:link {
	color: #2862a6;
	text-decoration:none;
	}     /* unvisited link */
a:visited {
	color: #2862a6;
	text-decoration:none;
	}  /* visited link */
a:hover {
	color: #2862a6;
	text-decoration:underline;
	}   /* mouse over link */
a:active {
	color: #2862a6;
	text-decoration:none;
	}   /* selected link */

a.whyLink:link {
	color: #ec068d;
	font-size:13px;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	display:block;
	
}
a.whyLink:visited {
	color: #ec068d;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	display:block;
}
a.whyLink:hover {
	color: #ec068d;
	text-decoration:underline;
	padding-top:8px;
	padding-bottom:8px;
	display:block;
}
a.whyLink:active {
	color: #ec068d;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	display:block;
}

.navContent
{
	float:left;
	line-height: 11px;
	color:#ffffff;
	width: 150px;
	text-align:left;
	margin-left:8px;
	margin-top:5px;
}
.navContent img {
	padding-top:2px;
	padding-bottom:2px;
}

.nairtip
{
	line-height: 14px;
	width: 150px;
	color:#ffffff;
	font-family:Arial,san-serif;
	font-size:12px;
}

.contentImage
{
   	float: left;
	margin-left: 29px;	
}
.headerTitle
{
	float: left;
	margin-top:55px;
}

.main
{
	font-family: Arial,Verdana;
	line-height: 14px;
	font-size:12px;
	font-weight:normal;
	float:left;
	color:#333333;
	text-align:left;
	width:270px;
	padding-top: 10px;
	padding-right: 10px;

}

#content_challenge {
	background: url(images/nairCare_ChallengeBG.jpg) no-repeat;
	float:left;
	font-family: Arial,Verdana;
	line-height: 14px;
	font-size:12px;
	font-weight:normal;
 	text-align:left;
	width:800px;
	padding-top: 0px;
	padding-right: 10px;
}
.challengeCopy
{
    float:left;
    margin-left:200px;
    width:280px;
    padding-top:15px
}
.smoothCopy
{
    float:left;
    margin-left:77px;
    width:222px;
    padding-top:0px		
}
#footer_challenge
{
    background: url(images/footer/nairCare_InsideFooter.gif) no-repeat;
	width: 730px;
	height: 35px;
	margin-left: 0px;
	clear:left;
}
#smooth {
	width:303px;
	height:253px;
	background: url(images/nc_smooth.jpg) no-repeat;
	background-color:#ffffff;
	float:left;
}
#containter {
	width:720px;
	margin: 0 auto;
	text-align: left;
}
#blueBTN{
	padding-top:5px;
	text-align:left;
	float:left;
}
#WhyNair_Blue{
	padding-top:5px;
	padding-bottom:10px;
	text-align:left;
}
.register
{
	color:#000000;
	font-family:Arial,sans-serif;
	position: relative;
	float:left;
	top: 20px;
	left: 45px;
	width: 500px;
}

.contentImageProduct
{
	top: 9em;
	left: 645px;
	
	
}
.title
{
	position: relative;
   	top: -65px;
	padding-left: 200px;
	padding-bottom: 5px;
	}
	
.title2{
	float:left;
	position: relative;
	text-align:left;
	}
	
.title3
{
	position: relative;
   	top: -65px;
	padding-left: 200px;
	padding-bottom: 5px;
	left: -120px
	}
#purchase{
	font-family:Arial,san-serif;
	font-size:10px;
	background-color:#e5eef6;
}
.purchaseCopy{
	padding:3px;
}
#purchaseBTN{
	padding-top:3px;
	padding-right:4px;
	float:right;	
}


/*==================================+ Home Page FOOTER +====================================*/

#footerHome
{
    background: url(images/footer/nairCare_footer.gif) no-repeat;
	width: 730px;
	height: 35px;
	clear:both;
}

#footerHome a:link {
	color:#ffffff;
	font-size:9px;
	text-decoration :none;
	} 
#footerHome a:active {
	color:#ffffff;
	font-size:9px;
	text-decoration :none;
}
#footerHome a:hover {
	color:#ffffff;
	font-size:9px;
	text-decoration:underline;
	}
#footerHome a:visited {
	color:#ffffff;
	font-size:9px;
	text-decoration :none;
	}
.copy1{
	color:#ffffff;
	font-size:9px;
	text-decoration :none;
	text-align:left;
	padding-left:14px;
}
.copy2{
	color:#ffffff;
	font-size:9px;
	text-decoration :none;
	text-align:left;
}
.copy3{
	color:#ffffff;
	font-size:9px;
	text-decoration :none;
	text-align:right;
}
/*==================================+ Inside Page FOOTER +====================================*/

#footer
{
    background: url(images/footer/nairCare_InsideFooter.gif) no-repeat;
	width: 730px;
	height: 35px;
	clear:left;
}

#footer a:link {
	color:#ffffff;
	font-size:9px;
	text-decoration :none;
	} 
#footer a:active {
	color:#ffffff;
	font-size:9px;
	text-decoration :none;
}
#footer a:hover {
	color:#ffffff;
	font-size:9px;
	text-decoration:underline;
	}
#footer a:visited {
	color:#ffffff;
	font-size:9px;
	text-decoration :none;
	}

/*==================================+ Homepage MAIN NAV +====================================*/
.headerHome
{
	background: url(images/header/nairCare_LogoElement.jpg) no-repeat;
	color:#0B0B6D;
	font-size:9px;
	text-decoration :none;
	width: 730px;
	height: 81px;
	padding-top: 0px;
	margin-bottom: 24px;
}
#leftSide { 
		background-image: url(images/header/navElements/topnav_leftEnd.jpg);
		width: 157px;
		height: 24px;
		 }

/*==================================+ Inside Page MAIN NAV +====================================*/
.headerInside
{
    background: url(images/header/InsidePageHeader/nairCare_Inside_LogoElement.jpg) no-repeat;
	color:#0B0B6D;
	font-size:9px;
	text-decoration :none;
	width: 730px;
	height: 81px;
	_height: 105px;
	padding-top: 0px;
	padding-bottom: 24px;
	/*margin-bottom: 24px;*/


}

#navbar1 {
	height: 24px;
	width: 730px;
	top:81px;
	position: relative;
	float: left;
	}
#navbar1  li {
	list-style: none;
	height: 24px;
	float: left;
	
	}
#navbar1  li a {
	height: 24px;
	display: block;
	}
#sideNAV  li {
	list-style: none;
	float: left;
	position: relative;
}

#sideNAV  li a {
	height: 18px;
	display: block;
}
#BZ #containter .headerInside #navbar1 #bodyzone,
#Prod #containter .headerInside #navbar1 #products,
#ALL #containter .headerInside #navbar1 #seasons,
#WHY #containter .headerInside #navbar1 #why,
#QandA #containter .headerInside #navbar1 #qa,
#Wnew #containter .headerInside #navbar1 #new,
#REG #containter .headerInside #navbar1 #register {
	 background-position: 0 -24px;
}
/*==================================+ NAV ELEMENTS +====================================*/

.blueSpace {
	width: 4px;
	height: 24px;
	background-image: url(images/header/navElements/topnav_blueSpace.gif); 
}
#blueSpaceRight {
	background-image: url(images/header/navElements/topnav_rightEnd.gif);
	width: 7px;
	height: 24px;
	 }
a#homeButton { 
		background-image: url(images/header/InsidePageHeader/homeBTN.png);
		width: 157px;
		height: 24px;
		 }
a#homeButton:hover { background-position: 0 -24px; }

a#bodyzone { 
	background-image: url(images/header/navElements/topnav_bodyzones_new.gif);
	width: 84px;
	height: 24px;
	 }
a#bodyzone:hover { background-position: 0 -24px; }

a#products {
	background-image: url(images/header/navElements/topnav_products_new.gif);
	width: 72px;
	height: 24px;
	 }
a#products:hover { background-position: 0 -24px; }

a#seasons{
	background-image: url(images/header/navElements/topnav_seasons_new.gif);
	width: 126px;
	height: 24px;
	 }
a#seasons:hover { background-position: 0 -24px; }

a#why{
	background-image: url(images/header/navElements/topnav_why_new.gif);
	width: 73px;
	height: 24px;
	 }
a#why:hover { background-position: 0 -24px; }

a#qa{
	width: 39px;
	height: 24px;
	background-image: url(images/header/navElements/topnav_qa_new.gif);
	}
a#qa:hover{ background-position: 0 -24px; }

a#new{
	background-image: url(images/header/navElements/topnav_whatsnew_new.gif);
	width: 81px;
	height: 24px; }
a#new:hover { background-position: 0 -24px; }

a#register{ 
	background-image: url(images/header/navElements/topnav_register_new.gif);
	width: 63px;
	height: 24px;
	 }
a#register:hover { background-position: 0 -24px; }

/*==================================+ Body Zones SIDE NAV +====================================*/	



a#body {
	background-image: url(images/bodyzone/Side_Nav/bodyZones_body.png);
	width: 130px;
	height: 36px;
	}
a#body:hover {
	background-position: 0 -18px;
	}
#body1 {
	background-image: url(images/bodyzone/Side_Nav/bodyZones_body.png);
	width: 130px;
	height: 36px;
	background-position: 0 -18px;
		}


a#bikini {
	background-image: url(images/bodyzone/Side_Nav/bodyZones_bikini.png);
	width: 130px;
	height: 36px;
	}
a#bikini:hover {
	background-position: 0 -18px;
	}
#bikini1 {
	background-image: url(images/bodyzone/Side_Nav/bodyZones_bikini.png);
	width: 130px;
	height: 36px;
	background-position: 0 -18px;
		}


a#face {
	background-image: url(images/bodyzone/Side_Nav/bodyZones_face.png);
	width: 130px;
	height: 36px;
	}
a#face:hover {
	background-position: 0 -18px;
	}
#face1 {
	background-image: url(images/bodyzone/Side_Nav/bodyZones_face.png);
	width: 130px;
	height: 36px;
	background-position: 0 -18px;
	}
	
	
a#legs {
	background-image: url(images/bodyzone/Side_Nav/bodyZones_legs.png);
	width: 130px;
	height: 36px;
	}
a#legs:hover {
	background-position: 0 -18px;
	}
#legs1 {
	background-image: url(images/bodyzone/Side_Nav/bodyZones_legs.png);
	width: 130px;
	height: 36px;
	background-position: 0 -18px;
	}


	/*==================================+ QA SIDE NAV +====================================*/

	a#qa_lotion {
		background-image: url(images/quanda/Side_Nav/lotioncream_title.png);
		width: 130px;
		height: 36px;
		}
	a#qa_lotion:hover {
		background-position: 0 -18px;
		}
	#qa_lotion1{
		background-image: url(images/quanda/Side_Nav/lotioncream_title.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
	}


	a#qa_wax {
		background-image: url(images/quanda/Side_Nav/wax_title.png);
		width: 130px;
		height: 36px;
		}
	a#qa_wax:hover {
		background-position: 0 -18px;
		}
	#qa_wax1{
		background-image: url(images/quanda/Side_Nav/wax_title.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
	}


	a#qa_sens {
		background-image: url(images/quanda/Side_Nav/sens_formula_title.png);
		width: 130px;
		height: 36px;
		}
	a#qa_sens:hover {
		background-position: 0 -18px;
		}
	#qa_sens1{
		background-image: url(images/quanda/Side_Nav/sens_formula_title.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
	}
	
		
	a#qa_wtb {
		background-image: url(images/quanda/Side_Nav/wtb_title.png);
		width: 130px;
		height: 36px;
		}
	a#qa_wtb:hover {
		background-position: 0 -18px;
		}
	#qa_wtb1{
		background-image: url(images/quanda/Side_Nav/wtb_title.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}

/*==================================+ Nair 4 All Seasons SIDE NAV +====================================*/

a#autumn {
	background-image: url(images/seasons/Side_Nav/Autumn_sub.png);
	width: 130px;
	height: 36px;
	}
a#autumn:hover {
	background-position: 0 -18px;
	}
	#autumn1 {
		background-image: url(images/seasons/Side_Nav/Autumn_sub.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}

a#summer {
	background-image: url(images/seasons/Side_Nav/Summer_sub.png);
	width: 130px;
	height: 36px;
	}
a#summer:hover {
	background-position: 0 -18px;
	}
	#summer1 {
		background-image: url(images/seasons/Side_Nav/Summer_sub.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}

a#spring {
	background-image: url(images/seasons/Side_Nav/Spring_sub.png);
	width: 130px;
	height: 36px;
	}
a#spring:hover {
	background-position: 0 -18px;
	}
	#spring1 {
		background-image: url(images/seasons/Side_Nav/Spring_sub.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}
	
a#winter {
	background-image: url(images/seasons/Side_Nav/Winter_sub.png);
	width: 130px;
	height: 36px;
	}
a#winter:hover {
	background-position: 0 -18px;
	}
#winter1 {
	background-image: url(images/seasons/Side_Nav/Winter_sub.png);
	width: 130px;
	height: 36px;
	background-position: 0 -18px;
	}

/*==================================+ Products Seasons SIDE NAV +====================================*/

a#exfol {
	background-image: url(images/products/Side_Nav/exfoliator.png);
	width: 130px;
	height: 36px;
	}
a#exfol:hover {
	background-position: 0 -18px; 
	}
	#exfol1 {
		background-image: url(images/products/Side_Nav/exfoliator.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px; 
		}


a#lotion {
	background-image: url(images/products/Side_Nav/lotions.png);
	width: 130px;
	height: 36px;
	}
a#lotion:hover {
	background-position: 0 -18px; 
	}
	#lotion1 {
		background-image: url(images/products/Side_Nav/lotions.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px; 
		}


a#showerpower {
	background-image: url(images/products/Side_Nav/showerpower.png);
	width: 130px;
	height: 36px;
	}
a#showerpower:hover {
	background-position: 0 -18px; 
	}
	#showerpower1 {
		background-image: url(images/products/Side_Nav/showerpower.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px; 
		}


a#soothingwax {
	background-image: url(images/products/Side_Nav/soothingwax.png);
	width: 130px;
	height: 36px;
	}
a#soothingwax:hover {
	background-position: 0 -18px;
	}
	#soothingwax1 {
		background-image: url(images/products/Side_Nav/soothingwax.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}


a#salondivine {
	background-image: url(images/products/Side_Nav/salondivine.png);
	width: 130px;
	height: 36px;
	}
a#salondivine:hover {
	background-position: 0 -18px;
	}
	#salondivine1 {
		background-image: url(images/products/Side_Nav/salondivine.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}
	

a#facewax {
	background-image: url(images/products/Side_Nav/facewax.png);
	width: 130px;
	height: 36px;
	}
a#facewax:hover {
	background-position: 0 -18px;
	}
	#facewax1 {
		background-image: url(images/products/Side_Nav/facewax.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}


a#microwax {
	background-image: url(images/products/Side_Nav/microwax.png);
	width: 130px;
	height: 36px;
	}
a#microwax:hover {
	background-position: 0 -18px;
	}
	#microwax1 {
		background-image: url(images/products/Side_Nav/microwax.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}


a#bikinicream {
	background-image: url(images/products/Side_Nav/bikinicream.png);
	width: 130px;
	height: 36px;
	}
a#bikinicream:hover {
	background-position: 0 -18px;
	}
	#bikinicream1 {
		background-image: url(images/products/Side_Nav/bikinicream.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}


a#facecream {
	background-image: url(images/products/Side_Nav/facecream.png);
	width: 130px;
	height: 36px;
	}
a#facecream:hover {
	background-position: 0 -18px;
	}
	#facecream1 {
		background-image: url(images/products/Side_Nav/facecream.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}


a#upperlipcream {
	background-image: url(images/products/Side_Nav/upperlipcream.png);
	width: 130px;
	height: 36px;
	}
a#upperlipcream:hover {
	background-position: 0 -18px;
	}
	#upperlipcream1 {
		background-image: url(images/products/Side_Nav/upperlipcream.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}


a#sensitiveformula {
	background-image: url(images/products/Side_Nav/sensitiveformula.png);
	width: 130px;
	height: 36px;
	}
a#sensitiveformula:hover {
	background-position: 0 -18px;
	}
	#sensitiveformula1 {
		background-image: url(images/products/Side_Nav/sensitiveformula.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}


a#lastingresults {
	background-image: url(images/products/Side_Nav/lastingresults.png);
	width: 130px;
	height: 36px;
	}
a#lastingresults:hover {
	background-position: 0 -18px;
	}
	#lastingresults1 {
		background-image: url(images/products/Side_Nav/lastingresults.png);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}

a#silkysensations {
	background-image: url(images/products/Side_Nav/silky_sensations.gif);
	width: 130px;
	height: 36px;
	}
a#silkysensations:hover {
	background-position: 0 -18px;
	}
	#silkysensations1 {
		background-image: url(images/products/Side_Nav/silky_sensations.gif);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}

a#naturallysmooth {
	background-image: url(images/products/Side_Nav/smooth.gif);
	width: 130px;
	height: 36px;
	}
a#naturallysmooth:hover {
	background-position: 0 -18px;
	}
	#naturallysmooth1 {
		background-image: url(images/products/Side_Nav/smooth.gif);
		width: 130px;
		height: 36px;
		background-position: 0 -18px;
		}



a#formen {
	background-image: url(images/products/Side_Nav/nairMen.png);
	width: 130px;
	height: 36px;
	}
a#formen:hover {
	background-position: 0 -18px;
	}
	
a#storelocator {
	background-image: url(images/products/Side_Nav/storeLocator.png);
	width: 130px;
	height: 36px;
	}
a#storelocator:hover {
	background-position: 0 -18px;
	}

a#shopping {
	background-image: url(images/products/Side_Nav/shoppingCart.png);
	width: 130px;
	height: 36px;
	}
a#shopping:hover {
	background-position: 0 -18px;
	}