/*body style*/
body { font-size: 62.5% }
div#mktmain { overflow: hidden; width: 960px; zoom:1  }
	
/*category tab*/
ul.cat-tabs { border-bottom: 4px solid #bbb }
ul.cat-tabs a, .cat-tabs a:link, .cat-tabs a:visited, .cat-tabs a:hover, .cat-tabs a:active { text-decoration: none; }
	
/*marketing left nav*/
div#mktleftcol { font-size: 100%; width:204px; background-color: #eee; padding-bottom: 10000px; margin-bottom: -10000px; float:right }
div#mktleftcol div div { padding: 0 }
div#mktleftcol ul { padding-left: 2em; margin-left: 0 }
div#mktleftcol div.install { background-image: none }
div#mktleftcol div.rbdi h3 span { position: relative; left: -.5em }
div#mktleftcol div.rbdi h3 { position: relative; right: -.25em }
div#mktleftcol div.rbdi { padding: 0 .25em .5em .25em }
	
/*standard left nav*/
div#leftcol { font-size: 100%; width:204px; background-color: #eee; padding-bottom: 10000px; margin-bottom: -10000px; float:right }
div#leftcol div { padding: 4px; }
div#leftcol div div { padding: 0 }
div#leftcol ul { padding-left: 2em; margin-left: 0 }
div#leftcol h3 { background-image:url("/images/css_elements/leftNav/blueHeader.gif"); background-position:right top; border-bottom:1px solid #FFFFFF; border-top:2px solid #FFFFFF; margin-bottom:0; padding-left:0 }
div#leftcol h3 span { background-image:url("/images/css_elements/leftNav/blueHeader.gif"); background-position:left top; color:#fff; display:block; font-size:11px; line-height:18px; margin-right:5px; padding-left:5px; text-transform:uppercase }
div#leftcol h3 span a { color:#fff; float:right; font-weight:400; text-decoration:none; text-transform:none }
div#leftcol h3 span a:hover, #rightcontent div#sizebar a:hover { text-decoration:underline }
div#leftcol div p, div#leftcol div p { padding-left:0 }
	
/*RBDI Icons*/
div.rbdi { background-color: #eee; border-top: 5px solid #fff }
div.rbdi h3, div.rbdi h3 span, div#mktrightcol div.block h3, div#mktrightcol div.block h3 span { background-image: url(/images/css_elements/leftNav/rbdiheaders.gif); display: block; line-height: 25px; height: 25px }
div.rbdi h3, div#mktrightcol div.block h3 { background-position: right top; color: #4b4b4b; font-size: 12px }
div.rbdi h3 span { padding-left: 30px; margin-right: 30px; display: block }
div.rbdi h3 { background-position: right top; text-transform: uppercase }
div.research h3 span { background-position: 0 -25px }
div.buy h3 span { background-position: 0 -50px }
div.deliver h3 span { background-position: 0 -75px }
div.install h3 span { background-position: 0 -100px }
	
/*Right column*/
div#mktrightcol { padding-top: 5px; position: relative; top: 0 ; width: 740px; float: right }
div#mktrightcol div.block h3 span { padding-left: 7px; margin-right: 7px }
div#mktrightcol div.rbdi h3, div#mktrightcol div.rbdi h3 span { background-image: url(/images/css_elements/leftNav/rbdiheaderslarge.gif); height: 36px; line-height: 36px }
div#mktrightcol div.it h3, div#mktrightcol div.it h3 span { background-image: url(/images/css_elements/leftNav/rbdiheaderslarge.gif); height: 36px; line-height: 36px; position: relative }
div#mktrightcol div.it h3 img { position: absolute; right: 0; top: 0 } /*IE6*/
div#mktrightcol { padding-left: 1em }
div#mktrightcol div.rbdi h3, div#mktrightcol div.it h3 { font-family: "Arial black"; font-size: 16px }
div#mktrightcol div.rbdi h3 span { height: 36px; padding-left: 40px; margin-right: 40px }
div#mktrightcol div.it h3 span sup { font-size: 11px }
div#mktrightcol div.rbdi h3 span, div#mktrightcol div.it h3 span { text-transform: uppercase }
div#mktrightcol div.research h3 span { background-position: 0 -36px }
div#mktrightcol div.buy h3 span { background-position: 0 -72px }
div#mktrightcol div.deliver h3 span { background-position: 0 -108px }
div#mktrightcol div.install h3 span { background-position: 0 -144px }
div#mktrightcol div.block { border: 1px solid #cfcfcf; margin-bottom: 2em }
div#mktrightcol img { float: left; margin-bottom: 1em; margin-left: 1em; display: block }
div#mktrightcol p, div#mktrightcol h5 { margin-left: 1em; margin-right: 1em }
div#mktrightcol h5 { font-size: 14px }
div.block h3 { position: relative; left:-1px; margin-right: -2px; top: -1px }
div.block h4 { display: block; background-color: #eee; border-top: 1px solid #ccc; height: 20px; padding-left: 1em }
div.block div.products h4 { background-color: #fff } 
div.block h4 a { font-size: 80% }
div.block h4 a:link,div.block h4 a:visited { color: #333; text-decoration: none }
div.block h4 a:hover,div.block h4 a:active { color: #c00; text-decoration: none }
div.block div#installation { float: left; width: 480px ; padding-left: 1em; }
div.block { background-color: #fff; min-height: 110px /*IE6*/ }
div.block ol { padding-left: 1.5em; margin-top: 0 }/*IE6*//*IE7*/
div.block ul.subsection, div.block ul.subsection li { display: block; list-style: none; margin: 0; padding: 0 }
.halfs { float: left; width: 47% }
.halfs p, div#mktrightcol div.it p { margin-left: 1em }
.thirds { float: left; padding-left: 1em; width: 30% }
.thirds p { margin: 0.5em 0 0.75em }
.thirds p a { display:inline }
p.videolink { background-position: left top; padding: 0 0 0 18px }
	
/*Research area in right column*/
div#research a, .thirds a { display: block; padding-bottom: .5em }
div.research h3 span { background-position: 0 -25px }
	
/*Buy area in right column*/
div.mmyc  { width: 42%; float: left; margin: 0 1em 1em 1em }
strong.mmyc { display: block; float: left; text-align: center; width: 6%; text-transform: lowercase }
div#mktrightcol #AAsearch,div#mktrightcol #FRsearch,#tirebrand { padding: 0 0 1em 1em; }
	
/*Brand area in right column
#tirebrand span { white-space: nowrap }*/
	
/*Inside Track Products*/
div#mktrightcol .products { background-color: #eee; font-size: 11px; margin: 0; padding-top: 10px }
div#mktrightcol .products ul.productcell { margin: 0; padding: 0; list-style: none; zoom:1 }
div#mktrightcol .products ul.productcell li { background-color: #fff; float: left; width: 32%; margin: 0 0 2% 1%; zoom:1 }/*IE6*/

div#mktrightcol .products ul.twocolumn li { width: 47% }
div#mktrightcol .products img { float: none; margin: .5em }
div#mktrightcol .products a.photo { float: left }
div#mktrightcol div.it img { margin-bottom: auto; margin-left: auto }
	
/*Hide items*/
#autoYear, #autoModelSelect, #autoModClarSelect, #loadingMsg, #loadingMsg2, #FRsearch, #bestSeller, #oebestSeller, #oe, #showmmyc, #hidesize, #size, #hidebrand, #brand, #showtests, #hideinfo, #info { display:none; }

