body {
background-color:#ececeb;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:100%;
margin:2px 0 0;
padding:0;
}

* {
margin:0;
padding:0;
}

img {
border:none;
}

html,* html #wrap {
height:100%;
}

#wrap {
background-color:#fff;
margin:0 auto;
min-height:100%;
padding-left:4px;
padding-right:5px;
position:relative;
width:1004px;
}

#inner-wrap {
left:0;
padding-bottom:30px;
position:relative;
top:0;
width:1004px;
}

#inner-wrap:after {
clear:both;
content:" ";
display:block;
}

* html #inner-wrap {
height:1px;
}

#content {
float:left;
margin-left:7px;
position:relative;
width:570px;
}

#sidenav {
float:left;
height:675px;
left:2px;
padding-bottom:20px;
position:relative;
width:145px;
}

#hero {
height:100px;
margin-bottom:5px;
width:850px;
}

#sitephoto {
float:left;
background-color:#FFF;
height:255px;
margin-top:0;
width:565px;
}

#hometext {
float:left;
line-height:160%;
margin-top:15px;
min-height:290px;
width:565px;
}

#home-bottom {
float:left;
height:150px;
margin-top:10px;
width:565px;
}

#newoffers-wrap {
width:843px;
}

/*#newoffers {
width:265px;
height:680px;
left:0;
margin-left:580px;
background-color:transparent;
top:0;
position:absolute;
}*/
#newoffers {
_left:580px;
_margin-left:0;
background-color:transparent;
height:680px;
left:0;
margin-left:580px;
position:absolute;
top:0;
width:265px;
}

#newoffers img {
margin-bottom:10px;
}

#header {
background:url(graphics/header.gif) left top no-repeat;
background-color:#fff;
height:150px;
margin-bottom:2px;
width:1000px;
}

#footer {
background:url(graphics/footer.gif) right bottom no-repeat;
bottom:0;
height:25px;
left:0;
margin:2px auto 0;
position:absolute;
text-align:center;
width:100%;
}

#footer a {
font-size:10px;
}

/* Typeography */
div {
font-size:10px;
}

a {
color:#000;
font-size:12px;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline;
}

H1 {
font-size:14px;
}

h2 {
color:#669;
font-size:14px;
font-weight:bolder;
}

h3 {
font-size:12px;
}

/* end of Typeography 
 
start of main side navigation*/
#links {
width:145px;
}

#links ul {
list-style:none;
margin:0;
padding:0;
}

#links li {
list-style:none;
margin-bottom:3px;
}

#links li a {
background:#ccc url(graphics/nav_bg_bottom_over.GIF) left bottom no-repeat;
border:1px #666 solid;
color:#000;
display:block;
font-size:12px;
height:28px;
list-style:none;
padding-left:5px;
padding-top:4px;
text-decoration:none;
}

#links li a:hover {
background:#09c url(graphics/nav_bg_bottom.gif) left bottom no-repeat;
color:#fff;
text-decoration:none;
}


#links li .bold {
background:#09c url(graphics/nav_bg_bottom.gif) left bottom no-repeat;
color:#fff;
text-decoration:none;
}


#addressinfo {
background-color:#f2f2f2;
border:1px solid #000;
height:138px;
margin-bottom:4px;
padding:5px;
width:235px;
}

.subheaders {
background:url(graphics/sub_header.gif) bottom left no-repeat;
font-size:16px;
margin-bottom:2px;
padding:4px;
width:100%;
}

#directions {
border:1px solid #000;
margin-bottom:13px;
padding-bottom:9px;
padding-left:4px;
padding-top:8px;
}

p,div {
font-family:Verdana,tahoma,helvetica,arial;
font-size:12px;
line-height:150%;
}

ul {
margin-left:22px;
}

.footerlink {
color:#000;
font-family:arial;
font-size:10px;
font-variant:normal;
font-weight:700;
text-decoration:none;
}

:hover.footerlink {
color:#ff0;
}

.poweredbylink {
color:#000;
font-family:arial;
font-size:10px;
font-variant:normal;
font-weight:700;
text-decoration:none;
}

:hover.poweredbylink {
color:red;
}

/*view.asp basic css */
#dstop {
font-weight:bolder;
height:22px;
}

#bottom {
font-weight:bolder;
height:22px;
}

.dslink {
color:#000;
font-size:10px;
}

.dslink:hover {
color:#fff;
font-size:10px;
}

/*view.asp button*/
#viewadditional {
background-color:#CCC;
border-color:#09c;
border-style:solid;
border-width:1px;
color:#000;
font-family:verdana,arial;
font-size:12px;
font-weight:700;
padding:5px;
}

/* view.asp styles */
.dstitles {
background-color:#99d6eb;
color:#000;
height:20px;
padding-left:10px;
vertical-align:middle;
}

#dslinks {
background:#fff;
font-size:11px;
line-height:normal;
margin-bottom:4px;
margin-top:3px;
}

#dslinks ul {
list-style:none;
margin:0;
padding:4px 0;
}

#dslinks li {
display:inline;
margin:0;
padding:0;
text-decoration:none;
}

#dslinks a {
height:20px;
margin:0 0 0 2px;
padding:0 5px 0 0;
text-decoration:none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#dslinks a span {
background:#09C;
color:#fff;
float:none;
height:20px;
padding:4px 16px;
text-decoration:none;
}

/* End IE5-Mac hack */
#dslinks a:hover span {
color:#FFF;
text-decoration:none;
}

#dslinks a:hover {
background-color:#99d6eb;
}

#dsenlarge a {
background-color:#09C;
border:#000 solid 1px;
color:#000;
display:block;
height:20px;
margin-bottom:1px;
text-align:center;
width:268px;
}

#dsenlarge a:hover {
background-color:#99d6eb;
text-align:center;
text-decoration:none;
}

.menu {
position:absolute;
text-align:left;
visibility:hidden;
z-index:100;
}

#enquireonline a {
background-color:#99d6eb;
border:1px solid #09C;
color:#000;
display:block;
font-size:16px;
font-weight:700;
height:56px;
margin-top:5px;
padding:2px;
text-align:center;
width:560px;
}

#enquireonline a:hover {
background-color:#09c;
font-style:normal;
}

.currentday {
background-color:#99d6eb;
color:#000;
}

.day {
color:#000;
}

#home {
height:700px;
position:relative;
}

#profiletext1 {
height:170px;
left:0;
position:absolute;
top:0;
width:280px;
}

#profiletext2 {
height:170px;
left:0;
margin-left:285px;
position:absolute;
top:0;
width:280px;
}

/*new car styles*/
#newwrap {
position:relative;
}

#newleft {
left:0;
position:absolute;
top:0;
width:300px;
}

#newright {
left:306px;
position:absolute;
top:0;
width:260px;
}

#newmenu {
left:672px;
position:absolute;
top:0;
width:175px;
}

/*new car selector*/
#newmini {
background:url(graphics/whichlogo.gif) right bottom no-repeat;
float:left;
margin-bottom:5px;
padding-left:10px;
position:relative;
width:100%;
}

.newminitem {
border:1px solid #000;
float:left;
font-size:10px;
height:263px;
margin-bottom:10px;
margin-right:10px;
max-width:100px;
position:relative;
width:100px;
}

.newminigraphic {
position:relative;
width:100px;
}

.newminitext {
font-size:10px;
height:165px;
position:relative;
text-align:center;
width:100px;
}

.offerbold {
font-size:14px;
font-weight:700;
}

.dept {
margin-bottom:10px;
}

#formcontact {
margin-top:10px;
}

ul#modelnav {
background:url(graphics/modelnav.jpg) no-repeat;
height:54px;
margin:0;
position:relative;
width:100%;
}

ul#modelnav li {
float:left;
list-style-type:none;
}

ul#modelnav li a {
display:block;
height:54px;
outline:none;
position:absolute;
top:0;
}

ul#modelnav span {
display:none;
}

li#m2 a,li#m3 a,li#m5 a,li#m6 a,li#mx5 a,li#rx8 a,li#c7 a,li#mbt50 a, {
background:url(graphics/modelnav.jpg);
}

li#m2 a {
background-position:0 0;
left:0;
width:104px;
}

li#m2 a:hover {
background-position:0 -54px;
}

li#m3 a {
background-position:-104px 0;
left:104px;
width:104px;
}

li#m3 a:hover {
background-position:-104px -54px;
}

li#m5 a {
background-position:-208px 0;
left:208px;
width:104px;
}

li#m5 a:hover {
background-position:-208px -54px;
}

li#m6 a {
background-position:-312px 0;
left:312px;
width:104px;
}

li#m6 a:hover {
background-position:-312px -54px;
}

li#mx5 a {
background-position:-416px 0;
left:416px;
width:104px;
}

li#mx5 a:hover {
background-position:-416px -54px;
}

li#rx8 a {
background-position:-520px 0;
left:520px;
width:104px;
}

li#rx8 a:hover {
background-position:-520px -54px;
}

li#c7 a {
background-position:-624px 0;
left:624px;
width:104px;
}

li#c7 a:hover {
background-position:-624px -54px;
}

li#mbt50 a {
background-position:-728px 0;
left:728px;
width:104px;
}

li#mbt50 a:hover {
background-position:-728px -54px;
}

#bnavbg {
background:url(graphics/bnavbg.jpg) repeat-x left bottom;
}

#links #menu1 li a,#links #menu2 li a {
background-color:#999;
color:#000;
}

#links #menu1 li a:hover,#links #menu2 li a:hover {
background-color:#666;
color:#FFF;
}

.carlist {
border-bottom:1px #CCC solid;
margin-bottom:4px;
padding-bottom:10px;
}

.morei {
font-weight:900px;
}

/*Used for list with hidden divs - Used Mazda section  */
#list.zzplus li {
list-style:none;
margin-left:-30px;
padding:2px 0;
}

#list.zzplus div {
padding:0 0 5px 20px;
}

.zzplus_collapsed {
display:inline;
}

a.zzplus_collapsed {
color:#09C;
display:block;
font-size:0.9em;
font-weight:700;
line-height:normal;
margin:0;
padding:0 0 5px;
text-decoration:none;
}

a.zzplus {
color:#09C;
display:block;
font-size:0.9em;
font-weight:700;
line-height:normal;
list-style:none;
margin:0;
padding:0 0 5px;
text-decoration:none;
}

.toggle_arrow,.sales_disclaimer {
display:block;
}

a.toggle_arrow,a.sales_disclaimer {
background:url(graphics/btn_show_expanded.gif) no-repeat 0 1px;
padding-left:10px;
}

a.toggle_arrow {
font-weight:700;
text-decoration:none;
}

.toggle_arrow_collapsed,.sales_disclaimer_collapsed {
display:none;
}

a.toggle_arrow_collapsed,a.sales_disclaimer_collapsed {
background:url(graphics/btn_show_collapsed.gif) no-repeat 0 1px;
display:inline;
padding-left:10px;
}

a.toggle_arrow_collapsed {
font-weight:700;
text-decoration:none;
}

#list a.collList {
background-position:0 3px;
display:block;
left:-12px;
position:relative;
}

#list {
margin:0;
padding:0;
}

#list li {
list-style:none;
margin:0 0 4px;
padding:2px 0;
}

#list li ul li {
list-style-type:none;
padding-bottom:0;
}

.techspec {
border:1px solid #09C;
margin-bottom:5px;
margin-top:5px;
padding:2px;
}

.imgfloatleft {
float:left;
margin-bottom:4px;
margin-right:4px;
}

hr {
color:#09c;
height:1px;
margin-bottom:6px;
margin-top:6px;
}

.smallprint {
font-size:10px;
}

.downloadb {
background:url(graphics/bullet.gif) left top no-repeat;
padding-bottom:2px;
padding-left:16px;
}

#nextcar a {
background-color:#09c;
background-style:solid;
color:#fff;
float:left;
font-size:12px;
font-weight:700;
height:22px;
text-align:center;
width:70px;
}

#prevcar a {
background-color:#09c;
background-style:solid;
color:#fff;
float:left;
font-size:12px;
font-weight:700;
height:22px;
text-align:center;
width:70px;
}

#resultslink a {
background-color:#09c;
background-style:solid;
color:#fff;
float:left;
font-size:12px;
font-weight:700;
height:22px;
margin-left:5px;
margin-right:5px;
text-align:center;
width:70px;
}

#nextcar a:hover,#prevcar a:hover,#resultslink a:hover {
background-color:#FF0;
color:#000;
text-decoration:none;
}

#nextprevbuttons {
margin-top:10px;
}

#MakesList {
float:left;
width:140px;
}

#ModelsList {
float:left;
width:140px;
}

#quicksearchwrap {
border:1px dashed #09c;
height:28px;
margin-bottom:10px;
padding-left:5px;
padding-top:10px;
position:relative;
width:280px;
}

#searchtitle {
background-color:#FFF;
color:#000;
left:5px;
padding:1px 4px;
position:absolute;
top:-15px;
}

#new-left {
border-right:1px solid #09c;
float:left;
margin-left:10px;
margin-top:10px;
width:220px;
}

#new-mid {
float:left;
margin:10px;
padding:10px;
width:300px;
}

#new-right {
float:left;
margin-top:10px;
padding-top:10px;
width:262px;
}

#new-offer {
background:url(graphics/new_offer_title.gif) top left no-repeat;
padding-top:40px;
width:843px;
}




.acessimg {
margin:5px;
}