/* snowblower - dev */
html {
    margin: 0px;
    padding: 0px;}
    
body {
    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: 0.75em;
    margin: 10px auto 0px;
    width: 1040px; 
}
    
.ie6 .container  {
    overflow: hidden;}    
.content_wrapper {
    background: transparent url(/images/css/bg-left.png) repeat-y;
    padding-left: 20px;}

.ie6 .content_wrapper {
    background: transparent;
    background-image: none;}
.ie6 #footer .content_wrapper {
    background: transparent;
    background-image: none;}    
    
    
.ie6 #header .content_wrapper, #header .content_wrapper{
        background: transparent;
    background-image: none;}          
    
.content_wrapper_right {
    background: transparent url(/images/css/bg-right.png) top right repeat-y;    
    padding-right: 20px;}  
    
.ie6 .content_wrapper_right {
    background: transparent;
    background-image: none;}
.ie6 #footer .content_wrapper_right {
    background: transparent;
    background-image: none;}
    
.ie6 #header .content_wrapper_right, #header .content_wrapper_right {
    background: transparent;
    background-image: none;}      
form  {
    margin: 0;
    padding: 0;} 
    
input, select, img {vertical-align: middle;} 
.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;}
    
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;}   
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; */
    color: #c45c00;
    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 li {position: relative;}
.ie .text_wrapper, .ie #content li {height: 1%; position: static;}
.text_wrapper:after, #content li:after {
    content: ".";
    display: block; clear: both;
    visibility: hidden; height: 0; }  
    
span.ad_large {display: block; width: 728px; float: right; }
#footer span.ad_small {display: block; width:225px; padding: 35px 0px 0px; 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 {
    height: 97px;
    margin: 0px 20px;}
    
#header a.logo {clear: both; display: block; width:250px; padding: 40px 0px 0px; float: left;}

 
#header div.subnav {background: #f3f3f3; padding: 8px; margin: 0px 20px 12px; overflow: hidden;  }
#header div.subnav ul {margin-left: -24px; width: 800px; display: block; }
.ie6 #header div.subnav ul {margin-left: -34px;}
#header div.subnav li {display: inline-block; float: left; margin-left: 12px; padding-left: 12px; border-left: 1px solid #d3d3d3;}
#header div.subnav li a {color: #363636}
 
#header div.navigation {
     background: #445974 url(/images/css/bg-nav.jpg) repeat-x;}
         
#header div.navigation li {
    display: inline-block; float: left;
    background: transparent url(/images/css/bg-nav-line.gif) no-repeat;}
    
#header div.navigation li.nav_home {background-image: none;}    
     
#header div.navigation li a {
    padding: 8px 44px 5px; 
    display: block; text-transform: uppercase;
    font-weight: bold;}
    
#header div.navigation li a:hover {background-color: #2a608c; text-decoration: none;}
.mac #header div.navigation li a {padding: 10px 42px 5px;}
    
/* 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;} 
    
/* breadcrumb */
/* ----------------------------------------------- */
div.breadcrumb {
    background: transparent url(/images/css/bg-breadcrumb.jpg) no-repeat;
    font-size: .95em; margin: -12px 5px 5px -12px; padding: 10px 0px 0px 14px;
    position: relative; height: 24px; }
    
div.breadcrumb a, div.breadcrumb span {
    color: #313131; 
    padding-left: 10px; margin-right: 10px; 
    border-left: 1px solid #363636;}    
    
.side_content {
    float: right;
    display: block; width: 300px; 
    padding: 12px 12px 12px 0px;}
    
.side_content div a {color: #0066cc;}    
    
    
.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.search {margin-top: 12px;} 
    
.side_content div.search input.textfield_search {width: 225px; margin-right: 5px; background: #dadada; color: #000;}          
    
.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%; 
    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.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: 0px 2px 0px 6px; font-size: .95em;}    
    
.side_content div.partners h3 {   
    background: #e6e6e6 url(/images/css/bg-home-h3.gif) repeat-x;
    margin-bottom: 4px;
    padding: 4px 6px;}   
     
.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: #15283f url(/images/css/bg-footer-ads.gif) repeat-x;
    padding: 15px 12px 12px 20px;}
    
#footer div.navigation {
    background: #465b72 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, .googleAd_area {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, .specs div span.rating, .specs div.user_reviews span.text, .buyers_guide div.buyers_guides_lists span.text,
.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 div.controls_styled, .specs div.write_reviews span.title, .specs div.write_reviews div.rounded_corners_border, 
.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%;}

.specs div.write_reviews textarea {max-width: 300px}
.specs div span.rating {left: 0;}
.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, .home div.manufacturers table td, .home div.research_categories table.images td {display: inline;}
div table.images td, .data td, .home .articles li span.text, .home div.manufacturers table td, .home div.research_categories table.images td {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;}
}