/*PEGBOARD COMPONENTS*/
@import "css/pbCore.css";
@import "css/pbProducts.css";

/**
 * Screen styles for ShopDrift
 * Created 15 Mar 2008
 */
 
 body {
 	margin: 0;
 	padding: 0;
 	background: #000;
 	overflow: hidden;
 	}
 	
 	
 	/* common elements */
 	h1, h2, h3, h4, h5, h6, ul, form {
 		margin: 0;
 		}
	a b {
		display:none;
		}
 	h1 {
 		display: none;
 		}
 	h2#page-title {
 		position: absolute;
 		top: 16px;
 		left: 183px;
 		width: 675px;
 		height: 139px;
 		}
	a img {border:0;}
 	
 	
 	/* structure
 	-------------------------*/
 	#container {
 		position: absolute;
 		top: 10px;
 		left: 0px;
 		width: 100%;
 		text-align: center;
 		}
 	#inner-container {
		position: relative;
 		width: 980px;
 		height: 670px;
 		margin: 0 auto;
 		text-align: left;
	}
 
 	.black-boxes{ background: url(images/bg-black-boxes.jpg) no-repeat; }
 	.white-boxes { background: url(images/bg-white-boxes.jpg) no-repeat; }
 
 	.black-fullpage { background: url(images/bg-black-full.jpg) no-repeat; }	
	.white-fullpage { background: url(images/bg-white-full.jpg) no-repeat; }
 
 	.black-category{ background: url(images/bg-black-category.jpg) no-repeat; }
	.white-category { background: url(images/bg-white-category.jpg) no-repeat; }
 	
	.home-bg { background: url(images/bg-body.jpg) no-repeat; }
 		
 		
 	/* navigation */
 	ul#topnav {
 		position: absolute;
 		top: 15px;
 		left: 182px;
 		padding: 0;
 		list-style: none;
 		}
 	#topnav li {
 		float: left;
 		display: block;
 		height: 240px;
 		}
 	#topnav li a {
 		display: block;
 		height: 240px;
 		text-indent: -999em;
 		}	
 	#topnav li a.seats {
 		width: 138px;		
 		}
 	#topnav li a.fuel {
 		width: 132px;
 		}
 	#topnav li a.electronics {
 		width: 132px;
 		}
 	#topnav li a.brakes {
 		width: 132px;
 		}
 	#topnav li a.exhaust {
 		width: 140px;
 		}
 	#topnav li a.seats:hover {
 		background: url(images/btn-topnav.jpg) 1px 0 no-repeat;
 		}
 	#topnav li a.fuel:hover {
 		background: url(images/btn-topnav.jpg) -137px 0 no-repeat;
 		}
 	#topnav li a.electronics:hover {
 		background: url(images/btn-topnav.jpg) -269px 0 no-repeat;
 		}
 	#topnav li a.brakes:hover {
 		background: url(images/btn-topnav.jpg) -401px 0 no-repeat;
 		}
 	#topnav li a.exhaust:hover {
 		background: url(images/btn-topnav.jpg) -533px 0 no-repeat;
 		}
 		
 		
 	ul#bottomnav {
 		position: absolute;
 		bottom: 96px;
 	    left: 182px;
 	    padding: 0;
 	    list-style: none;
 		}
 	#bottomnav li {
 		float: left;
 		display: block;
 		height: 240px;
 		}
 	#bottomnav li a {
 		display: block;
 		height: 240px;
 		text-indent: -999em;
 		}
 	#bottomnav li a.valves {
 		width: 138px;		
 		}
 	#bottomnav li a.accessories {
 		width: 132px;
 		}
 	#bottomnav li a.filtration {
 		width: 132px;
 		}
 	#bottomnav li a.turbo {
 		width: 132px;
 		}
 	#bottomnav li a.engine {
 		width: 140px;
 		}
 	#bottomnav li a.valves:hover {
 		background: url(images/btn-bottomnav.jpg) 0 0 no-repeat;
 		}
 	#bottomnav li a.accessories:hover {
 		background: url(images/btn-bottomnav.jpg) -138px 0 no-repeat;
 		}
 	#bottomnav li a.filtration:hover {
 		background: url(images/btn-bottomnav.jpg) -270px 0 no-repeat;
 		}
 	#bottomnav li a.turbo:hover {
 		background: url(images/btn-bottomnav.jpg) -402px 0 no-repeat;
 		}
 	#bottomnav li a.engine:hover {
 		background: url(images/btn-bottomnav.jpg) -534px 0 no-repeat;
 		}
 		
 		
 	ul#nav {
 		position: absolute;
 		bottom: 0;
 		left: 37px;
 		padding: 0;
 		list-style: none;
 		}
 	#nav li {
 		float: left;
 		display: block;
 		height: 66px;
 		}
 	#nav li a {
 		display: block;
 		height: 66px;
 		text-indent: -999em;
 		}
 	#nav li a.home {
 		width: 153px;
 		background: url(images/btn-home.gif) no-repeat;
 		}
 	#nav li a.contact {
 		width: 154px;
 		background: url(images/btn-contact.gif) no-repeat;
 		}
 	#nav li a.cart {
 		width: 154px;
 		background: url(images/btn-shopping-cart.gif) no-repeat;
 		}
 	#nav li a.shipping {
 		width: 154px;
 		background: url(images/btn-shipping.gif) no-repeat;
 		}
 	#nav li a.policies {
 		width: 153px;
 		background: url(images/btn-policies.gif) no-repeat;
 		}
 	#nav li a.news {
 		width: 153px;
 		background: url(images/btn-news.gif) no-repeat;
 		}
 	#nav li a:hover {
 		background-position:  0 -66px;
 		}
	

		
	#content-innerboxespage {
 		position: absolute;
 		top: 178px;
 		left: 206px;
 		width: 416px;
 		height: 384px;
 		overflow: auto;
 		}
		
	#content-innerfullpage {
 		position: absolute;
 		top: 178px;
 		left: 206px;
 		width: 636px;
 		height: 386px;
 		overflow: auto;
 		}
	
	#content-shopcategory {
 		position: absolute;
 		top: 175px;
 		left: 198px;
 		width: 422px;
 		height: 393px;
 		z-index: 1;
		background:url(images/scat-blank.gif) repeat-y;
 		}
 		
 	#box1 {
 		position: absolute;
 		top: 178px;
 		left: 667px;
 		width: 176px;
 		height: 170px;
 		overflow: auto;
 		}
 	
 	#box2 {
 		position: absolute;
 		top: 389px;
 		left: 665px;
 		width: 176px;
 		height: 170px;
 		overflow: auto;
 		}
 		
 	.white {
 		color: #fff;
 		}
 .black {
 		color: #000;
 		}
		
	/* category menu */
 	ul#categories {
 		margin: 0;
 		padding: 0;
 		list-style: none;
		
 		}
 	#categories li {
 		float: left;
 		margin: 0 5px 5px 0;
 		}
 	#categories li a {
 		float: left;
 		display: block;
 		width: 130px;
 		height: 126px;
		background-repeat:no-repeat;
 		text-indent: -999em;
 		}
 	#categories li a:hover {
 		background-position: 0 -126px;
 		}
 	/*#categories li a.blank {
 		background: url(images/btn-blank.jpg) no-repeat;
 		}*/
 		
 	/*#categories li a div.category_image {
 		display: none;
 		}
 	#categories li a:hover div.category_image {
 		position: absolute;
 		top: 210px;
 		left: 460px;
 		z-index: 99;
 		width: 186px;
 		height: 186px;
 		background: #fff;
 		display: block;
 		}*/

 		
 	#flv {
 		position: absolute;
 		top: 161px;
 		left: 645px;
 		width: 210px;
 		height: 200px;
 		background: #000;
 		}
	 #schematic {
 		position: absolute;
 		top: 385px;
 		left: 657px;
 		width: 187px;
 		height: 182px;
 		}
	.btn-back {
		position:absolute;
		left:130px;
		top:20px;
		display:block;
		width:40px;
		height:45px;
		background-image:url(images/btn-back.gif);
		background-repeat:no-repeat;
	}
	.btn-back:hover {
	background-position:0 -45px;
}

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 17px;background: url(images/scroll-bar-tile.gif) repeat-y;}
.vscrollerbarbeg {height: 6px !important;width: 17px;background: url(images/scroll-bar-top.gif) no-repeat;}
.vscrollerbarend {height: 7px;width: 17px;background: url(images/scroll-bar-bottom.gif) no-repeat;}
.vscrollerbase {width: 17px;background: url(images/scroll-base-tile.gif) repeat-y;}
.vscrollerbasebeg {width: 17px;height: 13px !important;background: url(images/scroll-base-top.gif) no-repeat;}
.vscrollerbaseend {height: 13px;width: 17px;background: url(images/scroll-base-bottom.gif) no-repeat;}
.hscrollerbase {height: 17px; background-color: #222;}
.hscrollerbar {height: 17px; background-color: #444;}
.vscrollerbar, .hscrollerbar {padding: 13px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #444;}

.btn-editcart {
	display:block;
	width:82px;
	height:15px;
	margin:5px 0;
	background-image:url(images/btn-editcart.gif);
	background-repeat:no-repeat;
}
.btn-editcart:hover {
	background-position:0 -15px;
}
.btn-checkout {
	display:block;
	width:82px;
	height:15px;
	margin:10px 0;
	background-image:url(images/btn-checkout.gif);
	background-repeat:no-repeat;
}
.btn-checkout:hover {
	background-position:0 -15px;
}

#autobarn {
width:260px;
height:320px;
overflow: auto;
}
.autobarn {
	color:#FFF;
	font-size:1.2em;
}
.autobarn a:link, .autobarn a:active, .autobarn a:visited {
	color:#F70E12;
	text-decoration:none;
	font-size:1em;
	}
.autobarn a:hover {
	color:#F70E12;
	text-decoration:underline;
	font-size:1em;
	}
	
	#SiteCredit {
		width:960px;
		margin: 0 auto;
	}