/* tractor - dev */
html {
    margin: 0px;
    padding: 0px;}
    
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 0px;
    padding: 0px;
    background: #a2a2a2 url(/images/css/bg.jpg) top repeat-x;}
    
.container {
    font-size: .75em;
    width: 1032px; 
    margin: 0px 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;}    
    
    
.forumnetwork li a {font-size: .95em; color: #434343; }      
    
.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;}
    
     
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; padding: 2px;}  
textarea  {border: 1px solid #d0d0d0; color: #6d6d6d; padding: 2px;}
    
input.submit, div.submit input {width: auto !important; border: 0px solid #d0d0d0 !important; padding: 0px;}  
input.radio, input.checkbox, td.checkbox input {border: 0px solid #d0d0d0; padding: 0px; width: auto !important;} 
input.file {border-style: inherit; padding: 0px;}   
h1, h2, h3, h4, h5, h6, h7, h8 {
    margin: 0px;
    padding:0px;
    font-size: 1em;
    font-weight: bold;} 
    
a, a:link, li:visited {
    /* color: #0066cc; */
    color: #9f1700;
    text-decoration: underline;
    cursor:hand;
    cursor:pointer;}
    
a:hover {text-decoration: none;}        
.container ul {
    margin: 0;
    padding: 0;
    list-style: none;} 
.clear {clear: both; height: 1px;}  
.printonly {display: 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: 25px 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 {
    background: #a76619 url(/images/css/bg-header.jpg) top right repeat-x;
    
    border-bottom: 1px solid #757575;
    margin: 0px; padding: 20px 12px;}
    
#header a.logo {clear: both; display: block; width:220px; padding: 25px 0px 0px; float: left;}

 
#header div.subnav {background: #f3f3f3; padding: 8px; margin: 0px; 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: #1a1a1a}
 
#header div.navigation {
     background: #272727 url(/images/css/bg-nav.jpg) repeat-x;
     border-bottom: 1px solid #474747;}
         
#header div.navigation li {
    display: inline-block; float: left;}
    
#header div.navigation li.nav_home {background-image: none;}    
     
#header div.navigation li a {
    padding: 8px 36px 5px; 
    display: block; text-transform: uppercase;
    font-weight: bold;}
    
#header div.navigation li a:hover {background-color: #757575; text-decoration: none;}
.mac #header div.navigation li a {padding: 8px 27px 5px; padding: 8px 37px 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 4px;
    position: relative; height: 24px; }
    
div.breadcrumb a, div.breadcrumb span {
    color: #434343; 
    padding-right: 10px; margin-left: 10px; 
    border-right: 1px solid #d4d4d4;} 
    
div.breadcrumb a.crumb_start, div.breadcrumb span.crumb_start {
    padding-left: 10px; margin-left: 10px; 
    border-left: 1px solid #d4d4d4;}   
    
.webkit .fb_edge_widget_with_comment {position: relative; z-index: 9999; top: -2px;}
.gecko .fb_edge_widget_with_comment {position: relative; z-index: 9999; top: -2px;}
    
/* error */
.error, .thankyou {margin: 24px 0px;}
  
.error h1, .thankyou h1 {color: #9f1700; font-size: 1.85em !important;}  
.error h2, .thankyou h2 {font-size: 1.4em !important; margin-bottom: 4px;}
  
  .error ul {
    margin-top: 4px;}
    
.side_content {
    float: right;
    display: block; width: 300px; 
    padding: 12px 12px 12px 0px;}
    
.side_content div a {color: #9f1700;}    
    
    
.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 {
    background: #d6d6d6 url(/images/css/bg-search.gif) repeat-x;
    border: 0px; solid #fff; border-top: 1px solid #8e8e8e; border-left: 1px solid #8e8e8e;
    margin-right: 5px; 
    width: 220px; color: #1c1c1c;}
    
.side_content .newsletter input#rightNavEmail, .side_content .newsletter input.textfield_newsletters {width: 200px;}             
    
.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: #1c1c1c; 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 {
    background: transparent url(/images/css/bg-buyers-guide-on.gif) 95% 50% no-repeat;}    
    
.side_content div.newsletter {
    background: #fff url(/images/css/bg-gradient.gif) right bottom repeat-x;
    border: 1px solid #dadada; padding: 10px; margin-bottom: 12px }  
    
.side_content div.newsletter h3 {color: #261800; font-size: 1.3em; margin-bottom: 3px;}        
           
.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 li a {color: #191919;}  
    
.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: #a26015 url(/images/css/bg-footer-ads.gif) repeat-x;
    padding: 15px 12px 12px 20px;}
    
#footer div.navigation {
    background: #232323 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;}
 

#google_ads_div_Tractor_com_Pre-Roll_ad_container, #google_ads_div_Tractor_com_x60_PS_ad_container {width: auto !important; height: auto !important;}
.side_content .ad_bottom, .side_content .ad_top {position: relative; clear: both;}
 

/* temp for fixing 3rd party ad*/
#ftdiv674989 {z-index: 6000 !important}



@media screen and (max-width: 500px){
img {max-width: 100%; height: auto;}
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 {display: none;}
#footer div.navigation span {float: none;}
.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,
.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.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, 
.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 {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; 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;}
}