@charset "UTF-8";

body {
	margin: 20px;
	background:#000000 url(../images/bg.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#contentBg {
	text-align:center;
	margin-top:4px;
	clear: both;
}

#content {
	width:980px;
	margin: 0 auto;
	text-align: left;
	height:auto;
}

.contentTop {
	width:950px;
	height:14px;
	display:block;
	background:transparent url(../images/frame-top.jpg) no-repeat 0 0;
}

.contentMid {
	width:950px;
	display:block;
	background:transparent url(../images/frame-mid.jpg) repeat-y scroll 0 0;
}

.contentBottom {
	width:950px;
	height:51px;
	display:block;
	background:transparent url(../images/frame-bottom.jpg) no-repeat 0 0;
}

.contentInner {
	padding:8px;
}

.contentSection {
	height:550px;
	width:536px;
	padding-right:12px;
	overflow:auto;
}

.contentHeaderBox {
	width:500px;
	padding:0 0 20px 0;
}

.contentHeaderText {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}

.clear {
	clear:both;
}

.topBg {
	height:70px;
}

.topLogo {
	padding:14px 0px 0 20px;
}

.topMenuBg {
	float:left;
	width:700px;
}

.topInfo {
	text-align:right;
	margin-top:10px;
}

.topMenu {
	margin-left:246px;
	margin-top:14px;
}

.mainMenuBg {
	background:transparent url(../images/bg_nav.png) repeat-x scroll 0 0;
	display:block;
	height:38px;
	margin-left:5px;
	width:940px;
}

.mainMenuLine {
	background:transparent url(../images/pattern_checker_thin.png) repeat-x scroll 0 0;
	display:block;
	height:7px;
	margin-left:5px;
	width:940px;
}

a.navVBoxLeft, a.navVBoxLeft_a { display:block; float:left; width:149px; height:42px; background:url(../images/vehicle-box-menu-left.png); }
a.navVBoxLeft:hover { background:url(../images/vehicle-box-menu-left-off.png) 0 0; }
a.navVBoxLeft_a { background:url(../images/vehicle-box-menu-left.png) 0 0; }

a.navVBoxRight, a.navVBoxRight_a { display:block; float:left; width:195px; height:42px; background:url(../images/vehicle-box-menu-right-off.png); }
a.navVBoxRight:hover { background:url(../images/vehicle-box-menu-right.png) 0 0; }
a.navVBoxRight_a { background:url(../images/vehicle-box-menu-right.png) 0 0; }


a.navHome, a.navHome_a { display:block; float:left; width:67px; height:38px; background:url(../images/nav_home.jpg); }
a.navHome:hover { background:url(../images/nav_home.jpg) 0 38px; }
a.navHome_a { background:url(../images/nav_home.jpg) 0 0; }

a.navAbout, a.navAbout_a { display:block; float:left; width:93px; height:38px; background:url(../images/nav_about.jpg); }
a.navAbout:hover { background:url(../images/nav_about.jpg) 0 38px; }
a.navAbout_a { background:url(../images/nav_about.jpg) 0 0; }

a.navServices, a.navServices_a { display:block; float:left; width:88px; height:38px; background:url(../images/nav_services.jpg); }
a.navServices:hover { background:url(../images/nav_services.jpg) 0 38px; }
a.navServices_a { background:url(../images/nav_services.jpg) 0 0; }

a.navFacts, a.navFacts_a { display:block; float:left; width:93px; height:38px; background:url(../images/nav_facts.jpg); }
a.navFacts:hover { background:url(../images/nav_facts.jpg) 0 38px; }
a.navFacts_a { background:url(../images/nav_facts.jpg) 0 0; }

a.navNews, a.navNews_a { display:block; float:left; width:110px; height:38px; background:url(../images/nav_news.jpg); }
a.navNews:hover { background:url(../images/nav_news.jpg) 0 38px; }
a.navNews_a { background:url(../images/nav_news.jpg) 0 0; }

a.navTestimonials, a.navTestimonials_a { display:block; float:left; width:119px; height:38px; background:url(../images/nav_testimonials.jpg); }
a.navTestimonials:hover { background:url(../images/nav_testimonials.jpg) 0 38px; }
a.navTestimonials_a { background:url(../images/nav_testimonials.jpg) 0 0; }

a.navMailinglist, a.navMailinglist_a { display:block; float:left; width:111px; height:38px; background:url(../images/nav_mailinglist.jpg); }
a.navMailinglist:hover { background:url(../images/nav_mailinglist.jpg) 0 38px; }
a.navMailinglist_a { background:url(../images/nav_mailinglist.jpg) 0 0; }

a.navDirections, a.navDirections_a { display:block; float:left; width:105px; height:38px; background:url(../images/nav_directions.jpg); }
a.navDirections:hover { background:url(../images/nav_directions.jpg) 0 38px; }
a.navDirections_a { background:url(../images/nav_directions.jpg) 0 0; }

a.navContact, a.navContact_a { display:block; float:left; width:103px; height:38px; background:url(../images/nav_contact.jpg); }
a.navContact:hover { background:url(../images/nav_contact.jpg) 0 38px; }
a.navContact_a { background:url(../images/nav_contact.jpg) 0 0; }


a.certsOIS, a.certsOIS_a { display:block; float:left; width:102px; height:52px; background:url(../images/ac-delco-set.gif); }
a.certsOIS:hover { background:url(../images/ac-delco-set.gif) 0 52px; }
a.certsOIS_a { background:url(../images/ac-delco-set.gif) 0 0; }

a.certsASE, a.certsASE_a { display:block; float:left; width:51px; height:52px; background:url(../images/certs_ase.jpg); }
a.certsASE:hover { background:url(../images/certs_ase.jpg) 0 52px; }
a.certsASE_a { background:url(../images/certs_ase.jpg) 0 0; }

a.certsATSG, a.certsATSG_a { display:block; float:left; width:102px; height:52px; background:url(../images/jasper-logo-set.gif); }
a.certsATSG:hover { background:url(../images/jasper-logo-set.gif) 0 52px; }
a.certsATSG_a { background:url(../images/jasper-logo-set.gif) 0 0; }

a.certsAASP, a.certsAASP_a { display:block; float:left; width:103px; height:52px; background:url(../images/certs_aasp.jpg); }
a.certsAASP:hover { background:url(../images/certs_aasp.jpg) 0 52px; }
a.certsAASP_a { background:url(../images/certs_aasp.jpg) 0 0; }

.certsSpace { margin-left:20px; }



a.copy, a.copy:active, a.copy:visited {
	color: #333333;
	text-decoration: underline;
}

a.copy:hover {
	color: red;
	text-decoration: underline;
}


.leftCol {
	width:344px;
	padding-left:4px;
	float:left;
}

.rightCol {
	width:577px;
	margin-left:6px;
	float:left;
}

.vehicleCenterBg {
	width:344px;
	display:block;
}

.promoFacts {
	margin-top:5px;
	height:94px;
}

.newsletterBg {
	background:transparent url(../images/newsletter-bg.jpg) no-repeat 0 0;
	display:block;
	height:143px;
	width:344px;
	margin-top:9px;
}

.promoLargeBg {
	background:transparent url(../images/promo-large-bg.jpg) no-repeat 0 0;
	display:block;
	height:288px;
	width:577px;
	padding:6px 0 0 6px;
}

.serviceListBg {
	float:left;
	width:365px;
	height:337px;
	background:transparent url(../images/service-list-bg.jpg) no-repeat 0 0;
}

a.serviceList, a.serviceList:active, a.serviceList:visited {
	color: #000000;
	font-size:12px;
	text-decoration: underline;
	padding: 2px 2px 2px 18px;
	background: transparent url(../images/bullet_services.png) left center no-repeat;
}
	
a.serviceList:hover {
	color: #fe0000;
	text-decoration: underline;
	padding: 2px 2px 2px 18px;
	background: transparent url(../images/bullet_services_over.png) left center no-repeat;
}

.serviceListInner {
	margin:55px 0 0 24px;
}

.serviceListInnerLeft {
	float:left;
	width:170px;
	line-height:1.8em;
}

.serviceListInnerRight {
	float:left;
	width:160px;
	line-height:1.8em;
}

.testimonialBg {
	float:left;
	width:204px;
	height:338px;
	margin-left:8px;
	background:transparent url(../images/testimonials-bg.jpg) no-repeat 0 0;
}

.testimonialImage {
	padding:12px 0 0 10px;
}

.testimonialText {
	color:#ffffff;
	width:172px;
	margin:52px 0 0 14px;
}

.testimonialTextHeader {
	font-weight:bold;
	margin-bottom:5px;
}

.footerInInner {
	padding:5px 0 0 8px;
	margin-bottom:8px;
}

.footerInInner .box1, .footerInInner .box2, .footerInInner .box3 {
	float:left;
}

.footerInInner .box1 {
	margin:20px 0 0 8px;
	font-size:11px;
	font-style:italic;
	color:#666666;
}

.footerInInner .box2 {
	margin:0 0 0 2px;
}

.footerInInner .box3 {
	float:left;
	margin-left:30px;
	padding-left:30px;
	border-left:1px solid #666666;
	font-size:11px;
	font-style:italic;
	line-height:1.5em;
}

.footerInInner .box3 .line1 {
	color:#666666;
}
 
.footerInInner .box3 .line2 {
	color:#999999;
	margin-top:4px;
}


.footerGrayMenu {
	padding:22px 0 0 16px;
	float:left;
}

.footerGrayText {
	float:left;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#999999;
	width:480px;
	margin:23px 0 0 16px;
	text-align:right;
}

a.footerGray1, a.footerGray1:active, a.footerGray1:visited {
	color: #996699;
	font-size:11px;
	text-decoration: underline;
	padding: 2px 2px 2px 22px;
	background: transparent url(../images/bullet-footer1.jpg) left center no-repeat;
}
	
a.footerGray1:hover {
	color: #ffffff;
	text-decoration: underline;
	padding: 2px 2px 2px 22px;
	background: transparent url(../images/bullet-footer1.jpg) left center no-repeat;
}

a.footerGray2, a.footerGray2:active, a.footerGray2:visited {
	color: #996699;
	font-size:11px;
	text-decoration: underline;
	padding: 2px 2px 2px 15px;
	margin-left:8px;
	background: transparent url(../images/bullet-footer2.jpg) left center no-repeat;
}
	
a.footerGray2:hover {
	color: #ffffff;
	text-decoration: underline;
	padding: 2px 2px 2px 15px;
	margin-left:8px;
	background: transparent url(../images/bullet-footer2.jpg) left center no-repeat;
}

a.footerGray3, a.footerGray3:active, a.footerGray3:visited {
	color: #996699;
	font-size:11px;
	text-decoration: underline;
	padding: 2px 2px 2px 30px;
	margin-left:8px;
	background: transparent url(../images/bullet-footer3.jpg) left center no-repeat;
}
	
a.footerGray3:hover {
	color: #ffffff;
	text-decoration: underline;
	padding: 2px 2px 2px 30px;
	margin-left:8px;
	background: transparent url(../images/bullet-footer3.jpg) left center no-repeat;
}

.footerBottomMenu {
	padding:22px 0 0 4px;
}

.footerBottomText {
	color: #ffffff;
	font-size:11px;
	margin-top:20px;
}

a.footerBottom, a.footerBottom:active, a.footerBottom:visited {
	color: #ffffff;
	font-size:11px;
	text-decoration: underline;
}

a.footerBottom:hover {
	color: red;
	text-decoration: underline;
}

.footerBottomTextLeft {
	float:left;
	width:346px;
}

.footerBottomTextRight {
	float:left;
	text-align:right;
	width:600px;
}

.errorBox {
	border: 1px solid red;
	padding:8px;
	color: red;
	margin-bottom:8px;
}

.vehicleFormBg {
	width:344px;
	height:300px;
	display:block;
	background:transparent url(../images/vehicle-box-bottom.jpg) no-repeat 0 0;
}

.vehicleForm {
	padding:16px 0 0 20px;
}

.vehicleFormStatus {
	padding:16px 0 0 32px;
}

a.newsletter, a.newsletter:active, a.newsletter:visited {
	color: #000000;
	font-size:12px;
	text-decoration: underline;
}
	
a.newsletter:hover {
	color: #fe0000;
	text-decoration: underline;
}

.copyBg {
	width:577px;
	height:631px;
	display:block;
	background:transparent url(../images/copy-bg.jpg) no-repeat 0 0;
}

.aboutServicesBg {
	width:216px;
	height:338px;
	display:block;
	margin-top:12px;
	background:transparent url(../images/about-services-bg.jpg) no-repeat 0 0;
}


/* jQuery Slideshow */

#slideshow {
    position:relative;
    height:275px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* Links */

a.topNav:link, a.topNav:active, a.topNav:visited {
	font-size: 10px;
	color: #81608e;
	text-decoration: underline;
}

a.topNav:hover {
	color: #ac83bc;
}


a.topNav1, a.topNav1:active, a.topNav1:visited {
	color: #81608e;
	height:17px;
	font-size:11px;
	text-decoration: underline;
	padding: 2px 2px 2px 22px;
	background: transparent url(../images/bullet-header1.jpg) left center no-repeat;
}
	
a.topNav1:hover {
	color: #ac83bc;
	height:17px;
	text-decoration: underline;
	padding: 2px 2px 2px 22px;
	background: transparent url(../images/bullet-header1.jpg) left center no-repeat;
}


a.topNav2, a.topNav2:active, a.topNav2:visited {
	color: #81608e;
	font-size:11px;
	text-decoration: underline;
	padding: 2px 2px 2px 13px;
	background: transparent url(../images/bullet-header2.jpg) left center no-repeat;
}
	
a.topNav2:hover {
	color: #ac83bc;
	text-decoration: underline;
	padding: 2px 2px 2px 13px;
	background: transparent url(../images/bullet-header2.jpg) left center no-repeat;
}


a.topNav3, a.topNav3:active, a.topNav3:visited {
	color: #81608e;
	font-size:11px;
	text-decoration: underline;
	padding: 2px 2px 2px 28px;
	background: transparent url(../images/bullet-header3.jpg) left center no-repeat;
}
	
a.topNav3:hover {
	color: #ac83bc;
	text-decoration: underline;
	padding: 2px 2px 2px 28px;
	background: transparent url(../images/bullet-header3.jpg) left center no-repeat;
}