/* ---------------------------------------------------- */
/* Slideshow for Home Page */
/* ---------------------------------------------------- */

#slideshow {position: relative;float:left;width: 703px;height:291px;}

#slideshow ul,#slideshow2 ul {margin: 0;padding: 0;list-style-type: none;height: 1%; /* IE fix */}

#slideshow ul:after {content: ".";clear: both;display: block;height: 0;visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides,#slideshow2 .slides2 {overflow: hidden;}

#slideshow .slides ul 	{width: 703px;}

#slideshow .slides li 	{width: 703px;height:291px;padding: 0;}

#slideshow .slides p
{
float:left;
width:672px;
font-weight:bold;
padding:15px;
position: absolute;
text-align: justify;
}

#slide-one		{background: url(images/leadhdr.jpg) no-repeat;}
#slide-two		{background: url(images/leadhdr5.jpg) no-repeat;}
#slide-three 	{background: url(images/leadhdr2.jpg) no-repeat;}
#slide-four 	{background: url(images/leadhdr3.jpg) no-repeat;}
#slide-five 	{background: url(images/leadhdr4.jpg) no-repeat; width:672px;}


/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION */
/* ---------------------------------------------------- */

#slideshow .slides-nav		{margin:0;padding:0;width:120px;height:30px;float:left;position: absolute;top:278px;left:585px;z-index: 10;}


#slideshow .slides-nav li,#slideshow2 .slides-nav li 	{margin-right:8px;padding:0;float:left;}

#slideshow .slides-nav li a	 {display: block;height:16px;width:15px;outline: none;background-color: #000;text-decoration: none;color:#ccc;text-indent: 4px;font-size: .9em;}


#slideshow .slides-nav li a:hover,#slideshow2 .slides-nav li a:hover {background-color: #000; color:#fff;}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a,
.j#slideshow2 .slides-nav li.on,
.js#slideshow2 .slides-nav li.on a {background-color: #943B2A;}

.js #slideshow .slides-nav li.on a,.js #slideshow2 .slides-nav li.on a {background-color: #000; color:#fff;}





#headerlink
{
display:block;
width:239px;
height:161px;
}

#breadcrumbs
{
position:absolute;
top:245px;
left:25px;
padding: 0 0 0 0;
z-index:21;
}

#breadcrumbs a:link {color: #000080;font-weight:bold;}
#breadcrumbs a:visited {color: #000080;font-weight:bold;}
#breadcrumbs a:hover {color: #666666;font-weight:bold;}
#breadcrumbs a:active {color: #666666;font-weight:bold;}


table,td,th
{
border:0px solid black;
}
table.moreinfo
{
width:100%;
text-align:center;
}




table.mult
{ 
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
margin-top:10px;
}

table.sbox
{ 
border-collapse: collapse;
border-spacing: 0px;
margin-top:10px;
}

td.sbox
{
border-bottom: none;
text-align: left;
padding-top: 4px;
padding-bottom: 18px;
padding-left: 8px;
padding-right: 8px;
}


td.icons
{
text-align: center;
font-size: .9em;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
}



table.specs
{ 
width: 100%;
background-color: #e9e9e9;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top:30px;
}


td.area
{
background-image:url(images/tableback.jpg);
background-repeat:no-repeat;
background-color: #c1c1c1;
border: 1px #000000 solid;
font-weight: bold;
font-size: 1.6em;
color: #000000;
padding:7px;
}



td.parts
{
border-bottom: 1px #000000 dotted;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;
}

td.linkpage
{
border-bottom: none;
text-align: center;
padding-top: 8px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
}


#enginetablepic
{
background:url(images/block.png);
background-repeat:no-repeat;
position:absolute;
top:150px;
right:45px;
width:195px;
height:172px;
}

#intaketablepic
{
background:url(images/intake.png);
background-repeat:no-repeat;
position:absolute;
top:437px;
right:45px;
width:151px;
height:99px;
}

#exhausttablepic
{
background:url(images/header.png);
background-repeat:no-repeat;
position:absolute;
top:608px;
right:45px;
width:111px;
height:70px;
}

#fueltablepic
{
background:url(images/injector.png);
background-repeat:no-repeat;
position:absolute;
top:760px;
right:45px;
width:158px;
height:82px;
}

#ignitiontablepic
{
background:url(images/msd.png);
background-repeat:no-repeat;
position:absolute;
top:945px;
right:45px;
width:166px;
height:141px;
}

#drivelinetablepic
{
background:url(images/clutch.png);
background-repeat:no-repeat;
position:absolute;
top:1190px;
right:45px;
width:153px;
height:131px;
}

#reartablepic
{
background:url(images/373.png);
background-repeat:no-repeat;
position:absolute;
top:1425px;
right:45px;
width:176px;
height:83px;
}

#suspensiontablepic
{
background:url(images/lca.png);
background-repeat:no-repeat;
position:absolute;
top:1610px;
right:45px;
width:180px;
height:73px;
}

#chassistablepic
{
background:url(images/sbox.png);
background-repeat:no-repeat;
position:absolute;
top:1795px;
right:45px;
width:169px;
height:82px;
}

#brakestablepic
{
background:url(images/brakes.png);
background-repeat:no-repeat;
position:absolute;
top:1950px;
right:45px;
width:119px;
height:121px;
}

#misctablepic
{
background:url(images/pullies.png);
background-repeat:no-repeat;
position:absolute;
top:2165px;
right:45px;
width:179px;
height:141px;
}

#interiortablepic
{
background:url(images/interior.png);
background-repeat:no-repeat;
position:absolute;
top:2426px;
right:45px;
width:217px;
height:150px;
}

#nitroustablepic
{
background:url(images/bottle.png);
background-repeat:no-repeat;
position:absolute;
top:2695px;
right:45px;
width:205px;
height:137px;
}

#wheelstablepic
{
background:url(images/wheels.png);
background-repeat:no-repeat;
position:absolute;
top:2930px;
right:45px;
width:231px;
height:72px;
}

#bluetablelink
{
color: orange;
position:relative;
padding: 0 0 0 0;
width:671px;
margin:20px 0px 0px 45px;
text-align: justify;
}

#bluetablelink a:link {color: orange;font-weight:bold;}
#bluetablelink a:visited {color: orange;font-weight:bold;}
#bluetablelink a:hover {color: #666666;font-weight:bold;}
#bluetablelink a:active {color: orange;font-weight:bold;}




* {
	margin:0;
	padding:0
}
p {
	color:black;
	margin:0 0 1em 0;
	padding:5px;
	position:relative;
}/*opera 8 needs the position:relative on the inner content but opera 9 doesn't */

p a:link {color: #666666;}
p a:visited {color: #666666;}
p a:hover {color: #000080;}
p a:active {color: #000080;}


body
{
background-color:#666666;
font-family:verdana;
font-size:.80em;
text-align: center;
}

#wrapper {
	width:981px;
	margin:10px auto 0;
	padding:0;
	text-align:left;	
	z-index:1;
	position:relative;
}

#header, #footer {
	position:relative;
}

#footer {
	background:url(images/footer.jpg) no-repeat 0 0;
	padding:85px;
}

#footerintro {
	background:url(images/footerintro.jpg) no-repeat 0 0;
	padding:84px;
}


#copyright 
{
color:#000000;
font-size:.7em;
position:absolute;
bottom:110px;
left:12px;
margin:0 auto;
}

#header {
	background:url(images/header2.jpg) no-repeat 0 0;
	padding:142px;
		}
		
		
#headerintro 
{
background:url(images/headerintro.jpg) no-repeat 0 0;
padding-top:142px;
padding-bottom:100px;
}
		
		
.intro
{
color:#ffffff;
margin-left:13px;
position:relative;
width:940px;
font-weight:bold;
top:-69px;
text-align:justify;
}

.intro a:link {color: #000080;}
.intro a:visited {color: #000080;}
.intro a:hover {color: #ffffff;}
.intro a:active {color: #000000;}

#header h1, #footer p {
	text-align:center;
}

#outer {
	background:url(images/shadow.gif);
	width:981px;	
	clear:both;
}

#outerintro {
	background:url(images/shadowintro.gif);
	width:981px;	
	clear:both;
}

#left, #right {
	width:200px;
	z-index:1;
	position:relative;
	float:left;
	margin:-30px 0 0 0;
	display:inline;	
}


#rotator
{
background: url(/randomimages/rotator.php) no-repeat;
position:absolute;
top:78px;
left:1px;
width:239px;
height:161px;
float:left;
z-index:6;
}

.date
{
position:relative;
right:-122px;
top:-140px;
text-align:right;
color:white;
font-size:.75em;
font-weight:bold;
}

.dateintro
{
position:relative;
right:20px;
top:-140px;
text-align:right;
color:white;
font-size:.75em;
font-weight:bold;
}

.links
{
color:#000080;
font-size:1.25em;
font-weight:bold;
position:relative;
right:-102px;
top:51px;
text-align:right;
}

.links a:link {color: #000080;}
.links a:visited {color: #000080;}
.links a:hover {color: #ffffff;}
.links a:active {color: #000000;}






.footer
{
color:#000080;
font-size:.9em;
font-weight:bold;
position:relative;
right:219px;
top:27px;
text-align:right;
}

.footer a:link {color: #000080;}
.footer a:visited {color: #000080;}
.footer a:hover {color: #ffffff;}
.footer a:active {color: #000000;}

.footerintro2
{
color:#ffffff;
font-size:.8em;
font-weight:bold;
position:relative;
right:49px;
top:-3px;
text-align:right;
}

.footerintro2 a:link {color: #ffffff;}
.footerintro2 a:visited {color: #cccccc;}
.footerintro2 a:hover {color: #cccccc;}
.footerintro2 a:active {color: #cccccc;}

.footerintroflash
{
font-size:1em;
font-weight:bold;
position:relative;
right:10px;
top:-36px;
text-align:center;
}


ul
{
position:relative;
list-style: none;
padding:0px;
margin:0px;
}



li
{
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
background-position:0px 1px; 
padding-left:14px;
padding-bottom:10px;
}


hr 
{
border: none 0;
border-top: 1px solid #999;/*the border*/
width: 100%;
height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
margin: 5px 0 0 0;
} 


.newstext
{

color:#000000;
font-size:.7em;
margin:0 auto;
}

.newstext a:link {color: #000080; font-size:1.4em; font-weight:bold;}
.newstext a:visited {color: #000080; font-size:1.4em; font-weight:bold;}
.newstext a:hover {color: #666666; font-size:1.4em; font-weight:bold;}
.newstext a:active {color: #666666; font-size:1.4em; font-weight:bold;}

.newsdate
{
color:#000000;
font-size:1em;
font-style:italic;
font-weight:bold;
margin:0 auto;
}

.newscenter
{

text-align:center;
}


.leftnav
{
width:168px;
margin:0px 0px 0px 25px;
background:url(images/skid.gif);
background-repeat:no-repeat;
}


.rollovers
{
position:relative;
width:168px;
height:196px;
margin:0 auto;
padding:0px;
left:6px;
top:18px;
text-align: left;
}

.news
{
text-align: left;
}



/*
Rollover CSS starts here
*/

#multimedia
{
  display: block;
  width: 145px;
  height: 32px;
  background: url("images/mult.gif") no-repeat 0 0;

}

#multimedia:hover
{ 
  background-position: 0 -32px;
}

#multimedia span
{
  display: none;
}






#moreinfo
{
  display: block;
  width: 145px;
  height: 32px;
  background: url("images/more.gif") no-repeat 0 0;

}

#moreinfo:hover
{ 
  background-position: 0 -32px;
}

#moreinfo span
{
  display: none;
}





#specs
{
  display: block;
  width: 145px;
  height: 32px;
  background: url("images/spec.gif") no-repeat 0 0;

}

#specs:hover
{ 
  background-position: 0 -32px;
}

#specs span
{
  display: none;
}



#links
{
  display: block;
  width: 145px;
  height: 32px;
  background: url("images/link.gif") no-repeat 0 0;

}

#links:hover
{ 
  background-position: 0 -32px;
}

#links span
{
  display: none;
}



#contact
{
  display: block;
  width: 145px;
  height: 32px;
  background: url("images/contactme.gif") no-repeat 0 0;

}

#contact:hover
{ 
  background-position: 0 -32px;
}

#contact span
{
  display: none;
}

.lead
{
margin:-24px 0px 0px 31px;
position:relative;
width:703px;
}


.leadtext
{
width:680px;
position:relative;
margin:0 auto;
text-align: justify;
top:-277px;
font-weight:bold;
z-index:11;
}


.hometext
{
position:relative;
margin:0px 10px 0px 50px;
text-align: justify;
}


#pageheader
{
background:url(images/header.jpg);
background-repeat:no-repeat;
position:relative;
width:671px;
height:69px;
margin:-35px 0px 0px 45px;
border-bottom-style:solid;
border-color:black;
border-width:1px;
}

#pageheadersvo
{
background:url(images/headersvo.jpg);
background-repeat:no-repeat;
position:relative;
width:671px;
height:69px;
margin:-35px 0px 0px 45px;
border-bottom-style:solid;
border-color:black;
border-width:1px;
}

#bulletcontainer
{
font-weight:bold;
padding-left:40px;
}

#bulletcontainer a:link {color: #000080;}
#bulletcontainer a:visited {color: #000080;}
#bulletcontainer a:hover {color: #666666;}
#bulletcontainer a:active {color: #666666;}

#bulletcontainerpic
{
background:url(images/moreinfo.jpg);
background-repeat:no-repeat;
position:relative;
float:right;
top:-15px;
height:245px;
width:247px;
}


#bulletcontainerpicsvo
{
background:url(images/moreinfosvo.jpg);
background-repeat:no-repeat;
position:relative;
float:right;
top:-15px;
height:245px;
width:247px;
}

#bulletcontainerpic2
{
background:url(images/moreinfo2.jpg);
background-repeat:no-repeat;
position:relative;
left:125px;
height:123px;
width:372px;
}

#bulletcontainerpic2svo
{
background:url(images/moreinfo2svo.jpg);
background-repeat:no-repeat;
position:relative;
left:125px;
height:123px;
width:372px;
}

#ascinfo
{

background-color: navy;
position:relative;
padding:7px;
border-style:solid;
border-color:black;
border-width:2px;
font-size:1.75em;	
color: orange;
font-weight:bold;
}


#svoinfo
{

background-color: gray;
position:relative;
padding:7px;
border-style:solid;
border-color:black;
border-width:2px;
font-size:1.75em;	
color: white;
font-weight:bold;
}

#randomimage
{
text-align: center;
background-color: white;
position:relative;
padding:13px;
border-style:dotted;
border-color:black;
border-width:1px;
font-size:1em;	
color: blue;
font-weight:bold;
}


#ascinfo2
{

background-color: white;
position:relative;
margin-left:auto;
margin-right:auto;
width:75%;
padding:7px;
margin-bottom:15px;
border-style:solid;
border-color:black;
border-width:0 1px 1px 1px;
font-weight:bold;
}

#ascinfo2 a:link {color: #000080;}
#ascinfo2 a:visited {color: #000080;}
#ascinfo2 a:hover {color: #666666;}
#ascinfo2 a:active {color: #666666;}

#pageheader span
{
position:relative;
margin:0 auto;
top:110px;
font-size:1.5em;
font-weight:bold;
}

#textheader
{
position:relative;
margin:0 auto;
font-size:1.75em;
position:relative;
right:-25px;
top:35px;
text-align: right;
}

#pagecontent
{
position:relative;
padding: 0 0 0 0;
width:671px;
margin:20px 0px 0px 45px;
text-align: justify;
}

#pagecontent a:link {color: #000080;font-weight:bold;}
#pagecontent a:visited {color: #000080;font-weight:bold;}
#pagecontent a:hover {color: #666666;font-weight:bold;}
#pagecontent a:active {color: #666666;font-weight:bold;}

#pagecontent span a:link {color: #000000;font-weight:bold;}
#pagecontent span  a:visited {color: #000000;font-weight:bold;}
#pagecontent span  a:hover {color: #000000;font-weight:bold;}
#pagecontent span  a:active {color: #000000;font-weight:bold;}



#pagecontenthistory
{
position:relative;
padding: 0 0 0 0;
width:671px;
margin:20px 0px 0px 45px;
text-align: justify;
}

#pagecontenthistory a:link {color: #000080;font-weight:bold;}
#pagecontenthistory a:visited {color: #000080;font-weight:bold;}
#pagecontenthistory a:hover {color: #666666;font-weight:bold;}
#pagecontenthistory a:active {color: #666666;font-weight:bold;}

#pagecontenthistory span a:link {color: orange;font-weight:bold;}
#pagecontenthistory span  a:visited {color: orange;font-weight:bold;}
#pagecontenthistory span  a:hover {color: orange;font-weight:bold;}
#pagecontenthistory span  a:active {color: orange;font-weight:bold;}

#pagecontenthistorysvo
{
position:relative;
padding: 0 0 0 0;
width:671px;
margin:20px 0px 0px 45px;
text-align: justify;
}

#pagecontenthistorysvo a:link {color: #000080;font-weight:bold;}
#pagecontenthistorysvo a:visited {color: #000080;font-weight:bold;}
#pagecontenthistorysvo a:hover {color: #666666;font-weight:bold;}
#pagecontenthistorysvo a:active {color: #666666;font-weight:bold;}

#pagecontenthistorysvo span a:link {color: white;font-weight:bold;}
#pagecontenthistorysvo span  a:visited {color: white;font-weight:bold;}
#pagecontenthistorysvo span  a:hover {color: white;font-weight:bold;}
#pagecontenthistorysvo span  a:active {color: white;font-weight:bold;}

h1, h2, h3, h4
{
font-size:1em;
font-weight:normal;
}




.homeh1
{
color:#000000;
font-size:1.25em;
font-weight:bold;
margin:0 auto;
}

#content 
{
	width:692px;
	float:left;
	margin:0 0 0 0;
	display:inline;
	position:relative;
}

#contentintro
{
	width:930px;
	float:left;
	margin:-88px 0 0 20px;
	display:inline;
	position:relative;
}


#footer {
	clear:both;
}
html>body .col {
	top:0
}/* hide from ie6 and under*/
.clearer {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
/* Note I haven't bothered with box model hacks but you will need to do them for ie5.+ if it worries you */