@charset "utf-8";

html,body { height: 100%;}
img {border: 0;}

/* PADDING STYLE */

* {padding:0; margin:0;}

li, ul {list-style-type: none; padding: 0; margin: 0;}

/* BASE STYLE */

body {font: 76%/1.4em Verdana, Arial, Helvetica, sans-serif; background: #f4f6d4; color:#444; padding: 0; margin: 0;}


/* BASE LINKS */
a {outline: none;}
a:link {color: #97c035; text-decoration: underline;}
a:visited {text-decoration: underline;  color: #999999;}
a:hover {color: #3b7600; text-decoration: underline;}
a:active {color: #f4f6d4; text-decoration: none;}

/* GLOBAL */

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 740px;
	background: #fff;
	padding: 0 30px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#content {padding:0 0 10.5em 0;}

/* HEADER */

div#header {background: url(../images/logo.gif) no-repeat; height: 90px;}

ul#menu {font-family: Arial, Helvetica, sans-serif; float: right; font-size: 0.9em; width: 565px; background: #3b7600; padding: 5px 0; margin: 0 auto; text-transform:uppercase; font-weight: bold; text-align: center;}
ul#menu li {display: inline; padding: 0 0.7em; border-right: solid 1px #478e01;}
ul#menu li.first {padding-left:10px;}
ul#menu li.last {padding-right: 10px; border-right: none;}
ul#menu a {color: #fff;text-decoration: none; background: none; }
ul#menu a:hover {color: #97c035;}

p.logo a {text-indent: -9999px; display: block; width: 160px; height: 70px; float: left; background: none; text-decoration: none;}

ul#submenu {float: right; padding: 25px 0 0 0;}
ul#submenu li {display: inline; padding: 0 0.5em; border-right: solid 1px #9f9f9f;}
ul#submenu li.last {padding-right: 0; border: none;}



/* INDEX CONTENT */
div#intro-script-rg {background: url(../images/script-logo-rg.jpg) no-repeat; width: 738px;height: 200px;  float: left;  position: relative;}
div#intro-script {background: url(../images/script-logo.gif) no-repeat; width: 738px;height: 200px;  float: left;  position: relative;}
div#intro-script-bb {background: url(../images/Bad-Breath-Logo.gif) no-repeat; width: 738px;height: 200px;  float: left;  position: relative;}

div#intro {background: url(../images/intro_index.jpg) no-repeat; width: 492px;height: 190px;  float: left;  position: relative;}

div#intro h1 {text-indent: -9999px;}
div#intro p {position: absolute; top: 70px; left: 20px; width: 300px; color: #2b3804; font-size: 1em;}
/* div#intro a {font-weight: bold; color: #234500;line-height: 3em;}
*/
div#trans-image {
	background: url(../images/transformation.jpg) no-repeat;
	width: 525px;
	height: 500px;
	float: right;
	margin-bottom: 15px;
	margin-top: 25px;
	margin-right: 15px;
	position: relative;
	
}
div#amazon-image {
	background: url(../images/amazon-reviews.jpg) no-repeat;
	width: 505px;
	height: 283px;
	float: left;
	margin-bottom: 15px;
	margin-top: 25px;
	margin-right: 15px;
	position: relative;
	
}
div#yuc-image {
	background: url(../images/yes-u-can.jpg) no-repeat;
	width: 525px;
	height: 599px;
	float: right;
	margin-bottom: 15px;
	margin-top: 25px;
	margin-right: 15px;
	position: relative;
	
}
div#trans-image-bb {
	background: url(../images/transformatioin-bb.gif) no-repeat;
	width: 525px;
	height: 500px;
	float: right;
	margin-bottom: 15px;
	margin-top: 25px;
	margin-right: 15px;
	position: relative;
	
}
div#testi {background: url(../images/script-testi.jpg) no-repeat; width: 550px;height: 200px;  float: right;margin-bottom: 15px;  margin-top: 15px;position: relative;}
div#testi h1 {position: absolute; top: 10px; left: 110px;color: #0000FF;font-family: Anke Print; font-weight: bold; }

div#testi p {position: absolute; top: 30px; left: 20px; width: 525px; color: #2b3804; font-size: 1em;}

div#testi2 {background: url(../images/script-testi2.jpg) no-repeat; width: 550px;height: 300px;  float: right;margin-bottom: 15px;  margin-top: 15px;position: relative;}
div#testi2 h1 {position: absolute; top: 10px; left: 20px;color: #0000FF;margin-top: 20px; font-family: Anke Print; font-weight: bold; }
div#testi2 p {position: absolute; top: 30px; left: 20px; width: 525px; color: #2b3804; font-size: 1em;}

div#testi2-bb {background: url(../images/script-testi2-bb.jpg) no-repeat; width: 550px;height: 400px;  float: right;margin-bottom: 15px;  margin-top: 15px;position: relative;}
div#testi2-bb h1 {position: absolute; top: 10px; left: 20px;color: #0000FF;margin-top: 20px; font-family: Anke Print; font-weight: bold; }
div#testi2-bb p {position: absolute; top: 30px; left: 20px; width: 525px; color: #2b3804; font-size: 1em;}


div#testi3 {background: url(../images/script-testi3.jpg) no-repeat; width: 550px;height: 400px;  float: right;margin-bottom: 15px;  margin-top: 15px;position: relative;}
div#testi3 h1 {position: absolute; top: 10px; left: 20px;color: #0000FF;margin-top: 20px; font-family: Anke Print; font-weight: bold; }
div#testi3 p {position: absolute; top: 30px; left: 20px; width: 525px; color: #2b3804; font-size: 1em;}

div#orderindex {background: url(../images/order_index.jpg) no-repeat; width: 248px;height: 190px; float: right;}
div#orderindex p {text-indent: -9999px;}
div#orderindex p a {display: block; height: 170px; width: 248px; text-decoration: none;}


div#boxes-index{clear: both; background: #f4f6d4; padding: 0; height: 230px; color: #003333;}
div#boxes-index h2 {background: #3b7600; color: #fff; padding: 7px 0 7px 15px; font-size: 1.1em;}
div#boxes-index h3 {background: #3b7600; color: #fff; padding: 7px 0 7px 15px; font-size: 1.1em;}
div#boxes-index p {padding: 10px 14px 0 14px; font-size: 0.9em;}
div#boxes-index ul { padding: 10px 12px 10px 18px; font-size: 0.9em;}
div#boxes-index ul li {background: url(../images/bullet.gif) no-repeat; padding: 2px 0 2px 13px;}

div#para-index ul li {background: url(../images/bullet.gif) no-repeat; padding: 2px 0 2px 13px;}

div#box1 {float: left; width: 246px; border-right: solid 1px #fff; height: 230px;}
div#box2 {float: left; border: none; width: 245px; border-right: solid 1px #fff; height: 230px;}
div#box3 {float: left; border: none; width: 247px; height: 230px;}


div#bottom-boxes-index {clear: both; height: 50px; display: block;}

/* INNERPAGES */

div#header-innerpage {padding-bottom: 20px;}

ul#col-menu {float: left; width: 150px;font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.9em;}
ul#col-menu li {border-bottom: solid 1px #f4f6d4; padding: 0.55em 0 0.55em 10px; background: url(../images/bullet_submenu.gif) no-repeat; text-transform: uppercase;}
ul#col-menu li a {text-decoration: none; display: block;}
ul#col-menu li#quote {font-size: 1.2em; font-style: italic; padding: 20px 10px; line-height: 1.5em; color: #b4ab8c; text-transform: none; background: none; border: none; background-color: #f0ece1; margin: 20px 0;}

div#col-text-pitch {float: left; width: 550px; padding: 0 20px;}
div#col-text-pitch h1 { color: #0033FF; font-weight: normal;font-size: 2em; border-bottom: solid 1px #f4f6d4; padding: 0 0 0.5em 0;}
div#col-text-pitch h2 { color: #3b7600; font-weight: normal; font-size: 1.5em; padding: 1em 0 0.5em 0; line-height: 1.2em;}

div#col-text-pitch h3 {
	color: #999900;
	font-weight: bold;
	font-size: 1.1em;
	padding: 1em 0 0 0;
	font-weight: bold;
}
div#col-text-pitch h4 {
	color: #006600;
	font-weight: bold;
	font-size: 1.9em;
	padding: 1em 0 0 0;
	font-weight: bold;
	font-style: normal;
	margin-left: 15px;
}
div#col-text-pitch h5 {
	color: #006600;
	font-weight: bold;
	font-size: 1.9em;
	padding: 1em 0 0 0;
	font-weight: bold;
	font-style: normal;
	margin-left: 100px;
	margin-top: -15px;
}
div#col-text-pitch h6 {
	color: #006600;
	font-weight: bold;
	font-size: 1.9em;
	padding: 1em 0 0 0;
	font-weight: bold;
	font-style: normal;
}

div#col-text-pitch h7 {
	color: #006600;
	font-weight: bold;
	font-size: 1.2em;
	padding: 1em 0 0 0;
	font-weight: bold;
	font-style: normal;
}
div#col-text-pitch h8 {
	color: #006600;
	font-weight: bold;
	font-size: 1.2em;
	padding: 1em 0 0 0;
	font-weight: bold;
	font-style: normal;
}

div#col-text-pitch p#head6 {
	text-align: left;
	font-weight: bold;
	color: #0000FF;
	border-bottom: 1px solid #f7f8de;
	font-size: 1.5em;

}

div#col-text-pitch p#head7 {
	text-align: left;
	font-weight: bold;
	color: #FF0000;
	border-bottom: 1px solid #f7f8de;
	font-size: 1.0em;
	margin-left: 25px;
}

div#col-text-pitch p#head9 {
	font-style: oblique;
	text-align: left;
	font-weight: bold;
	color: #006600;
	border-bottom: 1px solid #f7f8de;
	font-size: 1.5em;
	margin-left: 25px;
}

div#col-text-pitch p#head10 {
	font-style: oblique;
	text-align: left;
	font-weight: bold;
	color: #006600;
	border-bottom: 1px solid #f7f8de;
	font-size: 1.5em;
	margin-left: 70px;
	margin-top: -30px;
}
div#col-text-pitch p#head11 {
	font-style: oblique;
	text-align: left;
	font-weight: bold;
	color: #006600;
	border-bottom: 1px solid #f7f8de;
	font-size: 1.3em;
	margin-left: 15px;
}
div#col-text-pitch p#head12 {
	text-align: left;
	font-weight: bold;
	color: #9999cc;
	font-size: 11px;
	margin-left: 125px;
}
div#col-text-pitch p#head14 {
	text-align: left;
	font-weight: bold;
	color: #9999cc;
	font-size: 11px;
	margin-top: -25px;
	margin-left: 130px;
}
div#col-text-pitch p#head15 {
	text-align: left;
	font-weight: bold;
	color: #9999cc;
	font-size: 11px;
	margin-top: -25px;
	margin-left: 125px;
}

div#col-text-pitch p#head16 {
	text-align: left;
	font-weight: bold;
	color: #CC0000;
	font-size: 15px;
	margin-top: 0px;
	margin-left: 0px;
}

div#col-text-pitch p#head17 {
	color: #CC0000;
	font-weight: bold;
	font-size: 1.1em;
	padding: 1em 0 0 0;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
div#col-text-pitch p#head18 {
	text-align: left;
	font-weight: bold;
	color: #006600;
	border-bottom: 1px solid #f7f8de;
	font-size: 1.4em;
	margin-left: 0px;
	margin-bottom: 0px;
}

div#col-text-pitch p#text1 {
	font-style: normal;
	margin-top:-10px;
	margin-bottom:-10px;
}
div#faq {background: url(../images/script-testi.jpg) no-repeat; width: 550px;height: 200px;  float: right;margin-bottom: 10px;  margin-top: 15px;position: relative;}
div#faq h1 {
	position: absolute;
	top: 15px;
	left: 90px;
	color: #0000FF;
	font-family: BauhausCTT;
	font-weight: bold;
	margin-left: 150px;
	font-size: 20px;
}
div#faq h2 {
	position: absolute;
	top: 18px;
	left: 100px;
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#faq h3 {
	position: absolute;
	top: 18px;
	left: 20px;
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#faq p {position: absolute; top: 50px; left: 20px; width: 525px; color: #2b3804; font-size: 1em;}

.hr {border-top: 1px solid #cae4f4;}
div#col-text-pitch p {
	padding: 1em 0;
	font-style: normal;
}

div#col-text {float: left; width: 400px; padding: 0 20px;}
div#col-text h1 { color: #97c035; font-weight: normal;font-size: 2em; border-bottom: solid 1px #f4f6d4; padding: 0 0 0.5em 0;}
div#col-text h2 { color: #3b7600; font-weight: normal; font-size: 1.5em; padding: 1em 0 0.5em 0; line-height: 1.2em;}
div#col-text h3 { color: #ff8900; font-weight: normal; font-size: 1.1em; padding: 1em 0 0 0; font-weight: bold;}
.hr {border-top: 1px solid #cae4f4;}
div#col-text p {padding: 1em 0;}
div#col-text p#intro {color: #323232; font-weight: bold;}
div#col-text p#next {font-weight: bold;}
div#col-text p#order {background: url(../images/b_order.gif) no-repeat; text-indent: -9999px; width: 176px; height: 31px; padding: 0;}
div#col-text p#order a {display: block; text-decoration: none; padding: 0; width: 176px; height: 31px;}

div#col-text p#order-1 {
	background: url(../images/b_order.gif) no-repeat;
	text-indent: -9999px;
	width: 176px;
	height: 31px;
	padding: 0;
	margin-left: 150px;
}
div#col-text p#order-1 a {display: block; text-decoration: none; padding: 0; width: 176px; height: 31px;}
div#col-text p#testimonial {}
div#col-text p#sig { font-style: oblique; text-align: right; font-weight: bold;color: #323232;border-bottom: 1px solid #f7f8de; }
div#col-text p# { font-style: oblique; text-align: right; font-weight: bold;color: #323232;border-bottom: 1px solid #f7f8de; }


ul#list-flow { padding: 0.5em 0;}
ul#list-flow li {background: url(../images/bullet.gif) no-repeat; padding: 2px 0 2px 10px;}

div#col-boxes {float: left; width: 150px;}
div#col-boxes li {margin: 0 0 2em 0;  padding: 0; text-indent: -9999px; list-style-type: none; width: 149px; }

div#col-boxes li#thoothsection a {background: url(../images/149px-ToothSection.jpg) no-repeat; display: block; height: 181px;}
div#col-boxes li#ssl a {background: url(../images/siteseal_gd.png) no-repeat; display: block; height: 78px;}

div#col-boxes li#ordernow a {background: url(../images/box_order.jpg) no-repeat; display: block; height: 254px;}
div#col-boxes li#diduknow1 {background: url(../images/box_diduknow1.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknow2 {background: url(../images/box_diduknow2.jpg) no-repeat; height: 268px;}
div#col-boxes li#doctor {background: url(../images/box_doctor.jpg) no-repeat; height: 144px;}
div#col-boxes li#guarantee {background: url(../images/box_guarantee.jpg) no-repeat; height: 456px;}

div#col-boxes li#diduknowoak {background: url(../images/Did-u-know-oak.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowcelandine {background: url(../images/Did-u-know-celandine.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowsjw {background: url(../images/Did-u-know-St-Johns-wort.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowyarrow {background: url(../images/Did-u-know-yarrow.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowcamomile {background: url(../images/Did-u-know-Camomile.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowpine {background: url(../images/Did-u-know-pine-tree.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknownettle {background: url(../images/Did-u-know-Nettle.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowfir {background: url(../images/Did-u-know-fir.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowsmile {background: url(../images/Did-u-know-first-smile.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowkids {background: url(../images/box_diduknow_kids.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowoak1 {background: url(../images/box_diduknow_oak.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknownettle {background: url(../images/box_diduknow_nettle.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowpine {background: url(../images/box_diduknow_pine.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknow80percent {background: url(../images/Did-u-know-80percent.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowwomen {background: url(../images/Did-u-know-women.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowwomen-bb {background: url(../images/Did-u-know-women-bb.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknow600 {background: url(../images/Did-u-know-600.jpg) no-repeat; height: 284px;}

div#col-boxes li#diduknowmanypeople {background: url(../images/Did-u-know-many-people.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowfavor {background: url(../images/Did-u-know-favor.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowdontknow {background: url(../images/Did-u-know-dont-know.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowwaterfall {background: url(../images/Did-u-know-water-fall.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowkat {background: url(../images/Did-u-know-kat.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknow32teeth {background: url(../images/Did-u-know-32-teeth.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowendodontist {background: url(../images/Did-u-know-endodontist.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowperiodontist {background: url(../images/Did-u-know-periodontist.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowperiomeans {background: url(../images/Did-u-know-perio-means.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowplaque {background: url(../images/Did-u-know-plaque.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowpockets {background: url(../images/Did-u-know-pockets.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowgingiva {background: url(../images/Did-u-know-gingiva.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowmiscon {background: url(../images/Did-u-know-miscon.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowblackwoman {background: url(../images/Did-u-know-black-woman.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowmanonphone {background: url(../images/Did-u-know-man-on-phone.jpg) no-repeat; height: 284px;}
div#col-boxes li#diduknowmouthwash {background: url(../images/Did-u-know-mouthwash.jpg) no-repeat; height: 284px;}

div#col-boxes li#diduknowhalitosis{background: url(../images/Did-u-know-halitosis.jpg) no-repeat; height: 284px;}


div#col-boxes li#diduknowblankspaces {background: url(../images/box_diduknow_blank.gif) no-repeat; height: 65px;}

div#col-boxes li#diduknowblank200 {background: url(../images/box_diduknow_blank.gif) no-repeat; height: 200px;}
div#col-boxes li#diduknowblank100 {background: url(../images/box_diduknow_blank.gif) no-repeat; height: 100px;}
div#col-boxes li#diduknowblank50 {background: url(../images/box_diduknow_blank.gif) no-repeat; height: 50px;}
div#col-boxes li#diduknowblank25 {background: url(../images/box_diduknow_blank.gif) no-repeat; height: 25px;}

div#col-boxes li#diduknowblank10 {background: url(../images/box_diduknow_blank.gif) no-repeat; height: 10px;}

form#contact { border: solid 1px #FFE6CB; padding: 0 20px 10px 20px; background: #FFFADA; margin-bottom: 10px;}
form#contact table {width: 360px;}
form#contact td {padding: 10px 3px;}
form#contact td#name {width: 110px; font-weight: bold;}
form#contact td#input {font-size: 0.9em;}
form#contact p {border-bottom: solid 1px #FFE6CB;}
form#contact table td.seperatetop {border-bottom: solid 1px #FFE6CB; padding-bottom:20px;}
.terms {height: 100px; width: 200px;}
p#formnote {color: #FF0000;}
textarea#comment {height: 100px;}
td#name {vertical-align: top;}
.seperatebottom {border-top: solid 1px #FFE6CB;}

p#important {color: #FF0000;}
div#order {position: relative;height: 132px; width: 400px; text-align: right; padding-bottom: 20px;}
div#order p {padding:0; font-size: 0.9em; letter-spacing: -0.05em;}
div#order p a {display: block; text-decoration: none; padding: 25px 0 0 0; height: 107px;}
.regprice {padding: 0 20px 0 0;color: #404040; text-decoration:line-through;}
.save {padding: 0 20px 0 0;color: #e82f00;}
.specialprice {padding: 0 20px 0 0;	font-size: 2em;	font-weight: bold;color: #e82f00;}
.price {padding: 0 20px 0 0; font-size: 2em; font-weight: bold; color: #312f26;}
form#bottles {position: absolute; bottom:65px; right: 20px; z-index: 1;}

.order5 {background: url(../images/order_5.gif) no-repeat;}
.order4 {background: url(../images/order_4.gif) no-repeat;}
.order3 {background: url(../images/order_3.gif) no-repeat;}
.order7 {background: url(../images/order_7.gif) no-repeat;}
.order1 {background: url(../images/order_1.gif) no-repeat;}
.order4_or {background: url(../images/order_4_or.gif) no-repeat;}
.order2_or {background: url(../images/order_2_or.gif) no-repeat;}
div#break {clear: both; height: 5px; display: block;}

/* FOOTER */

div#footer {clear: both; position:absolute; width: 740px; bottom:0; font-size: 0.9em; line-height: 1.4em; text-align: center; color: #cccccc; padding: 0 0 10px 0; border-top: solid 1px #f4f6d4;}

div#footer ul {list-style-type: none; margin: 1em 0 10px 0; padding:0; }
div#footer ul li {border-right: #dcdcdc 1px solid; display:inline; line-height: 1em; margin:0 0.5em 0 0; padding: 0 0.5em 0 0; background: none;}
div#footer ul li.last {border-right-width: 0; margin-right: 0; padding-right: 0;}
p#footerlogos {background: url(../images/footer_logos.gif) no-repeat; width: 550px; height: 35px; margin: 0 auto;}