/* Reset All Styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

:focus{
	outline: none;
	-moz-outline-style: none;
}

a:active { outline: 0; }
a:focus { -moz-outline-style: none; }

body{
	line-height: 1;
	overflow-y:scroll;
}

*:first-child+html body{overflow:visible;}
* html body{overflow:visible;}

ol, ul { list-style: none; }

table{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*End Reset */

#container{
	width:100%;
	position:relative;
	height:100%;
	overflow: visible;
}

#left_shadow, #right_shadow{
	position:fixed;
	background: url(/usa/images/common/left_shadow.png) repeat-y top left;
	bottom:0; 
	z-index:100;
	width:27px;
	height:100%;
}

#right_shadow{
	background: url(/usa/images/common/right_shadow.png) repeat-y top left;
	right:0;
}

/* for ie 6 */
* html #left_shadow, * html #right_shadow{display:none;}

/* header styles - START */
#header{
	background: transparent url(/usa/images/common/top_bg.jpg) repeat-x top left;
}	

#logo{
	font-size:12px;
	text-indent:-9000px;
	height:68px;
	margin:0 auto;
	width:987px;
	background: transparent url(/usa/images/common/logo.gif) no-repeat top left;
}

#logo a{
	display:block;
	width:125px;
	height:100%;
}

#header ul.global_nav{
	width:967px;
	margin:0 auto;
	overflow:hidden;	
}

#header ul li{
	float:left;
	display:inline;
	height:34px;
	text-indent:-9000px;
	overflow:hidden;
}

#header ul li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}

#container #header ul.global_nav li ul li a{
	background-image:none;
}

ul li#homeNav, li#homeNav a.active{
	width:85px;
	margin-right:-3px;
	background: url(/usa/images/common/home_over.gif) no-repeat 0px 0px;
}

ul li#globalNav_1, li#globalNav_1 a.active{
	width:167px;
	background: url(/usa/images/common/skin_preservation_over.gif) no-repeat 0px 0px;
}

ul li#globalNav_2, li#globalNav_2 a.active{
	width:157px;
	background: url(/usa/images/common/daily_recharging_over.gif) no-repeat 0px 0px;
}

ul li#globalNav_3, li#globalNav_3 a.active{
	width:190px;
	background: url(/usa/images/common/complexion_clearing_over.gif) no-repeat 0px 0px;
}

ul li#globalNav_4, li#globalNav_4 a.active{
	width:119px;
	margin-right:-3px;
	background: url(/usa/images/common/pore_strips_over.gif) no-repeat 0px 0px;
}

li#homeNav a{background: url(/usa/images/common/home.gif) no-repeat 0px 0px;}
li#globalNav_1 a{background: url(/usa/images/common/skin_preservation.gif) no-repeat 0px 0px;}
li#globalNav_2 a{background: url(/usa/images/common/daily_recharging.gif) no-repeat 0px 0px;}
li#globalNav_3 a{background: url(/usa/images/common/complexion_clearing.gif) no-repeat 0px 0px;}
li#globalNav_4 a{background: url(/usa/images/common/pore_strips.gif) no-repeat 0px 0px;}

#secondary_nav{
	margin:0 auto;
	position:relative;
	width:930px;
	padding-left:37px;
}

#secondary_nav li{
	position:absolute;
	top:-67px;
}

li#secondaryNav1, #products.landing li#secondaryNav1 a{
	background: url(/usa/images/common/all_products_over.gif) no-repeat top left;
	width:111px;
	left:550px;
}

li#secondaryNav2, #profiler li#secondaryNav2 a{
	left:662px;
	background: url(/usa/images/common/pore_profiler_over.gif) no-repeat top left;
	width:111px;
}

ul li#secondaryNav3{
	background: url(/usa/images/common/bubble_in_the_know_over.gif) no-repeat top left;
	width:161px;
	padding:14px;
	left:773px;
	height:45px;
	top:-79px;
}

li#secondaryNav1 a{background: url(/usa/images/common/all_products.gif) no-repeat top left;}
li#secondaryNav2 a{background: url(/usa/images/common/pore_profiler.gif) no-repeat top left;}
li#secondaryNav3 a{background: url(/usa/images/common/bubble_in_the_know.gif) no-repeat top left;}
ul#secondary_nav li a:hover{background-image:none;}

/* subnav styles */
#header .subnav{
	position:absolute;
	top:102px;
	width:100%;
	left:0;
	z-index:20;
	display:none;
}

#header .subnav ul{
	width:967px;
	margin:0 auto;	
}

#container #header .subnav li{
	overflow:visible; 
	height:140px;
	float:left;
	text-indent:0;
	width:120px;
	text-align:center;
}

html > body #container #header .subnav li{
	width:auto;
	min-width:110px;
}

#header .subnav li a{
	height:135px;	
	color:#888888;
	font-size:10px;
	width:auto;
	text-decoration:none;
	padding-top:5px;
	/*padding:5px 15px 0 12px;*/
}

#header li#globalNav_1 .subnav li a:hover, 
#header li#globalNav_1 .subnav li a.active{
	color:#00798f; 
	background: transparent url(/usa/images/common/global-subnav-SP-gradient.jpg) no-repeat top left;
}

#header li#globalNav_2 .subnav li a:hover, 
#header li#globalNav_2 .subnav li a.active{
	color:#7674bf; 
	background: transparent url(/usa/images/common/global-subnav-DR-gradient.jpg) no-repeat top left;
}

#header li#globalNav_3 .subnav li a:hover, 
#header li#globalNav_3 .subnav li a.active{
	color:#2f9888; 
	background: transparent url(/usa/images/common/global-subnav-CC-gradient.jpg) no-repeat top left;
}

#header li#globalNav_4 .subnav li a:hover, 
#header li#globalNav_4 .subnav li a.active{
	color:#cc7ab3; 
	background: transparent url(/usa/images/common/global-subnav-PS-gradient.jpg) no-repeat top left;
}

#header .subnav li a img{
	display:block;
	margin:0px 14px 0 14px;
}

* html #header .subnav li a img{
	margin:0;	
}

/* ie 6 hacks */
* html #header .subnav li a img{behavior: url(/usa/includes/pngbehavior.htc);}
* html #header .subnav{width: expression(parseInt(document.body.offsetWidth) + 'px');}

#placeholder_nav{
	height:0px;
	display:none;
	width:100%;	
}

#header #subnav1{background: url(/usa/images/common/sp_subnav_bg.jpg) repeat-x top left;}
#header #subnav2{background: url(/usa/images/common/dr_subnav_bg.jpg) repeat-x top left;}
#header #subnav3{background: url(/usa/images/common/cc_subnav_bg.jpg) repeat-x top left;}
#header #subnav4{background: url(/usa/images/common/ps_subnav_bg.jpg) repeat-x top left;}

/* header styles - END */
/* footer styles - START */
#footer{
	background: url(/usa/images/common/footer_bg.jpg) repeat-x top left;
	height:63px;
	color:#fff;
	padding-top:28px;
}

#footer ul{
	width:930px;
	margin:0 auto;
	padding-left:37px;
	overflow:hidden;	
	position:relative;
}

#footer ul li{
	float:left;
	display:inline;
	margin-right:50px;
}

#footer ul li#copyright{
	position:absolute;
	right:0;
}

#footer ul li a{
	color:#fff;
	font-size:10px;
}

#footer ul li a:hover{
	text-decoration:none;
}
/* footer styles - END */
/* middle styles - START */

#middle{
	width:100%;
	height:500px;
	background: #fff url(/usa/images/common/middle_bg.jpg) repeat-x top left;
}

html > body #middle{
	height:auto;
	min-height:500px;	
}

#middle_content{
	width:967px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}

#home #middle{
	height:520px;
	background: url(/usa/images/home/middle_bg.jpg) repeat-x top left;
}

#home #middle_content{
	height:100%;
	background: url(/usa/images/home/home_bg.jpg) no-repeat top left;
}

#home #learn_more{
	text-indent:-9000px;
	height:75px;
	position:relative;
	z-index:-3;
	margin:81px 0 0 42px;
	width:300px;	
	background: url(/usa/images/home/learn_about_h.gif) no-repeat top left;
}

/* middle styles - END */
/* bottom promo styles - START */
#promos{
	width:960px;	
	position:absolute;
	top:380px;
	z-index:45;
}

#promos div{
	float:left;
	width:180px;
	padding:50px 0 0 140px;
	height:70px;
	margin-right:0px;
	display:inline;
	position:relative;
	z-index:45;
}

#promos div img{
	position:absolute;
	left:0;
	z-index:45;
	top:0;
}

* html #promos div img{behavior: url(/usa/includes/pngbehavior.htc);}

div#promos.higherLayer div{z-index:200;}

#promos div a{
	color:#009ddb;
	text-decoration:none;
	font:14px/17px arial, sans-serif;
	display:block;
	padding-left:12px;
	background-color: #FFFFFF;
}

#promos div a:hover{text-decoration:underline;}

#promo3{margin:0;}

/* overlay styles */
#nav-overlay{   
	position:absolute;
   /* top:102;*/
    top:242px;
    left:0;
    width:100%;
    z-index:5000;   
    background-color:#000;
	-moz-opacity: 0;
    opacity:0;
	display:none;
    filter: alpha(opacity=0); 
}


body #nav-overlay.macFirefox{
	opacity:1;
	-moz-opacity: 1;
	display:none;
	background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmJgYGgACDAAAI8Ag+R3NvwAAAAASUVORK5CYII=);
}