/* Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}

body { background: #cbcbcb; margin: 0; padding: 0; font: 62.5% verdana, arial, helvetica, sans-serif;}

blockquote { margin-bottom:20px; }
.quoter { color: #f49904 !important; padding:0; font-style:normal;}

#wrapper { width: 957px; margin: 0 auto;	position:relative; }
#header_img { border: 0; margin:0; float:left; }
a { color: #f8a21c; }
a:hover { color: #e38a00; }
a.gray { color: #444 !important; }
a.gray:hover { color: #222; }
a img {border:0}
.clear { clear: both; }
.title_img { display:block; margin-bottom: 10px; }
/* Top nav */

fieldset { margin: 20px 0; }
fieldset div { margin-bottom:10px; }
label { padding-right: 20px; }

/* Right side of nav bar */
#nav_offer { float:right !important; }
#nav_offer .topnav { width: 186px;background-position: 0 -384px; }
#nav_offer:hover .topnav { background-position: 0 -408px !important; }

/* navigation menu */
#nav { width: 957px; height: 24px; background: url(/images/nav_sprites.gif) 0 -432px repeat-x; position:relative; clear:both; z-index: 900;}
#nav sup { font-size:.9em; }
#nav li { float:left; z-index:901; }
.topnav { height:24px; background: url(/images/nav_sprites.gif) no-repeat; text-decoration:none; }
#nav a { display:block; z-index:902;position:relative; }
a span { position:absolute;left:-999em; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav ul { position:absolute;left:-999em;  background: #8c8c8c; z-index:999; width: 200px; }
#nav ul li { float:none; width:200px;z-index:903; }
#nav ul a { border-bottom: 1px dotted #7b7b7b; z-index:904;padding: 3px 12px 4px 6px;	position:relative; font: bold 1em arial, verdana, sans-serif; text-transform:uppercase; color:#FFF; text-decoration: none;}
#nav ul a:hover { background: #7b7b7b;}

#nav_new .topnav { background-position: 0 0; width:99px; }
#nav_new:hover .topnav, #nav_new.sfhover .topnav {background-position: 0 -24px !important;  }

#nav_about .topnav { width: 123px; background-position: 0 -48px;  }
#nav_about:hover .topnav,#nav_about.sfhover .topnav {background-position: 0 -72px !important;  }

#nav_face .topnav { width: 57px; background-position: 0 -96px; }
#nav_face:hover .topnav,#nav_face.sfhover .topnav { background-position: 0 -120px !important; }

#nav_body .topnav { width: 57px; background-position: 0 -144px;}
#nav_body:hover .topnav,#nav_body.sfhover .topnav {background-position: 0 -168px !important;}

#nav_results .topnav { width: 111px; background-position: 0 -192px; }
#nav_results:hover .topnav,#nav_results.sfhover .topnav { background-position: 0 -216px !important; }

#nav_reviews .topnav { width: 144px; background-position: 0 -240px; }
#nav_reviews:hover .topnav,#nav_reviews.sfhover .topnav { background-position: 0 -264px !important; }

#nav_media .topnav { width: 62px; background-position: 0 -288px; }
#nav_media:hover .topnav,#nav_media.sfhover .topnav { background-position: 0 -312px !important; }

#nav_shop .topnav { width: 90px; background-position: 0 -336px;}
#nav_shop:hover .topnav,#nav_shop.sfhover .topnav { background-position: 0 -360px !important;}


.lp_links {position:relative; list-style:none !important;}
.lp_links li {margin-bottom:10px;}
.lp_links a { display:block; height: 20px; }
#face_treatments_lp_links {top:170px;left:535px;width:365px;}
#test_results_lp_links {top:110px;left:20px;width:365px;}
#test_results_lp_links_perc { width:200px;height:350px; position:absolute; left:730px; top: 165px;}


/* Right sidebar */
#sidebar { position:absolute; top:93px;left:0; width:146px; }
#sidebar li { height:166px; position:relative; overflow:hidden}
#sidebar img { display:block; }
#sidebar a { clear:both;display:block; color: #000; font-size:.8em;text-decoration:none; background: url(/images/en/sidebar_arrow.gif) 0 5px no-repeat; padding-left: 7px; }
.sidebar_link { display:block;height: 166px;background-image:none !important; }

#content_wrapper { height: 498px; background: #fff; width:957px; }
.has_sidebar{ padding-left:146px; width: 811px !important; }
.has_sidebar #content { padding-left:20px; }

#content_img{ display:block; position:absolute; top:93px;left:0; }
#content_img img { display:block; }
/* swfobject replaces div#content with object#content. this styles only div#content and not object#content */
#content {padding:20px 40px 20px 0;color: #3f3f3f !important; font: 1.1em arial, verdana, Helvetica, sans-serif;overflow:auto; background-repeat: no-repeat !important;height:458px !important;}
#content h1 { padding: 0; margin: 0 0 15px 0; font: 1.9em "Trebuchet MS", arial, helvetica; color: #666;}
#content h1 span  {font-size: .8em; }
#content sup { font-size: .8em;vertical-align:top;}
#content h2 { color: #f49904; font-size: 1.2em; margin: 0 0 10px 0; font-weight:bold;}
#content p { margin-bottom: 15px;}
#content p.quote { font-style:italic; padding-bottom:5px;}
#content p.nobpad { padding-bottom: 0;}
#content p.tpad { padding-top: 10px;}
#content img.buy_now { border:0; margin-bottom: 20px;}
#content .prevage-orange { color: #faa520; }
#content .small { font-size: .9em; }
#content .gray { color: #888; }
#content .light-gray { color: #aaa; }
#content ul { margin:0 0 10px 15px; list-style-type: disc; }
/* For pages with a right aligned image instead of the sidebar */
/*img#right-img {position:absolute; right:0;top:93px; border: 0;}*/
em { font-style:italic; }



/*** Individual pages ***/

/* prevage-body-faq */
#content #faq { list-style: none; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #444;}
#content #faq li { margin-bottom: 5px; }
#content #faq li a { font-weight: bold; }
#faq_padding { height: 500px; }

/* store_locator */

#store_list li { width: 40%; float: left;}
.store { width: 155px; float: left; margin: 5px;  height: 100px; padding:10px 0 0 10px;}
#locator_results_status { border-bottom: 1px solid #444; padding-bottom:6px; }
.error { background:  #888; color:#fff; padding: 4px; }


/* buy-prevage */
#products { overflow:hidden; clear:both;  }
#shop_page #content_wrapper {background-image: url(/images/en/shop_left.jpg); background-repeat:no-repeat; background-position: top left;}
#shop_page #content { width: 680px; float:right; padding-right:25px;}

#shop_header { overflow:hidden; }
#shop_header ul { list-style:none; }
#shop_header li { float:right; }
#shop_page #content h1 { float:left; }
.product.top { border-top: 1px solid #cacaca; }
.product.left { border-left: 1px solid #cacaca;clear:left; }
.product { width: 200px; height: 200px; overflow:hidden; border-right: 1px solid #cacaca;border-bottom: 1px solid #cacaca; float:left;  padding: 5px 10px 0 10px;}
.product img { display:block; margin: 10px auto 0 auto;}
.product p { font-size: 9px; line-height: 11px; }
.product .buy_now {font-weight: bold; text-decoration:none; color: #f8a21c; padding-left: 4px }
.product .new {font-weight: bold; color: #f8a21c; }
.product .buy_now:hover {text-decoration:underline !important; }
.product a {text-decoration:none; color: #444}
.product span.price {font-weight: bold; padding: 0 5px;}
.product strong a {color: #444; text-decoration:none;}


.sitemap-ul { width:350px; list-style: none; padding:0;margin:0; float:left;}
.sitemap-ul li a { font-weight:bold; font-size:1em; color:#444; text-decoration:none;}
.sitemap-ul li ul {list-style:disc;}
.sitemap-ul li a:hover { text-decoration:underline;}
.sitemap-ul li ul li a { color: #f8a21c; font-weight: normal; text-decoration:none; }
.sitemap-ul li ul li a:hover { text-decoration:underline; }

#signup fieldset {border: 0; margin: 20px 0;}
#signup fieldset div { margin-bottom: 3px; clear:both; float:left;}
#signup label {display:block; width: 100px; margin-right: 4px; float:left; clear:both; }
#signup fieldset#tell-a-friend label { clear:none; }
#signup fieldset#tell-a-friend label.friend-email { width: 50px; }
#signup input { float: left; }
#signup #checkdiv label { width: auto; float: none; display:inline; }
#signup #checkdiv input { float: none; }

#unsubscribe fieldset {border: 0;}
#unsubscribe fieldset div { margin-bottom: 3px; clear:both; float:left;}
#unsubscribe label {display:block; width: 100px; margin-right: 4px; float:left; clear:both; }

/* Footer */
#footer { padding: 10px 12px; font: 10px verdana, arial, helvetica, sans-serif; }
#footer img { float: left; border: 0; }
#footer ul { list-style: none; margin: 8px 0 0 0; padding: 0; float: right; }
#footer ul li { float: left; padding-left: 6px; z-index: 40; }
#footer a { color: #666; }
#footer ul li#other-countries {	border: 0; padding-right: 4px; background: url(/images/more_countries_arrow.gif) no-repeat center right; position: relative; }
#footer ul li#other-countries a { border: 0 !important;}
#footer ul li a { color: #797979; text-decoration:none; text-transform: uppercase; border-right: 1px solid #797979; padding-right: 6px;	line-height: 8px;display:block;	}
#footer ul li a:hover { color: #FFF; }
#footer p {	font-size: 10px; clear: both; color: #FFF; text-align:right; padding-top: 6px; margin: 0;}
#footer p#language { color: #666 !important; }
#other-countries a:hover { text-decoration:none !important;	}
#other-countries ul { position:absolute; left: -999em; background: #8c8c8c; margin: 0; padding: 0; bottom: 10px; z-index: 40; height: auto; width: auto; }
#other-countries ul li { float: none; border: 0; padding: 0; }
#other-countries ul li a { display:block; padding: 2px 4px; color: #fff !important; text-transform: none !important; border-bottom: 1px dotted #ababab; position:relative; border-right: 0 !important;	line-height: 12px !important; }
#other-countries ul li a:hover { background: #616161; }
#other-countries:hover ul, #other-countries.sfhover ul { left: 10px; }

/*
.video_player { padding: 45px 0 0 125px !important;background: url(/images/gradient_bg.jpg) 0 0 no-repeat; }
.about-prevage { background: url(/images/about_prevage_bg.gif) 0 0 no-repeat; padding-left: 230px!important; width: 563px;}
.awards { background: url(/images/awards_bg.jpg) 25px 120px no-repeat;  padding-left: 230px!important; width: 563px; }
*/
#prevage_white #content { background: url(/images/en/prevage_white_bg.jpg) 0 0 no-repeat; padding-left: 230px !important; }
#prevage_body #content { background: url(/images/en/prevage_body_bg.jpg) 0 0 no-repeat; padding-left: 235px !important; }
#prevage_eye #content { background: url(/images/en/prevage_eye_bg.jpg) 0 0 no-repeat; padding-left: 230px !important; }
#prevage_night #content { background: url(/images/en/prevage_night_bg.jpg) 0 0 no-repeat; padding-left: 230px !important; }
#prevage_day #content { background: url(/images/en/prevage_day_bg.jpg) 0 0 no-repeat; padding-left: 230px !important; }
#prevage_serum #content,#store_locator #content,#store_locator_results #content {background: url(/images/en/prevage_face_treatments_bg.jpg) 0 0 no-repeat; padding-left: 230px !important; }
#prevage_face_treatments #content {background: url(/images/en/prevage_face_treatments_bg.jpg) 0 0 no-repeat;}
#about_prevage #content {background: url(/images/en/about_prevage_bg.jpg) 0 0 no-repeat;padding-left:230px;}
#customer_reviews #content {background: url(/images/en/customer_reviews_bg.jpg) 10px 10px no-repeat; padding-left: 210px;}
#prevage_body_treatment #content {background: url(/images/en/prevage_body_treatment_bg.jpg) 0 0 no-repeat;}
#test_results_prevage #content {background: url(/images/en/test_results_bg.jpg) 0 0 no-repeat;}
#whats_new #content { background: url(/images/en/whats_new_bg.jpg) 0 0 no-repeat; }
#index #content { padding:0 !important;height:500px !important; overflow:hidden }


#editorial_list { list-style:none !important; margin:0 !important; }
#editorial_list li { float:left;margin:0 40px 20px 0; }

.no_b_margin { margin-bottom:0 !important; }

object {outline:0;}

table {background: #f49904;width:540px;}
th { color: #f49904; }
th, td { background: #f6f8f5; height: 45px; text-align: center;}
td.solid-gray { background: #ccc;}
strong { font-weight:bold; }

.product_bg_link { display:block;width:205px;height:498px;position:absolute; z-index:100;top:93px;left:146px; }