/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl,dt,dd abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, fieldset, label, legend, select, input, textarea { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { line-height: 1; color: #434343; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background:url(../images/bg-brake-selector.png) #cdcdcd; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
a:focus{outline: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing:0; }
p { padding: 5px 0; margin: 0; }
strong, b { }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button {}
legend { font-weight:bold; margin: 10px 0; }
a { color: #0075E4; }
a:link { color: #0075E4; }
a:visited { color: #0075E4; }
a:hover { color: #0075E4; }
h1, h2, h3, h4, h5, h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.fl-left { float: left; }
.fl-right { float: right; }
.inline { display:inline; }
.block { display:block; }
.pos-rel { position:relative; }
.pos-abs { position:absolute; }
.container { overflow: hidden; width: 100%; }
.required { background:url(../images/bg-required.png) no-repeat 98% 4px; }
.note { font-style: italic; font-size: 10px; margin: 0 0 0 5px; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }
.error,.error strong { color: #D4232B; }

#slider { width: 100%;	 margin: 0 auto 0 auto; position: relative; }
#slider img { float:left; display:inline; width: 85px; margin: 0 5px 0 0; }
.scroll { margin: 8px 0 0 0; height: 135px; width: 100%; position: relative; clear: left;  }
.scrollContainer div.panel { padding: 5px 10px 5px 10px; height: 125px; width: 362px;	overflow: auto; }

ul.navigation { list-style: none; margin: 0; padding: 0; height: 25px; background:url(../images/selector-nav-bg.png) ; }
ul.navigation li { text-indent: -6000px;  display:block; float:left; height:25px;}
ul.navigation a { display:block; height: 25px; color: #000; text-decoration: none; }
ul.navigation a:hover { background-position: 0 -25px; }
ul.navigation a.selected { background-position: 0 -25px; }
ul.navigation a:focus { outline: none; }

ul.navigation #nav-make { background-image:url(../images/selector-nav-make.png) ; width: 55px; }
ul.navigation #nav-model { background-image:url(../images/selector-nav-model.png) ; width: 60px; }
ul.navigation #nav-year { background-image:url(../images/selector-nav-year.png) ; width: 54px; }
ul.navigation #nav-category { background-image:url(../images/selector-nav-category.png) ; width: 85px; }
ul.navigation #nav-subcat { background-image:url(../images/selector-nav-subcategory.png) ; width: 111px; }

.hide { display: none; }

.panel ul { margin: 10px 0 0 0;padding:0 0 0 0; list-style: none; }
.panel li { line-height: 1.4em; background:url(../images/selector-li-bg.png) 5px 4px no-repeat; padding: 0 0 0 20px; }
.panel li  a { display:block; color: #263846; }
.panel li  a:hover{ color: #222F40; }

.panel .crumb { font-weight:bold; color:#283A48; }

#category ul { background: none; overflow:hidden; width:361px; }
#category li { width:116px; float:left;  text-align:center; margin: 0 4px 0 0; background: none; padding:0; }
#category li img { padding:3px;border:2px solid #354C5E; width: 100px; background: #FFF; }
#category div.link { clear:left; margin: 0 0 0 3px; text-align:center; width: 100px; padding: 5px 0 0 0; }

#subcat ul { background: none; overflow:hidden; width:361px; }
#subcat li { width:116px; height: 145px; float:left;  text-align:center; margin: 0 4px 0 0; background: none; padding:0; }
#subcat li img { padding:3px;border:2px solid #354C5E; width: 100px; background: #FFF; }
#subcat div.link { clear:left; margin: 0 0 0 3px; text-align:center; width: 100px; padding: 5px 0 0 0; }

a.jScrollArrowUp {	height: 10px !important; background: url(../images/selector-arrow-up.png) 0 0 !important; }
a.jScrollArrowDown {height: 10px !important; background: url(../images/selector-arrow-down.png) 0 0 !important; }