@charset "UTF-8";
/* CSS Document */

@import url(reset.css);

*, table td { font-family:Arial, Helvetica, sans-serif; }

p, h2, h3, h4, h5, h6 { line-height:1.5em; text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:normal !important; }

h4 { font-size:18px; }

body { text-align:left; font:Arial, Helvetica, sans-serif; background:#000; font-size:12px; color:#FFF; }

#wrap { width:930px; margin:auto; }

/*
	tools
*/

.center { text-align:center !important; }

.center img { margin:0 auto; }

#container {
	width:100%;
	float:left;
	position:relative;
	z-index: 50;
}

.red { color:#900; }

strong { font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

em { font-family:Arial, Helvetica, sans-serif; font-style:italic; }

/*
	header
*/

#header { height:177px; position:relative; }

#header-arrow { position:absolute; z-index:200; top:-20px; left:0; }

#logo { position:absolute; z-index:200; left:770px; top:40px; }

#pc-logo { position:absolute; z-index:200; left:780px; top:40px; }

#black-top {  height: 83px; width:100%; background:#000; position:relative; }

#wordmark { 
	display: block; position: relative; font-size: 24px; padding-bottom: 5px; width: 530px;
	top: 25px; margin: 0 auto; left:30px;
}

/*
	topnav
*/

#topnav {
	background: url(img/layout/topnav-bg.jpg) 0 0 repeat-x;
	height: 94px;
	width:100%;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#topnav a:hover { color: #FF9; text-decoration: underline; }

#topnav ul {
	padding-top: 40px;
	padding-left: 20px;
}

#topnav ul li { display: inline; margin: 0 10px 0; font-family: Arial, sans-serif; font-weight: normal; font-size: 12px; }

#topnav p, #topnav p a { font-weight:bold; }

/* 
	top nav links
*/

#topnav a { color: #FFF; text-decoration: none; font-family:Arial, Helvetica, sans-serif; }

#topnav p a:hover { color: #FFC; }

#topnav p a:visited {  }

#topnav p { position:relative; left:30px; }

/*
	content
*/

#main-content-wrap { background: url(img/layout/main-content-bg.jpg) 0 0 no-repeat #900; }

#vertical-pipe { background: url(img/layout/vertical-pipe.jpg) 20px 0 repeat-y; }

#top-pipe { height:22px; width:890px; background: url(img/layout/top-pipe-bg.jpg) 0 0 repeat-x; position:absolute; 
	top:177px; left:40px; z-index:1; }

#content { 
	width:680px; height:auto; background: url(img/layout/main-content-top.jpg) 0 0 no-repeat #000; padding-top:15px; 
	float:left; margin-top:22px; padding-bottom:5px; min-height:595px;
	font-family: Arial, Helvetica, sans-serif; z-index:1;
}

#content p { margin: 0 20px 10px 30px; text-align:justify; }

#content h2 { margin: 0 20px 12px 30px; font-family: "Arial Black", sans-serif; font-size: 24px; letter-spacing: 1px; text-align:left; }

#content h4 { margin: 0 20px 0 30px; font-family: Arial, sans-serif; font-size: 18px; letter-spacing: 1px; text-align:left; }

#content h3 { 
	margin: 0 20px 7px 30px; font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; 
	letter-spacing: 1px; text-align:left; }
	
#content a { color:#FFC; }

#content a:hover { color:#900; }

#content a:active { color:#FFFFFF; }

/*
	sidebar 
*/

#sidebar { width:230px; height:auto; min-height:10px;  float:left; z-index:4; position:relative; }

#sidebar p { text-align:center; }

#sidebar p img { margin:30px 0 20px 40px; }

#parts-img { position:relative; top: -70px; left:0; }

#usedpage{ position:relative; left:5px; }

.no-text-img { position:relative; top: 24px; left:0; }

	#sidebar-img {
	position:absolute;
	height:200px;
	width:180px;
	top:-40px;
	left:44px;
}
	#sidebar-img2 {
	position:absolute;
	height:200px;
	width:180px;
	top:-56px;
	left:25px;
}


#ul-wrap { float:right; width:210px; z-index:20; }

ul#nav {
	position:relative;
	margin-top: 160px;
	z-index: 21;
	list-style-image: none;
	list-style-type: none;
	margin-left:22px;
	font-size:0.85em;
}

	ul#nav li {
		position:relative;
		margin-left: 18px; display: block; width: 195px; height: 35px; font-family: "Arial", Geneva, Tahoma, sans-serif;
		background: url(img/layout/sidebar-nav-bg.png) -4px 0 no-repeat;  text-align: left; margin-bottom: 4px;
		line-height: 25px; z-index:100; font-weight:bold;
	}

	ul#nav li.active { 
		margin-left: 18px; display: block; width: 202px; height: 35px; font-family: "Arial", Geneva, Tahoma, sans-serif;
		background: url(img/layout/sidebar-active-bg.png) -7px 0 no-repeat; text-align: left; margin-bottom: 4px;
		line-height: 25px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
		
	}
	
	ul#nav li.active a { font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; }
	ul#nav li.active a:hover { font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; }
	
	ul#nav li a { display: block; width: 191px; text-align: center; }

	#nav a {
	 	 color: #000; text-decoration: none;
	}

	#nav a:hover { color: #990000; font-weight: bold; }




/*
	footer
*/

#footer { background: url(img/layout/footer-bg.png) 0 0 no-repeat; height:74px; color:#000; }

#footer-info { width:680px; float:right; margin-top:7px; text-align:center; }

#footer-info p { text-align:center; }

	#footer a { color:#000; font-weight:bold !important; }
	
	#footer a:hover { color:#900; }

	#footer a:visited {}


#bottom-stripe { height:22px; }

#recycling { float:right; top:-5px; right:30px; position:relative; z-index:201; }

#news-email { width:150px; height:auto; float:left; margin-left:20px; margin-top:10px; }

#icons-bottom {
	position:relative;
	top:-5px;
	z-index: 0;
}

/*
	modules
	these refers to special container use throughout the content
		- white-full has no columns
		- white-three-cols has 3 colums
*/

.white-full-top { 
	background: url(img/modules/white-full-top.jpg) 0 0 no-repeat; width: 627px; height: 15px; margin:0 auto; 
}

.white-full-middle { 
	background: #FFF; width: 627px; height: auto; margin:0 auto; overflow:hidden;
	color: #000; padding-top: 5px; font-family:Arial, Helvetica, sans-serif; }
	
	.white-full-middle p { padding: 0 10px 10px 0; }

	.white-full-middle h2 { padding: 0 15px 12px 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif !important; }

	.white-full-middle h3 { padding: 0 15px 12px 0; font-weight:normal; }
	
	.white-full-middle h4 { padding: 0 15px 12px 0; font-weight:normal; }
	
	.white-full-middle a { color:#000 !important; font-weight:bold !important; }
	
	.white-full-middle a:hover { color:#900 !important; }

.white-full-bottom { background: url(img/modules/white-full-bottom.jpg) 0 0 no-repeat; width: 627px; height: 15px; margin:0 auto; margin-bottom: 12px; }

.white-col3 { width: 33%; float: left; font-family:Arial, Helvetica, sans-serif; }
.white-col4 { width: 40%; float: left; font-family:Arial, Helvetica, sans-serif; }
.white-col5 { width: 49%; float: left; font-family:Arial, Helvetica, sans-serif; }
.white-col6 { width: 60%; float: left; font-family:Arial, Helvetica, sans-serif; }

.white-col45 { width: 45%; float: left; font-family:Arial, Helvetica, sans-serif; }
.white-col55 {
	width: 50%;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}

.white-col35 { width: 35%; float: left; font-family:Arial, Helvetica, sans-serif; }
.white-col65 { width: 65%; float: left; font-family:Arial, Helvetica, sans-serif; }

.white-col30 { width: 30%; float: left; font-family:Arial, Helvetica, sans-serif; }
.white-col70 { width: 70%; float: left; font-family:Arial, Helvetica, sans-serif; }

.black-col3 { width: auto; float: left; }

.table-in-white { width: 587px; margin: 0 20px; }

#sitemap-table td { min-height:23px; line-height: 23px; }
	 
.table-in-white td { min-height:23px; line-height: 23px; } 

.table-in-white td { padding: 1px 5px; }

.table-heading td { font-weight: bold; background: #999; margin-bottom:6px; }

.odd { background: #F2F2F2; }

.even { background: #CCC; }