* { margin: 0; padding: 0 }
body   { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align:center; overflow: -moz-scrollbars-vertical }
p    { color: #3c3c3c; font-size: 12px; line-height: 1.3em; padding-right: 10px; padding-bottom: 10px; padding-left: 10px }
h1  { color: #862324; font-size: 18px; line-height: 1.4em; padding-bottom: 10px; padding-left: 10px }
h2  { color: #862324; font-size: 13px; line-height: 1.4em; padding-right: 10px; padding-bottom: 10px; padding-left: 10px }
h3  { color: #862324; font-size: 12px; line-height: 1.4em; padding-right: 10px; padding-bottom: 10px; padding-left: 10px }
h4 { color: #862324; font-size: 13px; line-height: 1.4em; padding-right: 10px; padding-left: 10px }
a  { color: #862324 }
a:hover   { color: #238684 }
ul    { margin-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px ; }
li   { color: #3c3c3c; font-size: 12px; line-height: 1.3em; margin-left: 10px; padding-bottom: 5px ; list-style-type: disc; }
#page    { background: url(gen/bg.gif) repeat-y; text-align: left; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; width: 790px }
.top      { width: 770px; height: 82px }
.logo      { text-align: right; float: right; padding-top: 10px; padding-right: 10px; width: 450px }
.topNav        { color: #b8b8b8; font-size: 12px; line-height: 18px; font-family: "Trebuchet MS"; text-align: left; float: left; margin-top: 14px; padding-left: 10px; width: 250px }
.topNav a  { color: #707070; text-decoration: none }
.topNav a:hover  { color: #939393 }
.mainNav  { background: url(gen/navBg.gif) repeat-x; width: 770px; height: 40px }

.content       { background: url(gen/headShad.gif) repeat-x; margin-bottom: 10px; width: 770px; overflow: hidden }
.main2left { width: 560px; float: left; }
.sideL      { float: left; margin-left: 10px; width: 150px }
.sideL_lg { float: left; margin-left: 10px; width: 200px }
.sideR      { float: left; width: 200px; overflow: hidden }
.sideR_sm { width: 150px; float: left; overflow: hidden; }
.text    { float: left; padding-top: 10px; width: 400px; overflow: hidden }
.main2left .text { padding-top: 10px; width: 400px; float: right; overflow: hidden; }
.textLg { float: left; padding-top: 10px; width: 550px; overflow: hidden   }
.textLg3Bx { float: left; margin-left: 10px; width: 171px ; border: solid 1px gray; }
.boxRight       { background: url(box/200bg.gif) no-repeat; margin-top: 10px; margin-bottom: 0px; padding-top: 5px; padding-right: 1px; padding-left: 1px }
.picBox .boxLeft { background-image: url(box/150bgPic.gif); }
.picBox .boxLeft p { font-size: 11px; font-weight: 700; text-align: right; padding-top: 0; padding-bottom: 0; }
.boxLeft      { background: url(box/150bg.gif) no-repeat; margin-top: 10px; padding-top: 5px; padding-right: 1px; padding-left: 1px }
.boxLeft_lg { background: url(box/200bg.gif) no-repeat; margin-top: 10px; padding-top: 5px; padding-right: 1px; padding-left: 1px }
.boxRight p, .boxLeft p, .boxLeft_lg p { font-size: 12px; padding: 5px }
.boxRight h4, .boxLeft h4, .boxLeft_lg h4   { color: #444; font-weight: 100; font-size: 14px; line-height: 30px; background: #e7d3d3 repeat-y; letter-spacing: 0.05em; margin-right: 0px; padding-right: 0px; padding-left: 0px }
.boxRight h4 a, .boxLeft_lg h4 a  { text-decoration: none; background: url(box/topBg.gif) no-repeat; padding-left: 5px; width: 190px; display: block }
.boxLeft h4 a  { text-decoration: none; background: url(box/topBg.gif) no-repeat; padding-left: 5px; width: 140px; display: block }
.boxRight h4 a:hover, .boxLeft h4 a:hover, .boxLeft_lg h4 a:hover  { color: #862324; background: #e7d3d3 url(box/topBgRo.gif) }
h4.boxRightNoLinkH4 { padding-left: 5px }
.boxLink  { text-align: right }
.boxLink p    { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }
.frontOfferPic  { margin-left: 9px }
.splitL { float: left; margin-right: 20px; padding-right: 5px; border-right: 1px solid #c1c1c1; width: 94px }
.splitR { float: right; width: 85px }
.botFix { line-height: 0; }
.botNav { font-size: 11px; text-align: center; margin-bottom: 5px; }
.botNav a { text-decoration: none; }
.copyright  {  background-color: #862324; width: 770px }
.copyright p { color: #dadada; font-size: 11px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px }
.address { width: 770px }
.address p  { color: #9c9c9c; font-size: 11px; text-align: right; padding-top: 3px; padding-right: 10px; padding-bottom: 3px }
.pixel { width: 300px; float: left; }
.pixel p { color: #9c9c9c; font-size: 11px; text-align: left; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; }
.pixel a { color: #9c9c9c; font-size: 15px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: 700; text-decoration: none; }
.pixel a:hover { text-decoration: underline; }
.price { font-size: 30px }
.line { margin-right: 20px; margin-left: 20px; border-bottom: 1px solid #c1c1c1 }
.boxRight h2 { padding-top: 7px; padding-left: 5px }
.addressDetails  { margin-left: 10px }
.contactus label { text-align: right; vertical-align: top; float: left; margin-right: 10px; width: 175px }
input, textarea { padding: 5px; }
.submit input { margin-left: 185px }
.teamPic { margin-bottom: 10px; margin-left: 10px }
.offer  { background-color: #e6e6e6; margin-bottom: 20px; border: solid 1px #cdcdcd; width: 538px; height: 122px ; margin-left: 10px; }
.offer p b  { color: #494949; font-size: 14px; font-weight: 400; line-height: 16px; margin: 0; padding: 0  }
.offer p { color: #494949; font-size: 11px; line-height: 16px; margin: 0; padding: 0; }
.offer h5 { color: #494949; font-size: 16px ; font-weight: 700; }
.offerPic  { float: left; width: 180px; height: 120px ; overflow: hidden; margin-right: 10px; }
.offerTxt { width: 208px; height: 120px; float: left; }
.offerPrice { width: 140px; height: 120px; float: left; }
.offerDes     { float: left; width: 199px; height: 80px   }
.offerPriceP   { color: #2f8b89; font-style: italic; font-weight: bold; font-size: 26px; background-image: url(offer/greenGrad.gif); text-align: center; float: left; width: 60px ; height: 30px; padding-top: 90px; padding-right: 5px; padding-left: 5px; }
.offerPriceB { color: #862324; font-size: 26px; font-style: italic; font-weight: bold; background-image: url(offer/redGrad.gif); text-align: center; width: 60px; height: 30px; float: left; padding-top: 90px; padding-right: 5px; padding-left: 5px; }
.offerLinks   { text-align: right; float: left; margin-right: 0; padding-right: 0; width: 195px; height: 40px  ; padding-top: 10px; }
.offerLinks p { line-height: 14px; }
.offerLinks a { color: #707070 }
.offerLinks a:hover { color: #862324 }
.offerTab { width: 140px; height: 20px; margin-left: 408px; }
.offerTabP { color: #2f8b89; font-size: 12px; font-weight: 700; text-align: center; width: 70px; float: left; }
.offerPriceP a { color: #2f8b89; text-decoration: none; }
.offerPriceP a:hover { color: #50a8aa; }
.offerTabB { color: #862324; font-size: 12px; font-weight: 700; text-align: center; width: 70px; float: left; }
.offerPriceB a { color: #862324; text-decoration: none; }
.offerPriceB a:hover { color: #a23f43; }
.tandc { height: 150px; }
.personalTC { color: #2f8b89; font-size: 11px; background-color: #b1cccb; background-image: url(offer/personalTCBG.gif); width: 158px; height: 58px; float: left; margin-left: 308px; padding: 3px; border: solid 1px #b1cccb; }
.businessTC { color: #862324; font-size: 11px; background-color: #cbafaf; background-image: url(offer/businessTCBG.gif); margin-left: 382px; width: 158px; height: 58px; float: left; padding: 3px; border: solid 1px #cbafaf; }
.businessTCbar { background-color: #cbafaf; background-image: url(offer/businessBar.gif); background-repeat: repeat-x; width: 70px; height: 73px; float: left; margin-left: 4px; }

.offerQuote h1 { color: #862324; font-size: 16px; padding-left: 10px; }
.offerQuote label { text-align: right; vertical-align: top; float: left; margin-right: 10px; width: 75px }
.offerQuote1 { width: 265px; float: left; padding-right: 10px; border-right: 1px solid #862324; }
.offerQuote2 { width: 270px; float: left; }
.vehicleLabel { float: left; margin-top: 10px; }
.vehicle { color: #777; font-size: 13px; background-color: #f3f3f3; float: left; margin-bottom: 10px; padding: 10px; border: solid 1px #862324; }
.comparisonImg { margin-bottom: 5px; }
.cta a { font-size: 14px; font-weight: 700; line-height: 14px; background-repeat: no-repeat; width: 118px; height: 30px; margin-top: 5px; margin-left: 3px; padding-top: 8px; padding-left: 38px; display:block; }
#email.cta a { background-image: url(cta/email.gif); }
#email.cta a:hover { background-image: url(cta/emailRo.gif); }
#question.cta a { background-image: url(cta/question.gif); }
#question.cta a:hover { background-image: url(cta/questionRo.gif); }
#phone.cta a { background-image: url(cta/phone.gif); }
#phone.cta a:hover { background-image: url(cta/phoneRo.gif); }
#offer.cta a { background-image: url(cta/offer.gif); }
#offer.cta a:hover { background-image: url(cta/offerRo.gif); }

/********** < Navigation */
.nav-container {  }
#nav { padding:0; font-size:13px; background: url(gen/navDiv.gif)#862324; font-family: "Trebuchet MS"}

.nav-container ul { margin: 0px; padding: 0px; }
.nav-container li { margin: 0; padding: 0; list-style-type: none; }

/* ALL Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a { display:block; text-decoration:none; }
#nav a:hover {  }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/* 0 Level */
#nav li { float:left; }
#nav li.active a { }
#nav a { color: #e1e1e1; width:135px; float:left; padding:10px 0 14px; text-align: center; font-size: 15px; font-weight: bold; line-height:16px; background-image: url(gen/navDiv.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
#nav a.first { background-image: url(gen/navDiv1.gif); }
#nav a.home {text-indent: -5000px; background-image: url(gen/homeRo.gif); width:47px; }
#nav li.over a {  }
#nav a:hover { color: white;  background: #862324 url(gen/navHov.gif);  }
#nav a.first:hover { color: white;  background: #862324 url(gen/navHov1.gif);  }
#nav a.home:hover { background-image: url(gen/home.gif); }

/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-right: 0; }
/*#nav ul li.over { background:#d5e4eb url(../images/bkg_nav1.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }
#nav ul a,
#nav ul a:hover { background: teal; font-size: 12px; text-align: left; margin-right: 0; padding-top: 3px; padding-right: 0; padding-bottom: 2px; }
#nav ul li a { font-weight:normal !important; float:none; text-align: left; font-weight: none; background: url(#); width: auto; }

/* 2nd Level */
#nav ul { position:absolute; width:15em; top:40px; left:-10000px; border:solid 1px #899ba5; }

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }
#nav ul li a { color:#2f2f2f !important; background-color: #d3e7e6; background-image: none; }
#nav ul li a:hover { color:#2f2f2f !important; background-color: #a7cfce; background-image: none; }
#nav ul span, #nav ul li.last li span { background-image: none; padding:3px 15px 4px; }

/* 3rd+ Level */
#nav ul ul { top:5px; }
/********** Navigation > */

#nav:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

ul,ol         { list-style:none; }

