/* Generic */

/* Main colour: #00348A*/
/* White: #FFFFFF */

body { 
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

p {
	font: normal 10pt arial;
	color: black;
	text-align: justify;
	padding: 5px;
}

genericbold {
	font: bold 10pt arial;
	color: black:
}

a.genericlink{
	font: normal 10pt arial;
	color: #11005D;
	text-decoration: underline;
}

a.genericlink:hover{
	font: normal 10pt arial;
	color: #D08600;
	text-decoration: underline;
}



/* Article Template */

.headline {
font: bold 16pt arial; 
text-align:left;
line-height: 30px;
padding: 10px;
margin: 0px; 
background-image: url('/images/1e.png'); 
background-repeat: repeat-x; 
color: #ffffff;
}

.bodycopy {font: normal 10pt arial; text-align: justify; padding-bottom: 0pt;}

.bodycopynogap {font: normal 10pt arial; text-align:justify;}


/* Header Phone Info */

.header1 {
	width: 425px;
	white-space:nowrap;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.callnow {
	font: bold 25px arial;
	color: #D08600;	
}

.phoneno {
	font: bold 35px arial;
	color: #D08600;
}

.header2 {
	border: 0px;
	padding: 0px;
	margin: 0px;
	font: normal 10px arial;
}

.header3 {
	border: 0px;
	padding: 0px;
	margin: 0px;
	font: normal 11px arial;
}

/* Home Page */



/* top navbar */

.topnav{
	border-right: solid 2px #FFFFFF;
}

.menuborder{
	border-width: 0px 0px 0px 0px;
}

a.nav {
	display: block;
	border-color: #FFFFFF;
	border-width:0px 0px 0px 0px; 
	background-color: #00348A;
	text-decoration: none;
	font: normal 12px arial;
	padding: 3px;
	color: #FFFFFF;
}

a.nav:hover {
	display: block;
	border-color: #FFFFFF;
	border-width:0px 0px 0px 0px;  
	background-color: #BD9DE1;
	text-decoration: none;
	font:normal 12px arial;
	padding: 3px;
	color: #FFFFFF;
}

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

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: url(../images/1a.png) bottom left repeat-x;
height: 2em;
line-height: 2em;
width: 9em;
display: block;
font: bold 14px arial;
border: 0.1em solid #dcdce9;
color: #ffffff;
text-decoration: none;
text-align: center;
}

/* Main Menu layout */

.menu1Title {
	width: 175px;
	background-image: url('../images/1a.png');
	background-repeat: repeat-x;
	text-align: center;
	padding: 3px;
	font: bold 16px arial;
	letter-spacing: 3px;
	color: #FFFFFF;
	margin-bottom: 3px;
}

a.menu1 {
	display: block;
	width: 175px; 
	background-color: #00348A;
	text-decoration: none;
	text-align: left;
	font: normal 13px arial;
	padding: 3px;
	margin: 0px;
	color: #FFFFFF;
}

a.menu1:hover {
	display: block;
	width: 175px;
	background-color: #BD9DE1;
	text-decoration: none;
	text-align: left;
	font:normal 13px arial;
	padding: 3px;
	margin: 0px;
	color: #FFFFFF;
}

a.menu2 {
	display: block;
	width: 158px; 
	background-color: #00348A;
	text-decoration: none;
	text-align: left;
	font: normal 13px arial;
	padding: 3px;
	padding-left: 20px;
	margin: 0px;
	color: #FFFFFF;
}

a.menu2:hover {
	display: block;
	width: 158px;
	background-color: #BD9DE1;
	text-decoration: none;
	text-align: left;
	font:normal 13px arial;
	padding: 3px;
	padding-left: 20px;
	margin: 0px;
	color: #FFFFFF;
}

.menu1gap {
	padding: 0.5px;
	background-color: #FFFFFF;
}

.menu1gap1
{
	height: 5px;
	background-color: #FFFFFF;
}


/* RSS newsfeed */

.rssTitle {
	width: 175px;
	background-image: url('../images/1a.png');
	background-repeat: repeat-x;
	text-align: center;
	padding: 3px;
	font: bold 18px arial;
	letter-spacing: 3px;
	color: #FFFFFF;
}

a.rsshyper {
	display: block;
	width: 175px;
	line-height: 16px;
	background-color: #F9E2B0;
	text-decoration: none;
	font: 12px Arial;
	text-align: center;
	padding: 3px;
	margin: 0px;
	color: black;
}

a.rsshyper:hover  {
	display: block;
	width: 175px;
	line-height: 16px;
	font:12px Arial;
	text-align: center;
	background-color: #BCAAE7;
	text-decoration: none;
	padding: 3px;
	margin: 0px;
	color: black;
}

.rsstitlegap {
	padding: 1px;
	background-color: #FFFFFF;
}

/* inc_right_column */


/* join mailing list */


/* how can we help you page */

.welcometitle {
	text-align: left;
	font: bold 30px arial;
	letter-spacing: 2px;
	color: #FFFFFF;
/*	background-color: #894180; */
 	background-image: url('../images/1c.png'); 
	background-repeat: repeat-x; 
	padding-left: 5px;
	padding-right: 18px;
	padding-top: 3px;
	padding-bottom: 5px;
}

.welcome {
	background-color: #E1BBDD;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: normal 12px arial;
	text-align: justify;
	color: black;
	margin-bottom: 5px;
}

.boxtable  {
	border: solid 1px #00348A;
}

.boxcell {
	border-right: solid 1px #00348A;
}

.boxpicture {
	margin: 1px;
	padding: 0px;
	width: 60px;
	border: 0px;
}

a.boxcontenthyper {
	display: block;
	height: 60px;
	margin: 0px;
	text-decoration: none;
	line-height: 12px;
	background-color: #ffffff;
	width: 187px;
	padding: 2px;
	font-family: arial;
	font-size: 12px;
	color: black;
}

a.boxcontenthyper:hover  {
	display: block;
	width: 187px;
	height: 60px;
	text-decoration: none;
	line-height: 12px;
	background-color: #F9EEB0;
	padding: 2px;
	font-family: arial;
	font-size: 12px;
	color: black;
}

.gap1{
	height: 3px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.curvy {position:relative; width:250px; background:#9caf9c; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#9caf9c; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:10px 15px; font-size:11px;}


/* feedback snippets */

.feedbacksnippettitle {
	width: 180px; 
	background-image: url('/images/1b.png'); 
	background-repeat: repeat-x; 
	text-align: center; 
	font: Bold 15px Arial; 
	color: #ffffff;
	padding: 3px;
	margin-bottom: 1px;
	margin-left: 0px:
	margin-right: 0px;
}

.feedbacksnippets {
	display: block;
	width: 180px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px:
	margin-right: 0px;
	background-color: #F9E2B0;
	color: black;
	font: 12px arial;
	padding: 3px;

}

a.feedBackHyper {
	display: block;
	width: 180px;
	line-height: 16px;
	background-color: #F9E2B0;
	text-decoration: none;
	font: normal 12px Arial;
	text-align: center;
	padding: 3px;
	margin: 0px;
	color: black;
}

a.feedBackHyper:hover  {
	display: block;
	width: 180px;
	line-height: 16px;
	font: normal 12px Arial;
	text-align: center;
	background-color: #BCAAE7;
	text-decoration: none;
	padding: 3px;
	margin: 0px;
	color: black;
}

a.moreFeedback {
	font: Bold 17px Arial;
	text-decoration: none;
	color: #00348A;
}

a.moreFeedback:hover {
	font: Bold 17px Arial;
	text-decoration: underline;
	color: red;
}


/* Latest Used Cars */

.rssucarstitle {
	width: 180px;
	background-image: url('/images/1a.png'); 
	background-repeat: repeat-x; 
	text-align: left; 
	font: Bold 15px Arial; 
	color: #ffffff; 
	padding: 3px;
}

.rssucarsgap {
	width: 180px;
	height: 1px;
	background-color: white;
}

a.ucarshyper {
	background-color: #F9E2B0;
	display: block;
	width: 180px;
	line-height: 15px;
	border: 0px;
	font: 12px arial;
	padding: 3px;
	text-decoration: none;
	color: black;
}

a.ucarshyper:hover  {
	display: block;
	width: 180px;
	line-height: 15px;
	font: 12px arial;
	padding: 3px;
	background-color: #BCAAE7;
	text-decoration: underline;
	color: black;
}

/* Used Cars Listing */

a.usedcarhyper {
	display: block;
	background-color: #FFFFFF;
	font: 16px arial;
	color: #000000;
	text-decoration: underline;
	}

a.usedcarhyper:hover {
	color: red;
	text-decoration: none;
	}

/* Used Car Stock Quantities */

.usedQtyHeader {
	background-color: #00348A;
	background-image: url('../images/1a.png');
	font: bold 14px Arial;
	text-decoration: none;
	margin-left: 3px;
	margin-right: 3px;
	padding: 5px;
	color: white;
}

.usedQtyTitle {
	width: 150px;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 5px;
	background-color: #EFEFEF;
	color: black;
}

.usedQtyCell {
	background-color: #EFEFEF;
	height: 0px;
}	


a.usedQtyHyper {
	display: block;
	line-height: 6px;
	width: 140px;
	border: 0px;
	padding: 3px;
	margin: 0px;
	font: 12px Arial;
	background-color: #EFEFEF;
	text-decoration: underline;
	color: black;
}

a.usedQtyHyper:hover  {
	display: block;
	line-height: 6px;
	width: 140px;
	border: 0px;
	padding: 3px;
	margin: 0px;
	font: 12px Arial;
	background-color: #D3D3D3;
	text-decoration: underline;
	color: red;
}


/* New Car Showroom */


/* Used Approved */

.welcomeusedapproved {
	display: block;
	text-align: left;
	font: bold 30px arial;
	letter-spacing: 2px;
	color: #FFFFFF;
/*	background-color: #894180; */
 	background-image: url('../images/1c.png'); 
	background-repeat: repeat-x; 
	padding-left: 5px;
	padding-right: 18px;
	padding-top: 3px;
	padding-bottom: 5px;
}

/* Bread Crumb */

.crumb {
	font: 12px arial;
	float: left;
	margin: 1px;
	padding: 0px;
	border: 0px;
}

/* new car  range page */

a.modelhyper {
	text-decoration: none;
	color: black;
}

a.modelhyper:hover {
	text-decoration: underline;
	color: red;
}


/* Finance Calculater Table */

.finrow1 {
	background: lightblue;
	border: solid 1px white;
	text-align: center;
}

.finRow2 {
	background: lightgrey;
	border: solid 1px white;
	text-align: right;
	padding-right: 10px;
}

/* video play button */

a.video {
   poistion: relative ;
}

a.video {
   position: absolute;
   display: block;
   background: url(/video/css/play_icon.gif);
   height: 40px;
   width: 40px;
   top: 20px;
   left: 20px;
}

.trialvideo{
  background: url(/video/css/play_icon.gif);
}

/* site links */

div.sites {
float: left;
margin-left: 10px;
margin-top: 5px;
padding: 3px;
border: 0;
height: 100px;
width: 110px;
text-align: center;
}

div.sites img {
height: 66px;
width: 105px;
}

div.sites h2 {
font: normal 10pt arial;
margin-top: 5px;
}

a.sitelink{
display: block;
height: 110px;
width: 110px;
text-decoration: none;
color: black;
}

a.sitelink:hover{
display: block;
height: 110px;
width: 110px;
text-decoration: underline;
color: red;
}

/* new car deals page */

.modellist {font: normal 12pt arial; text-align: left;}
.modeltitle {font: bold 16pt arial; margin: 10px; text-align: center;}
.modeldesc {font: normal 10pt Arial; margin: 5px; text-align: justify;}

.dealheadline {
	float: left;
	display: block;
	width: 155px;
	height: 250px;
	padding: 5px;
	margin: 2px;
	background-image: url('../images/whitespace.gif');
	background-repeat: repeat-x;
	border: solid 1px black;
	text-align: center;
	font: bold 12px arial;
	letter-spacing: 2px;
	color: #FFFFFF;
}

a.offerhyper {
	font: normal 10pt Arial;
	line-height: 17px;
	display: block;
	width: 145px;
	height: 200px;
	text-decoration: none;
	color: black;
}

a.offerhyper:hover {
	font: normal 10pt Arial;
	line-height: 17px;
	display: block;
	width: 145px;
	height: 200px;
	text-decoration: underline;
	color: #00348A;
}

/* new car page */

.reviewarrow {
	font: bold 12pt arial;
	color: red;
}

a.reviewhyper {
	font: normal 10pt arial;
	text-decoration: none;
}

a.reviewhyper:hover {
	font: normal 10pt arial;
	text-decoration: underline;
}

/* Product Menu */

.promenubox {
margin: 3px;
width: 253px;
padding: 0px;
float: left;
display: block;
background-color: white;
}

.promenutitle {
background-image:url('http://www.platts.co.uk/images/1f.png');
background-repeat:repeat-x;
height: 20px;
color: white;
margin: 0px;
padding: 5px;
border: 0px ;
font: bold 14pt arial;
}

.promenusubtitle {
font: normal 10pt arial;
width: 245px;
margin: 0px;
height: 70px;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
border-bottom: solid 1px black;
border-left: solid 1px black;
border-right: solid 1px black;
line-height: 17px;
}

.promenulink {
	text-decoration: none;
	color: black;
}

.promenulink:hover {
	text-decoration: underline;
	color: orange;
}

.promenu1 {
	text-decoration: none;
	color: black;
}

/* New Car Price List Table */

.ncpricetitle {
 	background: lightblue;
	border: solid 1px white;
	text-align: center;
	font: bold, 8pt, arial;
	width: 50px;
}

.ncpricemodel {
	background: lightgrey;
	border: solid 1px white;
	text-align: left;
	font: normal 10pt arial;
	width: 450px;
	padding-left: 5px;
}

.ncpricerow2 {
 	background: lightgrey;
	border: solid 1px white;
	text-align: right;
	font: normal, 8pt, arial;
	width: 50px;
}