/* SITE SELECTORS
---------------------------------*/

/* PAGE */
html { background:#000; }
body { color: #000; }
a:link,a:visited,a:hover,a strong { color: #000; }
#home,#internal { }
#interal body{ color:#000;}
#interal a:link,#interal a:visited,#interal a:hover,#interal a strong { color: #000; }
.site { width: 1000px; text-align:left; margin: 0 auto 0 auto; padding: 26px 0 0 0; position:relative; }
.site > .l { left:-76px; top:0;background: url(../img/site-y.png) 0 0 repeat-y; height:100%; width: 76px; }
.site > .r { right:-76px; top:0;background: url(../img/site-y.png) -84px 0 repeat-y; height:100%; width: 76px; }

/* BRANDING */
#branding { position:relative; z-index:20;background: url(../img/site.jpg) 0 -660px; width: 1000px; height: 138px; }
#logo { width: 319px; height: 76px; position:absolute; top: 38px; left:33px; text-indent:-6000px }
#branding .phone { color:#555; position:absolute; top:-20px; right: 370px; }

/* SLIDESHOW */
#slideshow { display:block; position:absolute; top:13px; right:22px; width: 661px; height:317px; overflow:hidden; }
#slideshow .nav { display:block; width: 619px; height: 34px; overflow:hidden; position:relative; padding: 0 21px; }
#slideshow .nav > a{ display:block; position:absolute; top:0; width: 21px; height:34px; background:url(../img/site.png) 0 0 no-repeat; }
#slideshow .nav > .prev{ background-position: -129px -487px; left:0;}
#slideshow .nav > .next{ background-position: -153px -487px;right:0;}
#slideshow .nav ul{ width:619px;background: url(../img/site-x.png) repeat-x 0 -59px; overflow:hidden; }
#slideshow .nav ul li{ display:block; float:left; height:34px; width:auto;border-left: 1px solid #fff; border-right: 1px solid #cdcdcd; background: url(../img/site-x.png) repeat-x 0 -59px; height: 34px;}
#slideshow .nav ul li:first-child { border-left:0; }
#slideshow .nav ul li:last-child { border-right:0; }
#slideshow .nav ul li.jFlowSelected{background-position: 0 -113px;}
#slideshow .nav ul li a{ cursor:pointer; text-decoration:none; color:#072740; display:block; height:34px; line-height:34px; padding: 0 10px; }
#slideshow .nav ul li.jFlowSelected a{color:#fff;}
#slideshow .nav ul li a:hover{ }

#slideshow .display{ width:661px; height:283px; overflow:hidden; background: url(../img/slideshow-loading.gif) 50% 50% no-repeat; }
#slideshow .display > div { float:left; height: 100%; width:100%; overflow:hidden!important; }
#slideshow .display p { margin:0;padding:0; }
#slideshow .display img { display:block;margin:0;padding:0; }

/*NAV TOP*/
#nav-top { position:absolute; top:0;left:0; z-index: 1; width: 100%; background:url(../img/site-x.png) 0 -579px; height: 26px; }
#nav-top > ul > li {border-left: 1px solid #fff; border-right: 1px solid #cdcdcd;float:left; display:block; width: auto; padding: 0 11px; background: url(../img/site.png) 0 0 no-repeat; position:relative; }
#nav-top > ul > li:first-child { border-left:0; }
#nav-top > ul > li:last-child { border-right:0; }
#nav-top > ul > li a { color:#555; text-decoration:none;display:block; line-height:26px; padding: 0 0 0 20px; }
#nav-top > ul > li a:hover { text-decoration:underline; display:block; }
#nav-top #nav-ssbc-home { background-position: 10px -412px; margin: 0 0 0 12px; padding-right:530px; padding-left: 15px; }
#nav-top #nav-ssbc-tv { background-position: 10px -753px; }
#nav-top #nav-dealer-login { background-position: 10px -447px; }
#nav-top #nav-view-cart { background-position: 10px -192px; padding-left: 15px; }

/*NAV*/
#nav { position:relative; z-index: 100; width: 100%; background: url(../img/site-x.png) 0 -625px repeat-x; height: 18px; padding: 12px 0 5px; }
#nav > ul > li { float:left; display:block; width: auto; padding: 0 0 0 1px; position:relative; background: url(../img/site.png) -273px -17px no-repeat; }
#nav > ul > li:first-child { background:0; }
#nav > ul > li > a { color: #fff; text-transform:uppercase; text-decoration:none; display:block; line-height:16px; margin: 0 15px 8px 15px; }
#nav > ul > li > a:hover { display:block; }

/* nav dropdown */
#nav ul ul { display: none; background:#989898;position: absolute; top: 22px;left: 0; width: 200px; }
#nav ul ul a { display:block; color:#000; padding: 5px 5px 5px 20px;width: 175px; text-decoration: none; } /* reset for dropdown */
#nav ul ul a:hover { background:#a4a3a3; }

#nav ul ul ul{ position: absolute; top: 0;left: 100%; width: 200px; }

#nav li ul li { width:100%; position:relative; }
* html #nav li ul li { height:1%; float:left; }
*+html #nav li ul li { height:1%; float:left; }
#nav li ul li:hover { }

#nav #nav-home a { background-position: 0px -px; }
#nav #nav-home:hover a { background-position: 0px -px; }

/*MAIN*/
#main { clear:both;overflow:hidden; width: 100%; margin: 0; position:relative; }
#main > .t { background: url(../img/site-x.png) repeat-x 0 -217px;  height: 342px; }

#nav-services{ background:#fff; width:276px; height:315px; padding:1px; margin: 13px 0 13px 22px; position:relative; z-index:10; }
#nav-services ul{ }
#nav-services li{ background:url(../img/site.jpg) 0 0 no-repeat;width: 276px;height: 104px; border-top:1px solid #898989; text-indent:-6000px; position:relative;}
#nav-services li:first-child{border:0;}
#nav-services li a{ display:block; border:1px solid #ccc; height:102px; }
#nav-services #brake-selector {background-position: -160px 1px; }
#nav-services #find-part {background-position: -160px -106px;}
#nav-services #where-to-buy {background-position: -160px -210px;}

/* SEARCH */
#find-part { }
#find-part form { position: absolute; top: 62px; left: 17px; width: 240px; z-index:10; background: #093 }
#find-part label { display:none; }
#find-part fieldset { padding:0; margin:0; font-weight:normal; }
#find-part input[type="text"] { border:0;background:transparent!important;color:#092238; font-size:1.3em; width: 216px; margin: 0 0 0 0; height:26px;position:absolute; top:0; left:0; vertical-align:middle; }
#find-part button { position:absolute; top:0; right:0; margin:0; text-indent:-6000px; width: 26px; height: 26px; vertical-align:middle; background:transparent;}

/*nav*/
#nav-new-products{ position:relative; z-index:10; border-top:5px solid #fff; }
#nav-new-products h2 { color:#fff; font-size:1.2em;background:url(../img/site-x.png) repeat-x 0 -167px; height: 30px; line-height:30px; text-transform:uppercase; padding: 0 0 0 22px;}
#nav-new-products ul{background:url(../img/site-x.png) repeat-x 0 -680px; height: 132px; overflow:hidden; padding: 13px 0 0; }
#nav-new-products li{ float:left; margin: 0 0 0 22px;}
#nav-new-products li .img{ display:block; width: 139px;height: 90px;background:url(../img/site.jpg) 0 0 no-repeat; border:1px solid #fff; }
#nav-new-products li .img a{display:block; width: 100%; height:100%; }
#nav-new-products li:first-child{}
#nav-new-products li a{ color:#fff; text-decoration:none;text-transform:uppercase; line-height:1.5em;}
#nav-new-products li a:hover{ text-decoration:underline;}

#nav-new-products #muscle-car .img{background-position: 0 0;}
#nav-new-products #truck-suv-jeep .img{background-position: 0 -550px;}
#nav-new-products #late-model-vehicles .img{background-position: 0 -110px;}
#nav-new-products #street-rod .img{background-position: 0 -330px;}
#nav-new-products #sport-compact .img{background-position: 0 -440px;}
#nav-new-products #race-series .img{background-position: 0 -220px;}
#nav-new-products #link-view-products{ position:absolute; top:4px; right: 30px; font-size: 14px; color: #fff;}
#nav-new-products #link-view-products:after { content:"\00bb"; color: #fff; }
#nav-new-products #link-view-products a { color: #fff; font-size: 14px; }

/* CONTENT */
#content { overflow:hidden; width: 100%; position:relative; }
#content > .t { background: url(../img/site-x.png) repeat-x 0 0; height: 39px; }
#content > div { background:#161616; position:relative; z-index:10; min-height:260px;}
#content > div > h2 { text-transform:uppercase; color:#000; font-size:1.3em; height:39px; padding: 0 0 0 22px; margin: 0 0 10px; line-height:39px; background:url(../img/site-x.png) 0 -1020px repeat-x;}

#what-is{width:279px; float:left; display:inline; background:#161616; position:relative; height:200px; overflow:hidden!important; z-index:10; margin: 0 0 0 22px;}

.jScrollPaneContainer{}
#what-is .c{ color: #fff; height:204px; padding: 0 10px 0 0; }
#what-is ul{ }
#what-is ul li{ padding:4px 0;  }
#what-is ul li a{ color:#fff; text-decoration:none;  }
#what-is ul li a:hover{ text-decoration:underline;  }

#what-is .jScrollPaneContainer {	position: relative;	overflow: hidden;z-index: 1;  }

#what-is .jScrollPaneTrack {	position: absolute;	right: 2px;top: 0px;height: 100%;	background: #c9c7c7; }
#what-is .jScrollPaneDrag {position: absolute; background: #193a6c;overflow: hidden; }
#what-is .jScrollPaneDragTop {position: absolute;top: 0;	left: 0; overflow: hidden;}
#what-is .jScrollPaneDragBottom {position: absolute;	bottom: 0; left: 0; overflow: hidden;}

#what-is a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 2px; text-indent: -2000px; overflow: hidden; background: url(../img/site.png) no-repeat -129px -527px #dddcdc;height: 16px; width:16px !important; }
#what-is a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;	right: 2px;text-indent: -2000px;overflow: hidden;	background: url(../img/site.png) no-repeat -129px -543px #dddcdc;height: 16px; width:16px !important; }

/* INTRO */
#intro { float:right; display:inline; margin: 0 22px 0 0; width:661px; position:relative; z-index:10; }
#intro h2 { }
#intro .c { color: #fff; padding:0 10px 10px 10px; }
#intro .c a { color: #fff;}

/*content panel*/
#content-panel { float:left; width: px; display:inline; margin:0;}

/*nav sub*/
#nav-sub { width: 100%; position:relative; }
#nav-sub ul { }
#nav-sub li { background: url(../img/site.png) -px -px no-repeat;  padding: 0 0 0 px; width: px; border-bottom:1px solid #999; }
#nav-sub li a { display:block; line-height: 1.2em; padding: 6px 0; width: 100%; text-decoration:none; }
#nav-sub li a:hover { text-decoration:underline; }

/* BREADCRUMB */
#breadcrumbs { margin: 10px 0; }
#breadcrumbs h3 { display:inline; font-size: 1em; padding:0; }
#breadcrumbs h3:after { content:": "; }
*+html #breadcrumbs h3 { background: url(../img/site.png) -px -px no-repeat; padding: 0 9px 0 0;  }
#breadcrumbs ul{ display:inline; }
#breadcrumbs li { color:#3c0307; display:inline; }
#breadcrumbs ul ul li:before { content:" >> "; }
*+html #breadcrumbs ul ul li { background: url(../img/site.png) -px -px no-repeat; padding: 0 0 0 20px; }

/* SITE INFO */
#site-info { color: #fff; height: 151px; padding: 0; position:relative; background: url(../img/site-x.png) repeat-x 0 -832px;}
#site-info address { margin:0; font-style: normal; }
#site-info address span { background: url(../img/site.png) -px -px; padding: 0 6px 0 9px; }
#site-info address span:first-child { background:none; }
#site-info address br { display:none; }
#copyright { position:absolute; top:10px; left:22px; }
#site-info #link-facebook{ padding:0;margin:0; position:absolute; top:6px; right:22px; width: 122px; height:42px; background:url(../img/site.png) 0 -232px no-repeat; }

/*Google Translate*/
#google_translate_element { padding:0;margin:0; position:absolute; top:6px; right:300px; width: 200px; height:42px; }

#site-info #logos{ position:absolute; left:20px; height:71px; bottom:10px; overflow:hidden; margin:0;padding:0; }
#site-info #logos li{ float:left; margin: 0 25px 0 0; height:71px; background-image:url(../img/site.png);background-repeat: no-repeat; list-style:none; }
#site-info #logos li a{ display:block;text-indent: -6000px; width: 100%; height:100%; }
#site-info #link-sema {background-position: 0 -669px; width: 40px;}
#site-info #link-pwa {background-position: 0 -578px; width: 73px;}
#site-info #link-parts-pro{background-position: 0 9px; width: 64px;}
#site-info #link-official-brakes{background-position: 0 -487px; width: 68px; }


/*CORE101*/
#logo-core101 { color: #636363; position:absolute; text-align:right; margin:0; bottom:70px; right:22px; height:15px; line-height:14px; width: 417px; padding: 0 0 0 0; }

#wheelsize { color: #f00; position:absolute; text-align:right; margin:0; bottom:30px; right:22px; height:15px; line-height:14px; width: 800px; padding: 0 0 0 0; }


#logo-core101 a { color: #636363; text-decoration:none; }

/* CUSTOM SELECTORS*/
/*legacy*/

/* content main */
#internal #main { overflow:hidden; width: 100%; background: #DDE5E8; position: relative; }
#content-main { float:left; display:inline; width: 753px; padding: 0 13px 0 14px; margin: 0 0 0 1px; background:url(../img/bg-content.png) repeat-x #fff;  }
#content-main h1.title { line-height:30px; padding: 0 0 0 10px; font-size: 1.5em; color:#000; height:30px; border: solid #D7D7D8; border-width: 1px; margin: 19px 0 0 0; padding-top: 4px; }
#content-main .c { margin: 20px 0 0 0; min-height:400px; }
#link-home { background: url(../img/site.png) no-repeat -0px -0px; position:absolute; top:12px; right:0; width: px; height:px; text-indent:-6000px; z-index:10; }


/* NAV categories */
#nav-categories { background: url(../img/bg-nav-categories.png) repeat-x #DEE5E9; float:left; width: 219px; min-height: 358px; }
* html #nav-categories { height: 358px; } 
#nav-categories h1 { color:#000; height: 19px; background:url(../img/bg-nav-categories-header.png) repeat-x #DFE6EA; border: solid #D7D7D8; border-width: 1px 0; margin: 20px 9px 0 9px; padding: 6px 0 0 22px; line-height: 1.1em;}
#nav-categories ul { margin: 0 0 16px 20px;padding:0; list-style: none; width: 182px; padding: 0 9px 0 0; }
#nav-categories li { width: 142px; padding: 0 5px 0 35px; border-bottom: 1px solid #D7D7D8; background: url(../img/bg-nav-categories-li.png) no-repeat 11px 5px; }
#nav-categories li a { display:block; width: 142px; color: #182432; font-size: 12px; padding: 6px 0; text-decoration:none; }
#nav-categories li a:hover { text-decoration:underline; }

/* SEARCH */
#internal #search { padding: 0 0 0 25px; }
#internal #search fieldset { padding:0; margin:0; font-weight:normal; }
#internal #search input.text { width: 143px; margin: 0 4px 0 0; padding: 4px 2px; }
#internal #search input.image { }

/* BREADCRUMB */
#crumb { color:#000; list-style: none; padding: 0; margin: 9px 0 9px 0; }
#crumb li { color:#000; display:inline; padding: 0 0 0 11px; margin: 0 14px 0 0; }
#crumb li a, #crumb li a:hover { color:#9CB87E; }

/* SIFR */
.sifr-text-alt { }
.alt { display: none; }

#internal select { border: 1px solid #999; background: #FFF !important; }
input.text { padding: 2px; border: 1px solid #999; width: 130px; background: #FFF !important; }
textarea { padding: 2px; border: 1px solid #999;  width:220px; height:60px; }
input.image { }
input.checkbox { width:20px; margin: 1px 0 0 0; *margin-top:-3px; vertical-align:top; }
input.radio { width:20px; margin: 2px 0 0 0; *margin-top:-3px; vertical-align:top; }



/* MISC
-------------------------------------*/

/* member-logos */
#member-logos { clear:both;}
#member-logos img { display:inline; padding-left: 20px; padding-top: 15px; }


/* parts-finder */
ul#parts-finder { margin: 12px 0 12px 0;list-style:none;}
ul#parts-finder li {background:none; border:0; margin: 0 0 0 25px; padding:0 0 5px 0;}
ul#parts-finder select { width:148px; }

/* forms */
#taf { width: 390px; }
#contact { width: 435px; }

/* DT Forms */

#email_form label{width:100%;}
#email_form dl{width:99%;}
#email_form dt{font-weight: bold;	width:32%;	clear:both;	float:left;	text-align: right;}
#email_form dd{	float:left;	margin-left:15px;	margin-bottom:25px;	width: 60%;}
#email_form input{ margin: 0px;}
#email_form .inputtext{	background-color:white;	border:1px solid silver;	padding:3px;}
#email_form textarea{	background-color:white;	border:1px solid silver;	padding:3px;}


/* sitemap */
#sitemap li { list-style: none;	vertical-align:middle; padding-bottom: 4px;	}
#sitemap a { text-decoration:none; }
#sitemap a:hover{ text-decoration:underline; }

/* customer vehicles*/
.cv { overflow:hidden; width: 560px; margin: 10px auto; background:#F7F8F9; border: 1px solid #D7D7D8; padding:  10px; }
.cv img { border: 1px solid #D7D7D8; margin: 20px 0px 20px 30px; }
.cv dt { clear:left; float:left; font-weight:bold; display:inline; width:140px; padding: 5px; margin:0; }
.cv dd { float:left; display:inline; width:400px; padding: 5px; margin:0; }
.cv dt.alt,.cv dd.alt { background:#FCFCFC; }

.cvlist { float: left;  margin: 10px; text-align: center; background:#F7F8F9; border: 1px solid #D7D7D8; padding: 10px; }
.cvlist a { text-decoration: none; }
.cvlist img { border: 1px solid #D7D7D8; }

/* what is */
.what-is-ul li { color: white; list-style: none; margin-left: 10px;  }
.what-is-ul a { color: white; line-height: 14px; }


#e2ma_signup { width: 350px; }
.e2ma_signup_message { font-weight:bold !important; }
#e2ma_signup .e2ma_signup_form_row { overflow:hidden; width: 100%; margin: 5px 0 0 0; }
#e2ma_signup .e2ma_signup_form_label { float:left; text-align: right; width: 120px; text-transform:capitalize; }
#e2ma_signup .e2ma_signup_form_element { float:left; text-align: left; width: 220px; margin: 0 0 0 5px; }
#e2ma_signup input { padding: 2px; border: 1px solid #A2B1C7; width: 130px; }	
#e2ma_signup select { margin: 0 5px 0 0; }
#e2ma_signup input.image { }
#e2ma_signup input.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
#e2ma_signup input.checkbox { width:20px; margin: 3px 0 0 0; }
#e2ma_signup input.radio { width:20px; margin: 5px 0 0 0; }
#e2ma_signup input.size-xlong { width: 300px; } input.size-long { width: 205px; } input.size-mid { width: 70px; } input.size-small { width: 30px; } input.size-tiny { width: 20px; }
#e2ma_signup input.size-xsmall { width: 10px; }
#e2ma_signup_form_button_row { overflow:hidden; width: 320px; text-align:right; margin: 0 0 10px 0; }
#e2ma_signup_form_button_row input {  color:#ddd; width: auto; background:#4C5B8A; vertical-align: middle; }