@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 }
#affiliations, #paymentsAccepted { padding-bottom: 20px }
#affiliations a, #affiliations img, #paymentsAccepted img { margin: 3px }
/* begin layout */
html, body { height: 100%; margin: 0; padding: 0; }
body { background: #fff url(images/bg_body_x_larger.png) repeat-x; }
#container { min-height: 100%; margin: 0 auto -194px; width: 965px; position: relative; background: transparent url(images/bg_container.png) repeat-y right top; }
/*  if IE6

#container {height: 100%;}

*/
#header { height: 249px; background: url(images/bg_header_larger.png) no-repeat; position: relative; z-index: 30 }
#footer { height: 194px; position: relative; background: url(images/bg_footer_x.png) repeat-x; }
#innerFoot { width: 965px; height: 194px; margin: 0 auto; background: url(images/bg_innerFoot.jpg) no-repeat; position: relative; }
#footRight { position: absolute; top: 100px; right: 0; width: 350px; text-align: right; padding-right: 10px; line-height: 13px; color:#fff }
#footerServices { color: #78c123; font-size: 22px; position: absolute; top: 15px; left: 0; }
#innerFoot ul { list-style-type:none; width: 600px; height: 110px; display: block; overflow: hidden; margin: 0; padding: 40px 0 0 }
#innerFoot ul li { float: left; width: 200px; margin: 0; padding:0 }
#innerFoot ul li a { color: #111; font-size:12px }
#innerFoot ul li a:hover { color: #78c123 }
#footerPhone { color: #78c123; font-size: 36px; position: absolute; top: 30px; right: 5px; }
#footerName { color: #0ac4df; font-size: 22px; position: absolute; top: 74px; right: 10px; }
.clearfooter { height: 194px; clear: both; }
a#adminLogin { display: block; position: absolute; cursor: pointer; width: 98px; height: 37px; right: 0px; bottom: 5px; text-decoration: none; background: url(images/btn_admin.png) no-repeat; }
a#adminLogin:hover { background-position: left bottom }
#dealerName { color: #78c123; font-size: 36px; position: absolute; top: 100px; left: 0; }
#content { z-index: 20; height: 100%; }
#contentSelector { float: right; width: 300px; padding-top: 50px; position: relative }
#rightVehicle, #rightBrands { margin: 0 0 16px }
#rightVehicle { position: relative; background: url(images/bg_vehicleSearch.png) no-repeat; height: 318px; }
#vsCap { position: absolute; bottom: 0; left: 0; z-index: 100 }
#rightBrands { position: relative; background: url(images/bg_brandSearch.png) no-repeat; height: 133px; }
#dealerContent { float: left; width: 650px; padding: 10px 0 20px; }
#dealerPhone { color: #0ac4df; font-size: 36px; position: absolute; top: 70px; left: 0; }
/* top mennu */
#nav { position: absolute; top: 144px; z-index: 30 !important }
#nav ul { font-family: Arial, Verdana; font-size: 12px; font-weight: bold; margin: 0; padding: 0; list-style: none; width: 960px; white-space: nowrap; z-index: 500 }
#nav ul li { height: 50px; position: relative; float: left; white-space: nowrap; margin: 0; padding:0; background: transparent url(images/bg_nav_li.png) no-repeat; }
#nav ul li ul { display: none; width: auto; position: absolute; top: 50px; background-color: #02A9F2; border: 1px solid #0CF; border-top: none; z-index: 100 !important; }
#nav ul li ul li { height: auto; border: none; }
#nav ul li a { }
#nav ul li a:link, #nav ul li a:visited { display: block; text-decoration: none; color: #ffffff; white-space: nowrap; padding: 20px 15px 19px 5px; }
#nav ul li a:hover { color: #000 }
#nav li:hover ul { display: block; position: absolute; }
#nav li:hover li { float: none; }
#nav li:hover a { background: url(images/bg_nav_active-hover.jpg) repeat-x left 1px }
#nav li:hover li a:hover { background: url(images/bg_nav_active-hover.jpg) repeat-x -3px 1px }
.sf-menu li { position:relative; z-index:10; }
.sf-menu li:hover { z-index:11; }
.sf-menu li li { z-index:20; }
.sf-menu li li:hover { z-index:21; }
.sf-menu li li li { z-index:30; }
.sf-menu li li li:hover { z-index:31; }
/* //end top menu */
#ccPanel { position:absolute; right:0; top:780px; width:300px; }
/* user cart 

#userCart {
  position:  absolute;
  width: 200px;
  left: 545px;
  padding: 10px 0 0 38px;
  z-index: 300;
  color: #1171D2;
  background: url(../../SharedImages/assorted/icon_cart.png) no-repeat left 10px
}
#userCart a#btn_checkout {
  color: #78c123;
  background: url(../../SharedImages/assorted/icon_check.png) no-repeat right center;
  padding: 0 20px 3px 0;
}
#userCart a#btn_emptyCart {
  color: #78c123;
  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 Overrides */
#formOEMSearch { position: absolute; top: 70px; left: 10px; }
.leftCap, .rightCap { display: none }
#formOEMSearch label { width: 60px; }
#formOEMSearch select { width: 180px; padding: 4px; }
#brandFormSelect { position: absolute; right: 30px; top: 80px }
#brandFormSelect select { padding: 4px; border: 1px solid #666; cursor: pointer; width: 240px; }
#gobuttonSelect { padding: 12px 0 0 4px }
#gobuttonSelect input#findTires, #gobuttonSelect input#findWheels { height: 37px; margin-right: 10px; }
#gobuttonSelect input#findTires { width: 118px; background: url(images/btn_findTires.png) no-repeat; }
#gobuttonSelect input#findWheels { width: 140px; background: url(images/btn_findWheels.png) no-repeat; }
#gobuttonSelect input#findTires:hover, #gobuttonSelect input#findWheels:hover { background-position: left bottom }
/* End Selector Overrides */
/* 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: 150px; height: 37px; background: url(images/btn_viewResults.png) no-repeat; }
a#btn_filter:hover { background-position: left bottom; }
#dealerContent #directSearch { padding-left: 20px }
#dealerContent #directSearch span { line-height: 40px }
/* // end filtering */
/* slideshow tweaks */
#dealerContent .geckSlider { width: 640px; }
#dealerContent .geckSlider .slidewrapper { width: 560px; margin: 0 41px; }
.geckSlider ul li { width: 560px; }
#dealerContent .geckSlider .arrow { width: 41px; }
#dealerContent .geckSlider .forward { right: 0; }
#dealerContent .geckSlider .back { left: 0; background-position: -93px 0 }
#dealerContent .geckSlider .back:hover { background-position: -93px -200px; }
#start-stop { top: 310px }
/* // slideshow tweaks */
/* **************************** BEGIN ECOMMERCE ************************************* */
#dealerContent #cart_wrapper { width: auto; padding: 10px; margin-top: 40px }
#dealerContent #cart_actions b { font-size: 14px }