@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}
/* 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: 100px;
	left: 30px;
}

/* top mennu */
#nav {
	position: absolute;
	top: 144px;
}

#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;
	top: 50px;
	background-color: #02A9F2;
	border: 1px solid #0CF;
	border-top: none;
	z-index: 910
}

#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, .sf-menu * {
z-index:1000;
}
/* //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; }
/* // 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 */