@charset "UTF-8";
body { margin:0; padding:0; background-color:#fff; }
p { margin:0 4px 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#666; line-height:18px; }
ul { padding:0; margin:0 0 10px 20px; line-height:18px; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#333; margin:auto; padding-left:0; padding-bottom:15px; }
h1 { font: 20px Arial, Helvetica, sans-serif; color: #8cc63f; margin:14px 0 10px 10px;}
h2 { font: 18px Arial, Helvetica, sans-serif; color: #8cc63f; margin-top: 14px;}
.clearer { clear: both; margin: 0px; line-height: 0px; padding: 0px; }

/* Header Styles */
#header { width: 805px; height: auto; margin: 0 auto; margin-top: 15px;}
#headLeft {width: 300px; height: auto; float: left;}
#headRight {width: 500px; height: auto; float: right;}
#headtxt {
	font-weight: bold;
	color: #8cc63f;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
}
#navWrap {width: 500px; height: 35px;}

/* Nav Links */
div.nav {margin-left:10px; padding-top: 7px; color:#CCCCCC}
a.nav {font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color: #999999; margin-right: 2px;}
a.nav:hover {color: #8cc63f;}

.order {width: 85px; height: 35px; float: right;}
a.order {background: url(../images/orderbutton.gif); display: block;}
a.order:hover {background: url(../images/orderbuttonhover.gif);}
/* END Header Styles */

/* Main Content Styles */
#headimg {width: 802px; height: 311px; margin: 0 auto; }
#mainContentWrap {width: 802px; height: auto; margin: 0 auto; border-bottom:1px solid #ccc; }
#contentLeft {width: 460px; height: auto; float: left; border-right: 1px solid #b9b9b9; }
#colLeftTop {width: 460px; height: auto; }
#colLeftBot {width: 460px; height: auto; border-top:1px solid #b9b9b9; }
#detox {width: 260px; height: auto; float:left; border-right: 1px solid #b9b9b9; }
#nut {width: 180px; height: auto; float: right;}
#contentRight {width: 337px; height: auto; float: right;}
#radio {width: 337px; height: auto;}
#dust {border-bottom: 1px solid #b9b9b9; width: 330px;}
#germs {border-bottom: 1px solid #b9b9b9; width: 330px;}
#steth {width: 330px; height: 110px;}

a.learn {color: #75a733; font: 12px Arial, Helvetica, sans-serif;}
a.learn:hover {color: #437501;}

#offerBoxes { width:761px; height:211px; margin:15px auto; }

/* End Main Content Styles */


/* SubPage Styles */
#subOfferImg { width:235px; height:auto; margin:14px auto; }
#subpagehead {width: 802px; height: auto; margin: 0 auto; border-top: 1px solid #b9b9b9;}
#subpagemain {width: 803px; height: auto; margin: 0 auto; border-bottom:1px solid #b9b9b9; border-top:1px solid #b9b9b9;}
h1.subpage {font: 24px Arial, Helvetica, sans-serif; font-weight:normal; color: #8cc63f; padding: 0px; margin:15px 0 25px 0;}
h2.subpage {font: 17px Arial, Helvetica, sans-serif; color: #666; margin:0 0 5px 0; }
p.subpageTxt {margin:0 4px 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#666;}
ul.subpageUL { padding:0; margin:10px 0 10px 25px; list-style-image:url(../images/bullet.gif); }
li.subpageLI { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333; margin:auto; padding-left:0; padding-bottom:15px; }
hr { width:98%; height:1px; border:none; background:url(../images/hrbg.gif); margin:14px auto; background-color:#b9b9b9;}
#subLeft {width: 530px; float: left; padding-right:10px; margin-right:10px; border-right:1px solid #b9b9b9;}
#trackLeft {width: 765px; float: left; padding-right:10px; margin-right:10px; }
#subRight {width: 250px; height:auto; float: right;}
#radioBg { width:400px; height:400px; background-image:url(../images/radio_bg.jpg); background-repeat:no-repeat; }

#subdust {border-bottom: 1px solid #b9b9b9; width: 240px; height:auto;}
#subgerms {border-bottom: 1px solid #b9b9b9; width: 240px; height:auto;}
#substeth {width: 240px; height:auto;}
/* SubPage Styles End */

/* Form Styles*/
#formWrap { width:765px; height:auto; margin:10px auto; }
.formTitle {font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight: lighter; color: #999999; margin-top: 20px; text-align: center; }
.formTitle p {font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; color: #8cc63f;text-align: center; padding-bottom: 20px; }
#formProduct { width:342px; height:465px; float:right; margin-top:15px;}
/* END Form Styles*/

#footerContentWrap { width:765px; height:auto; margin:0 auto; padding:0; border-top:1px solid #b9b9b9; }
#footerLogo { width: 23px; height: 48px; background-image: url(../images/footlogo.gif); float: left; margin: 5px 0 0 10px; }
#footerNavWrap { width:auto; height:auto; margin:0 auto; margin-top: 5px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6e5a61; }
p.copyright { font-size:10px; color:#999; text-align:center; margin-top:6px; }

a.footerLink:link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6e5a61; text-decoration:none; }
a.footerLink:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6e5a61; text-decoration:none; }
a.footerLink:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6e5a61; text-decoration:underline; }


#backEndHeader { width:802px; height:116px; margin:0 auto; background-image:url(../images/backEnd_header.gif); background-repeat:no-repeat; border-bottom:1px solid #b9b9b9; }

/* Upsell Styles*/

#steps { width:780px; height:45px; margin:0 auto; padding:15px 0 0 0; }
#step1 { background-image:url(../images/step1_grey.gif); width:61px; height:27px; float:left; }
.arrow { width:31px; height:27px; background-image:url(../images/grey_arrow.gif); margin:0 15px 0 10px; float:left; }
#step2 { background-image:url(../images/step2_grey.gif); width:171px; height:27px; float:left; }
#step3 { background-image:url(../images/step3_green.gif); width:112px; height:27px; float:left; }


#backEndContainer { width:765px; height:auto; margin:0 auto; min-width: 765px; background-color: #fff; }
#orderCompleteTxt { width:740px; height:auto; padding:15px 0 10px 0; text-align:center; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:23px; font-weight:normal; color:#666; }
#upsellSection { width: 800px; height:auto; margin: 0 auto; background-image: url(../images/grey_gradiant.html); background-repeat: repeat-x; background-position: top; font-family:Verdana, Arial, Helvetica, sans-serif; }
#upsellImage { width:310px; height:auto; float:left; margin:30px 0 0 10px; }
#upsellTxt { width:375px; height:auto; float:right; padding:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333; }
h2.upsellTitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; font-weight:400; color:#8cc63f; margin:0 0 12px 0; }
/* END Upsell Styles*/

/* Confirmation Page Styles*/
#confirmSection { width: 800px; height:auto; margin: 0 auto; background-image: url(../images/grey_gradiant.html); background-repeat: repeat-x; background-position: top; font-family: Georgia, "Times New Roman", Times, serif; }
#addressSection { width:740px; height:auto; margin:0 0 25px 10px; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; }
.orderItemsTable { width:780px; height:auto; margin:10px auto; vertical-align:top; background-color:#fff; }
h2.complete { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:23px; font-weight:400; color:#666; margin:0 0 12px 0; }  
h3.orderNumber { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:21px; font-weight:400; color:#8cc63f; margin:0 0 12px 0; } 
.rowHead { background-color:#8cc63f; height:30px; }
.rowHeadTxt { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff; padding-top:6px; }
.btmRowHead { background-color:#8cc63f; height:10px; }
/* END Confirmation Page Styles*/



#visonOffers { margin-bottom:100px; }