@charset "utf-8";
@import "../../SharedCSS/reset.css";
@import "../../SharedCSS/text.css";
@import "../../SharedCSS/forms.css";
@import "../../SharedCSS/gallery.css";
@import "../../SharedCSS/slideshow.css";
/* global on/off */
#HIDDENCONTROLS { display: none }
.hiddenAffiliations { display: block }
#ccAff { background-color:#222; }
#affiliations a, #affiliations img, #paymentsAccepted img { margin: 3px }
body { padding: 0; margin: 0; background: #0099cb url(images/bg_body.jpg) no-repeat center top; color: #4c4c4c; }
#outWrap { width: 859px; margin: 23px auto 0; background: #222; height: 100%; overflow: visible; position: relative; }
#header { height: 143px; background: #0099cb url(images/bg_header.jpg) no-repeat; position: relative; }
/* cufon typefaces */
#header h1 { color: #fff; font-size: 54px; position: absolute; right: 10px; top: 40px; letter-spacing: -1px }
#header h2 { color: #000; font-style: italic; font-size: 36px; position: absolute; right: 10px; top: 85px; letter-spacing: -1px }
/* end cufon */

#menu { width: 207px; background: #dadada url(images/bg_menu.jpg) no-repeat; font-size: 11px; font-weight: bold; float: left; position: relative; z-index: 30 }
#pageContent { position: relative; background: url(images/bg_pageContentTop.jpg) no-repeat; width: 600px; height: 100%; min-height: 500px; margin: 0 0 0 12px; padding: 30px 15px -100px 5px; float: left; z-index: 20; }
#contentArea { margin: 14px 0 0 18px; width: 859px; background:url(images/bg_contentArea.png) repeat-y 219px top; }
#innerContent { padding: 6px; }
#footer { clear: left; width: 100%; height: 233px; background: url(images/bg_footer.jpg) no-repeat center bottom; padding-left: 2px; }
#footerContent { width: 859px; position: relative; height: 233px; margin: 0 auto; }
a#OMlogin { display: block; position: absolute; width: 88px; height: 29px; right: 23px; bottom: 123px; text-decoration: none; background: url(images/btn_admin.png) no-repeat left bottom; }
a#OMlogin:hover { background-position: left top }
/******************  Menu styling  */
#menu ul { margin-top: 40px; }
#menu ul { margin:34px 0 0 2px; padding:0; list-style-type:none; display:block; font:bold 16px Helvetica, Verdana, Arial, sans-serif; line-height:35px; width:175px; }
#menu ul li { margin:0; padding:0; }
#menu ul li a { display:block; text-decoration:none; color:#4c4c4c; background: url(images/bg_menuItem.gif) no-repeat; padding:2px 0 0 30px; width:175px; }
#menu ul li a:hover, #menu ul li a.current, ul li a.current:hover { background-position: 0 -37px; color: #6eb2fe }
#menu ul li ul { margin: 0; padding: 4px; font: 14px Helvetica, Verdana, Arial, sans-serif; line-height:25px; width:203px; }
#menu ul li ul li { margin-left: 0; padding:0 }
#menu ul li ul li a { background-image: none; padding-left: 10px; }
/**************** Theme specific Selector Overrides   */

#vehicleSearchForm, #tireSearchForm, #brandSearchForm { margin: 0 0 0 40px }
#vehicleSearchForm { margin:20px 0 0 40px; }
#wrapperModelDetail, #model table#modelInfo { width: 98% }
#cartStatus { margin:0 auto 10px; padding:14px 5px; }
/* user cart 

#userCart {
  position: absolute;
  width: 400px;
  left: 25px;
  padding: 0 0 0 38px;
  z-index: 300;
  color: #fff;
  background: url(../../SharedImages/assorted/icon_cart.png) no-repeat
}
#userCart a#btn_checkout {
  color: #fff;
  background: url(../../SharedImages/assorted/icon_check.png) no-repeat right center;
  padding: 0 20px 3px 0;
}
#userCart a#btn_emptyCart {
  color: #fff;
  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: #F00 }
 // end user cart */
 
/*#ccPanel{
left:-220px;
position:absolute;
bottom: 10px;
width:207px;
}*/
/* 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 #05487e; text-decoration: none; color: #05487e; background-color: #6bc7ff; }
div.breadCrumb a:hover, div.breadCrumb a:active, div.numberNav_Black a:hover, div.numberNav_Black a:active { border:1px solid #6ac5fc; color: #6ac5fc; background-color: #05487e; }
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: #6ac5fc; 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 }
.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: #05487e; cursor:pointer; position: relative; color: #fff; font-size: 16px; }
.podControls:hover { background-color: #6ac5fc; color: #222 }
.podControls span { position: absolute; right: 50px; top: 10px; text-align:right; float: none; display: inline; color: #fff; }
.podControls:hover span { color: #fff; }
.activePod { background: #05487e url(/../../assets/SharedImages/assorted/Remove.png) no-repeat right center; }
.inactivePod { background: #05487e url(/../../assets/SharedImages/assorted/Add.png) no-repeat right center; }
div.breadCrumb, div.numberNav_Black, #yourVehicle, #searchResults_Tires, .podControls, .podBody { margin-left: 22px; }
a#btn_filter { display: block; float: right; margin: 0; width: 125px; height: 33px; background: url(images/btn_viewResults.png) no-repeat; }
a#btn_filter:hover { background-position: left bottom; }
#innerContent #directSearch span { line-height: 40px }
/* // end filtering */
/* selector width */
#innerContent .result { width: 570px; }
/* slideshow tweaks */
#innerContent .geckSlider { width: 590px; }
#innerContent .geckSlider .slidewrapper { width: 508px; margin: 0 41px; }
#innerContent .geckSlider ul li { width: 508px; }
#innerContent .geckSlider .arrow { width: 41px; }
#innerContent .geckSlider .forward { right: 0; }
#innerContent .geckSlider .back { left: 0; background-position: -93px 0 }
#innerContent .geckSlider .back:hover { background-position: -93px -200px; }
/* // slideshow tweaks */