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

body, td, table, li, h1, h2, h3, h4, h5, p{font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important;}
body, body.main{font-size:13px ; color:#414350; padding:0px 0px 15px 0px; margin:0;background:Transparent url(/images/en_US/products/derm_exclusive/main_top_bg.png) repeat-x;}
body, body.main{background-image:none;}


table, td{max-width:960px;}
h1, h2, h3, h4, h5, h6{font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
a img{border:none;}
.indenttext{overflow:hidden; position:relative; white-space:nowrap; text-indent:975px; background-repeat:no-repeat; display:block;}
div{position:relative;}
sup{line-height:0em; position:relative; vertical-align:0; bottom:1ex;}
.contentbg{background-color:Transparent;}
div.default{margin-top:-10px;}


td.navheaderbg{display:none;}
.navfooterbg1{background-color:#fff;}
.navfooterbg{width:960px; overflow:hidden;}
.footertextnopadding div{display:none;}
.footertextnopadding div.footer, .footertextnopadding div.footertext, .footertextnopadding div.footertextcopy{display:block; padding:0 9px; margin:0 auto;}
.footer{}
.mainLayoutTable{width:960px; overflow:hidden;}
.navfooterbg table{width:1000px;}
#content{width:960px;}

#topbar{ height:34px; position:relative; color:#414350; text-align:right;}
#topbar p{padding:5px 0; margin:0; line-height:23px;}
#topheader{height:88px; position:relative;}

#topbar  p{padding:12px 0px;}
#topbar  p img{vertical-align:middle;}
#topbar .cew{font-family:"Century Gothic", Century Gothic, Arial, Verdana, sans-serif; font-size:13px; padding:6px 0px 6px 18px; text-align:left; color:#999; border-left:1px #bbb solid; float:right; margin-left:18px; line-height:1.3em; }
#topbar .cew a{color:#999; text-decoration:none;}
#topbar .cew strong, #topbar .cew a strong{display:block; color:#ce056e;}


ul#mainnav
{padding: 0;margin: 0;color: White;position:absolute; top:40px; left:256px;}

ul#mainnav li { display: block; position:relative;float: left;height:18px; margin-right:30px;}

ul#mainnav li .line{position:absolute; height:3px; top:0; left:0; display:block; background-color:#506b9c; overflow:hidden;}
ul#mainnav li.l1{width:35px;}
ul#mainnav li.l1 a{background-image:url(/images/en_US/products/derm_exclusive/main_nav_home.png);}
ul#mainnav li.l2{width:88px;}
ul#mainnav li.l2 a{background-image:url(/images/en_US/products/derm_exclusive/main_nav_how.png);}
ul#mainnav li.l3{width:111px;}
ul#mainnav li.l3 a{background-image:url(/images/en_US/products/derm_exclusive/main_nav_photos.png);}
ul#mainnav li.l4{width:130px;}
ul#mainnav li.l4 a{background-image:url(/images/en_US/products/derm_exclusive/main_nav_compare.png);}
ul#mainnav li.l5{width:155px;}
ul#mainnav li.l5 a{background-image:url(/images/en_US/products/derm_exclusive/main_nav_mbg.png);}
ul#mainnav li.l6{width:24px; margin-right:0;}
ul#mainnav li.l6 a{background-image:url(/images/en_US/products/derm_exclusive/main_nav_faq.png);}

ul#mainnav li a{text-decoration: none;display:block;height:15px; position:absolute; top:3px; left:0px; width:100%;  background-position:0px 0px; white-space:nowrap; overflow:hidden; text-indent:500px; }
ul#mainnav li a:hover, ul#mainnav li a.active{background-position:0px -15px;}

#bottomfooter{font-size:11px; padding:1px 0px;}
#bottomfooter p{padding:0px 9px; margin:18px 0px 9px 0px;}
#bottomfooter p.contact{text-align:left; margin-bottom:0px;}
#bottomfooter p a, .footertextnopadding div.footer a,#bottomfooter p a:visited, .footertextnopadding div.footer a:visited, #bottomfooter p a:link, .footertextnopadding div.footer a:link, #bottomfooter p a:active, .footertextnopadding div.footer a:active, .footertextnopadding div.footer{ font-size:11px;color:#00c8ff; text-decoration:none; font-weight:800;}

/************ HOME ***************/

.wraphome #maincontent{height:402px; margin-bottom:8px;}
.wraphome #maincontent .mod1{ width:683px;float:left; height:402px;}
.wraphome #maincontent .mod2{ width:270px;float: right; height:402px;}
.wraphome #maincontent .mod2 h3.t1{background-image:url(/images/en_US/products/derm_exclusive/home_title_ba.png); height:83px; width:270px; margin:0; padding:0;}

#compareslide{position:absolute; width:1080px; height:250px;}
#compareslide .box{ width:270px; float:left; height:250px; cursor:pointer; }
#compareslide .box .left{position:absolute; width: 122px; height:200px; left:8px; top:27px;text-align:center;}
#compareslide .box .right{position:absolute; width: 122px; height:200px; left:138px; top:27px;text-align:center;}
#compareslide .box img.text{margin-top:8px;}

#compareslideholder{height:286px;width:270px; overflow:hidden;background-image:url(/images/en_US/products/derm_exclusive/home_slide_bg.jpg);}
#compareslideholder div.text{position:absolute; width:100%; text-align:center; top:8px;}
#compareslidenav{text-align:center; position:absolute; width:270px; top:236px;  height:45px;}
#compareslidenav .btns{margin-top:7px;}
#compareslidenav .btns a{cursor:pointer;}
#compareslidenav .btns img{margin:0 4px 0 5px;}

.wraphome #beautycircle{height:100px;background-image:url(/images/en_US/products/derm_exclusive/beautycircle_frame.png); margin-bottom:10px;}
.wraphome #beautycircle img{float:left; margin:5px 0px 0px 17px;}
.wraphome #beautycircle p{ padding:7px 0px 0px 0px; width:808px; margin:0px 0px 0px 130px; line-height:1.4em;}

.wraphome #middlecontent{height:352px; margin-bottom:12px;}
.wraphome #middlecontent .mod1{width:269px;height:352px; float:left;}
.wraphome #middlecontent .mod1 h3{width:269px; height:42px; background-image:url(/images/en_US/products/derm_exclusive/home_title_see.png); margin:0px; padding:0px;}
.wraphome #middlecontent .mod2{ width:683px;height:352px; float:right;  background-image:url(/images/en_US/products/derm_exclusive/home_mid_mod.jpg); overflow:hidden;}
.wraphome #middlecontent .mod2 h2{margin:15px 0 15px 250px; width:410px; height:55px;background-image:url(/images/en_US/products/derm_exclusive/home_title_prograde.png); padding:0;}
.wraphome #middlecontent .mod2 h3{margin:2px 0px 0px 116px; padding:0; height:20px;}
.wraphome #middlecontent .mod2 h3.t1{background-image:url(/images/en_US/products/derm_exclusive/home_arrowline_1.png);}
.wraphome #middlecontent .mod2 h3.t2{background-image:url(/images/en_US/products/derm_exclusive/home_arrowline_2.png);}
.wraphome #middlecontent .mod2 h3.t3{background-image:url(/images/en_US/products/derm_exclusive/home_arrowline_3.png);}
.wraphome #middlecontent .mod2 h3 span{display:block; position:relative; background-repeat:no-repeat; width:200px; overflow:hidden; margin-left:180px; height:20px;}
.wraphome #middlecontent .mod2 h3.t1 span{background-image:url(/images/en_US/products/derm_exclusive/home_h3_argireline.png);}
.wraphome #middlecontent .mod2 h3.t2 span{background-image:url(/images/en_US/products/derm_exclusive/home_h3_matrixyl.png);}
.wraphome #middlecontent .mod2 h3.t3 span{background-image:url(/images/en_US/products/derm_exclusive/home_h3_retinol.png);}
.wraphome #middlecontent .mod2 p{margin:0px 24px 8px 296px; line-height:1.2em;}
.wraphome #middlecontent .mod2 p strong{color:#b0245e;}
.wraphome #middlecontent .mod2 p.learnmore{text-align:right; padding:0px 10px 0 0;}

.wraphome #bottomcontent{background-image:url(/images/en_US/products/derm_exclusive/home_bottom_mod.jpg); height:435px; background-repeat:no-repeat; padding:1px 0;}
.wraphome #bottomcontent .top{margin:36px 154px 0px 69px; height:336px;}
.wraphome #bottomcontent .top h2{margin:0px; width:737px; height:45px;background-image:url(/images/en_US/products/derm_exclusive/home_title_2piece.png); padding:0;}
.wraphome #bottomcontent .top h3.t1{background-image:url(/images/en_US/products/derm_exclusive/home_h3_fillfreeze.png); height:32px;}
.wraphome #bottomcontent .top h3.t2{background-image:url(/images/en_US/products/derm_exclusive/home_h3_collaginlift.png); }
.wraphome #bottomcontent .top h3{width:340px; height:20px; margin:1em 0 .5em 0;}
.wraphome #bottomcontent .top ul{padding-left:0px; margin:8px 0px 2em 0px; list-style-type:none; position:relative;}
.wraphome #bottomcontent .top ul li{width:550px; line-height:1.3em;zoom:0; position:relative;padding-left:1.2em; background-image:url(/images/en_US/products/derm_exclusive/bullet_square.png); background-position:3px 5px; background-repeat:no-repeat;}
.wraphome #bottomcontent .prod{position:absolute; width:220px; height:340px; top:10px; left:660px;}

/*************** HOW IT WORKS ***********/

.wraphow #maincontent{}
.wraphow #maincontent h1.header{margin:0; padding:0; background-image:url(/images/en_US/products/derm_exclusive/how_title_ingredients.png); width:960px; height:55px;}
.wraphow #maincontent .main{position:relative;  height:auto !important; height:550px; min-height:550px; border-right:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid;}
#howthumbnav{width:440px; height:75px; position:absolute;right:30px; top:17px;}
#howthumbnav span {padding:20px 0px; width:46px; display:block; position:relative; float:left; margin:0px; font-size:11px; line-height:1.2em;}
#howthumbnav a {height:70px; width:66px; display:block; position:relative; float:left; margin:0px 0px 0px 12px; background-position:0px 0px;}
#howthumbnav a:hover, #howthumbnav a.active{background-position:0px -70px;}
#howthumbnav a.collagenlift{background-image:url(/images/en_US/products/derm_exclusive/how_thumb_collagenlift.png);}
#howthumbnav a.fillfreeze{background-image:url(/images/en_US/products/derm_exclusive/how_thumb_fillfreeze.png);}

.wraphow #maincontent #howslides{padding:28px 0px 28px 28px;}
.wraphow #maincontent #howslides h1{width:450px; height:40px; margin:0; padding:0; }
.wraphow #maincontent #howslides h2{font-size:14px; color:#414350; font-weight:800; margin:0; padding:0;}
.wraphow #maincontent #howslides h1.collagenlift{background-image:url(/images/en_US/products/derm_exclusive/how_title_collagenlift.png);}
.wraphow #maincontent #howslides h1.fillfreeze{background-image:url(/images/en_US/products/derm_exclusive/how_title_fillfreeze.png);}
.wraphow #maincontent #howslides hr.line{color: #e5e5e5;background-color: #e5e5e5;height: 1px;border:none;  margin:15px 0px 5px 0px;}
.wraphow #maincontent #howslides div.left{float:left; width:400px;}
.wraphow #maincontent #howslides div.right{margin:38px 0px 30px 14px; float:left; width:485px; text-align:left;}
.wraphow #maincontent #howslides div.right p span{display:block; padding-left:.8em !important; padding-left:.6em;}
.wraphow #maincontent #howslides div.right strong{color:#506b9c; text-transform:uppercase;}
.wraphow #maincontent #howslides .slide{display:none;}

/*************** REAL USER PHOTOS ***********/

.wrapphotos #maincontent{}
.wrapphotos #maincontent h1.header{margin:0px; padding:0; background-image:url(/images/en_US/products/derm_exclusive/photos_title_realwomen.png); width:960px; height:55px;}
.wrapphotos #maincontent .main{position:relative;  border-right:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid;  padding:10px 0px 0px 23px; width:935px !important; width:960px;}

.wrapphotos #maincontent .main .left{float:left; width:557px;height:440px;}
.wrapphotos #maincontent .main .left div.text1{position:absolute; left:165px; top:0px; width:235px; text-align:center; font-size:14px; font-weight:800;}
.wrapphotos #maincontent .main .left div.text2{position:absolute; left:400px; top:412px; width:150px; text-align:right; font-size:11px;}
#zoomname{position:absolute; left:5px; top:410px; width:195px; font-size:18px; font-weight:800;}
#zoompic1{position:absolute; width:275px; height:400px; top:15px; left:0;background-image:url(/images/en_US/products/derm_exclusive/photos_bigpic_before.png);}
#zoompic2{position:absolute; width:275px; height:400px; top:15px; left:282px;background-image:url(/images/en_US/products/derm_exclusive/photos_bigpic_after.png);}
#zoompic1 img, #zoompic2 img{width:245px; height:348px; position:absolute; top:16px; left:15px; cursor:crosshair;}
#zoompic1 h4, #zoompic2 h4{width:75px; height:30px; text-indent:200px; white-space:nowrap; overflow:hidden; margin:0px; padding:0px; position:absolute; bottom:10px; left:100px;}
#zoombox1, #zoombox2{width:101px; height:101px; overflow:hidden; position:absolute; top:262px !important; left:158px !important;
top:263px; left:159px;cursor:crosshair; border-top:1px #fff solid; border-left:1px #fff solid;}

#zoomboxpic1, #zoomboxpic2{width:440px; height:625px;}
#zoomboxpic1 img, #zoomboxpic2 img{top:0; left:0; position:relative; width:400px; height:625px;}



.wrapphotos #maincontent .main .right{float:left; text-align:left; width:310px; margin-left:25px; padding:40px 0px 10px 0px;}
.wrapphotos #maincontent .main .right h2.t1{background-image:url(/images/en_US/products/derm_exclusive/photos_title_instantresults.png); width:310px; height:70px;margin:0px 0px 10px 0px; padding:0;}
.wrapphotos #maincontent .main .right h3.t2{background-image:url(/images/en_US/products/derm_exclusive/photos_title_yesidtry.png); width:310px; height:50px; margin:20px 0px 0px 0px;}
.wrapphotos #maincontent .main .right h3.t3{background-image:url(/images/en_US/products/derm_exclusive/photos_title_value.png); width:310px; height:46px; margin:0px 0px;}
.wrapphotos #maincontent .main .right h3.t3 a{position:absolute; display:block; width:185px; height:20px; left:121px; top:24px;}
.wrapphotos #maincontent hr.line{color: #e5e5e5;background-color: #e5e5e5;height: 1px;border:none;  margin:15px 0px 0px 0px; clear:both; width:914px;}
.wrapphotos #middlecontent{ border-right:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid; clear:both;width:958px !important; width:960px;}

.wrapphotos #middlecontent .user{height:190px; width:230px; float:left; margin:32px 55px 30px 40px;  cursor:pointer; background-image:url(/images/en_US/products/derm_exclusive/photos_btn_magnify.png); background-position:203px 165px; background-repeat:no-repeat; padding:0; }
.wrapphotos #middlecontent .user .before, .wrapphotos #middlecontent .user .after{width:106px; height:160px; background-image:url(/images/en_US/products/derm_exclusive/photos_smallpic_bg.png); position:absolute;}
.wrapphotos #middlecontent .user .before{top:0px; left:0px;}
.wrapphotos #middlecontent .user .after{top:0px; left:120px;}
.wrapphotos #middlecontent .user .before img, .wrapphotos #middlecontent .user .after img{position:absolute; top:7px; left:7px;}
.wrapphotos #middlecontent .user .before span, .wrapphotos #middlecontent .user .after span{display:block; position:absolute; left:7px; width:94px; top:142px; text-align:center; line-height:12px; font-size:12px;}
.wrapphotos #middlecontent .user strong{display:block; position:absolute; left:5px; top:170px; width:195px; font-size:18px;}
.wrapphotos #middlecontent .last{margin-right:0px;}
.wrapphotos #middlecontent .first{margin-left:40px !important; margin-left:20px;}
.wrapphotos #middlecontent blockquote{text-align:center; padding:15px 0; margin:0 0px 0px 67px; width:830px; height:110px; background-image:url(/images/en_US/products/derm_exclusive/photos_bottom_quote.png); }


/*************** COMPARISON ***********/

.wrapcomparison #maincontent{}
.wrapcomparison #maincontent h1.header{margin:0; padding:0; background-image:url(/images/en_US/products/derm_exclusive/compare_title_compare.png); width:960px; height:55px;}
.wrapcomparison #maincontent div.top{background-image:url(/images/en_US/products/derm_exclusive/compare_title_knowfacts.jpg); width:960px; height:309px; text-align:center; padding-top:1px;}
.wrapcomparison #maincontent div.top h1{width:520px; margin: 90px auto 20px auto; height:95px;}
.wrapcomparison #maincontent div.top h2{width:520px; margin: 0px auto 0px auto; height:31px;}
.wrapcomparison #maincontent .main{position:relative;  height:auto !important; height:550px; min-height:550px; border-right:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid;}


.wrapcomparison #maincontent table td{padding:12px 15px; border-left:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; font-size:13px; line-height:1.2em;}
.wrapcomparison #maincontent table td.label{border-left:none; text-align:right; font-weight:800; font-size:15px; width:auto !important; width:120px; min-width:90px; line-height:1.1em;}
.wrapcomparison #maincontent table tr.first td.active{background-image:url(/images/en_US/products/derm_exclusive/compare_table_active_bg.png); background-repeat:repeat-x;}
.wrapcomparison #maincontent table td.active{background-color:#eaf9fd; }
.wrapcomparison #maincontent table td.head{text-align:center; background-color:#fff;}
.wrapcomparison #maincontent table td.smallprod{border-left:none; text-align:center; background-color:#fff;}
.wrapcomparison #maincontent table td.prod{border-left:none; border-bottom:none; background-color:#fff;}

.wrapcomparison #maincontent table h3{padding:0px; margin:0px auto; text-align:center;}

.wrapcomparison #maincontent table.prod1{margin:40px 40px 0 30px; border-collapse:collapse;}
.wrapcomparison #maincontent table.prod1 td.prod{padding-right:30px;}
.wrapcomparison #maincontent table h3.fillfreeze{width:144px; height:40px; background-image:url(/images/en_US/products/derm_exclusive/compare_colhead_fillfreeze.png);}
.wrapcomparison #maincontent table h3.botox{width:150px; height:40px; background-image:url(/images/en_US/products/derm_exclusive/compare_colhead_botox.png); background-position:37px 0px;}
.wrapcomparison #maincontent table h3.fillers{width:175px; height:40px; background-image:url(/images/en_US/products/derm_exclusive/compare_colhead_fillers.png);}
.wrapcomparison #maincontent table h3.collagen{width:151px; height:25px; background-image:url(/images/en_US/products/derm_exclusive/compare_colhead_collagen.png);}
.wrapcomparison #maincontent table h3.thermage{width:132px; height:26px; background-image:url(/images/en_US/products/derm_exclusive/compare_colhead_thermage.png);}

.wrapcomparison #maincontent table.prod2{margin:65px 40px 35px 30px; border-collapse:collapse;}
.wrapcomparison #maincontent table.prod2 td.prod{padding-right:40px;}
.wrapcomparison #maincontent blockquote{text-align:center; padding:15px 0; margin:0 0px 0px 68px; width:825px; height:115px; *height:145px; background-image:url(/images/en_US/products/derm_exclusive/compare_bottom_quote.png);  }

/*************** MBG ***********/

.wrapmbg #maincontent{}
.wrapmbg #maincontent h1.header{margin:0; padding:0; background-image:url(/images/en_US/products/derm_exclusive/mbg_title_mbg.png); width:960px; height:55px;}

.wrapmbg #maincontent .main{position:relative;  height:auto !important; height:475px; min-height:475px; border-right:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid;}
.wrapmbg #maincontent .main h3.t1{background-image:url(/images/en_US/products/derm_exclusive/mbg_title_try.png); width:688px ;  height:38px;margin:42px 0px 10px -247px;  float:left;}
.wrapmbg #maincontent .main span.t2{background-image:url(/images/en_US/products/derm_exclusive/mbg_title_value.png); width:400px; height:46px; margin:0px 0px;}
.wrapmbg #maincontent .main div.prod{float:left; height:470px; width:470px;}
.wrapmbg #maincontent .main div.prod img.seal{position:absolute; left:312px; top:151px;}
.wrapmbg #maincontent .main p{float:right; width:465px ; padding:0px 55px 0px 0px; margin:35px 0px 60px -40px; position:relative;}
.wrapmbg #maincontent .main p.cta{ width:400px ; padding:0px 65px 0px 0px; margin:0px 0px 60px 0px; text-align:center; }
.wrapmbg #maincontent .main p.cta a{display:block; margin-top:18px;}
.wrapmbg #bottomcontent{height:10px;background-image:url(/images/en_US/products/derm_exclusive/main_bottom_round.png); overflow:hidden;}

/*************** FAQ ***********/

.wrapfaq #maincontent{}
.wrapfaq #maincontent h1.header{margin:0; padding:0; background-image:url(/images/en_US/products/derm_exclusive/faq_title_faq.png); width:960px; height:55px;}

.wrapfaq #maincontent .main{position:relative;   border-right:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid; padding:50px;}
.wrapfaq #maincontent .main p{float:right; width:465px ; padding:0px 55px 0px 0px; margin:35px 0px 60px -40px; position:relative;}
.wrapfaq #maincontent dl{margin:0px;}
.wrapfaq #maincontent dl.links{padding:20px 0px;}
.wrapfaq #maincontent dl.body{padding:30px 0px;}
.wrapfaq #maincontent dt{color:#506b9c; font-weight:800; font-size:13px;}
.wrapfaq #maincontent dt a{color:#506b9c;text-decoration:none;}
.wrapfaq #maincontent dt a:hover{color:#414350;}
.wrapfaq #maincontent dd{margin:0px 0px 16px 0px; padding:0px;}

/*************** FAQ ***********/

.wrapabout #maincontent{}
.wrapabout #maincontent .main{ border-right:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid; padding:24px 0px 10px 0px; height:415px;}
.wrapabout #maincontent h1.header{margin:0; padding:0; background-image:url(/images/en_US/products/derm_exclusive/about_title_bringingyou.png); width:960px; height:55px;}
.wrapabout #maincontent div.left{float:left; background-image:url(/images/en_US/products/derm_exclusive/about_vertline.png); background-repeat:no-repeat; background-position:right; width:379px !important; width:473px; padding:31px 50px 0px 44px; height:384px;}
.wrapabout #maincontent div.right{padding:19px 50px 0px 38px; width:392px !important; width:480px; text-align:left; float:right;}