@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: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:#000; color:#fff;}
#wrapper{width:770px; border:2px solid #fff; padding:0 5px; margin:0 auto 15px auto;}

/* a styles */
a{color:#666;}
a:hover{color:#ccc;}

/* div styles */
#nav {border-bottom:2px solid #fff;}
#main-content{padding:15px 5px;}
#foot{border-top:1px solid #666; padding:15px 0; margin-top:30px;}

/* form styles*/
#buy-btns form{margin:0 0 15px 180px;}
#buy-btns a img{margin:0 0 15px 180px;}

/* Main Navigation Styles */
#nav ul{padding:50px 0 10px 0; text-align:right;}
#nav ul li{display:inline;}
#nav ul li a{height:28px; color:#fff; font-size:12px; border-right:1px solid #fff; padding-right:5px; text-decoration:none; }
#nav ul li a:hover{text-decoration:underline;}
#nav ul li a.active{text-decoration:underline; font-weight:bold;}
#nav ul li.last-item a{border-right:none;}

/* h styles */
h1{font-size:26px; line-height:32px; color:#fff; font-weight:bold; margin-bottom:20px; text-align:center;}
h2{font-size:30px; color:#ccff33; font-weight:bold; margin-bottom:13px; text-align:center;}

/* hr styles */
hr{margin:25px 0;}

/* img styles */
#banner img{margin:30px 0 30px 80px;}
#logo{padding:20px 0 20px 10px; float:left;}
.payment-methods{margin:0 0 25px 230px;}

/* list styles */
ul.bullets{ list-style-image:url(../images/bullet.jpg); list-style-position:inside; margin-bottom:20px;}
ul.bullets li{font-size:16px; line-height:26px;}
#foot ul{margin:0 0 15px 175px;}
#foot ul li{display:inline; margin:0px 15px;}
#foot ul li a{font-size:11px; color:#666;}
#foot ul li a:hover{color:#fff;}

/* p styles */
p{font-size:16px; line-height:22px; margin-bottom:20px; letter-spacing:0.05em;}
p.ques{ background:url(../images/bullet.jpg) no-repeat; padding-left:18px; font-size:18px; line-height:15px; color:#0000ff;}
p.ans{padding:10px 0 10px 20px;}
p.testimonials{padding:0 30px; font-size:14px; line-height:24px; font-style:italic;}
p.fda{font-size:12px; font-style:italic; padding:0 30px; line-height:16px;}
#foot p{color:#666; font-size:10px; text-align:center;}

/* general classes */
.blue{color:#0000ff;}
.bold{font-weight:bold;}
.center{text-align:center;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font36{font-size:36px;}
.green{color:#ccff33;}
.left{text-align:left;}
.underline{text-decoration:underline;}
.white{color:#fff;}
.yellow{color:#ccff33;}