/* reset */
html { color: #000; background: #18479f url(../images/bg.jpg) no-repeat top left; }
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; }
#body div.copy { font-size: 108%; line-height: 1.5; }			/* font-size: 14px; line-height: 21px */
#body div.copy h2 { font-size: 221%; }					/* font-size: 31px; line-height: 38px */
#body div.sidebar h1 { font-size: 138.5%; }				/* font-size: 18px; line-height: 22px */
#body div.sidebar ul.nav { font-size: 85%; line-height: 1.455; }	/* font-size: 11px; line-height: 16px */
body.home #body div.features { font-size: 108%; line-height: 1.143; }	/* font-size: 14px; line-height: 16px */
body.home #body div.features h2 { font-size: 107%; }			/* font-size: 15px; line-height: 17px */
body.products #body div.copy div.products div p,
body.buy #body div.copy ul { font-size: 86%; }				/* font-size: 12px; line-height: 15px */
#footer { font-size: 85%; }						/* font-size: 11px; line-height: 13.5px */

/* link policy */
a,
a:visited { color: #073c8f; }
a:link,
a:visited { font-weight: bold; text-decoration: none; }
a:link:hover,
a:visited:hover { text-decoration: underline; }
#body div.copy div.next a,
#body div.copy div.next a:visited { color: #000; }
#body div.copy div.next a:link,
#body div.copy div.next a:visited { font-weight: normal; text-decoration: underline; }
#body div.copy div.next a:link:hover,
#body div.copy div.next a:visited:hover { text-decoration: none; }
#body div.sidebar div.nav a,
#body div.sidebar div.nav a:visited { color: #000; }
#body div.sidebar div.nav a:link,
#body div.sidebar div.nav a:visited { font-weight: normal; }
#body div.sidebar div.nav li.selected a,
#body div.sidebar div.nav li.selected a:visited { color: #002d8b; }
#body div.sidebar div.nav li.selected a:link,
#body div.sidebar div.nav li.selected a:visited { font-weight: bold; }
#footer a:link,
#footer a:visited { text-decoration: underline; }
#footer a:link:hover,
#footer a:visited:hover { text-decoration: none; }

body { text-align: center; min-width: 1004px; }
#content { width: 1004px; margin: 15px auto 66px auto; padding-bottom: 12px; text-align: left; }

#header { position: relative; padding: 0 0 5px 1px; }

#header div.nav { position: absolute; top: 50px; right: 0; width: 433px; height: 17px; }
#header div.nav ul.nav { float: left; background-repeat: no-repeat; background-position: 0 0; }
#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,
#header div.nav ul.nav a { background-image: url(../images/nav-noprof.png); }
#header div.nav ul.nav a { display: block; position: relative; text-decoration: none;  height: 0; padding: 17px 0 0 0; overflow: hidden; }
#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 li.products { width: 80px; }
#header div.nav ul.nav li.products a { background-position: 0 0; }
#header div.nav ul.nav li.products:hover a,
body.products #header div.nav ul.nav li.products a { background-position: 0 -17px; }

#header div.nav ul.nav li.itch { width: 174px; }
#header div.nav ul.nav li.itch a { background-position: -80px 0; }
#header div.nav ul.nav li.itch:hover a,
body.itch #header div.nav ul.nav li.itch a { background-position: -80px -17px; }

#header div.nav ul.nav li.buy { width: 127px; }
#header div.nav ul.nav li.buy a { background-position: -254px 0; }
#header div.nav ul.nav li.buy:hover a,
body.buy #header div.nav ul.nav li.buy a { background-position: -254px -17px; }

#header div.nav ul.nav li.faqs { width: 52px; }
#header div.nav ul.nav li.faqs a { background-position: -381px 0; }
#header div.nav ul.nav li.faqs:hover a,
body.faqs #header div.nav ul.nav li.faqs a { background-position: -381px -17px; }

#body { background: #ffffff url(../images/bg-body.jpg) no-repeat bottom right; padding: 10px 18px 19px 10px; margin: 0 4px; }
#body div.copy { float: right; width: 708px; }
#body div.copy h2 { position: relative; color: #00aeef; font-weight: bold; line-height: normal; height: 29px; margin: 15px 0 6px 0; overflow: hidden; }
#body div.copy h2 span { position: absolute; background-repeat: no-repeat; background-position: top left; width: 100%; height: 100%; }
#body div.copy h3 { color: #002d8b; font-weight: bold; }
#body div.copy p { margin-bottom: 1.5em; }
#body div.copy div.next { color: #102c66; font-weight: bold; }
#body div.sidebar { float: left; background: url(../images/bg-sidebar.jpg) no-repeat 0 100%; width: 224px; padding-bottom: 36px; }
#body div.sidebar h1 { position: relative; color: #002d8b; font-weight: bold; line-height: normal; height: 19px; margin-top: 4px; overflow: hidden; }
#body div.sidebar h1 span { position: absolute; background-repeat: no-repeat; background-position: top left; width: 100%; height: 100%; }
#body div.sidebar div.image { background-image: url(../images/sidebar-2.jpg); background-repeat: no-repeat; background-position: 6px 100%; padding-bottom: 200px; }
#body div.sidebar div.nav { background-color: #daf2fa; padding: 14px 6px 14px 22px; margin-left: 8px; }
#body div.sidebar div.nav ul { margin-top: 8px; }
#body div.sidebar div.nav li { padding-left: 13px; }
#body div.sidebar div.nav li.selected { background: url(../images/sidebar-selected.gif) no-repeat 0 50%; }
#body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#body { zoom: 1; }

#footer { background-color: #ffffff; padding-bottom: 10px; margin: 0 4px; }
#footer ul,
#footer li { display: inline; }
#footer div.nav { background-color: #daf2fa; text-align: center; padding: 10px 18px 12px 18px; margin: 0 18px; }
#footer li { padding-right: 10px; border-right: 1px solid #073c8f; margin-right: 10px; }
#footer li.copyright { padding-right: 0; border-right: 0; margin-right: 0; }


/* Individual Pages */

/* Home */
body.home #body { padding: 10px 18px 19px 18px; margin: 0 4px; }
body.home #body div.features h2 { position: relative; color: #009cec; font-weight: bold; line-height: normal; height: 17px; overflow: hidden; }
body.home #body div.features h2 span { position: absolute; background-repeat: no-repeat; background-position: top left; width: 100%; height: 100%; }
body.home #body div.features p { margin: 0.75em 0 1.25em 0; }
body.home #body div.features div.works { float: left; width: 500px; padding: 0 19px 0 8px; }
body.home #body div.features div.works h2 { width: 159px; }
body.home #body div.features div.works h2 span { background-image: url(../images/heading-home-works.gif); }
body.home #body div.features div.works div.text { float: left; width: 380px; padding-top: 25px; }
body.home #body div.features div.works img.image { float: right; width: 99px; }
body.home #body div.features div.itch { float: left; width: 406px; padding: 25px 4px 0 23px; }
body.home #body div.features div.itch h2 { width: 140px; }
body.home #body div.features div.itch h2 span { background-image: url(../images/heading-home-itch.gif); }
body.home #body div.features div.itch div.text { float: left; width: 294px; }
body.home #body div.features div.itch img.image { float: right; width: 109px; }
body.home #body div.features:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.home #body div.features { background: url(../images/bg-home-features-noprof.gif) repeat-y 524px 0; padding: 6px 0 17px 0; margin: 14px 0 24px 0; zoom: 1; }

/* Products */
body.products #body div.copy h2 { width: 149px; }
body.products #body div.copy h2 span { background-image: url(../images/subtitle-products.gif); }
body.products #body div.sidebar h1 { width: 72px; }
body.products #body div.sidebar h1 span { background-image: url(../images/title-products.gif); }
body.products #body div.copy p { color: #002d8b; font-weight: bold; }
body.products #body div.copy div.products p { color: #000; font-weight: normal; }
body.products #body div.copy div.products div { width: 197px; padding: 381px 17px 0 17px; }
body.products #body div.copy div.liquid { float: left; background: url(../images/products-liquid.jpg) no-repeat 40% 0; }
body.products #body div.copy div.wipes { float: left; background: url(../images/products-wipes.jpg) no-repeat 40% 73px; }
body.products #body div.copy div.maxliquid { float: left; background: url(../images/products-maxliquid.jpg) no-repeat 40% 18px; }
body.products #body div.copy div.products:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.products #body div.copy div.products { zoom: 1; margin-left: 7px; }
body.products #body div.sidebar div.image { background-image: url(../images/sidebar-3.jpg); }

/* Treating Scalp Itch */
body.itch #body div.copy ul { margin: 0 0 1.5em 20px;  }
body.itch #body div.copy ul li { list-style-type: disc; margin-bottom: 0.75em; }
body.itch #body div.sidebar h1 { width: 155px; }
body.itch #body div.sidebar h1 span { background-image: url(../images/title-itch.gif); }
#page-itch-treatment #body div.copy { background: url(../images/bg-itch-treatment.jpg) no-repeat 527px 79px; width: 517px; padding-right: 191px; }
#page-itch-treatment #body div.copy h2 { width: 349px; }
#page-itch-treatment #body div.copy h2 span { background-image: url(../images/subtitle-itch-treatment.gif); }
#page-itch-avoid #body div.copy h2 { width: 532px; }
#page-itch-avoid #body div.copy h2 span { background-image: url(../images/subtitle-itch-avoid.gif); }
#page-itch-serious #body div.copy h2 { width: 296px; }
#page-itch-serious #body div.copy h2 span { background-image: url(../images/subtitle-itch-serious.gif); }
#page-itch-causes #body div.copy h2 { width: 342px; }
#page-itch-causes #body div.copy h2 span { background-image: url(../images/subtitle-itch-causes.gif); }

/* Where to Buy */
body.buy #body div.copy h2 { width: 224px; }
body.buy #body div.copy h2 span { background-image: url(../images/subtitle-buy.gif); }
body.buy #body div.sidebar h1 { width: 110px; }
body.buy #body div.sidebar h1 span { background-image: url(../images/title-buy.gif); }
body.buy #body div.copy p { color: #002d8b; font-weight: bold; }
body.buy #body div.copy div.wipes { float: left; background: url(../images/buy-wipes.jpg) no-repeat 0 6px; width: 173px; padding-left: 107px; }
body.buy #body div.copy div.liquid { float: left; background: url(../images/buy-liquid.jpg) no-repeat 0 0; width: 220px; padding-left: 180px; }
body.buy #body div.copy div.products:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.buy #body div.copy div.products { zoom: 1; }
body.buy #body div.sidebar div.image { background-image: url(../images/sidebar-1.jpg); }

/* FAQs */
body.faqs #body div.copy h2 { width: 469px; }
body.faqs #body div.copy h2 span { background-image: url(../images/subtitle-faqs.gif); }
body.faqs #body div.sidebar h1 { width: 39px; }
body.faqs #body div.sidebar h1 span { background-image: url(../images/title-faqs.gif); }
body.faqs #body div.copy ol { margin-left: 32px;  }
body.faqs #body div.copy ol li { list-style-type: decimal; margin-bottom: 0.75em; }
body.faqs #body div.copy ol li div.answer { font-weight: bold; }

/* For Professionals */
body.professionals #body div.copy h2 { width: 286px; }
body.professionals #body div.copy h2 span { background-image: url(../images/subtitle-professionals.gif); }
body.professionals #body div.sidebar h1 { width: 142px; }
body.professionals #body div.sidebar h1 span { background-image: url(../images/title-professionals.gif); }
body.professionals #body div.copy p { color: #002d8b; font-weight: bold; }
body.professionals #body div.copy div.container { width: 685px; }
body.professionals #body div.copy div.container div.form { float: left; width: 395px; margin: 0 0 11px 6px; padding-top: 0.5em; }
body.professionals #body div.copy div.container img { float: right; width: 260px; }
body.professionals #body div.copy div.results { font-weight: bold; }
body.professionals #body div.copy div.error { color: #bc0309; }
body.professionals #body div.copy div.item { width: 284px; margin-top: 0.4em; }
body.professionals #body div.copy div.item label { float: left; display: block; width: 100px; }
body.professionals #body div.copy div.item input { float: right; background-color: #efe922; width: 170px; padding: 0.17em 4px; border: 1px solid #005ca8; }

body.professionals #body div.copy #form-state { float: left; width: 253px; margin-right: 15px; }
body.professionals #body div.copy #form-zip { float: left; width: 120px; }
body.professionals #body div.copy #form-state select { float: right; background-color: #efe922; width: 149px; border: 1px solid #005ca8; }
body.professionals #body div.copy #form-state option { padding: 0.0833em 4px; }
body.professionals #body div.copy #form-zip label { width: 66px; }
body.professionals #body div.copy #form-zip input { width: 40px; }


body.professionals #body div.copy #form-submit { text-align: right; width: 284px; margin-top: 19px; }
body.professionals #body div.copy div.container:after,
body.professionals #body div.copy div.item:after,
body.professionals #body div.copy div.itemgroup:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.professionals #body div.copy div.container,
body.professionals #body div.copy div.item,
body.professionals #body div.copy div.itemgroup { zoom: 1; }
body.professionals #body div.sidebar div.image { background-image: url(../images/sidebar-4.jpg); }

/* For Professionals Thank You */
body.professionalsthankyou #body div.copy h2 { width: 286px; }
body.professionalsthankyou #body div.copy h2 span { background-image: url(../images/subtitle-professionals.gif); }
body.professionalsthankyou #body div.sidebar h1 { width: 142px; }
body.professionalsthankyou #body div.sidebar h1 span { background-image: url(../images/title-professionals.gif); }
body.professionalsthankyou #body div.copy p { font-weight: bold; }
body.professionalsthankyou #body div.copy div.container { width: 685px; }
body.professionalsthankyou #body div.copy div.container div.results { float: left; width: 395px; margin: 0 0 11px 6px; padding-top: 1.5em; }
body.professionalsthankyou #body div.copy div.container img { float: right; width: 260px; }
body.professionalsthankyou #body div.copy div.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.professionalsthankyou #body div.copy div.container { zoom: 1; }
body.professionalsthankyou #body div.sidebar div.image { background-image: url(../images/sidebar-4.jpg); }

/* Sitemap */
body.sitemap #body div.copy h2 { width: 135px; }
body.sitemap #body div.copy h2 span { background-image: url(../images/subtitle-sitemap.gif); }
body.sitemap #body div.sidebar h1 { width: 66px; }
body.sitemap #body div.sidebar h1 span { background-image: url(../images/title-sitemap.gif); }
body.sitemap #body div.copy ul ul { margin-left: 20px;  }
body.sitemap #body div.copy ul li { margin-bottom: 0.75em; }
body.sitemap #body div.copy ul ul li { list-style-type: disc; margin-bottom: 0.25em; }
body.sitemap #body div.sidebar div.image { background-image: url(../images/sidebar-1.jpg); }

/* News Room */
body.news #body div.copy h2 { width: 199px; }
body.news #body div.copy h2 span { background-image: url(../images/subtitle-news.gif); }
body.news #body div.copy h3 { margin-bottom: 1em; }
body.news #body div.copy table td { vertical-align: top; padding-top: 1em; }
body.news #body div.copy table td.label { padding-right: 10px; }
body.news #body div.sidebar h1 { width: 95px; }
body.news #body div.sidebar h1 span { background-image: url(../images/title-news.gif); }
body.news #body div.copy div.item { margin: 1em 0; }
body.news #body div.copy img.right { float: right; margin: 0 0 1em 20px; }

/* Contact Us */
body.contact #body div.copy h2 { width: 188px; }
body.contact #body div.copy h2 span { background-image: url(../images/subtitle-contact.gif); }
body.contact #body div.sidebar h1 { width: 88px; }
body.contact #body div.sidebar h1 span { background-image: url(../images/title-contact.gif); }

/* User Agreement */
body.agreement #body div.copy h2 { width: 272px; }
body.agreement #body div.copy h2 span { background-image: url(../images/subtitle-agreement.gif); }
body.agreement #body div.sidebar h1 { width: 131px; }
body.agreement #body div.sidebar h1 span { background-image: url(../images/title-agreement.gif); }
body.agreement #body div.copy ol { margin-left: 25px;  }
body.agreement #body div.copy ol li { list-style-type: decimal; margin-bottom: 0.75em; }
body.agreement #body div.sidebar div.image { background-image: url(../images/sidebar-3.jpg); }

/* Privacy Policy */
body.privacy #body div.copy h2 { width: 232px; }
body.privacy #body div.copy h2 span { background-image: url(../images/subtitle-privacy.gif); }
body.privacy #body div.sidebar h1 { width: 118px; }
body.privacy #body div.sidebar h1 span { background-image: url(../images/title-privacy.gif); }
body.privacy #body div.copy ol { margin: 0 0 1.5em 25px;  }
body.privacy #body div.copy ol li { list-style-type: decimal; margin-bottom: 0.75em; }
body.privacy #body div.sidebar div.image { background-image: url(../images/sidebar-3.jpg); }

/* Coupon Thank You */
body.couponthankyou #body div.copy h2 { width: 189px; }
body.couponthankyou #body div.copy h2 span { background-image: url(../images/subtitle-thankyou.gif); }
body.couponthankyou #body div.copy p { color: #002d8b; font-weight: bold; }
body.couponthankyou #body div.copy div.products img { margin-right: 49px; }
body.couponthankyou #body div.copy div.products img.wipes { margin-top: 73px; }
body.couponthankyou #body div.copy div.products img.maxliquid { margin-top: 18px; }
body.couponthankyou #body div.copy div.products:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.couponthankyou #body div.copy div.products { zoom: 1; margin-left: 30px; }



#header img,
#header div.nav ul.nav,
#header div.nav ul.nav a { behavior: url(/inc/iepngfix.htc) }


@media print {
	div.sidebar { display: none; }

	body { font: 11pt/1.231 arial, helvetica, clean, sans-serif; }
	#footer { font-size: 10pt; }

	a:link,
	a:visited { font-weight: bold; text-decoration: underline; }

	body { text-align: left; min-width: 100%; }
	#content { width: auto; margin: 0; padding-bottom: 0; }
	#body { background-color: transparent; padding: 10px 0 0 0; margin: 0; }
	#body div.copy { float: none; width: auto !important; padding: 0 !important; }
	#footer { background-color: transparent; padding-bottom: 0; border-top: 1px solid #666; margin: 2.5em 4px 0 4px; }

	#body div.copy h2 { font-size: 17pt; width: auto; height: auto; margin: 15px 0 14px 0; overflow: visible; }
	#body div.copy h2 span { display: none; }

	body.home #body div.features h2 { font-size: 16pt; width: auto; height: auto; overflow: visible; }
	body.home #body div.features h2 span { display: none; }
}


/**
 * 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 <http://www.gnu.org/licenses/>.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @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; }