/* CSS Document */

/* BODY ELEMENTS **************************************************************/

html {overflow-y: scroll;}

* {margin: 0; padding: 0;}

body {background: url(../images/bk.jpg); background-position: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 19px; margin: 0; padding: 0;}

img {border: 0; display: block;}

ul {list-style-image: url(../images/bullet.gif); padding: 0 0 0 40px;}
ol {padding: 0 0 0 40px;}

/* LINKS **************************************************************/

a {color: #003399; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline;}
a:hover {text-decoration: none; color: #fab508;}

a.footer {font-size: 11px; color: #003399; text-decoration: none; line-height: 13px;}
a.footer:hover {color: #fab508; text-decoration: underline; line-height: 13px;}

a.small {color: #003399; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline;}
a.small:hover {text-decoration: none; color: #fab508;}

/* CONTAINERS **************************************************************/

#container {width: 962px; margin: auto;}
#header {width: 962px; height: 89px;}
#topnav {width: 962px; height: 47px; float: left;}
#specialist {width: 646px; height: 224px; float: left; background-color: #ffffff;}
.ie7 #tellmore {float: right; margin: -38px 19px 0 0; position: relative;}
.ie6 #tellmore {float: right; margin: -38px 10px 0 0; position: relative;}
.safari #tellmore {float: right; margin: -38px 19px 0 0; position: relative;}
#tellmore {float: right; margin: -38px 19px 0 0; position: relative;}
#knowsigns {float: left; width: 316px; height: 224px; background-color: #ffffff;}
#videos {float: left; margin: -38px 0 0 51px; position: relative;}
.ie7 #videos {float: left; margin: -38px 0 0 51px; position: relative;}
.ie6 #videos {float: left; margin: -38px 0 0 25px; position: relative;}
.safari #videos {float: left; margin: -38px 0 0 51px; position: relative;}
#pp {width: 464px; height: 232px; float: left; background: url(../images/pp_bg.gif);}
#search {width: 180px; height: 232px; float: left; background: url(../images/search_bg.gif);}
#links {width: 298px; height: 222px; float: left; background: url(../images/right_bg.gif); padding: 10px 0 0 20px;}
#spacer {width: 10px; height: 23px;}
.ie #spacer {width: 10px; height: 25px;}
.opera #spacer {width: 10px; height: 25px;}
.safari #spacer {width: 10px; height: 28px;}
.chrome #spacer {width: 10px; height: 23px;}
#footer {width: 940px; height: 148px; background: url(../images/footer_bg.jpg); float: left; padding: 29px 0 0 22px; color: #003399; font-size: 11px;}
#footeri {width: 940px; height: 148px; background: url(../images/footer_bg2.jpg); float: left; padding: 29px 0 0 22px; color: #003399; font-size: 11px;}
#footerlogo {float: right; margin-top: 16px;}
.ie #footerlogo {float: right; margin-top: 16px;}
#cars {width: 254px; height: 228px; float: left;}
#promo {width: 254px; height: 228px; float: left;}
#intro {width: 210px; float: left;}

#maincontent {width: 962px; background: url(../images/main_bg.gif); background-repeat: repeat-y; float: left;}
#titlegraphic {width: 962px; height: 46px; float: left;}
#mainleft {width: 175px; float: left;}
#mainmiddle {width: 525px; float: left; padding: 41px 33px 0 38px;}
#mainmiddleLG {width: 716px; float: left; padding: 41px 33px 0 38px;}

#mainright{width: 191px; height: 388px; float: left;}

#mainbottom {width: 962px; height: 22px; background: url(../images/main_bottom_bg.gif); float: left;}

#timbren1 {width: 175px; height: 127px; background: url(../images/timbren01.gif);}
#timbren2 {width: 163px; height: 63px; background: url(../images/timbren02.gif); padding-left: 12px; padding-top: 4px; line-height: 12px;}
#serviceslinks {width: 160px;}

#bottombox {width: 455px; height: 180px; border: 1px dashed #114a98; padding: 35px;}
#watchvideo {width: 98px; height: 52px; padding: 163px 0 0 77px;}

/* ROLLOVERS **************************************************************/

a.btn01 {width: 95px; height: 47px; display: block; background: url(../images/btn01.gif); float: left;}
a.btn01:hover {background-position: 0 -47px;}

a.btn02 {width: 81px; height: 47px; display: block; background: url(../images/btn02.gif); float: left;}
a.btn02:hover {background-position: 0 -47px;}

a.btn03 {width: 94px; height: 47px; display: block; background: url(../images/btn03.gif); float: left;}
a.btn03:hover {background-position: 0 -47px;}

a.btn04 {width: 119px; height: 47px; display: block; background: url(../images/btn04.gif); float: left;}
a.btn04:hover {background-position: 0 -47px;}

a.btn05 {width: 165px; height: 47px; display: block; background: url(../images/btn05.gif); float: left;}
a.btn05:hover {background-position: 0 -47px;}

a.btn06 {width: 93px; height: 47px; display: block; background: url(../images/btn06.gif); float: left;}
a.btn06:hover {background-position: 0 -47px;}

a.btn07 {width: 100px; height: 47px; display: block; background: url(../images/btn07.gif); float: left;}
a.btn07:hover {background-position: 0 -47px;}

a.btn08 {width: 101px; height: 47px; display: block; background: url(../images/btn08.gif); float: left;}
a.btn08:hover {background-position: 0 -47px;}

a.btn09 {width: 114px; height: 47px; display: block; background: url(../images/btn09.gif); float: left;}
a.btn09:hover {background-position: 0 -47px;}

a.btn10 {width: 114px; height: 47px; display: block; background: url(../images/btn10.gif); float: left;}
a.btn10:hover {background-position: 0 -47px;}



a.tellmore {width: 113px; height: 29px; display: block; background: url(../images/btn_tell_more.gif); float: left;}
a.tellmore:hover {background-position: 0 -29px;}

a.videos {width: 131px; height: 29px; display: block; background: url(../images/btn_videos.gif); float: left;}
a.videos:hover {background-position: 0 -29px;}

.search {width: 65px; height: 23px; display: block; background: url(../images/btn_search.gif); float: left; margin-top: 6px; border: 0; cursor: pointer;}
.search:hover {background-position: 0 -23px;}



a.brakes {width: 283px; height: 73px; display: block; background: url(../images/btn_brakes50.gif); float: left;}
a.brakes:hover {background-position: 0 -73px;}

a.etest {width: 283px; height: 73px; display: block; background: url(../images/btn_etest.gif); float: left;}
a.etest:hover {background-position: 0 -73px;}

a.mbrp {width: 283px; height: 72px; display: block; background: url(../images/btn_mbrp.gif); float: left;}
a.mbrp:hover {background-position: 0 -72px;}

a.align {width: 283px; height: 72px; display: block; background: url(../images/btn_alignment.gif); float: left;}
a.align:hover {background-position: 0 -72px;}

a.free {width: 283px; height: 71px; display: block; background: url(../images/btn_free.gif); float: left;}
a.free:hover {background-position: 0 -72px;}

a.driveclean {width: 283px; height: 72px; display: block; background: url(../images/btn_driveclean.gif); float: left;}
a.driveclean:hover {background-position: 0 -72px;}


a.leftnav {width: 152px; height: 24px; background: url(../images/btn_leftnav.gif); display: block; padding: 4px 0 0 23px; color: #114a98; text-decoration: none;}
a.leftnav:hover {background-position: 0 -28px; color: #114a98; text-decoration: none;}

.leftnav2 {width: 152px; height: 24px; background: url(../images/btn_leftnav2.gif); display: block; padding: 4px 0 0 23px; color: #114a98; text-decoration: none;}

a.watchvideo {width: 64px; height: 22px; background: url(../images/btn_watchvideo.gif); display: block;}
a.watchvideo:hover {background-position: 0 -22px;}



a.tv01 {width: 154px; height: 194px; display: block; background: url(../images/btn_tv01.jpg); border: 0; margin: auto;}
a.tv01:hover {background-position: 0 -194px;}

a.tv02 {width: 154px; height: 194px; display: block; background: url(../images/btn_tv02.jpg); border: 0; margin: auto;}
a.tv02:hover {background-position: 0 -194px;}

a.tv03 {width: 154px; height: 194px; display: block; background: url(../images/btn_tv03.jpg); border: 0; margin: auto;}
a.tv03:hover {background-position: 0 -194px;}

a.tv04 {width: 154px; height: 194px; display: block; background: url(../images/btn_tv04.jpg); border: 0; margin: auto;}
a.tv04:hover {background-position: 0 -194px;}

a.tv05 {width: 154px; height: 194px; display: block; background: url(../images/btn_tv05.jpg); border: 0; margin: auto;}
a.tv05:hover {background-position: 0 -194px;}

a.tv06 {width: 154px; height: 194px; display: block; background: url(../images/btn_tv06.jpg); border: 0; margin: auto;}
a.tv06:hover {background-position: 0 -194px;}

a.tv07 {width: 154px; height: 194px; display: block; background: url(../images/btn_tv07.jpg); border: 0; margin: auto;}
a.tv07:hover {background-position: 0 -194px;}

/* FORMS **************************************************************/

.dropbox {padding: 2px 2px 2px 2px; color: #003399; width: 125px;}
.formbox {padding: 3px; background-color: #fff9e9; border: 1px solid #a5acb2; color: #114a98; margin-bottom: 3px;}

.submit {width: 65px; height: 25px; border: 0; background: url(../images/btn_submit.gif); text-transform: uppercase; font-size: 11px; cursor: pointer; color: #FFFFFF; text-align: center;}
.submit:hover {color: #114a98; background-position: 0 -25px;}

/* TEXT **************************************************************/

.regtext {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #114a98; line-height: 23px;}
.smalltext {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; line-height: 15px;}
.regtext2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #114a98; line-height: 16px;}

/* TABLES **************************************************************/

td.dashed {border-top: 1px dashed #719dda;}
td.width {width: 59px;}

/* IMAGES **************************************************************/

img.padleft {padding-left: 25px; float: right;}
img.padright {padding-right: 15px; float: left;}

#padleft {padding-left: 25px; float: right;}

#coupon01 {visibility:hidden; height:1px; line-height:0px; overflow:hidden}
#coupon {visibility:visible; }