/* COMMON SELECTOR LAYOUT
--------------------------------*/



#slider { width: 100%;	margin: 0; position: relative; background:url(../images/bg-brake-selector.png) #CCD0D3 repeat-x; border-bottom:5px solid #CCD0D3; }
#slider img { float:left; display:inline; width: 85px; margin: 0 5px 0 0; }
.scroll { margin: 8px 0 0 0; height: 350px; position: relative; clear: left; }
.scrollContainer div.panel { padding: 5px 10px 5px 10px; height: 340px; width: 730px;	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; padding: 0 0; }
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(/includes/images/selector-nav-make.png); width: 78px; }
ul.navigation #nav-model { background-image:url(/includes/images/selector-nav-model.png); width: 89px; }
ul.navigation #nav-engine { background-image:url(/includes/images/selector-nav-engine.png); width: 92px; }
ul.navigation #nav-year { background-image:url(/includes/images/selector-nav-year.png); width: 97px; }
ul.navigation #nav-category { background-image:url(/includes/images/selector-nav-category.png); width: 114px; }
ul.navigation #nav-subcat { background-image:url(/includes/images/selector-nav-subcategory.png); width: 139px; }
	
.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 3px no-repeat; padding: 0 0 0 20px; }
.panel li  a { display:block; color: #263846; font-size: 11pt; }
.panel li  a:hover{ color: #222F40; }

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

#category ul { background: none; overflow:hidden; width:700px; }
#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:700px; }
#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; }