/*
AP Wagner
Last Edited: 08-16-07
Developed by: dab Conbrio.com

-- contents -----------------------------
- Body
- Consistant Styles
- Header Styles
  - Logo
- Index Page Styles
- Sub Page Positioning Styles
- Sub Page Content Styles
- Footer 
-----------------------------------------
*/


/* body styles ----------------------------------------------------------- */

body {
	background: #ffffff;
	margin: 0px; padding: 0px;
	color: #000000;
	font: x-small normal Arial, Helvetica, sans-serif;
	text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;} .ack {/*ie hack*/}
	
/* ----------------------------------------------------------------------- */
/* consistant styles ----------------------------------------------------- */

form, h1, h2, h3, h4, ul, ol, dl, li, dt, dd {margin:0; padding:0;}
img {		border: 0px; display: block;}
.clear {	clear: both;}
.center{	text-align: center; margin: 0 auto 0 auto; }
.right {	float: right; clear: both;}
.hide {		display: none;}
abbr {		speak: spell-out; text-decoration: none; border: 0;}

div.hr {
  display: block;
  background: #a6a6a6 center;
  height: 1px;
  margin: 0px 0px 20px 0px;
}
	hr {	display: none; border: none; height: 1px;}

a {			color: #990000; text-decoration: none; }
a:hover { 	color: #043D9D; }
a:active {	color: #999999; }

/* ----------------------------------------------------------------------- */
/* Container ------------------------------------------------------------- */

#container {
	background: #edf1f8;
	position: relative;
	width: 768px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}


#containerwhite {
	background: #ffffff;
	position: relative;
	width: 768px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

/* begin added code by PCarver --------------------------------------------------- */

#content {
	background: #FFF; color: #333;
	font: small "Lucida Grande", Arial, sans-serif;
	float: left;
	width: 500px;
	margin-top: 4px; margin-right: 12px; margin-bottom: 4px; margin-left: 3px;
}

#content h1 {
	margin: 0 0 1.25em 0; padding: 0.5em 2em;
	background: #CCC; color: #333;
	font-size: 1.75em;
}

#content h2 {
	color: #333;
	font-size: 1.5em;
}

#content h3 {
	color: #333;
	font-size: 1.25em;
}

#content b {
	color: #900;
}

#content a {
	text-decoration: none;
}

#content a img {
	border: 0;
}

#content p {
	margin: 0 0 1em;
}

#questionlinks {
	margin: 0; padding: 0.5em 3em;
	color: #900;
}

#questionlinks li {
	font-weight: bold;
}

#questionlinks li.last {
	margin: 0 0 1em;
}

#questionlinks  a {
	color: #900;
	font-size: 1em;
}

#content a:link {
	color: #900;
	font-size: 1em;
}	

#content a:visited {
	color: #900;
	font-size: 1em;
}	

/* ------------- sidebar styles */

#sidebar {
float: right;
	width: 210px;
	margin-right: 3px;
	padding-top: 18px;
	padding-bottom: 18px;
}
#sidebar div h3 {
	font-size: 1.25em;
	margin: 0 -0.8em; 
	padding: 0.4em 0.8em 0;
}

#learn_more {
	background: #C0CEE6;
	padding: 1em 1em 1em;
	margin-top: 1em;
}


#schematic img {
	display: block;
	margin: 3em 0 3em 0;
}	


/* end added code by PCarver --------------------------------------------------- */

#containerbottom {
	background: #ffffff;
	position: relative;
	width: 768px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}



/* ----------------------------------------------------------------------- */
/* Top ------------------------------------------------------------------- */

#top {
	position: relative;
	display: block;
	width: 768px; height: 80px;
	background: url('../images/shared/blue-white-bars.gif') repeat-y;
}

#top ul {
	float: right;
	list-style-type: none;
	height: 20px;
	overflow: hidden;
	position: relative;
	clear: both;
}

	#top ul li {	float: left; margin-left: 5px; }
 
		#top ul li a {
			display: block;
			height: 20px;
			text-indent: -999em;
			overflow: hidden;
		}

		li#view-cart a:hover, li#policies a:hover, li#store-locator a:hover, #top ul li a.on { background-position: center -20px; }

		li#view-cart a { 		width: 84px; background: url('../images/nav/view-cart.gif') no-repeat center top;}
		li#policies a {			width: 85px; background: url('../images/nav/policies.gif') no-repeat center top;}
		li#store-locator a {	width: 85px; background: url('../images/nav/store-locator.gif') no-repeat center top;}
		li#espanol a {			width: 85px; background: url('../images/nav/espanol.gif') no-repeat center top;}
		li#logout a { 		width: 84px; background: url('../images/nav/logout.gif') no-repeat center top;}

#bbb {
	position: absolute;
	top: 32px; left: 307px;
}

#topDropShadow {
	position: absolute;
	top: 77px; left: 0px;
	display: block;
	width: 768px; height: 3px;
	background: url('../images/shared/topDropShadow.gif') no-repeat;
}

/* ----------------------------------------------------------------------- */
/* Logo ------------------------------------------------------------------ */

a#ap-wagner {
	position: absolute;
	top: 35px; left: 0px;
	display: block;
	width: 255px; height: 32px;
	background: url('../images/shared/ap-wagner.gif') no-repeat;
	margin: 0px; padding: 0px;
	overflow: hidden;
	text-indent: -999em;
	z-index: 99;
	cursor: pointer;
}

/* ----------------------------------------------------------------------- */
/* Nav = Main navigation -------------------------------------------------- */

ul#nav {
	display: block;
	overflow: hidden;
	list-style-type: none;
	margin-top: 4px;
	margin-left: 4px;
}

	ul#nav li {	float: left; height: 21px; margin-bottom: 4px; }

		ul#nav li a {
			display: block;
			text-indent: -999em;
			overflow: hidden;
			height: 21px;
			margin-left: 4px;
		}

		li#part-finder a:hover, li#repair-services a:hover, li#about a:hover, li#client-login a:hover, li#contact a:hover, ul#nav li a.on { background-position: center -21px; }

		li#phoneNumber { 		width: 135px; background: url('../images/nav/888-279-2463.gif') no-repeat center top; display: block; overflow: hidden; text-indent: -999em; }
		li#part-finder a { 		width: 121px; background: url('../images/nav/part-finder.gif') no-repeat center top;}
		li#repair-services a {	width: 121px; background: url('../images/nav/repair-services.gif') no-repeat center top;}
		li#about a {			width: 121px; background: url('../images/nav/about.gif') no-repeat center top;}
		li#client-login a {		width: 121px; background: url('../images/nav/client-login.gif') no-repeat center top;}
		li#contact a {			width: 121px; background: url('../images/nav/contact.gif') no-repeat center top;}

		li#myaccount a {		width: 121px; background: url('../images/nav/myaccount.gif') no-repeat center top;}

/* ----------------------------------------------------------------------- */
/* Banners --------------------------------------------------------------- */

#banner img {
	border: 1px solid #000000;
	margin: 0 0 0 4px;
}

#head img {
	margin: 4px 0 0 4px;
}

#head p {
	font-size: 12px;
	margin: 20px 24px 20px 24px;
}

/* ----------------------------------------------------------------------- */
/* Bottom ---------------------------------------------------------------- */

#bottom {
	float: left;
	clear: both;
	position: relative;
	width: 768px;
	background: url('../images/shared/blue-white-bars.gif') repeat-y;
	text-align: center;
	font-size: 11px;
	padding: 10px 0 0 0;
}

	#bottom p {	margin: 0px 0px 8px 0px; color: #043d9d; }
	
	#bottom a {			color: #043d9d; text-decoration: none; }
	#bottom a:hover { 	color: #990000; }
	#bottom a:active {	color: #999999; }

#botDropShadow {
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	width: 768px; height: 3px;
	background: url('../images/shared/botDropShadow.gif') no-repeat;
}

#bottom dl {
	border: 1px solid #DAE2F0;
	float: left;
	width: 766px;
	padding-top: 10px; padding-bottom: 10px;
	margin-bottom: 0;
}

#bottom dl dt {
	float: left;
	clear: left;
	width: 17%;
}

#bottom dl dd { 
	float: left;
	width: 16%;
}

/* ----------------------------------------------------------------------- */
/* Footer ---------------------------------------------------------------- */

#footer {
	float: inherit;
	clear: both;
	position: relative;
	padding: 10px 0px 10px 0px;
	text-align: center;
	font-size: 10px;
	color: #999999;
}
	
	#footer a {			color: #000000; text-decoration: none; font-size: 11px; }
	#footer a:hover { 	color: #990000; }
	#footer a:active {	color: #043d9d; }
	

/* ----------------------------------------------------------------------- */