@import "reset.css"; 
@import "http://www.autowerksofamerica.com/epccatmaint.css";

/* CSS Document */
/*
Theme Name: AutoWerks
Description: Dark and techy
Version: 1.0
Author: Scott Nesham - spencerwebdesign.com
*/



/* the basic stuff */

html, body { background:url(../images/body.jpg) #131313 center top no-repeat; font-family:verdana, Helvetica, "Helvetica Neue", Arial; font-size:12px; color:#fff; height:100%; width:100%; line-height:15px;}
.siteWidth{ width:779px; margin:0 auto;}
.bot{}
.siteWidthdefault{ width:889px; margin:0 auto;}


/*headings*/

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

hr {}



/*block elements*/

p {padding:10px 0;}
blockquote {}




/*phrase elements*/

strong {}

em {}




/*lists*/

ul {}
ol {}
li { margin-left: 20px; list-style: disc;}
li.clear{list-style: none;}

#col2 .textBox ul li{ list-style:disc; margin-left:20px;}



/*links*/

a {color:#FFF }
a:link {color:#FFF }, a:visited, a:active {}
a:hover {}
a.readMore{ }



/* construction  blocks */

#header { background:url(http://www.autowerksofamerica.com/images/header.png) -4px 0  no-repeat;}
#content{ background:url(http://www.autowerksofamerica.com/images/contentBack.jpg) no-repeat bottom center; padding-bottom:250px;}
#content2{ background:url(http://www.autowerksofamerica.com/images/contentBack2.jpg) no-repeat bottom center; padding-bottom:200px;}
#col1{ width:258px;}
#col2{ width:496px; padding-top:10px;}
#col2alt{ width:528px; padding-top:10px; margin-left: -15px;}
#col2multiProd{text-align: center; width:528px; padding-top:10px; margin-left: -15px; color:#fff;}
#col2category{text-align: center; width:528px; padding-top:10px; margin-left: -15px; color:#fff;}
#col2link{text-align: center; width:528px; padding-top:10px; margin-left: -15px; color:#fff;}
#col2default{width: 625px ; padding-top:10px;  }



/* logo control */

.logo{width:267px; height:80px; float:left;}




/* navigation */
ul#nav{}
ul#nav li { float:left; background:url(http://www.autowerksofamerica.com/images/menuSeparate.png) right center no-repeat; margin-right:3px; margin-top:7px; padding:5px 15px 5px 0; list-style: none; margin-left: 0;}
ul#nav li.last{ background-image:none; margin-left: 0;}
ul#nav li.last2{ background-image:none; margin-left: 0;}
*+html ul#nav li.last2{/*if IE */ margin-bottom: 0; padding: 0;  }


ul#nav a { font-style:italic; color:#CCC; text-transform:uppercase; text-decoration:none; font-size:11px; display:block; font-weight: bold;}
ul#nav a:hover { text-decoration:underline;}




/* funnels */
.funnels{ margin-left: 4px;}
.funnels li{ float: left; margin: 0 13px 18px 0; list-style: none;}
.funnels li a, .funnels li a:hover{ display: block; background-image: url(http://www.autowerksofamerica.com/images/funnels.jpg); text-align: center; text-transform: uppercase; padding-top: 118px; text-decoration: none; color: #e5a400; width: 155px; font-weight: bold; font-size: 12px; font-family: Arial;}
.funnels li a span, .funnels li a:hover span{background: #131313; display: block; padding:5px 0 3px 0; width: 100%;}

.intake{ }
.interior{background-position: -154px 0px;}
.exhaust{background-position: -308px 0px; }
.wheels{background-position: 0px 120px;}
.race{background-position: -154px 120px;}
.brakes{background-position: -308px 120px;}

.funnels li.noright{margin-right: 0px;}




/* gallery blocks */
/* this gallery is not used but is a plugin HTML snippet for a grid of images.Very easy to use and it auto-sizes your thumbnails for you */


ul.gallery{}
ul.gallery li{ float: left; margin: 0 10px 18px 0; background: #aba9aa;  width: 143px; height: 106px; text-align: center; padding-top: 0px; padding:6px;}




/* note the size attributes here. That is the thumbnail size. When you crop your images in photoshop or any image editor they should be a ratio of those two numbers.  there are two lines here one for portrait and one for landscape*/
ul.gallery li img.landscape{ float: left; margin: 0 10px 18px 0; background: aqua;  width: 143px; height: 106px;} 
ul.gallery li img.portrait{ float: left; margin: 0 10px 18px 0; background: aqua;  width: 106px; height: 143px;} 




/* this is for the gallery page that we actually have on the site. Note the width and height is square. It will auto-size to that so you just have to make sure you use a square image. CHANGED 2/2/10-SIZE IS NOW RATIO OF 4" X 6"*/
div.gallery{}
div.gallery .textBox{ width: 160px; height: 163px; margin:10px;}
div.gallery img{ margin:10px;  width: 270px; height: 180px;}



/* bottom Nav */
ul.bottomNav{ color:#F3f3f3; font-size:11px; width:700px; margin:10px auto 0px auto; padding-bottom:10px; line-height: 20px; text-align:center}
ul.bottomNav li{ display: inline; text-transform:uppercase; list-style: none; margin-left: 0; }
ul.bottomNav li a{ color:#f3f3f3; }
ul.bottomNav li.clear{float:none; }

ul.bottomNav1{ color:#F3f3f3; font-size:11px; width:700px; margin:10px auto 0px auto; padding-bottom:-5px; margin-left: 0; text-align:center}
ul.bottomNav1 li{  display: inline; text-transform:uppercase; list-style: none; margin-left: 0; }
ul.bottomNav1 li a{ color:#f3f3f3; }
ul.bottomNav1 li.clear{float:none;}

.youtube{ background-image:url(http://www.autowerksofamerica.com/images/youtube-button.jpg); height:33px; }
.facebook{ background-image:url(http://www.autowerksofamerica.com/images/facebook-button.jpg); height:33px; }
.twitter{ background-image:url(http://www.autowerksofamerica.com/images/twitter-button.jpg); height:33px; }



/* car menu */
.carMenu{ background:url(http://www.autowerksofamerica.com/images/menuBack.jpg) repeat-x; height:31px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border:solid 2px #aaa; margin:0 10px 15px 0; width:525px; float: right; none; }
.carMenu{background /*\**/: url(http://www.autowerksofamerica.com/images/menuBack2.jpg) no-repeat\9; border /*\**/: solid 0px #aaa\9; width /*\**/: 530px\9; padding-top /*\**/: 2px\9; padding-bottom /*\**/: 2px\9; }

.carMenu li{ float:left; height:31px; margin-left: 0; list-style: none;}
.carMenu li a{ background-image:url(http://www.autowerksofamerica.com/images/carBrands.png); background-repeat:no-repeat; height:31px; display:block;}
.audi{ width:89px;}
.bmw{ width:83px; background-position:-91px 0;}
.merc{ width:110px; background-position:-174px 0;}
.mini{ width:80px; background-position:-285px 0;}
.porsche{ width:99px; background-position:-372px 0;}
.vw{ width:60px; background-position:-473px 0;}

.carMenuBack{background: url(http://www.autowerksofamerica.com/images/carMBack.jpg) no-repeat 10px 0px;}

.carMenuBIG{height:35px; float: right;}
.carMenuBIG li{list-style: none;}
.carMenuBIG li a{ width:532px; height: 35px; background-image:url(http://www.autowerksofamerica.com/images/carBrandsBIG.png); background-repeat: no-repeat;}

.audiPerf{}
.audiRep{background-position: 0 -280px;}

.bmwPerf{ background-position: 0 -35px;}
.bmwRep{ background-position: 0 -315px;}

.mercPerf{ background-position: 0 -70px;}
.mercRep{ background-position: 0 -350px;}

.mercBPerf{ background-position: 0 -105px;}
.mercBRep{ background-position: 0 -385px;}

.miniPerf{ background-position: 0 -140px;}
.miniRep{ background-position: 0 -420px;}

.porschePerf{ background-position: 0 -175px;}
.porscheRep{ background-position: 0 -455px;}


.volksPerf{ background-position: 0 -210px;}
.volksRep{ background-position: 0 -490px;}

.vwPerf{ background-position: 0 -245px;}
.vwRep{ background-position: 0 -525px;}


.carMenuDefault{ background:url(http://www.autowerksofamerica.com/images/menuBack.jpg) repeat-x; height:31px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border:solid 2px #aaa; margin:0 60px 15px 0; width:525px; float: right; none; }
.carMenuDefault{background /*\**/: url(http://www.autowerksofamerica.com/images/menuBack2.jpg) no-repeat\9; border /*\**/: solid 0px #aaa\9; width /*\**/: 530px\9; padding-top /*\**/: 2px\9; padding-bottom /*\**/: 2px\9; }

.carMenuDefault li{ float:left; height:31px; margin-left: 0; list-style: none;}
.carMenuDefault li a{ background-image:url(http://www.autowerksofamerica.com/images/carBrands.png); background-repeat:no-repeat; height:31px; display:block;}
.audiDefault{ width:89px; }
.bmwDefault{ width:83px; background-position:-91px 0;}
.mercDefault{ width:110px; background-position:-174px 0;}
.miniDefault{ width:80px; background-position:-372px 0;}
.vwDefault{ width:60px; background-position:-473px 0;}

.carMenuBack{background: url(http://www.autowerksofamerica.com/images/carMBack.jpg) no-repeat 10px 0px;}


/* left shop nav */
ul#shop{margin:-17px 0 0 13px; font-size:13px; font-weight: bold;}
ul#shop2{margin:-32px 0 0 13px; font-size:13px;font-weight: bold;}
ul#shop2{margin /*\**/: -17px 0 0 13px;\9}
ul#shop4{margin:-02px 0 0 13px; font-size:13px; font-weight: bold;}



/* this style is for pages that don't have the menu */
ul#shop3{margin:33px 0 0 13px; font-size:13px; font-weight: bold;}

ul#shop li, ul#shop2 li, ul#shop3 li, ul#shop4 li{ float:left; list-style: none; margin-left: 0;}
ul#shop a, ul#shop2 a, ul#shop3 a, ul#shop4 a{ color:#FFF; font-style:italic; text-decoration:none; height:20px; display:block; padding:2px 10px 0 0; margin-right:8px; font-size: 11px;}
ul#shop a.magic, ul#shop2 a.magic, ul#shop3 a.magic, ul#shop4 a.magic{ background:url(http://www.autowerksofamerica.com/images/cart.jpg) no-repeat; width:148px; height:20px; }




/* left nav */
ul#leftMenu{ width:229px; clear:both; margin:1px 0 0 8px; z-index: 400; position: relative;}
*+html ul#leftMenu {/*if IE */ margin:23px 0 0 8px;}
ul#leftMenu li{ width:229px; background-repeat:no-repeat; list-style: none; margin-left: 0;}

.replace{ background-image:url(http://www.autowerksofamerica.com/images/replacementParts.jpg); height:48px;}
.performance{ background-image:url(http://www.autowerksofamerica.com/images/performanceParts.jpg); height:42px;}
.carCare{ background-image:url(http://www.autowerksofamerica.com/images/carCare.jpg); height:22px;}
.automo{ background-image: url(http://www.autowerksofamerica.com/images/automobilia.jpg); height:18px;}
.apparel{ background-image:url(http://www.autowerksofamerica.com/images/apparel.jpg); height:18px;}
.toolsaccessories{ background-image:url(http://www.autowerksofamerica.com/images/tools-accessories.jpg); height:18px;}
.cart{ background-image:url(http://www.autowerksofamerica.com/images/cartLeftMenu.jpg); height:18px;}
.bot{ background:url(http://www.autowerksofamerica.com/images/lMenuBot.jpg); height:59px;}

.replaceMentEx{height:48px;background:url(http://www.autowerksofamerica.com/images/replacementExhaust.jpg) no-repeat; }
.performanceEx{background:url(http://www.autowerksofamerica.com/images/performanceExhaust.jpg) no-repeat;height:42px;}

.replaceMentIn{height:48px;background:url(http://www.autowerksofamerica.com/images/replacementIntake.jpg) no-repeat; }
.performanceIn{background:url(http://www.autowerksofamerica.com/images/performanceIntake.jpg) no-repeat;height:42px;}

.performanceSeat{background:url(http://www.autowerksofamerica.com/images/performanceSeat.jpg) no-repeat;height:42px;}

.replaceMentSteer{background-image:url(http://www.autowerksofamerica.com/images/replacementSteer.jpg); height:48px;}
.performanceSteer{background:url(http://www.autowerksofamerica.com/images/performanceSteer.jpg) no-repeat;height:42px;}

.performanceKnob{background:url(http://www.autowerksofamerica.com/images/performanceKnob.jpg) no-repeat;height:42px;}

.performancePedal{background:url(http://www.autowerksofamerica.com/images/performancePedal.jpg) no-repeat;height:42px;}

.replaceMentShift{background-image:url(http://www.autowerksofamerica.com/images/replaceMentShift.jpg); height:48px;}
.performanceShift{background:url(http://www.autowerksofamerica.com/images/performanceShift.jpg) no-repeat;height:42px;}



/* side content styles */
.freeShip{background:url(http://www.autowerksofamerica.com/images/FREE_SHIPPING.png) no-repeat; width:206px; height:56px; margin:-3px 0 0 21px;}
.tollFree{ background:url(http://www.autowerksofamerica.com/images/callTollFree.png) no-repeat; width:180px; height:78px; margin:23px 0 20px 32px;}
.credit{ background:url(http://www.autowerksofamerica.com/images/credtCards.png) no-repeat; width:176px; height:30px; margin:30px 0 30px 34px ;}
.sema{background:url(http://www.autowerksofamerica.com/images/SEMA.png) no-repeat; width:50px; height:77px; margin:-20px 0 30px 98px;}




/* content-area format styles */
.textBox{-moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px; background:#454545 url(http://www.autowerksofamerica.com/images/textBoxBack.jpg) repeat-x; min-height:100px; padding:6px; border:solid 3px #454545; }
.textBox h1 {text-align: center; font-style:italic; font-size:20px; font-weight:bold; letter-spacing:.03em; line-height: 1em; color:#FFF; padding:10px 0 0 5px;}
.textBox h2 {text-align: left; font-style:italic; font-size:12px; font-weight:normal; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
.textBox h3 {text-align: center; font-style:italic; font-size:15px; font-weight:normal; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
.textBox h4 {text-align: center; font-style:italic; font-size:12px; font-weight:normal; letter-spacing:.03em; color:#ffff00; padding:10px 0 0 5px; font-weight: bold}
.textBox h5 {text-align: center; font-family: "Script MT Bold"; font-size:18px; font-weight:bold; letter-spacing:.03em; color:#e30c11; padding:10px 0 0 5px; font-weight: bold}
.textBox p  {color:#FFF}


.textBox p  {color:#ccc;}
.alignleft{}
.alignright{}




.textBoxBlack h1 {text-align: center; font-style:italic; font-size:20px; font-weight:bold; letter-spacing:.03em; line-height: 1em; color:#FFF; padding:10px 0 0 5px;}
.textBoxBlack h2 {text-align: left; font-style:italic; font-size:12px; font-weight:normal; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
.textBoxBlack h3 {text-align: center; font-style:italic; font-size:15px; font-weight:normal; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
.textBoxBlack h4 {text-align: center; font-style:italic; font-size:12px; font-weight:normal; letter-spacing:.03em; color:#ffff00; padding:10px 0 0 5px; font-weight: bold}
.textBoxBlack h5 {text-align: center; font-family: "Script MT Bold"; font-size:18px; font-weight:bold; letter-spacing:.03em; color:#e30c11; padding:10px 0 0 5px; font-weight: bold}
.textBoxBlack p  {color:#FFF}


.textBoxBlack p  {color:#ccc;}




/*footer styles */
#footer p { font-size:10px; text-align:center; color:#CCC;}



/* intake page custom logos... aka logoland! */
.intakeIcons{margin-top: 30px;}
.intakeIcons li { float: left; padding:0; margin: 0; list-style: none; margin-right: 12px; margin-bottom: 	10px;}
.intakeIcons a{width: 145px; height: 97px; border:solid 3px #454545;}

.kn a{background:url(http://www.autowerksofamerica.com/images/kn.jpg) no-repeat;}
.aem a{background:url(http://www.autowerksofamerica.com/images/aem.jpg) no-repeat;  margin-right: 0px;}
.spectre a{ background:url(http://www.autowerksofamerica.com/images/spectre.png) no-repeat;  margin-left: 168px;}
.fujita a{ background:url(http://www.autowerksofamerica.com/images/fujita.jpg) no-repeat;}

.forOemintake{width: 180px; height: 180px; background:url(http://www.autowerksofamerica.com/images/clickOEMintake.jpg); margin:253px auto 10px auto; border:solid 3px #454545; }
.inBot{background:url(http://www.autowerksofamerica.com/images/intakeBottom.png) no-repeat; width: 468px; height: 327px; margin-top: 3em; margin-left: 20px:}




/* interior & exterior page custom logos... aka logoland 2! */
.InteriorExteriorIcons{margin-top: 30px;}
.InteriorExteriorIcons li { float: left; padding:0; margin: 0; list-style: none; margin-right: 12px; margin-bottom: 	10px;}
.InteriorExteriorIcons a{width: 145px; height: 97px; border:solid 3px #454545;}

.sparco a{background:url(http://www.autowerksofamerica.com/images/sparco.jpg) no-repeat; margin-left: 7px;}
.momo a{ background:url(http://www.autowerksofamerica.com/images/momo.jpg) no-repeat;}
.procar a{background:url(http://www.autowerksofamerica.com/images/procar.jpg) no-repeat;  margin-right: 0px;}
.scover a{background:url(http://www.autowerksofamerica.com/images/scover.jpg) no-repeat; margin-left: 87px;}
.rci a{ background:url(http://www.autowerksofamerica.com/images/rci.jpg) no-repeat;}
.shutt a{background:url(http://www.autowerksofamerica.com/images/shutt.jpg) no-repeat;  margin-right: 0px;}
.grant a{ background:url(http://www.autowerksofamerica.com/images/grant.jpg) no-repeat; margin-left: 87px;}
.steercover a{ background:url(http://www.autowerksofamerica.com/images/steercover.jpg) no-repeat;}
.grantcenter a{ background:url(http://www.autowerksofamerica.com/images/grant.jpg) no-repeat; margin-left: 170px;}
.shuttcenter a{ background:url(http://www.autowerksofamerica.com/images/shutt.jpg) no-repeat; margin-left: 170px;}
.lloyd a{background:url(http://www.autowerksofamerica.com/images/lloyd.jpg) no-repeat; margin-left: 7px;}
.highland a{ background:url(http://www.autowerksofamerica.com/images/highland.jpg) no-repeat;}
.weathertech a{background:url(http://www.autowerksofamerica.com/images/weathertech.jpg) no-repeat;  margin-right: 0px;}
.nifty a{background:url(http://www.autowerksofamerica.com/images/nifty.jpg) no-repeat; margin-left: 87px;}
.customfm a{ background:url(http://www.autowerksofamerica.com/images/customfm.jpg) no-repeat;}
.bm a{background:url(http://www.autowerksofamerica.com/images/bm.jpg) no-repeat; margin-left: 7px;}
.mantis-SSK a{ background:url(http://www.autowerksofamerica.com/itemimages/mantis/MS944SSKt.jpg) no-repeat; }
.mantis-ShifterKit a{ background:url(http://www.autowerksofamerica.com/itemimages/mantis/MS944SHIFTERKITt.jpg) no-repeat; }
.schnell a{background:url(http://www.autowerksofamerica.com/images/schnell.jpg) no-repeat; margin-left: 170px;}
.nrg a{background:url(http://www.autowerksofamerica.com/images/nrg.jpg) no-repeat;  margin-right: 0px;}


.suggest{width: 95px; height: 130px; margin:5px auto 5px auto; border:solid 3px #454545; }

.steerAdaptor{width: 180px; height: 120px; background:url(http://www.autowerksofamerica.com/images/steerAdaptor.jpg); margin:15px auto 10px auto; border:solid 3px #454545; }
.boot{width: 180px; height: 120px; background:url(http://www.autowerksofamerica.com/images/shiftBoot.jpg); margin:10px auto 10px auto; border:solid 3px #454545; }
.eBrake{width: 180px; height: 120px; background:url(http://www.autowerksofamerica.com/images/eBrake.jpg); margin:10px auto 10px auto; border:solid 3px #454545; }

.forOemsteer{width: 180px; height: 180px; background:url(http://www.autowerksofamerica.com/images/clickOEMsteer.jpg); margin:30px auto 10px auto; border:solid 3px #454545; }
.forOemTrans{width: 180px; height: 180px; background:url(http://www.autowerksofamerica.com/images/clickOEMtransmission.jpg); margin:133px auto 10px auto; border:solid 3px #454545; }

.seatBot{background:url(http://www.autowerksofamerica.com/images/seatBottom.png) no-repeat; width: 468px; height: 175px; margin-top: 3em; margin-left: 35px;}
.shiftBot{background:url(http://www.autowerksofamerica.com/images/placeholder.jpg) no-repeat; width: 468px; height: 175px; margin-top: 3em; margin-left: 35px;}
.shuttBot{background:url(http://www.autowerksofamerica.com/itemimages/shutt/Shutt_VX4_Uso.jpg) no-repeat; width: 450px; height: 300px; margin-top: 3em; margin-left: 35px; border:solid 3px #454545; }
.sparcoBot{background:url(http://www.autowerksofamerica.com/itemimages/sparco/sparco-int.jpg) no-repeat; width: 450px; height: 300px; margin-top: 3em; margin-left: 35px; border:solid 3px #454545; }



/* exhaust page custom logos... aka logoland 3! */
.exhaustIcons{margin-top: 30px;}
.exhaustIcons li { float: left; padding:0; margin: 0; list-style: none; margin-right: 12px; margin-bottom: 	10px;}
.exhaustIcons a{width: 145px; height: 97px; border:solid 3px #454545;}

.afe a{ background:url(http://www.autowerksofamerica.com/images/aFe.jpg) no-repeat;  margin-left: 7px;}
.magnaflow a{background: url(http://www.autowerksofamerica.com/images/Magnaflow.jpg) no-repeat;}
.remus a{background:url(http://www.autowerksofamerica.com/images/Remus.jpg) no-repeat;  margin-right: 0px;}
.fabspeed a{background: url(http://www.autowerksofamerica.com/images/fabspeed.jpg) no-repeat; margin-left: 87px;}
.borla a{background: url(http://www.autowerksofamerica.com/images/borla.jpg) no-repeat;}

.forOem{width: 180px; height: 180px; background:url(http://www.autowerksofamerica.com/images/clickOEM.jpg); margin:253px auto 10px auto; border:solid 3px #454545; }
.exBot{background:url(http://www.autowerksofamerica.com/images/exhaustBottom.png) no-repeat; width: 468px; height: 327px; margin-top: 3em; margin-left: 20px;}

.searchBTNS{width: 157px; float: left; margin-left: 5px;}
.searchBTNS li{ margin-bottom: 5px;}

.searchBTNS1{width: 150px; float: left; margin-left: 182px;}
.searchBTNS1 li{ margin-bottom: 5px; margin-left: 5px;}

.searchBTNS2{width: 150px; float: left; margin-left: 87px;}
.searchBTNS2 li{ margin-bottom: 5px; margin-left: 5px;}





/* single product template */

.prodBox{background: #333; padding: 6px;}
.prodBox h1{ font-size: 26px; color: #F7D132; font-weight: normal; padding: 5px 5px 20px 5px;	}
.prodImage{float: left; margin: 0 10px 0 0; text-align: center;}
.prodDesc{ margin-left: 150px; padding:0; line-height: 2em; color: #DEDEDE;}

.actionMenu{float: right; background: #f5f5f5; width:107px; height:110px; color: black; padding:5px; text-align: right;}
.partsellprice{color: red; margin-bottom: px; display: block;	}
.yellowbuttonbigbig {background:transparent url(http://www.autowerksofamerica.com/images/yellowbuttonbigbigbg.gif) no-repeat scroll -2px -1px; border:1px solid #333; color:#DEDEDE; font-size:12px; font-weight:normal; height:20px; margin-top: 6px; vertical-align:middle; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0px 14px;}
.bodytable{width:100%; display: block; text-align: center; padding:8px 0; background: #222; font-size:11px;}
.wishStuff{padding: 10px; margin:20px; padding: 20px 0; color: black; background: #fff;}
.wishStuff li{list-style: none; background: transparent url(http://www.autowerksofamerica.com/images/icon_rightarrowblue.gif) no-repeat scroll 7px center; padding-left: 30px;}
.partstock{color: red; font-weight: bold;}
.itemwhdlist{color: #090; font-weight:bold;}
.itemwhdlist strong{color: black;}
.prodImage span{text-align: center; width: 100%; margin-top: 4px; display: block; font-size: 11px;}



/* REAL singleProd */
body.singleProd .siteWidth 
.textBox h1 {text-align: center; font-style:italic; font-size:20px; font-weight:bold; letter-spacing:.03em; line-height: 1em; color:#FFF; padding:10px 0 0 5px;}
.textBox h2{text-align: left; font-style:italic; font-size:12px; font-weight:normal; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
.textBox h3 {text-align: center; font-style:italic; font-size:15px; font-weight:normal; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
.textBox h4 {text-align: center; font-style:italic; font-size:12px; font-weight:normal; letter-spacing:.03em; color:#ffff00; padding:10px 0 0 5px; font-weight: bold}
.textBox p {color:#FFF}



/* multi-product template */

h1.multiProd{text-align: center; font-style:italic; font-size:20px; letter-spacing:.03em; line-height: 1.3em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
h2.multiProd{text-align:center; font-style:italic; font-size:15px; font-weight: bold; letter-spacing:.03em; color:#FFF; padding:20px 0 10px 0; }
h3.multiProd{text-align: left; font-style:italic; font-size:12px; font-weight: bold; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; }
h4.multiProd{text-align: center; font-style:italic; font-size:12px; letter-spacing:.03em; color:#ffff00; padding:10px 0 10px 5px; font-weight: bold}
h5.multiProd{text-align: center; font-family: "Script MT Bold"; font-size:18px; letter-spacing:.03em; color:#e30c11; padding:10px 0 0 5px; font-weight: bold}

ul.multiProd{ margin-left: 20px;}
ul.multiProd li{float: left; padding:0; margin: 0; list-style: none; width: 164px; margin: 0 5px 20px 0;}
ul.multiProd1{ margin-left: 190px;}
ul.multiProd1 li{float: left; padding:0; margin: 0; list-style: none; width: 164px; margin: 0 5px 20px 0;}
ul.multiProd2{ margin-left: 107px;}
ul.multiProd2 li{float: left; padding:0; margin: 0; list-style: none; width: 164px; margin: 0 5px 20px 0;}




/****** this thing controls the size of the thumbnails */
.multiProd img { width: 95px; height:130px; display: block; margin: 0 auto 6px auto;}
.multiProd span{display: block; text-align: center; font-size: 11px;}
.multiProd1 img{ width: 95px; height:130px; display: block; margin: 0 auto 6px auto;}
.multiProd1 span{display: block; text-align: center; font-size: 11px;}
.multiProd2 img{ width: 95px; height:130px; display: block; margin: 0 auto 6px auto;}
.multiProd2 span{display: block; text-align: center; font-size: 11px;}



/* wheel page */

h1.wheel{text-align: center; font-style:italic; font-size:20px; letter-spacing:.03em; line-height: 1.3em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
h2.wheel{text-align:center; font-style:italic; font-size:15px; font-weight: bold; letter-spacing:.03em; color:#FFF; padding:20px 0 40px 0; }
h3.wheel{text-align: left; font-style:italic; font-size:12px; font-weight: bold; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; }
h4.wheel{text-align: center; font-style:italic; font-size:12px; letter-spacing:.03em; color:#ffff00; padding:10px 0 10px 5px; font-weight: bold}
h5.wheel{text-align: center; font-family: "Script MT Bold"; font-size:18px; letter-spacing:.03em; color:#e30c11; padding:10px 0 0 5px; font-weight: bold}

ul.wheel{ margin-left: 2px;}
ul.wheel li{float: left; padding:0; margin: 0; list-style: none; width: 100px; margin: 0 5px 20px 0;}
ul.wheel1{ margin-left: 212px;}
ul.wheel1 li{float: left; padding:0; margin: 0; list-style: none; width: 100px; margin: 0 5px 20px 0;}
ul.wheel2{ margin-left: 160px;}
ul.wheel2 li{float: left; padding:0; margin: 0; list-style: none; width: 100px; margin: 0 5px 20px 0;}
ul.wheel3{ margin-left: 107px;}
ul.wheel3 li{float: left; padding:0; margin: 0; list-style: none; width: 100px; margin: 0 5px 20px 0;}
ul.wheel4{ margin-left: 54px;}
ul.wheel4 li{float: left; padding:0; margin: 0; list-style: none; width: 100px; margin: 0 5px 20px 0;}

/****** this thing controls the size of the thumbnails */
.wheel img{ width: 90px; height:90px; display: block; margin: 0 auto 5px auto;}
.wheel span{display: block; text-align: center; font-size: 11px;}
.wheel1 img{ width: 90px; height:90px; display: block; margin: 0 auto 5px auto;}
.wheel1 span{display: block; text-align: center; font-size: 11px;}
.wheel2 img{ width: 90px; height:90px; display: block; margin: 0 auto 5px auto;}
.wheel2 span{display: block; text-align: center; font-size: 11px;}
.wheel3 img{ width: 90px; height:90px; display: block; margin: 0 auto 5px auto;}
.wheel3 span{display: block; text-align: center; font-size: 11px;}
.wheel4 img{ width: 90px; height:90px; display: block; margin: 0 auto 5px auto;}
.wheel4 span{display: block; text-align: center; font-size: 11px;}



/*  Category Pages  */

h1.category{text-align: center; font-style:italic; font-size:20px; letter-spacing:.03em; line-height: 1.3em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
h2.category{text-align:center; font-style:italic; font-size:15px; font-weight: bold; letter-spacing:.03em; color:#FFF; padding:20px 0 0px 0; }
h3.category{text-align: left; font-style:italic; font-size:12px; font-weight: bold; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; }
h4.category{text-align: center; font-style:italic; font-size:12px; letter-spacing:.03em; color:#ffff00; padding:10px 0 10px 5px; font-weight: bold}
h5.category{text-align: center; font-family: "Script MT Bold"; font-size:18px; letter-spacing:.03em; color:#e30c11; padding:10px 0 0 5px; font-weight: bold}

ul.category{ margin-left: 20px;}
ul.category li{float: left; padding:0; margin: 0; list-style: none; width: 164px; margin: 0 5px 20px 0;}

ul.category1{ margin-left: 190px;}
ul.category1 li{float: left; padding:0; margin: 0; list-style: none; width: 164px; margin: 0 5px 20px 0;}

ul.category2{ margin-left: 107px;}
ul.category2 li{float: left; padding:0; margin: 0; list-style: none; width: 164px; margin: 0 5px 20px 0;}


/****** this thing controls the size of the thumbnails */
.category img{ align:center; width: 130px; height:178px; display: block; margin: 0 auto 6px auto; border:3px solid #FFF;}
.category span{display: block; text-align: center; font-size: 11px;}

.category1 img{ align:center; width: 130px; height:178px; display: block; margin: 0 auto 6px auto; border:3px solid #FFF;}
.category1 span{display: block; text-align: center; font-size: 11px;}

.category2 img{ align:center; width: 130px; height:178px; display: block; margin: 0 auto 6px auto; border:3px solid #FFF;}
.category2 span{display: block; text-align: center; font-size: 11px;}


/*  Links Page  */

h1.link{text-align: center; font-style:italic; font-size:20px; letter-spacing:.03em; line-height: 1.3em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
h2.link{text-align:center; font-style:italic; font-size:15px; font-weight: bold; letter-spacing:.03em; color:#FFF; padding:20px 0 40px 0; }
h3.link{text-align: left; font-style:italic; font-size:12px; font-weight: bold; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; }
h4.link{text-align: center; font-style:italic; font-size:12px; letter-spacing:.03em; color:#ffff00; padding:10px 0 10px 5px; font-weight: bold}
h5.link{text-align: center; font-family: "Script MT Bold"; font-size:18px; letter-spacing:.03em; color:#e30c11; padding:10px 0 0 5px; font-weight: bold}

ul.link{ margin-left: 20px;}
ul.link li{float: left; padding:0; margin: 0; list-style: none; width: 164px; margin: 0 5px 20px 0;}

ul.link1{ margin-left: 190px;}
ul.link1 li{float: left; padding:0; margin: 0; list-style: none; width: 164px; margin: 0 5px 20px 0;}

ul.link2{ margin-left: 107px;}
ul.link2 li{float: left; padding:0; margin: 0; list-style: none; width: 164px; margin: 0 5px 20px 0;}


/****** this thing controls the size of the thumbnails */
.link img{ align:center; width: 130px; height:130px; display: block; margin: 0 auto 6px auto; border:3px solid #FFF;}
.link span{display: block; text-align: center; font-size: 11px;}

.link1 img{ align:center; width: 130px; height:130px; display: block; margin: 0 auto 6px auto; border:3px solid #FFF;}
.link1 span{display: block; text-align: center; font-size: 11px;}

.link2 img{ align:center; width: 130px; height:130px; display: block; margin: 0 auto 6px auto; border:3px solid #FFF;}
.link2 span{display: block; text-align: center; font-size: 11px;}

/*******Specialty Pages*****/
#facebook-background {background-color: #131313; height:100%; width:100%; border:5px solid #131313;}

.faceBox{-moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px; background:#454545 url(http://www.autowerksofamerica.com/images/textBoxBack.jpg) repeat-x; min-height:100px; padding:6px; border:solid 3px #454545; margin: 0 10px 0 211px;}
.faceBox h1 {text-align: center; font-style:italic; font-size:20px; font-weight:bold; letter-spacing:.03em; line-height: 1em; color:#FFF; padding:10px 0 0 5px;}
.faceBox h2 {text-align: left; font-style:italic; font-size:12px; font-weight:normal; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
.faceBox h3 {text-align: center; font-style:italic; font-size:15px; font-weight:normal; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
.faceBox h4 {text-align: center; font-style:italic; font-size:12px; font-weight:normal; letter-spacing:.03em; color:#ffff00; padding:10px 0 0 5px; font-weight: bold}
.faceBox h5 {text-align: center; font-family: "Script MT Bold"; font-size:18px; font-weight:bold; letter-spacing:.03em; color:#e30c11; padding:10px 0 0 5px; font-weight: bold}
.faceBox p  {color:#FFF}

.faceBox p  {font-size: 12px; color:#ccc;}
.alignleft{}
.alignright{}



.faceBox1{ margin: 0 10px 0 10px;}
.faceBox1 h1 {text-align: center; font-style:italic; font-size:20px; font-weight:bold; letter-spacing:.03em; line-height: 1em; color:#FFF; padding:10px 0 0 5px;}
.faceBox1 h2 {text-align: left; font-style:italic; font-size:12px; font-weight:normal; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
.faceBox1 h3 {text-align: center; font-style:italic; font-size:15px; font-weight:normal; letter-spacing:.03em; color:#FFF; padding:10px 0 0 5px; font-weight: bold}
.faceBox1 h4 {text-align: center; font-style:italic; font-size:12px; font-weight:normal; letter-spacing:.03em; color:#ffff00; padding:10px 0 0 5px; font-weight: bold}
.faceBox1 h5 {text-align: center; font-family: "Script MT Bold"; font-size:18px; font-weight:bold; letter-spacing:.03em; color:#e30c11; padding:10px 0 0 5px; font-weight: bold}
.faceBox1 p  {color:#FFF}

.faceBox1 p  {font-size: 12px; color:#ccc;}
.alignleft{}
.alignright{}