/* last updated Dec. 20, 2016 - */

html {
    margin: 0px;
    padding: 0px;}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 0px; padding: 0px;
    background: #373737;}

#container {
    font-size: .75em;
    width: 997px; margin: 0px auto; display: block;}
/* #header, #forumnetwork .wrapper, div.forumnetwork {  }   */

#container ul {
    margin: 0; padding: 0;
    list-style: none;}

form  {
    margin: 0; padding: 0;}

input.submit, input.button {width: auto !important; cursor:hand; cursor:pointer;}
input.submit {border: 0px solid #d0d0d0 !important;}
input.radio, input.checkbox, td.checkbox input {border: 0px solid #d0d0d0; margin-top: auto;}
/**/
input.file {border-style: inherit; }
.ie8 input.file {border: 1px solid #7f9db9;}


.side_content .search input.type {
	background: #fff url(/css/images/bg-search-input.jpg) bottom left repeat-x;
	border-top: 1px solid #929292;
	border-left: 1px solid #929292;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	color: #5c5c5c; padding: 2px;
	width: 294px !important;}

.side_content .search input.submit {float: right; margin-top: -21px; position: relative; z-index: 2; }
.ie8 .side_content .search input.submit {margin-top: -20px;}

h1, h2, h3, h4, h5, h6, h7, h8 {
    margin: 0px;  padding:0px;
    font-size: 1em; font-weight: bold;}

a, a:link, a:visited  {
    color: #e30000; text-decoration: none;
    cursor:hand; cursor:pointer;}

a:hover {color: #333; }

/* text_wrapper */
/* ----------------------------------------------- */
.text_wrapper {clear: both; }
.text_wrapper {position: relative;}
.ie .text_wrapper {height: 1%; position: static;}

.text_wrapper:after {
    content: ".";
    display: block; clear: both;
    visibility: hidden; height: 0; }

div.forumnetwork {background: #f3f3f3 url(/css/images/bg-forumnetwork.gif) repeat-x;
	padding: 5px 0px 5px 2px;
	border-bottom: 1px solid #f3f3f3; border-top: 5px solid #960001;}

div.forumnetwork li {display: inline;}
div.forumnetwork li a {padding: 0px 12px; display:inline-block; color: #656a7e; border-right: 1px solid #d3d3d3;}
div.forumnetwork li a:hover {text-decoration: underline;}


#header {background: #bb0002 url(/css/images/bg-header.jpg) repeat-x; }

#header .logo_wrapper {padding: 15px 12px 15px 10px;}
#header span.ad {float: right; width: 728px; display: block;}
#header .logo_wrapper a.logo img {margin-top: 15px; width: 242px; height: 64px;}

#header div.navigation {background: #000; }

#header div.navigation  ul {text-align: center;}

#header div.navigation li {display: inline }

#header div.navigation li a {color: #fff; font-weight: bold; font-size: 1.15em; padding: 10px 25px 8px 12px; display:inline-block;}

#header div.navigation li a:hover, #header div.navigation li.on a {color: #ff0000;}

#header .subnav {background: #373737; text-align: center; }
#header .subnav ul.wrapper {background: #fff; text-align: center;}

#header div.subnav li {display: inline}

#header div.subnav li a {padding: 7px 25px 6px; display:inline-block; color: #000; font-weight: bold;}
#header div.subnav li a:hover {color: #ff0000;}
#header div.subnav li.rss a {
	background: transparent url(/css/images/icon/icon-rss-subnav.jpg) 100% 50%  no-repeat;
	padding-right: 70px;}

#content {
	background: #e9e9e9 url(/css/images/bg-main_content.gif) repeat-y;
	/* width: 997px;
	margin: 0px auto; */ padding: 0px;
	color: #333;}

#content .main_content {
	background: #fff; border-top: 12px solid #e9e9e9;
	float: left; display: block; overflow: hidden;
	width: 624px; padding: 5px 24px 12px;  }

#content .side_content {
	float: right; display: table; width: 300px; padding-right: 12px; padding-top: 12px;
	position: relative; margin-bottom: -12px;}

#content .side_content .categories {margin-bottom: 12px;}

.side_content div.buyers_guide {
    background: #000; padding: 0px 6px 12px;
    padding-bottom: 6px; font-size: 1.1em;
    position: relative;}

 .side_content div.buyers_guide h3 {
    background: #000 url(/css/images/bg-buyers-h3.jpg) repeat-x;
    color: #fff; padding: 7px 2px 7px 12px;
    margin: 0px -6px -2px; position: relative; z-index: 2;}

.side_content div.buyers_guide li {
    background: #fff;
    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(/css/images/icon/bg-buyers-guide-off.gif) 95% 50% no-repeat;}

.side_content div.buyers_guide li a:hover {
    color: #c40f12;
    background: transparent url(/css/images/icon/bg-buyers-guide-on.gif) 95% 50% no-repeat;}

#content .side_content .newsletter {
	background: #000 url(/css/images/bg-newsletter-side.jpg) no-repeat;
	padding: 15px;}

#content .side_content .newsletter .intro {
	background: transparent url(/css/images/icon/icon-newsletter-side.gif) no-repeat;
	padding-left: 55px; padding-bottom: 5px;}

#content .side_content .newsletter input {vertical-align: middle;}
#content .side_content .newsletter input.textfield_newsletters {
	width: 156px; color: #b6b6b6; border: 1px solid #575757; padding: 4px 2px;}

#content .side_content .newsletter .intro h3 {font-size: 1.35em; color: #e30000; line-height: .9em;}
#content .side_content .newsletter .intro strong {font-weight: normal; font-size: .95em; line-height: .9em; color: #fff;}

.side_content div.links {background: #fff; padding: 0px 6px 6px;}
.side_content div.links h3 {
	position: relative; background: #000;
	margin: 0px -6px 6px; padding: 2px 6px;
	color: #fff;}

.side_content div.links li {
	background: transparent url(/css/images/icon/icon-bullet-sub.gif) 0px 10px no-repeat;
	padding: 4px 0px 4px 8px;}

.side_content div.links li a {color: #333;}
.side_content div.links li a:hover {color: #e30000;}

.side_content div.ad_skyscrapper, .side_content div.ad_300 {text-align: center;}

/* breadcrumb */
.breadcrumb {/* temp margin-bottom: 15px;  */  padding: 4px 0px 9px; font-size: .95em; color: #606060; }
.breadcrumb a, .breadcrumb span {color: #606060; padding: 0px 4px}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb a.crumb_start {padding-left: 0px;}

/* titles */
h2, .contain {position: relative; clear: both; }

/* .all */
/* ----------------------------------------------- */
div .all, div a.all {
    right: 0px; color: #fff; margin-top: 1px;
    position: absolute; font-weight: normal;
    padding: 0px 11px 0px 8px; font-size: .85em;
    background: transparent url(/css/images/icon/icon-arrow-all.gif) 0px 50% no-repeat;
    text-decoration: underline !important; text-transform: none;}

div a.all:hover {color: #e30000 !important;}

/* temp VERY hacky, FIX later*/
.ie6 .body_content div a.all {margin-right: 24px;}
.side_content div.links h3 a.all {margin-right: 12px;}


/* bottom_section */

.bottom_section span.right_ads {float: right; width: 300px; display: block;}
.bottom_section span.left_ad {float: left; width: 300px; display: block; }

/* footer */

#footer {clear: both;}

#footer .wrapper {width: 973px; margin: 0px auto; background: #e9e9e9; padding: 12px 12px 0px;}

#footer a {color: #fff;}

#footer span.ad_small {display: block; width: 233px; float: right;}
#footer span.ad_large {display: block; width: 728px; float: left;}

#footer div.navigation {
    position: relative; background: #000;
    padding: 12px; margin-top: 12px; height: 20px;
    text-align: center;}
#footer div.navigation ul {width: 450px; margin: 0px auto; display: block;}

#footer div.navigation span.copyright {
    color: #fff; position: absolute; right: 10px;}

#footer div.navigation span.logo {position: absolute; left: 10px; }
#footer div.navigation li {
    float: left; font-size: .95em;
    padding: 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_Off-Road_com_Pushdown_PS_ad_container {margin: 0px auto; width: 970px;} */

#google_ads_div_Off-Road_com_300x250_Right1_PS_ad_container, #google_ads_div_Off-Road_com_Pre-Roll_ad_container {width: auto !important; height: auto !important;}

#google_ads_div_Off-Road_com_Background_ad_wrapper, #google_ads_div_Off-Road_com_Pushdown_PS_ad_wrapper {
width: 997px; margin: 0px auto; padding: 10px 0px; text-align: center;}
/*#google_ads_div_Off-Road_com_Pushdown_PS_ad_container {width: 999px;}*/

#google_ads_div_Off-Road_com_300x75_Middle_PS_ad_wrapper {text-align: center; margin-bottom: 12px;}

#google_ads_div_Off-Road_com_Pushdown_PS_ad_wrapper {background: #E9E9E9;}

/* #google_ads_div_Off-Road_com_Pushdown_PS_ad_wrapper div div div {left: 13px !important} */

#google_ads_div_Off-Road_com_1x1_Pushdown_PS_ad_wrapper {background: #E9E9E9;}

#content {
    background-image: none;
    text-align: left;
}

@media screen and (max-width: 500px){
	
iframe { max-width: 100% !important; }

img, #vsCaption img, div#content-wrapper img {max-width: 100% !important; height: auto;}
.imgLeft, .imgRight, .imgMiddle, .postbody img.alignright {float: none !important; display: block;}
.categories_photo .table img {width: 300px;}

div.forumnetwork, #content .side_content, #header span.ad, #footer .ads_wrapper, #footer div.navigation span.logo, #footer div.navigation span.copyright, .header table {display: none !important;}

#content .main_content, .static .form {overflow: visible !important; padding-left: 2px !important; padding-right: 2px !important;}
#gallery .categories_thumbnails {margin-left: 0px; margin-right: 0px;}

#content .main_content, .index .body_content .intro span.text, .index .categories_racepicks .section2, .index .body_content .intro span.title {float: none !important;}

#container, #content .main_content, #footer .wrapper, .index .body_content .intro span.text, .index .categories_racepicks .section2, .index .body_content .intro span.title, #footer div.navigation ul, .landing_hub .news_promo span.text, .feature span.text, .landing_hub .news_promo span.title, .imgLeft, .imgRight, .imgMiddle, #galleryPlayer_1_wrapper, #galleryPlayer_2_wrapper, #galleryPlayer_3_wrapper, #galleryPlayer_4_wrapper, .static, .static .form div, .Promo_area_slideshow {width: auto !important; max-width: 100% !important; float: none !important; }



.landing_hub .news_promo span.text {clear: both;}
.news_promo span.text {margin-bottom: 0 !important;}

.static textarea, .static .bginput {width: 200px !important;}

.index .body_content .intro {background: transparent !important;}

table.images tr, #gsThumbMatrix tr , .categories_thumbnails tr, .static, .static .form div tr {display: inline;}
table.images td, #gsThumbMatrix td, .categories_thumbnails td, .static, .static .form div td {display: inline-block; vertical-align: top; width: auto !important;}

.categories_photo .table, .categories_photo .table td, .categories_photo .table tr, .categories_photo .table tbody {display: block;}

#header .subnav ul.wrapper, #header div.navigation ul {text-align: left !important;}
.index div.media table td, .categories_newsletter td {display: inline-block; vertical-align: top;}
}

#header .ad{float:right}
#footer .ad_large{float: left;width:728px;}
#footer .ad_small{float:right;width:233px;}

@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}
#vs-bottomMobileAd iframe, #vs-bottomFixedMobileAd iframe {height: inherit !important;}
body{margin-bottom:50px;}
html, body {height:100%;overflow:auto}
}