/* reset */ html { color: #000; background-color: #9cafcf; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, 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; } strong { font-weight: bold; } em { font-style: italic; } li { 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; font-variant: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } :focus { outline: 0; } input, textarea, select { *font-size: 100%; } table { font-size: inherit; font: 100%; } pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; } /* font sizing */ body { font: 13px/1.231 arial, helvetica, clean, sans-serif; *font-size: small; *font: x-small; } #header div.search input.search { font-size: 84.6%; line-height: 1.27; } #body div.copy { line-height: 1.616; } /* font-size: 13px; line-height: 21px */ #page-terms #body div.copy div.letter, #body div.copy h3 { font-size: 116%; line-height: 1.533; } /* font-size: 15px; line-height: 23px */ #body div.copy h4 { font-size: 108%; line-height: 1.571; } /* font-size: 14px; line-height: 22px */ body.educate #body div.copy span.footnum { font-size: 85%; } /* font-size: 11px; */ body.educate #body div.copy div.endnotes, body.press #body div.copy div.copyright { font-size: 93%; line-height: 1.427; } /* font-size: 12px; line-height: 17px */ #footer { font-size: 84.6%; line-height: 1.27; } /* font-size: 11px; line-height: 14px */ /* link policy */ a, a:visited { color: #000; } a:link, a:visited { text-decoration: underline; } a:link:hover, a:visited:hover { text-decoration: none; } .gs-result a.gs-title, .gs-result a.gs-title *, .gs-result a.gs-title a:visited { color: #000 !important; } .gs-result a.gs-title a:link, .gs-result a.gs-title a:visited { text-decoration: underline !important; } .gs-result a.gs-title a:hover, .gs-result a.gs-title a:visited:hover { text-decoration: none !important; } html, body { color: #000; min-width: 1000px; height: 100%; } body { background: #9cafcf url(../images/bg-body.jpg) repeat-x top left; text-align: center; } #content { position: relative; background: #ede4ee url(../images/bg-copy.jpg) repeat-x 0 140px; text-align: left; width: 1000px; min-height: 100%; margin: 0 auto; } #header { background-color: #fff; background-image: url(../images/bg-header.jpg); background-repeat: no-repeat; background-position: bottom left; height: 127px; width: 987px; padding: 13px 0 0 13px; z-index: 2; } #body div.copy { float: right; width: 791px; margin: 0 38px 0 0; } #body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body { padding-bottom: 79px; zoom: 1; } #body div.copy h1 { color: #183b87; font-weight: bold; height: 26px; margin: 3px 0 15px 0; } #body div.copy h3 { color: #183b87; font-weight: bold; padding-top: 0.25em; } #body div.copy h4, #body div.copy h5 { font-weight: bold; } #body div.copy p { margin-bottom: 1em; } #body div.copy div.return { margin-top: 2em; } #body div.copy div.wrapper div.image { float: left; text-align: center; width: 278px; } #body div.copy div.wrapper div.desc { float: right; width: 457px; } #body div.copy div.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body div.copy div.wrapper { zoom: 1; } #footer { position: absolute; bottom: 0; width: 100%; height: 79px; } #header div.search input.search { position: absolute; top: 34px; right: 201px; text-align: right; padding: 2px 9px 3px 9px; } #header div.search input.submit { position: absolute; top: 36px; right: 153px; background: #be8fbe url(../images/nav.png) no-repeat -381px 0; } #header div.search input.submit:hover { background-color: #85327f; } #header div.language a { position: absolute; top: 32px; right: 53px; display: block; background: url(../images/nav.png) no-repeat -348px -22px; text-indent: -5000px; width: 79px; height: 26px; } #header div.nav { position: absolute; top: 76px; left: 401px; width: 556px; height: 24px; } #header div.nav ul.nav { float: left; } #header div.nav ul.nav li:hover { visibility: inherit; /* IE7 sticky bug */ } #header div.nav ul.nav li { float: left; position: relative; } #header div.nav ul.nav a { display: block; position: relative; text-decoration: none; background-color: #be8fbe; background-image: url(../images/nav.png); background-repeat: no-repeat; height: 0; padding: 24px 0 0 0; overflow: hidden; } #header div.nav ul.nav li li a { padding: 15px 0 0 0; } #header div.nav ul.nav li:hover, #header div.nav ul.nav li.hoverclass, #header div.nav ul.nav a:focus, #header div.nav ul.nav a:hover, #header div.nav ul.nav a:active { outline: 0; } #header div.nav ul.nav div.drop { position: absolute; top: -999em; left: 0px; background-image: url(../images/bg-drop.png); background-repeat: no-repeat; padding-top: 27px; z-index: 2; } #header div.nav ul.nav li:hover div.drop, #header div.nav ul.nav li.hoverclass div.drop { top: 25px; } #header div.nav ul.nav ul.drop { background-color: #ede3ed; padding: 23px 23px 15px 20px; } #header div.nav ul.nav ul.drop li { height: 15px; margin: 5px 0 4px 0; } #header div.nav ul.nav li:hover a, body.products #header div.nav ul.nav li.products a, body.educate #header div.nav ul.nav li.educate a, body.bother #header div.nav ul.nav li.bother a, body.share #header div.nav ul.nav li.share a { background-color: #85327f; } #header div.nav ul.nav li li a, #header div.nav ul.nav li:hover li a { background-color: #5d68a0 !important; } #header div.nav ul.nav li li a:hover { background-color: #153786 !important; } #header div.nav ul.nav li.products { width: 84px; } #header div.nav ul.nav li.products a { background-position: 0 0; } #header div.nav ul.nav li.products div.drop { background-position: 0 0; width: 298px; height: 281px; margin-left: 7px; } #header div.nav ul.nav li.products ul.drop { width: 255px; height: 240px; } #header div.nav ul.nav li.products ul.drop li { width: 255px; } #header div.nav ul.nav li.products ul.drop li.crememax a { background-position: 0 -48px; } #header div.nav ul.nav li.products ul.drop li.creme a { background-position: 0 -63px; } #header div.nav ul.nav li.products ul.drop li.satin a { background-position: 0 -78px; } #header div.nav ul.nav li.products ul.drop li.wipes a { background-position: 0 -93px; } #header div.nav ul.nav li.products ul.drop li.kit a { background-position: 0 -108px; } #header div.nav ul.nav li.products ul.drop li.powder a { background-position: 0 -123px; } #header div.nav ul.nav li.products ul.drop li.moisturizer a { background-position: 0 -138px; } #header div.nav ul.nav li.products ul.drop li.wash a { background-position: 0 -168px; } #header div.nav ul.nav li.products ul.drop li.phwash a { background-position: 0 -153px; } #header div.nav ul.nav li.products ul.drop li.all a { background-position: 0 -183px; } #header div.nav ul.nav li.educate { width: 139px; } #header div.nav ul.nav li.educate a { background-position: -84px 0; } #header div.nav ul.nav li.educate div.drop { background-position: -298px 0; width: 191px; height: 188px; margin-left: 9px; } #header div.nav ul.nav li.educate ul.drop { width: 146px; height: 121px; } #header div.nav ul.nav li.educate ul.drop li { width: 146px; } #header div.nav ul.nav li.educate ul.drop li.faqs { height: 31px; } #header div.nav ul.nav li.educate ul.drop li.faqs a { background-position: -255px -48px; padding: 31px 0 0 0; } #header div.nav ul.nav li.educate ul.drop li.terms a { background-position: -255px -79px; } #header div.nav ul.nav li.educate ul.drop li.articles a { background-position: -255px -94px; } #header div.nav ul.nav li.educate ul.drop li.momsguide a { background-position: -255px -109px; } #header div.nav ul.nav li.bother { width: 184px; } #header div.nav ul.nav li.bother a { background-position: 0 -24px; } #header div.nav ul.nav li.bother div.drop { background-position: -489px 0; width: 174px; height: 164px; margin-left: 10px; } #header div.nav ul.nav li.bother ul.drop { width: 129px; height: 97px; } #header div.nav ul.nav li.bother ul.drop li { width: 129px; } #header div.nav ul.nav li.bother ul.drop li.symptoms a { background-position: -255px -124px; } #header div.nav ul.nav li.bother ul.drop li.do { height: 31px; } #header div.nav ul.nav li.bother ul.drop li.do a { background-position: -255px -139px; padding: 31px 0 0 0; } #header div.nav ul.nav li.bother ul.drop li.know a { background-position: -255px -170px; } #header div.nav ul.nav li.share { width: 149px; } #header div.nav ul.nav li.share a { background-position: -184px -24px; } #header div.nav ul.nav li.share div.drop { background-position: -688px 0; width: 153px; height: 107px; margin-left: 8px; } #header div.nav ul.nav li.share ul.drop { width: 108px; height: 48px; } #header div.nav ul.nav li.share ul.drop li { width: 108px; } #header div.nav ul.nav li.share ul.drop li.testimonials a { background-position: -255px -185px; } #header div.nav ul.nav li.share ul.drop li.story a { background-position: -255px -200px; } #footer div.nav ul.nav { float: left; width: 819px; height: 16px; margin: 31px 0 0 96px; } #footer div.nav ul.nav li { float: left; } #footer div.nav ul.nav a { display: block; padding-right: 10px; border-right: 1px solid #000; margin-right: 10px; } #body div.sidebar { float: left; background: #ede4ee url(../images/bg-sidebar.jpg) repeat-x 0 0; width: 171px; min-height: 564px; } #body div.sidebar div.nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body div.sidebar div.nav { padding: 24px 0 0 19px; } #body div.sidebar div.nav div.title { background-repeat: no-repeat; background-position: top left; height: 15px; margin-bottom: 15px; } #body div.sidebar div.nav div.title span { display: none; } #body div.sidebar div.nav ul.nav { float: left; } #body div.sidebar div.nav ul.nav li:hover { visibility: inherit; /* IE7 sticky bug */ } #body div.sidebar div.nav ul.nav li { float: left; position: relative; height: 36px; } #body div.sidebar div.nav ul.nav a { display: block; position: relative; background-repeat: no-repeat; text-decoration: none; width: 0; height: 36px; overflow: hidden; } #body div.sidebar div.nav ul.nav li:hover, #body div.sidebar div.nav ul.nav li.hoverclass, #body div.sidebar div.nav ul.nav a:focus, #body div.sidebar div.nav ul.nav a:hover, #body div.sidebar div.nav ul.nav a:active { outline: 0; } body.products #body div.sidebar div.nav div.title { background-image: url(../images/nav-products.png); width: 68px; } body.products #body div.sidebar div.nav ul.nav li { height: 32px; } body.products #body div.sidebar div.nav ul.nav a { background-image: url(../images/nav-products.png); height: 32px; padding: 0 0 0 150px; } body.products #body div.sidebar div.nav ul.nav li.crememax { height: 48px; } body.products #body div.sidebar div.nav ul.nav li.crememax a { background-position: 0 -30px; height: 48px; } #page-crememax #body div.sidebar div.nav ul.nav li.crememax a, body.products #body div.sidebar div.nav ul.nav li.crememax:hover a { background-position: -150px -30px; } body.products #body div.sidebar div.nav ul.nav li.creme { height: 48px; } body.products #body div.sidebar div.nav ul.nav li.creme a { background-position: 0 -78px; height: 48px; } #page-creme #body div.sidebar div.nav ul.nav li.creme a, body.products #body div.sidebar div.nav ul.nav li.creme:hover a { background-position: -150px -78px; } body.products #body div.sidebar div.nav ul.nav li.satin { height: 48px; } body.products #body div.sidebar div.nav ul.nav li.satin a { background-position: 0 -126px; height: 48px; } #page-satin #body div.sidebar div.nav ul.nav li.satin a, body.products #body div.sidebar div.nav ul.nav li.satin:hover a { background-position: -150px -126px; } body.products #body div.sidebar div.nav ul.nav li.wipes { height: 48px; } body.products #body div.sidebar div.nav ul.nav li.wipes a { background-position: 0 -174px; height: 48px; } #page-wipes #body div.sidebar div.nav ul.nav li.wipes a, body.products #body div.sidebar div.nav ul.nav li.wipes:hover a { background-position: -150px -174px; } body.products #body div.sidebar div.nav ul.nav li.kit { height: 48px; } body.products #body div.sidebar div.nav ul.nav li.kit a { background-position: 0 -222px; height: 48px; } #page-kit #body div.sidebar div.nav ul.nav li.kit a, body.products #body div.sidebar div.nav ul.nav li.kit:hover a { background-position: -150px -222px; } body.products #body div.sidebar div.nav ul.nav li.powder a { background-position: 0 -270px; } #page-powder #body div.sidebar div.nav ul.nav li.powder a, body.products #body div.sidebar div.nav ul.nav li.powder:hover a { background-position: -150px -270px; } body.products #body div.sidebar div.nav ul.nav li.moisturizer a { background-position: 0 -302px; } #page-moisturizer #body div.sidebar div.nav ul.nav li.moisturizer a, body.products #body div.sidebar div.nav ul.nav li.moisturizer:hover a { background-position: -150px -302px; } body.products #body div.sidebar div.nav ul.nav li.wash { height: 48px; } body.products #body div.sidebar div.nav ul.nav li.wash a { background-position: 0 -334px; height: 48px; } #page-wash #body div.sidebar div.nav ul.nav li.wash a, body.products #body div.sidebar div.nav ul.nav li.wash:hover a { background-position: -150px -334px; } body.products #body div.sidebar div.nav ul.nav li.phwash { height: 48px; } body.products #body div.sidebar div.nav ul.nav li.phwash a { background-position: 0 -382px; height: 48px; } #page-phwash #body div.sidebar div.nav ul.nav li.phwash a, body.products #body div.sidebar div.nav ul.nav li.phwash:hover a { background-position: -150px -382px; } body.educate #body div.sidebar div.nav div.title { background-image: url(../images/nav-educate.png); width: 129px; } body.educate #body div.sidebar div.nav ul.nav a { background-image: url(../images/nav-educate.png); padding: 0 0 0 131px; } body.educate #body div.sidebar div.nav ul.nav li.faqs { height: 54px; } body.educate #body div.sidebar div.nav ul.nav li.faqs a { background-position: 0 -28px; height: 54px; } #page-faqs #body div.sidebar div.nav ul.nav li.faqs a, body.educate #body div.sidebar div.nav ul.nav li.faqs:hover a { background-position: -131px -28px; } body.educate #body div.sidebar div.nav ul.nav li.terms a { background-position: 0 -82px; } #page-terms #body div.sidebar div.nav ul.nav li.terms a, body.educate #body div.sidebar div.nav ul.nav li.terms:hover a { background-position: -131px -82px; } body.educate #body div.sidebar div.nav ul.nav li.articles a { background-position: 0 -118px; } #page-articles #body div.sidebar div.nav ul.nav li.articles a, body.articles #body div.sidebar div.nav ul.nav li.articles a, body.educate #body div.sidebar div.nav ul.nav li.articles:hover a { background-position: -131px -118px; } body.educate #body div.sidebar div.nav ul.nav li.momsguide a { background-position: 0 -154px; } #page-momsguide #body div.sidebar div.nav ul.nav li.momsguide a, body.educate #body div.sidebar div.nav ul.nav li.momsguide:hover a { background-position: -131px -154px; } body.bother #body div.sidebar div.nav div.title { background-image: url(../images/nav-bother.png); width: 132px; height: 33px; } body.bother #body div.sidebar div.nav ul.nav a { background-image: url(../images/nav-bother.png); padding: 0 0 0 132px; } body.bother #body div.sidebar div.nav ul.nav li.symptoms a { background-position: 0 -46px; } #page-symptoms #body div.sidebar div.nav ul.nav li.symptoms a, #page-symptomresults #body div.sidebar div.nav ul.nav li.symptoms a, body.bother #body div.sidebar div.nav ul.nav li.symptoms:hover a { background-position: -132px -46px; } body.bother #body div.sidebar div.nav ul.nav li.do { height: 48px; } body.bother #body div.sidebar div.nav ul.nav li.do a { background-position: 0 -82px; height: 48px; } #page-do #body div.sidebar div.nav ul.nav li.do a, body.bother #body div.sidebar div.nav ul.nav li.do:hover a { background-position: -132px -82px; } body.bother #body div.sidebar div.nav ul.nav li.know a { background-position: 0 -134px; } #page-know #body div.sidebar div.nav ul.nav li.know a, body.bother #body div.sidebar div.nav ul.nav li.know:hover a { background-position: -132px -134px; } body.share #body div.sidebar div.nav div.title { background-image: url(../images/nav-share.png); width: 137px; } body.share #body div.sidebar div.nav ul.nav a { background-image: url(../images/nav-share.png); padding: 0 0 0 137px; } body.share #body div.sidebar div.nav ul.nav li.testimonials a { background-position: 0 -28px; } #page-testimonials #body div.sidebar div.nav ul.nav li.testimonials a, body.share #body div.sidebar div.nav ul.nav li.testimonials:hover a { background-position: -137px -28px; } body.share #body div.sidebar div.nav ul.nav li.story a { background-position: 0 -64px; } #page-story #body div.sidebar div.nav ul.nav li.story a, body.share #body div.sidebar div.nav ul.nav li.story:hover a { background-position: -137px -64px; } #page-home #header { background-image: url(../images/bg-header-home2.jpg); } #page-home #body div.copy { width: 1000px; margin: 0; } #page-home #body div.copy div.overlay { position: relative; background: url(../images/home-main7.jpg) no-repeat top left; width: 1000px; height: 628px; } #page-home #body div.copy div.overlay h1, #page-home #body div.copy div.overlay p, #page-home #body div.copy div.overlay a { text-indent: -5000px; } #page-home #body div.copy div.overlay a { position: absolute; display: block; } #page-home #body div.copy div.overlay a.kit { top: 243px; left: 507px; width: 237px; height: 145px; } #page-home #body div.copy div.overlay a.phwash { top: 442px; left: 566px; width: 327px; height: 117px; } #page-editorial #header { background-image: url(../images/bg-header-editorial.jpg); } #page-editorial #body div.copy { width: 945px; padding: 28px 0 55px 40px; margin: 0; } #page-editorial #body div.copy h1 { background: url(../images/title-editorial.png) no-repeat top left; width: 849px; height: 72px; margin: 0 0 22px 2px; text-indent: -5000px; } #page-editorial #body div.copy div.quote { background: url(../images/editorial-quote.png) no-repeat top left; width: 277px; height: 145px; margin: 0 0 21px 1px; text-indent: -5000px; } #page-editorial #body div.copy div.col1 { float: left; width: 303px; } #page-editorial #body div.copy div.col2 { float: right; width: 300px; } #page-editorial #body div.copy div.colwrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #page-editorial #body div.copy div.colwrapper { width: 624px; zoom: 1; } #page-editorial #body div.copy img.woman { margin-bottom: 15px; } #page-editorial #body div.copy span.highlight { background-color: #fbff30; } body.products #body div.copy h1 { height: 51px; text-indent: -5000px; margin: 3px 0 15px 21px; } body.products #body div.copy h2 { display: none; } body.products #body div.copy div.wrapper { margin: 22px 0 0 37px; } body.products #body div.copy div.wrapper div.desc p { margin-left: 21px; } body.products #body div.copy div.wrapper div.desc ul { margin: 0 39px 1em 39px; } body.products #body div.copy div.wrapper div.desc ul li { list-style-image: url(../images/products-carat.png); list-style-type: square; margin-top: 1em; } body.products #body div.copy div.wrapper div.desc div.highlight { text-align: right; margin-right: 40px; } #page-products #body div.copy { width: 754px; min-height: 272px; padding: 22px 0 0 37px; } #page-products #body div.copy h1 { background: url(../images/title-products.png) no-repeat top left; width: 191px; height: 30px; } #page-products #body div.copy table { margin: 23px 0 0 8px; } #page-products #body div.copy table td { vertical-align: top; } #page-products #body div.copy table td.col0 { padding: 0 97px 36px 0; } #page-products #body div.copy table tr.row0 td.col1 { padding-top: 1px; } #page-products #body div.copy table a { display: block; } #page-crememax #body div.copy h1 { background: url(../images/title-products-crememax.png) no-repeat top left; width: 330px; height: 99px; } #page-creme #body div.copy h1 { background: url(../images/title-products-creme.png) no-repeat top left; width: 328px; height: 79px; } #page-creme #body div.copy div.wrapper div.desc div.highlight { margin-right: 0; } #page-satin #body div.copy div.wrapper div.image { width: 183px; } #page-satin #body div.copy div.wrapper div.desc { float: right; width: 552px; } #page-satin #body div.copy h1 { background: url(../images/title-products-satin.png) no-repeat top left; width: 432px; height: 96px; } #page-wipes #body div.copy h1 { background: url(../images/title-products-wipes.png) no-repeat top left; width: 397px; } #page-kit #body div.copy h1 { background: url(../images/title-products-kit2.png) no-repeat top left; width: 398px; height: 130px; } #page-kit #body div.copy div.wrapper div.ph { margin-left: 21px; } #page-kit #body div.copy div.wrapper div.ph h3 { padding-top: 0.5em; margin-bottom: 0.2em; } #page-kit #body div.copy div.wrapper div.how div.visual { float: left; width: 295px; margin-top: 0.4em; } #page-kit #body div.copy div.wrapper div.how div.visual img { border: 1px solid #183b87; } #page-kit #body div.copy div.wrapper div.how div.text { float: left; width: 139px; } #page-kit #body div.copy div.wrapper div.desc div.how div.text p { margin-left: 9px; } #page-kit #body div.copy div.wrapper div.how:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #page-kit #body div.copy div.wrapper div.how { zoom: 1; } #page-kit #body div.copy table { width: 100%; border: 1px solid #183b87; margin: 0.3em 0 0.5em; } #page-kit #body div.copy table th { font-weight: bold; } #page-kit #body div.copy table th, #page-kit #body div.copy table td { text-align: center; padding: 0.75em 10px 0.5em 10px; width: 25%; } #page-kit #body div.copy table tr td { border-top: 1px solid #183b87; } #page-kit #body div.copy table thead tr th:nth-child(1), #page-kit #body div.copy table tbody tr td:nth-child(1) { text-align: left; } #page-kit #body div.copy table thead tr th:nth-child(odd), #page-kit #body div.copy table tbody tr:nth-child(even) td:nth-child(odd) { background-color: #dbc6d7; } #page-kit #body div.copy table thead tr th:nth-child(even), #page-kit #body div.copy table tbody tr:nth-child(even) td:nth-child(even) { background-color: #e0d3dd; } #page-kit #body div.copy table tbody tr:nth-child(odd) td:nth-child(odd) { background-color: #ebd9e9; } #page-kit #body div.copy table tbody tr:nth-child(odd) td:nth-child(even) { background-color: #faf8f9; } #page-kit #body div.copy table td.check { text-indent: -5000px; background-image: url(../images/kit-check.gif); background-position: 50% 50%; background-repeat: no-repeat; } #page-kit #body div.copy table td.emph { font-weight: bold; } #page-powder #body div.copy div.wrapper div.image { width: 174px; } #page-powder #body div.copy div.wrapper div.desc { float: right; width: 561px; } #page-powder #body div.copy h1 { background: url(../images/title-products-powder.png) no-repeat top left; width: 443px; } #page-moisturizer #body div.copy div.wrapper div.image { width: 201px; } #page-moisturizer #body div.copy div.wrapper div.desc { float: right; width: 534px; } #page-moisturizer #body div.copy h1 { background: url(../images/title-products-moisturizer.png) no-repeat top left; width: 348px; } #page-wash #body div.copy div.wrapper div.image { width: 143px; } #page-wash #body div.copy div.wrapper div.desc { float: right; width: 592px; } #page-wash #body div.copy h1 { background: url(../images/title-products-wash.png) no-repeat top left; width: 483px; } #page-phwash #body div.copy div.wrapper div.image { width: 139px; } #page-phwash #body div.copy div.wrapper div.desc { float: right; width: 592px; } #page-phwash #body div.copy h1 { background: url(../images/title-products-wash2.png) no-repeat top left; width: 418px; height: 75px; } body.educate #body div.copy { width: 754px; min-height: 272px; padding: 22px 0 0 37px; } body.educate #body div.copy dl { margin-bottom: 2.25em; } body.educate #body div.copy dt { font-weight: bold; margin-top: 1em; } body.educate #body div.copy dd { margin: 0 0 0 19px; } body.educate #body div.copy ul { margin: 0 0 1em 18px; } body.educate #body div.copy ol { margin: 0 0 1em 20px; } body.educate #body div.copy ul li { list-style-image: url(../images/products-carat.png); list-style-type: square; } body.educate #body div.copy ol li { list-style-type: decimal; } body.educate #body div.copy #sources { margin-top: 2em; } body.educate #body div.copy span.footnum { vertical-align: super; } body.educate #body div.copy div.endnotes div.ruler { width: 200px; border-top: 1px solid #bdbebd; } body.educate #body div.copy div.endnotes div.ruler { margin: 0 0 1em 27px; } body.educate #body div.copy div.endnotes { margin-top: 3em; } body.educate #body div.copy div.endnotes div.ruler { margin-left: 20px; width: 200px; border-top: 1px solid #bdbebd; } body.educate #body div.copy div.endnotes ol { margin: 1em 0 1em 20px; } body.educate #body div.copy div.endnotes ol li { list-style-type: decimal; } body.vbook #body div.copy div.return { margin-top: 1.75em; } #page-faqs #body div.copy h1 { background: url(../images/title-educate-faqs.png) no-repeat top left; width: 196px; height: 59px; text-indent: -5000px; } #page-terms #body div.copy h1 { background: url(../images/title-educate-terms.png) no-repeat top left; width: 259px; text-indent: -5000px; } #page-terms #body div.copy div.letter { color: #183b87; font-weight: bold; text-decoration: underline; margin: 1em 0 0.25em 0; } #page-terms #body div.copy div.definition { margin-top: 0.5em; } #page-terms #body div.copy div.definition a { font-weight: bold; text-decoration: none; } #page-articles #body div.copy h1 { background: url(../images/title-educate-articles.png) no-repeat top left; width: 276px; text-indent: -5000px; } #page-stewart #body div.copy h1 { background: url(../images/title-educate-stewart.png) no-repeat top left; width: 410px; height: 92px; text-indent: -5000px; } #page-guidelines #body div.copy h1 { background: url(../images/title-educate-guidelines.png) no-repeat top left; width: 355px; text-indent: -5000px; } #page-gynecologist #body div.copy h1 { background: url(../images/title-educate-gynecologist.png) no-repeat top left; width: 387px; height: 59px; text-indent: -5000px; } #page-gynecologist #body div.copy div.bio { padding-top: 1em; } #page-gynecologist #body div.copy div.bio img { float: left; margin: 0 17px 0.5em 0; } #page-gynecologist #body div.copy div.bio div.assoc { margin: 1em 0 2em 0; } #page-unexplained #body div.copy h1 { background: url(../images/title-educate-unexplained.png) no-repeat top left; width: 425px; height: 59px; text-indent: -5000px; } #page-vstyling #body div.copy h1 { background: url(../images/title-educate-vstyling.png) no-repeat top left; width: 442px; height: 59px; text-indent: -5000px; } #page-bv #body div.copy h1 { background: url(../images/title-educate-bv.png) no-repeat top left; width: 244px; text-indent: -5000px; } #page-cleansing #body div.copy h1 { background: url(../images/title-educate-cleansing.png) no-repeat top left; width: 217px; text-indent: -5000px; } #page-discharge #body div.copy h1 { background: url(../images/title-educate-discharge.png) no-repeat top left; width: 434px; text-indent: -5000px; } #page-itching #body div.copy h1 { background: url(../images/title-educate-itching.png) no-repeat top left; width: 140px; text-indent: -5000px; } #page-itching #body div.copy ul.causes { margin: 0; } #page-itching #body div.copy ul.causes li { list-style-image: none; list-style-type: none; } #page-itching #body div.copy ul.causes ul ul { margin: 0 0 1em 18px; } #page-itching #body div.copy ul.causes ul li { list-style-image: url(../images/products-carat.png); list-style-type: square; } #page-vaginitis #body div.copy h1 { background: url(../images/title-educate-vaginitis.png) no-repeat top left; width: 256px; text-indent: -5000px; } #page-yeast #body div.copy h1 { background: url(../images/title-educate-yeast.png) no-repeat top left; width: 407px; height: 59px; text-indent: -5000px; } #page-pap #body div.copy h1 { background: url(../images/title-educate-pap.png) no-repeat top left; width: 343px; height: 59px; text-indent: -5000px; } #page-habits #body div.copy h1 { background: url(../images/title-educate-habits.png) no-repeat top left; width: 419px; height: 59px; text-indent: -5000px; } #page-honesty #body div.copy h1 { background: url(../images/title-educate-honesty.png) no-repeat top left; width: 395px; height: 59px; text-indent: -5000px; } #page-epidemics #body div.copy h1 { background: url(../images/title-educate-epidemics.png) no-repeat top left; width: 365px; height: 92px; text-indent: -5000px; } #page-vpain #body div.copy h1 { background: url(../images/title-educate-vpain.png) no-repeat top left; width: 429px; height: 45px; text-indent: -5000px; } #page-identifying #body div.copy h1 { background: url(../images/title-educate-identifying.png) no-repeat top left; width: 387px; height: 59px; text-indent: -5000px; } #page-attitudes #body div.copy h1 { background: url(../images/title-educate-attitudes.png) no-repeat top left; width: 385px; height: 59px; text-indent: -5000px; } #page-exercising #body div.copy h1 { background: url(../images/title-educate-exercising.png) no-repeat top left; width: 305px; text-indent: -5000px; } #page-momsguide #body div.copy h1 { background: url(../images/title-educate-momsguide.png) no-repeat top left; width: 146px; text-indent: -5000px; } body.bother #body div.copy { width: 754px; min-height: 272px; padding: 22px 0 0 37px; } body.bother #body div.copy table { width: 100%; border: 1px solid #183b87; margin-bottom: 1em; } body.bother #body div.copy table th { font-weight: bold; } body.bother #body div.copy table th, body.bother #body div.copy table td { text-align: left; padding: 0.75em 10px; } body.bother #body div.copy table tr td { border-top: 1px solid #183b87; } body.bother #body div.copy table tbody tr:nth-child(even) { background-color: rgb(244,244,244); background-color: rgba(244,244,244, .7); } body.bother #body div.copy table tbody tr:nth-child(odd) { background-color: rgb(255,255,255); background-color: rgba(255,255,255, .7); } body.bother #body div.copy dl { margin-bottom: 2.25em; } body.bother #body div.copy dt { font-weight: bold; margin-top: 1em; } body.bother #body div.copy dd { margin: 0 0 0 19px; } body.bother #body div.copy ul { margin: 0 0 1em 18px; } body.bother #body div.copy ul li { list-style-image: url(../images/products-carat.png); list-style-type: square; } #page-symptoms #body div.copy h1 { background: url(../images/title-bother-symptoms.png) no-repeat top left; width: 196px; text-indent: -5000px; } #page-symptoms #body div.copy form div.question { margin-bottom: 0.5em; } #page-symptoms #body div.copy form fieldset.submit { padding: 0.5em 0 0 52px; } #page-do #body div.copy h1 { background: url(../images/title-bother-do.png) no-repeat top left; width: 308px; text-indent: -5000px; } #page-do #body div.copy table { margin-bottom: 8px; } #page-do #body div.copy table td { vertical-align: top; } #page-do #body div.copy table col.col0 { width: 190px; } #page-do #body div.copy table col.col1 { width: 322px; } #page-do #body div.copy table col.col2 { width: 180px; } #page-do #body div.copy table col:nth-child(odd) { background-color: #dec8df; } #page-do #body div.copy table col:nth-child(even) { background-color: #bf91bf; } #page-do #body div.copy div.provider { margin-left: 7px; } #page-do #body div.copy ul.products { margin: 0 0 0.75em 9px; } #page-do #body div.copy ul.products li { list-style-type: none; list-style-image: none; background-image: url(../images/symptoms-products.png); background-repeat: no-repeat; width: 110px; height: 73px; min-height: 73px; padding-left: 71px; margin: 6px 0 12px 0; } #page-do #body div.copy ul.products li a { display: block; padding-top: 3px; } #page-do #body div.copy ul.products li.crememax { background-position: 0 -px; } #page-do #body div.copy ul.products li.creme { background-position: 0 -73px; } #page-do #body div.copy ul.products li.satin { background-position: 0 -146px; } #page-do #body div.copy ul.products li.wipes { background-position: 0 -219px; } #page-do #body div.copy ul.products li.kit { background-position: 0 -292px; } #page-do #body div.copy ul.products li.powder { background-position: 0 -365px; } #page-do #body div.copy ul.products li.moisturizer { background-position: 0 -438px; } #page-do #body div.copy ul.products li.wash { background-position: 0 -511px; } #page-know #body div.copy h1 { background: url(../images/title-bother-know.png) no-repeat top left; width: 241px; text-indent: -5000px; } body.share #body div.copy { width: 754px; min-height: 272px; padding: 22px 0 0 37px; } #page-testimonials #body div.copy h1 { background: url(../images/title-share-testimonials.png) no-repeat top left; width: 142px; text-indent: -5000px; } #page-testimonials #body div.copy div.testimonial { margin-bottom: 2em; } #page-testimonials #body div.copy div.testimonial p { font-style: italic; } #page-testimonials #body div.copy div.testimonial div.sig { margin-left: 10px; } #page-testimonials #body div.copy ul.submit { margin: 3em 0 1.5em 19px; } #page-testimonials #body div.copy ul.submit li { list-style-image: url(../images/products-carat.png); list-style-type: square; font-weight: bold; } #page-story #body div.copy h1 { background: url(../images/title-share-story.png) no-repeat top left; width: 204px; text-indent: -5000px; } #page-story #body div.copy div.results { font-weight: bold; padding-top: 0.5em; } #page-story #body div.copy div.error { color: #bc0309; } #page-story #body div.copy div.entry { width: 491px; } #page-story #body div.copy div.entry input { width: 144px; } * html #page-story #body div.copy div.entry input { width: 143px; } #page-story #body div.copy div.entry textarea { width: 344px; height: 10em; } * html #page-story #body div.copy div.entry textarea { width: 343px; } #page-story #body div.copy div.entry input, #page-story #body div.copy div.entry textarea { background-color: #f7f3f7; border: 1px solid #bf91bf; padding: 2px 0 2px 4px; margin-bottom: 0.5em; } #page-story #body div.copy div.entry input:focus, #page-story #body div.copy div.entry input:hover, #page-story #body div.copy div.entry textarea:focus, #page-story #body div.copy div.entry textarea:hover { background-color: #ffffff; border: 1px solid #183b87; } #page-story #body div.copy div.entry div.label { float: left; width: 51px; margin-right: 5px; padding-top: 0.16em; font-weight: bold; } #page-story #body div.copy div.entry div.input { float: left; width: 354px; } #page-story #body div.copy #form-submit { width: 491px; margin-top: 0.75em; text-align: center; } #page-story #body div.copy div.entry:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #page-story #body div.copy div.entry { zoom: 1; } body.others #body div.copy { width: 754px; min-height: 272px; padding: 22px 0 0 37px; } #page-contact #body div.copy h1 { background: url(../images/title-contact.png) no-repeat top left; width: 122px; text-indent: -5000px; } #page-sitemap #body div.copy h1 { background: url(../images/title-sitemap.png) no-repeat top left; width: 100px; text-indent: -5000px; } #page-sitemap #body div.copy div.links div.col1 { float: left; width: 358px; } #page-sitemap #body div.copy div.links div.col2 { float: right; width: 358px; } #page-sitemap #body div.copy div.links:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #page-sitemap #body div.copy div.links { zoom: 1; } #page-sitemap #body div.copy div.links span.navitem { font-weight: bold; } #page-sitemap #body div.copy div.links ul { margin-bottom: 2em; } #page-sitemap #body div.copy div.links ul li { margin: 0.75em 0; } #page-sitemap #body div.copy div.links ul li li { margin: 0.25em 0 0.25em 20px; } #page-press #body div.copy h1, body.press #body div.copy h1 { background: url(../images/title-press.png) no-repeat top left; width: 134px; text-indent: -5000px; } body.press #body div.copy h3 { margin-bottom: 1em; } body.press #body div.copy div.copyright { margin-bottom: 2em; } #page-press #body div.copy div.wrapper div.desc ul { margin: 0 0 1em 19px; } #page-press #body div.copy div.wrapper div.desc ul li { list-style-image: url(../images/products-carat.png); list-style-type: square; margin-top: 1em; } #page-legal #body div.copy h1 { background: url(../images/title-legal.png) no-repeat top left; width: 63px; text-indent: -5000px; } #page-legal #body div.copy ol { margin: 1em 0 1em 20px; } #page-legal #body div.copy ol li { list-style-type: decimal; } #page-wherebuy #body div.copy h1 { background: url(../images/title-wherebuy.png) no-repeat top left; width: 154px; text-indent: -5000px; } #page-wherebuy #body div.copy li { margin-bottom: 0.5em; } #page-thanks #body div.copy h1 { background: url(../images/title-products-wash.png) no-repeat top left; width: 495px; height: 27px; text-indent: -5000px; } #page-thanks #body div.copy li { margin-bottom: 0.5em; } #page-search #body div.copy div.gsc-tabHeader { display: none; } #page-search #body div.copy div.gsc-results { margin-top: 0.75em; } /** * The CSS for Shadowbox. * * This file is part of Shadowbox. * * Shadowbox is free software: you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation, either version 3 of the License, or (at your option) * any later version. * * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with Shadowbox. If not, see . * * @author Michael J. I. Jackson * @copyright 2007 Michael J. I. Jackson * @license http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0 * @version SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $ */ #shadowbox_overlay { visibility: hidden; position: absolute; display: block; margin: 0; padding: 0; top: 0; left: 0; z-index: 998; } #shadowbox_container { position: fixed; height: 0px; width: 100%; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: center; } #shadowbox { display: none; visibility: hidden; margin: 0 auto; position: relative; text-align: left; } #shadowbox_title { height: 25px; padding: 0; overflow: hidden; } #shadowbox_title_inner { height: 16px; font-size: 16px; line-height: 16px; white-space: nowrap; padding: 5px 0 4px 8px; color: #fff; } #shadowbox_body { position: relative; overflow: hidden; margin: 0; padding: 0; border: 2px solid #fff; background-color: #000; } #shadowbox_body_inner { position: relative; overflow: hidden; } #shadowbox_loading { position: absolute; top: 0; left: 0; height: 10000px; width: 100%; background-color: #222; } #shadowbox_loading img { float: left; margin: 10px 10px 0 10px; } #shadowbox_loading span { float: left; margin-top: 16px; font-size: 10px; } #shadowbox_loading span a, #shadowbox_loading span a:link, #shadowbox_loading span a:visited { color: #fff; } #shadowbox_content.html { height: 100%; width: 100%; overflow: auto; } #shadowbox_toolbar { margin: 0; padding: 0; height: 20px; overflow: hidden; } #shadowbox_toolbar_inner { height: 20px; color: #fff; } #shadowbox_toolbar_inner div { padding-top: 4px; padding-bottom: 2px; font-size: 10px; height: 10px; line-height: 10px; } #shadowbox_toolbar_inner div span.shortcut { text-decoration: underline; font-weight: bold; } #shadowbox_toolbar_inner div a { text-decoration: none; color: #fff; } #shadowbox_nav_close, #shadowbox_nav_previous, #shadowbox_nav_next { float: right; padding-right: 10px; } #shadowbox_counter { float: left; padding-left: 10px; } #shadowbox_counter a { padding: 0 4px 0 0; } #shadowbox_counter a.shadowbox_counter_current { text-decoration: underline; font-weight: bold; } div.shadowbox_message { text-align: center; padding: 10px; } div.shadowbox_message a:link, div.shadowbox_message a:visited { text-decoration: none; color: #bed333; } div.shadowbox_message a:hover, div.shadowbox_message a:focus { text-decoration: underline; } #shadowbox { padding-left: 3px; } #shadowbox, #shadowbox_loading { background-color: #ffffff; } #shadowbox_title_inner, #shadowbox_loading span a, #shadowbox_loading span a:link, #shadowbox_loading span a:visited, #shadowbox_toolbar_inner, #shadowbox_toolbar_inner div a { color: #000000 !important; } #shadowbox_title h5 { font-weight: bold; }