@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:#edf8fa;}
div#wrapper{width:800px; margin:0 auto;}
div#logo{background:url(../images/banner.jpg) no-repeat; width:800px; height:106px;}
div#nav{background:url(../images/nav-background.png) no-repeat; width:800px; height:34px;}
div#content-wrapper{margin:0px 0 0 0; background-color:#fff; padding:10px;}
div#side-nav{border:1px solid #e5f3f6; background-color:#f3fafb; width:204px; padding:10px 0; float:right;}

/* top navigation*/
div#nav ul{margin-left:4px;}
div#nav ul li{display:inline;}
div#nav ul li a img{margin-left:-4px;}

/* sidebar top3*/
div.top1-box, div.top2-box, div.top3-box{width:192px; height:198px; margin:0 auto 10px auto;}
div.top1-box img.product-image, div.top2-box img.product-image, div.top3-box img.product-image{position:absolute;}
div.top1-box h1 a, div.top2-box h1 a, div.top3-box h1 a{font-size:19px; color:#232323; font-weight:bold; margin:0 0 5px 35px; line-height:25px; text-decoration:none;}
div.top1-box h1 {background:url(../images/sidebar1.png) top left no-repeat; margin:0 0 15px 15px;}
div.top2-box h1 {background:url(../images/sidebar2.png) top left no-repeat; margin:0 0 15px 15px;}
div.top3-box h1 {background:url(../images/sidebar3.png) top left no-repeat; margin:0 0 15px 15px;}
.approval-rating{font-size:8px; color:#919191; line-height:10px; text-align:center; position:absolute; margin:3px 0 0 102px;}
.percentage{font-size:28px; color:#232323; font-weight:bold; letter-spacing:-.05em; position:absolute; margin:27px 0 0 105px;}
.votes{font-size:9px; line-height:11px; color:#919191; text-align:center; position:absolute; margin:103px 0 0 110px;}
div.rate-buttons{position:absolute; margin:53px 0 0 90px;}
div.rate-buttons img{margin:0 -4px 0 0;}
img.learn-more{position:absolute; margin:131px 0 0 15px;}
img.try-it{position:absolute; margin:131px 0 0 108px;}
div#side-nav hr{width:85%; margin:0 auto 15px auto; border:none; background-color:#59828c; height:1px;}

/* subpage review form */
div.subpage-box{float:left; margin:0 15px 0 0; width:225px;}
div.subpage-rating{width:100px;}
div.subpage-box div.subpage-rating{position:absolute; margin:0 0 0 125px;}
div.subpage-box form.positive-thumb{position:absolute; margin:53px 0 0 10px;}
div.subpage-box form.negative-thumb{position:absolute; margin:53px 0 0 49px;}
#box{margin:135px 0 0 22px;}

div#main-content p.subpage-approval{font-size:8px; line-height:11px; color:#919191; text-align:center; position:absolute; margin:0 0 0 22px; padding:0;}
div#main-content p.subpage-percentage{font-size:28px; color:#232323; font-weight:bold; text-align:center; letter-spacing:-.05em; position:absolute; margin:30px 0 0 25px; padding:0;}
div#main-content p.subpage-votes{font-size:9px; color:#919191; text-align:center; line-height:10px; position:absolute; margin:105px 0 0 27px; padding:0;}

/* email form */
form#email_form{margin-left:15px;}
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; }
form#email_form textarea{width:90%; height:100px; margin-bottom:10px;}


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

/* div styles */
div#main-content {padding:10px 5px 0px 5px; width:545px;}
#criteria{margin-left:20px;}

/* h styles*/
div#main-content h1{font-size:22px; color:#0f9af2; font-weight:bold; padding-bottom:15px; margin-left:20px; line-height:40px;}
div#main-content h1.center{text-align:center; margin-left:0px;}
div#main-content h1.darkblue{color:#0f9af2;}
div#main-content h2{font-size:16px; line-height:20px; font-weight:bold; margin:0 0 15px 20px; color:#000;}

/* iframe styles */
iframe{height:3280px; margin-left:5px;}

/* img styles */
div#side-nav img.side-heading{margin:0 0 20px 13px;}
div#side-nav div#reviews-list img{margin:0 0 15px 8px;}

/* list styles*/
div#reviews-list ul{list-style-type:none; margin-left:8px;}
div#reviews-list ul li{margin-bottom:5px; line-height:125%;}
div#reviews-list ul li a{color:#333333; font-size:13px; line-height:10px; text-decoration:none; line-height:125%;}
div#reviews-list ul li a:hover{color:#179ef2;}

div#main-content ol{margin:0 0 15px 75px;}
div#main-content ol li{font-size:12px; line-height:25px;}
div#main-content ul{margin:0 0 15px 75px;}
div#main-content ul li{font-size:12px; line-height:25px; list-style:none;}

div#criteria ul{list-style-type:none; float:left;} 
div#criteria ul li{font-size:12px; line-height:25px; font-weight:bold; color:#000;} 

div#footer ul{margin:15px 0 5px 240px;}
div#footer ul li{display:inline;}
div#footer ul li a{font-size:10px;}


/* p styles*/
div#main-content p{font-size:12px; line-height:20px; color:#222; margin-bottom:15px; padding:0 20px;}
div#footer p{clear:both; text-align:center; font-size:9px; color:#666666; margin-top:10px;} 
p.rating-feedback{border:1px dashed #ff0000; padding:5px 0px; text-align:center; color:#F00; font-size:12px; line-height:20px; background-color:#fff;}

/* thumb-ratings */
form.positive-thumb input.img{background:url(../images/thumb-blue-sprite.png) top right; width:39px; height:50px; border:none;}
form.positive-thumb input.img:hover{background:url(../images/thumb-blue-sprite.png) bottom right;}
form.negative-thumb input.img{background:url(../images/thumb-red-sprite.png) top left; width:39px; height:50px; border:none;}
form.negative-thumb input.img:hover{background:url(../images/thumb-red-sprite.png) bottom left;}

/*frame*/
/*
#frame p.visit a{color:#00f;}
#frame p.visit a:hover{color:#222;}

#frame h1{color:#0f9af2; font-size:20px; font-weight:bold; margin-bottom:15px; line-height:30px;}

#frame hr{border:1px solid #e8e8e8;}

#frame img.product-image{position:absolute; margin:20px 0 0 15px;}

#frame p{font-size:12px; line-height:20px; color:#222; margin-bottom:15px; padding:0 15px;}
#frame p.rating-feedback{border:1px dashed #ff0000; padding:5px 0px 0 0; text-align:center; color:#F00; font-size:12px; line-height:20px; background-color:#fff;}
#frame p.visit{text-align:right;}

#frame div#top1, #frame div#top2, #frame div#top3, #frame div#top4, #frame div#top5{background:url(../images/top-background.png) no-repeat; width:545px; height:223px; margin-bottom:15px;}
#frame div#top1 h1 a, #frame div#top2 h1 a, #frame div#top3 h1 a,#frame  div#top4 h1 a, #frame div#top5 h1 a{position:absolute; margin:10px 0 0 10px; padding:5px 0 5px 30px; color:#232323; font-weight:bold; font-size:19px; text-decoration:none; line-height:19px;}
#frame div#top1 h1 a{background:url(../images/top1.png) no-repeat;}
#frame div#top2 h1 a{background:url(../images/top2.png) no-repeat;}
#frame div#top3 h1 a{background:url(../images/top3.png) no-repeat;}
#frame div#top4 h1 a{background:url(../images/top4.png) no-repeat;}
#frame div#top5 h1 a{background:url(../images/top5.png) no-repeat;}
#frame p.read-review a, p.best-price a{font-size:12px; color:#4c7b86; font-weight:bold;}
#frame p.read-review a:hover, p.best-price a:hover{color:#898989;}
#frame p.read-review a{position:absolute; margin:140px 0 0 15px;}
#frame p.best-price a{position:absolute; margin:160px 0 0 15px;}

#frame div.consumers-rating{position:absolute; margin:0px 0 0 220px; width:147px; padding-top:0px;}
#frame div.consumers-rating h2, #frame div.editors-rating h2{text-align:center; color:#232323; font-weight:bold; font-size:15px; letter-spacing:0.02em; margin:0 0 5px 0;}
#frame div.consumers-rating h2.approval, #frame div.editors-rating h2.approval{font-size:10px; font-weight:normal; text-transform:uppercase; color:#6f6f6f; line-height:12px; margin:0 0 15px 0;}
#frame div.consumers-rating p, #frame div.editors-rating p{color:#6f6f6f; text-align:center; font-size:10px; letter-spacing:0.01em; text-transform:uppercase; line-height:13px;}
#frame div.consumers-rating p.rating-percentage, #frame div.editors-rating p.rating-percentage{font-size:41px; letter-spacing:-0.01em; font-weight:bold; color:#232323; line-height:15px;}
#frame div.consumers-rating img.thumb-up{float:left; margin:0 0 0 30px;}
#frame div.consumers-rating img.thumb-down{margin:0 0 5px 0;}

#frame div.editors-rating{position:absolute; margin:0px 0 0 380px; width:137px; padding-top:0px;}
#frame div.editors-rating div.editors-overall{background:url(../images/editors-overall.png) no-repeat; width:77px; height:50px; margin:0 auto 5px auto;}
#frame div.editors-rating div.editors-overall p.overall{color:#0f9af2; font-weight:bold; font-size:11px; position:absolute; margin:10px 0 0 13px; padding:0;}
#frame div.editors-rating div.editors-overall p.rating{color:#6f6f6f; font-weight:bold; font-size:12px; position:absolute; margin:25px 0 0 20px; padding:0;}
*/

/* General Styles */
#frame .center{text-align:center;}
#frame .twentyfour{font-size:24px;}
#frame .bold{font-weight:bold;}
#frame .highlight{background-color:#FF0;}
/*general classes*/
.bold{font-weight:bold;}
.clear{clear:both;}
.float-left{float:left;}
.highlight{background-color:#FF0;}
.white{color:#fff;}
.clear-left{clear:left;}


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