@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;}
/* 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: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:219px; clear:right; margin-bottom:10px;}
div#main-content{float:left; width:611px;}
div#side-nav{margin-left:621px;}

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

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

/* form styles */
form#email_form{margin-left:50px;}
form#email_form input{width:60%; 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:16px; font-weight:bold; margin-bottom:5px; color:#0987dd;}
div#top-products h1{color:#0987dd; font-size:12px; font-weight:bold; margin:0 0 5px 20px;}
div#review-fill h1{font-size:14px; color:#0987dd; font-weight:bold; text-align:center; letter-spacing:-0.01em; margin-bottom:5px;}
div#main-content h1, div#main-content h2{margin-left:15px;}
h2{font-size:14px; font-weight:bold; margin-bottom:5px; color:#0987dd;}

/* iframe styles*/
iframe{height:2400px;}

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

/* list styles */
div#nav ul{height:40px; float:right; margin:0 15px 9px 0;}
div#nav ul li{display:inline; font-size:15px; line-height:32px;}
div#nav ul li a{text-decoration:none; color:#fff; padding:0 15px 0 5px; background:url(images/nav-divider.png) no-repeat right;}
div#nav ul li a:hover{color:#7aae76;}
div#nav ul li.last-item a{background:none;}

div#top-products ul{list-style:none; margin:0 0 0 16px;}
div#top-products 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;}
div#top-products ul li a{text-decoration:none; color:#595959;}
div#top-products ul li.first-item{border-top:1px solid #ddd;}
div#top-products ul li.last-item{border:none;}
div#top-products ul li a:hover{color:#0a6b03;}

div#review-fill ul{list-style-image:url('images/arrow.png'); margin-bottom:15px; margin-left:20px;}
div#review-fill ul li{margin-bottom:5px;}
div#review-fill ul li a{text-decoration:none; color:#595959; font-size:12px; line-height:12px;}
div#review-fill ul li a:hover{color:#0a6b03;}

div#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:65px;}
div#main-content ul.list-middle{margin-left:35px;}
div#main-content ul.list-right{margin-left:35px;}
ul.list-left li, ul.list-middle li, ul.list-right li{font-size:13px; letter-spacing:-0.01em; font-weight:bold; color:#303030; line-height:18px;}

div#foot ul{margin-left:100px; margin-bottom:50px;}
div#foot ul li{display:inline; font-size:11px; border-right:1px solid #303030; color:#303030; padding-right:8px;}
div#foot ul li.last-item{border-right:none;}

div#main-content ul{margin:0 0 15px 65px;}
div#main-content ul li{font-size:13px; line-height:19px; color:#303030;}

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

/* general classes */
.bold{font-weight:bold;}
.clear-left{clear:left;}
.marginbtm5{margin-bottom:5px;}
.red{color:#f00;}
small{font-size:10px; margin-left:15px;}
strong{font-weight:bold;}