/* css browser reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%; font-family:Arial, Verdana, Helvetica, sans-serif; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color:#000000;background:#ffffff;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/** general layout **/
body {background:#295394;  font-size:13px;}
#top-fill{background:url(../images/top-fill.png) repeat-x; height:222px;}
#navigation {background:url(../images/logo-background.png) no-repeat top; height:222px; width:1000px; margin:0 auto}
#wrapper {background:url(../images/bg-fill.png) repeat-y; width:1000px; margin:0px auto 0px auto;}


#body-content {width:800px; margin:0 auto;}
#ad-column{width:220px; float:left; padding-bottom:10px;}
#ad-button-section{ width:210px; padding:5px 0; margin:10px auto; border:1px solid #cccccc;}
#main-column{width:565px; float:left; margin-left:15px;}
#bottom-nav {clear:left; margin:0px auto; padding:15px 0 0 0;}
#content-upsell{padding:0 110px;}
#special-offer{width:100px; height:200px; position:fixed; top:200px; right:0px; background-image:url(../images/special-scroll.png);}

/********************************************************************* content layout **/

/*testimonial section*/
.testimonial{margin:20px 0px; border:1px dashed #295394; padding:15px 15px 0 15px;}


/*FAQ*/ 
.ques{margin-bottom:0px; padding-bottom:0px; font-weight:bold;}
.ans{margin-top:0px; padding-top:0px; margin-bottom:15px; padding-left:10px; font-style:italic;}


#guarantee{width:525px; border:1px dashed #295394; padding:15px; margin:25px 0; background:#FFfccC;}


 
/*Contact Us Section*/
/** form tags **/
form.buy_btn{width:385px; margin:0px auto 15px auto;}
form#email-contact-form{border:1px dashed #295394; padding:15px; }
form#email-contact-form label{display:block; margin:4px 0px; font-size:14px;}
form#email-contact-form input{width:40%;}
form#email-contact-form input#submit{width:125px;}
form#email-contact-form textarea{width:100%; margin-bottom:10px;}

/** h tags **/
h1{font-size:20px; line-height:32px; font-weight:bold; color:#fb0505; text-align:center; padding-bottom:15px;}
h2{font-size:16px; line-height:23px; color:#3f65e0; font-weight:bold; letter-spacing:-.02em; border-bottom:1px solid #cccccc; margin-bottom:15px; padding-top:15px;}
#guarantee h2{color:#d62116; font-size:30px; border:none; text-align:center; line-height:40px; text-decoration:blink;}
h3{font-size:14px; line-height:15px; font-weight:bold; padding:0px 0px 3px 0px; color:#295394; border-bottom:1px dotted #cccccc;}
#compounds h3{color:#000; border-bottom:none; font-size:12px; letter-spacing:-.05em; padding:5px 0 5px 0;}


/** p tags **/
p {font-size:14px; line-height:22px; padding-bottom:15px;}
.testimonial p{font-size:12px; line-height:25px; font-family:"Courier New", Courier, monospace;}
p.single-monial{text-align:right; font-style:italic;}
p#copyright{text-align:center; font-size:9px; color:#666666; }

/** img tags **/
img {border:none; padding-bottom:15px;}
#compounds img {margin:0 10px 0 0; padding-bottom:0px;}
#guarantee img{float:left; padding:10px 10px 10px 0}
#logo img{margin:25px auto 0 100px;}

/** form tags **/
input{margin:10px auto;}

/** list tags **//** a tags **/
a:visited {color:#000000;}
ul {display:block; margin:10px 0 20px 50px;}
ul li {list-style-type:disc; font-size:14px; padding:3px 0 3px 0;}
ul li a {text-decoration:none; border:none;}
#navigation ul{padding:6px 0 0 30px;}
#navigation ul li{display:inline; margin:0px 0px 0px 0px;}
#navigation ul li a img{padding:0px 0px 0px 0px; margin-left:-4px;}
#main-column ul li { background:url(../images/bullet.png) no-repeat center left; line-height:15px; list-style-type:none; font-size:14px; padding:0 0 0 18px; margin-bottom:10px;}
#buy-buttons a img{margin:20px 0 0 85px;}


/**box**/
div#box{background-color:#e8f4fe; width:500px; margin:10px 0 0 80px; padding:10px 10px 15px 10px; border:#0099CC medium; border-bottom:1px #0066CC solid; border-right:1px #0066cc solid; border-left:1px #0066cc solid; border-top:#0066cc solid 1px;}
div#box ul.float{float:right;}

#box h2{margin-bottom:10px;}

.box1{background-color:#FFFFD7; border:thin #e2e2e2 solid; margin:10px 0px 10px 0px; padding:0px 15px 0px 15px;}
.box2{background-color:#ffffff; border:thin #e2e2e2 solid; margin:10px 0px 10px 0px; padding:0px 15px 0px 15px;}

/*******info box supp table************/
table {font-size:10px;border:1px solid #e2e2e2;	width:210px;background:#fff; margin-left:5px;}
td {padding:5px 10px;border-bottom:1px solid #e2e2e2;font-size:9px;}
td.serving {font-weight:600;padding-left:2px;border-bottom:none;}
td.endblend {border-bottom:2px solid #cccccc;}
td.mg {text-align:right;}

#info_box p{font-size:9px; margin-left:7px; width:185px; line-height:12px; text-align:center; color:#666666; padding-top:10px;}



/** general classes **/
.red{ color:#FF0000;}
.blue{color:#3f65e0;}
.darkblue{color:#2f3494;}
.bold{font-weight:bold;}
.float-left{float:left;}
.center{text-align:center;}
.underline{text-decoration:underline;}
.reference{text-align:right; font-size:9px; line-height:15px; padding-bottom:5px;}
.when{text-align:right;}
.warning{color:#ff0000; line-height:18px; width:500px; padding-top:0px;}
.no-border{border-bottom:none;}
.clear-left{clear:left;}
.highlight{background:#FF0;}
.center{text-align:center; border:none;}
.padding-bottom{padding-bottom:25px;}
.spacerbig{margin-bottom:30px;}