@charset "utf-8";
 @import "../../SharedCSS/text.css";
@import "../../SharedCSS/forms.css";
@import "../../SharedCSS/gallery.css";
@import "../../SharedCSS/slideshow.css";
/* global on/off */
#HIDDENCONTROLS { display: none }
/* begin layout */
html, body { height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif }
html { height: 100%; }
body { height: 100%; background: #e6e3d6; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; }
#nonFooter { position: relative; min-height: 100%; }
* html #nonFooter { height: 100%; }
#contentArea { padding: 10px 29px 53px; vertical-align: top; }
#ccPanel { background-color: #fff; }
#affiliations img { border: none }
#leftBackground { background: url(images/bg_leftside.jpg) repeat-y right top; }
#rightBackground { background: url(images/bg_rightside.jpg) repeat-y left top; }
.center { background: url(images/bg_center.jpg) repeat-y; height: 100%; }
#bottomcap { background: url(images/footer.jpg) repeat-y center center; height: 51px; margin: -53px 0 0; width: 100%; position: relative; bottom: 0; clear: both; }
* html #bottomcap { margin-top: -44px; }
#footcenter { width: 948px; text-align: center; padding: 18px 0 0; margin: 0 auto; font-size: 11px; color: #950909 }
#menu { float: left; width: 189px; background: #ecebe1 url(images/bg_menutop.jpg) no-repeat; padding: 58px 0 0; }
#menupromo {  background: url(images/bg_menubottom.jpg) no-repeat left bottom; text-align: center; }
#maincontent { margin-left: 20px; width: 660px !important; float: left; }
/* SERVIOCE PANEL  */

#homeservicepanel { background: #e5e5e5; width: 98%; margin: 8px auto; padding: 4px; overflow: auto; height: 140px }
#homeservicepanel h3 { color: #4a506c; margin-top: 0; }
#homeservicepanel dl { clear:both; width:100%; height:8em; margin:4px auto; }
#homeservicepanel dt { color: #4a506c; font-weight:bold; margin: 0; padding: 0 0 10px; }
#homeservicepanel dd { width:33%; float:left; margin:0; font-size: 11px; }
#homeservicepanel ol.first { counter-reset:item 0; }
#homeservicepanel ol.second { counter-reset:item 5; }
#homeservicepanel ol.third { counter-reset:item 9; }
#homeservicepanel ol li { display: block; }
#homeservicepanel ol li:before { content: counter(item) ". "; counter-increment: item 1; }
.first li a, .second li a, .third li a { color: #c02e13; }
.first li a:hover, .second li a:hover, .third li a:hover, .first li a:visited, .second li a:visited, .third li a:visited { color: #3b6682; }
span#coupons { display: block; width: 600px }
a#adminLogin { background:transparent url(images/btn_adminLogin.png) no-repeat 0 0; cursor:pointer; display:block; height:33px; position:absolute; right:-100px; text-decoration:none; top:0; width:100px; }
#adminLogin:hover { background-position: left bottom }
/* user cart */

#userCart { position:  absolute; right: 10px; top: 10px; text-align: right; width: 500px; padding: 0 38px 0 0; z-index: 300; color: #333; background: url(../../SharedImages/assorted/icon_cart.png) no-repeat right 4px; }
#userCart a#btn_checkout { color: #f00; background: url(../../SharedImages/assorted/icon_check.png) no-repeat right center; padding: 0 20px 3px 0; }
#userCart a#btn_emptyCart { color: #f00; background: url(../../SharedImages/assorted/icon_delete.png) no-repeat right center; padding: 0 20px 3px 10px; }
#userCart a#btn_checkout:hover, #userCart a#btn_emptyCart:hover { color: #fff }
/* // end user cart */

/* selector page */

/* Tire Size Search Label Corrections */
#formSizeSearch { margin-top: 20px }
#formSizeSearch label { width: 80px; clear: none; margin: 0 !important; }
.leftCap, .rightCap { display: none }
#gobuttonSelect { padding: 12px 0 0 4px }
span.fill { float: left; display: block; width: 60px; }
#formSizeSearch label.labelFormat[for="ratio"] { width: 60px }
#gobuttonSelect input#findTires, #gobuttonSelect input#findWheels { height: 40px; margin-right: 10px; }
#maincontent #vehicleSearchForm select, #maincontent #tireSearchForm select { border: 1px solid #aaa }
#maincontent #brandSearchForm { position: relative; margin-bottom: 20px }
#brandSearchForm #brandSearchFormCap { clear: both; position: absolute; left: 0px !important; border: none; vertical-align: baseline; line-height: normal }
#BrandSearchForm { margin-top: 40px; margin-bottom: 20px }
/* //end selector page */

/* filtering styles */
div.breadCrumb, div.numberNav_Black { padding:3px 3px 3px 0; margin:3px; }
div.breadCrumb a, div.numberNav_Black a { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #ccc; text-decoration: none; color: #ccc; background-color: #333; }
div.breadCrumb a:hover, div.breadCrumb a:active, div.numberNav_Black a:hover, div.numberNav_Black a:active { border:1px solid #1422c1; color: #fff; background-color: #1422c1; }
div.breadCrumb span.current, div.numberNav_Black span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #333; font-weight: bold; background-color: #1422c1; color: #FFF; }
div.breadCrumb span.disabled, div.numberNav_Black span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc; }
#yourVehicle { font-size: 14px; font-weight: bold; color: #0ac4df; }
#yourVehicle span { color: 	#05487e; }
#searchResults_Tires { margin:0; padding:0 }
#maincontent .result { width: 620px; min-height:220px; overflow-x:auto; overflow-y:hidden; }
.podBody label { width: 100%; clear: none; display: inline; float: none; margin:0; padding:0; text-align: left; cursor: pointer }
.podBody label:hover { color: #05487e }
.podBody { color: #000; }
.podControls { background-color: #333; cursor:pointer; position: relative; color: #fff; font-size: 16px; }
.podControls:hover { background-color: #1422c1; color: #FF0 }
.podControls span { position: absolute; right: 50px; top: 10px; text-align:right; float: none; display: inline; color: #fff; }
.podControls:hover span { color: #fff; }
.activePod { background: #333 url(/../../assets/SharedImages/assorted/Remove.png) no-repeat right center; }
.inactivePod { background: #333 url(/../../assets/SharedImages/assorted/Add.png) no-repeat right center; }
div.breadCrumb, div.numberNav_Black, #yourVehicle, #searchResults_Tires, .podControls, .podBody { margin-left: 12px; }
a#btn_filter { background:transparent url(../../SharedImages/selectors/btn_lightSearch.jpg) no-repeat scroll 0 0; display:block; float:right; height:32px; margin:8px 0 0 0; text-decoration:none; width:117px; }
a#btn_filter:hover { background-position: left bottom; }
#maincontent #directSearch { padding-left: 12px }
#maincontent #directSearch span { line-height: 40px }
/* // end filtering */
/* NAVIGATION */

ul#MainMenu, ul#MainMenu li, ul#MainMenu ul { margin: 0; border: 0 none; padding: 0; width: 182px; /*For KHTML*/ list-style: none; }
ul#MainMenu { margin:0 0 0 6px; padding: 10px 0; }
ul#MainMenu:after /*From IE 7 lack of compliance*/ { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#MainMenu li { float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative; }
/* Root Menu */
ul#MainMenu a { padding: 0 6px; display: block; color: #c02e13; line-height: 18px; font: normal bold 16px Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ background: url(images/icon_menu.gif) no-repeat 0 -26px; padding-left: 14px; }
/* Root Menu Hover Persistence */
ul#MainMenu a:hover, ul#MainMenu li:hover a, ul#MainMenu li.iehover a { color: #3b6682; background: #e6e3d6 url(images/icon_menu.gif) no-repeat 0 3px; }
/* 2nd Menu */
ul#MainMenu li:hover li a, ul#MainMenu li.iehover li a { background: #e6e3d6; color: #3b6682; }
/* 2nd Menu Hover Persistence */
ul#MainMenu li:hover li a:hover, ul#MainMenu li:hover li:hover a, ul#MainMenu li.iehover li a:hover, ul#MainMenu li.iehover li.iehover a { background: #eaeaea; color: #c02e13; }
ul#MainMenu ul, ul#MainMenu ul ul, ul#MainMenu ul ul ul { display: none; position: absolute; top: 0; left: 182px; }
/* Do Not Move - Must Come Before display:block for Gecko */
ul#MainMenu li:hover ul ul, ul#MainMenu li:hover ul ul ul, ul#MainMenu li.iehover ul ul, ul#MainMenu li.iehover ul ul ul { display: none; }
ul#MainMenu li:hover ul, ul#MainMenu ul li:hover ul, ul#MainMenu ul ul li:hover ul, ul#MainMenu li.iehover ul, ul#MainMenu ul li.iehover ul, ul#MainMenu ul ul li.iehover ul { display: block; }