/* 
Website Copyright of Spidersnet.co.uk

 */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
body {
font: 12px "Lucida Grande", Geneva, Arial, sans-serif;
background-color:#000000;
color:#000000;
margin:0;
padding:0;
}

li {
margin-left:12px;
list-style:disc inside ;
}


h1 {
font-size:120%;
font-weight:bolder;
margin-bottom:3px;
margin-top:2px;
}

/*h2, h3 {
font-size:12px;
margin-left:7px;
}*/

a {
font-weight:bold;
color:#580b6a;
text-decoration:none;
padding-bottom:0px;
/*border-bottom:dotted 1px #000000;*/
}


a:hover {
font-weight:bold;
color:#000;

/*border-bottom:dotted 1px #0099cc;*/



}


.leftabit {
margin-left:10px;
}


.noboard {
border-bottom:none;
}

.noboard:hover {
border-bottom:none;
}


p {
line-height:135%;
}

#wrapper {
position:relative;
margin:0 auto;
width:1000px;
background-color:#FFFFFF;
/*height:1000px;*/
margin-top:5px;

}

#navigationbg {
	float:left;
	width:1000px;
	height:69px;
	clear:both;
	background:url(graphics/navigationbg.gif) top left no-repeat;
}

#navigation {
	float:left;
	width:667px;
	height:24px;
	clear:both;
	margin:22px 0 0 31px;
	_margin:22px 0 0 15px;
}

#search {
	float:left;
	width:300px;
	height:69px;
}

#header {
	float:left;
	clear:both;
	width:1000px;
	height:186px;
	background:url(graphics/header.gif) top center no-repeat;
	z-index:20;
}


#MakeDropDown {
	float:left;
	margin-top:23px;
	margin-left:50px;
	width:100px;
	background-color:#ffffff;
	color:#000000;
}

#ModelDropDown {
	float:left;
	margin-top:23px;
	margin-left:10px;
	width:100px;
	background-color:#ffffff;
	color:#000000;
}


#content {
float:left;
width:986px;
min-height:200px;
padding-left:14px;
background:url(graphics/content-bg.gif) top center repeat-y;
}

#home-left {
width:661px;
float:left;
padding-left:14px;
}


#home-right {
width:295px;
float:left;
margin-left:18px;
}


#hero {
	float:left;
	width:661px;
	height:202px;
	margin-bottom:10px;
}

#home-text {
	float:left;
	width:661px;
	height:251px;
	line-height:180%;
}


#home-used-offers {
	float:left;
	width:240px;
	height:187px;
	margin-bottom:20px;
	padding:63px 0 0 35px;
	background:url(graphics/home-used-offers.gif) top left no-repeat;
}


#used-search-right {
	float:left;
	width:295px;
	height:119px;
	margin-bottom:20px;
	background:url(graphics/used-search-right.jpg) top left no-repeat;
}



#home-new-offers {
	float:left;
	width:240px;
	height:187px;
	margin-left:17px;
	padding:63px 0 0 35px;
	background: url(graphics/new-home_used.gif) top left no-repeat;
}



#home-top  {
margin-left:5px;
width:975px;
height:254px;
margin-top:13px;
}
       #home-top #home-used-offers, x:-moz-any-link {padding-top:32px; height:142px; } /* FireFox 2 */
   
     #home-top #home-used-offers, x:-moz-any-link, x:default { padding-top:32px; height:142px;} /* FireFox 3 */
 
      html>/**/body #home-top #home-used-offers, x:-moz-any-link, x:default {padding-top:32px; height:142px;} /* Only FireFox 3 */

#home-top #home-used-offers {
	float:left;
	width:275px;
	height:250px;
	margin-left:17px;
	padding:0 0 0 0;
	background:url(graphics/new-home_used.gif) top left no-repeat;
}

#home_offer {
	float:left;
	width:275px;
	height:250px;
	margin-left:17px;
	padding:0 0 0 0;
}

#home_offer1 {
	float:left;
	width:275px;
	height:46px;
}

#home_offer2 {
	float:left;
	width:241px;
	height:197px;
	padding:7px 0 0 34px;
	background:url(graphics/new-home_used_button2.gif) top left no-repeat;
}

#home-top #flash {
float:left;
width:491px;
height:254px;
margin-left:0px;
margin-right:0px;
padding-left:180px;
background:url(graphics/home-left.jpg) top left no-repeat;
}



       #home-top #home-new-offers, x:-moz-any-link {padding-top:32px; height:142px; } /* FireFox 2 */
   
     #home-top #home-new-offers, x:-moz-any-link, x:default { padding-top:32px; height:142px;} /* FireFox 3 */
 
      html>/**/body #home-top #home-new-offers, x:-moz-any-link, x:default {padding-top:32px; height:142px;} /* Only FireFox 3 */









/*#home-top #home-new-offers, x:-moz-any-link {padding-top:26px; height:148px;}*/

#home-under {
margin-left:5px;
width:975px;
height:254px;
margin-top:8px;
}


#home-under #text {
float:left;
width:671px;
height:229px;
padding-top:15px;
font:arial, verdana, helvetica, sans-serif;
font-size:12px;
}

#home-under #text p {
margin-bottom:9px;
}


#home-under #home-new-offers {
	float:left;
	width:275px;
	height:250px;
	margin-left:17px;
	padding:0 0 0 0;
	background: url(graphics/new-home_offer.gif) top left no-repeat;
}

#home-under #offer2 {
width:190px;
height:155px;
padding-top:35px;
float:left;
margin-left:10px;
margin-top:10px;
background:url(graphics/offer2.gif) top left no-repeat;
}


#home-under #col02 {
width:975px;
height:160px;
float:left;
background:url(graphics/home-rx-8.jpg) bottom right no-repeat;
}





#footer {
width:1000px;
float:left;
background:url(graphics/content-bg.gif) top center repeat-y;

}
.footer-btns {
margin-top:15px;
}

#footer-brochure {
	float:left;
	width:175px;
	height:108px;
	margin-left:19px;
	_margin-left:9px;
}

#footer-sevrice {
	float:left;
	width:175px;
	height:108px;
	margin-left:21px;
}

#footer-test-drive {
	float:left;
	width:175px;
	height:108px;
	margin-left:21px;
}

#footer-new-cars {
	float:left;
	width:175px;
	height:108px;
	margin-left:21px;
}

#footer-map {
	float:left;
	width:175px;
	height:108px;
	margin-left:21px;
}



#footer-bar {
	position:relative;
	float:left;
	width:990px;
	height:22px;
	margin-top:17px;
	padding:8px 0 0 10px;
	color:#bfbfbf;
	font-size:11px;
	background-color:#2a2a2a;
}

#footer-bar a {
	color:#bfbfbf;
	font-size:11px;
}

#footer-bar a:hover {
	color:#ffffff;
}





#used-left {
width:950px;
float:left;
padding-left:5px;
height:auto;
margin-top:10px;
}


#used-right {
width:250px;
float:left;
margin-left:18px;
}


#offers-left {
width:685px;
height:480px;
float:left;
padding-left:7px;
}


#offers-right {
width:250px;
float:left;
height:480px;
margin-left:18px;
}

#motability {
width:250px;
float:left;
height:480px;
margin-left:18px;
background:url(graphics/motability-right.gif) top right no-repeat;
}

#offer-left {
width:699px;
height:480px;
float:left;
margin-top:3px;
}


#offer-right {
width:250px;
float:left;
height:480px;
margin-left:18px;
}


#book-left {
width:690px;
float:left;
padding-left:14px;
}


#book-right {
width:265px;
float:left;
margin-left:18px;
}

.row {
width:700px;
height:30px;
margin:0;
margin-bottom:5px;
float:left;
clear:both;
border:1px solid #CCCCCC;
background-color:#f0f0f0;
height:34px;
margin-left:10px;
_margin-left:5px;
}

.row1 {
width:700px;
height:30px;
margin:0;
margin-bottom:5px;
float:left;
clear:both;
border:1px solid #CCCCCC;
height:34px;
margin-left:10px;
_margin-left:5px;
}

.row2 {
width:700px;
height:30px;
margin:0;
margin-bottom:5px;
float:left;
clear:both;
border:1px solid #CCCCCC;
height:34px;
margin-left:10px;
_margin-left:5px;
}


.row1 div, .row2 div {


}

.new-car-offer-pic{
width:45px;
float:left;
height:33px;
padding-top:0px;

}
.new-car-offer-year {
width:60px;
padding-left:5px;
float:left;
height:25px;
padding-top:8px;
}

.new-car-offer-disc{
width:297px;
padding-left:5px;
float:left;
overflow:hidden;
height:25px;
padding-top:8px;

}
.new-car-offer-price{
width:58px;
float:left;
padding-left:2px;

font-weight:bold;
height:25px;
padding-top:8px;
}
.new-car-offer-save{
width:98px;
float:left;
padding-left:2px;

color:#f77d02;
font-weight:bolder;
height:25px;
padding-top:8px;
}

.new-car-offer-finance {
width:38px;
float:left;
padding-left:2px;
font-weight:bolder;
font-size:14px;
height:25px;
padding-top:8px;
}

.new-car-offer-more{
width:80px;
float:left;
height:33px;
padding-top:0px;

}

/*new car selector*/ 
#newmini{
	position: relative;
	float:left;
	margin-bottom: 10px;
	margin-left:10px;
	width:980px;
}


.newminitem {
width:100px;
max-width:100px;
float:left;
position:relative;
margin-right:14px;
_margin-right:7px;
font-size:10px;
margin-bottom:10px;
padding:3px;
height:280px;

}


.newminititle {
font-size:12px;
font-weight:900;
text-align:center;
color:#205f9d;
height:25px;
float:left;

}

.newminigraphic {
width:100px;
height:105px;
float:left;
}

.newminitext {
width:100px;
position:relative;
text-align:center;
font-size:10px;
height:145px;
margin-bottom:10px;
float:left;
}
.newminitem a, .newminitem *{
border:none;
}


.currentday {
background-color:#00CCFF;
color:#000000;
font-weight:bold;
}

/*new car pages*/



.subheaders {
font-size:16px;
font-weight:bolder;
display:block;
width:900px;
float:left;
padding-bottom:20px;
padding-top:10px;
padding-left:10px;

}

#new-left{ 
width:220px; 
float:left; 
margin-left:10px;
 margin-top:20px; 
 border-right:1px solid #256bad;
}

#new-mid {
	padding:10px;
	/*width:450px;*/
	width:345px;
	float:left;
	margin: 10px;
}

#new-mid strong {
color:#256bad;
}

#new-right { 
/*width:262px;*/
width:345px;
 float:left; 
 margin-top:10px;
 padding-top:10px;
}

#new-right strong { 
color:#256bad;
}


#new-offer {
width:100%;
padding-top:40px;
background:url(graphics/new_offer_title.gif) top left no-repeat;
}

.leftabit {
margin-left:10px;

}


#about-us-p1 {	Float:left;

	width:256px;
	height:189px;
	margin-left:10px;
	margin-bottom:10px;
}
#about-us-p2 {	Float:left;

	width:256px;
	height:189px;
	margin-left:10px;
	margin-bottom:10px;
}
#about-us-p3 {	Float:left;

	width:256px;
	height:189px;
	margin-left:10px;
	margin-bottom:10px;
}
#about-us-p4 {	Float:left;

	width:256px;
	height:189px;
	margin-left:10px;
	margin-bottom:10px;
}
#about-us-p5l {	Float:left;

	width:529px;
	height:129px;
	margin-left:10px;
	
}
#about-us-text {	Float:left;

	width:446px;
	height:600px;
	margin-left:10px;
	_margin-left:5px;
}

#biz-links{
width:230px;
float:right;
/*padding-left:90px;
padding-top:40px;*/
}

#biz-links a {
/*margin-right:25px;*/
border:0 none;
}


.downloadb {
display:block;
width:217px;
height:64px;
background:url(graphics/new_download.gif) top center no-repeat;
text-decoration:none;
float:left;
margin-right:2px;
}


.downloadb span{
font-size:16px;
font-weight:bold;
color:#FFFFFF;
width:217px;
text-align:center;
display:block;
margin-top:20px;
}


#new-select  {
width:980px;
padding-left:10px;
margin-left:10px;
_margin-left:5px;
height:80px;
margin-bottom:10px;
float:left;
}

#new-select a {
float:left;
margin-right:20px;
}

.newoffright {

}

#Mazda-price {
margin-left:30px;
margin-top:20px;
padding:10px;
border:1px solid #CCCCCC;
width:900px;
float:left;
clear:both;
}

.rightimg {
float:right;
margin-right:10px;
clear:right;
}
#menu1 {
position:absolute;
left:238px;
top:244px;
width:85px;
z-index:500;
visibility:hidden;
}


#menu2 {
position:absolute;
left:330px;
top:55px;
width: 140px;
z-index:500;
visibility:hidden;

}

#menu1 ul, #menu2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;

}

#menu1 li, #menu2 li {
list-style-type: none;
}

#menu1 a, #menu2 a
{
display: block;
padding-top:5px;
height:20px;
width:85px;
background-color: #e4e4e4;
text-align:center;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

#menu1 a:link, #menu1 a:visited, #menu2 a:link, #menu2 a:visited
{
color: #525252;
text-decoration: none;
}

#menu1 a:hover, #menu2 a:hover
{
color: #580b6a;
}

#parts-content {
float:left;
width:450px;
min-height:200px;
background:url(graphics/parts-content-bg.gif) top center repeat-y;
_left:-5px;

}

#parts-text
{
	padding-left:25px;
	width:400px;
	float:left;

}

#map1 {
float:left;
width:642px;
height:373px;
margin-left:5px;
}

#map2 {
float:left;
width:311px;
height:371px;
border:1px solid #b9b8b8;
}

#address1 {
float:left;
width:195px;
height:200px;
margin-left:5px;
margin-top:10px;
padding:30px 0 0 5px;
background:url(graphics/contact.gif) top left no-repeat;
}

#address2 {
float:left;
width:200px;
height:212px;
margin-top:10px;
padding:38px 0 0 0;
}

#directions {
float:left;
width:945px;
margin-top:20px;
margin-left:10px;

padding:30px 0 0 0;
}

#googlemap {
float:right;
width:650px;
height:250px;
margin-top:40px;
margin-right:25px;
_margin-right:12px;
}

/*New Car Page Style*/

.new-wrap {
width:950px;
height:205px;
padding-left:5px;
padding-top:5px;
float:left;
margin-left:5px;
margin-bottom:8px;
border:1px solid #CCCCCC;
font-size:12px;
}

.new-photo {
width:160px;
height:130px;
float:left;
margin-right:10px;
margin-left:5px;
}

.new-makemodel {
width:568px;
height:15px;
padding:5px;
margin-top:5px;
float:left;
font-weight:bolder;
}

.new-price {
width:568px;
height:15px;
padding:5px;
float:left;
font-weight:bold;
}

.new-spec1 {
width:220px;
height:50px;
padding:5px;
float:left;
margin-right:5px;
margin-bottom:10px;
color:#580b6a;
}

.new-spec2 {
width:220px;
height:50px;
padding:5px;
float:left;
margin-bottom:10px;
color:#580b6a;
}

.new-spec1 li, .new-spec2 li {
margin-left:22px;
list-style:circle;
}

.new-brochure a{
display:block;

width:120px;
height:15px;
padding:5px;
float:left;
margin-left:160px;
text-align:center;
text-decoration:none;
background:url(graphics/brochure_button.gif) top left no-repeat;
color:#ffffff;
border:1px solid #333333;
margin-bottom:5px;
}

.new-next a {
display:block;
width:120px;
height:15px;
padding:5px;
float:left;
margin-left:160px;
text-align:center;
text-decoration:none;
background:url(graphics/new_button.gif) top left no-repeat;
color:#ffffff;
border:1px solid #333333;
}


.new-extra {
float:left;
clear:both;
width:935px;
padding:5px;
height:60px;
overflow:auto;
margin-top:5px;
}

.col01 {
width:47%;
float:left;
padding-left:1%;
}


.col02 {
width:48%;
float:left;
margin-left:2%;
}


#range-title {
padding:10px;
}

#range-title H1 {
font-size:120%;
font-weight:bolder;
margin-bottom:3px;
margin-top:2px;
}

#range-title H2 {
font-size:14px;
font-weight:bolder;
margin-bottom:3px;
margin-top:2px;
color:#580b6a;
}
