/* styles.generic.css
-------------------------------------------*/

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, input, label, legend, li, ol, p, pre, th, td, ul { padding: 0; margin: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

strong { font-weight: bold; }

em { font-style: italic; }
a { outline: none; color: #8CC63F; }
a:hover { color: #000;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { min-height: 1px; height: auto !important; height: 1px; }

.column {float:left; position: relative; z-index:1; }

legend {display:none;}

body {font-family: Georgia, Times, Serif; font-size:100%; line-height:1.125em; /* 16×1.125=18 */; background: url('../images/bg.pageContainer.gif') repeat-x left top #fff;}

span.sup { font-size: 9px; position: relative; top: -4px; }
span.supGreen { font-size: 9px; position: relative; top: -11px; }
span.sup2 { font-size: 9px !important; position: relative !important; top: -4px !important; color: #4D4D4F !important; display: inline !important; }
span.sub { font-size: 9px !important; position: relative !important; top: 4px !important; color: #4D4D4F !important; display: inline !important; }
/* MAIN GRID
-------------------------------------------*/
.pageContainer {width:1000px; margin:0 auto; position: relative;}
.head {/*background:#eaf3e1;*/ height:96px !important; position:relative; z-index: 200; }
.foot { margin-top: 0;}


/* GRID ELEMENTS
-------------------------------------------*/
.foot P {font-size: 0.6em; float:left;}
.content { height: 545px !important; }

/* NAVIGATION
-------------------------------------------*/
.head ul { background:url(../images/bg.navBG.gif) repeat-y; border-bottom: 1px solid #eaf3e1; border-top: 1px solid #eaf3e1; float:right; height:19px; list-style: none; padding:10px 0 0 0; position: absolute; right: 0px; top: 63px; width:604px;  z-index: 200; }
.head ul li { float:left;  height:19px; line-height: 0.6em; *line-height:1em; position: relative; width: auto; z-index: 300;  }
.head ul li.exception a { border:none; padding: 0 6px 0 0; }
.head ul li.exception ul a { padding-left: 5px; }

.head ul li a { border-left:1px solid #000; text-indent:-9999em; clear: none; display: block; float: left; font-size: 0.8em; margin:0; padding:0 6px 0 6px; _margin-right: 0; _padding-left: 4px; position: relative; text-decoration: none; z-index: 400; *line-height:0.8em; }
.head ul li a.active { color: #8dc63f; }
.head ul li a:link, .head ul li a:visited { color: #000; }
.head ul li a:hover, .head ul li a:active { color: #8dc63f; }
/*--- HEAD NAVAGATION IMAGES --- */
li.about a {width:62px; height:10px; background:url('../images/nav.abt_us.gif') 0 bottom no-repeat;}
li.face a {width:31px; height:10px; background:url('../images/nav.face.gif') 6px bottom no-repeat;}
li.body a {width:34px; height:10px; background:url('../images/nav.body.gif') 6px bottom no-repeat;}
li.baby a {width:33px; height:10px; background:url('../images/nav.baby.gif') 6px bottom no-repeat;}
li.dr_rec a {width:125px; height:10px; background:url('../images/nav.recommended.gif') 6px bottom no-repeat;}
li.offers a {width:112px; height:10px; background:url('../images/nav.events.gif') 6px bottom no-repeat;}
li.buy a {width:96px; height:10px; background:url('../images/nav.buy.gif') 6px bottom no-repeat;}

li.about a:hover {background:url('../images/nav.abt_us.gif') 0 top no-repeat;}
li.face a:hover {background:url('../images/nav.face.gif') 6px top no-repeat;}
li.body a:hover {background:url('../images/nav.body.gif') 6px top no-repeat;}
li.baby a:hover {background:url('../images/nav.baby.gif') 6px top no-repeat;}
li.dr_rec a:hover {background:url('../images/nav.recommended.gif') 6px top no-repeat;}
li.offers a:hover {background:url('../images/nav.events.gif') 6px top no-repeat;}
li.buy a:hover {background:url('../images/nav.buy.gif') 6px top no-repeat;}


.head ul li ul { background: url('../images/bg.dropdown.png'); clear:left; display: none; float: none; height: auto; left: 0; padding: 5px; position: absolute; top: 19px; width: 260px; }
.head ul li ul li a { text-indent:0; background:none; width:auto; color: #b2adac !important;}
.head ul li:hover ul, .head ul li.sfhover ul  { display: block; }
.head ul li:hover a, .head ul li.sfhover a { color: #8dc63f;}
.head ul li ul li { clear: both; float: none; height: 26px; width: 255px; }
.head ul li ul li a { border: none; float: none; padding-left: 5px;}
.head ul li:hover ul li a, .head ul li.sfhover ul li a { color: #b2adac; display: block; float: none; height: 26px; line-height: 24px; }
.head ul li:hover ul li:hover, .head ul li.sfhover ul li:hover { background-color: #fff;}
.head ul li:hover ul li a:hover, .head ul li.sfhover ul li a:hover { color: #8dc63f !important; background-color: #fff; background-image:none; }

.foot UL {list-style: none; margin:0 50px 0 180px; float:left; display:inline;}
.foot UL LI {float:left; border-left:1px solid #a7b290; line-height:0.7em; margin:0 6px 0 0; padding:0 0 0 6px;}
.foot UL LI.exception {border:none;}
.foot UL LI A {color:#889768; text-decoration: none; font-size:0.7em;}
.foot ul li a:hover { color: #000; }

/* SCROLL BAR
-------------------------------------------*/
.Container {position: relative; width: 384px; height: 307px;}
#Scroller-1 {position: absolute; overflow: hidden; width: 384px; height: 307px;}
#Scroller-1 p {margin: 0; padding: 10px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4D4D4F;}
.Scroller-Container {position: absolute; top: 0px; left: 0px;}
#Scrollbar-Container {position: absolute; top: 0; right: -5px;}
.Scrollbar-Track {width: 16px; height: 313px; position: absolute; top: 0px; left: 4px; background: transparent url(../images/scroll_bg.gif) repeat-y center;}
.Scrollbar-Handle {cursor: pointer; position: absolute; width: 16px; height: 8px;}

/* HEADERS
-------------------------------------------*/
h1 a { display: block; width:206px; height:42px; background:url(../images/bg.phisoderm_logo.gif) no-repeat; text-indent:-9999em; position:absolute; right:11px; top:25px; z-index: 500;}
H2 {float:left; text-indent: -9999em; z-index: 100;}
H3, H4 {text-indent: -9999em;}

/* FORMS
-------------------------------------------*/
/* contactForm */
.contactForm {background:url(../images/bg.form.gif) top left no-repeat;}
.contactForm .topRight {background:url(../images/bg.form.gif) top right no-repeat; margin:0 0 0 20px;}
.contactForm .botLeft {background:url(../images/bg.form.gif) bottom left no-repeat; height:20px; position:relative;}
.contactForm .botLeft .botRight {background:url(../images/bg.form.gif) bottom right no-repeat; height:20px; width:20px; position:absolute; right:0; bottom:0;}
.contactForm UL {list-style:none; margin:0; padding:0 0 0 20px;}
.contactForm UL LI {padding:0; margin:0 0 5px 0;}
.contactForm UL LI LABEL { font-size: 13px; display:block; padding:0 10px 0 0; float:left;}
.contactForm .inputBoxL {background:url(../images/bg.input_textBox.gif) top left no-repeat; height:22px; padding:0 0 0 10px; margin:0; float:right; position:relative; right:20px;}
.contactForm .inputBoxR {background:url(../images/bg.input_textBox.gif) top right no-repeat; height:22px; padding:0 10px 0 0; position:relative; left:3px;}
.contactForm .inputBoxR INPUT {border:none; position:relative; top:2px; right:8px; background:#FFF; height: 16px;}
/* error */
.contactForm LI.error .inputBoxL {background:url(../images/bg.input_errorBox.gif) top left no-repeat;}
.contactForm LI.error .inputBoxR {background:url(../images/bg.input_errorBox.gif) top right no-repeat;}
.contactForm LI.error .inputTopL {background:url(../images/bg.textarea_errorBox.gif) top left no-repeat;}
.contactForm LI.error .inputTopL .inputTopR {background:url(../images/bg.textarea_errorBox.gif) top right no-repeat;}
.contactForm LI.error .inputTopL .inputBottomL {background:url(../images/bg.textarea_errorBox.gif) bottom left no-repeat;}
.contactForm LI.error .inputTopL .inputBottomL .inputBottomR {background:url(../images/bg.textarea_errorBox.gif) bottom right no-repeat;}
.contactForm STRONG.error {font-weight:normal; color:#bf2e92;}

.contactUs UL {list-style:none; margin:0; padding:0 0 0 20px;}
.contactUs{font-size:12px; font-style: normal; font-weight: normal; color:#555;}
.contactIntro{font-size:14px; font-style: normal; font-weight: normal; color:#555; margin-bottom:20px; margin-top:-10px;}
.contactUs ul li label{font-size:12px !important; width:90px; text-align:right; }
.contactUs ul{font-size:12px !important;}
.contactUs ul li {padding:0; margin:0 0 5px 0;}
.submitBtn2{background: url(../images/btn_submit.gif) no-repeat; border:0 !important; width:84px; height:22px; overflow:hidden; text-indent:100px; float:right; margin-top:10px;}
.quizQuestion{margin:10px 0px 0px 80px; width:400px; padding-top:10px; text-align:right;
}
.limitText{font-size:11px; line-height:12px;}
.contactUs .error{color:red;}


/* BODY CLASSES
-------------------------------------------*/
/* home */
.home .content P.caption {width:240px; padding:150px 0 0 697px; font-size: 0.9em;}
.home .content P.caption SUP {font-size: 0.6em;}
.home .content .column {}
.home .content .ads {padding:87px 0 0 0; list-style: none;}
.home .content .ads LI {float:left; text-indent: -9999em;}
.home .content .ads LI A { display:block;}
.home .content .ads LI.secret A {width:475px; height:133px; background:url(../images/img.our_secret.jpg) no-repeat left bottom;}
.home .content .ads LI.clear A {width:488px; height:133px; background:url(../images/img.clearly_better.jpg) no-repeat left bottom; margin:0 0 0 9px; position:relative; /*top:4px;*/}
#pHbalanced { position: absolute; top:65px; left: 62px; z-index: 1;}

/* about */
.about {}
.about .head H2 {background:url(../images/bg.about_trust_choice_upper.gif) no-repeat; width:301px; height:40px; position:absolute; left:54px; top:55px;}
.about .content {background:url(../images/bg.about_trust_choice_lower.gif) 24px 5px no-repeat; padding:80px 0 0 0; height: 465px !important; position: relative; z-index: 1;}
.about .content .col2 {width:358px;}
.about .content .col2 P {font-size: 13px; padding: 205px 0 0 20px; margin:0 0 34px 0;}
.about .content .col2 P SUP {font-size: 0.6em;}
.about .content .col2 UL {margin:0; padding:0; list-style:none; }
.about .content .col2 UL LI {margin:0; padding:0 0 0 12px; float:left; background:url(../images/bg.button_green.gif) top left no-repeat; height:23px; display:inline;}
.about .content .col2 UL LI.exception {margin: 0 31px; 0 37px}
.about .content .col2 UL LI A {margin:0; padding:0 12px 0 0; text-decoration: none; color:#000; background:url(../images/bg.button_green.gif) top right no-repeat; font-size: 1em; height:23px; display:block; font-size:0.9em; line-height: 1.5em; /* IE */_display:inherit; /* IE */}
#girlsFade { position: relative; z-index: 1; }

/* contact */
.contact {}
.contact .head H2 {background:url(../images/img.contact_we_love_upper.gif) no-repeat; width:163px; height:40px; position:absolute; bottom:0; left:54px;}
.contact .content {padding:114px 0 0 0; background:url(../images/img.contact_we_love_lower.gif) 26px 1px no-repeat; height: 431px !important;}
.contact .content .col1 .contactForm {width:530px; margin:0 0 0 60px;}
.contact .content .col1 UL {padding:0 10px 0 10px; margin:0;}
.contact .content .col2 {width:325px; margin: 0 0 0 30px; color: #4D4D4F; font-size: 13px;}
.contact .content H3 {color:#8cc63f; font-weight:normal; font-size:1.6em; margin:0 0 10px 0; text-indent: 0px;}
.contact .content .col2 UL LI {margin:0 0 40px 0;}
.contact .content .col2 UL LI P, .content .col2 UL LI DL { line-height:1.2em;}
.contact .content UL {list-style: none;}
.contact .contactForm .topRight H3 {padding:20px 0 12px 0;}
.contact .contactForm UL LI.email .inputBoxL, .contact .contactForm UL LI.email .inputBoxL .inputBoxR {width:360px;}
.contact .contactForm UL LI.email2 LABEL {width:150px; /*IE*/ _width:160px; *width:160px; /*IE*/}
.contact .contactForm UL LI.email2 .inputBoxL, .contact .contactForm UL LI.email2 .inputBoxL .inputBoxR {width:300px; /*IE*/ _width:290px; *width:290px; /*IE*/}
.contact .contactForm UL LI.comment TEXTAREA {border:none; position:relative; top:3px; overflow: auto; }
.contact .contactForm UL LI.comment LABEL {width:94px; height:137px; background:url(../images/img.letter.jpg) bottom left no-repeat;}
.contact .contactForm INPUT.submit {position:relative; left:290px; top:5px;}
.contact .contactForm .inputTopL {background:url(../images/bg.greenBGbox.gif) top left no-repeat; /*IE*/ _width:360px; /*IE*/ position:relative;}
.contact .contactForm .inputTopL .inputTopR {width:360px; background:url(../images/bg.greenBGbox.gif) top right no-repeat; margin:0 0 0 20px; /*IE*/ _margin:0 0 0 10px; *margin:0 0 0 10px;/*IE*/}
.contact .contactForm .inputTopL .inputBottomL {background:url(../images/bg.greenBGbox.gif) bottom left no-repeat;  height:20px; /*IE*/ width:360px;/*IE*/}
.contact .contactForm .inputTopL .inputBottomL .inputBottomR {height:20px; width:20px; position:absolute; background:url(../images/bg.greenBGbox.gif) bottom right no-repeat; right:0; bottom:0;}
.contact .contactForm .inputBoxL, .contact .contactForm .inputBoxR {width:380px;}

/* mail */
.mail {}
.mail .head H2 {background:url(../images/bg.mail_you_got_upper.jpg) no-repeat; width:212px; height:49px; position:absolute; left:54px; bottom:-5px;}
.mail .content {padding:92px 0 0 60px; background:url(../images/bg.mail_you_got_lower.jpg) 24px 0 no-repeat; height: 453px !important;}
.mail .content .contactForm UL {list-style: none; padding:20px 0 0 6px;}
.mail .content P {float:left; width:627px; font-size: 13px; line-height:1.4em; margin: 0 0 15px 0;}
.mail .content .col1 {width:537px;}
.mail .content .col2 {width:232px; background:url(../images/img.phisoderm_set.jpg) 0 50px no-repeat; height:311px; padding:50px 0 0 0; margin:0 0 0 30px;}
.mail .contactForm .inputBoxL {width:405px;}
.mail .contactForm .address .inputBoxL {width:410px;}
.mail .contactForm .city .inputBoxL, .mail .contactForm .state .inputBoxL {width:435px;}
.mail .contactForm .zip .inputBoxL {width:445px;}
.mail .contactForm .email .inputBoxL {width:385px;}
.mail .contactForm .email2 .inputBoxL {width:330px; /*IE*/ _width:325px; *width:325px; /*IE*/}
.mail .contactForm .telephone .inputBoxL {width:85px; float:left; position:relative; right:0; margin:0 10px 0 0;}
.mail .contactForm .submit {float:right; position:relative; right:20px;}

/* package */
.package {}
.package .head H2 {background:url(../images/bg.package_upper.gif) no-repeat; width:204px; height:40px; position:absolute; left:72px; bottom:0;}
.package .content {padding:92px 0 0 0; background:url(../images/bg.package_lower.gif) 74px 1px no-repeat; height: 453px !important;}
.package .content H3 {font-weight:normal; font-size:1.8em; color:#8cc63f; text-indent:0; padding:0 0 0 380px; margin:35px 0 0 0;}
.package .content H3 SUP {font-size:0.4em;}
.package embed {position: relative; z-index: 1;}

/* vintageAds */
.vintageAds {}
.vintageAds .head H2 {width:151px; height:44px; background:url(../images/bg.vintage_header.gif) no-repeat; position:absolute; left:90px; bottom:0;}
.vintageAds .content {background:url(../images/bg.ads_body.gif) no-repeat 142px 0; padding:91px 0 0 0; height: 454px !important;}
.vintageAds .content H4 {width:405px; font-size: 27px; line-height: 1.2em; font-weight:normal; color:#8cc63f; padding:142px 0 0 31px; text-indent: 0px; }
.vintageAds .content .vidBox {margin:0 0 0 60px; width:459px;}
.vintageAds .content .buttons {width:392px; list-style: none; padding-left:31px;}
.vintageAds .content .buttons LI {float:left;}
.vintageAds .content .buttons LI A {width:113px; height:34px; background:url(../images/bg.greenBox.gif) no-repeat; display: block; color:#000; text-decoration: none; font-size: 0.9em; line-height: 1.1em; text-align: center; padding-top:3px; margin:13px 13px 0 0;}
.vintageAds .content .buttons LI A SPAN {font-family: Arial; font-size:0.7em;}
.vintageAds .content col1 {}
.vintageAds .content col2 {}

/* barSoap */
.barSoap {}
.barSoap .ingredients {font-family:Verdana; font-size:0.9em;}
.barSoap .head H2 {width:303px; height:45px; background:url(../images/bg.skin_cleansing_top.jpg) no-repeat; position:absolute; left:66px; bottom:0px;}
.barSoap .content {padding:88px 0 0 0; background:url(../images/bg.bar_soap_bottom.jpg) 127px 0 no-repeat; font-size: 0.8em; height: 457px !important;}
.barSoap .content .col1 {padding:33px 0 0 6px; width:349px;}
.barSoap .content .col2 {width:278px; position:relative; padding:116px 0 0 0;}
.barSoap .content .col2 H4 {width:141px; height:93px; background:url(../images/img.100_fragrance_free.jpg) no-repeat; position:absolute; top:0; left:325px; }
.barSoap .content .col3 {padding:193px 0 0 0; width:345px; height:235px; background:url(../images/img.skin_doubCleansing_bar.jpg) no-repeat bottom right;}
.barSoap .content .col3 P {text-align:right; width:200px; font-size:0.9em; line-height:1em; padding:155px 0 0 0; /*IE*/ *line-height:1.6em; *padding:145px 0 0 0;/*IE*/}
.barSoap .copy { margin-top: 0px;}

/* erinWelch */
.erinWelch {}
.erinWelch .head h2 {background:url(../images/bg.healthy_skin_top.jpg) no-repeat; width:338px; height:32px; position:absolute; left:21px; bottom:0;}
.erinWelch .content {padding:95px 0 20px 0; background:url(../images/bg.down_science_bottom.jpg) 21px 0 no-repeat; height: 430px !important;}
.erinWelch .productImg {float:left;}
.erinWelch .copy {color: #4d4d4f; float: left; font-size:0.8em; width:560px; margin:113px 0 0 10px;}
.erinWelch .copy p {width:382px;  margin-bottom: 15px;}
.erinWelch .copy p.quote {width:560px; color:#8cc63f; font-weight:normal; font-size:1.6em; line-height:100%; text-indent: -8px; _text-indent:0; position:relative; _left:0; left:8px;}
.erinWelch .copy dl {font: 0.8em Verdana, Arial, Helvetica, sans-serif; line-height:1.4em;}
.erinWelch .copy dl dt {font-weight: bold;}
.erinWelch .copy dl dd {}

/* baby-cream */
.baby-cream {}
.baby-cream H2 {width:170px; height:42px; background:url(../images/bg.tear_free_upper.jpg) no-repeat; position:absolute; bottom:0; left:103px;;}
.baby-cream .content { padding:102px 0 0 0; background:url(../images/bg.cream_wash_lower.jpg) 51px 0 no-repeat; font-size:0.8em; height: 443px !important;}
.baby-cream .content .col1 {padding:0 0 0 164px;}
.baby-cream .content .col2 {width:645px; height: 275px; margin:0; padding:80px 0 0 2px; background:url(../images/bg.baby_cream_baby.jpg) no-repeat bottom right;}
.baby-cream .content .col2 P {width:277px;}

.baby-cream .Container {height:243px; width:293px;}
.baby-cream #Scroller-1 {height:243px; width:293px;}
.baby-cream .Scrollbar-Track {height:252px;}
.baby-cream #Scroller-1 p { font-family:Georgia,Times,Serif; font-size: 13px; }
.baby-cream #Scroller-1 ul { margin-left: 15px; }

/* question */
.question {}
.question h2 {background:url(../images/bg.complexion_top.jpg) 0 0 no-repeat; width:359px; height:37px; position:absolute; bottom:0; left:13px;}
.question .content {padding:104px 0 0 0; background:url(../images/bg.the_test_bottom.jpg) no-repeat 13px 0; height: 441px !important;}
.question .col1 {width:542px; height:392px; background:url(../images/img.girl_laptop.jpg) no-repeat 0 0;}
.question .copy {margin:20px 0 0 5px;}
.question .copy fieldset {background:url(../images/bg.green_hz_fade.jpg) repeat-y; width:361px; height:188px; position:relative; padding-bottom:26px;}
.question .copy fieldset h3 { width:361px; height:59px; margin-bottom:10px;}
.question .copy fieldset#quiz1 h3 { background:url(../images/bg.question_1.jpg) no-repeat 0 0; }
.question .copy fieldset#quiz2 h3 { background:url(../images/bg.question_2.jpg) no-repeat 0 0; }
.question .copy fieldset#quiz3 h3 { background:url(../images/bg.question_3.jpg) no-repeat 0 0; }
.question .copy fieldset#quiz4 h3 { background:url(../images/bg.question_4.jpg) no-repeat 0 0; }
.question .copy fieldset#quiz5 h3 { background:url(../images/bg.question_5.jpg) no-repeat 0 0; }
.question .copy fieldset#quiz6 h3 { background:url(../images/bg.question_6.jpg) no-repeat 0 0; }
.question .copy fieldset#quiz7 h3 { background:url(../images/bg.question_7.jpg) no-repeat 0 0; }
.question .copy fieldset#quiz8 h3 { background:url(../images/bg.question_8.jpg) no-repeat 0 0; }
.question .copy fieldset#quiz9 h3 { background:url(../images/bg.question_9.jpg) no-repeat 0 0; }
.question .copy fieldset#quiz10 h3 { background:url(../images/bg.question_10.jpg) no-repeat 0 0; }
.question .copy fieldset p {margin-left:51px;}
.question .copy fieldset ul {list-style: none; margin:0 0 0 58px; padding:0;}
.question .copy fieldset ul li { margin:0 0 5px 0; padding:0;  background:none;}
.question .copy fieldset ul li label {margin-left:5px;}
.question .copy fieldset .next {position:absolute; display:block; text-decoration: none; color:#8dc63f; bottom:-30px; right:84px; font-size: 1.2em;}

/* oilySkin */
.oilySkin {}
.oilySkin h2 {background:url(../images/bg.you_have_top.jpg) 0 0 no-repeat; width:191px; height:41px; position:absolute; bottom:0; left:97px;}
.oilySkin .content {padding:154px 0 82px 0; background:url(../images/bg.oily_skin.jpg) 100px 0 no-repeat; height: 309px !important;}
.oilySkin .content .productImg {float:left; margin-left:173px;}
.oilySkin .copy {font-size:0.8em; color:#4d4d4f; width:340px; float:left; margin:0 0 0 92px; padding:100px 0 0 0;}
.oilySkin .copy p {margin-bottom:10px;}
.oilySkin .copy ul {list-style-position: inside; color:#8dc63f;}
.oilySkin .copy ul li span {color:#4d4d4f;}

/* drySkin */
.drySkin {}
.drySkin h2 {background:url(../images/bg.you_have_top.jpg) 0 0 no-repeat; width:191px; height:41px; position:absolute; bottom:0; left:97px;}
.drySkin .content {padding:154px 0 82px 0; background:url(../images/bg.dry_skin_bottom.jpg) 55px 0 no-repeat; height: 309px !important;}
.drySkin .content .productImg {float:left; margin-left:108px;}
.drySkin .content .copy {margin:90px 0 0 88px;}

/* products */
.products {}
.products h2 {background:url(../images/bg.you_have_top.jpg) 0 0 no-repeat; width:191px; height:41px; position:absolute; bottom:0; left:97px;}
.products .content {padding:154px 0 82px 0; background:url(../images/bg.normal_skin_bottom.jpg) 57px 0 no-repeat; height: 309px !important;}
.products .content .productImg {float:left; margin-left:23px;}
.products .copy {width:340px; float:left; font-size:0.8em; margin:0 0 0 22px; padding-top:60px; color:#4d4d4f;}
.products .copy p {margin-bottom:10px;}
.products .copy ul {list-style-position: inside; color:#8dc63f;}
.products .copy ul li span {color:#4d4d4f;}

/* offers */
.offers {}
.offers h2 {background:url(../images/bg.offers_top.jpg) 0 0 no-repeat; width:106px; height:38px; position:absolute; bottom:0; left:90px;}
.offers h3 {text-indent:0; color:#8cc63f; font-weight:normal; font-size:2em; line-height:100%; margin-top:23px;}
.offers h3 .sup {top:-10px;}
.offers .content {padding:89px 0 0 0; background:url(../images/bg.events_bottom.jpg) 63px 5px no-repeat; height: 456px !important;}
.offers .col1 {margin-left:95px; display:inline;}
.offers .copy {margin:20px 0 0 30px; width:342px;}
.offers .copy IMG {margin-left:8px;}
.offers .productImg {float:left;}

/* events */
.events .productImg {float:left; margin:181px 0 0 30px;}
.events h2 {background:url(../images/bg.offers_top.jpg) 0 0 no-repeat; width:106px; height:38px; position:absolute; bottom:0; left:90px;}
.events h3 {text-indent:0; color:#8cc63f; font-weight:normal; font-size:2em; line-height:100%;}
.events h3 .sup {top:-10px;}
.events .content {padding:119px 0 25px 0; background:url(../images/bg.events_bottom.jpg) 63px 5px no-repeat; height: 401px !important;}
.events .copy {margin:203px 0 0 30px; width:342px;}
.events .col1 {margin-left:95px; display:inline; width:243px; height:376px; background:url(../images/img.phisoderm_faceWash.jpg) 0 0 no-repeat;}

/* zones */
.zones {}
.zones h2 {background:url(../images/bg.get_in_top.jpg) 0 0 no-repeat; width:114px; height:46px; position:absolute; bottom:0; left:104px;}
.zones .content {padding:110px 0 0 0; background:url(../images/bg.the_zone_bottom.jpg) 58px 0 no-repeat; height: 435px !important;}
.zones .content .productImg {float:left; margin-left:108px;}
.zones .content .copy {margin:153px 0 0 44px; width:355px;}

/* General copy styles */
.copy { color: #4d4d4f; float: left; font-size: 13px; margin-top: 171px; margin-bottom: 0; width: 299px; }
.copy p, .copy ul { margin-bottom: 15px; }
.copy p.sansserif { font-size: 11px !important;  font-family: Verdana, Arial, Helvetica, sans-serif !important; }
.copy li { background: url('../images/icn.greenDot.gif') no-repeat left 9px; list-style: none; padding-left: 8px; }

/* antiblemish */
.antiBlemish h2 { background:url('../images/bg.antiblemish.gif') no-repeat left top; height: 125px; position: absolute; left: 45px; top: 51px; width: 479px;}
.antiBlemish .productImg { float:left; margin: 92px 24px 0px 88px; padding-bottom: 0; }
.antiBlemish #Scroller-1 p { font-family:Georgia,Times,Serif; font-size: 13px; }
/* antiblemish pads */
.antiBlemish_pads h2 { background:url('../images/bg.antiblemish_pads.gif') no-repeat left top; height: 125px; position: absolute; left: 48px; top: 53px; width: 497px;}
.antiBlemish_pads .productImg { float:left; margin: 92px 24px 0px 68px; padding-bottom: 0; }
.antiBlemish_pads .copy { margin-top: 179px; }
.antiBlemish_pads .available { background: url('../images/img.available08.gif') no-repeat left top; height: 95px; left: 696px; position: absolute; top: 183px; width: 142px; }
.antiBlemish_pads #Scroller-1 p { font-family:Georgia,Times,Serif; font-size: 13px; }
.bestBeauty { background: url('../images/badge.cleaning.gif') no-repeat left top; height: 205px; left: 675px; position: absolute; text-indent: -5000em; top: 125px; width: 192px; }

/* Clarifying gel facial moistureizer */
.clarifyingmoist .productImg { float:left; margin: 92px 24px 0px 88px; padding-bottom: 0; }
.clarifyingmoist h2 { background:url('../images/bg.clarifyingmoist.gif') no-repeat left top; height: 104px; position: absolute; left: 39px; top: 54px; width: 490px;}
.clarifyingmoist .copy ul {margin-left:20px;}
.clarifyingmoist .Container {height:243px; width:320px;}
.clarifyingmoist #Scroller-1 {height:243px; width:320px;}
.clarifyingmoist .Scrollbar-Track {height:252px;}
.clarifyingmoist #Scroller-1 p { font-family:Georgia,Times,Serif; font-size: 13px; }

/* Daily moistureizer */
.dailymoist .productImg { float:left; margin: 92px 24px 0px 6px; padding-bottom: 0; }
.dailymoist h2 { background:url('../images/bg.dailymoist.gif') no-repeat left top; height: 108px; position: absolute; left: 5px; top: 51px; width: 378px;}
.dailymoist .copy ul {margin-left:20px;}
.dailymoist .Container {height:243px; width:320px;}
.dailymoist #Scroller-1 {height:243px; width:320px;}
.dailymoist .Scrollbar-Track {height:252px;}
.dailymoist #Scroller-1 p { font-family:Georgia,Times,Serif; font-size: 13px; }

/* Deep cleaning */
.deepclean .productImg { float:left; margin: 85px 21px 0px 105px; padding-bottom: 0; }
.deepclean h2 { background:url('../images/bg.deepclean.gif') no-repeat left top; height: 107px; position: absolute; left: 5px; top: 51px; width: 500px;}
.
/* faq */
.faq .content { }
.faq h2 { background:url('../images/bg.faqs.gif') no-repeat left top; height: 115px; position: absolute; left: 81px; top: 48px; width: 284px;}
.faq .copy { width: 530px; margin-top: 91px; margin-left: 334px; _margin-left: 170px; }
.faq .copy .qa span { color: #8dc63f; display: block; font-size: 30px; line-height: 35px; }
span.normal { line-height: 1.125em; font-size:13px !important;}
.faq .copy .qa span span.sup { display: inline; font-size: 12px; position: relative; top: -11px; }
.faq .Container { width:624px;}
.faq #Scroller-1 {width:624px;}
.faq #Scroller-1 p { font-family:Georgia,Times,Serif !important; font-size: 13px; }


/* Foaming face wash */
.foamingface h2 { background:url('../images/bg.foamingface.gif') no-repeat left top; height: 125px; position: absolute; left: 40px; top: 51px; width: 479px;}
.foamingface .productImg { float:left; margin: 92px 24px 0px 110px; padding-bottom: 0; }
.foamingface .copy { margin-top: 121px; }
/* Sensitive Cream */
.sensitivecream h2 { background:url('../images/bg.sensitivecream.gif') no-repeat left top; height: 110px; position: absolute; left: 5px; top: 52px; width: 520px;}
.sensitivecream .copy { margin-top: 156px; }
.sensitivecream .productImg { float:left; margin: 92px 24px 0px 99px; padding-bottom: 0; }
.sensitivecream h4.fragrancefree { background: url('../images/img.100_fragrance_free.jpg') no-repeat left top; height: 93px; left: 696px; position: absolute; top: 183px; width: 141px; }

/* toner */
.toner h2 { background:url('../images/bg.toner.gif') no-repeat left top; height: 110px; position: absolute; left: 37px; top: 53px; width: 520px;}
.toner .productImg { float:left; margin: 92px 9px 0px 73px; padding-bottom: 0; }

/* antiblemish body */
.antiblemishbody h2 { background:url('../images/bg.antiblemishbody.gif') no-repeat left top; height: 117px; position: absolute; left: 5px; top: 56px; width: 344px;}
.antiblemishbody .productImg { float:left; margin: 92px 24px 0px 117px; padding-bottom: 0; }
.antiblemishbody .copy { margin-top: 170px; }
.antiblemishbody .copy ul {margin-left:20px;}
.antiblemishbody .Container { width:320px;}
.antiblemishbody #Scroller-1 {width:320px;}
.antiblemishbody .Scrollbar-Track {}
.antiblemishbody #Scroller-1 p { font-family:Georgia,Times,Serif; font-size: 13px; }

/* meet dr Welch */
.meet_drwelch h2 { background:url('../images/bg.meet_drwelch.gif') no-repeat left top; height: 103px; position: absolute; left: 37px; top: 54px; width: 284px;}
.meet_drwelch .productImg { float:left; margin: 81px 24px 0px 117px; }
.meet_drwelch .scroll { margin: 252px 0px 20px 24px; }
.meet_drwelch .copy { margin: 240px 0 0 0; width:500px; }
.meet_drwelch .extra { margin-top: 26px; position:relative; left:20px;}
.meet_drwelch .extra p {font: 11px Verdana, Arial, Helvetica, sans-serif;}
.meet_drwelch .Container {height:143px;}
.meet_drwelch #Scroller-1 {height:143px;}
.meet_drwelch .Scrollbar-Track {height:152px;}
.meet_drwelch #Scroller-1 p { font-family:Georgia,Times,Serif; font-size: 13px; }
/*find pHiso */
.findpHiso .copy { margin: 106px 20px 0 37px; width: 572px; }
.findpHiso .retailers { margin-bottom: 45px; }
.findpHiso .retailers li { background: none; float: left; list-style: none; margin-right: 20px; padding: 0px; }
.findpHiso .retailers li.last { margin:0; }
.findpHiso .drugstore { margin-bottom: 34px; width: 200px; }
.findpHiso .drugstore span { display: block; float: left; padding-right: 10px; }
.findpHiso .drugstore a { background: url('../images/logo.drugstore.gif'); display: block; float: left; height: 22px; text-indent: -5000em; width: 89px; }
.findpHiso .col1 { margin: 140px 0 0; width: 261px; }
.findpHiso .topRight { margin-left: 13px; width: 248px; }
.findpHiso h2 { background:url('../images/bg.findpHiso.gif') no-repeat left top; height: 112px; position: absolute; left: 37px; top: 54px; width: 502px;}
.findpHiso h3 { color: #8dc63f; font-size: 30px; font-weight: normal; line-height: 34px; padding: 16px 0 13px 5px; text-indent: 0px;}
.findpHiso h3 span { font-size: 20px; color: #000;}
.findpHiso legend { height: 0px; width: 0px; line-height: 0px; text-indent: -5000em ;}
.findpHiso form ul { padding-left: 5px; }
.findpHiso form li { margin-bottom: 10px; padding-bottom: 0px; }
.findpHiso li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.findpHiso input { background-color: #fff !important; width:auto; }
.findpHiso select { float: right; position: relative; right: 16px; }
.findpHiso li.city input, .findpHiso li.city .inputBoxL { width: 167px;}
.findpHiso li.state select { width: 185px; }
.findpHiso li.zip input, .findpHiso li.zip .inputBoxL { width: 170px; }
.findpHiso li.distance select { width: 164px; }
.findpHiso li.product select { width: 169px; }
.findpHiso li input.submit { float: right; margin-right: 20px; }

/*dermpros */
.dermpros h2 { background:url('../images/bg.dermpros.gif') no-repeat left top; height: 114px; position: absolute; left: 61px; top: 57px; width: 455px;}
.dermpros .col1 {margin-top:84px; padding-left:379px; background:url(../images/bg.pharmacist.jpg) no-repeat 88px 0; height: 414px;}
.dermpros .col2 p {width:511px; padding-top:25px; color: #4d4d4f; font-size: 13px; margin: 65px 0 20px 0;}
.dermpros .col2 {width:520px;}
.dermpros .contactForm { margin-bottom: 20px;}
.dermpros .contactForm p { font-size: 10px;}
.dermpros .contactForm UL {position:relative;  margin:0 10px 0 0; padding:0; float:left;}
.dermpros .contactForm UL LI {float:left; background:none;}
.dermpros .contactForm UL LI P { width:auto; margin:0; padding:0; width:auto;}
.dermpros .contactForm .inputBoxL {float:left; right:0; margin-right:5px;}
.dermpros .contactForm .topRight LABEL {position:relative; left:3px; font-size: 12px;}
/* contactform list items */
.dermpros .f_name .inputBoxL INPUT, .dermpros .l_name .inputBoxL INPUT {width:140px;}
.dermpros .f_name .inputBoxL, .dermpros .l_name .inputBoxL, .dermpros .f_name .inputBoxL INPUT, .dermpros .l_name .inputBoxL INPUT {_width:135px;}
.dermpros .p_name .inputBoxL {width:370px; }
.dermpros .p_name INPUT {/* for IE7 input size issue */ *width:360px;}
.dermpros .p_address {width:100%;}
.dermpros .p_address INPUT {/* for IE7 input size issue */ *width:345px;}
.dermpros .p_address .inputBoxL {width:355px;}
.dermpros .state {}
.dermpros .state SELECT {width:230px; float:left;}
.dermpros .zip .inputBoxL {width:168px}
.dermpros .zip .inputBoxL INPUT {width:165px}
.dermpros .zip INPUT {/* for IE7 input size issue */ *width:160px;}
.dermpros .email {width:100%;}
.dermpros .email INPUT {/* for IE7 input size issue */ *width:360px;}
.dermpros .email .inputBoxL {width:370px;}
.dermpros .email2 {width:100%;}
.dermpros .email2 INPUT {/* for IE7 input size issue */ *width:302px;}
.dermpros .email2 .inputBoxL {width:310px;}
.dermpros .recommend {width:100%;}
.dermpros .recommend P {float:left; margin:0 5px 0 0;}
.dermpros .recommend INPUT {float:left; }
.dermpros .recommend LABEL {/*IE*/ *padding:0;/*IE*/}
.dermpros .submit {width:100%; padding:0px; margin: 0; position: relative; top: 10px; z-index: 500; }
.dermpros .submit INPUT {float:right; margin-right:50px;}
.dermpros .submit STRONG {float:left; margin-left:160px; font-size:11px;}
.dermpros h3 { text-indent: 0px; padding: 15px 0 15px; color:#8CC63F; font-size: 18px; }
.dermpros h3 span { font-size: 12px;}

/* privacy */
#privacy .pageContainer { width: 487px; }
#privacy h1 { width: 336px; height: 110px; background: url('../images/bg.privacy.gif') no-repeat left top; text-indent: -5000em; position: relative; top: 48px; }
#privacy .content { margin-left: 53px; position: relative; top: 75px; }
#privacy p {  color: #4D4D4F; font-size: 12px; width: 401px; margin-bottom: 15px;}