body {
	background: #090606 url(/images/footer_bg_stretch1.jpg) repeat-y fixed center bottom;
	margin: 0;
	padding: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: #fff;
}
form#aspnetForm {
	background: #0d0d0d  url(/images/background_stretch.jpg) repeat-x top;
}
*, a.focus, img{
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}
/*------Global Property------*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #fff;
}
.col50 {
	float:left;
	padding:0 5px;
	width:48%;
}
.col70 h2, .col30 h2 {
	margin: 5px 0;
	padding: 5px;
	font: 1.8em normal Verdana, Arial, Helvetica, sans-serif;
}
p { padding: 5px; margin: 5px 0;}

ul.col3, ul.col4 {
	margin: 0;
	width: 970px;
	clear: both;
}
ul.col3 li, ul.col4 li{
	float: left;
}
ul.col3 li {
	width: 313px;
	margin: 0 0 0 7px;
	padding: 0;
	display: inline;
	list-style: none;
}
.content ul.col3, .content ul.col4 {
	width: 950px;
}
.content ul.col3 li {
	width: 309px;
	margin:5px 0 20px 7px;
}
.content ul.col4 li{
	width: 230px;
	margin: 0 0 0 7px;
	padding: 0;
	float: left;
	display: inline;
	list-style: none;
}
.content .col30 {
	width: 290px;
	float: left;	
}
.content .col70 {
	width: 630px;
	float: left;
}
.hr {
	background: url(/images/hr_solid.gif) repeat-x left top;
	height: 2px;
	width: 100%;
	margin: 10px 0;
}
small.bread {
	margin: 0 0 20px;
	padding: 0 0 10px;
	display: block;
	background: url(/images/hr.gif) repeat-x left bottom;
}
.backtotop{
	float:right;
	font-size:0.6em;
	font-weight:normal;
}
.left {
	float: left;
	clear: both;
}
.alignleft {
	float: left;
}
.center {
	display: block;
	text-align: center;
	margin: 0 auto;
}
.right {
	float: right;
}
.clear {
	clear: both;
	/*width: 950px;
	float: left;*/
	overflow: hidden;
}
.adobereader {
	background: url(/images/info/Reader_32.gif) no-repeat left 3px;
	padding: 0 0 7px 35px;
	margin: 20px 10px;
	float: left;
}
.errormsg {
	background: #ffe2e2 url(/images/icon_error.gif) no-repeat 5px 5px;
	padding: 5px;
	border: 1px solid #df6e6e;
	margin: 0 0 -5px;
	padding-left: 25px;
	float: left;
	width: 180px;
}
.confmsg {
	padding: 5px 5px 5px 27px;
	color: #111;
	background: #e5ffce url(/images/icon_check.gif) no-repeat 5px 5px;
	border: 1px solid #9ec979;
}
.highlight {
	color: #ffe052;
}
html form#aspnetForm ul li.icon_pdf {
	background: url(/images/icon_pdf.gif) no-repeat 5px 10px;
}
html form#aspnetForm ul li.icon_imgdl {
	background: url(/images/icon_imgdl.gif) no-repeat 5px 10px;
}
html form#aspnetForm ul li.icon_zip {
	background: url(/images/icon_zip.gif) no-repeat 5px 10px;
}
/*-----Tools-------*/
.tool {
	padding: 10px;
	position: absolute;
	right: 10px;
	top: 15px;
	margin: 0 10px;
	background: #333;
	border: 1px solid #444;
}
.tool a {
	padding: 7px 10px 7px 30px;
	color: #fff;
}
.tool a:hover {
	color: #ccc;
}
a.conversion {
	background: url(../images/icon_tirecalc.gif) no-repeat 10px 7px;
}
/*------Wire Frame------*/
.container {
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
}
/*---------Header------*/
#header {
	background: url(/images/header_bg.png) no-repeat center top;
	float: left;
	width: 970px;
	height: 130px;
}
#header img.logo { float: left;}
#header strong { font-size: 2em; font-weight: normal; float: right; padding: 25px 20px 10px 0; }
#header p { 
	float: right; 
	width: 400px; 
	text-align: right; 
	padding:2px 25px 5px 0;
	margin: 0; 
	background:transparent url(/images/header_options_bg.png) no-repeat scroll right -6px;
	font-size:.9em;
}
#header p a{ font-size: 1.1em; color: #fff;}
#header p a:hover{ color: #ccc;}
#header ul.topnav {
	height: 36px;
	overflow: hidden;
	padding-left: 5px;
	float: left;
	width: 970px;
	background: url(/images/topnav_bg.png) no-repeat;
	letter-spacing:0.02em;
}
#header ul.topnav li {
	float: left;
	list-style: none;
}
#header ul.topnav li a{
	float: left;
	color: #000;
	text-decoration: none;
	padding: 10px 14px;
	background: url(/images/topnav_divider.gif) no-repeat right top;
}
#header ul.topnav li a:hover{
	color: #fff;
	text-decoration: none;
	background: url(/images/topnav_hover.gif) repeat-x right top;
}
#header ul.topnav li.searchbox {
	float: right;
	padding: 7px 15px 0 0;
	display: none;
}
#header ul.topnav li.searchbox input.search {
	padding:  2px 5px;
	float: left;
	margin: 0 5px;
	width: 200px;
	border: 1px solid #555;
}
/*---------Content------*/
.content_block {
	float: left;
	margin: 10px 0 0;
	padding: 5px 0 0 0;
	width: 970px;
}
.content {
	margin: 0;
	padding: 0 5px;
	float: left;
	width: 960px;
	float: left;
	position: relative;
}
.content p {
	line-height: 1.6em;
}
.content a {
	color:#c4c4c4;
}
.content a:hover {
	color: #fff;
}
/*---------Home Page---------*/
.flashbanner {
	padding: 0;
	background: #111;
	margin: 0 auto 30px;
	width: 960px;
	height: 262px;
	background: url(/images/banners/pinion.jpg) no-repeat center top;
}
object#banner {
	width: 100%;
	height:222px;
}
#home ul.col3 li img {
	margin: 0;
	padding: 0;
	float: left;
}
#home ul.col3 li h2, #subcat ul.col3 li h2 {
	float:left;
	font-size:1em;
	font-weight:normal;
	height:19px;
	margin:0;
	padding:10px;
	text-align:center;
	width:290px;
}
#home ul.col3 li h2 a, #subcat ul.col3 li h2 a,  #catalogs ul.col3 li h2 a {
	background:transparent url(/images/icon_arrow_brown.png) no-repeat right 5px;
	color:#e7e7e7;
	padding:4px 17px 3px 0;
	text-decoration:none;
}
#home ul.col3 li h2, #subcat ul.col3 li h2 { background: url(/images/homeblock_title_bg.png) no-repeat; }
#home .content { 
	background:transparent url(/images/hp_pct_jeep.jpg) no-repeat scroll center bottom;
	margin-top:30px;
	padding:10px 30px 55px 380px;
	width:560px;
}
/*-----------Sub Cat---------------*/

#subcat .alloy, #subcat .rockcrawlers, #subcat .accessories {background: none;}
#subcat .finder {
	float: right;
	margin: -20px 15px 10px 0;
}
.content_block {	
	min-height:600px;
}
/*--------------Product Detail ----------------*/
#detail .content .static_detail h2 {
	color: #d78b33;
	margin-bottom: 0;
	font-size: 19px;
	font-weight: normal;
}
#detail .content .static_detail {
	clear: both;
	width: 950px;
	float: left;
	overflow: hidden;
	background: url(/images/detail/product_detail.jpg) no-repeat right top;
	min-height:600px;
}
#detail .content #frontaxleassemblies{
	background: url(/images/detail/frontaxle_detail.jpg) no-repeat right top;
}
#detail .content #rearaxleassemblies{
	background: url(/images/detail/rearaxle_detail.jpg) no-repeat right top;
}
#detail .content .static_detail img.logo {
	width: 283px; height: 102px;
}
/*--Tire - Default--*/
#detail .content .col70 {
	padding: 10px 0 50px 0;
	width: 510px;
}
#detail .content .col70 .static_info {
	background: url(/images/static_detail_bg-trans.png) no-repeat right top;
	padding: 5px 10px 20px 5px;
	float: left;
}
#detail .content .col30 {
	margin: 5px 0 0 20px;
	text-align: center;
	width: 309px;
}
.static_info .showcase {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}
.static_info .showcase img.main {
	background: #fff;
	padding: 5px;
	border: 1px solid #555;
}
#detail ul.specs {
	width: 500px;
	margin: 10px 0;
	padding: 0 0 5px;
	float: left;
}
#detail ul.specs li {
	width: 220px;
	padding: 0 10px 7px 17px;
	float: left;
}
#article ul.specs{
	margin: 0 10px;
	padding: 0 0 5px;
}
#article ul.specs li, #detail ul.specs li, #sitemap ul.specs li {
	background: url("/images/bullets_specs.gif") no-repeat left 4px;
	padding: 0 10px 7px 17px;
	list-style: none;
}

#detail .content_block .content h2.prodlist_header {
	background: url(/images/prod_list_topbg.jpg) no-repeat left 5px;
	clear: both;
	float: left;
	width: 950px;
	padding: 33px 0 17px 195px;
	color: #222;
	font-weight: normal;
	font-size: 2em;
}
#detail .content ul.partlist {
	float: left;
	clear: both;
	margin: 0;
	padding: 10px 0;
	color: #222;
	background: #fff url(/images/prod_list_bg.jpg) repeat-y left top;
	border-bottom: 1px solid #696153;
	width: 950px;
}
ul.partlist li {
	float: left;
	width: 950px;
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
	margin: 10px 0;
	background: url(/images/prod_list_hr_trans.gif) no-repeat center bottom;
}
ul.partlist li .image {
	width: 185px; 
	float: left;
	text-align: center;
	color: #333;
	margin: 0 0 0 180px;
	display:inline;
}
ul.partlist li .image img {
	border: 5px solid #fff;
	background: #ccc;
	padding: 2px;
}
ul.partlist li .desc {
	padding: 5px 180px 0 365px;
}
ul.partlist li .desc .alignleft {
	width: 95%;
}
ul.partlist li .desc .alignleft h3 {
	font-weight: normal;
	font-size: 1.3em;
}
ul.partlist li .desc ul.prodspecs{
	width: 85%;
	margin: 10px 0;
}
ul.partlist li .desc ul.prodspecs li{
	width: 100%;
	clear: both;
	padding: 2px;
	margin: 0;
	background: none;
}
/*-----------Info---------------*/
ol.steps {
	margin-left: 30px;
	padding: 0;
}
ol.steps li {
	margin: 0 5px;
	padding: 5px 0;
	font-weight: bold;
	font-size: 1.3em;
	color: #ffe052;
}
html ol.steps li p {
	font-weight: normal;
	font-size: 0.8em;
	padding-left: 0;
	margin-left: 0;
	color: #fff;
}
.container .aboutus img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	margin: 10px 0 0 -15px;
}
.container .content_block .aboutus { background: url(/images/info/about_bg.jpg) no-repeat right top; height:550px}
ul.wheretobuy {margin: 30px 0 50px;}
ul.wheretobuy li {text-align: center;}
ul.wheretobuy li img {
	padding: 5px;
	background: #fff;
	border: 5px solid #444;
}
.container .content_block .buyprocomp { background: url(/images/info/procomp-sign.jpg) no-repeat 650px 0;}

.contact .col30 h2 {
	background: #222 url(/images/icon_phone.gif) no-repeat 10px 10px;
	border: 1px solid #333;
	font-weight: normal;
	font-size: 1.2em;
	padding: 10px 10px 10px 35px;
}
#info .col70 ul.specs li, #column_2 .col70 ul.specs li {
	width: 630px;
	background: url(/images/bullets_specs.gif) no-repeat 5px 13px;
	padding: 10px 0 10px 20px;
	margin-left: 15px;
}
.col30 ul.specs {
	list-style:none inside none;
	margin: 0 0 20px;
	width: 309px;
}
.col30 ul.specs li {
	float: left;
	clear: both;
	width: 287px;
	border-bottom: 1px dashed #333;
	background: url(/images/bullets_specs.gif) no-repeat 5px 13px;
	padding: 10px 0 10px 25px;
}
html #column_2{
	background: #111 url(/images/2col_content_block.gif) repeat-y;
}
h2.dl_header {
	background: url(/images/icon_download_header.gif) no-repeat left 2px;
	padding-left: 37px;
	clear: both;
}
/*---------Contact Form---------*/
ul.form {
	margin: 10px 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
ul.form li {
	float: left;
	width: 590px;
	padding: 7px 10px;
}
fieldset.contactform ul.form li label {
	float: left;
	margin: 0 10px 0 0;
	text-align: right;
	width: 110px;
	font-weight: bold;
}
fieldset.contactform ul.form li input {
	padding: 5px;
	margin: -3px 0 0 0;
	width: 200px;
	border: 1px solid #fff;
	background: #f0f0f0;
}
fieldset.contactform ul.form li textarea {
	padding: 5px;
	margin: -3px 0 0 0;
	width: 450px;
	font:  1.1em Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #fff;
	background: #f0f0f0;
}
html fieldset.contactform ul.form li input.btn {
	width: auto;
	height: auto;
	border: 0;
	padding: 0;
	margin: 5px;
}
html fieldset.contactform ul.form li.last {padding: 0 5px; margin: 0;}
/*---------Catalogs---------*/
#catalogs ul.col3 li a img {
	margin-bottom: 5px;
	display: block;
	background: #fff;
	border: 1px solid #444;
}
#catalogs ul.col3 {
	margin: 20px 0;
}
/*---------Article Images---------*/
.article_img{
	border: 1px solid #444; 
	padding: 5px; 
	background-color: #cfcfcf; 
	color: #222; 
	width:380px;
}
.article_img img{
	border: 1px solid #888; 
}
.thumbnail{
	margin:0 5px;
		border: 1px solid #444; 
	padding: 5px; 
	background-color: #cfcfcf; 
}
.article_index_nav{
	background: transparent url('/images/articleindex-bg.gif') no-repeat center -5px; 
	height:30px;
	padding:13px;
}
ul.article_index{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 auto;
	width:60%;
}
ul.article_index li{
	background-color:#444;
	border:1px solid #212121;
	float:left;
	margin:0 2px;
}
ul.article_index li em{
	background-color:#444;
	padding:3px 6px;
}
/*-----------Footer---------------*/
#footer {
	float: left;
	width: 100%;
	clear: both;
	background: #303030 url(/images/footer_bg_stretch.jpg) repeat-x left top;
}
#footer .container {
	background:transparent url(/images/footer_bg.png) repeat-y scroll left top;
	margin-top:2px;
	padding:0 0 15px;
	min-height:50px;
}
#footer ul.col3 {
	height: 170px;
	margin: 0;
	padding: 30px 0;
}
#footer ul.col3 li h3 {
	font-size: 2.3em; 
	font-weight: normal;
	text-align: center;
	margin-bottom: 15px;
	color: #ddd;
}
#footer ul.col3 li h3 a {
	color: #fff;
}
#footer ul.col3 li img {
	margin: 0 auto;
	padding: 0;
	float: none;
	display: block;
}
#footer ul.col3 li p {
	font-size: 1.2em;
	text-align: left;
}
#footer ul.col3 li p a {
	color: #fff; 
}
#footer a {
	color: #fff; 
}
#footer .dealer_login {
	width: 100%;
	float: left;
	clear: both;
	padding: 7px 0 0;
	display:none;
}
#footer .dealer_login p {
	float: left;
	width: 30%;
}
#footer .dealer_login .login{
	float: right;
	padding: 10px 20px 0 0;
}
#footer .dealer_login .login input.login {
	float: left;
	margin: 0 5px;
	padding:  2px 5px;
	border: 1px solid #555;
}
#footer .dealer_login .login label {
	float: left;
}
#article h2{
	height: 24px;
	margin: 10px 0 10px 5px;
	border-bottom:2px solid #d6d6d6;
}
#footer ul.footermenu{
	width:500px;
	margin:0 auto;
	list-style:inside none none;
}
#footer ul.footermenu li{
	float:left;
	margin:0 5px;
}
/*---------------------SIFR-----------------------*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1.home {
	padding: 10px 0 0;
	margin: 0;
	height: 30px;
}
.sIFR-hasFlash h1 {
	visibility: hidden;
	height: 35px;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #c6c4c4;
}
.sIFR-hasFlash h2.heading {
	height: 30px;
	margin: 10px 0 0;
	color: #c6c4c4;
}
.sIFR-hasFlash #detail .content .static_detail h2 {
	height: 9px;
	margin: 10px 0 0;
}
.sIFR-hasFlash h3.heading {
	height: 24px;
	color: #c6c4c4;
}
#sitemap{

}
#sitemap ul.specs{
	margin:5px !important;
}
#sitemap ul.specs li{
	padding:0 10px 0px 17px !important;
}