@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:"Trebuchet MS", Arial, Helvetica, sans-serif; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color:#000000;background:#ffffff;}

/* General Layout */
body{background:url(images/nav-background.png) repeat-x top;}
div#wrapper{width:828px; margin:0 auto;}
div#banner{background:url(images/banner.png) no-repeat; width:828px; height:211px; clear:right; margin-bottom:10px;}
div#main-content{float:left; width:611px;}
div#side-nav{margin-left:621px;}
div#foot{ clear:both;}
div#product-review-form{margin-top:30px;}

/* div style */
div#top-products{background:url(images/side-top-background.png) no-repeat; width:208px; height:185px; padding:45px 0 0 0; margin-bottom:10px;}
.review-top{background:url(images/sidebar-top.png) no-repeat top; width:208px; height:13px;}
.review-fill{background:url(images/sidebar-fill.png) repeat-y; width:188px; padding:0 10px 5px 10px;}
.review-btm{background:url(images/sidebar-bottom.png) no-repeat bottom; width:208px; height:13px;}

.top5-top{background:url(images/side-top5-top.png) no-repeat top; width:208px; height:58px;}
.top5-fill{background:url(images/side-top5-fill.png) repeat-y; width:208px;}
.top5-btm{background:url(images/side-top5-bottom.png) no-repeat bottom; width:208px; height:68px;}

/* form styles */
form#email_form{margin-left:50px;}
form#email_form input{width:80%; margin-bottom:6px;}
form#email_form input#submit{width:100px; display:block;}
form#email_form label{display:block; font-size:14px; margin-bottom:3px;}
form#email_form textarea{width:80%; height:100px; margin-bottom:10px;}

/* h styles */
h1{font-size:18px; font-weight:bold; margin-bottom:10px;}
.top5-top h1{color:#208ECA; font-size:10px; font-weight:bold; margin:0 0 5px 20px; padding-top:43px; letter-spacing:-0.01em; font-weight:bold;}
.review-fill h1{font-size:13px; color:#208ECA; font-weight:bold; text-align:center; letter-spacing:-0.01em; padding:5px 3px;}
div#main-content h1, div#main-content h2{margin-left:15px;}
h2{font-size:14px; font-weight:bold; margin-bottom:5px; color:#208ECA;}

/* iframe styles*/
iframe{height:500px;}
iframe.single{height:900px;}

/* img styles */
img.logo{position:absolute; }
img.product{float:left; margin-left:10px;}

/* list styles */
div#nav ul{height:40px; float:right; margin:0 5px 9px 0;}
div#nav ul li{display:inline; font-size:14px; line-height:32px;}
div#nav ul li a{text-decoration:none; color:#fff;}
div#nav ul li a:hover{color:#208ECA;}

.top5-fill ul{list-style:none; margin:0 0 0 15px;}
.top5-fill ul li{font-size:12px; line-height:16px; letter-spacing:-.01em; color:#595959; border-bottom:1px solid #dddddd; padding:2px 0 2px 10px; width:169px; font-weight:bold;}
.top5-fill ul li a{text-decoration:none; color:#595959;}
.top5-fill ul li.first-item{border-top:1px solid #ddd;}
.top5-fill ul li.last-item{border:none;}
.top5-fill ul li a:hover{color:#208ECA;}

.review-fill ul{list-style-type:none; margin-bottom:15px;}
.review-fill ul li{background:url(images/arrow.png) no-repeat; line-height:10px; padding:0 0 0 10px; margin:5px 2px 2px 5px;}
.review-fill ul li a{text-decoration:none; color:#595959; font-size:12px; line-height:12px; margin-left:5px;}
.review-fill ul li a:hover{color:#208ECA;}

.review-fill ul.articles{margin-bottom:5px;}

div#main-content ul.list-left, div#main-content ul.list-middle, div#main-content ul.list-right{list-style-type:none; display:inline-block; margin:0 0 15px 0;}
div#main-content ul.list-left{margin-left:55px;}
div#main-content ul.list-middle{margin-left:25px;}
div#main-content ul.list-right{margin-left:25px;}


div#foot ul{ text-align:center;}
div#foot ul li{display:inline; font-size:11px; color:#303030; padding-right:8px;}

div#main-content ul{margin:5px 0 5px 45px;}
div#main-content ul li{color:#208ECA; font-size:14px; padding:10px 0px 0px 0px; font-weight:bold;}


/* a styles*/
a{color:#313131; text-decoration:none;}
a:hover{color:#208ECA;}
div#foot a{color:#303030; text-decoration:none; padding:0 3px;}
div#foot a:hover{text-decoration:underline;}


/* p styles */
p{color:#303030; letter-spacing:-0.01em; font-size:13px; line-height:22px; margin-bottom:15px; padding:0 5px;}
p.slogan{color:#fff; font-size:10px; letter-spacing:-0.01em; text-align:center; padding-top:8px; margin-bottom:0px; }
p.date{color:#fff; font-size:14px; letter-spacing:-0.01em; text-align:right; margin-right:12px;}
div#main-content p{margin-left:15px;}

div#product-review-form textarea{width:570px;}

.box1{background-color:#ffffff; border:thin #a0a0a0 solid; margin:10px 15px; padding:10px 15px;}
.box2{background-color:#f0f9ff; border:thin #a0a0a0 solid; margin:10px 15px; padding:10px 15px;}
.box2 p{font-family:"Courier New", Courier, monospace;}
.box1 p{font-family:"Courier New", Courier, monospace;}
.testimonialname{text-align:right;}
.date{text-align:right;}

/* general classes */
.bold{font-weight:bold;}
.clear-left{clear:left;}
.marginbtm5{margin-bottom:5px;}
.red{color:#208ECA;}
.underline{text-decoration:underline;}

ul#sharebar li {background-image:none;}