@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#content{float:left; width:611px;}
div#header-con{float:left; width:611px;}
div#side-nav{margin-left:621px;}

/* a styles*/
a{color:#00f;}
a:hover{color:#303030;}
div#foot{clear:both;}
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/top10-background.png) no-repeat; width:208px; height:286px; 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;}
div#comparison-chart{background:url(../images/comparison-chart.png) no-repeat; width:527px; height:333px; margin:0 auto 15px auto;}

div#wrapper div#main-content div#comparison-chart ul{margin:0; padding:300px 0 0 183px;}
div#comparison-chart ul li{display:inline; width:69px; margin:0 6px;}

/* form styles */
form#email_form{margin-left:100px;}
form#email_form input{width:40%; 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:69%; height:100px; margin-bottom:10px;}

/* h styles */
h1{font-size:16px; color:#1d91ca; font-weight:bold; margin-bottom:10px;}
div#top-products h1{color:#1d91ca; font-size:12px; font-weight:bold; margin:0 0 5px 20px;}
div#review-fill h1{font-size:14px; color:#1d91ca; 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:#1d91ca;}
h5{font-size:18px; font-weight:bold; text-align:center; color:#1d91ca; line-height:35px;}
h6{font-size:18px; font-weight:bold; margin:15px 0px 15px 160px; color:#F00; line-height:35px;}
div.tip h2{background:url(../images/arrrow-blue.png) no-repeat left; padding-left:15px; font-size:11px; color:#0e0e0e; line-height:14px;}

/*sponsor styles*/
#sponsor{clear:both; width:500px; margin:10px auto;}
#sponsor h2{color:#999; font-size:12px; font-weight:bold;}
#sponsor ul{float:left; width:200px; padding:10px;}
#sponsor ul li{list-style-type:none; text-align:center; padding:5px;}
#sponsor ul li.title{font-size:12px; font-weight:bold;}
#sponsor ul li.content{font-size:10px; width:200px;}
#sponsor ul li.foot{color:#0C0; font-size:10px; font-weight:bold;}

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

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

/* 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:#a5d3ea;}
div#nav ul li.last-item a{background:none;}

div#top-products ul{list-style:none; margin:0 0 0 15px;}
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:#1d91ca;}

div#review-fill ul{list-style-type:none; margin-bottom:15px;}
div#review-fill ul li{margin-bottom:2px;}
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:#1d91ca;}

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;}
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.tip ul li{font-size:11px; line-height:18px; margin-bottom:8px; list-style:circle; margin-left:30px;}

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

/******************************************
************** Landing Page ************/

.green-box{width:600px;	height:112px; margin:25px 0px 0px 1px;}
.green-box-left{background:url(../images/left-blue.png) no-repeat; height: 112px; width: 8px; float:left; margin-top:12px;}
.green-box-middle{background-color:#b7e2f7; float:left;	width:520px; height: 112px; margin-top:12px;}
.green-box-right{background:url(../images/right-blue.png) no-repeat; height:132px; width:72px; float:right;}
.green-box h2{color:#006fac; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px;	font-size:14px;}
.green-box h3{color: #666666; padding: 5px 0px 3px 0px;	margin: 0px 0px 0px 0px;}
.green-box p{font-size: 11px; line-height:17px; margin: 0px 0px 0px 0px;}
.green-box img{float:left; margin: 5px;}

.blue-box{width: 600px;	height:112px; margin: 25px 0px 0px 0px;}
.blue-box-left{background:url(../images/left-green.png) no-repeat;float:left; height:132px; width: 71px; }
.blue-box-middle{background: #bcbcbc; width: 517px; height: 112px; float: left; margin-top:8px;}
.blue-box-right{background:url(../images/right-green.png) no-repeat; height: 112px;	width: 12px; float: right; margin-top:8px;}
.blue-box img{float: right; margin: 5px 0px 0px 0px;}
.blue-box p{font-size: 11px; line-height:17px; margin-top:3px; margin-left:0px;}
.blue-box h3,.blue-box h2{text-align:right; color: #55a6ce; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.blue-box h2{color:#004e8e;	font-size:14px;}


/* p styles */
p{color:#303030; letter-spacing:-0.01em; font-size:13px; line-height:22px; margin-bottom:15px;}
p.slogan{color:#fff; font-size:10px; letter-spacing:-0.01em; text-align:center; margin:7px 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;}
div#main-content div.blue-box-middle p{margin-left:0px;}
div.tip p{font-size:11px; line-height:18px; margin-bottom:8px;}

/* general classes */
.bold{font-weight:bold;}
.clear-left{clear:left;}
.float-left{float:left;}
.g1{font-size: 11px; line-height:17px; margin-top:3px 0px 0px -5px;}
.highlight{background-color:#FF0;}
.marginbtm5{margin-bottom:5px;}
.red{color:#f00;}
.under{text-decoration:underline;}