/*
 * Author:		Developer - BGD Group (info@bgd-group.co.uk)
 * Agency:		BGD Group.
 * Client: 		Nissan
 * Project: 	Nissan Dealer Network / Aftersales
 * Comment:		Base stylesheet
 */

@import url("reset.css");


/****************************************************************************
	=standard tags altered and site-wide styles created
*****************************************************************************/

body
{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					small;
	text-align:					center;
}

dt 
{
	float:						left;
	font-weight:				bold;
}

a {
	color:						#666;
}

a:hover {
	color:						#CC0000;
	text-decoration:			none;
}

strong {
	font-weight:				bold;
}

/*--------------------------------------------------------------------------
	=header and Footer styles
----------------------------------------------------------------------------*/

.header,
.footer
{
	background:					url(/media/images/bg-header.gif) bottom left repeat-x;
	text-align:					center;
	min-height:					72px;
}

.footer 
{
	background:					url(/media/images/bg-footer.gif) 0 0 repeat-x;
}

.header ul,
.footer ul
{
	text-align:					left;
	margin:						auto;
	width:						776px;
	position:					relative;
	padding-left:				184px;
	z-index:					999;
}

.footer ul
{
	width:						960px;
	padding-left:				0;
	padding-top:				16px;
	font-size:					75%;
	position:					relative;
}

.header ul li,
.footer ul li
{
	float:						left;
}

.footer ul li
{
	padding-right:				5px;
	color:						#999;
	z-index:					9999;
}

.header ul li a
{
	float:						left;
	display:					block;
	height:						21px;
	background-position:		0 0;
	background-repeat:			no-repeat;
	margin-top:					45px;
}

.footer ul li a
{
	padding-right:				3px;
	color:						#999;
}

.footer ul li img
{
	position:					absolute;
	right:						0;
}

.footer ul li a:hover,
.footer ul li a.selected
{
	text-decoration:			none;
	color:						#C71444;
}

.header ul li a em
{
	display:					block;
	height:						0;
	width:						0;
	visibility:					hidden;
	overflow:					hidden;
}

li.btn-nav-home a 
{
	background-image:			url(/media/images/btn-header-home.gif);
	width:						79px;
}

li.btn-nav-about a 
{
	background-image:			url(/media/images/btn-header-about-us.gif);
	width:						105px;
}

li.btn-nav-new-vehicles a 
{
	background-image:			url(/media/images/btn-header-new-vehicles.gif);
	width:						132px;
}

li.btn-nav-used-vehicles a 
{
	background-image:			url(/media/images/btn-header-used-vehicles.gif);
	width:						138px;
}

li.btn-nav-aftersales a 
{
	background-image:			url(/media/images/btn-header-aftersales.gif);
	width:						119px;
}

li.btn-nav-offers a 
{
	background-image:			url(/media/images/btn-header-our-offers.gif);
	width:						119px;
}

li.btn-nav-services a 
{
	background-image:			url(/media/images/btn-header-our-services.gif);
	width:						130px;
}

.header ul li a:hover,
.header ul li a.selected
{
	background-position:		bottom left;
}

.header ul li a.logo
{
	float:						none;
	display:					block;
	height:						auto;
	margin-top:					0;
	position:					absolute;
	left:						0;
	top:						8px;
	padding:					0;
}

.header ul li a.logo img
{
	margin:						0;
	display:					block;
}

.header ul li a:hover.logo,
.header ul li a.highlight
{
	background:					#C71444;
}


/* Second Level Nav */
.header ul ul
{
	position:					absolute;
	margin:						0;
	width:						194px;
	padding-left:				0;
	top:						66px;
	border:						1px solid #ccc;
	border-bottom:				none;
	background:					#fff;
	display:					none;
}

.header ul li.selected li a
{
	float:						none;
	display:					block;
	height:						22px;
	background-position:		0 0;
	background-repeat:			no-repeat;
	margin-top:					0;
	width:						194px;
	border-bottom:				1px solid #ccc;
}

.header ul ul li.btn-subnav-our-team a
{
	background-image:			url(/media/images/btn-subnav-our-team.gif);
}

.header ul ul li.btn-subnav-company-information a
{
	background-image:			url(/media/images/btn-subnav-company-information.gif);
}

.header ul ul li.btn-subnav-map-and-directions a
{
	background-image:			url(/media/images/btn-subnav-map-and-directions.gif);
}

.header ul ul li.btn-subnav-news a
{
	background-image:			url(/media/images/btn-subnav-latest-news.gif);
}




.header ul ul li.btn-subnav-compact-cars a
{
	background-image:			url(/media/images/btn-subnav-compact-cars.gif);
}

.header ul ul li.btn-subnav-crossover a
{
	background-image:			url(/media/images/btn-subnav-crossover.gif);
}

.header ul ul li.btn-subnav-sports a
{
	background-image:			url(/media/images/btn-subnav-sports.gif);
}

.header ul ul li.btn-subnav-4x4 a
{
	background-image:			url(/media/images/btn-subnav-4x4.gif);
}

.header ul ul li.btn-subnav-lcv a
{
	background-image:			url(/media/images/btn-subnav-lcv.gif);
}

.header ul ul li.btn-subnav-search a
{
	background-image:			url(/media/images/btn-subnav-used-vehicle-search.gif);
}

.header ul ul li.btn-subnav-approved a
{
	background-image:			url(/media/images/btn-subnav-approved-used-vehicles.gif);
}

.header ul ul li.btn-subnav-finance a
{
	background-image:			url(/media/images/btn-subnav-used-vehicle-finance.gif);
}

.header ul ul li.btn-subnav-aftersales a
{
	background-image:			url(/media/images/btn-subnav-aftersales.gif);
}

.header ul ul li.btn-subnav-business-to-business a
{
	background-image:			url(/media/images/btn-subnav-business-to-business.gif);
}

.header ul ul li.btn-subnav-finance a
{
	background-image:			url(/media/images/btn-subnav-finance.gif);
}

.header ul ul li.btn-subnav-motability a
{
	background-image:			url(/media/images/btn-subnav-motability.gif);
}

.header ul ul li.btn-subnav-brochures a
{
	background-image:			url(/media/images/btn-subnav-brochures.gif);
}

.header ul ul li.btn-subnav-other a
{
	background-image:			url(/media/images/btn-subnav-other-services.gif);
}

.header ul ul li.btn-subnav-new-vehicles a
{
	background-image:			url(/media/images/btn-subnav-new-vehicles.gif);
}

.header ul ul li.btn-subnav-aftersales a
{
	background-image:			url(/media/images/btn-subnav-aftersales.gif);
}



.header ul li.selected li a:hover
{
	background-position:		bottom left;
}

/*--------------------------------------------------------------------------
	=main layout styles
----------------------------------------------------------------------------*/

.layout 
{
	width:						950px;
	margin:						auto;
	text-align:					left;
	padding:					15px 10px 15px 0;
	background:					url(/media/images/bg-layout-grad.jpg) top right repeat-y;
	position:					relative;
}

.sub-content 
{
	float:						left;
	width:						150px;
	font-size:					85%;
	color:						#666;
}

.content 
{
	float:						right;
	width:						766px;
	font-size:					85%;	
	color:						#666;
}

.content .editorial 
{
	width:						558px;
	float:						left;
	position:					relative;
	z-index:					1;
	margin-right:				5px;
}

.content .banners 
{
	width:						163px;
	float:						right;
	padding:					0 0 0 33px;
	position:					relative;
	z-index:					1;
}

.content .banners p,
.content .banners div
{
	margin-bottom:				12px;
	position:					relative;
}

.editorial ol
{
	margin:						0 0 0 18px;
	list-style:					decimal;
}

.editorial em
{
	font-style:					italic;
}


.editorial h1
{
	margin-bottom:				1em;
	font-size:					120%;
	font-weight:				bold;
}

.editorial p
{
	margin:						0.7em 0;
}

.editorial h2
{
	margin-top:					1.2em;
	font-weight:				bold;
}

.editorial .glow {
	background:					url(../images/bg-glow-default.jpg) 0 0 repeat-y;
	width:						573px;
	margin-left:				-12px;
	margin-right:				-10px;
	position:					relative;
}

.editorial .glow .top-glow {
	background:					url(../images/bg-glow-default-top.jpg) 0 0 no-repeat;
	padding-top:				10px;
}

.editorial .glow .base-glow {
	background:					url(../images/bg-glow-default-base.jpg) bottom left no-repeat;
	padding:					10px 20px 20px;
}

.editorial .glow table.data {
	width:						100%;
}

.editorial ul {
	margin:						0.7em 0;
}

.editorial ul li {
	padding-left:				15px;
	min-height:					1em;
	margin-bottom:				0.3em;
	background:					url(../images/bg-editorial-bullet.gif) 0 0.3em no-repeat;
}

.editorial .footnote {
	font-size:					85%;
	padding-top:				14px;
	background:					url(../images/bg-dashed-horizontal.gif) 0 0 repeat-x;
}


/*--------------------------------------------------------------------------
	=crumbtrail styles
----------------------------------------------------------------------------*/

.crumbs {
	margin:						0 0 2em;
	font-size:					90%;
}

.crumbs ul {
	margin:						0 0 0.5em;
}

.crumbs ul li {
	padding:					0;
	margin:						0 0.3em 0 0;
	background:					none;
	min-height:					inherit;
	float:						left;
	color:						#999;
}

.crumbs ul li a {
	color:						#666;
	text-decoration:			none;
}

.crumbs ul li a:hover {
	color:						#C71444;
	text-decoration:			underline;
}

.crumbs ul li em {
	color:						#C71444;
	font-weight:				bold;
	font-style:					normal;
}


/*--------------------------------------------------------------------------
	=service-key styles
----------------------------------------------------------------------------*/

.service-key {
	border-top:					1px solid #ccc;
	border-left:				1px solid #ccc;
}

.service-key td {
	border-right:				1px solid #ccc;
	border-bottom:				1px solid #ccc;
	padding:					4px 0 2px 4px;
	text-transform:				capitalize;
	width:						172px;
}

.service-key td * {
	vertical-align:				middle;
}

.service-key {
	width:						100%;
}	

/*--------------------------------------------------------------------------
	=our-services styles
----------------------------------------------------------------------------*/
div.our-services ul.image-listing img {
	margin-top:					-6px;
	margin-left:				-6px;
	position:					relative;
}

div.our-services ul.image-listing p img,
div.our-services ul.image-listing h2 img {
	margin-top:					auto;
	margin-left:				auto;
}


/*--------------------------------------------------------------------------
	=our-offers styles
----------------------------------------------------------------------------*/
div.our-offers {
	margin-top:					20px;
}

div.our-offers ul.image-listing li {
	min-height:					78px;
	margin-bottom:				15px;
}

div.our-offers ul.image-listing li h2 {
	background:					none;
	padding:					5px 0 3px;
}

div.our-offers ul.image-listing li p,
div.our-offers ul.image-listing li h2 {
	margin-left:				155px;
}

div.our-offers ul.image-listing li p {
	padding-right:				20px;
	padding-bottom:				0.4em;
	margin-bottom:				0.6em;
	margin-top:					0.2em;
}

div.our-offers ul.image-listing li h2 img,
div.our-offers ul.image-listing li p img {
	float:						none;
	position:					relative;
	top:						auto;
	left:						auto;
}

div.our-offers ul.image-listing li img {
	position:					relative;
	top:						-5px;
	left:						-5px;
}

div.our-offers ul.image-listing li p a img {
	position:					relative;
	top:						5px;
}

/*--------------------------------------------------------------------------
	=map-and-address styles
----------------------------------------------------------------------------*/
.map-and-address h2 {
	padding:					0;
	margin:						0;
	font-weight:				bold;
}

.map-and-address .map {
	float:						left;
	width:						272px;
	height:						211px;
}

.map-and-address .group {
	width:						548px;
}

.map-and-address h2 img {
	margin:						14px 0 0;
}

.content .map-and-address p {
	padding:					0;
	margin:						0.5em 0 0.7em;
}

.map-and-address input {
	vertical-align:				middle;
}

#frm-route-postcode {
	float:						left;
	width:						100px;
	margin-right:				10px;
}

.map-and-address .glow {
	background:					url(../images/bg-glow-address.jpg) 0 0 repeat-y;
	width:						300px;
	margin-left:				-12px;
	margin-right:				-10px;
	margin-top:					-16px;
	position:					relative;
	float:						right;
}

.map-and-address .glow .top-glow {
	background:					url(../images/bg-glow-address-top.jpg) 0 0 no-repeat;
	padding-top:				14px;
}

.map-and-address .glow .base-glow {
	background:					url(../images/bg-glow-address-base.jpg) bottom left no-repeat;
	padding:					13px 25px 29px;
	min-height:					187px;
}

/*--------------------------------------------------------------------------
	=staff styles
----------------------------------------------------------------------------*/
.content .staff ul {
	margin-left:				-8px;
}

.content .staff ul li {
	background:					url(../images/bg-staff.jpg) 0 0 no-repeat;
	padding:					8px 10px 8px 15px;
	width:						254px;
	height:						90px;
	float:						left;
	margin:						0;
}

.content .staff ul li p {
	padding-left:				90px;
}

.content .staff ul li p.contact-details {
	margin-top:					10px;
}

.content .staff ul li img {
	float:						left;
	margin:						5px 0 0;
}

.content .staff ul li p img {
	float:						none;
}

/*--------------------------------------------------------------------------
	=image-listing styles
----------------------------------------------------------------------------*/
ul.image-listing {
	margin-right:				10px;
}

ul.image-listing li {
	padding:					0;
	margin:						0 0 10px 0;
	background:					none;
	min-height:					100px;
	clear:						both;
}

ul.image-listing li p,
ul.image-listing li h2 {
	margin-left:				120px;
}

ul.image-listing li p {
	padding-right:				100px;
}

ul.image-listing li img {
	float:						left;
}

ul.image-listing li h2 {
	background:					url(../images/bg-dashed-horizontal.gif) bottom left repeat-x;
	font-weight:				bold;
	padding:					0 0 4px;
	margin-top:					0;
}

ul.image-listing li h2 a {
	text-decoration:			none;
}

ul.image-listing li h2 a img {
	float:						none;
}

ul.image-listing li h2 span {
	font-weight:				normal;
	float:						right;
}

ul.image-listing li p a img {
	float:						right;
	margin-right:				-100px;
}

ul.image-listing a.placeholder img {
	margin-top:					-6px;
	margin-left:				-6px;
}


/*--------------------------------------------------------------------------
	=listing list styles
----------------------------------------------------------------------------*/

ul.listing li {
	padding:					2px 0 0;
	margin:						0;
	background:					none;
	min-height:					inherit;
}

ul.listing li h2 {
	background:					url(../images/bg-dashed-horizontal.gif) bottom left repeat-x;
	font-weight:				bold;
	padding:					0 0 6px;
	margin:						0;
}

ul.listing li h2 span {
	font-weight:				normal;
	float:						right;
}

/*--------------------------------------------------------------------------
	=latest-news styles
----------------------------------------------------------------------------*/
.latest-news {
	margin:						0;
	padding-top: 				20px;
	clear:						both;
}
.latest-news .listing,
.latest-news .archive {
	margin-left:				120px;
}

.latest-news .listing {
	padding-bottom:			10px;
}

.latest-news .thumb {
	width:						100px;
	text-align:					center;
	display:					block;
	float:						left;
}

.latest-news .thumb img {
	margin:						auto;
	float:						none;
}

/*--------------------------------------------------------------------------
	=news-detail styles
----------------------------------------------------------------------------*/
.news-detail {
	position:					relative;
}

.news-detail p a img {
	margin-top:					10px;
}

.news-detail .media {
	float:						left;
	width:						100px;
	margin-top:					0.2em;
	text-align:					center;
}

.news-detail .media img {
	margin:						auto;
	margin-bottom:				10px;
}

.news-detail h2 {
	background:					url(../images/bg-dashed-horizontal.gif) bottom left repeat-x;
	font-weight:				bold;
	padding:					0 0 4px;
	margin-left:				120px;
}

.news-detail h2 span {
	font-weight:				normal;
	float:						right;
}

.news-detail p {
	padding:					0 20px 0 120px;
}

.no-image p,
.no-image h2 {
	margin-left:				0;
	padding-left:				0;
}

/****************************************************************************
    =form
    Form specific styles intended to cater for pretty much any scenario.
    Standard input forms should use a two column table with th for the 
    label and td for the input.
*****************************************************************************/

.content form select,
.content form input, 
.content form textarea
{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					1em;
}

.content form fieldset p
{
	padding-left: 				157px;
}

.content form fieldset th,
.content form fieldset td
{
    padding:             	   	3px 15px 3px 2px;
    vertical-align:      	  	top;
}

.content form fieldset th
{
    width:                	 	140px;
    text-align:					right;
    font-weight:				normal;
}

.content form fieldset tr p
{
	padding-left:				0;
}

.content form fieldset th p
{
    margin-bottom:				0;
    margin-top: 				5px;
    text-align: 				right;
	font-size:					0.95em;
	font-weight: 				normal;
	color:						#888;
}

.content form fieldset th label
{
	position:					relative;
    top:						2px;
}

.content form fieldset th span
{
	color:						#c00;
}

.content form fieldset td.no-input {
	padding-top:				5px;
}

.content form fieldset td em
{
	font-style:					normal;
	font-size:					90%;
	margin:						-3px 30px 0 0;
	position:					absolute;
	width:						200px;
}

.content form fieldset td *
{
	vertical-align: 			top;
}

.content form fieldset td p
{
	margin-bottom:				3px;
}

.content form fieldset td li
{
	position: 					relative;
	padding-left:				20px;
	padding-bottom: 			2px;
}

.content form fieldset td li input
{
	position: 					absolute;
	top:						-2px;
	left:						-5px;
}

.content form fieldset .actions
{
	padding: 					10px 0 15px 157px;
}

.content form fieldset td.actions
{
	padding: 					8px 14px 5px 0;
	text-align:					right;
}

.content form .actions li
{
	display: 					inline;
	margin-right:				10px;
	padding:					0;
	background:					none;
}

.content .action {
	text-align:					right;
	padding-right:				10px;
	vertical-align:				middle;
}

.content .action * {
	vertical-align:				middle;
	margin-left:				10px;
}

.content form .errors {
	background:					#FFF0F0;
	border:						1px solid #c00;
	color:						#c00;
	padding:					5px;
	margin:						0.7em 0;
}

.content form .errors li {
	background:					#FFF0F0;
	padding:					0;
	color:						#c00;
	margin:						0.3em;
	width:						auto;
	float:						none;
	height:						auto;
	min-height:					auto;
}

.content form .success {
	background:					#F2FEEB;
	border:						1px solid #060;
	color:						#060;
	padding:					5px;
	margin:						0.7em 0;
}

.content form .success li {
	background:					#F2FEEB;
	padding:					0;
	color:						#060;
	margin:						0.3em;
}

.content form .info {
	background:					#D9F0FF;
	border:						1px solid #00609F;
	color:						#060;
	padding:					5px;
	margin:						0.7em 0;
}

.content form .info li {
	background:					#D9F0FF;
	padding:					0;
	color:						#0099FF;
	margin:						0.3em;
}


/*--------------------------------------------------------------------------
	=results action styles
----------------------------------------------------------------------------*/
.no-results p {
	text-align:					center;
	color:						#C81346;
}

.result-actions
{
	margin-bottom:				15px;
}

.result-actions .base-glow {
	min-height:					17px;
}

.content .result-actions table {
	float:						right;
	width:						auto;
}

.content form.result-actions th {
	width:						auto;
	padding-right:				5px;
}

.content form.result-actions td {
	padding-right:				5px;
}

form.result-actions ul {
	margin:						0.3em 0 0;
	padding:					0;
	float:						none;
}

div.base-actions ul {
	float:						none;
}

.result-actions ul {
	margin:						0;
	padding:					0;
	float:						right;
}

.result-actions ul li {
	padding:					0;
	margin:						0 0.3em 0 0;
	background:					none;
	min-height:					inherit;
	float:						left;
	color:						#999;
}

.result-actions ul li img {
	margin:						0 0.5em;
	position:					relative;
	top:						1px;
}

.result-actions ul li em {
	color:						#C71444;
	font-weight:				bold;
	font-style:					normal;
}

.results h2 {
	padding:					4px 8px;
	margin:						0;
	font-weight:				bold;
	background:					#f1f1f1 url(../images/bg-dashed-horizontal.gif) 0 0 repeat-x;
}

.results p {
	padding:					4px 8px 15px;
	margin:						0;
	background:					url(../images/bg-dashed-horizontal.gif) 0 0 repeat-x;
}


/*--------------------------------------------------------------------------
	=homepage variant styles
----------------------------------------------------------------------------*/
.homepage ,
.full-width
{
	background:					none;
}

.homepage .editorial,
.full-width .editorial 
{
	width:						758px;
	float:						none;
}

.homepage #flash 
{
	margin-bottom:				20px;
}

.homepage .latest-offers {
	width:						366px;
	padding-left:				8px;
	float:						left;
	margin-left:				-8px;
}

.homepage .latest-offers li {
	clear:						both;
	position:					relative;
	background:					url(../images/bg-latest-offers-li.jpg) 0 0 no-repeat;
	margin-left:				-8px;
	margin-right:				-8px;
	padding-top:				8px;
}

.homepage .latest-offers li div	{
	background:					url(../images/bg-latest-offers-div.jpg) bottom left no-repeat;
	display:					block;
	padding:					8px 16px 16px;
}

.homepage .latest-offers li.even div	{
	padding:					8px 17px 16px 26px;
}

.homepage .latest-offers li img	{
	display:					block;
	position:					relative;
}

.homepage .latest-offers li p {
	margin:						0.4em 0 0.6em;
	position:					relative;
}

.homepage .latest-offers li h2 {
	margin-top:					10px;
}


.homepage .latest-offers li h2,
.homepage .latest-offers li p {
	margin-left:				135px;
}

.homepage .latest-offers li a img,
.homepage .latest-offers li h2 img,
.homepage .latest-offers .even a img,
.homepage .latest-offers .even h2 img {
	float:						none;
}

.homepage .latest-offers li a.thumb img {
	float:						left;
	margin-top:					-5px;
	margin-right:			10px;
}

.homepage .latest-offers .even a.thumb img {
	float:						right;
	margin-top:					-5px;
}

.homepage .latest-offers .even h2,
.homepage .latest-offers .even p {
	margin-right:				135px;
	margin-left:				0;
}

.homepage .callouts {
	float:						left;
}

.homepage .callouts h2,
.homepage .callouts .footlink {
	padding-left:				8px;
}

.homepage .callouts .footlink {
	margin-bottom:				15px;
}

.homepage .callouts table {
	width:						292px;
}

.homepage .content .glow {
	background:					url(../images/bg-homepage-glow-top.jpg) 0 0 no-repeat;
	width:						321px;
	padding-top:				8px;
}

.homepage .content .glow div {
	background:					url(../images/bg-homepage-glow-base.jpg) bottom left no-repeat;
	width:						300px;
	padding:					8px 16px 16px;
}

.homepage .content .glow div img {
	float:						left;
}

.homepage .content .glow div p {
	margin-left:				115px;
	margin-bottom:				0.7em;
    padding-right:              10px;
}

/*--------------------------------------------------------------------------
	=data table styles
----------------------------------------------------------------------------*/

table.data th {
	color:						#fff;
	background:					#666;
	padding:					2px 5px;
}

table.data td {
	color:						#666;
	padding:					3px 5px;
}

table.data .even th,
table.data .even td {
	background:					#f5f5f5;
}

/*--------------------------------------------------------------------------
	=vehicle-display styles
----------------------------------------------------------------------------*/
.vehicle-display .featured-vehicle {
	width:						261px;
	float:						right;
	padding-left:				4px;
}


.vehicle-display .featured-vehicle .img {
	background:					url(../images/bg-vehicle-large-image.jpg) 0 0 no-repeat;
	margin:						0;
	padding:					8px;
	margin-left:				-8px;
	height:						174px;
}

.featured-vehicle em {
	/*color change due to finance law directive
	color:						#C71444;*/
	color:						#666666;
	font-style:					normal;
}

.featured-vehicle .apr {
	color:						#C71444;
	font-size:					1.5em;
	font-weight: 				normal;
}

.featured-vehicle em.minimum {
	color:						#C71444;
}

.vehicle-display .vehicles {
	width:						298px;
	position:					relative;
	margin-left:				-8px;
}

.vehicle-display .vehicles li {
	padding:					0;
	background:					0;
	width:						149px;
	height:						90px;
	float:						left;
}

.vehicle-display .vehicles .img {
	background:					url(../images/bg-vehicle-image.jpg) 0 0 no-repeat;
	padding:					8px;
	margin-top:					0;
	margin-left:				0;
	margin-bottom:				3px;
}

.vehicle-display .vehicles .img a {
	display:					block;
	background:					#000;
}

.vehicle-display .vehicles .img img {
	display:					block;
	border-bottom:				2px solid #fff;
}

.vehicle-display .vehicles .img img.highlight,
.vehicle-display .vehicles .img img.selected {
	border-bottom:				2px solid #C71444;
}

.vehicle-display .vehicles p {
	margin-top:					-6px;
	margin-bottom:				10px;
	margin-left:				8px;
}


/*--------------------------------------------------------------------------
	=sub-content styles
	+ Feature link styles for content
----------------------------------------------------------------------------*/
.sub-content h3,
.sub-content p,
.sub-content dl 
{
	margin-bottom:				0.6em;
}

.sub-content dt 
{
	width:						58px;
}

.sub-content h3 
{
	font-size:					120%;
	font-weight:				bold;
	color:						#C71444;
	line-height:				1em;
	text-transform: 			uppercase;
}

.sub-content h3 em 
{
	display:					block;
	color:						#666;
	font-style:					normal;
}

.sub-content ul,
.content ul.feature-links
{
	width:						150px;
	margin-top:					1em;
	margin-bottom:				1.3em;
	position:					relative;
}

.sub-content li,
.content ul.feature-links li 
{
	background:					#656565 url(/media/images/bg-sub-content-li.gif) 0 0 no-repeat;
	margin-bottom:				2px;
	position:					relative;
	padding:					0;
}

.sub-content li a,
ul.feature-links li a 
{
	display:					block;
	background:					url(/media/images/bg-sub-content-li-a.gif) bottom left no-repeat;
	color:						#fff;
	text-decoration:			none;
	padding:					3px 4px 4px 30px;
}

.sub-content li a img ,
ul.feature-links li a img 
{
	position:					absolute;
	left:						6px;
	z-index:					20;
}

.sub-content li a:hover,
ul.feature-links li a:hover 
{
	text-decoration:			underline;
}


li.btn-highlight,
ul.feature-links li.btn-highlight 
{
	background:					#C71444 url(/media/images/btn-sub-content-li-highlight.gif) 0 0 no-repeat;
} 

li.btn-highlight a,
ul.feature-links li.btn-highlight a 
{
	background:					url(/media/images/btn-sub-content-li-a-highlight.gif) bottom left no-repeat;
}

li.btn-highlight a:hover,
li.btn-selected a:hover,
ul.feature-links li.btn-highlight a:hover,
ul.feature-links li.btn-selected a:hover 
{
	color:						#fff;
}

li.btn-selected,
ul.feature-links li.btn-selected 
{
	background:					#2D2D2D url(/media/images/bg-sub-content-selected-li.gif) 0 0 no-repeat;
} 

li.btn-selected a,
ul.feature-links li.btn-selected a 
{
	background:					url(/media/images/bg-sub-content-selected-li-a.gif) bottom left no-repeat;
}

.sub-content li .glow 
{
	background:					url(/media/images/bg-sub-content-div-glow.png) 0 0 no-repeat;
	padding-top:				5px;
	width:						166px;
	margin-left:				-8px;
	margin-right:				-8px;
	position:					relative;
	z-index:					10;
	margin-top:					-4px;
}

.sub-content li .glow div 
{
	padding:					8px 6px 9px 18px;
	background:					url(/media/images/bg-sub-content-div.png) bottom left no-repeat;
}

.sub-content li div .link 
{
	background:					#C71444 url(/media/images/bg-sub-content-div-li.gif) 0 0 no-repeat;
	padding:					0;
	width:						132px;
}

.sub-content li div a 
{
	display:					block;
	background:					url(/media/images/bg-sub-content-div-li-a.gif) bottom left no-repeat;
	color:						#fff;
	text-decoration:			none;
	padding:					3px 0 4px;
	text-align:					center;
}

.sub-content li div img 
{
	display:					block;
	margin:						8px 0 2px;
}

.sub-content form 
{
	margin-bottom:				2em;
}

.sub-content form input#frm-site-search 
{
	margin:						4px 0 6px;
	font-size:					100%;
	width:						148px;
}

.sub-content .dealer-locator {
	padding-top:				15px;
}

.sub-content .dealer-locator h4 {
	margin-bottom:				4px;
}

.sub-content .dealer-locator input {
	width:						145px;
	margin-bottom: 				3px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					0.9em;
}

.sub-content .dealer-locator input.btn {
	width:						auto;
	margin-bottom: 				0;
}

.sub-content .dealer-locator label {
	display:					block;
	margin-bottom:				4px;
	color:						#000;
	font-size:					0.85em;
}


/*--------------------------------------------------------------------------
	=servicing styles
----------------------------------------------------------------------------*/
.content ul.service-list {
	margin:						0;
}

.content ul.service-list li {
	background:					none;
	padding:					0;
	float:						left;
	vertical-align:				middle;
	padding-right:				10px;
}

.content ul.service-list li *,
.content ul.option-list li * {
	vertical-align:				middle;
	margin-right:				5px;
}

.content ul.option-list li {
	background:					none;
	padding:					0;
	vertical-align:				middle;
}

.content .confirm-service .base-glow {
	padding:					5px 20px 15px;
}

.service-options select {
	margin-right:				5px;
}

.service-options td p,
.service-options th p {
	margin:						0;
}

.service-options th {
	padding-right:				20px;
}

.service-options td {
	width:						110px;
	padding-right:				10px;
}

.service-options td:last-child {
	width:						60px;
}

.service-date table {
	background:					url(../images/bg-date-calendar.jpg) 0 0 no-repeat;
	margin:						-8px 0 0 -8px;
	height:						96px;
}

.content .service-date td {
	text-align:					center;
	height:						66px;
	width:						57px;
	padding:					20px 0 10px 8px;
}

.content .service-date td .inactive {
	color:						#ccc!important;
}

.content .service-date td input.inactive {
	display:					none;
}

.service-date td input {
	display:					block;
	margin:						10px auto;
}

.content .service-date td.selector strong {
	display:					block;
	padding-bottom:				2px;
}

.content .service-date td.selector select {
	width:						6em;
	position:					relative;
	left:						6px;
}

.content .service-date td.selector {
	width:						auto;
	text-align:					right;
}

.content .service-date td.selector label strong
 {
	position:					relative;
	left:						6px;
}

.content .service-date .glow p.action {
	padding:					0 100px 0 0;
}

.content .service-date .glow p.action .previous {
	float:						left;
}


.offers-table
{
	margin-bottom:				10px;
}

.offers-table th
{
	padding:					0 0 8px 8px;
}

.offers-table td
{
	padding:					3px 0 5px 8px;
	vertical-align:				top;
	border-bottom:				1px dotted #ccc;
}

.offers-table .odd td
{
	background:					#FAF9FF;
}

.offers-table td input
{
	display:					block;
	margin-top:					0.4em;
}


.range-list
{
	margin:						20px 0;
}

.range-list li
{
	padding:					5px 0 10px 8px;
	border-bottom:				1px dotted #ccc;
}

.range-list li .actions
{
	margin:						0 0 1em;
}

.range-list li a.btn
{
	text-decoration:			none;
}

.range-list li p
{
	margin:						0 0 0.5em;
}

.range-list li.odd
{
	background:					#FAF9FF;
}

#frm-supportingText
{
	height:						200px;
}

/*--------------------------------------------------------------------------
	=sitemap styles
----------------------------------------------------------------------------*/
.sitemap ul
{
	padding:					0;
	margin:						0;
}

.sitemap ul li
{
	background:					none;
	padding:					3px 0 6px;
	margin:						0;
	font-weight:				bold;
	border-top:					1px dotted #ccc;
	font-size:					110%;
}

.sitemap ul li ul
{
	margin:						8px 0;
}

.sitemap ul li li
{
	padding:					0 0 0 12px;
	margin:						2px 0;
	font-weight:				normal;
	border-top:					none;
	font-size:					100%;
}


.sitemap ul li ul li ul
{
	margin:						2px 0 8px;
} 

.sitemap ul li li
{
	font-size:					90%;
	padding:					0 0 0 16px;
}
/*--------------------------------------------------------------------------
	=vehicle-details styles
----------------------------------------------------------------------------*/

.vehicle-details {
	position:					relative;
}

.vehicle-details .actions {
	position:					absolute;
	top:						4px;
	right:						13px;
}

.vehicle-details .actions li {
	padding:					0;
	margin:						0;
	background:					none;
	float:						left;
}

.vehicle-details .vehicle-content {
	float:						right;
	padding-top:				25px;
	width:						270px;
	font-size:					90%;
}

.vehicle-details .details p
{
	position:					relative;
	padding-left:				10em;
	min-height:					1.3em;
}

.vehicle-details .details strong {
	position:					absolute;
	left:						0;
}

.vehicle-details .gallery {
	width:						260px;
	float:						left;
	margin:						-6px 0 0 -5px;
}

.vehicle-details .gallery p {
	width:						250px;
	margin:						0.2m 0 0.6em;
	padding:					0 0 0.4em;
	font-size:					90%;
	background:					url(/media/images/bg-dashed-horizontal.gif) bottom left repeat-x;
}

.vehicle-details .gallery .thumbs,
.vehicle-details .gallery .thumbs li {
	margin:						0;
	padding:					0;
}

.vehicle-details .gallery .thumbs li {
	float:						left;
	margin-right:				10px;
	margin-bottom:				10px;
	background:					none;
}

.vehicle-details li img {
	display:					block;
}

.vehicle-details .gallery .cta li {
	padding:					0;
	margin:						0 3px 3px 0;
	background:					none;
	float:						left;
}

.vehicle-details .gallery .cta li.back {
	margin:						8px 3px 3px 0;
}

.preloader {
	position:					absolute;
	top:						-9999px;
	left:						-9999px;
}

/*--------------------------------------------------------------------------
	=misc styles
----------------------------------------------------------------------------*/
.grad-a 
{
	position:					absolute;
	top:						-6px;
	right:						190px;
}

.grad-b 
{
	position:					absolute;
	bottom:						-5px;
	right:						190px;
}

.register-links,
.register-links img {
	vertical-align:				middle;
}
.register-links img {
	margin-top:					4px;
	margin-left:				2px;
	margin-right:				15px;
}

.reference-point-actions {
	text-align:					right;
}

.reference-point-actions .prev {
	float:						left;
}

#frm-search-keywords {
	width:						100px;
}

#frm-keywords {
	width:						200px;
}

.content p.lead {
	margin-bottom:				15px;
}

.content .other-dealers li h3 {
	font-weight:				bold;
}

.content .other-dealers li {
	background:					none;
	padding-left:				0;
	margin-bottom:				15px;
	width:						270px;
	float:						left;
	min-height:					11.2em;
}

#get-acrobat {
	padding-top:				15px;
	margin-left: 				-1px;
}

#frm-reminder-email {
	width:						250px;
}

.map-widget {
	margin-top:					-7px;
}

.pdf {
	background:					url(../images/bg-pdf-icon.jpg) 0 0 no-repeat;
	padding-left:				18px;
}

.active a {
	font-weight:				bold;
	text-decoration:			none;
	color:						#CC0101;
}

.active a:hover {
	text-decoration:			underline;
	color:						#333;
}

/* Used for the "print" button and terms panel, this is only displayed if JS is active so .print should be hidden by default */
.content .editorial .print,
.content .editorial .terms {
	display:					none;
}

.content .editorial .show {
	display:					block;
}

.content .editorial .ajax .print {
	display:					block;
}



.content .editorial .show {
	display:					block;
}


.content .editorial .terms h2,
.content .editorial .terms p {
	padding:					0;
	margin:						6px 0 4px;
}

.content .editorial .terms h2
{
	margin-top:					0;
	padding-top:				5px;
}

.content .editorial .terms table {
	margin:						0 0 7px;
}

.content .editorial .terms th {
	padding-right:				10px;
}


/*--------------------------------------------------------------------------
	=additional page styles
----------------------------------------------------------------------------*/

.additional-page h1 {
	color:						#CA224F;
}
/*For the Motor Industry Codes of Practice link*/
.micop	{
	margin-top: 25px;
}

/*--------------------------------------------------------------------------
	=clearfixes
----------------------------------------------------------------------------*/

.header:after,
.layout:after,
.content:after,
.homepage .content .glow div:after,
.crumbs ul:after,
ul.image-listing li:after,
.map-and-address:after,
.base-glow:after,
.content .staff ul:after
{
	content:					".";
	display:					block;
	clear:						both;
	height:						0;
	line-height:				0;
	visibility:					hidden;
}

.w3c {
	position:					absolute;
	left:						-9999px;
	top:						-9999px;
}