@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/blue-fill.jpg) repeat-x top #f0f0f0; }
div#wrapper{width:734px; margin:0 auto;}
div#nav-top{background:url(../images/nav-background.jpg) no-repeat; width:734px; height:144px;}
div#content{border-left:1px solid #f6f6f6; border-right:1px solid #f6f6f6; background:#fff; padding:0px 10px;}
div#column-side{background:#e0f7ff; width:197px; float:left; }
div#column-content{padding:10px 0px; margin-left:208px;}

/* top navigation styles */
div#nav-left-side{float:left; margin-top:50px;}
div#subheading{background:url(../images/btn-v-rounded.png) no-repeat; width:313px; height:25px; margin-top:-6px;}
div#nav-top ul{padding-top:106px; margin-left:5px;}
div#nav-top ul li{display:inline;}
div#nav-top ul li img{margin-left:-5px;}

/* a styles */
div#column-side p a{font-size:11px; font-weight:bold; color:#50ad12; letter-spacing:.01em; line-height:11px;}
div#column-side p a:hover{color:#0000ff;}
div#review-list ul li a{text-decoration:none; color:#50ad12}
div#review-list ul li a:hover{color:#0000ff;}

/* div styles*/
div#experts-pick, div#consumers-pick{padding-bottom:20px;}
div#review-list{margin-top:15px;}
div#banner{background:url(../images/banner.gif) no-repeat right; width:508px; height:228px; margin-bottom:20px;}
div#body-copy{padding:0px 12px; width:490px;}
div#footer{clear:both; padding:5px 0px;}
#criteria{margin:0 0 20px 60px; height:80px;}

/* h styles */
h1{font-size:20px; font-weight:bold; letter-spacing:0.01em; text-align:center; color:#0000FF; margin-bottom:12px; line-height:32px;}
h2{font-size:16px; font-weight:bold; color:#313131; margin-bottom:10px; text-align:center;}
h3{font-size:14px; font-weight:bold; color:#313131; margin-bottom:10px;}
div#column-side h1{text-align:center; font-size:18px; font-weight:bold; color:#313131; margin-bottom:13px;}

/* iframe styles*/
iframe{width:480px; height:1300px;}

/* img styles */
img#logo{float:right; margin-top:65px;}
div#column-side img.pick{margin:20px 0 10px 0;}
div#column-side img.product{margin:0 0 10px 16px;}
div#column-side img.rating{margin:0 0 15px 0;}
img.product-photo{float:left; margin-right:10px;}

/* list style*/
ul{margin:0 0 12px 50px; width:100%;}
ol{margin:0 0 12px 50px; width:100%;}
ol li{font-size:12px; line-height:16px; color:#313131;}
ul li{font-size:12px; line-height:16px; color:#313131;}
div#column-side ul{margin-left:32px; list-style:none;}
div#column-side ul li{width:150px; background:url(../images/bullet-red-check.png) no-repeat; padding:0 0 8px 15px; }
div#review-list ul{list-style-type:none; margin-left:18px;}
div#review-list ul li{ background:none; padding-bottom:3px;}
div#body-copy ul{float:left; margin-right:25px; font-weight:bold;font-size:16px;}
#criteria ul{list-style:none; margin:5px; width:185px;}
#criteria ul li{ line-height:26px; font-size:14px;}



/* p styles */
p{font-size:13px; line-height:21px; color:#313131; margin-bottom:12px;}
p#date{font-size:13px; color:#fff; font-weight:bold; margin:0 0 5px 5px;}
div#subheading p{font-size:12px; color:#fff; font-weight:bold; text-align:center; padding-top:3px;}
div#column-side p {text-align:center; margin-bottom:10px;}
div#footer p{text-align:center;}

/* general styles */
.bluish{color:#2db1fc;}
.bold{font-weight:bold;}
.uppercase{text-transform:uppercase;}
.clear{clear:right;}
.float-left{float:left;}
.blue{color:#0000FF;}
#footer p{text-align:center; font-size:10px; line-height:12px; padding:5px 15px; color:#666666;}
