/* main style sheets for stainsolver2.0 design - made Feb. 2009 */


body {
	margin:0;
	padding:0;
	text-align: center;
	font-size:small;
	font-family: arial, tahoma, verdana, sans-serif;
}


/*********MAIN LAYOUT CONTAINERS*********/

#container {
	position:relative;
	margin:0 auto;
	padding-left:10px;
	text-align: left;
	width:850px;
/* 	border:1px solid red; */
}
#header {
	float:left;
	position: relative;
	width:850px;
	height:100px;
/* 	border:1px solid yellow; */
}
#nav {
	float:left;
	position: relative;
	width:850px;
	height:30px;
	margin:30px 0 -2px 0;
/* 	border: 1px solid green; */
}
#body {
	float:left;
	position: relative;
	width: 850px;
	padding:35px 0;
	border-top:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
	z-index: 0 !important; /*  fix IE dropdown overlap  */
	z-index: -1;
/* 	border: 1px solid purple; */
}
#footer {
	float:left;
	position: relative;
	margin:30px 0 0 0;
	padding:30px 0;
	width: 850px;
	height:100px;
	background: url(images/MadeUSA131x130.jpg) no-repeat top right;
/* 	border: 1px solid orange; */
}


/*********GLOBAL/SEMI-GLOBAL STYLES*********/

.bodyText {
	font-size:13px;
	line-height:1.5em;
	color:#787878;
}
.bodyText h1 {
	color:#000;
	font-size:19px;
}
.bodyText h2 {
	color:#000;
	font-size:14px;
	margin-top:50px;
}
.bodyText a {
	color:#34a744;
	text-decoration:none;
}
.bodyText a:hover {
	color:#34a744;
	text-decoration:underline;
}


/*********LIGHTBOX AD STYLES*********/
#lightBoxScreen {
	height:1000px;
	width:1000px;
	background: #fff;
	position: absolute;
	top:0;
	left:0;
	z-index: 9000;
}
#discountLightBox {
	font-family: arial, verdana, tahoma, sans-serif;
	line-height: 1.4em;
	color:#333;
	position: absolute;
	top:100px;
	left:50%;
	margin-left:-190px;
	height:458px;
	width:361px;
	/* padding:30px; */
	border:#cdcdcd 10px solid;
	background:#fff;
	z-index: 999000;
}
#lightBoxScreenClose {
	position: absolute;
	top:5px;
	right:5px;
	width:50px;
	height:20px;
	
}
#lightBoxScreenClose a {
	color:#56ae4d;
	text-decoration: underline;
}
#lightBoxScreenClose a:hover {
	color:#72e666;
}


/*********HEADER STYLES*********/

#logo {
	position:absolute;
	top:30px;
	color:#b7b7b7;
	font-size:40px;
	font-weight: bold;
}
#logo a, #logo a:hover {
	color:#b7b7b7;
	text-decoration: none;
}
#tagline {
	position:absolute;
	top:70px;
	color:#34a744;
}
#tagline a, #tagline a:hover {
	color:#34a744;
	text-decoration: none;
}
#freeShipping {
	position: absolute;
	top:40px;
	left:335px;
	width:239px;
	height:60px;
}
#contactUs {
	position: absolute;
	top:10px;
	right:0px;
}
#cart {
	position: absolute;
	top:27px;
	right:0px;
}
#search {
	position:absolute;
	top:75px;
	left:627px;
	height:23px;
	width:223px;
}
input.searchBox {
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
	height:21px;
	width:200px;
	border-top:1px solid #bfbfbf;
	border-left:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	border-right:none;
}
.searchButton {
	position: absolute;
	top:0px;
	left:200px;
}
#search2 {
	position:absolute;
	top:100px;
	left:210px;
	height:23px;
	width:75px;
}
input.searchBox2 {
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
	height:21px;
	width:150px;
	border-top:1px solid #bfbfbf;
	border-left:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	border-right:none;
}
.searchButton2 {
	position: absolute;
	top:0px;
	left:124px;
}


/*********NAVIGATION SYTLES*********/

#nav ul {
	list-style-type: none;
	display: block;
	width:850px;
	margin:0;
	padding:0;
}
#nav ul li {
	float:left;
	height:28px;
	color:#000;
	margin-left:44px;
	padding:0;
}
#nav ul li.firstItem, #nav ul li.firstItem a {
	margin-left:0px;
	padding-left:0px;
}
#nav ul li a {
	display: block;
	position:relative;
	background:none;
	height:20px;
	padding:5px;
	color:#999999; /*orignal #b1b1b1*/
	text-decoration: none;
	z-index: 5;
}
#nav ul li a.current, #nav ul li a.current:hover {
	color:#000;
	cursor: default;
}
#nav ul li.hover a {
	padding:4px;
	background:#effdec;
}
#nav ul li a:hover {
	color:#34a744;
	text-decoration: none;
}
/*DROPDOWN MENU STYLES*/
#nav ul li.hover {
	background:#fff;
	border-top:1px solid #8bf26a;
	border-left: 1px solid #8bf26a;
	border-right:1px solid #8bf26a;
	z-index:3;
}
#nav ul li div {
	position:absolute;
	top:28px;
	left:0px;
	padding:15px 20px;
	background:#effdec;
	border:1px solid #8bf26a;
	z-index: 2;
}
#subHolder1 { 
	/* margin-left:414px; */
	margin-left:271px;
	height:80px;
	/* width:390px; */
	width:524px;
}
#nav ul li ul {
	float:left;
	position: relative;
	margin:0;
	padding:0;
	width:130px;
	height:auto;
	/* border:thin solid red; */
}
#nav ul li ul li {
	float:none;
	padding:0;
	margin:0 0 5px 0;
	width:auto;
	height:auto;
	text-align: left;
	background:none;
	/* border:thin solid green; */
}
#nav ul li ul li a {
	display: inline;
	float:none;
	color:#34a744;
	text-decoration:none;
	height:auto;
	width:auto;
	text-align: left;
	margin:0;
	padding:0;
}
#nav ul li ul li a:hover {
	color:#b1b1b1;
	text-decoration:none;
}
.hiddenList {
	display:none;
}
/*end*/

/*********FOOTER STYLES*********/

#footer p {
	width:720px;
	text-align: center;
}
#footer p a {
	color:#b1b1b1;
	text-decoration: none;
}
#footer p a:hover {
	color:#34a744;
	text-decoration:none;
}


/*********HOMEPAGE STYLES*********/
#body.homepage {
	margin-top:15px;
	padding:0;
	border:none;
}
#homeText {
	float:left;
	position: relative;
	width:490px;
	height:450px;
	padding-top:10px;
	background: #F7F4AF;
}
#homeText p {
	font-size: 18px;
	line-height:29px;
	font-family: Georgia, times, serif;
	width:430px;
	padding:0 30px;
	margin:0 0 30px 0;
	text-align: center;
}
#homeText a.buyButton {
	margin:5px 0 0 146px;
}
a.buyButton {
	display: block;
	width:135px;
	height:36px;
	padding-top:9px;
	font-family:arial, tahoma, verdana, sans-serif;
	font-size:18px;
	line-height:29px;
	text-align: center;
	border:2px solid #ccc;
	background: #34a744;
	color:#fff;
	text-decoration: none;
}
a.buyButton:hover {
	background:#5a5a5a;
}
#homeText a.buyButtonHP {
	margin:5px 0 0 170px;
}
a.buyButtonHP {
	display: block;
	width:135px;
	height:36px;
	padding-top:9px;
	font-family:arial, tahoma, verdana, sans-serif;
	font-size:18px;
	line-height:29px;
	text-align: center;
	border:2px solid #ccc;
	background: #34a744;
	color:#fff;
	text-decoration: none;
}
a.buyButtonHP:hover {
	background:#5a5a5a;
}

#homeText a.amtButton {
	margin:5px 0 0 146px;
}
a.amtButton {
	display: block;
	width:185px;
	height:36px;
	padding-top:9px;
	font-family:arial, tahoma, verdana, sans-serif;
	font-size:18px;
	line-height:29px;
	text-align: center;
	border:2px solid #ccc;
	background: #2D2D2D;
	color:#fff;
	text-decoration: none;
}
a.amtButton:hover {
	background:#5a5a5a;
}
#homeText a.cartButton {
	margin:0px 0 0 0px;
}
a.cartButton {
	display: block;
	width:88px;
	height:20px;
	padding-top:0px;
	font-family:arial, tahoma, verdana, sans-serif;
	font-size:12px;
	line-height:20px;
	text-align: center;
	border:2px solid #ccc;
	background: #34a744;
	color:#fff;
	text-decoration: none;
}
a.cartButton:hover {
	background:#5a5a5a;
}
#homeImage {
	float:left;
	position: relative;
	width:360px;
	height:460px;
	/* background: url(images/homeImage360x460.jpg) no-repeat; */
}


/*********ABOUT PAGE*********/

#aboutImage {
	float:left;
	position: relative;
	width:376px;
	height:513px;
	border:1px solid #bdbdbd;
}
#aboutText {
	float: left;
	position: relative;
	width:447px;
	margin:0 0 0 25px;
}
#aboutText h1 {
	margin:0 0 20px 0;
	text-align: center;
}
#aboutText p {
	margin:0 0 15px 0;
}


/*********CONTACT PAGE*********/

#contactMainText {
	float:left;
	position: relative;
	width:558px;
}
#contactMainText h2 {
	font-weight: normal;
}
#contactMainText p {
	margin:10px 0 0 0;
}
#contactSideText {
	float:left;
	position: relative;
	width:271px;
	padding-left:20px;
	border-left:1px solid #bdbdbd;
}
#contactFAQ {
	margin-top:-20px;
	padding-bottom:40px;
	border-bottom:1px solid #bdbdbd;
}
a.faqLink {
	display: block;
	float: right;
	font-weight: bold;
}
#contactReturnPolicy {

}


/*********WHY OXYGEN BLEACH PAGE*********/

#whySidebar {
	float: left;
	position: relative;
	width:288px;
	padding:0 10px;
	background:#F7F4AF;
	color:#676767;
	font-family:Georgia, times, serif;
}
#whySidebar h2 {
	text-align: center;
	font-size:22px;
	margin-top:15px;
}
#whySidebar img {
	border:1px solid #dbdbdb;
}
#whySidebar p {
	line-height:1.3em;
	margin:5px 0 50px 0;
}
#whyText {
	float: left;
	position: relative;
	width:502px;
	margin-left:40px;
}
#whyText h1 {
	font-size:23px;
}
#whyText h2 {
	font-size:17px;
	font-weight:normal;
}
#whyText ol {
	margin:0 0 0 30px;
	padding:0;
}
#whyText ol li {
	font-size:17px;
	color:#000;
}
#whyText ol li p {
	font-size:13px;
	line-height:1.5em;
	color:#787878;
	font-weight:normal;
}
#betterBox {
	font-family:Georgia, times, serif;
	border:1px solid #bdbdbd;
	margin:50px 0 0 0;
}
#betterBox h2 {
	font-size:22px;
	text-align: center;
	color:#00a650;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #bdbdbd;
}
#betterBox p {
	font-size: 16px;
	padding:0 20px;
}


/*********TIPS PAGES*********/

#breadcrumb {
	margin:0 0 20px 0;
}
#breadcrumb a {
	color:#34a744;
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#tipsSidebar {
	float: left;
	position: relative;
	width:308px;
}
#tipsImage {
	width:308px;
	height:442px;
	background:#F7F4AF;
}
#tipsImage img {
	border:1px solid #bdbdbd;
	margin:9px 0 0 9px;
	background: #fff;
}
#tipsAd {
	margin:30px 0 0 0;
}
#tipsText {
	float: left;
	position: relative;
	width:502px;
	margin-left:40px;
}
#tipsText h1 {
	margin:0 0 30px 0;
	font-size: 23px;
}


/*********FAQ PAGES*********/

#faqQuestions {
	float: left;
	position: relative;
	width:830px;
	padding-left:20px;
	min-height: 400px;
	height: auto !important; /*hack ie6 for min-height*/
	height: 400px; /*hack ie6 for min-height*/
}
#questionTextHolder {
	width:540px;
}
#faqQuestions h1 {
	font-size:19px;
	margin:0 0 20px 0;
	font-weight:normal;
}
#faqQuestions h2 {
	color:#787878;
	margin:10px 0 0 0;
}
#faqQuestions p {
	margin:5px 0 30px 0;
}
#faqExtra {
	position: absolute;
	right:0;
	top:30px;
	width:288px;
	height:353px;
	border:1px solid #bdbdbd;
}
#faqAnswers {
	float: left;
	position: relative;
	width:830px;
	padding:0 0 0 20px;
	border-top:1px solid #bdbdbd;
}
#faqAnswers h2 {
	margin-top:40px;
	font-size:14px;
	font-weight: normal;
}


/*********USES PAGE*********/

#usesFeature {
	float: left;
	position: relative;
	width:550px;
	height:185px;
	padding:0 0 0 70px;
	font-family: Georgia,times,serif;
	text-align: center;
	font-size: 14px;
	/background: url(images/ssBottle66x154.jpg) 100px 0 no-repeat;/
	/border-bottom:0px solid #bdbdbd;/
}
#usesFeature h1 {
	font-size: 28px;
	font-weight: normal;
}
#usesSamples {
	float:left;
	position: relative;
	width:850px;
}
#usesSamples img {
	float:left;
	margin-top:30px;
}
#usesSamples img.left {
	margin-right:28px;
}


/*********SHOPPING PAGES*********/

#shopItem {
	float: left;
	position: relative;
	width:850px;
}
#shopItem img {
	float:left;
}
#productDescription {
	float: left;
	width:425px;
	padding-left:100px;
}
#shopForm {
	margin:30px 0 0 0;
}
#shopForm select {
	width:250px;
}
#shopFeedback {
	float: left;
	position: relative;
	width:850px;
	border:1px solid #bdbdbd;
}
#feedbackHeader {
	float:left;
	width:850px;
	height:40px;
	background:#F7F4AF;
}
#feedbackHeader h2 {
	float:left;
	font-size:16px;
	margin:13px 0 0 20px;
}
#feedbackHeader a {
	display: block;
	float:right;
	margin:15px 20px 0 0;
	color:#34a744;
	text-decoration: none;
}
#feedbackHeader a:hover {
	text-decoration: underline;
}

div.feedbackItem {
	float:left;
	border-top:1px solid #bdbdbd;
	width:810px;
	padding:20px 20px;
}
div.feedbackItem p {
	margin:0 0 15px 0;
}


/*********BEFORE AND AFTER PAGE*********/

h1.beforeAfter {
	font-size:17px;
	margin:0 0 15px 0;
}
#beforeAfterBrowser {
	float:left;
	position: relative;
	width:848px;
	height:338px;
	border:1px solid #bdbdbd;
}
#browserLeft {
	float:left;
	width:38px;
	height: 338px;
	border-right:1px solid #bdbdbd;
}
#leftArrow {
	display: block;
	width:38px;
	height:338px;
	float:left;
	background: url(images/arrowLeftOff15x27.jpg) 10px 157px no-repeat;
}
a:hover#leftArrow {
	background: url(images/arrowLeftON15x27.jpg) 10px 157px no-repeat;
}
#browserContent {
	float:left;
	width:770px;
	height:338px;
}
#browserImage {
	float:left;
	width:750px;
	height:272px;
	padding:10px;
	border-bottom:1px solid #bdbdbd;
}
#browserImage p {
	text-align: center;
	margin-top:60px;
	font-size:medium;
	line-height:1.7em;
	border:1px solid #e9524d;
	background: #f2adab
}
#browserText {
	float:left;
	width:770px;
	height:45px;
}
#browserText p {
	text-align: center;
	font-size:15px;
	color:#000;
	margin:15px 0 0 0;
}
#browserText p a {
	color:#34a744;
	text-decoration: none;
}
#browserText p a:hover {
	text-decoration: underline;
}
#browserRight {
	float:left;
	width:38px;
	height:338px;
	border-left:1px solid #bdbdbd;
}
#rightArrow {
	display: block;
	width:38px;
	height:338px;
	float:left;
	background: url(images/arrowRightOff15x27.jpg) 10px 157px no-repeat;
}
a:hover#rightArrow {
	background: url(images/arrowRightON15x27.jpg) 10px 157px no-repeat;
}
#beforeAfterThumbs {
	float:left;
	position: relative;
	width:808px;
	padding:0 40px 0 2px;
	margin-top:50px;
}
div.thumb {
	float:left;
	position: relative;
	width:157px;
	height:118px;
	margin:0 5px 40px 40px;
	cursor: pointer;
	z-index: 1;
}
div.thumb .thumbImage {
	float:left;
	width:157px;
	height:93px;
}
div.thumb .thumbText {
	float:left;
	width:157px;
	height:20px;
	padding-top:5px;
	text-align: center;
}
#thumbTracker {
	position: absolute;
	top:-4px;
	left:38px;
	width:163px;
	height:120px;
	background:#dffddf;
	border:1px solid #99f783;
	z-index: 0;
}



/*********CATEGORY PAGE*********/

#categoryListUnit {
	margin:20px 0 30px 0;
}
#categoryListUnit p  {
	margin:3px 0;
	color:#000;
}
#categoryListUnit h2 {
	font-size:18px;
	margin:0;
}
#postedIn {
	font-size:10px;
}
#next {
	float:right;
	margin-right:15px;
}
#prev {
	float:left;
	margin-left:15px;
}