/*
	RESET AND BASICS
*/

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



	background-color: #000;
	background-image: url("images/bg.jpg");
	background-position: top center; 
	background-repeat: no-repeat;
	padding: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 15px;


	}


	
a, a:visited						{ text-decoration: none; outline: none; color: #003366; }
a:hover								{ color: #2e2e2e; }
a img								{ border: none; }
img									{ vertical-align: middle; }
.clear								{ clear: both; }
fieldset							{ border: none; }

.alignCenter						{ text-align: center; }
.floatLeft							{ float: left; }
.floatRight							{ float: right; }



/*
	GENERAL TYPOGRAPHY
*/
h2, h3, h5					{ font-family: georgia, verdana, arial, sans-serif;font-weight: normal; margin: 5px 0px 15px 0px }
h2									{ font-size: 32px; line-height: 34px; }
h2 a, h2 a:visited					{ color: #2e2e2e; }
h2 a:hover							{ color: #fe4902; border-bottom: 1px dotted #2e2e2e; }
h3									{ font-size: 18px; line-height: 20px; margin: 15px 0px 15px 0px;}
h4									{ font-family: verdana, arial, sans-serif; font-weight: bold; color: #003366; font-size: 24px; line-height: 28px;margin-top: 25px; margin-bottom: 15px; }
h4 a, h4 a:visited					{ color: #2e2e2e; }
h4 a:hover							{ color: #fe4902; border-bottom: 1px dotted #2e2e2e; }
h5									{ font-size: 12px; font-weight: bold; margin: 5px 0px 5px 0px;}
p, dd							{ 
									  margin: 0 0 15px 0; }
td, th                              { font: 12px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif;
                                       }

table								{margin-top: 15px; margin-bottom: 25px; }                                       

blockquote							{ border-left: 10px solid #ccc; padding: 0 0 0 10px; }
blockquote, blockquote p            { font: italic 13px/18px "Lucida Sans", "Lucida Grande", Arial, Helvetica, Sans-Serif; }	


						  

#skncontainer {

width: 1005px;
overflow: hidden;
margin: 0px auto 40px auto;
display:block;
}

#skntop {

width: 1005px;
height: 194px;
background-image: url("images/top.png");
background-repeat: no-repeat;
}


#skntopleft {

width: 335px;
height: 194px;
display: block;
float: left;
}


.home a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:53px;
 	height:52px;
 	margin: 135px 0px 0px 275px;
 	background: url("images/home.png") 0 0 no-repeat;


 }

.home a:hover {
 background: url("images/home.png") 0 0 no-repeat;
 background-position: -54px 0;
 }



#skntopright {

width: 670px;
height: 194px;
display: block;
float: left;
}


.checkout a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:210px;
 	height:34px;
 	margin: 155px 0px 0px 407px;
 	background: url("images/checkout.jpg") 0 0 no-repeat;


 }

.checkout a:hover {
 background: url("images/checkout.jpg") 0 0 no-repeat;
 background-position: -210px 0;
 }
 

#topmenu {

width: 983px;
height: 22px;

background-image: url("images/topmenubg.png");
background-repeat: no-repeat;
}


#topmenuc {

width: 908px;
height: 22px;
margin: 0px auto 0px 48px;

}



#midmenu {

width: 1005px;
height: 35px;
background-image: url("images/midmenubg.png");
background-repeat: no-repeat;

}


#midmenuc {
width: 960px;
height: 35px;
margin-left: 22px;
}

#themenu {

width: 780px;
height: 35px;
float:	left;
}


#thesearch {

width: 180px;
height: 25px;
float:	left;
padding-top: 10px;
}


#blackmenu {

width: 960px;
height: 26px;
margin: 0 0px 0 22px;
background-color: #000;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;

}

#bluemenu {

width: 960px;
height: 28px;
margin: 0 0px 0 22px;
background-color: #000;
background-image: url("images/bmenubg.jpg");
background-repeat: repeat-x;

}


#sknmain {

width: 960px;
margin: 0 10px 0 22px;
background-color: #FFF;
overflow: hidden;
display: block;
padding-bottom: 10px;

}


#sknmainbottom {

width: 960px;
margin: 0 10px 0 22px;
background-color: #FFF;
overflow: auto;
display: block;
padding-bottom: 10px;

}

#sknmainleft {

width: 684px;

background-color: #FFF;

display: block;
float:left;
}


#sknmainleftgo {

width: 654px;
padding: 15px;
background-color: #FFF;
display: block;
overflow: hidden;
}


#sknproduct {

width: 654px;
display: block;
overflow:hidden;
}

#sknproductleft {
width:519px;
display: block;
padding-top: 35px;
padding-right: 35px;
font-size: 14px;
line-height: 19px;
overflow: hidden;
float:left;
}


#sknproductleft1 {
width:469px;
display: block;
padding-top: 35px;
padding-right: 35px;
font-size: 14px;
line-height: 19px;
overflow: hidden;
float:left;
}


#sknproductleft2 {
width:419px;
display: block;
padding-top: 35px;
padding-right: 35px;
font-size: 14px;
line-height: 19px;
overflow: hidden;
float:left;
}

#sknbread {

display: block;
width: 400px;
font-size: 12px;
line-height: 19px;
overflow: hidden;

}


#sknbread a {

font-weight: bold;


}


ul.listy {

line-height:1.2em;
list-style-type:disc;
padding-left:18px;

}


#sknproductclarisonic {
width:654px;
display: block;
overflow: hidden;
border-bottom: 1px dotted #000;
padding-bottom: 15px;
}


#sknproductclarisonicleft {
width:319px;
display: block;
padding-right: 35px;
font-size: 12px;
line-height: 15px;
overflow: hidden;
float:left;
}


#sknproductclarisonicright {
width:300px;
display: block;

font-size: 14px;
line-height: 19px;
overflow: hidden;
float:left;
}



#sknproductbuy {
text-align:right;
font-size: 18px;

}


.submit {
	margin-top: 15px;
}


.sknpressbox {
width:210px;
height: 300px;
border: 1px dotted #CCC;
display: block;
overflow: hidden;
padding: 1px;
margin-top: 5px;
margin-right: 2px;
float: left;
}


.sknvideobox {
width:210px;
height: 230px;
display: block;
overflow: hidden;
padding: 1px;
margin-top: 5px;
margin-right: 2px;
float: left;
text-align:center;
}

.sknphotobox {
width:210px;
height: 220px;
display: block;
overflow: hidden;
padding: 1px;
margin-top: 5px;
margin-right: 2px;
float: left;
text-align:center;
}



.sknvideobox img {
border: 3px double #000;

}

.sknphotobox img {
border: 1px solid #000;

}



.presshead {
width:650px;
overflow: hidden;
display: block;
padding-top: 40px;
font-family: verdana, sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: bold;

}



.sknthebox {
width:310px;
height: 215px;
border: 1px solid #CCC;
display: block;
overflow: hidden;
padding: 5px;
margin-top: 5px;
margin-right: 5px;
float: left;
}


.skntheboxtitle {
width:310px;
font-family: verdana, sans-serif;
font-weight: bold;
font-size: 15px;
color: #003366;
display: block;
margin-bottom: 10px;
}


.skntheboxtitle a:hover {
text-decoration: underline;
color:#336699;
}


.skntheboxleft {
width:100px;
display: block;
overflow: hidden;
float: left;
}


.skntheboxright {
width:200px;
display: block;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 12px;
float: left;
padding-top: 10px;
padding-left: 10px;
}


#blacktitle {
 width: 250px;
 padding-right: 10px;
 float:left;
 }

#blacklogo {
 width: 200px;
 float:left;
 } 
 

#learnmorebutton a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:77px;
 	height:23px;
 	background: url("images/learnmore.gif") 0 0 no-repeat;
 	float:left;
 	margin-right: 1px;
 }

#buynowbutton a:hover {
 background-position: -79px 0;
 }
 
 
#buynowbutton a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:77px;
 	height:23px;
 	background: url("images/buynow.gif") 0 0 no-repeat;
 	float:left;
 }

#learnmorebutton a:hover {
 background-position: -78px 0;
 } 


#outofstockbutton a:hover {
 background-position: -79px 0;
 }
 
 
#outofstockbutton a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:77px;
 	height:23px;
 	background: url("images/outofstock.gif") 0 0 no-repeat;
 	float:left;
 }
 
 
#sknalsolike {
width:654px;
display: block;
overflow: hidden;
margin-top: 25px;
}

#skncross ul {
		list-style:none;
		
		padding-left: 0px;
		margin-top: 0px;
}

#skncross li a {
	width: 210px;
	height: 100px;
	background-color:#efeded;
	display:block;	
	text-decoration:none;
	padding-top: 5px;
	margin-top: 5px;
	margin-right: 5px;
	float:left;
}


#skncross li a:hover {
background-color:#c7def5;
	color:#000;
}

#sknlabels {
width: 363px;
margin: 0px auto 0px auto;
display: block;
overflow: hidden;
margin-top: 5px;
margin-bottom: 15px;

}


#sknlabel ul {
		list-style:none;
		
		padding-left: 0px;
		margin-top: 0px;
}

#sknlabel li a {
	width: 121px;
	height: 45px;
	background-color:#FFF;
	display:block;	
	text-decoration:none;

	float:left;
}


#sknlabel li a:hover {
background-color:#eeeeee;
	color:#000;
}





#sknproductright {
width: 100px;

display: block;
overflow: hidden;
float:left;
}


#sknproductright1 {
width: 150px;

display: block;
overflow: hidden;
float:left;
}


#sknproductright2 {
width: 200px;

display: block;
overflow: hidden;
float:left;
}


#sknmainright {

width: 275px;

background-color: #FFF;
overflow: hidden;
display: block;
float:left;

}

#twit {

width: 275px;
background-color: #FFF;
overflow: hidden;
display: block;
text-align: center;
font-weight: bold;
color: #003366;
padding: 10px 0 0 0;
}


#twit1 {

width: 225px;
background-color: #FFF;
overflow: hidden;
display: block;
margin: 0px auto 0px auto;
text-align: center;
font-weight: bold;
color: #003366;
padding: 10px 0 0 0;
}


#bestsellers {

width: 275px;
background-color: #FFF;
overflow: hidden;
display: block;
margin: 3px 0 0 0;
}

#bestsellersmenu {

width: 275px;
background-color: #FFF;
overflow: hidden;
display: block;
margin: 2px 0 0 0;
}


#bottombuttons {
	width: 950px;
	display: block;
	overflow: hidden;
	margin: 35px auto 0px auto;

	}
	

#presssq a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:313px;
 	height:77px;
 	background: url("images/presssq.jpg") 0 0 no-repeat;
 	margin: 0px auto 0px auto;
 	 	float: left;
 	 	border-right: 2px solid #FFF;

 }

#presssq a:hover {
 background: url("images/presssq.jpg") 0 0 no-repeat;
 background-position: -314px 0;
 }


#shippingsq a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:313px;
 	height:77px;
 	background: url("images/shippingsq.jpg") 0 0 no-repeat;
 	margin: 0px auto 0px auto;
 	float: left;
 	border-right: 2px solid #FFF; 	

 }

#shippingsq a:hover {
 background: url("images/shippingsq.jpg") 0 0 no-repeat;
 background-position: -314px 0;
 } 
 
 
 #featuresq a:hover {
 background: url("images/featuresq.jpg") 0 0 no-repeat;
 background-position: -319px 0;
 }
 
 
#featuresq a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:318px;
 	height:77px;
 	background: url("images/featuresq.jpg") 0 0 no-repeat;
 	margin: 0px auto 0px auto;
 	 	float: left;

 }


.preview-image {
cursor:pointer;
display:block;
float:left;
height:79px;
overflow:hidden;
position:relative;
width:274px;
}
.preview-image img {
left:0;
position:absolute;
top:0;
}


#address {
	width: 960px;
	height: 105px;
	display: block;
	overflow: hidden;
	background-image: url("images/address.jpg");
	background-repeat: no-repeat;
	}
	
#address1 {
	width: 960px;

	display: block;
	overflow: hidden;
	background-image: url("images/address1.jpg");
	background-repeat: no-repeat;
	}
	
	
#addresstext {
	width: 790px;
	height: 25px;
	display: block;
	overflow: hidden;
	margin: 45px 0px 0px 175px;
	}	

#addressnav {
	width: 960px;

	display: block;
	overflow: hidden;
	font-size: 10px;
	text-align:center;
	}	
	
/* contact form */


.contact_form {


margin-bottom:15px;
width:550px;
overflow: hidden;
}
.contact_form input.std_input {
border:1px solid #336699;
color:#003366;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.2em;
margin-bottom:10px;
padding:3px;

}


.contact_form textarea {
border:1px solid #336699;
color:#003366;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;

line-height:1.2em;
padding:3px;

}

.contact_form p.submitbutton {
clear:both;
display:inline;
float:left;
margin-bottom:0;
margin-top:15px;
}

.contact_form p.required {
color:#000;
}

.contact_form p {
font-size: 13px;
margin-bottom:0;
vertical-align:top;
}



/***********************************************/
/*  Nav                                        */
/***********************************************/



/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_variable4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav {
	margin:0;
	list-style:none;
	font: 11px arial, sans-serif;

	position:relative;
	z-index:200;
	height:22px;
	
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;

	float:left;
}
 
#nav ul {
	padding:0;
	margin:0;
	margin-top: -4px;
	margin-left: -.5px;
	list-style:none;
	float:left;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #748797;
	border-right-color: #748797;

	border-left-color: #748797;
}


#nav ul.lasty {
	padding:0;
	margin:0;
	margin-top: -4px;
	margin-left: -97px;
	list-style:none;
	float:left;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #748797;
	border-right-color: #748797;

	border-left-color: #748797;
}



#nav li {
	float:left;
	
}
#nav li li {
	float:none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #666;
	border-left-color: #fff;
	background-color: #295280;

}
#nav li.last {border-bottom:1px solid #666;}
/* a hack for  IE6 */
* html #nav li li {float:left;}

#nav li a {
	display:block;
	float:left;
	color:#000;
	height:22px;

	line-height:22px;
	text-decoration:none;
	white-space:nowrap;
	font-weight:bold;
	text-transform: uppercase;

}

#nav .navBtn{
	background-position: top;
	text-align: center;
}



#nav .navBtn ul a:hover {

	background-color: none;
	background-repeat: repeat-x;
	background-position: top;
	
}
#nav .navBtn ul {
text-align: left;
}



#nav li li a {
	display:block;
	text-shadow: #333 0.1em 0.1em 0.1em;
	text-transform: none;
	height:20px;
	line-height:20px;
	float:none;
	padding:2px 15px 0 5px;
	font-weight:bold;
	letter-spacing:1px;

	color:#FFF;
	border-bottom: 1px solid #748797;
}


#nav li:hover {position:relative; z-index:300;}
#nav li.cssplay_hover {position:relative; z-index:300;}
#nav li.cssplay_hover a {
	color:#1C3037;	
	
}


#nav li li.cssplay_hover a {
	color:#fff;
	background-color:#A8C6D8;
	background-image: none;
}

#nav li:hover ul {left:0; top:26px; z-index:500;}
#nav li.cssplay_hover ul {left:0; top:26px; z-index:500;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */

#nav li:hover > a.navFace {
	color:#000;

	background-image: url(images/facetab.jpg);
	background-position: -75px 0;
	}
	
	
#nav li:hover > a.navBody {
	color:#000;

	background-image: url(images/bodytab.jpg);
	background-position: -75px 0;
	}
	
	
#nav li:hover > a.navEyes {
	color:#000;

	background-image: url(images/eyestab.jpg);
	background-position: -75px 0;
	}
	
#nav li:hover > a.navAcne {
	color:#000;

	background-image: url(images/acnetab.jpg);
	background-position: -75px 0;
	}	

#nav li:hover > a.navSun {
	color:#000;

	background-image: url(images/suntab.jpg);
	background-position: -75px 0;
	}		

#nav li:hover > a.navCosmetics {
	color:#000;

	background-image: url(images/cosmeticstab.jpg);
	background-position: -75px 0;
	}		

#nav li:hover > a.navAging {
	color:#000;

	background-image: url(images/agingtab.jpg);
	background-position: -90px 0;
	}
	
#nav li:hover > a.navHyper {
	color:#000;

	background-image: url(images/hypertab.jpg);
	background-position: -101px 0;
	}

#nav li:hover > a.navRosacea {
	color:#000;

	background-image: url(images/rosaceatab.jpg);
	background-position: -75px 0;
	}
	
#nav li:hover > a.navSkindetox {
	color:#000;

	background-image: url(images/skindetoxtab.jpg);
	background-position: -83px 0;
	}	

#nav li:hover > a.navDryskin {
	color:#000;

	background-image: url(images/dryskintab.jpg);
	background-position: -109px 0;
	}	
	
#nav li li:hover > a {
	color:#1C3037;
	text-shadow: #FFF 0.1em 0.1em 0.1em;
	background-color:#E2EFF4;
	background-image: none;
}


/* but IE5.x and IE6 need this lot to style the flyouts*/
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#1C3037; background-color:#E2EFF4;background-image: none;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a
{
	color:#1C3037;
	background-color:#ddd;
}

/* show next level */
#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}



#navRegister{
	background-image: url(images/menubg.jpg); width: 118px;border-right: 1px solid #FFF;
}

.navFace {

	background-image: url(images/facetab.jpg); width: 74px;
	margin-right: 1px;
	text-indent: -5000px;
}


.navBody {

	background-image: url(images/bodytab.jpg); width: 74px;
	margin-right: 1px;
	text-indent: -5000px;
}


.navEyes {

	background-image: url(images/eyestab.jpg); width: 74px;
	margin-right: 1px;
	text-indent: -5000px;
}

.navAcne {

	background-image: url(images/acnetab.jpg); width: 74px;
	margin-right: 1px;
	text-indent: -5000px;
}

.navSun {

	background-image: url(images/suntab.jpg); width: 74px;
	margin-right: 1px;
	text-indent: -5000px;
}

.navCosmetics {

	background-image: url(images/cosmeticstab.jpg); width: 74px;
	margin-right: 1px;
	text-indent: -5000px;
}

.navAging {

	background-image: url(images/agingtab.jpg); width: 89px;
	margin-right: 1px;
	text-indent: -5000px;
}

.navHyper {

	background-image: url(images/hypertab.jpg); width: 100px;
	margin-right: 1px;
	text-indent: -5000px;
}


.navRosacea {

	background-image: url(images/rosaceatab.jpg); width: 74px;
	margin-right: 1px;
	text-indent: -5000px;
}

.navSkindetox {

	background-image: url(images/skindetoxtab.jpg); width: 82px;
	margin-right: 1px;
	text-indent: -5000px;
}

.navDryskin {

	background-image: url(images/dryskintab.jpg); width: 108px;
	margin-right: 1px;
	text-indent: -5000px;
}



/* the menu */

.menu {
	margin: 0;
	padding: 0;	
	padding-top: 2px;

	list-style: none;
	width: 766px;
	height: 34px;

}
.menu li {
	padding: 0;
	margin: 0;
	height: 34px;
	list-style: none;
	background-repeat: no-repeat;
	float: left;
}
.menu li a, .menu li a:visited {
	font-family: georgia;
	font-size: 12px;
	display: block;
	text-decoration: none;
	text-indent: -9000px;
	height: 34px;
	
	background-repeat: no-repeat;
}

.menu li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
}

.about {background-image: url(images/aboutcircle.gif); width: 271px;}
.about a:hover {background-image: url(images/aboutcircle.gif); background-position: -268px 0;}

.shipping {background-image: url(images/shippingbutton.gif); width: 174px;}
.shipping a:hover {background-image: url(images/shippingbutton.gif); background-position: -173px 0;}

.contact {background-image: url(images/contactbutton.gif); width: 140px;}
.contact a:hover {background-image: url(images/contactbutton.gif); background-position: -140px 0;}

.shoppingbag {background-image: url(images/shoppingbagbutton.gif); width: 157px; border-left: 10px solid #FFF;}
.shoppingbag a:hover {background-image: url(images/shoppingbagbutton.gif); background-position: -158px 0; }


/* the black menu */

.bmenu {
	margin: 0;
	padding: 6px 0 0 0;

	list-style: none;
	width: 960px;
	height: 15px;
}
.bmenu li {
	padding: 0;
	margin: 0;
	height: 16px;
	list-style: none;
	background-repeat: no-repeat;
	float: left;
}
.bmenu li a, .bmenu li a:visited {
	font-family: arial, sans-serif;
	font-size: 12px;
	display: block;
	text-decoration: none;
	color: #FFF;
	height: 16px;
	background-repeat: no-repeat;
}

.bmenu li a:hover {
	font-family: arial, sans-serif;
	font-size: 12px;
	display: block;
	text-decoration: none;
	color: #FFFF00;
	height: 16px;
	background-repeat: no-repeat;
	text-decoration: underline;
}

.bmenu li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
}

.blackserum {width: 202px; border-right: 1px dotted #FFF; text-align:center;}
.blackserum a:hover {text-decoration: underline;color: #FFFF00;}

.bodywash {width: 88px; border-right: 1px dotted #FFF; text-align:center;}
.bodywash a:hover {text-decoration: underline;color: #FFFF00;}

.tanning {width: 73px; border-right: 1px dotted #FFF; text-align:center;}
.tanning a:hover {text-decoration: underline;color: #FFFF00;}

.specialty {width: 133px; border-right: 1px dotted #FFF; text-align:center;}
.specialty a:hover {text-decoration: underline;color: #FFFF00;}

.cleansers {width: 135px; border-right: 1px dotted #FFF; text-align:center;}
.cleansers a:hover {text-decoration: underline;color: #FFFF00;}

.pureoxygen {width: 100px; border-right: 1px dotted #FFF; text-align:center;}
.pureoxygen a:hover {text-decoration: underline;color: #FFFF00;}

.retinangel {width: 94px; border-right: 1px dotted #FFF; text-align:center;}
.retinangel a:hover {text-decoration: underline;color: #FFFF00;}

.bodymoisture {width: 127px; text-align:center;}
.bodymoisture a:hover {text-decoration: underline;color: #FFFF00;}


/* the blue menu */

.blmenu {
	margin: 0;
	padding: 7px 0 0 0;

	list-style: none;
	width: 960px;
	height: 14px;
}
.blmenu li {
	padding: 0;
	margin: 0;
	height: 16px;
	list-style: none;
	background-repeat: no-repeat;
	float: left;
}
.blmenu li a, .blmenu li a:visited {
	font-family: arial, sans-serif;
	font-size: 11px;
	display: block;
	text-decoration: none;
	color: #FFF;
	height: 16px;
	background-repeat: no-repeat;
}


.blmenu li a:hover {
	font-family: arial, sans-serif;
	font-size: 11px;
	display: block;
	text-decoration: none;
	color: #FFFF00;
	height: 16px;
	background-repeat: no-repeat;
	text-decoration: underline;
}


.blmenu li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
}

.facemoisture {width: 182px; border-right: 1px dotted #FFF; text-align:center;}
.facemoisture a:hover {text-decoration: underline; color: #FFFF00;}

.soaps {width: 52px; border-right: 1px dotted #FFF; text-align:center;}
.soaps a:hover {text-decoration: underline;color: #FFFF00;}

.revaleskin {width: 69px; border-right: 1px dotted #FFF; text-align:center;}
.revaleskin a:hover {text-decoration: underline; color: #FFFF00;}

.sunscreens {width: 83px; border-right: 1px dotted #FFF; text-align:center;}
.sunscreens a:hover {text-decoration: underline;color: #FFFF00;}

.lipplumper {width: 76px; border-right: 1px dotted #FFF; text-align:center;}
.lipplumper a:hover {text-decoration: underline;color: #FFFF00;}

.samples {width: 149px; border-right: 1px dotted #FFF; text-align:center;}
.samples a:hover {text-decoration: underline;color: #FFFF00;}

.latisse {width: 86px; border-right: 1px dotted #FFF; text-align:center;}
.latisse a:hover {text-decoration: underline;color: #FFFF00;}

.colorescience {width: 95px; border-right: 1px dotted #FFF; text-align:center;}
.colorescience a:hover {text-decoration: underline;color: #FFFF00;}

.clarisonic {width: 75px; border-right: 1px dotted #FFF; text-align:center;}
.clarisonic a:hover {text-decoration: underline;color: #FFFF00;}

.sknbucks {width: 79px; text-align:center;}
.sknbucks a:hover {text-decoration: underline;color: #FFFF00;}