/*How to make tea pt 2 by Ashley Hitchcock
primary colour #0099CC
	secondary colour #99d6eb
*/


body {
height:100%;
background:#fff url(graphics/bg.gif) repeat-y top center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:2px 0 0;
padding:0;
border:0;
}

* {
margin:0;
padding:0;
}

img {
border:none;
}

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

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

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

top:0;
/*top:120px;*/

}

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

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



#content{
	/*width:845px;*/
width:1000px;
	left:0;
	top:0px;
	position:relative;
	float:left;
/*	height: 900px;*/
}

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

#hometext {
width:700px;
height:219px;
margin-top:10px;
position:relative;
}
#newoffers {
width:290px;
height:670px;
left:715px;
left:705px;
background-color:transparent;
top:30px;
position:absolute;
}


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

#uptop {
width:1000px;
color:#666666;
text-align:center;
}

#downbottom {
width:1000px;
color:#666666;
text-align:center;
margin:0 auto;
}


#topnav {
width:1000px;
height:32px;
}

#prefooter {
position:relative;
margin:0 auto;
width:1000px;
text-align:center;
height:230px;
padding-top:10px;
text-align:center;
}



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

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

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

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

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

H1 {
font-size:14px;
}

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

h3 {
font-size:12px;
}
/* end of Typeography 
 
start of main side navigation*/
#links {
width:1000px;
}

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

#links ul li {
list-style:none;
margin-bottom:3px;
display:block;
float: left;
width:99px;
margin-right:1px;
}

#links ul li a {
height:24px;
padding-top:6px;
text-decoration:none;
list-style:none;
background:#727272 url(graphics/nav.gif) left top no-repeat;
border: 1px #666666 solid;
color:#FFFFFF;
display:block;
padding:0;
font-size:12px;
text-align:center;
}



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


/*end of navigation*/
.subheaders {
height:24px;
border:1px solid #000;
background: #727272 url(graphics/sub.gif) left top repeat-x;
display:block;
color:#FFF;
padding-top:0px;
padding-left:5px;
margin-bottom:4px;
text-transform:capitalize;
}


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

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

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 {
height:22px;
font-weight:bolder;
}

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

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

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

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

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

#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;
text-decoration:none;
margin:0;
padding:0;
}

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

}

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

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

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

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

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

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

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

#enquireonline a:hover {
font-style:normal;
background-color:#0099cc;
}
.currentday {
background-color:#99d6eb;
color:#000;
}

.day {
color:#000000;
}



	
#home { /*home page fix*/
	position:relative;
	height:800px;
	}



#sitephoto {
	width:445px;

left:0;
	margin-left:255px;
height:250px;
background-color:#000000;
position:absolute;
}
#profiletext {
	width:445px;
	/*height:180px;*/ 
left:0;
	margin-left:255px;
	top:255px;
	position:relative;
	height: 348px;

}

/*new car styles*/

#newwrap {
position:relative;
}

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

}

#newright {
	width:345px;
	position:absolute;
	top:0;
	left:355px;

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


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

.dept {
margin-bottom:10px;
}

#formcontact {
margin-top:10px;
}

ul#modelnav {  position:relative; margin:0; width:100%; height:54px; background:url(graphics/modelnav.jpg) no-repeat; }
ul#modelnav li { float:left; list-style-type:none; }
ul#modelnav li a { height:54px; display:block; position:absolute; top:0; outline:none; }

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; width:104px; left:0; }
li#m2 a:hover					{ background-position:0 -54px; }

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

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

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

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

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

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

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


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

}


.carlist {
margin-bottom:10px;
}

.morei {
font-weight:900px;
margin-top:20px;
}

/*Used for list with hidden divs - Used Mazda section  */

#list.zzplus li		{margin-left:-30px;padding:2px 0;list-style:none;}

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

.zzplus_collapsed	{display: none;}

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

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

.zzplus_collapsed		{display: inline;}

.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		{ text-decoration: none; font-weight: bold;}



.toggle_arrow_collapsed,

.sales_disclaimer_collapsed		{ display: none;}

a.toggle_arrow_collapsed,

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

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


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

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

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



#list li ul, 			

#list li ol		{  }

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

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

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

hr {
height:1px;
color:#0099cc;
margin-top:6px;
margin-bottom:6px;
}

.smallprint {
font-size:10px;
}

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



#nextcar a { font-size: 12px; width: 70px; height: 22px; color: #ffffff; background-color: #0099cc; background-style:solid; font-weight: bold; text-align: center;  float: left; }

#prevcar a { font-size: 12px; width: 70px; height: 22px; color: #ffffff; background-color: #0099cc; background-style:solid; font-weight: bold; text-align: center; float: left; }

#resultslink a { font-size: 12px; width: 70px; height: 22px; color: #ffffff; background-color: #0099cc; background-style:solid; font-weight: bold; text-align: center;  margin-right: 5px; margin-left:5px;  float:left; }


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

#nextprevbuttons {
margin-top:10px;
}

#MakesList {
float:left;
width:140px;
}
#ModelsList {
float:left;
width:140px;
}
#quicksearchwrap {
margin-bottom:10px;
width:280px;
height:28px;
border:1px dashed #0099cc;
padding-left:5px;
padding-top:10px;
position:relative;

}


#searchtitle {
padding:4px;
background-color:#FFFFFF;
color:#000000;
position:absolute;
top:-15px;
left:5px;
/*border:1px solid #000000;*/
padding-top:1px;
padding-bottom:1px;
}
/*used mazda*/
#menu1 {

width:420px;
padding:5px;
position:absolute;
left:100px;
top:-4px;

}
/*new mazdas*/
#menu2 {
position:absolute;
left:0px;
top:-4px;
padding-top:5px;
}

/*after sales*/
#menu3 {
position:absolute;
left:500px;
top:-4px;
padding-top:5px;
}

.line1 {
background-color:#FFFFFF;
color:#000000;
}

.line2 {
background:#b2e0f0;
color:#000;
}


.sublinks {

}

.sublinks ul {
list-style:none;
margin:0;
padding:0;
}

.sublinks ul li {
list-style:none;
margin-bottom:3px;
display:block;
float: left;
width:124px;
margin-right:1px;
}

.sublinks ul li a {
height:21px;
padding-top:4px;
text-decoration:none;
list-style:none;

border: 1px #000000 solid;

display:block;
padding:0;
font-size:12px;
text-align:center;
color:#ffffff;
text-decoration:none;
background:url(graphics/nav_over.gif) left top repeat-x;
}



.sublinks li a:hover {
color:#FFFFFF;
background:#000000 url(graphics/nav.gif) left top repeat-x;
text-decoration:none;
}

#newmini{
	position: relative;
	float:left;
	/*border: 1px solid #000000;*/
	margin-bottom: 5px;
	width: 100%;
	/*background:url(graphics/new_right.jpg) right bottom no-repeat;*/
	padding-left:10px;

	
}

.newminitem {
width:160px;
max-width:160px;
float:left;
position:relative;
margin-right:10px;
/*margin-left:5px;background:url(graphics/gradientusedcars.jpg) left top repeat;*/
border:1px solid #000;
font-size:10px;
height:300px;
margin-bottom:10px;

}

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

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


/*business users */

/*new car offer style*/
.offerwrap {
height:125px;
/*border:0px solid #96172E;
border-bottom-width:1px;*/
padding:5px;
margin-bottom:10px;

font-size:10px;
}

.offerwarp:first-child {
margin-top:10px;
}

.offerphoto {
float:left;
width:160px;
height:120px;
text-align:center;
}

.offertext {
padding:5px;
margin-right:170px;
text-align:left;
padding:10px;
font-weight:normal;
font-size:12px;
}

.offermain {
position:relative;
margin-left:140px;
height:125px;

}
.offerprice {
float:right;
width:170px;
text-align:left;
position:absolute;
height:140px;
top:0;
right:0;
font-weight:700;
font-size:12px;
line-height:180%;
font-weight:normal;


}

.offerbold {
font-weight:bolder;
font-size:12px;
}


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

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

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

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

.acessimg {
margin:5px;
}


#vip-day {
position:absolute;
top:14px;
left:498px;
}