﻿body { margin: 0 auto; padding: 0; width: 970px; font-family:  Verdana; background: #eaeaea; position:relative; }
ul, li, h1, h2, h3 { margin: 0; padding: 0; list-style: none; }
p { margin: 8px 0; }
a { color: #06c; }

#wrapper { background: #fff; }    
#header { background: url(img/header-bg.jpg); height: 169px; overflow: hidden; }            
#header h1 { padding: 10px; }
#header h1 a,
#header h1 a:visited { font-size: 24px; font-weight: bold; display: block; padding-top: 200px; }
#content { font-size: 13px; color: #333; min-height: 1000px; }                
    #article,
    #review { width: 580px; float: left; margin: 20px 0 100px 10px; }
    #article h1,
    #review h1 { font-size: 32px; color: #06c; }
    #article p,
    #review p { font-family: Georgia; font-size: 14px; line-height: 22px;  padding-bottom: 15px; }
    #article span.credit { font-size: 11px; font-style: italic; color: #999; }
        .spacer { width: 1px; height: 110px; float: left;  }
        .spacerright { width: 1px; height: 110px; float: right;  }
        .spacer150 { width: 1px; height: 150px; float: left; }
        .spacer300 { width: 1px; height: 300px; float: left; }
        .spacer500 { width: 1px; height: 500px; float: left; }
        #articleupperad { float: left; margin: 5px 5px 5px 5px; border:solid 0px green; width:100%;}
        #articlelowerad { float: left; margin: 5px 5px 5px 5px; border:solid 0px green; width:100%;}
        #articlecontentads { float: left; clear: left;  margin: 15px 15px 5px 0; }
        #articlecontentsitelinkstitle { float: left; clear: left;  font-size: 20px; color:black; font-weight:bolder; width:100%; background-color:#ffffff; line-height:22px; border-top:solid 3px black; }
        #articlecontentsitelinks { font-family:  Verdana; float: left; clear: left;  margin: 15px 15px 5px 0; font-size: 10px; width:250px; background-color:#ffffff; }
        
        #articlecontentsitelinks ul li { padding-top: 10px; margin-top: 10px; line-height:17px; border-bottom:solid 1px gray; padding-bottom:10px; }
        #articlecontentsitelinks ul li.first { border: none; margin-top: 0; padding-top: 0; line-height:17px; border-top:solid 1px gray; border-bottom:solid 1px gray;}
            #articlecontentsitelinks ul li h2 a { font-size: 13px; line-height:17px;} 
            #articlecontentsitelinks ul li p { font-size: 11px; margin-bottom: 5px; margin-top: 2px; line-height:17px;} 
        
        #articlecontentimage { float: right; clear: right; margin: 0px 15px 5px 0;  }
    #silo, #subsilo { width: 640px; float: left; margin: 10px 0 10px 10px; }
        #intro { padding: 10px; background: #eaeaea; border: #ccc; }
        #subsilo h1 { font-size: 24px; font-family: Arial; }
        #subsilo p { font-family: Georgia; font-size: 12px; line-height: 22px;  padding-bottom: 15px; }
        #articlelist { width: 600px; }
        #articlelist h2 { font-size: 14px; margin-top: 30px; }
        #articlelist p { font-size: 11px; line-height: 16px; padding-bottom: 0; }
        #subsilotopads, #subsilobottomads,
        #silotopads, #silobottomads { padding: 20px; border: solid 1px #f1f1f1; }
        #subsilotopads { margin-top: 10px; margin-bottom: 53px; }
        #subsilobottomads { margin-top: 53px; }
        #silo #subsilolist ul { }
            #silo #subsilolist li { display: block; float: left; width: 299px; margin-bottom: 10px; padding-right: 10px; margin-right: 10px; }
            #silo #subsilolist li h2 { margin: 10px 0; }
            #silo #subsilolist li ul li { float: none; margin: 0; }
            #silo #subsilolist li ul li a { overflow: hidden; }
        #silotopads { margin-top: 10px; }
        #silobottomads { clear:both; margin-top: 53px; }
    .reviews { border: solid 1px #eaeaea; padding: 5px; background: #fff; margin-top: 10px; }
        .reviews ul { min-height: 120px; }
            .reviews ul li { float: left; width: 310px; height: 120px; margin-right: 4px; overflow: hidden; position: relative; }
                .reviews ul li a { text-decoration: none; color: inherit; }
                .reviews ul li div.ribbon { position: absolute; background: url(img/review-ribbon.png) no-repeat; z-index: 100; width: 87px; height: 120px; left: 0; }
                .reviews ul li img { width: 87px; height: 120px; float: left; margin-right: 5px; border: none; }
            .reviews div.review { float: right; width: 213px; height: 100px; overflow: hidden; padding-right: 5px; }
                .reviews div.review h2 { color: #06c; font-size: 14px; font-weight: bold; }
            .reviews div.ctr { font-size: 13px; font-style: italic; color: #5a9020; text-align: right; padding-right: 5px; }
    #review { width: 640px; float: left; margin: 10px 0 10px 10px; }
        #review div.thumb { float: left; border: solid 1px #eaeaea; width: 190px; text-align: center; padding: 10px; margin-right: 10px; }
            #review div.score { color: #666; font-weight: bold; padding-top: 1px; margin-top: 8px; font-size: 18px; width: 100%; text-align: center; }
            #review div.star1, 
            #review div.star2, 
            #review div.star3, 
            #review div.star4,
            #review div.star5 { height: 23px; background: url(img/rank-stars.png) no-repeat; } 
            #review div.star1 { background-position: center top; }
            #review div.star2 { background-position: center -21px; }
            #review div.star3 { background-position: center -43px; }
            #review div.star4 { background-position: center -65px; }
            #review div.star5 { background-position: center -87px; }
        #review h1 { margin-bottom: 10px; }
        #review a.offerwrapper { text-decoration: none; cursor: pointer; }
        #review div.offer { background: #ffffbf; padding: 5px; color: #bc0606; font-weight: bold; font-size: 13px; border: solid 1px #eaeaea; width: 400px; text-align: center; float: left; margin-bottom: 10px; }
        
#sidebar { width: 300px; float: right; margin-top: 10px; margin-right: 10px; }
.sidebarads { width: 300px; float: right; margin-top: 10px; margin-right: 10px; }
.sidebar { width: 300px; float: right; margin-top: 10px; margin-right: 10px; }
    #ctl00_newsletter { background: #ddfa9e; padding: 5px; font-size: 14px; margin-bottom: 10px; color: #666; font-size: 12px; }
        #ctl00_newsletter h1 { font-size: 18px; color: #333; }
        #nl-form div { text-align: center; margin-bottom: 2px; }
        p.privacy { font-size: 9px; padding: 8px; }
    #ctl00_sbad { margin-top: 10px; }
        #ctl00_sbad div { background: #eaeaea; text-align: center; padding: 3px; font-size: 10px; text-transform: uppercase; }
    #ctl00_tabs ul { height: 28px; }
    #ctl00_tabs ul li { cursor: pointer; width: 88px; float: left; font-weight: bold; padding: 5px; font-size: 13px; text-transform: uppercase; color: #666; border: solid 1px #ccc; background: #eaeaea; }
    #ctl00_tabs ul li.selected { border-bottom: none; background: #fff; }
    .sbsection { padding-top: 10px; border: solid 1px #ccc; border-top: none; position: relative; width: 298px; display: block; }
    #navigation { font-size: 12px; margin-bottom: 10px; display: none; }
        .sbsection ul { background: #fff; padding: 5px; }
        #navigation h1 { margin-left: 150px; }
        #navigation ul li { font-weight: bold; text-transform: capitalize; }
        #navigation ul.subsilo { margin-left: 15px; margin-bottom: 10px; padding: 0; }
        #navigation ul.subsilo li { font-weight: normal; }
    #articles { font-size: 14px; padding-bottom: 10px; display: none; }
        #articles ul li { padding-top: 10px; border-top: solid 1px #eaeaea; margin-top: 10px; }
        #articles ul li.first { border: none; margin-top: 0; padding-top: 0; }
            #articles ul li h2 a { font-size: 13px; } 
            #articles ul li p { font-size: 11px; margin-bottom: 5px; margin-top: 2px; } 
    #reviews { padding: 0; background: #fff; padding-bottom: 10px; margin-top: 0; }
        #reviews ul { }
            #reviews ul li { width: 280px; padding-top: 10px; border-top: solid 1px #eaeaea; margin-top: 10px; float: none; }
            #reviews ul li.first { padding-top: 10px; border-top: none; margin-top: 0; }
            #reviews div.review { width: 183px; }
#footer { clear: both; background: #ccc; height: 76px; } 
    #footer .left { background: #666; float: left; width: 200px; color: #fff; padding: 20px; } 
        #footer .left li a { color: #fff; text-decoration: none; font-size: 12px; }
        #footer .left li a:hover { text-decoration: underline; color: Yellow; }
    #footer .right { margin-left: 260px; font-size: 11px; padding-top: 20px; }
        #footer .right p { font-size: 10px; color: #699; }
div.copy { text-align: center; margin: 10px 0; }

.silobanner { margin-top: 10px; }
h3.topofferlink {padding: 10px 0; margin: 10px 0; background-color: #FFFFBF; font-size: 15px;}

.articleImage { max-height:200px; max-width:200px; float:right; padding:10px; }

.addCommentFrame { width: 90%; margin: 0 auto; border:solid 3px #0066CC; padding:10px; margin-top: 20px;}
.addCommentTitle { color:#0066CC; text-decoration:underline; font-weight:bold; font-size:150%; }
.addCommentInstructions { }
.addCommentError { color:Red; }
.commentSeparator { width:100%; margin: 0 auto; background-image:url('/img/separator.gif'); background-repeat:repeat; height:1px; border:solid 0px black;}
.commentsArea { margin-top: 10px; width: 100%; }
.commentTitle { color:Gray; }
.commentData { color:Black; }
.commentsAreaTitle { font-size:150%; }



