@charset "utf-8";

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

/* PADDING STYLE */

* {padding:0; margin:0;}

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

/* BASE STYLE */

body {
	font: 80%/1.4em Tahoma, Arial, Helvetica, sans-serif;
	background: White url(../images/pagebg.jpg) repeat-x;
	color:#444;
	padding: 0;
	margin: 0;
}


#testimonial {
	background: #f9f9f9 0 0 no-repeat;
	color: #666;
	font-family: "georgia";
	font-style: italic;
	font-size: 100%;
	line-height: 150%;
	padding-left: 10px;
	width: 100%;
	max-width : 488px;
}


/* BASE LINKS */
a {outline: none;}
a:link {color: #006699; text-decoration: underline;}
a:visited {text-decoration: underline;  color: #999999;}
a:hover {color: #00354f; text-decoration: underline;}
a:active {color: #66090F; 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 5px;
	height:auto !important;
	/* real browsers */
	height:100%;
	/* IE6: treaded as min-height*/
	min-height:100%;
	/* real browsers */
	border : 2px solid #26638F;
}




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


/* HEADER */

div#header {background: url(../images/logo.gif) no-repeat; height: 90px;}
div#officialsite {z-index: 100; position: absolute; top: 30px; left:220px;  background: url(../images/officialsite.gif) no-repeat; height: 55px; width:55px;}

ul#menu {font-family: Arial, Helvetica, sans-serif; position: absolute; top: 0px; left: 124px; font-size: 0.9em; width: 500px; background: #1e6a9f; 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 #c3bca3;}
ul#menu li.first {padding-left:15px;}
ul#menu li.last {padding-right: 15px; border-right: none;}
ul#menu a {color: #fff;text-decoration: none; background: none; }
ul#menu a:hover {color: #312f26;}

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 {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: 78px; left: 20px; width: 350px; color: #575344; font-size: 1.1em;}
div#intro p.linkintro {position: absolute; top: 145px; left: 19px; text-indent: -9999px; background: url(../images/b_learnmore.gif) no-repeat;}
div#intro p.linkintro a {display: block; width: 202px; height: 27px; text-decoration: none;}

.hilite {color: #054d7f;}
.notice {color: #c00000;}

div#orderindex {background: url(../images/order_index.gif) 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#spacer {clear: both; display: block; height: 10px; width:248px;}

div#boxes-index {clear: both; background: #f7f4ee; padding: 0; height: 280px;}
div#boxes-index h2 {background: #1e6a9f; color: #fff; padding: 7px 0 7px 15px; font-size: 1.1em; height: 30px;}
div#boxes-index p {padding: 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: 1px 0 1px 8px;}

div#box1 {float: left; width: 248px; border-right: solid 1px #fff; height: 250px;}
div#box2 {float: left; border: none; width: 245px; border-right: solid 1px #fff; height: 250px; }
div#box3 {float: left; border: none; width: 245px; height: 280px;background-color: white;}

div#box2 img {border: solid 2px #f0ece1; margin: 10px 0;}
div#box3 img {border: solid 2px #ffffff; margin: 10px 0;}

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


div#orderbutton {position: absolute; top: 580px; left: 550px; height: 300px;  text-indent: -9999px; background: url(../images/order_today.gif) no-repeat;}
div#orderbutton a { display: block; width: 191px; height: 65px; text-decoration: none;}




/* 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 #f0ece1; 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 {float: left; width: 400px; padding: 0 20px;}
div#col-text h1 {
	color: White;
	font-weight: normal;
	font-size: 20px;
	border-bottom: solid 1px #f0ece1;
	padding: 4px 0 4px 0;
	background : #005CB5;
}
div#col-text h2 {
	color: #CC9933;
	font-weight: normal;
	font-size: 1.5em;
	padding: 1em 0 0.5em 0;
}
div#col-text h3 { color: #101116; font-weight: normal; font-size: 1.1em; padding: 1em 0 0 0; font-weight: bold;}
.hr {border-top: 1px solid #f0ece1;}
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;}

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;}
div#col-boxes li a {display: block; text-decoration: none; text-indent: -9999px; height: 316px;}
div#col-boxes li#ordernow {background: url(../images/box_order.jpg) no-repeat;}
div#col-boxes li#oprah {background: url(../images/box_oprah.jpg) no-repeat;}
div#col-boxes li#cbs {background: url(../images/box_cbs.jpg) no-repeat;}
div#col-boxes li#bbc {background: url(../images/box_bbc.jpg) no-repeat; }
div#col-boxes li#bbc a {height: 354px;}
div#col-boxes li#guarantee {background: url(../images/box_guarantee.jpg) no-repeat; }
div#col-boxes li#guarantee a {height: 456px;}
div#col-boxes li#testimonial {background: url(../images/spacer.gif) no-repeat;}

div#dtestimonial {
	background-color: #E7F4F7;
	width: 150px;
	font-family: tahoma;
	font-size: 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: 120px; font-weight: bold;}
form#contact td#input input {}
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;}
textarea#comment {height: 100px;}
td#name {vertical-align: top;}

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: 10px; }
div#order p a {display: block; text-decoration: none; padding: 25px 0 0 0; height: 120px;}
.regprice {padding: 0 16px 0 0;color: #404040; text-decoration:line-through;line-height: 24px;}
.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: 16px; font-weight: bold; color: #312f26;}
form#bottles {position: absolute; bottom:65px; right: 20px; z-index: 1;}

.order9 {background: url(../images/order_9.gif) no-repeat;}
.order6 {background: url(../images/order_6.gif) no-repeat;}
.order3 {background: url(../images/order_3.gif) no-repeat;}
.order2 {background: url(../images/order_2.gif) no-repeat;}
.order1 {background: url(../images/order_1.gif) no-repeat;}

div#break {clear: both; height: 50px; 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 #f0ece1;}

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: 302px; height: 35px; margin: 0 auto;} 


#linktable {
  position: absolute;
  top: 0px; left: 0px;
  text-indent: -9999px; width: 176px; height: 31px; padding: 0;
  
}
div#orderTable {
	width : 400px;
	border : 3px dashed #FFB973;
	text-align : center;
}
.othead {
	background-color : #005CB5;
	border : White;
	font-weight : bold;
	font-size : 11px;
	color : #fff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height : 20px;
}
.wAmt, .wCents, .wCheckout {
	font-family : verdana, Arial, Helvetica, sans-serif;
}	
.wAmt {
	font-size : 24px;
	font-weight : bold;
}
.wCents { font-size : 12px; }

div#otwrapper {
	margin: 0 auto auto;
	position : relative;
}
div#termsLayer {
	width: 380px;
	height: 310px;
	overflow : scroll;
	border : 4px solid #003399;
	z-index : 1000;
	position: absolute;
	top: 0px;
	left : 00px;
	visibility : hidden;
	background-color : #FFFFCC;
	padding : 10px;
}
.banner1 {font-weight: bold;}