@charset "UTF-8";
/* CSS Style Sheet for Screen */
/*colors
med blue #2069A7
#264C7D-dark blue*/

/* Remove browser default and padding -------------------*/
* {
margin: 0;
padding: 0;
}

/* Body text and page background ------------------------*/
body{
background: #3488c8 url(../images/background.jpg) repeat-x;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
font-weight: normal;
line-height: 1em;
text-align: left;
}

/* Encloses entire site --------------------------------*/
#wrapper{
position:relative;
width: 60em;
} 

/*=Classes --------------------------------------------- */
.breadcrumb {
font-size: .8em;
padding-bottom: .6em
}
.breadcrumb a, 
.breadcrumb a:link {
color:#264C7D;
}
.floatright { /* Float right class */
float:right;
margin: 1em 3em 0 1em;
}

.floatright2 { /* Float right class */
float:right;
margin: 1em 1em 0 1em;
}
.floatleft { /* Float left class */
float:left;
margin: .5em 1em 0;
}
.floatclear { /* Clear float */
clear: both;
}
.title {/* Sets large type for states where it should be a <p> not <h1> */
color: #FFC;
font-size: 1.6em;
}
.line { /* Style for paragrah separators on articles pages */
border-bottom:thick solid;
margin: 1em 0;
border-color: #0066CC;
width:60%;
}
.line2 { /* Style for table separators on php form page */
border-bottom:medium solid;
margin: 1em 0;
border-color: #0066CC;
width:100%;
}


/* Style for in betwen ads on classified pages */
.classline {
border-bottom: .5em double #264C7D;
}

.italic {
	font-style: italic;
	font-weight: bold;
}

.noshow { /* Stuff that prints only - doesn't show on screen */
display:none;
}
.nobullet {/* No bullets in list */
list-style-type:none;
}
.paddingbottom01 {padding-bottom:1em}/* Adds padding */
.paddingbottom02 {padding-bottom:2em}
.paddingbottom04 {padding-bottom:4em}
.paddingbottom06 {padding-bottom:6em}
.paddingbottom08 {padding-bottom:8em}
.paddingtop01 {padding-top: 1em}
.quote{
color: #264C7D;
font-style:italic;
font-weight: bold;
}
.smallerfont {font-size: .8em;}

.dropcap {
font-weight:bold; 
font-size:1.5em; 
float:left; 
color:#CC0000;
}

/*=Elements -------------------------------------------- */
a img { /* Removes border around image links */
border: 0 none;
}
a, a:link, a:visited {/* Removes dotted border around links in Firefox */
outline-style:none;
}

/*=Table for Video ------------------------------------- */
table.thumbs{ /* Style for tables of thumbnail images */
background-color:#FFF;
border-collapse: collapse;
font-size: .8em;
text-align: center;
vertical-align: middle;
width: 100%;
}
td.thumbs{ /* Style for table cells that contain thumbnails */
width: 25%;
}
img.thumbs{/* Style for thumbnail images */
border-width: 0px;
}

/*=Table for Articles ------------------------------------- */
table.articles{ /* Style for tables of thumbnail images */
background-color:#FFF;
vertical-align: middle;
text-align: left;
float: right;
border-collapse: collapse; 
margin: 1em;
}
td.articles{ /* Style for table cells that contain thumbnails */
padding:.2em;
}
img.articles{/* Style for thumbnail images */
width:150px;
border-width: 0px;
}

/* Header */
/* ------------------------------------------------------------ */
#headerindex {
position: relative;
height: 10em;
margin-left:2.4em;
}
#headerinterior {
position: relative;
height: 5em;
margin-left: 2.4em;
}
/* Logo */
#branding{
position: absolute; left: 0; bottom: 0;
width: 20em;
}
/* Shockwave */
#shokwave{
margin: 1em 3em 0 1em;
float: right;
}
/* Dealer login*/
#login{
background: transparent;
color: #000000;
height: 2em;
width: 10.8em;
float: none;
font-weight: normal;
font-size: 0.9em;
font-style: normal;
margin-top: 1em;
padding: 0.1px;
}
#login a:link,
#login a:visited{ /* Unvisited and visited */
text-decoration: underline;
color: #FFFFFF;
font-weight: bold;
margin: 0.75em;
line-height: 1.75em;
}

/* Top Links */
/* ------------------------------------------------------------ */
#toplinks {
position: absolute; bottom: 0; right:0;
}
#toplinks a:link,
#toplinks a:visited
{ /* Unvisited and visited */
color: #FFFFFF;
font-size: .75em;
font-weight: bold;
text-decoration: underline;
}

/* NEW NEW NEW NEW NEW Navbar division */
#topnav{
position: absolute; bottom: 1em; right: 3.5em;
background:url(../images/navtop.jpg) repeat-x center;
height:1.6em;
width: auto;
}
/* Remove bullets from ul in the navbar */
#topnav ul{
list-style-type:none;
}

/* List items in the navbar */
#topnav li{
float:left;
position: relative;
}

/* Applies to navbar links, unvisited and visited */
#topnav a,
#topnav a:link,
#topnav a:visited{
background: url(../images/navbar.jpg) repeat-x center;
border-right: solid 1px #000;
color:#fff;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:80%;
height:2em;
line-height:2em;
outline-style:none;
padding: 0 .5em;
text-align:center;
text-decoration:none;
width:9em;
}

/* Navbar hover, active, and current page links */
#topnav a:hover,
#topnav a:active,
#topnav li.selected a:link,
#topnav li.selected a:visited{
background: url(../images/navbarselected.jpg) repeat-x center;
color:#fff;
border-right: solid 1px #000;
}

/* Left Column*/
/* ------------------------------------------------------------ */
#leftcolumn {
position:absolute; top: 11em; left: 3em;/* For absolutely-positioned leftcolumn */
float:left;
width:10em; /* Main content margin must match */
}
#leftcolumninterior {
position:absolute; top: 7em; left: 3em;/* For absolutely-positioned leftcolumn */
float:left;
width:10em; /* Main content margin must match */
}

#leftcolumnpix { /* For pictures below the left column */
position:absolute; top: 21em; left: -18.2em;
margin:0;
padding:0;
width: 10em;
}

#leftcolumnpix2 { /* For pictures below the left column on the articles pages */
position:absolute; top: 24em; left: -21.8em;
margin:0;
padding:0;
width: 10em;
}
#news{
background-color: #FFFFFF;
border: medium ridge #0099FF;
color: #000000;
font-size: 0.7em;
font-weight: bold;
line-height: 1em;
margin-top: 0em;
padding: 0.3em 0.3em 0.3em 0.5em;
}
#news p{
margin-bottom: .5em;
}
#news a, 
#news a:link, 
#news a:visited
#news a:active  {
color:#264C7D;
font-weight: bold;
height: auto;
line-height:1.1em;
padding: 1em 0;
text-decoration:none;
}
#news a:hover{
text-decoration:underline;
}

#news2{
color: #000000;
font-size: 0.7em;
font-weight: bold;
line-height: 1em;
margin-top: .5em;
padding: 0.3em 0.3em 0.3em 0.5em;
}
#news2 h1{
color: #CC0000;
margin-bottom: .5em;
font-weight: bold;
font-size: 1em;
}

#news2 p{
margin-bottom: .5em;
}
#news2 a, 
#news2 a:link, 
#news2 a:visited
#news2 a:active  {
color:#264C7D;
font-weight: bold;
height: auto;
line-height:1.1em;
padding: 1em 0;
text-decoration:none;
}
#news2 a:hover{
text-decoration:underline;
}


/* Left Column NAVIGATION*/
/* ------------------------------------------------------------ */
#navbar {
width:10em;
}
/* Remove bullets from ul in the navbar */
#navbar ul {
list-style-type:none;
}
/* List items in the navbar */
#navbar li {
background-color: #2069A7;
border-top: 2px solid #71A0c7;
border-bottom: 2px solid #155185;
border-right: 2px solid #143F62;
position:relative;
}
/* Applies to navbar links,  unvisited and visited */
#navbar a, 
#navbar a:link, 
#navbar a:visited {
color:#fff;
display:block;
font-size:80%;
font-weight: bold;
height: auto;
line-height:1.1em;
outline-style:none;
padding: 0.8em;
text-align:left;
text-decoration:none;
width:auto;
}
/* Navbar hover,  active,  and current page links */
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited {
background-color:#FFF;
color:#000;
}

/* Flyout menu styles -------------------------------------- */
/* Applies to flyout menus in navbar */
#navbar li ul {
position:absolute; left: 10em; top: 0;
z-index:105;
visibility:hidden;
}
/* Make drop-down visible on navbar hover */
#navbar li:hover ul {
visibility:visible;
}
/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar_dropdown li a:hover ul li a{
background-color: #FFFFFF;
color:#000;
display:block;
height:auto;
padding: 0.5em;
text-align:left;
width:8em;
}
/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover {
background-color: #2069A7;
color: #fff;
}

/* Right Column - Index Main Content */
/* ------------------------------------------------------------ */
#mainindex {
margin-left: 25.5em;/* Left margin must match leftcolumn width */
margin-top: 1em;
width: 38em;
font-size: .9em;
}
#mainindex p{
line-height: 1.3em;
padding-bottom: .5em;
}
#mainindex h1{
color: #CC0000;
font-size: 1.5em;
line-height: 1.1em;
text-shadow: #000 0.05em 0.05em 0em 
}
#mainindex ul{
padding: 0em 0em .5em 2em;
}
#mainindex li {
margin-bottom: .5em;
}
#mainindex a:link,
#mainindex a:visited{ /* Unvisited and visited */
text-decoration:underline;
color: #FFFFFF;
}
#mainindex a:hover,
#mainindex a:active { /* Hover and active */
text-decoration: underline;
}
/* Right Column - Interior Main Content */
/* ------------------------------------------------------------ */
#maininterior,
#maininterior2,/* main div for map page */
#maininterior3{/* main div for articles pages */
position: relative;
background-color: #FFF;
color: #000;
border: medium solid #0066CC;
padding: 0.7em;
font-size: 1em;
margin-left: 20em;/* Left margin must match leftcolumn width */
margin-top: 2em;
width: 35em;
}
#maininterior2{/* main div for map page */
background-color: #000;
font-size: .9em;
width: 47em;
}
#maininterior3{/* main div for articles pages */
font-size: .9em;
margin-left: 25.5em;
padding: 1em;
width: 35em;
}

/* Elements */
#maininterior h1,
#maininterior h2,
#maininterior p{
font-size: 1.5em;
font-weight: normal;
margin: .3em;
line-height: 1em;
}
#maininterior h2{
font-size: 1.2em;
}
#maininterior p{
font-size: .9em;
line-height: 1.3em;
margin-left: .6em;
padding-bottom: 0.5em;
padding-top: .5em;
}
#maininterior3 h1{
font-size: 2em;
font-weight: lighter;
line-height: 1em;
display: block;
}

/* Styles for lists in main section*/
#maininterior ul {
font-size: 1em;
padding: 0em 0em .5em 2em;
}

#maininterior3 ul{
font-size: 1em;
padding: 0em 0em .7em 2.5em;
}

#maininterior li {
color: #000;
font-size: .9em;
line-height: 1.3em;
margin-bottom: .5em;
}

#maininterior3 li{
color: #00;
font-size: 1em;
line-height: 1.3em;
margin-bottom: .2em;
}

#maininterior a:link, 
#maininterior a:visited,
#maininterior3 a:link, 
#maininterior3 a:visited{ /* Unvisited and visited */
text-decoration:underline;
color: #003366;
line-height: 1.5em;
}
#maininterior a:hover,
#maininterior a:active,
#maininterior3 a:hover,
#maininterior3 a:active { /* Hover and active */
text-decoration: underline;
}

#maininterior img{
	margin-right: 1em;
	margin-left: 1em;
}

#tosell {
	font-size: 0.85em;
	width: 21em;
	padding-right: 1.2em;
	padding-left: 0.2em;
	margin: .5em 0 0 0;
	overflow: auto;
	z-index: 10;
	float: left;
	border-width: 1px;
        border-style: solid;
	margin-right: 1em;
	height: 30em;
	background-color: #FAECC2;
}
#tobuy {
	font-size: .85em;
	width: 21em;
	padding-right: 1em;
	padding-left: 1.2em;
	margin: 1em 0 0 0;
	overflow:auto;
	z-index: 10;
	float: none;
	border-width: 1px;
	border-style: solid;
	height: 30em;
     background-color: #D9E7F8;
}
	
#tobuy a:link, 
#tobuy a:visited,
#tosell a:link, 
#tosell a:visited{ /* Unvisited and visited */
text-decoration:underline;
color: #003366;
line-height: 1.5em;
}
#tobuy a:hover,
#tobuy a:active,
#tosell a:hover,
#tosell a:active { /* Hover and active */
text-decoration: underline;
}



/* Table for Parts */
/* ------------------------------------------------------------ */
#itsthetable {
color: #fff;
margin-left: 3em;
margin-top: 2em;
}
#itsthetable h1{
color: #FFC;
font-size: 1.6em;
}
#itsthetable p{
font-size: .8em;
}
#itsthetable a:link,
#itsthetable a:visited{ /* Unvisited and visited */
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}
#itsthetable table {
border-collapse: collapse;
border: 2px solid #00000;
color: #FFF;
font: Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: bold;
background: #none;
width: 72em;
}
#itsthetable tbody tr:hover {
background-color: #600;
}
#itsthetable tr {
height: 20px;
}
#itsthetable td, th {
border: 1px solid #264C7D;
padding: 0.35em;
color: #F6ECF0;
}
#itsthetable th {background-color:#003}

#itsthetable thead tr{
border: 1px solid #A85070;;
text-align: left;
color: #F6ECF0;
padding-top:6px;
}

/* Java for the odd table colors */
.odd {
	background-color: #036; }	
/* Here is the code that goes in the head section of the source
<script language="javascript" type="text/javascript" src="../../js/jquery/jquery.js"></script>
<script>
$(document).ready(function(){
	$("tr:even").addClass("even");
	$("tr:odd").addClass("odd");
});
</script>
*/

/* Sets parts column widths */
.rostrapart_num {width: 20%}
.oempart_num {width: 20%}
.description {width: 60%}

/* Table for States */
/* ------------------------------------------------------------ */
#states {
color: #fff;
line-height: normal;
margin-left: 3em;
margin-top: 2em;
}
#states a:link,
#states a:visited
{ /* Unvisited and visited */
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}
#states table {
border-collapse: collapse;
border: 2px solid #00000;
color: #FFF;
font: Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: bold;
background: #none;
width: 71em;
}
#states td, th {
border: 1px solid #264C7D;
padding: 1em;
color: #F6ECF0;
}
/* Sets STATES column widths */
.states50 {width: 50%} /* For 2 columns */
.states33 {width: 33%} /* For 3 columns */

/* Footer */
/* ------------------------------------------------------------ */
#footer {
padding: 0em 0 2em;
margin-bottom: .5em;
}
#footerie{ /* Hack for IE */
padding: 2em 0 2em 5em;
}
#footer a:link,
#footer a:visited{ /* Unvisited and visited */
text-decoration:none;
color: #fff;
}
#footer a:hover,
#footer a:active { /* Hover and active */
text-decoration: underline;
}
#footer p,
#footerie p {
font-size: 0.7em;
padding: 2em 0 0 4em;
line-height: 1.2em;
}

#footer2 {
margin-top: -6em;
margin-left: 33em;
padding: 0;
text-align: right;
}
#footer2ie{ /* Hack for IE */
padding: 2em 0 2em 5em 20em;
}
#footer2 a:link,
#footer2 a:visited{ /* Unvisited and visited */
color:#CCCCCC;
}
#footer2 a:hover,
#footer2 a:active { /* Hover and active */
text-decoration: underline;
}
#footer2 p,
#footerie2 p {
font-size: 0.7em;
padding: 2em 0 0 4em;
line-height: 1.2em;
}
/* Padding for SEARCH page */
#padding{
	min-height:6em;
	height: 8em;
}

/* ---------Table for Form Mail------------------ */

#formtable{
background-color:#FFFFFF;
margin-left: 3em;
margin-top: 2em;
padding: 1em;
text-align:left;
}

#formtable p{
color:#000;
font-size: .85em;
line-height: 2.5em;
}

#formtable h1{
font-size: 1.1em;
font-weight: bold;
color:#FF0000;
}