﻿html,body,ul,p,div,h1,h2{margin:0;padding:0;}
ul{list-style:none}
img{border:0;outline:0;}
a{border:0;outline:0;}
a:link, a:visited{color:Blue; text-decoration: underline;}
a:hover, a:active{color:Blue; text-decoration: underline;}
.clearBoth{clear: both;}
.floatRight{float: right;}
.right{text-align:right;}
.floatLeft{float: left;}
.left{text-align: left;}
.center{text-align:center; margin: 0 auto;}
.pad10{padding: 10px;}
.h{display: none;}
body{font-size:small; font-family:Arial; color: black; text-align:center; background: #DADADA url(/images/wraper-bg.gif) repeat-y scroll center top;}

div#wraper{width: 770px; text-align:right; margin:0 auto;background-color: #fff; }

div#header{clear: both; width: 770px; height: 93px; margin: 0 auto;}

/* BLACK MENU */
div#blackMenu{float: left; width: 610px; margin: 0; text-align: right; height: 25px; line-height: 25px; background: transparent url(/images/blackMenu-bg.gif) no-repeat left bottom;}
div#blackMenu ul{float: left; width: 580px; margin: 0; text-align:center; height: 25px; line-height: 25px; vertical-align:bottom; padding-left: 30px;}
div#blackMenu ul li{height: 25px; float: left;}
div#blackMenu ul li a{display: block; padding: 0 20px 0 0; margin-right: 26px; height: 25px; line-height:20px; color: #dedede; text-decoration: none;}
div#blackMenu ul li a:hover{color: #fff;}

div#blackMenu ul li a#q-home{float: left; background: transparent url(/images/q-home.gif) no-repeat right top;}
a#q-directions{float: left; background: transparent url(/images/q-map.gif) no-repeat right top;}
div#blackMenu ul li a#q-contact{float: left; padding: 0 24px 0 8px; background: transparent url(/images/q-contact.gif) no-repeat right top;}

/* HEADING IMAGE */
div#headingImg{clear: both; width: 770px;margin: 0 auto; padding:0;}
div#headingImg img{float: right;clear: both; margin: 0 auto; padding:0;}


/* BRAND MENU */
div#brandMenu{clear: both; width: 770px; margin: 0 auto; height: 33px; background: transparent url(/images/brandMenu-bg.gif) repeat-x left top;}
div#brandMenu ul{float: right; width: 770px;}
div#brandMenu ul li{text-align: center; line-height: 33px; float: right;background: transparent url(/images/brandMenu-s.gif) no-repeat left top;}
div#brandMenu ul li a{font-family: arial; font-size: 100%; display: block; padding: 0 12px; height: 33px; line-height:33px; color: #fff; text-decoration: none;}
div#brandMenu ul li a:hover, div#brandMenu ul li a.selected{color: #fff; text-decoration: none;background: transparent url(/images/brandMenu-hover.gif) repeat-x left top;}

/* CONTENT */
h1{clear: both;font-family: arial; text-align: right; color: #980000; font-size: 136%; font-weight: 500; padding-bottom: 10px;}
div#content{clear: both; width: 770px; margin: 0 auto; background: transparent url(/images/content-bg.gif) repeat-x left top;}
div#content.bigLeft div#content-right{float: right; width: 450px; padding: 10px 0 0 10px;}
div#content.smallLeft div#content-right{float: right; width: 530px; padding: 10px 0 0 10px;}
div#content-right p{text-align: right; line-height: 125%; color: #595959;}
div#content div#content-right ul{margin: 10px 20px;}
div#content div#content-right ul li{ list-style-type: disc; list-style-position: outside;}

div#content.bigLeft div#content-left{float: left; width: 300px; padding: 0 10px 0 0;}
div#content.smallLeft div#content-left{float: left; width: 220px; padding: 0 10px 0 0;}
div#content-full{width: 770px; padding: 10px;}
h1{line-height: 31px; margin: 0; padding: 0; font-size: 128%;}
h1 span.h1_red {color: #e50101; line-height: 31px;}
h1 span.h1_black{color: #000; line-height: 31px;}

/* reservation */
div#reservation{text-align:left; padding: 6px 0 0 3px; color: #8F8F8F; font-size: 85%;}

/* QUICK LINKS */
div#quick-links{clear:both;}
div#quick-links ul{list-style: none;  float:left;}
div#quick-links ul li{width: 188px; line-height: 24px; margin-bottom: 3px;}
div#quick-links ul li a{display: block; padding-right: 34px; color: #666666; text-align: right; text-decoration: none; height: 24px; line-height: 22px; background: transparent url(/images/ql-bg.gif) no-repeat left top; }
div#quick-links ul li a:hover{text-decoration: none; height: 24px; line-height: 22px;  color: #cd0421; background: transparent url(/images/ql-hover.gif) no-repeat left top;}


/* LEFT FORM */
div#leftFrmWraper{margin: 0; margin-top: 20px; width: 300px;}
form#leftForm, form#tradeinForm{text-align: left;}
form#leftForm div#leftFormHeader,form#tradeinForm div#leftFormHeader{float: right; clear: both; width: 300px; height: 24px; line-height: 24px; padding-right: 9px; font-family: airal; font-size: 100%; font-weight: 500; color: #cb0421; background: transparent url(/images/leftForm-header.gif) no-repeat right top;}
form#leftForm div, form#tradeinForm div{width: 300px; height: 28px; text-align: right;}
form#leftForm div.left, form#tradeinForm div.left{width: 300px; height: 28px; text-align: left;}
form#leftForm div#leftFormBody{padding-top: 20px; width: 300px; height: 220px; background: transparent url(/images/leftForm-stretch.gif) repeat-y left top;}
form#tradeinForm div#leftFormBody{padding-top: 20px; width: 300px; height: 280px; background: transparent url(/images/leftForm-stretch.gif) repeat-y left top;}
form#leftForm div#leftFormBody div.leftFormLabelDiv, form#tradeinForm div#leftFormBody div.leftFormLabelDiv{text-align: right; padding-right:8px; width: 84px;float:right; line-height: 30px;}
form#leftForm div#leftFormBody div.leftFormInputDiv, form#tradeinForm div#leftFormBody div.leftFormInputDiv{width: 138px;float: left; line-height: 30px; text-align: left;padding-left: 12px;}
form#leftForm div#leftFormBody div.leftFormInputDiv input, form#tradeinForm div#leftFormBody div.leftFormInputDiv input{width: 136px;overflow: hidden;font-size: 11px; font-family: Arial;} 
form#tradeinForm div#leftFormBody div.leftFormInputDiv input.rd{width: auto;overflow: hidden;}
form#leftForm div#leftFormBody div textarea, form#tradeinForm div#leftFormBody div textarea{width: 136px;overflow: hidden;font-size: 11px; font-family: Arial;}
form#leftForm div#leftFormBody div.leftFormInputDiv select, form#tradeinForm div#leftFormBody div.leftFormInputDiv select{width: 140px;overflow: hidden;font-size: 11px; font-family: Arial;}
input#leftFormSubmit, input#subContact, input#subTestDrive{width: 58px; height:24px; line-height: 24px; margin: 0 0 0 10px; cursor: pointer; border: none; outline: none; padding: 0; background: transparent url(/images/send.gif) no-repeat 0 0;}
input#leftFormSubmit.hover, input#subContact.hover, input#subTestDrive.hover{width: 58px; height:24px; margin: 0 0 0 10px; cursor: pointer; border: none; outline: none; padding: 0; background: transparent url(/images/send.gif) no-repeat 0 -24px;}
input#leftFormSubmit.down, input#subContact.down, input#subTestDrive.down {width: 58px; height:24px; margin: 0 0 0 10px; cursor: pointer; border: none; outline: none; padding: 0; background: transparent url(/images/send.gif) no-repeat 0 -48px;}
form#leftForm div#leftFormFooter, form#tradeinForm div#leftFormFooter{text-align: center; width: 300px; height: 10px; background: transparent url(/images/leftForm-footer.gif) no-repeat right top;}


/* FOOTER */
div#footer{font-size: 96%; clear: both; width: 770px; margin: 0 auto; padding: 20px 0 0 0; background: #fff url(/images/footerTop-bg.gif) no-repeat center top; font-family: arial;}
div#footer div#footerTop{width: 770px; margin: 0 auto; height: 55px; background: transparent url(/images/footer1-bg.gif) no-repeat left top;}

table#footerLinks{width:768px;  margin: 0 auto; padding: 10px 0; text-align: center; background: #fafafa url(/images/footer2-bg.gif) no-repeat left bottom;}
table#footerLinks td{width: 33%; margin:0; border:none; vertical-align: top; text-align:right;}
table#footerLinks td ul{padding: 15px 40px 20px 60px;}
table#footerLinks td ul.dotted{background: transparent url(/images/dot-bg.gif) repeat-y left top;}
table#footerLinks td ul li{list-style:none;  padding-right: 12px; line-height: 22px; color:#ccc; background: transparent url(/images/arrowGray.gif) no-repeat right 1px;}
table#footerLinks td ul li:hover{list-style: none; line-height: 22px; color:#ccc; background: transparent url(/images/arrowRed.gif) no-repeat right 1px;}
table#footerLinks td * a{display: block; color:#373737; text-decoration:none; height: 22px; line-height: 22px;}
table#footerLinks td * a:hover{color:#cd0421; text-decoration:none; height: 22px; line-height: 22px;}

div#footerBottom{clear: both; width: 770px; margin: 0 auto; height: 26px; background-color: #eee; border-top: solid 1px #fff; text-align: center;}
div#footerBottom ul{margin: 0 auto; padding: 0 22px; text-align: center; list-style: none;}
div#footerBottom ul li{height: 26px; float: right; background: transparent url(/images/footerBottom-bg.gif) no-repeat left top;}
div#footerBottom ul li.no-sup{height: 26px; float: right; background: transparent;}
div#footerBottom ul li a{display: block; padding: 0 10px; line-height:24px; color: #3F3F3F; text-decoration: none;}

/* CREDITS */
div#credits{width:750px; height:28px; margin: 0 auto; background-color: #fff; padding: 0 10px;}
div#credits a{display: block; width: 250px; height: 28px; line-height: 28px; font-family: arial; color:#666; text-decoration: none; font-size:11px;}
div#credits a:hover{height: 24px; line-height: 28px; color: #000; text-decoration:underline;}
div#credits a#credit1{text-align: right;float:right;}
div#credits a#credit2{text-align: left;float: left;}


/* gallery & showroom & services */
table#showGallery, table#showRoomThumbs{width: 94%;margin: 0 auto;margin-top: 2px;}
table#showGallery td{}
/*table#showGallery td a{ cursor: url(/images/magni.cur), pointer;}*/
table#showGallery td a img{border: solid 1px #d7d7d7; margin:0;}
table#showGallery td a:hover img{border: solid 1px #989898;}
table#showGallery td a.selected img{border: solid 1px red;}

body#gallery * div#headingImg{ 
direction: ltr;
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: none;
}
body#gallery * div#headingImg img{float: none;}

table#showRoomThumbs td{padding:14px;}
table#showRoomThumbs td a{display:block; text-decoration: none; color: #989898;}
table#showRoomThumbs td a img{display:block;border: solid 1px #d7d7d7;}
table#showRoomThumbs td a:hover, table#showRoomThumbs td a:active{color:#b7111d;}
table#showRoomThumbs td a:hover img, table#showRoomThumbs td a:active img{border: solid 1px #989898;}
table#showRoomThumbs td a strong{display: block; color: #989898;}

/* services */
div#services-wraper{width:470px; margin: 0 auto;}

/* equip & specs */
div#content.full div#acr-wraper{width: 760px; margin: 0 auto;}
form#lc{margin: 10px;}
form#lc div input{width: auto;}
input#subSpecLCBtn, input#subEquipLCBtn{margin-bottom:-5px;padding-bottom:0; width: 69px; height:19px;}
#loading-indicator{position:absolute;z-index:999;background:#fff;border:solid 1px #ccc;padding:6px 30px 6px 6px;width:100px;right:336px;
background:#fff url(/Images/accr/loading.gif) 6px 6px no-repeat;display:none}
#acr-wraper ul{width: 100%; clear: both; margin:0; padding: 0;}
#acr-wraper ul li{float: right; width: 120px;}
#acr-wraper table{width: 100%;clear:both;}
table#tblPrices thead, table#acr-head{line-height: 26px; background:url(/Images/accr/acr-head.gif) repeat-x top left;color:#fff;table-layout:fixed;border-collapse:collapse;border:0;width:100%;}
table#acr-head td{border-left: solid 1px white;}
table#equip-head td{border-right:solid 1px #fff;padding:3px;text-align:right;}
table#equip-head a{color:#fff}
table#equip-head td.first{border:0;width:285px}
div#acr-category h4.first{border:0;width:220px}
div#acr-categories div.acr-category{margin-bottom: 2px;}
div#acr-categories div.acr-category p{line-height: 150%; width: 76%; padding: 14px;}
div#acr-categories div h4{margin:0;text-align:right; display:block;background:#e5e5e5 url(/Images/accr/acr-category-open.gif) right 5px no-repeat;padding-right:27px;line-height:26px;font-size:12px;color:#666;text-decoration:none;cursor:pointer; overflow:auto;}
div#acr-categories div h4.off{background:#e5e5e5 url(/Images/accr/acr-category-close.gif) right 5px no-repeat;padding-right:27px;line-height:26px;font-size:12px;color:#666;text-decoration:none;cursor:pointer; overflow:auto;}
tr.alt{background-color:#f1f1f1}
div.acr-collapsed{overflow:hidden;}
div#acr-categories * td.dt{font-size:90%;color:#696969;}

/* colors */
#color-main{position: relative; height:340px;width:770px;text-align:center;overflow:hidden}
#color-main img{position:relative;top:-70px}
ul#color-thumbs{list-style:none;margin:0 0 40px 0;padding:0;width:50%;height:28px;}
#color-thumbs li,#color-thumbs a{float:right;display:block}
#color-thumbs li{width:28px;height:28px;margin-right:6px}
#color-thumbs a{border:solid 1px #696969;}
#color-thumbs a:hover{border-color:#000}
#color-thumbs a.on{border-color:#e50000}
#color-thumbs img{display:block;width:26px;height:26px;}
p.picNotice{float: right; clear:right;text-align: right;}

/* form */
img#map{margin-top: 20px;}
div#content-left div#contactDtl{font-size: 100%; text-align: right;line-height: 150%; padding-top: 20px;}
div#msg{font-family:arial; font-size: xx-large; width: 770px; height: 70px; line-height: 70px; text-align:center; background-color:Green; color:White;position:absolute; top: 0; right: auto;}
.validateError{background-color: #FFDFDF;}
form#contactFrm, form#testDriveFrm{width:385px; background: transparent url(/images/contact-bg.jpg) no-repeat left bottom; text-align: center;}
form#contactFrm table, form#testDriveFrm table{width: 385px; background: transparent; margin: 0 auto;}
form table td{vertical-align: top; font-size:110%;padding: 3px 0;}
input, select, textarea{width: 200px; overflow: auto;}
textarea{margin-top: 6px;}
input.formCk{width: 20px;}
.redBorder{border: solid 1px #b7111d;}
label.rem{display: block; height: 20px;color: #b7111d;margin-right: 170px;}
label.frmLabel{float: right;width: 140px;text-align:right;}
span.prefix{width: 20px;color: #b7111d;float: right;}
div#subDiv{width: 385px; text-align: left;}
form#contactFrm input#subContact, form#testDriveFrm input#subTestDrive{width: 58px; height:24px; margin: 0 0 0 8px; cursor: pointer; border: none; outline: none; padding: 0; background: transparent url(/images/send.gif) no-repeat left top;}
form#contactFrm input#subContact.hover, form#testDriveFrm input#subTestDrive.hover{width: 58px; height:24px; margin: 0 0 0 8px; cursor: pointer; border: none; outline: none; padding: 0; background: transparent url(/images/send.gif) no-repeat left -24px;}
/*form#contactFrm input#subContact.down, form#testDriveFrm input#subTestDrive.down{width: 42px; height:19px; font-family: arial; font-size: 130%; font-weight: 800; margin: 3px 0 0 10px; cursor: pointer; border: none; outline: none; padding: 0; background: transparent url(/images/send-down.gif) no-repeat left bottom;}*/

/* SIDE IMAGES */
div.sideImg{clear: both; margin: 20px 0 0 0; text-align: left;}
div.sideImg img{clear: both; padding:0; margin: 0 0 22px 0;}

/* CONTACT DETAILS */
div#content-left ul{margin-top: 20px;}
div#content-left ul li{line-height: 150%;}

/* car price */
table#tblPrices{width: 100%;}

/* site map */
div#siteMapDiv{width: 740px; min-height: 320px; text-align: right; margin: 20px auto;}
div#content div#siteMapDiv div.catGrp{float: right; margin: 0 0 0 26px;}
div#siteMapDiv h2{font-size: 100%; float: right;}
div#content div#siteMapDiv div ul{list-style: none none outside; margin: 0 8px 0 0; padding: 0; float: right;}
div#content div#siteMapDiv div ul li{line-height: 150%; list-style: none none outside; list-style-type: none;}

/* employess */
div#content div#content-right ul#showEmployees{margin:0; padding:0; border:0;list-style: none; list-style-position:inside;}

ul#showEmployees li{margin: 0 0 20px 0;}
div#content-right ul#showEmployees li ul{list-style: none; margin: 0; padding: 0;}
ul#showEmployees li ul li{margin:0;}

div.employee{width: 495px; height: 225px; padding: 15px 20px; background:transparent url(/images/emp_bg.gif) no-repeat right top;}
div.employee div.emp-about{height: 140px; clear: both;}
div.employee div.emp-about ul{float: left; width: 405px; text-align:right; overflow: auto;list-style:none;}
div.employee div.emp-about ul li strong{font-size: 110%;}
div.employee div.emp-about img.empPic{float: right;}
div.employee * a{color: Black; text-decoration: none;}
div.employee * a:hover{color: #DF0000; text-decoration: underline;}
div.employee div.emp-contact-info{height: 70px; margin-top:15px; overflow: auto;}
div#content-right ul#showEmployees li * div.emp-contact-info ul.inner li{margin:0; list-style:none;}


/* MAIN MENU */
div#mainMenu{clear: both; width: 770px; margin: 0 auto; text-align: center; height: 33px;background: transparent url(/images/mainMenu-bg.gif) repeat-x center top;}

/* Basic code - don't modify */
div#mainMenu ul#nav {display: block; width: 770px; margin: 0 auto; padding: 0; position: relative;}
  div#mainMenu ul#nav li {display: block; width: 110px; text-align: center; line-height: 33px; list-style: none; margin: 0; padding: 0; float: right; position: relative;}
  div#mainMenu ul#nav a {display: block; line-height: 33px; color: #3F3F3F; text-decoration: none; background: transparent url(/images/mainMenuItem.gif) no-repeat scroll 0 0;}
  div#mainMenu ul#nav ul {display: none; position: absolute; right: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	div#mainMenu ul#nav ul a { zoom: 1; } /* IE6/7 fix */
    div#mainMenu ul#nav ul li { float: none; width: 100px; background: #fff; line-height: 20px; padding-right: 8px; }
    div#mainMenu ul#nav ul ul { top: 0; }
    
/* Essentials - configure this */
div#mainMenu ul#nav ul {width: 108px; background-color: #fff; border-right: solid 1px #6F6F6F; border-left: solid 1px #6F6F6F; border-bottom: solid 1px #6F6F6F;}
div#mainMenu ul#nav ul ul {right: 111px}

/* Everything else is theming */
div#mainMenu ul#nav a {font-size: 12px; line-height: 33px; }
div#mainMenu ul#nav li.selected a,div#mainMenu ul#nav li.hover a, div#mainMenu ul#nav li a.hover, div#mainMenu ul#nav li a:hover, div#mainMenu ul#nav li.sfHover a {background: #fff url(/images/mainMenuItem-hover.gif) no-repeat left top;}

div#mainMenu ul#nav li.sfHover a ul li a{width: 100px; background:#fff; text-align: right; line-height: 20px; color:Red;}

  div#mainMenu ul#nav li a ul{top: 32px; line-height: 20px; background-color: #fff;}
  div#mainMenu ul#nav ul li a, div#mainMenu ul#nav ul li a:hover, div#mainMenu ul#nav ul li.hover a{width: 100px; background:#fff; text-align: right; line-height: 20px;}
    div#mainMenu ul#nav ul li.hover > a, div#mainMenu ul#nav ul li.hover > a:hover {width: 100px; background: #fff; color: Red;}
    div#mainMenu ul#nav li.sfHover ul li a{width: 100px; background: #fff;}
    div#mainMenu ul#nav ul a:hover {width: 100px; background: #fff; color: Red;}

/* USED CARS */
table#usedCars{width: 770px; margin: 8px auto; margin-bottom: 40px; padding: 0; border:0;background: #f3f3f3 url(/images/used-heading-bg.gif) repeat-x right top; border-bottom: solid 1px #bfbfbf; border-left: solid 1px #bfbfbf; border-right: solid 1px #bfbfbf;}
table#usedCars thead{height: 33px; line-height: 33px;  padding: 0; margin:0; border:0;}
table#usedCars thead th{width: 110px;height: 33px; line-height: 33px; background: transparent url(/images/used-heading-sup.gif) no-repeat left top; padding:0; margin:0; border:0; text-align: center; color: White;}
table#usedCars tbody tr td{width: 110px;line-height: 25px; background: transparent url(/images/used-item.gif) repeat-x right top; text-align: center; cursor:pointer;}
table#usedCars tbody tr td.selected{height: 25px; line-height: 25px; background: transparent url(/images/used-item-selected.gif) repeat-x right top; text-align: center; cursor:pointer;}

table#usedCars tbody tr td.used-reg-td{vertical-align: top;}
table#usedCars tbody tr td table td, table#usedCars tbody tr td.used-reg-td{width: auto; background: none; cursor: default;}

table#usedCars tbody tr td table.used-dtl-tbl{float: right; width: 40%; margin: 0; padding: 0;}
table#usedCars tbody tr td table.used-dtl-tbl td{line-height: 18px; height: 18px; font-size: 11px; margin: 0;}
table#usedCars tbody tr td table.used-dtl-tbl tr td.used-dtl-td-small{text-align: right; width: 40%; font-weight: 600;}
table#usedCars tbody tr td table.used-dtl-tbl tr td.used-dtl-td-big{text-align: right; width: 60%;}

table#usedCars tbody tr td div.div-h{padding: 0 6px;}

div.used-tosafot, div.used-remarks{float:left; width: 374px; padding: 0 6px; text-align: right; border: solid 1px #bfbfbf; margin: 10px 0 4px 4px; background-color: #f3f3f3;}

table.used-img-gallery{float: left; width:396px;}
table.used-img-gallery * img{width: 120px; height: 85px; border: solid 1px #bfbfbf;}

table#usedCars * div.hidden{display:none;}

/* Sherut Calc */
div#wraperCalc{width: 100%; text-align: center;background: transparent url(/images/sherut-bg.gif) no-repeat left top; padding-top: 80px;}
div#wraperCalc form{width: 100%; text-align: center;}
div#wraperCalc form table{margin: 0 auto;}
div#wraperCalc * label{font-size: 90%; color: #696969; text-align:right; float: right;}
div#wraperCalc form * input, div#wraperCalc form * select{width: 140px;}


/* leasing */
#leasing div#content div#content-right #leasing-ul, #leasing div#content div#content-right #leasing-ul ul{padding: 0; margin: 0;}
#leasing-ul li{padding: 20px 0; border-bottom: dotted 1px #666; margin: 0 0 10px 0;}
#leasing-ul h2{color: #4aa4bb; font-size: 20pt; margin-bottom: 20px;}
#leasing-ul li a img{width: 60%; margin-top: -30px; float: left;}
#leasing-ul ul li{padding: 0; border: none; margin: 0; font-size: 1.1em; line-height: 175%;}
#leasing-ul ul li.star{position: relative; z-index: 2; font-size: 1.96em; padding-right: 40px; height: 96px; line-height: 96px; background: transparent url(/images/leasing-star.png) no-repeat right; color: #fff; text-shadow: 1px 1px 1px #666;}
#leasing div#content div#content-right #leasing-ul div#quick-links ul{float: none; margin-top: 20px;}
#leasing div#content div#content-right ul li{ list-style: none;}
/*span.leasing-monthly{display: block;  position: relative; z-index: 2; text-align: left; font-size: 1.4em; width: 186px; height: 96px; line-height: 96px; background: transparent url(/images/leasing-star.gif) no-repeat; color: #fff;}*/
