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

body {font-family: arial, verdana, sans-serif; font-size: 0.75em; color: #666666;
/*background-image: url(images/bg.jpg); background-repeat: repeat-x;*/}

#outerwrapper2 {width: 100%; margin: 0px 0px; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-position: top;}

#outerwrapper {width: 100%; margin: 0px 0px; background-image: url(images/footerbg2.jpg); background-repeat: repeat-x; background-position: bottom;}

#wrapper {width: 900px; margin: auto auto;}

#header {width: 900px; height: 220px; background-image: url(images/header2.jpg); background-repeat: no-repeat; padding-top: 10px; background-position: top right;}

#headertag {padding-top: 10px; padding-left: 100px; padding-right: 50px; width:500px; font-style: italic; color: #ffffff; font-size: 1.23em;}

#menu {width: 691px; height: 37px; border-top: 1px solid #eeeeee;}
#menu ul{float: left; margin: 0; padding-left: 0px; list-style: none;}
#menu ul li {float: left; width: 114px; margin: 0; text-align: center; border-left: 1px solid #eeeeee; height: 22px; padding-top: 8px;} 
#menu ul li:hover {float: left; width: 114px; margin: 0; text-align: center; height: 22px;  padding-top: 8px; background-color: #34bef3; color: #ffffff;} 
#menu ul li a:link {color: #555555; text-decoration: none; padding: 10px; outline: none}
#menu ul li a:visited {color: #555555; text-decoration: none;  padding: 10px; outline: none} 
#menu ul li a:active {color: #555555;text-decoration: none; padding: 10px; outline: none} 
#menu ul li a:hover {text-decoration: underline; color: #ffffff; padding: 10px; outline: none} 
li.menuend {border-right: 1px solid #eeeeee;}



#contentwrapper {width: 900px; height: 100%;}

#content {width: 620px; /*border-right: 1px dotted #dddddd;*/ padding-right: 20px; float: left; padding-top: 0px; padding-left: 20px;}


#sidemodule {width: 199px; float: right; padding-right: 20px; text-align: center;
			padding-top: 0px; padding-left: 20px;}

#footer  { width: 860px; height: 35px; background-image: url(images/footerbg.jpg); background-repeat: repeat-x; text-align: right;
			padding: 20px; color: #4a88ae;}

#footermenu {padding-bottom: 10px;}
#footermenu a:link {color: #ff6600; text-decoration: none; outline: none;}
#footermenu a:hover {color: #00a8ea; text-decoration: underline; outline: none;}
#footermenu a:visited{color: #ff6600; text-decoration: none; outline: none;}
#footermenu a:active {color: #ff6600; text-decoration: none; outline: none;}


#product1 { width: 520px; background-image: url(images/producticon1.jpg); background-repeat: no-repeat; padding-left: 100px; border-bottom: 1px dotted #dddddd;
			padding-bottom: 25px; background-position: -10px 0px; padding-top: 10px;}

#product2 { width: 520px; background-image: url(images/producticon1.jpg); background-repeat: no-repeat; padding-left: 100px; border-bottom: 1px dotted #dddddd;
			padding-bottom: 25px; background-position: -10px 0px; padding-top: 10px;}

#product3 { width: 520px; background-image: url(images/producticon2.jpg); background-repeat: no-repeat; padding-left: 100px; background-position: -10px 0px;
			padding-bottom: 25px; padding-top: 10px;}

#introtext {border-bottom: 1px dotted #dddddd; padding-bottom: 20px;}


div.itemwrapper {border-bottom: 1px dotted #cccccc; padding: 2px;}
div.number {background-color: #ff6600; font-weight: bold; color: #ffffff; width: 20px; float: left; text-align: center;}
div.itemlist {padding-left:10px;}

h1.pagetitle {color: #ff6600; font-size: 1.3em; font-weight: bold;}

h1.pagetitle2 {color: #ff6600; font-size: 1.1em; font-weight: bold;}

h1.pagesubtitle {color: #00a8ea; font-size: 1em; font-weight: bold; margin:0px;}



div.clear {clear: both; height: 20px;}



a:link {color: #ff6600; text-decoration: none; outline: none;} 
a:visited  {text-decoration: underline; color: #ff6600; text-decoration: none; outline: none;} 
a:active{text-decoration: underline; color: #ff6600; text-decoration: none; outline: none;} 
a:hover {text-decoration: underline; color: #00a8ea; text-decoration: underline; outline: none;} 



div.testimonial { border-bottom: 1px dotted #dddddd; 
padding-bottom: 15px; padding-top: 10px;}

#newshop{background-image: url(images/newshopad.jpg); background-repeat: no-repeat; width:475px; height: 90px; 
padding-top: 10px; padding-left: 25px; font-weight: bold; color: #3399ff; font-family: helvetica; font-size: 1.7em;} 

#newshop a:link {color: #ffffff; text-decoration: none;}
#newshop a:hover {color: #e2f6fd; text-decoration: underline;}
#newshop a:visited{color: #ffffff; text-decoration: none;}
#newshop a:active {color: #ffffff; text-decoration: none;}


/* products page gallery */
img.gallery {border: 0px; padding: 5px;}


/* side modules */

div.outersidemodules {width: 202px; border: 1px solid #eeeeee;}
div.sidemodules {width: 177px; border: 1px solid #eeeeee; padding: 10px; text-align: left;}
div.sidemodules_sales {width: 177px; border: 1px solid #eeeeee; padding: 10px; text-align: left; background-image: url(images/salesbg.jpg); background-repeat: no-repeat;}
h3.sidemoduleheader {width: 189px; background-color: #00a8e9; padding-left: 10px; padding-top: 5px; margin: 0px; color: #ffffff; height: 20px; text-align: left;
						font-size: 1.15em;}




p.freeshipping { text-align: center;}

div.partsearch { padding-bottom: 5px;}

#select_car {background-color: #dddddd; border-bottom: 1px dotted #dddddd; padding: 5px;}




/*
div.productfinder1 {float: left; padding-right: 20px; padding: 5px; font-size: 0.9em;} 
#manufacturers {padding: 10px; border: 1px solid #000000; overflow: auto;  height: 130px; width: 130px;}
#models {padding: 10px; border: 1px solid #000000; overflow: auto;  height: 130px; width: 170px;}
#model2a {padding: 10px; border: 1px solid #000000; overflow: auto;  height: 130px; width: 210px;}
#yeara {padding: 10px; border: 1px solid #000000; overflow: auto;  height: 130px; width: 140px;}
#producta {padding-top: 10px; float: left;}


a.pfinder:link {width: 100%; display: block; padding: 1px; color: #444444;}
a.pfinder:active {width: 100%; display: block; padding: 1px; color: #444444;}
a.pfinder:visited {width: 100%; display: block; padding: 1px; color: #ff9900;}
a.pfinder:hover {background-color: #00a8e9; color: #ffffff; width: 100%; display: block; padding: 1px; text-decoration: none;}

th {text-align: left; background-color: #00a7ed; padding-left: 5px; color: #ffffff;}
table {border-bottom: 1px dotted #cccccc;}
td {padding-left: 5px;}

#key {font-size: 0.9em; padding: 10px; border-top: 1px solid #dddddd; background-color: #eeeeee; color: #444444; }
*/



#slideshow-container { width:620px; height:200px; position:relative;  border: 1px solid #dddddd;}
#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; }