/* ==== Spirit Group ==== */

/* ==== common ==== */
body, html {
margin: 0; 
padding: 0;
background-color: #FFFFFF; }
img {
margin: 0; 
padding: 0;
border: 0 }
.notes {
font: normal 10px/12px Arial, Helvetica, sans-serif, serif; color: #949494; }
.clear {
clear: both;
height: 0px;
overflow: hidden; }
#pages { 
width: 950px;
padding: 0 0 0 0;
margin: 0 auto;}

/* ==== header ==== */
#header {
width: 950px;
height: 104px;
padding: 0;
margin: 0;}
.headerleft {
width: 230px;
float: left;
padding: 0;
margin: 0; }
.headerright {
width: 710px;
float: right;
padding: 0;
margin: 0; }
.headerbrands {
float:right;}


/* ====== nav ====== */
#navcontainer {
position:relative;
z-index:9999;
width: 704px;
height: 26px;
margin: 0;
padding: 3px 0 0 6px; 
background: url(/images/menu/nav-bg.jpg) top repeat-x;}

#nav {
width: 960px;
display: inline;
list-style: none;
margin: 0;
padding: 0; }

#nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0; }

#nav li {
float: left;
margin: 0;
padding: 0;
display: inline; }

#nav a {
font: normal 13px Arial, Helvetica, sans-serif; color: #0054a6;
text-decoration: none;
display: block;
margin: 0;
padding: 2px 11px 7px; }

#nav a:hover {
color: #0054a6;
background: url(/images/menu/nav-hover.gif) top repeat-x;}

#nav ul li a:hover {
color: #FFF;
text-decoration: none;
background: url(/images/menu/nav-hover.gif) top repeat-x; } 

#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0 0 0 -6px;
padding: 0;
width: 194px;
w\idth: 190px;
border: none; }

#nav li ul a {
width: 194px;
w\idth: 190px;
margin: 0;
padding: 3px 3px 5px 0;
background: #dfe5ef;
color: #FFF;
font: normal 12px Arial, Helvetica, sans-serif; color: #0054a6;
padding-left: 7px;
line-height: 1.4em;
border-bottom: solid 1px #aba9a5; }
#nav li ul a:hover {
background: #0054a6;
color: #FFF;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
width: 164px; } 

/* ==== content ==== */

#content {
width: 950px;
margin: 25px 0 0 0; 
font: normal 12px/16px Arial, Helvetica, sans-serif; color: #13171a;
padding: 0; }
.bigevent-title{
margin: 0;
}
#content p {
margin: 0 0 8px 0;
padding: 0; }


/* ==== home content ==== */
#homeintro {
width: 710px; 
margin: 0 0 15px 0;
padding: 0;
float: left;}
#service-home {
width: 230px; 
height: 200px;
float: left;
margin: 0 10px 25px 0;
padding: 10px 0 0 0;
background: url(../images/home/home-service-bg.jpg) top no-repeat; }
#newcars-home {
width: 230px; 
height: 200px;
float: left;
padding: 10px 0 0 0;
margin: 0 10px 25px 0;
background: url(../images/home/home-newcars-bg.jpg) top no-repeat; }
#usedcars-home {
width: 230px; 
height: 200px;
margin: 0 10px 25px 0;
padding: 10px 0 0 0;
float: left;
background: url(../images/home/home-usedcars-bg.jpg) top no-repeat;}
#specials-home {
width: 230px; 
height: 200px;
padding: 10px 0 0 0;
margin: 0;
float: left;
background: url(../images/home/home-specials-bg.jpg) top no-repeat;}

#service-home a:link, #service-home a:active, #service-home a:visited{
color: #dcf30c; 
text-decoration:none;}
#newcars-home a:link, #newcars-home a:active, #newcars-home a:visited  {
color: #dcf30c; 
text-decoration:none;}
#usedcars-home a:link, #usedcars-home a:active, #usedcars-home a:visited {
color: #dcf30c; 
text-decoration:none;}
#specials-home a:link, #specials-home a:active, #specials-home a:visited {
color: #dcf30c; 
text-decoration:none;}
#service-home a:hover{
color: #fff; 
text-decoration: underline;}
#newcars-home a:hover {
color: #fff; 
text-decoration: underline;}
#usedcars-home a:hover {
color: #fff; 
text-decoration: underline;}
#specials-home a:hover {
color: #fff; 
text-decoration: underline;}
#service-home h2, #newcars-home h2, #usedcars-home h2, #specials-home h2 {
font: normal 19px/19px Arial, Helvetica, sans-serif; color: #fff;
margin: 0;
padding: 0 0 4px 9px; }
#homeboxes {
width: 950px; 
margin: 0;
padding: 0;}
#homeboxes p {
padding: 0 0 0 10px;}

.testimonial{
font-size: 120%;
}
.testimonialby{
font-weight: bold;
padding: 0 0 0 30px;
}
.testimonialquote{
font-weight: bold;
padding: 0 5px 0 5px;
font-size: 150%;
}

/* --- moo tools image movement --- */

#kwickscontainer { 
	width: 950px;
	height: 192px;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	overflow: hidden;
	background-color: #fff;
}

#kwicks {
	position: relative;
	margin: 0;
	padding: 0;
}

#kwicks .kwick {
	float: left;
	display: block;
	width: 237px;
	height: 192px;
	margin: 0;
	padding: 0;
}

#kwickone a:hover, #kwickone a:active, #kwickone a:visited, 
#kwicktwo a:hover, #kwicktwo a:active, #kwicktwo a:visited, 
#kwickthree a:hover, #kwickthree a:active, #kwickthree a:visited, 
#kwickfour a:hover, #kwickfour a:active, #kwickfour a:visited{ 
	width: 200px;
	display: block;
	height: 192px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#kwickone { 
	background: url(/images/moo/hyundai-offers.jpg) repeat-x; 
	display: block;
	margin: 0;
	padding: 0;
}


#kwicktwo { 
	background: url(/images/moo/used-offers.jpg) repeat-x ; 
	display: block;
	margin: 0;
	padding: 0;
}


#kwickthree { 
	background: url(/images/moo/special-offers.jpg) repeat-x ; 
	display: block;
	margin: 0;
	padding: 0;
}

#kwickfour { 
	background: url(/images/moo/findus.jpg) repeat-x ; 
	display: block;
	margin: 0;
	padding: 0;
}


/* ==== main content ==== */
#main {
width: 710px;
float: right;
padding: 0;
margin: 0;
font: normal 12px/19px  Arial, Helvetica, sans-serif; color: #4b4b4b;}

.bookservice {
font-size: 19px;
font-weight: normal;}
	
#homemain {
width: 230px;
float: left;
padding: 0 0 0 0;
text-align: justify;
margin: 0;
font: normal 12px/19px  Arial, Helvetica, sans-serif; color: #4b4b4b;}
#dotd{
width: 950px;
padding: 10px 0px 0px 0px;
margin: 0;
float: left;}

#dotd img, #dotd a{
padding: 0;
margin: 0;
}

#main p {
padding: 0 10px 0 10px;
margin: 0 0 10px 0; }
#main ul {
margin: 10px 0 30px 30px;
padding: 0 }
#main ul li {
list-style-type: disc;
margin: 0 0 0 0;
padding: 0 0 0 0; }
.was-price {
font: bold 16px  Arial, Helvetica, sans-serif; color: #2c2c2c;
margin: 0;
padding: 0; }
.now-price {
font: bold 16px  Arial, Helvetica, sans-serif; color: #2e7308;
margin: 0;
padding: 0; }
.save-price {
font: bold 16px  Arial, Helvetica, sans-serif; color: #890000;
margin: 0;
padding: 0; }
.upgradeto {
font: bold 12px  Arial, Helvetica, sans-serif; color: #CC0000;
margin: 0;
padding: 0; }
.offerbg {
background-color:#eff5f9;
padding: 10px 0 4px 0;
border: 1px solid #d2e1ef;
margin: 0 0 10px 0;}



#newcarscontent{
width: 700px;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
float: left;}
#newcarsbutton{
float: left;
width: 165px;
padding: 5px 5px 5px 5px;
}
#postcodesearch {
font: normal 12px Arial, Helvetica, sans-serif; color: #383838;
width: 449px;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #d2e1ef;}
#left {
width: 210px;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
float: right;
background-color:#e0e7f1;}

#newsnav {
width: 210px;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
float: left;
}

#newsnav h2{
font-size: 16px;
}

#newsnav a:link, a:visited{
color: #0054A6;
text-decoration: none;
font-weight: bold;
}

#newsnav a:hover{
text-decoration: underline;
}


#left p {
padding: 0;
font: normal 12px/19px   Arial, Helvetica, sans-serif; color: #4b4b4b;
margin: 0 0 8px 0; } 
#left ul {
margin: 10px 0 10px 25px;
padding: 0 }
#left ul li {
list-style-type: disc;
margin: 0 0 5px 0;
padding: 0; }
#left a {
font-weight: bold;
color: #0054a6;
text-decoration: none; }
#left a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold; }



#centre {
margin: 0 0 0 0;
padding: 0 0 0 0;
float: right;}

#big-event{
width: 710px;
margin: 0 0 0 0;
padding: 0 0 0 10px;
float: left;
}

#centre p {
margin: 0 0 10px 0; }
#centre h2 {
margin-left: 10px;}
#centre ul {
margin: 10px 0 10px 25px;
padding: 0 }
#centre ul li {
list-style-type: disc;
margin: 0 0 5px 0;
padding: 0; }
#centre a {
font-weight: bold;
color: #0054a6;
text-decoration: none; }
#centre a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold; }


#main a {
font-weight: bold;
color: #0054a6;
text-decoration: none; }
#main a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold; }

#right {
width: 230px;
float: left;
margin: 0;
padding: 0;}
#right p {
padding: 0 10px 0 10px;
margin: 0 0 10px 0;
font: normal 12px/19px  Arial, Helvetica, sans-serif; color: #4b4b4b; }
#right a:link, #right a:visited, #right a:active {
font-weight: normal;
color: #dcf30c;
text-decoration: none; }
#right a:hover {
color: #fff;
text-decoration: underline;
font-weight: normal; }


#full {
width: 710px;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: right;
font: normal 12px/19px  Arial, Helvetica, sans-serif; color: #4b4b4b;}
#full p {
margin-bottom: 10px;
padding: 0 0 0 10px;}
#full h2 {
margin-left: 10px;}
#full ul {
margin: 10px 0 10px 25px;
padding: 0 }
#full ul li {
list-style-type: disc;
margin: 0 0 5px 0;
padding: 0; }
#full a {
font-weight: bold;
color: #0054a6;
text-decoration: none; }
#full a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold; }

#newcarscontent  a {
font-weight: bold;
color: #0054a6;
text-decoration: none; }
#newcarscontent a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold; }

#landingcentre {
width: 470px;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;}
#landingcentre p {
margin-bottom: 10px; }
#landingcentre h2 {
margin-left: 10px;}
#landingcentre ul {
margin: 10px 0 10px 25px;
padding: 0 }
#landingcentre ul li {
list-style-type: disc;
margin: 0 0 5px 0;
padding: 0; }
#landingcentre a {
font-weight: bold;
color: #0054a6;
text-decoration: none; }
#landingcentre a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold; }



.newcarleft2 {
width: 460px;
float: left;}
.newcarleft {
width: 230px;
float: left;}
.newcarright {
width: 230px;
float: right;
margin: 0 0 10px 0;}

/* Big Event Container */

.bigevent{
background-color:#fff;
padding: 10px 0 4px 0;
border: 1px solid #d2e1ef;
margin: 0 0 10px 0;
}


/* End Big Event Container */
.offerbgleft2 {
    float: left;
    width: 450px;
}
.offerbgleft {
    float: left;
    width: 220px;
}

.offerbgright {
width: 230px;
float: right;
margin: 0 10px 0 0;}

#contactright {
float: right;
margin: 0 0 10px 0;
width: 220px;
padding: 10px 10px 0 0;
background-color:#0054a5;}
#contactright p {
padding: 0 10px 0 10px;
margin: 0 0 10px 0;
font: normal 12px/19px  Arial, Helvetica, sans-serif; color: #FFFFFF; }
#contactright h2 {
font: normal 22px/19px Arial, Helvetica, sans-serif; color: #fff;
padding: 0 0 0 0;
margin-left: 10px;}
#contactright a:link, #contactright a:visited, #contactright a:active {
color: #dcf30c;
text-decoration: none;
font-weight:normal;  }
#contactright a:hover {
color: #fff;
text-decoration: underline;
font-weight:normal; }

#contactright input, #contactright textarea{ 
	width: 200px;
}

#contactright textarea {
	height: 100px;
}

.detailscallwhite {
font: bold 25px/16px  Arial, Helvetica, sans-serif; color: #fff;
margin: 0;
padding: 0;}




/* ======  images ====== */

.homewidth {
padding: 0;
margin: 6px 0 0 0;}
.titleimage {
padding: 0;
margin: 0 0 15px 0;}
.newcarthumb1 {
margin: 0 0 0 0;}
.newcarthumb2 {
margin: 0 0 0 0;}
#newcarthumbtable a, #newcarthumbtable a:link, #newcarthumbtable a:active, #newcarthumbtable a:visited  {
font: normal 13px Arial, Helvetica, sans-serif; color: #0054a6;
text-decoration:none;

display:block;
margin: 0 0 10px 0;
padding: 0;}
#newcarthumbtable a:hover {
font: normal 13px Arial, Helvetica, sans-serif; color: #0054a6;
text-decoration: none;
margin: 0 0 10px 0;}
#newcarthumbtable a:hover strong{
text-decoration: underline;}
.newcarthumbtxt {
text-align: left;
font-size: 14px;
padding: 2px 0 2px 4px;}
.smallpreview {
padding: 0;
margin: 0 14px 0 0;}
.whatcar { 
float: right;
margin: 0 0 8px 10px;}
.banners {
margin: 0 0 10px 0;}
.newcarbanner {
margin: 0 10px 0 0;}

#financethumbtable a, #financethumbtable a:link, #financethumbtable a:active, #financethumbtable a:visited  {
font: normal 11px Arial, Helvetica, sans-serif; color: #dcf30c;
text-decoration:none;
background-color:#0054a5;
display:block;
width: 230px;
margin: 0 0 10px 0;
padding: 0;}
#financethumbtable a:hover {
font: normal 11px Arial, Helvetica, sans-serif; color: #fff;
text-decoration:none;
margin: 0 0 10px 0;}

#financethumbtable2 a, #financethumbtable2 a:link, #financethumbtable2 a:active, #financethumbtable2 a:visited  {
font: normal 11px Arial, Helvetica, sans-serif; color: #dcf30c;
text-decoration:none;
background-color:#0054a5;
display:block;
width: 230px;
margin: 0 0 10px 0;
padding: 0;}
#financethumbtable2 a:hover {
font: normal 11px Arial, Helvetica, sans-serif; color: #fff;
text-decoration:none;
margin: 0 0 10px 0;}


/* ====  headings ==== */
h1 {
font: normal 22px Arial, Helvetica, sans-serif; color: #231f20;
letter-spacing:-1px;
margin: 6px 0 10px 0;
padding: 0 0 0 10px; }
h2 {
font: normal 22px/19px Arial, Helvetica, sans-serif; color: #0054a5;
padding: 0;
letter-spacing:-1px;
margin: 0 0 13px 0; }


/* ====== home search ====== */
#homesearchcontainer {
width: 210px;
height: 255px;
padding: 10px 10px 0 10px;
margin: 0 0 10px 0;
background-color:#0054a6;
/*background: url(../images/speedy-search-bg.jpg) top no-repeat;*/}
#homesearchcontainer p {
padding: 0;
margin: 0;
font: normal 12px/19px   Arial, Helvetica, sans-serif; color: #ffffff; }
#homesearchcontainer h2 {
font: normal 22px/19px Arial, Helvetica, sans-serif; color: #fff;
padding: 0 0 0 0;}
#homesearch {
width: 210px;
padding: 0 0 0 0;
margin: 10px 0 0 0 ; }
#homesearch select {
font: 11px  Arial, Helvetica, sans-serif; color: #000;
width: 210px;
margin: 0 0 5px 0;
padding: 0; }
#homesearch .dropdown {
width: 102px;
margin: 1px 6px 0 0;
padding: 0; }
#homesearch .dropdown2 {
width: 102px;
margin: 1px 0 0 0;
padding: 0; }
#homesearch input.search, #contactright input.submit {
font: bold 15px  Arial, Helvetica, sans-serif; color: #000;
width: 210px;
height: 30px;
margin: 0 0 0 0;
padding: 0;
background: url(/images/buttons/speedy-submit-bg.jpg) top no-repeat;
border:none;
cursor:pointer; }
.stock-indicator {
font: normal 16px  Arial, Helvetica, sans-serif; color: #53e1ff;
margin: 9px 0 9px 0;}

#dvVehicleCount {
float:left;}

/* ====== car search ====== */
#searchbox {
width: 470px;
background-color: #0054a5;
padding: 20px 0 20px 0;
margin: 0 0 10px 0;}
#searchbox table {
margin: 0;}
#searchtint {
width: 438px;
background-color:#3376b7;
padding: 13px 10px 10px 0;
margin: 0 0 0 10px;
border:1px solid #77a5d2;}
#searchbox h2 {
color:#FFFFFF;
margin: 0 0 10px 10px;}
#searchbox td {
margin: 0;
padding: 0 0 5px 0; }
#searchbox p {
margin: 0 0 0 10px;
padding: 0;
font: bold 12px/18px  Arial, Helvetica, sans-serif; color: #fff; }
#searchbox input {
margin: 5px 0 0 5px;
font: bold 12px/18px  Arial, Helvetica, sans-serif; }
#searchbox select {
width: 325px;
margin: 0 5px 0 5px;
padding: 0;
font: 12px/18px  Arial, Helvetica, sans-serif; }
#searchbox .price {
width: 156px;
font: 12px/18px  Arial, Helvetica, sans-serif;
margin: 0 7px 0 5px;
padding: 0 }
#searchbox .price2 {
width: 156px;
font: 12px/18px  Arial, Helvetica, sans-serif;
margin: 0 0 0 5px;
padding: 0 }
#searchbox input.search {
font: bold 15px  Arial, Helvetica, sans-serif; color: #000;
width: 325px;
height: 30px;
margin: 3px 0 0 5px;
padding: 0;
background: url(../images/buttons/advanced-submit-bg.jpg) top no-repeat;
border:none;
cursor:pointer; }

/* ==== results ==== */
#usedlist {
padding: 0;
margin: 0;
width: 710px;
float:right;}
#usedlist a {
font-weight: bold;
color: #0054a6;
text-decoration: none; }
#usedlist a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold; }
#usedlist p {
padding: 0 0 0 10px;}
.listintrotext {
margin: -50px 0 0 10px;}
#listthumb {
width: 300px;
}
#dvVehicleList td {
	margin: 0;
	padding: 2px 4px 2px 4px;
}
#dvVehicleList table {
border: 1px solid #0054a6;
color: #dae0eb;
margin: 0 0 0 0; }
.detailtext{
color: #dae0eb;}
#dvVehicleList .subtitle2 {
text-align: left;
width: 760px;
font: normal 9px  Arial, Helvetica, sans-serif; color: #FFF;
padding: 2px 4px 2px 4px;
background-color: #0054a6; }
#dvVehicleList .subtitle2 a:link {
color: #dcf30c; text-decoration: none; }
#dvVehicleList .subtitle2 a:hover {
color: #dae0eb; text-decoration: underline; }
#dvVehicleList .subtitle2 a:visited {
color: #dcf30c; text-decoration: none; }
#dvVehicleList .stripe, .nostripe, .nostripeover, .stripeover {
text-align: left;
width: 676px;
font: normal 9px  Arial, Helvetica, sans-serif; color:#dae0eb;
padding: 3px 2px 3px 4px; }
#dvVehicleList .nostripe {
background-color: #FFF;
color: #000; }
#dvVehicleList .stripe {
background-color: #e0e7f1;
color: #000; }
#dvVehicleList .nostripeover, #dvVehicleList .stripeover  {
background-color: #dcf30c;
color: #000;
cursor:hand; cursor:pointer; }
.buttons {
float: left;
width: 300px;
margin: 30px 0 0 50px;
padding: 0; }


/* ====  details ===== */
#dvVehicleDetail table {
border: 0 }
#dvVehicleDetail .title {
display: block;
width: 473px;
font: bold 12px  Arial, Helvetica, sans-serif; color: #dae0eb;
padding: 2px 0px 2px 4px;
margin: 0;
background-color: #012d76; }
#dvVehicleDetail .spectitle {
display: block;
font: normal 12px  Arial, Helvetica, sans-serif; color: #dae0eb;
padding: 2px 0 2px 4px;
margin: 8px 0 0 0;
background-color: #012d76; }
#dvVehicleDetail .wouldliketo {
display: block;
font: normal 12px  Arial, Helvetica, sans-serif; color: #dae0eb;
padding: 2px 0 2px 4px;
margin: 0;
background-color: #012d76; }
#dvVehicleDetail .dealer {
display: block;
font: normal 12px  Arial, Helvetica, sans-serif; color: #dae0eb;
padding: 2px 0 2px 4px;
margin: 0 10px 0 0;
background-color: #012d76; }
#dvVehicleDetail .imgsubtitle {
display: block;
font: normal 12px  Arial, Helvetica, sans-serif; color: #faf600;
padding: 2px 10px 2px 4px;
margin: 0;
background-color: #012d76; }
#dvVehicleDetail .spec, #dvVehicleDetail .address, #dvVehicleDetail .actions {
font: normal 12px/16px  Arial, Helvetica, sans-serif; color: #333;
padding: 6px 10px 10px 0px;
background-color: #FFF; }
.telephone {
font: normal 20px/24px  Arial, Helvetica, sans-serif; color: #4b4b4b;}
#detailpics {
width: 450px;
background-color:#eeeeee;
padding: 10px;
margin: 0 0 10px 0;}
#piccies {
width: 300px;
float: left;
padding: 0;
margin: 0;}
.mainimg {
margin: 0 6px 6px 0;
clear:both;}
#pricebox {
width: 138px;
height: 45px;
background-color:#d9ec1e;
text-align:center;
float:right;
padding: 5px 0 0 0;
margin: 0 0 6px 0;
color: #0054a5;
border: 1px solid #99a811;}
#quickspecbox {
width: 126px;
border: 1px solid #d0d0d0;
background-color:#e5e5e5;
float:right;
padding: 6px;
color: #13161b;}
.vehicleprice {
font: bold 30px  Arial, Helvetica, sans-serif; color: #13161b;
margin: 0;
padding: 0; }
.thumb {float: left;}
.thumb2 {float: left; margin: 0 6px 0 6px;}
.offertext {
font: bold 16px  Arial, Helvetica, sans-serif; color: #0054a6;
margin: 0;
padding: 0;
letter-spacing:-1px;}
.offertext-big {
font: bold 20px  Arial, Helvetica, sans-serif; color: #0054a6;
margin: 0;
padding: 0;
letter-spacing:-1px;}

.offer-green {
font: bold 14px  Arial, Helvetica, sans-serif; color: #2e7308;
margin: 0;
padding: 0; }

.offer-blue {
font: bold 14px  Arial, Helvetica, sans-serif; color: #0054a6;
margin: 0;
padding: 0; }



.detailscall {
font: bold 25px/16px  Arial, Helvetica, sans-serif; color: #0054a6;
margin: 0;
padding: 0;
letter-spacing:-1px;}
.detailsbreak {
margin: 0 0 4px 0;}

/* ==== find us tables ==== */
td, th {
font: normal 12px/16px  Arial, Helvetica, sans-serif; color: #4b4b4b;
line-height: 1.7em; }
.findustable {
border: 1px solid #cacaca;
border-collapse: collapse;
margin: 0 0 6px 0;
padding: 0;  }
.findustable p {
margin: 0;
padding: 0; }
.findustable td {
border: 1px solid #cacaca;
padding: 4px; }
.findustable th {
font: normal 11px  Arial, Helvetica, sans-serif; color: #012d76;
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
background-color: #ebeff4;
padding: 4px;
text-align: left; }
.findustandc {
font: 11px bold  Arial, Helvetica, sans-serif; color: #004e87;}
.demotable {
border-collapse: collapse;
border: 1px solid #d5d5d5;
background-color:#f9f9f9;}
.demotable th {
background-color: #004e87;
color: #fff;
font-weight:bold;}

/* ==== finance tables ==== */
td, th {
font: normal 12px/16px  Arial, Helvetica, sans-serif; color: #4b4b4b;
line-height: 1.7em; }
#fixedpriceservice, #fixedpricetop {
border-collapse: collapse;
color: #4B4B4B;
font: 12px/19px Arial,Helvetica,sans-serif;
padding: 0;}

#fixedpriceservice p, h4 {
margin: 5px 10px;}

#fixedpriceservice .tint, #fixedpricetop .tint {
background-color: #ECECEC;}

#fixedpriceservice td, #fixedpricetop td {
border-collapse: collapse;
color: #4B4B4B;
font: 12px/19px Arial,Helvetica,sans-serif;}

#fixedpriceservice .stripeleft, #fixedpricetop .stripeleft {
background-color: #E4E4E4;}

#fixedpriceservice tr.odd p {
float:left;}

#fixedpriceservice .stripe1, #fixedpricetop .stripe1 {
background-color: #E4E4E4;}

#fixedpriceservice div.arrow {
background:transparent url(/images/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;
display: block;
height: 16px;
width: 16px;
float:right; 
margin:8px 0 0 0;}

#fixedpriceservice tr.odd td {
cursor: pointer;}

#fixedpriceservice {
border-collapse: collapse;}

#fixedpriceservice div.up { background-position:0px 0px;}

.tabledrop {
background-color:#E4E4E4;}
.tabledrop2 {
background-color:#ECECEC;}

.financetandc {
font: 11px bold  Arial, Helvetica, sans-serif; color: #004e87;}
.apr {
font: bold 15px  Arial, Helvetica, sans-serif;}
.timestable {
margin: 0 0 10px 0;}

/* ====== contact form ====== */
#contact  {
width: 470px;
background-color: #0054a5;
padding: 20px 0 20px 0;
margin: 0 0 10px 0;
color: #FFFFFF;}
#contact h2 {
color:#FFFFFF;
margin: 0 0 10px 10px;}
#contact table {
margin: 0;}
#contact form {
margin: 0;
padding: 0; }
#contacttint {
width: 438px;
background-color:#3376b7;
padding: 13px 10px 10px 0;
margin: 0 0 0 10px;
border:1px solid #77a5d2;
overflow:hidden;
display:block;}
#contact p {
margin: 0 0 0 10px;
padding: 0;
font: bold 12px/18px  Arial, Helvetica, sans-serif; color: #fff; }
#contact input {
margin: 0 0 0 0;
padding: 2px;
font: normal 11px  Arial, Helvetica, sans-serif; color: #464646;}
#contact input {
margin: 5px 0 0 5px;
font: normal 11px/18px  Arial, Helvetica, sans-serif; color:#464646; }
#contact select {
width: 325px;
margin: 0 0 0 5px;
padding: 0;
font: normal 11px/18px  Arial, Helvetica, sans-serif; color:#464646; }
.contactwidth {
width: 317px;
margin: 0 0 0 5px;
padding: 0;
font: 12px/18px  Arial, Helvetica, sans-serif; }
#contact input.submit {
font: bold 15px  Arial, Helvetica, sans-serif; color: #000;
width: 325px;
height: 30px;
margin: 5px 0 0 0;
padding: 0;
background: url(../images/buttons/advanced-submit-bg.jpg) top no-repeat;
border:none;
cursor:pointer;}
#contact input.chkbox {
margin: 0 6px 0 0;
padding: 0;
font: 12px  Arial, Helvetica, sans-serif;
border: 0; }
#contact textarea {
font: normal 11px  Arial, Helvetica, sans-serif;  color:#464646;
width: 320px;
height: 60px;
margin: 0 0 0 5px; }
#contact table {
margin: 0 0 10px 0;
padding: 0;
border: none; }
#txtCarDetails, #txtName, #txtEmail, #txtTelephone, #txtCompany, #contact select {
width: 325px;
margin: 0 5px 0 5px;
padding: 0;
font: normal 11px/18px  Arial, Helvetica, sans-serif; color:#464646;  }
#txtEnquiry, {
width: 325px;
margin: 10px 0 0 5px;
padding: 0;
font: 12px/18px  Arial, Helvetica, sans-serif;  }
#btnSubmit {
width: 70px;
margin: 0;
padding: 0;
font: normal 11px  Arial, Helvetica, sans-serif; color: #000;}
.chkbox {
margin: 0 5px 0 0;}
.white {
color:#FFFFFF;}
#dvOriginalDisclaimer {
margin: 0 0 0 108px;}


/* ====  Enquiry form ==== */
#enquiryform {
margin: 0 0 9px 0;
padding:0;
width: 470px; }
#enquiryform fieldset {
margin: 0;
padding: 1em;  
-moz-border-radius:4px; }
#enquiryform legend { 
font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #4b4b4b;
margin: 0;
padding: 0 5px 0 0; }
#enquiryform label {
float: left;
width: 130px;
margin: 0;
padding: 6px 0 0 0 }
#enquiryform input { 
font: normal 11px Arial, Helvetica, sans-serif; color: #000;
width: 174px;
margin: 0;
margin: 6px 0 0 0; }
#enquiryform select { 
font: normal 11px Arial, Helvetica, sans-serif; color: #000;
width: 220px;
margin: 5px 0 0 0;
padding: 0; }
#enquiryform textarea { 
font: normal 11px Arial, Helvetica, sans-serif; color: #000;
width: 174px;
height: 80px;
margin: 2px 0 0 0;
padding: 0; }
#enquiryform input:focus, #enquiryform textarea:focus { 
background-color: #FFC; }
#enquiryform input.chkbox1 {
width: auto;
margin: 0;
padding: 0; }
#enquiryform input.chkbox2 {
width: auto;
margin: 0 0 0 15px;
padding: 0; }
#enquiryform input.submit {
width: 80px;
float: left;
margin: 10px 6px 0 0;
padding: 0; }
#enquiryform select.mot-month {
width: 105px;
margin: 0 10px 0 0;}
#enquiryform select.mot-year {
width: 105px;}

/* ==== footer ==== */
#footer {
width: 940px;
margin: 10px 0 0 0 ;
padding: 13px 0 13px 10px;
font: 12px Arial, Helvetica, sans-serif; color: #ffffff;
background-color:#0054a6;}
#footer a:link, #footer a:visited, #footer a:active {
font-weight: normal;
color: #dcf30c; text-decoration: none; }
#footer a:hover {
font-weight: normal;
color: #e9e9e9; text-decoration: underline;}
#footer p {
margin: 0 0 0 0;
padding: 0 0 0 0;}
.footertop {
height: 60px;}

/* ==== t&cs popup ==== */
#terms {
padding: 5px 0 5px 0;
font: normal 11px/14px  Arial, Helvetica, sans-serif; color: #999; 
background-color: #FFF; }
#terms h1 {
font: normal 24px "Century Gothic", Arial, Helvetica, sans-serif; color: #012d76;
letter-spacing: -1px;
margin: 0 0 10px 0;
padding: 0 0 0 6px; }
#terms p {
margin: 0 5px 10px 7px; }
#terms h2 {
font: bold 11px/14px  Arial, Helvetica, sans-serif; color: #999; 
margin: 0 0 2px 7px; }
#terms a {
font-weight: bold; color: #E32025; text-decoration: none; }
#terms a:hover {
color: #304E97; text-decoration: none; }
#terms ul {
list-style-type: disc;
margin: 5px 0 10px 20px;
padding: 0; }

/* ==== slidey boxes ==== */

/* always visible */
#outer .holder {padding:0 0 0 6px; border:none; margin:0 0 0 0;}
#outer .holder p {padding:0 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {padding: 10px 0 0 0; margin-top: 5px; margin-right:-10px 10px 0 0; cursor:pointer; color:#012d76; font-weight:bold; font-style:normal;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}
.more { margin: 6px 0 0 0;}
#outer .notes p{
margin: 8px 0 0 0;
font: normal 10px/12px Arial, Helvetica, sans-serif; color: #949494;}


/*===== OLD BUILD YOUR OWN SERVICE PAGE=========*/

#byos{
padding: 5px;
margin: 0;
width:460px;
float:left;
border: solid 1px #000;
}

#byos .left{
margin: 0;
padding: 0;
float: left;}

#byos .right{
margin: 0;
padding: 0;
float: right;}

#byos .centerblue{
text-align:center;
color: #0054a5;}

#byos .center{
text-align:center;
}

#byos .bigprice{
padding: 0;
margin: 0;
line-height:normal;
text-align:center;
color: #0054a5;
font: bold 30px Arial, Helvetica, sans-serif;
}
.smallprice{
font: bold 20px Arial, Helvetica, sans-serif;
}

#byos table p{
padding: 0;
margin: 0;
}

#byos h1{
text-align:center;
padding: 0;
margin: 0;
font: normal 18px Arial, Helvetica, sans-serif; color: #000;
}
#byos li{
padding-left: 5px;
}

#byosLeft{
width: 220px;
float: left;}

#byosRight{
width: 220px;
float: right;}

/*====BUILD YOUR OWN SERVICE=====*/

#buildservice{
padding: 9px;
margin: 0;
width: 460px;
float:left;
}

.servicetable{
padding:0;
border: solid 3px #0054a5;
}

.toggler h1{
font: bold 20px Arial, Helvetica, sans-serif; color: #fff;
display: inline;
padding: 0px 0px 0px 2px;
margin: 0;
}
.toggler h2{
display:inline;
padding: 0;
margin: 0;
font: normal 17px Arial, Helvetica, sans-serif; color: #fff;
}

.servicetype{
padding: 0px 0px 0px 23px;
margin: 0;
}

.bigprice{
font: bold 38px Arial, Helvetica, sans-serif; color: #0054a5;
padding: 0;
margin: 0;
}
.bigprice:hover{
}

.serviceprice{
font: bold 18px Arial, Helvetica, sans-serif; 
color: #4b4b4b;
padding: 0;
margin: 0;
}

.servicetable tr:hover{
	background-color: #e0e7f1;
	cursor:default;
}

.toggler th{
font: bold 20px Arial, Helvetica, sans-serif; color: #000;
text-align: left;
margin: 0;
padding: 0;
background-color: #0054a5;
border: solid 1px 0px 1px 0px #d5d5d5;
}

.servicetable tr td.noroll:hover{
background-color:#fff;
}

.servicetable, tr, td{
font: normal 14px Arial, Helvetica, sans-serif; color: #000;
}



#buildservice p{

}

buildservice buildleft:hover{

}

#servicemail {
z-index: 50;
float: left;
margin: 0 0 0 0;
width: 230px;
padding: 0;
background-color:#0054a5;}

#servicemail img{
padding: 0;
margin: 0;
}

.letterleft {
width: 275px;
float: left;}

.letterright {
width: 185px;
float: right;
margin: 0;
padding: 0;}


/*###MOO TOOLS####*/

#accordion {
	margin:20px 0px;
	padding-left: 10px;
}

table.toggler {
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0;
}

div.element p, div.element h4 {
	margin:0px;
	padding:0px;
}

blockquote {
	padding:5px 20px;
}




/* ===== service offer table ===== */

#fixedpriceservice {
padding: 0 0 0 0;
font: normal 12px/19px Arial,Helvetica,sans-serif;
color:#4b4b4b;
border-collapse:collapse;}

#fixedpriceservice p {
margin: 5px 0 5px 0;}

#fixedpriceservice tr {
border-collapse:collapse;}

#fixedpriceservice .topbreak {
margin: 5px 0 0 0;}

#fixedpriceservice td {
font: normal 12px/19px Arial,Helvetica,sans-serif;
color:#4b4b4b;
border-collapse:collapse;}

#fixedpriceservice .tint {
background-color:#ececec;}

#fixedpriceservice .stripe1 {
background-color:#e4e4e4;}

#fixedpriceservice .stripeleft {
background-color:#e4e4e4;}

#fixedpriceservice .rightborder {
border-right: solid 1px #d1d1d1;}



/* ===== footer fixings ===== */

#footercontainer {
margin: 0;
padding: 10px 0 10px 0;
background-color: #fff;}
	
.footerleft {
float: left;
margin: 0;
padding: 0;
text-align: left;}
	
.footerright {
float: right;
margin: 0;
padding: 0;
text-align: right;}
	
#footer li{
line-height: 12px;
font-weight: bold;
font: 12px Arial, Helvetica, sans-serif; color: #ffffff;}

#footer-newcars ul{
margin: -10px 0 8px -10px;}

#footer-newcars li{
list-style-type: none;}

#footer-newcars h3 {
font: 12px Arial, Helvetica, sans-serif; color: #ffffff;
font-weight:bold;
color: #fff;
margin-top: 5px;}

#footer-newcars{
float: left;
width: 420px;
margin: 0 0 20px 30px;}