/* CSS Document */

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

html {overflow-y: scroll; height: 100%;}

body {background: url(../images/bg.jpg) top center no-repeat; background-color: #d4d4d4; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #434343; line-height: 22px; background-attachment: fixed;}

* {margin: 0; padding: 0;}

img {display: block; border: 0;}

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

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

#mainBG {width: 100%; height: 100%; background: url(../images/bg.jpg) top center no-repeat; margin: auto; background-attachment: fixed;}

#container {width: 985px; margin: auto; background: url(../images/bg_scroll.gif) repeat-y; height: 100%;}
#topNav {width: 985px; height: 53px; float: left; background-color: #FFFFFF;}
#topMain {width: 985px; float: left; height: 192px;}
#topMaini {width: 985px; float: left; height: 183px;}
#left {width: 279px; float: left; height: 263px; background: url(../images/leftBG.gif) no-repeat; font-size: 16px; padding: 40px 0 0 42px;}
#lefti {width: 193px; float: left; background: url(../images/leftBG_i.gif) no-repeat; padding-left: 37px;}
#middle {width: 293px; height: 286px; background: url(../images/middleBG.gif) no-repeat; float: left; padding: 17px 0 0 15px;}
#middlei {width: 711px; background: url(../images/middleBG_i.gif) top no-repeat; float: left; padding: 26px 22px 0 22px;}
#right {width: 328px; height: 286px; background: url(../images/rightBG.gif) left top no-repeat; float: left; background-color: #FFFFFF; padding: 17px 0 0 28px;}
#footer {width: 952px; height: 143px; background: url(../images/footerBG.jpg); text-align: right; float: left; padding: 39px 33px 0 0;}
#whiteBG {width: 985px; background-color: #FFFFFF; float: left;}

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

h1 {color: #666; font-size: 15px; margin: 0;}

h2 {font-size: 17px; margin: 0;}

.footer {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; color: #FFFFFF;}

.smalltext {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #434343;}

.orangetext {color: #ef821c;}

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

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

a {font-family: Arial, Helvetica, sans-serif; color: #0033cc; text-decoration: none;}
a:hover {text-decoration: underline; color: #0172b6;}

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

a.navMain {height: 53px; float: left; display: block; background: url(../images/topNav.jpg);}

a.home {width: 123px;}
a.home:hover {background-position: 0 -53px;}
a.homeActive {background-position: 0 -53px; width: 123px;}

a.aboutus {width: 123px; background-position: 0 -106px}
a.aboutus:hover {background-position: 0 -159px;}
a.aboutusActive {background-position: 0 -159px; width: 123px;}

a.services {width: 123px; background-position: 0 -212px}
a.services:hover {background-position: 0 -265px;}
a.servicesActive {background-position: 0 -265px; width: 123px;}

a.warranties {width: 123px; background-position: 0 -318px}
a.warranties:hover {background-position: 0 -371px;}
a.warrantiesActive {background-position: 0 -371px; width: 123px;}

a.transmission {width: 124px; background-position: 0 -424px}
a.transmission:hover {background-position: 0 -477px;}
a.transmissionActive {background-position: 0 -477px; width: 124px;}

a.specials {width: 123px; background-position: 0 -530px}
a.specials:hover {background-position: 0 -583px;}
a.specialsActive {background-position: 0 -583px; width: 123px;}

a.faqs {width: 123px; background-position: 0 -636px}
a.faqs:hover {background-position: 0 -689px;}
a.faqsActive {background-position: 0 -689px; width: 123px;}

a.contact {width: 123px; background-position: 0 -742px}
a.contact:hover {background-position: 0 -795px;}
a.contactActive {background-position: 0 -795px; width: 123px;}


a.learnMore {width: 120px; height: 40px; display: block; background: url(../images/btn_learnMore.gif);}
a.learnMore:hover {background-position: 0 -40px;}

a.spotProblems {width: 120px; height: 40px; display: block; background: url(../images/btn_spotProblems.gif); margin-top: 1px;}
a.spotProblems:hover {background-position: 0 -40px;}

a.coupon {width: 120px; height: 40px; display: block; background: url(../images/btn_coupon.gif);}
a.coupon:hover {background-position: 0 -40px;}

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

.photoRight {float: right; text-align: center;}
img.paddingLeft {padding-left: 15px;}
img.paddingRight {padding-right: 15px;}

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

td.dashed {border-top: 1px dashed #d1d1d1;}

table.collapse {border-collapse: collapse;}
td.orange1 {padding: 5px; background-color: #ffcc33; border: 1px solid #FFFFFF;}
td.orange2 {padding: 5px; background-color: #ffff99; border: 1px solid #FFFFFF;}
td.grey {padding: 5px; background-color:#7a7a7a; color: #FFFFFF; border: 1px solid #FFFFFF;}

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

.formbox {padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #434343; background: url(../images/formPattern.gif); border: 1px solid #a9a9a9;}
.submit {width: 75px; background-color: #ffcc33; cursor: pointer; border: 1px solid #434343; text-transform: uppercase; height: 25px; font-size: 11px;}
.submit:hover {background-color: #434343; color: #FFFFFF;}