/*

	2008 Aftermarket Parts Inc.

*/



@import url(./reset.css);



body {

	font-family: Arial, Helvetica, sans-serif;

	color: #221c5c;

	background: url(../images/nav-bg7.gif) 0 0 repeat-x;

}

#container { width: 100%; }

#content {

	margin-left: 174px;

	width: 810px;

}



h1, h2, h3, h4 { margin-top: 1em; }

p { margin-bottom: 1em; }



h2 {

	font-size: 18px;

	font-weight: normal;

	font-style: italic;

	text-transform: uppercase;

}

h3 {

	font-size: 18px;

	font-weight: normal;

	font-style: normal;

	

}

p.ex2
{
        font-size: 16px;
	font-weight: 550;
	font-style: normal;

	font-style: normal;
	line-height: 175%;
	}

#sidebar1 {
	float: left;
 	height: 40em; 
	width: 15%; /* since this element is floated, a width must be given */
   
/*	background: #20195a; */
	background: url(../images/nav-bg3.gif) 0 0 repeat;
/*	color: #20195a;  white the background color will be displayed 
for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}

#sidebar3 {
	float: left;
 	height: 65em; 
	width: 15%; /* since this element is floated, a width must be given */
   
/*	background: #20195a; */
	background: url(../images/nav-bg3.gif) 0 0 repeat;
/*	color: #20195a;  white the background color will be displayed 
for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}



#disclaimer {
	width: 12;
/*	background: #20195a;  #FFFFFF; */
	font-weight: normal;
	font-size: 60%;
	color: #777;
	padding: 15px 0;
}

#disclaimer p:first-line {
font-style: italic;
}

#disclaimer h3 {
	width=12;
	background-color:@21195a;
	margin 0 0 0.5em;
	border-bottom: 1px solid #777;
	padding: 00.5em 0;
}

#sidebar2 {
	float: right;
	height: 40em; 
	width: 15%; /* 6em since this element is floated, a width must 
be given */
	background: url(../images/nav-bg3.gif) 0 0 repeat;

	/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}

#sidebar4 {
	float: right;
	height: 65em; 
	width: 15%; /* 6em since this element is floated, a width must 
be given */
	background: url(../images/nav-bg3.gif) 0 0 repeat;

	/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}

#mainContent {
	color: black;
	font-size= normal;
	line-height= normal;
	font-weight= normal;
	margin-bottom= 0em;
}

#mainContent h3 {
	color: black;
	font = normal;
	font-size= normal;
	line-height= 1.5em;
	font-weight= normal;
	margin-bottom= 0em;

}



#mainContent p {
first-line= italic;
}


.invisible { display: none; }



ul {

	list-style: disc;

	margin-left: 1em;

	padding-left: 1em;

}



ul#nav {

	position: relative;

	padding: 15px 0 0;

	margin: 0;

	height: 30px;

	width: 997px;

	list-style: none;

}

ul#nav li {

	float: left;

	padding-top: 13px;

	margin-right: 8em;

}

ul#nav li.first { margin-left: 184px; _margin-left: 116px; /* trick IE6 */ }

ul#nav li.last { margin-right: 0; }

ul#nav li.has_submenu { position: relative; }

ul#nav li.has_submenu:hover ul { display: block; }

ul#nav li ul {

	position: absolute;

	margin-left: -1em;

	top: 1.75em;

	left: 0;

	width: 7em;

	background-color: #20195a;

	list-style: none;

	padding-bottom: 0.5em;

	display: none;

}

ul#nav li a {

	color: #fff;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 10pt;

	font-weight: bold;

}

ul#nav li a:hover {

	text-decoration: underline;

}

li#nav-home img {

	position: absolute;

	top: 0;

	left: 0;

	}

body#home li#nav-home { visibility: hidden; }



body#home h1 {

	font-size: 2em;

	visibility: hidden;

}

body#home h2 span { font-size: 80%; }

body#home #splash {

	background-image: url(../images/splash-bg.gif);

	background-position: 0 0;

	background-repeat: repeat-x;

	white-space: nowrap;

}

body#home  #splash div { width: 997px; background-color: #20195a; height: 220px; overflow: hidden; }

body#home #container {

	width: 100%;

}



body#home #slideshow {

	padding-top: 1em;

	/*margin-left: 232px;*/

}

body#home #slideshow img { position: absolute; }



img.page-adorn { float: right; }





#products table { border-bottom: 0.5em #009 solid; }

#products tr { vertical-align: top; }

#products td { border-bottom: 1px #009 solid; font-size: 12px; }

#products td img { vertical-align: top; }

#products th { text-align: right; padding-right: 0.5em; background-color: #eef; font-size: 11px; }

#products h3 { padding: 0; margin: 0; color: #009; }



body#contact form sup {

	position: absolute;

	margin-left: -0.5em;

}



.separator { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px #ccc dashed; }

.bicolumn { float: left; width: 40%; padding: 0.5em 1em 0.5em 1em; }

.product-pic { float: left; width: 40%; height: 150px; border-top: 1px #ccc dotted; border-right: 1px #ccc dotted; margin-left: 1em; }

.vruler { border-left: 1px #ccc dotted; }

.smaller { font-size: 90%; }



a#search-button {

	position: absolute;

	top: 126px;

	left: 40px;

	}

#home a#search-button { top: 94px; }



#footer {

	clear: both;

	padding-top: 4em;

	padding-bottom: 2em;

	margin-left: 174px;

	font-size: 80%;

	color: #777;

}



#home #footer { display: none; }