/* last updated Dec 16 2016 */

html {
    margin: 0px;
    padding: 0px;}
body {
    overflow:visible !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 0px;
    padding: 0px;
    background: #dadada url(/images/css/bg.jpg) top repeat-x;}
    
.container {
    font-size: .75em;
    width: 1032px;
    margin: 10px auto 0px;}
    
.ie6 .container  {
    overflow: hidden;}    
.content_wrapper {
    background: transparent url(/images/css/bg-left.png) repeat-y;
    padding-left: 20px;}
.ie6 .content_wrapper {
    background: transparent url(/images/css/bg-left.jpg) top left repeat-x;}

.ie6 #footer .content_wrapper {
    background: transparent url(/images/css/bg-left-footer.jpg) top left repeat-x;}    
    
    
.ie6 #header .content_wrapper, #header .content_wrapper{
        background-image: none;
        background: transparent url(/images/css/bg-left-header.jpg) top left repeat-y;}        
    
.content_wrapper_right {
    background: transparent url(/images/css/bg-right.png) top right repeat-y;    
    padding-right: 20px;}  
    
.ie6 .content_wrapper_right {
    background: transparent url(/images/css/bg-right.jpg) top right repeat-x;}

.ie6 #footer .content_wrapper_right {
    background: transparent url(/images/css/bg-right-footer.jpg) top right repeat-x;}
    
.ie6 #header .content_wrapper_right, #header .content_wrapper_right {
    background-image: none;
    background: transparent url(/images/css/bg-right-header.jpg) top right repeat-y;}        
form  {
    margin: 0;
    padding: 0;} 
    
input, select, img {vertical-align: middle; margin-top: -2px;} 
.ie input, .ie select, .ie img {margin-top: 0px} 
input, select {border: 1px solid #d0d0d0; color: #6d6d6d; font-size: .95em;}  
textarea  {border: 1px solid #d0d0d0; color: #6d6d6d;}
    
span.side_content div.newsletter input {width: 200px; color: #878787; font-size: .95em;} 
input.submit {width: auto !important; border: 0px solid #d0d0d0;}  
input.radio, input.checkbox, td.checkbox input {border: 0px solid #d0d0d0;} 
input.file {border-style: inherit;}   
.ie8 input.file {border: 1px solid #d0d0d0;} 

h1, h2, h3, h4, h5, h6, h7, h8 {
    margin: 0px;
    padding:0px;
    font-size: .9em;
    font-weight: bold;} 
    
a, a:link, li:visited {
    color: #0066cc; 
    text-decoration: underline;
    cursor:hand;
    cursor:pointer;}
    
a:hover {text-decoration: none;}        
.container ul {
    margin: 0;
    padding: 0;
    list-style: none;}    
    
/* text_wrapper */
/* ----------------------------------------------- */ 
.text_wrapper {clear: both; }
.text_wrapper, #content ul li {position: relative;}
.ie .text_wrapper, .ie #content ul li {height: 1%; position: static;}
.ie #footer .text_wrapper {position: relative;}
.ie #footer div.navigation {position: static !important;}
.text_wrapper:after, #content ul li:after {
    content: ".";
    display: block; clear: both;
    visibility: hidden; height: 0; }   
    
#header span.ad_small {display: block; width: 250px;}
#footer span.ad_small {display: block; width: 220px; padding-top: 25px;}
#header span.ad_large, #footer span.ad_large {display: block; width: 728px;}
#header span.ad_small, #footer span.ad_large {float: right;}  
#header span.ad_large, #footer span.ad_small {float: left;}      
    
 /* header */
 /* ----------------------------------------------- */
 
#header a, #footer a {color: #fff; text-decoration: none;}
#header a:hover, #footer a:hover {text-decoration: underline;}
 
#header div.ads {margin: 0px 20px;}
 
#header div.logo_area {
    background: transparent url(/images/css/bg-header.jpg) bottom right no-repeat;
    height: 97px;
    margin: 0px 20px;}
    

#header a.logo {clear: both; display: block; width:290px; padding: 0px 0px 0px 22px;}
.ie7 #header a.logo {padding-top: 15px;}
#header span.search {float: right; position: relative; padding-right: 10px; top: -10px;}
.ie6 #header span.search {padding-bottom: 1px;}
 
#header span.subnav {float: right; margin-top: 10px;}
#header span.subnav li {float: right; margin-left: 20px;}
 
#header div.navigation {
     background: #49902c url(/images/css/bg-nav.jpg) repeat-x;
    position: relative; font-size: .95em;}
         
#header div.navigation li {
    float: left;}  

#header div.navigation li.nav_forums {position: absolute; right: 0px; z-index: 2;}
     
#header div.navigation li a {
    background: transparent url(/images/css/bg-nav-line.gif) no-repeat;
    padding: 8px 33px 5px; 
    display: block;  
    font-weight: bold;}
    
#header div.navigation li.nav_home a {background-image: none;}    
.mac #header div.navigation li a {padding: 8px 31px 5px;}
.mac.gecko #header div.navigation li a {padding: 8px 30px 5px;}    
#header div.navigation li.nav_blog a {padding-left:32px; padding-right: 32px; }
.mac.webkit #header div.navigation li.nav_blog a {padding-left:34px; padding-right: 33px;}

#header div.navigation li a:hover {background-color: #49902c; text-decoration: none;}    
/* content */
/* ----------------------------------------------- */
#content {background: #fff url(/images/css/bg-content.jpg) repeat-x;}
.main_content {
    display: block; float: left;
    width: 654px; overflow: hidden; 
    padding: 12px 0px 12px 12px;} 
    
.side_content {
    float: right;
    display: block; width: 300px; 
    padding: 12px 12px 12px 0px;}
    
    
.side_content div.categories h3, .side_content div.buyers_guide h3 {
    background: #000 url(/images/css/bg-side-categories.jpg) repeat-x;
    color: #fff; padding: 7px 2px 5px 7px;
    margin-bottom: -2px; position: relative; z-index: 2;}
.side_content div.categories h3 {margin-bottom: -12px;}        
    
.side_content div.buyers_guide {
    background: #000; margin: 12px 0px;
    padding-bottom: 6px; font-size: 1.1em;
    position: relative;}
    
.side_content div.buyers_guide ul {margin: 0px 6px 0px;}    
    
.side_content div.buyers_guide li {
    background: #eeeeee;
    border-top: 1px solid #e5e5e5;
    padding: 9px 2px 6px 12px;}
    
.side_content div.buyers_guide li a {
    display: block; color: #000; text-decoration: none;
    height: 1%; font-size: 1.1em;
    background: transparent url(/images/css/bg-buyers-guide-off.gif) 95% 50% no-repeat;}
    
.side_content div.buyers_guide li a:hover {
    color: #c40f12; 
    background: transparent url(/images/css/bg-buyers-guide-on.gif) 95% 50% no-repeat;}        
    
.side_content div.newsletter {
    background: #1d6925 url(/images/css/bg-newsletter.gif);
    padding: 10px; margin-bottom: 12px;
    color: #fff; font-weight: bold;}    
.side_content div.newsletter h3 {    
    color: #fbd48d; font-size: 1.1em;
    margin-bottom: 5px;}        
    
.side_content div.ad_skyscraper, .side_content div.partners {
    width: 160px; 
    float: right;
    margin-bottom: 12px;}
    
.side_content div.partners {
    background: #f2f2f2; padding-bottom: 10px;}
    
.side_content div.partners li {
    padding: 2px 2px 2px 12px;}    
    
.side_content div.partners h3 {
    background: #dcdcdb url() repeat-x;
    margin-bottom: 10px;
    padding: 4px 12px; }    
.side_content div.categories {
    float: left; width: 131px;
    margin-bottom: 12px; }
    
.side_content div.categories li {
    border-top: 1px solid #e6e6e6; font-size: .95em;
    margin: 10px 5px 5px; padding-top: 10px;}
    
/* footer */
/* ----------------------------------------------- */

#footer {clear: both; position: relative;}

#footer div.ads {
    background: #1d6925 url(/images/css/bg-footer-ads.gif) repeat-x;
    padding: 15px 12px 12px 20px; height: 90px !important;}
    
#footer div.navigation {
    background: #434343 url(/images/css/bg-footer-nav.gif) repeat-x; 
    padding-left: 10px;}    
#footer div.navigation span {float: right; color: #fff; padding-top: 13px; margin-right: 12px;}
    
#footer div.navigation li {
    float: left;
    padding: 13px 0px;}    
    
#footer div.navigation li a {display: block; border-left: 1px solid #fff; padding: 0px 8px;}
#footer div.navigation li.about_us a {border-left: 0px solid #fff;}

@media screen and (max-width: 500px){
img {max-width: 100%; height: auto;}
span.ad_large, #header div.ads, #header span.ad_small, #footer span.ad_large {display: none;}
.container, .main_content, #subpostnavigation, #comment_tbl {max-width: 100% !important}
.main_content {padding-left: 0px;}
.side_content, #header div.subnav, #header span.subnav {display: none;}
#header div.logo_area {background: transparent; height: auto; margin: 0;}
.submenu {background-color: #000;}
#footer div.navigation span {float: none;}
.main_content {overflow: visible;}
.content_wrapper, .content_wrapper_right {padding: 0px;}
#header div.navigation li a {display: inline-block; padding: 8px 10px 5px !important;}
.home .promo_area span.text, .specs div span.text {float: none !important;}
.reviews div.articles .section span.text_column, #vsCaption .imgLeft, #vsCaption, #vsCaption .imgRight, #vsCaption .imgMiddle, .classifieds div.categories h3, #core_contentArea, .post, .make-comment, .post-subscribe ul,
.article_page div.categories_newsletter span.text, .dealer_profile .promo_area .intro span.picture, .specs div.user_links li, .specs div ul.specs li, .specs div.feature span.text, .myaccount div.categories_build_listing div.section, 
.specs div.specs_results, .specs div.year, .index div.classifications, .year div.classifications, .specs div.body_content div.categories h2, .specs div.categories, .home div.popular_articles div.text_wrapper span.text, .home .promo_area span.title, .home .promo_area .categories, .home .user_reviews, .classifieds div.categories_note, 
.classifieds div.categories h3, .classifieds div span.text, .index div.intro_text span.text, .index div.intro_text span.picture, .reviews div.articles span.text, .manufacturer_reviews div.intro_text span.text, .home .promo_area .classifieds {float: none !important; width: auto !important; max-width: 100%;}
.home .promo_area .reviews li span.text, .home div.body_content div.articles li, .home .articles li span.text, .home div.featured_article .intro, .index div ul.search_home li {width: auto !important; max-width: 100%;}
.home .promo_area span.title {padding-left: 0px; padding-right: 0px;}
.home .articles li span.text {float: none !important; }
.home div.body_content div.articles li, .home .articles li span.text {height: auto !important;}
div table.images tr, .data tr {display: inline;}
div table.images td, .data td, .home .articles li span.text {display: inline-block; vertical-align: top; width: auto;}
#commentform input.textarea, #commentform input.emailarea, .specs div ul.specs li select, .specs div.user_reviews select, .specs div table.table_info select {width: 100px !important;}
.subpage span.all, .subpage a.all {position: relative 1important; float: right;}
.reviews div.intro_text span.picture {max-width: 100% !important; display: block !important;}
.postbody img, .picture img, #vsCaption div.imgRight img, #vsCaption div.imgLeft img, #vsCaption div.imgMiddle img, .noprint img  {max-width: 100%; height: auto;}
.table_info .picture img {max-width: 100px;}
#map_canvas {width: 100% !important; height: auto !important;}
.subpage div.email_info {padding: 8px !important;}
.subpage div.email_info table.table select, .subpage div.email_info table.table input, .subpage div.email_info table.table textarea {width: 100% !important}
.specs table.bottom_list td, .classifieds table.bottom_list td, .subpage div.email_info table td {display: block; width: auto !important;}
.specs div.specs_results table.table_info td {padding-left: 3px !important; min-width: 10px;}
.classifieds div.bottom_list {margin-left: 0px; margin-right: 0px;}
}
 
@media screen and (max-width: 641px){
#vs-bottomMobileAd {width:100%;text-align:center;margin: 0;padding: 10px 0 30px;background: #fff;}
#vs-bottomFixedMobileAd {background: #fff; bottom: 0px; height: 50px; position: fixed; width: 100%; z-index: 50;}
#vs-bottomFixedMobileAd div:first-of-type{display: block !important; margin: 0 auto; text-align: center;}
#vs-bottomFixedMobileAd img{margin:0}
body{margin-bottom:50px;}
html, body {height:100%;overflow:auto}
#vs-bottomMobileAd iframe, #vs-bottomFixedMobileAd iframe {height: inherit !important;}

#content div div.bottom_section span.adbottom {float: none; padding-left: 0; margin-bottom: 20px;}

#header span.search { top: 0px;}


}