* {
	margin: 0;
	padding: 0;
	outline: none;
}
img {
	border: none;	
}
.clear {
	clear: both;
	display: block;
	height: 0px;
	overflow: hidden;
}
body {
	background: #ffffff url('images/bground2.jpg') repeat-x left top;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#action ul li {
	position: relative;
}
#action ul li .servicingOffers {
	position: absolute;
	top: 6px;
	right: 6px;
	display: block;
	height: 100px;
	width: 100px;
	text-indent: -9999px;
}
#wrapper {
	text-align: left;
	width: 980px;
	margin: 0 auto;
	position: relative;
	display: block;
}
h1 {
	font-weight: normal;	
	color: #0180c7;
	font-size: 22px;
	position: absolute;
	top: 570px;
	left: 0px;
	width: 660px;
}
h1 em {
	display: block;
	color: #555555;
	font-size: 12px;
	font-style: normal;
	padding: 4px 0 0 0;
}
#salespage h1 {
	position: absolute;
	top: 215px;
	left: 0px;	
}
#vdpage h1 {
	position: absolute;
	top: 215px;
	left: 0px;	
}
#head {
	position: relative;
	width: 980px;
	float: left;
	height: 163px;
}
#head strong {
	font-size: 24px;
	text-transform: uppercase;
	color: #000;
	position: absolute;
	top: 130px;
	left: 4px;
	font-weight: bold;
}
#head em {
	font-style: normal;
	font-size: 18px;
	color: #007fc6;
	position: absolute;
	left: 138px;
	top: 92px;
}
#head #tel {
	color: #007fc6;	
	font-size: 30px;
	position: absolute;
	top: 49px;
	right: 0px;
}
#head #add {
	color: #000000;
	text-align: right;
	position: absolute;
	top: 94px;
	right: 0px;
}
#head #clock {
	position: absolute;
	top: 10px;
	right: 0px;
	color: #0080c1;
	font-size: 11px;
}
.toplink {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('images/shim.gif');
	width: 500px;
	height: 96px;
	text-indent: -6000px;
	z-index: 1000;
}
#mlogo {
	position: absolute;
	top: 0px;
	left: 0px;
}
#toplogo {
	position: absolute;
	top: 0px;
	left: 128px;
}
#mainnav {
	height: 40px;
	width: 980px;
	float: left;
	position: relative;
}
#mainnav ul {
	height: 40px;
}
#mainnav ul li {
	height: 40px;
	list-style-type: none;
	float: left;
	position: relative;
}
#mainnav ul li a {
	float: left;
	height: 40px;
	display: block;
	line-height: 39px;
	text-decoration: none;
	color: #ffffff;
	padding: 0 16px 0 15px;
}
#mainnav ul li a:hover {
	background: url('images/butover.jpg') repeat-x left top;
}
#mainnav ul li a.hbut {
	padding: 0px;
	width: 43px;
	background: url('images/homebut.jpg') no-repeat left top;
	text-indent: -5000px;
}
#mainnav ul li a:hover.hbut {
	background-position: left bottom;	
}
#mainnav ul li a.sales {
	padding: 0 20px 0 19px;	
}
#mainnav ul li ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 40px;
	width: 180px;
	z-index: 1000000;
}
#mainnav ul li ul li {
	width: 180px;
	float: left;
	clear: left;
	height: 32px;
	z-index: 1000000;
}
#mainnav ul li ul li a {
	background: #00a9d9;
	padding: 0px;
	width: 180px;
	text-indent: 12px;
	height: 32px;
	line-height: 31px;
	z-index: 1000000;
}
#mainnav ul li ul li a:hover {
	background: #00c7ff url('images/dropdownback.gif') no-repeat right top;
	color: #014558;
}
#topmain {
	width: 980px;
	float: left;
	margin: 10px 0 0 0;
	height: 350px;
	position: relative;
	z-index: 1;
}
#topmainParts {
	width: 980px;
	float: left;
	margin: 10px 0 0 0;
	height: 500px;
	position: relative;
	z-index: 1;
}
#topmainParts2 {
	width: 980px;
	float: left;
	margin: 10px 0 0 0;
	height: 357px;
	position: relative;
	z-index: 1;
}
#trans {
	width: 660px;
	height: 350px; 
	float: left;
	display: inline;
}
#action {
	width: 310px;
	height: 365px;
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}
#action ul {
	width: 310px;
}
#action ul li {
	list-style-type: none;
	width: 310px;
	margin: 0 0 10px 0;
}
#action ul li a {
	display: block;
	width: 310px;
	height: 110px;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
}
#action ul li a em {
	font-style: normal;
	display: block;
	padding: 5px 0 0 15px;
	width: 160px;
}
#action ul li a.theteam {
	background: url('images/teamback1.jpg') no-repeat left top;
}
#action ul li a.servbutton {
	background: url('images/serviceback-new.jpg') no-repeat left top;	
}
#action ul li a.partsbut {
	background: url('images/partsback-new.jpg') no-repeat left top;	
}
#action ul li a:hover {
	background-position: left bottom;
	color: #0180c7;
}
#content {
	float: left;
	width: 660px;
	display: inline;
	margin: 10px 10px 0 0;
	padding: 55px 0 0 0;
	position: relative;
}
#content p {
	padding: 0 0 15px 0;
}
#content p a {
	text-decoration: none;
	font-weight: bold;
	color: #0180c7;
}
#content p a:hover {
	color: #666666;
	border-bottom: 1px dotted #666666;
}
#content p.floaty {
	float: right;
	text-align: right;
}
#content p.servcust {
	font-size: 18px;
	text-align: center;
	color: #666666;
	padding: 0 0 10px 0;

}
#content p.centre {
	text-align: center;
	font-size: 17px;
	padding: 0 10px 10px 10px;
}
#content p.locadd {
	float: right;
	text-align: right;
}
#content p.servtitle {
	text-transform: uppercase;
	text-align: center;
	font-size: 24px;
	color: #0180c7;
	font-weight: bold;
}
#content p.small {
	font-size: 10px;
}
#content h2.soffer {
	color: #0180c7;
	font-weight: normal;
	font-size: 20px;
	padding: 0 0 5px 0;
}
#content h2.soffer em {
	color: #666666;
	font-style: normal;
}
#content h3 {
	color: #0180c7;
	font-weight: normal;
	font-size: 16px;
	padding: 0 0 10px 0;	
}
#salespage #content {
	width: 980px;
}
#vdpage #content {
	width: 980px;
}
#offercol {
	margin: 70px 0 0 0;
	float: left;
	width: 310px;
	height: auto;
	display: inline;
}
#salespage #offercol {
	width: 200px;
}

#foot {
	width: 980px;
	float: left;
	height: 250px;
	border-top: 3px solid #0180c7;
	font-size: 10px;
}
#foot ul {
	padding: 15px 0 15px 0;
}
#foot ul li {
	list-style-type: none;
	display: inline;
	margin: 0 6px 0 0;
}
#foot ul li a {
	color: #0180c7;
	text-decoration: none;
}
#foot ul li a:hover {
	color: #666666;
	border-bottom: 1px dotted #666666;
}
#foot p {
	color: #666666;
}
#foot #logos {
	width: 100%;
	height: 54px;
	display: block;
}
#foot #logos img {
	float: left;
	padding: 0 12px 0 0;
}
#foot .top {
	display: block;
	background: #0180c7 url('images/topback.gif') no-repeat right top;
	padding: 4px 0 6px 0;
	text-decoration: none;
	width: 62px;
	text-indent: 8px;
	float: left;
	color: #ffffff;
}
#foot a:hover.top {
	background: #015b8e url('images/topback.gif') no-repeat right bottom;
}
#foot .disclaimer {
	display: block;
	float: right;
	background: #0180c7;
	padding: 4px 8px;
	text-decoration: none;
	width: 58px;
	color: #FFF;
}
#foot .disclaimer:hover {
	background: #015b8e;
}
#foot ul {
	clear: both;
}
.right {
	float: right;
}
.textimg {
	float: right;
	margin: -40px 0 5px 10px;
}
.uk {
	text-decoration: none;
	width: 160px;
	display: block;
	color: #666666;
	float: right;
	padding: 0 0 15px 0;
	background: url('images/globe.jpg') no-repeat right top;
}
a:hover.uk {
	color: #000000;
}

#searchform {
	
}
#searchform fieldset {
	border: none;
}
#searchform legend {
	display: none;	
}
#searchform ul {
	height: 30px;
	width: 980px;
	float: left;
}
#searchform ul li {
	list-style-type: none;
	width: 150px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
}
#searchform ul li label {
	display: none;
}
#searchform ul li select {
	width: 150px;
	float: left;
	display: block;
	padding: 2px 2px 2px 0;
}
#searchform ul li input.makemodelsearchbutton {
	width: 120px;
	height: 24px;
	border: none;
	background: url('images/searchback.gif') no-repeat left top;
	color: #ffffff;
}
#stocklinks {
	padding: 10px 0 0 0;
}
#stocklinks li {
	list-style-type: none;
	width: 200px;
	padding: 0 0 10px 0;
}
#stocklinks li a {
	width: 200px;
	display: block;
	text-decoration: none;
	height: 100px;
	color: #ffffff;
	text-indent: 12px;
	line-height: 172px;
}

#stocklinks li a.buyone {
	background: url('images/buyacar.jpg') no-repeat left top;
}
#stocklinks li a.sellone {
	background: url('images/sellacar.jpg') no-repeat left top;
}
#stocklinks li a:hover {
	background-position: left bottom;
	color: #ffff00;
}
#float {
	width: 200px;
	display: block;
	padding: 15px 0 0 0;
}
#panel {
	width: 660px;
	display: none;
}
#roger {
 width: 310px;
 height: auto;
 background: url('images/roger-simmons.jpg') no-repeat left top;
}
#roger.mserv {
 background: url('images/mazda-servicing.jpg') no-repeat left top;	
}
#roger.mpart {
 background: url('images/mazda-parts.jpg') no-repeat left top;	
}
#roger h4 {
	padding: 245px 0 10px 10px;
	color: #ffffff;
	font-size: 12px;
}
#roger p {
	color: #ffffff;
	font-size: 11px;
	padding: 0 10px 0 10px;
}
#roger p a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
#roger p a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.team {
	border-bottom: 2px solid #0180c7;
	position: relative;
	width: 660px;
	margin: 0 0 10px 0;
	display: block;
	height: 165px;
}
.team img {
	float: left;
	margin: 0 10px 5px 0;
}
.team h2 {
	font-weight: normal;
	color: #0180c7;
	font-size: 20px;
}
.boxout {
	float: right;
	margin: 0 0 10px 0;
}
.goleft {
	float: left;
	margin: 0 10px 5px 0;
}
#saleslinks {
	position: absolute;
	top: -10px;
	right: 0px;
}
#saleslinks li {
	float: left;
	display: block;
	margin: 0 0 0 5px;
	width: 180px;
	height: 84px;
}
#saleslinks li a {
	float: left;
	display: block;	
	width: 180px;
	height: 84px;
	text-decoration: none;
	color: #ffffff;
	text-indent: 10px;
	line-height: 140px;
}
#saleslinks li a.sellcar {
	background: url('images/sellacar.jpg') no-repeat left top;
}
#saleslinks li a.buycar {
	background: url('images/buyacar.jpg') no-repeat left top;
}
#saleslinks li a:hover {
	background-position: left bottom;
	color: #ffff00;
}
iframe {
	border: 1px solid #0180c7;
	margin: 0 0 15px 0;
}
#serviceoffers {
	display: block;
	background: url('images/service-offer-back.jpg') no-repeat left top;
	height: 660px;
	height: 250px;
	margin: 0 0 15px 0;
}
#serviceoffers a {
	display: block;
	width: 315px;
	height: 230px;
	float: left;
	margin: 10px 0 0 10px;
	text-indent: -6000px;
}
#serviceoffers a.servsp {
	background: url('images/service-offers.jpg') no-repeat left top;
}
#serviceoffers a.partsp {
	background: url('images/parts-offers.jpg') no-repeat left top;
}
#serviceoffers a:hover {
	background-position: left bottom;
}
.webadd {
	text-decoration: none;
	font-size: 15px;
	color: #0180c7;
	display: block;
	margin: 0 0 10px 0;
}
a:hover.webadd {
	color: #666666;
}
table#servhours {
	width: 550px;
	margin: 0 0 15px 0;
}
table#servhours td {
	
}
.printit {
	display: block;
	text-decoration: none;
	height: 42px;
	line-height: 39px;
	width: 160px;
	background: url('images/printit.jpg') no-repeat left top;
	text-align: right;
	padding: 0 12px 0 0;
	color: #ffffff;
	margin: 0 auto 10px auto;
}
a:hover.printit {
	background-position: left bottom;
}
#phot {
	background: #dddddd url('images/phot.jpg') no-repeat right top;
	height: 75px;
	margin: 0 0 15px 0;
	color: #0180c7;
	position: relative;
}
#phot em {
	text-transform: uppercase;
	font-size: 18px;
	position: absolute;
	top: 10px;
	left: 15px;
	font-style: normal;
}
#phot span {
	position: absolute;
	top: 35px;
	left: 15px;	
	font-size: 24px;
	font-weight: bold;

}
#servbook {
	background: #dddddd url('images/servbook.jpg') no-repeat right top;
	height: 59px;
	margin: 0 0 15px 0;
	color: #0180c7;
	position: relative;
	display: block;
	text-decoration: none;
	font-size: 18px;
	padding: 16px 350px 0 15px;
}
#disc {
	text-align: center;
	border: 1px solid #dddddd;
	line-height: 27px;
	margin: 0 0 15px 0;
}
#disc span {
	font-size: 11px;
	color: #cc0000;
}
.serviceoffers {
	display: block;
	width: 216px;
	height: 46px;
	text-decoration: none;
	background: url('images/serviceoffers.jpg') no-repeat left top;
	color: #ffffff;
	padding: 36px 80px 0 14px;
	float: right;
	margin-right: -10px;
}
a:hover.serviceoffers {
	background-position: left bottom;
	color: #0180c7;
}






/************************************ active states **********************************************/

#hpage #mainnav ul li a.hbut {
	background-position: left bottom;	
}
#salespage #mainnav ul li a.sales, #vdpage #mainnav ul li a.sales {
	background: url('images/butover.jpg') repeat-x left top;
}
#teampage #mainnav ul li a.teambut {
	background: url('images/butover.jpg') repeat-x left top;
}
#finpage #mainnav ul li a.finbut {
	background: url('images/butover.jpg') repeat-x left top;
}
#contpage #mainnav ul li a.contbut {
	background: url('images/butover.jpg') repeat-x left top;
}
#abpage #mainnav ul li a.abbut {
	background: url('images/butover.jpg') repeat-x left top;	
}
#warpage #mainnav ul li a.warbut {
	background: url('images/butover.jpg') repeat-x left top;	
}
#partpage #mainnav ul li a.mpart {
	background: url('images/butover.jpg') repeat-x left top;
}
#servpage #mainnav ul li a.servpage {
	background: url('images/butover.jpg') repeat-x left top;	
}
#wspage #mainnav ul li a.locandh {
	background: url('images/butover.jpg') repeat-x left top;	
}
#offpage #mainnav ul li a.moffers {
	background: url('images/butover.jpg') repeat-x left top;	
}
#pso #mainnav ul li a.moffers {
	background: url('images/butover.jpg') repeat-x left top;	
}

/********************************** end active states **********************************************/

#serviceAdvert {
	position: relative;
	width: 656px;
	text-align: center;
	border: 2px solid #00A9D9;
}

#serviceAdvert h1 {
	position: static;
	font-size: 38px;
	margin-top: 10px;
	font-weight: bold;
	color: #222;
}

#serviceAdvert h2 {
	position: static;
	font-size: 30px;
	font-weight: normal;
	color: #222;
}

#serviceAdvert h3 {
	position: static;
	font-size: 22px;
	color: #00A9D9;
}

#serviceAdvert h3 a {
	color: #00A9D9;
	text-decoration: none;
}

#serviceAdvert h4 {
	position: static;
	font-size: 34px;
	color: #00A9D9;
}

#serviceAdvert p {
	font-size: 20px;
	margin: 10px 0;
	color: #222;
}

#serviceAdvert p.smaller {
	font-size: 14px;
	color: #222;
}

#serviceAdvert p.larger {
	font-size: 26px;
	color: #222;
}

#trans {
	position: relative;
}

ul.warranty {margin-left: 15px;}

.warrantyh3 {
	font-size: 19px!important;
	text-decoration: underline;}

.norm {
	top:525px!important;
}
h1.serv {
	top: 365px !important;
}