@charset "utf-8";

/* 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:Tahoma, Arial, 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-color:#e5f0ff;}
div#wrapper{margin:0 auto; background:url(../images/background-fill.png) repeat-y; width:720px; padding:0 autopx 0px autopx;}

/* Main Navigation Styles */
div#nav ul{ margin-left:10px;}
div#nav ul li{display:inline;}
div#nav ul li a{height:50px; display:inline-block; margin-right:-5px;}
div#nav ul li.home a{background:url(../images/nav-home.png) top no-repeat; width:68px;}
div#nav ul li.home a:hover, div#nav ul li.home a.active{background:url(../images/nav-home.png) bottom no-repeat;}
div#nav ul li.active-ingredients a{background:url(../images/nav-active-ingredients.png) top no-repeat; width:152px;}
div#nav ul li.active-ingredients a:hover, div#nav ul li.active-ingredients a.active{background:url(../images/nav-active-ingredients.png) bottom no-repeat;}
div#nav ul li.testimonials a{background:url(../images/nav-testimonials.png) top no-repeat; width:114px;}
div#nav ul li.testimonials a:hover, div#nav ul li.testimonials a.active{background:url(../images/nav-testimonials.png) bottom no-repeat;}
div#nav ul li.contact-us a{background:url(../images/nav-contact-us.png) top no-repeat; width:103px;}
div#nav ul li.contact-us a:hover, div#nav ul li.contact-us a.active{background:url(../images/nav-contact-us.png) bottom no-repeat;}
div#nav ul li.buy-now a{background:url(../images/nav-buy-now.png) top no-repeat; width:114px;}
div#nav ul li.buy-now a:hover, div#nav ul li.buy-now a.active{background:url(../images/nav-buy-now.png) bottom no-repeat;}


/* div styles */
div#main-content{padding:15px 25px;}

/* form styles*/
div#buy-nuphedragen form{margin:0px 0px 15px 155px;}

/* h styles */
h1{font-size:16px; color:#0000ff; text-align:center; font-weight:bold; margin-bottom:15px; line-height:25px;}
h2{font-size:16px; color:#0000ff; font-weight:normal; margin-bottom:13px;}

/* img styles */
img#banner{margin: 15px auto 0px 29px;}
img#nuphedragen-bottle{margin:0px 252px;}
img#credit-cards{margin:0px 0px 0px 200px;}
a.buy-now-button img{border:none; margin:15px 0px 15px 292px;}

/* list styles */
div#foot ul{margin:0 0 15px 102px;}
div#foot ul li{display:inline; margin:0px 15px;}
div#foot ul li a{font-size:11px; color:#000;}
div#foot ul li a:hover{color:#00f;}

/* p styles */
p{font-size:14px; line-height:22px; margin-bottom:20px; letter-spacing:0.05em;}
p.question{color:#0000ff; font-weight:bold; margin-bottom:0px;}
p#copyright{font-size:11px; color:#333; text-align:center;}
p.title {font-size:20px; line-height:23px; font-weight:bold; letter-spacing:-.02em; margin:15px 0; text-align:center}
#quicktip p.title{margin-bottom:20px;}

/* table styles */
table#supplement-facts{border:3px ridge #000000; border-collapse:collapse; margin:0px 0px 15px 200px; }
table#supplement-facts thead th{font-size:16px; font-weight: bold; text-align:center; padding-top:5px;}
table#supplement-facts thead td{font-size:14px; padding:0px 5px 5px 5px;} 
table#supplement-facts tbody th{font-size:14px;font-weight:bold; text-align:left; padding:3px 5px; border-top: 2px solid #666666; border-bottom: 2px solid #666666;}
table#supplement-facts tbody td{font-size:12px; padding:3px 5px;}
table#supplement-facts tbody td{border-bottom:1px solid #000000; }
table#supplement-facts tfoot td{font-size:12px; padding:3px 5px 5px 5px;}
table#supplement-facts tfoot td.dv{padding:3px 5px 0px 5px;}


#quicktip{border:1px dashed #c3202f; padding:5px 25px; background:#e6f0f6;}



/* general classes */
.blue{color:#0000ff;}
.bold{font-weight:bold;}
.email{color:#0000ff; text-decoration:underline;}
.ingredients{color:#0066ff;}
.italic{font-style: italic;}
.red{color:#ff0000;}

/** Buy Buttons**/
div#buy-now{margin-left:-12.5px;}
div#table-head{background:url(../images/table-head.png) no-repeat ; width:690px; height:30px; margin-left:3px;}
div#table-fill{background:url(../images/table-fill.png) repeat-y; width:690px; margin-left:3px;}
div#table-foot{background:url(../images/table-foot.png); width:690px; height:9px; margin-left:3px;}
div.buy-button ul{list-style-type:none; margin:0px 0px 0px 8px; width:700px;}
div.buy-button ul li{display:inline-block; font-size:14px; text-align:center; padding:10px 0px;}
div.buy-button ul li.quantity{width:140px;}
div.buy-button ul li.retail{width: 180px;}
div.buy-button ul li.sale-price{width:140px;}
div.buy-button ul li.buy{width:195px;}
div.buy-button ul li.buy form{margin-left:27px;}
