/***** Standard XHTML Tag Classes *****/
body {	padding : 4px 0px 0px 0px;	margin : 0px 0px 0px 0px; background: #FFFFFF; }

img {border : none;	display : block;}

/* Set the generic font size, padding and margin for most elements */
/* All font sizes shall be based on this so be wary of changing this */
h1, h2, h3, h4, h5, h6, li, label, p, td, th {	margin : 0;	padding : 0;	font-size: 0.7em; }

li p {	font-size : 100%;}

table td {border-collapse : collapse;border : none;}
form, label {	display : inline;}

fieldset {border : none;	padding : 0px 0px 0px 0px;	margin : 0px 0px 0px 0px; }
legend {display : none;}

/* Fixes most of the peek a boo bugs */
div  {	line-height : 1.2;}

/* Standard List Styles, its better to use the bg image than the list style image.Although, .panelList does not do this currently, but we could change it ...*/
ul {margin : 0px 0px 0px 0px;	padding : 0px 0px 0px 0px;}
ul li {	background-repeat : no-repeat;	background-position : 0px 5px;	list-style-type : none;	margin : 0px 0px 0px 0px;}

/* link classes */
a:link, a:active, a:hover, a:visited {color:blue;text-decoration:underline;}
a:hover {text-decoration:none;}

.redLink a, .redLink a:link, .redLink a:active, .redLink a:hover, .redLink a:visited {color:#DD0000;text-decoration:none;}
.redLink a:hover {text-decoration:underline;}

a.largeTabFontLinkBlack:link, a.largeTabFontLinkBlack:active, a.largeTabFontLinkBlack:visited,
a.largeTabFontLinkBlack:hover
{
 font-size : 140%;
 color : #000000;
 font-weight : bold;
}
a.largeTabFontLink:hover
{
 text-decoration : none
}

#noTopMagazines{width : 75px; height : 74px; float : right; margin : 0px 0px 0px 0px;}

.tertiaryFontLinkBlack
a.tertiaryFontLinkBlack:link, a.tertiaryFontLinkBlack:active, a.tertiaryFontLinkBlack:visited,
a.tertiaryFontLinkVBlack:hover
{
color: #000000;
}


/* ///////////////////////// */
/* START: Banner Ad elements */

/* Sky Scraper Ad Container */
#skyScraperAd {	position : absolute;left : 780px; 	top : 135px;}
#widerSkyScraperAd {position : absolute; 	left : 830px; 	top : 135px;}

#topBannerContainer {position:absolute;	left:220px;	top:10px;	border : solid 1px #E5E5E5;	width : 468px;	height : 60px;	margin : 0px 0px 0px 0px;}
#bottomBannerContainer {margin : 5px 0px 5px 0px;}

/* top banner in ncs popup */
#topBannerContainerPopup { border : solid 1px #E5E5E5;width : 468px;height: 60px;float:left;margin: 10px 0px 0px 8px;position:absolute; left:203px; top:0px;}

.mpu-content #formFooterMPU {height: 250px; width: 300px; }

/* //////////////////////////// */
/* START : Page layout elements */
.widerOuterContainer {	width : 985px;background-color : white;min-height:100%;float:left; position:relative;}

.widerOuterContentContainer {
	width : 605px; 
	margin : 0px 0px 0px 5px;
	background-color : white;
	float:left; 
	background-color: #FFFFFF;	
	padding: 0 5px 0 0;
}

/* Container for the bread crumb or generic paragraph of text */
#breadCrumbContainer {	clear : left;	padding : 5px 0px 5px 12px; width: 605px;}

/* ///////////////
Generic Containers
leftColumnContainer is used on pages with the same template as the homepage.
leftColumnContainer2 is used on pages with the same template as the advanced search 
*/
#leftColumnContainer, #leftColumnContainer2 {
	float : left;
	margin : 0px 6px 0px 0px;
	width : 207px;
	display : inline;
	clear : left;
}

#leftColumnContainer2 {
	float : left;
	margin : 0px 9px 0px 0px;
	width : 605px;
	height: 1%;
}

/* ////////////////
rightColumnContainer is used on pages with the same template as the homepage.
rightColumnContainer2 is used on pages with the same template as the advanced search 
*/
#rightColumnContainer, #rightColumnContainer2, #rightColumnContainer3 {	float : left;	padding : 0px 0px 0px 6px;	width: 536px;	border-left : solid 1px #989898;	display : inline;}


#rightColumnContainer {	\width: 543px;    w\idth: 536px;}

/* Doesnt have any padding as we dont have the left border, so we dont need to offset the content */

#rightColumnContainer3 { width: 192px;	border-left : none;	padding : 0px 0px 0px 0px; 	}

/* Generic Tabs */
.usedCarsTab {
	width : 120px;	
	background-color: #AFE2FF;
	color: #000000;	
	border-bottom: 1px  solid #AFE2FF;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/usedcarsCorner2.gif);	
	text-align : center;
	padding : 2px 0px 2px 0px;	
	float:left;	
	position: relative; top: 11px;
	z-index: 0;
	 
}	


.newCarsTab {

	background-color : #5ACDF5;
	color: #000000;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/newcarsCorner2.gif);
	border-bottom:1px solid #5ACDF5;	
	background-repeat : no-repeat;
	background-position : right top;	
	text-align : center;
	padding : 7px 0px 7px 0px;
	border-bottom : solid 1px #5ACDF5;
	float:left;	
	width : 120px;	
	position: relative; left: 1px;	
	font-size : 100%;
	color : #000000;
	z-index: 50;
}



/* beta label */
.betaTabText {color:red; font-size: 0.5em; text-align:right; height:5px; margin-top: -2px; margin-right: 2px; display: none;}
*html .betaTabText { font-size: 55%; height:5px;margin-bottom:-5px; }

.helpTab a.largeTabFontLink:link, .helpTab a.largeTabFontLink:active, .helpTab a.largeTabFontLink:visited, .helpTab a {
	color : #000000;	
	text-decoration:underline;
	font-size: 140%	;	
}

.helpLinkContainer {position:relative;top:14px;right: 5px;font-size: 1em;;min-width:115px;}
.helpLinkContainer img {float:left;position:relative;top:4px;right:5px;}

.changedItemContainer .helpLink {  float: right; color:#5F4D4D; font-size: 0.7em; font-weight:bold;}




/* //////////////////// */
/* START: Form elements */



/*Advanced search background */
#formOuterContainer 
{
	background-color : #5acdf5;
	padding : 0px 0px 0px 0px;
	width: 605px;
	float:left;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/newcarsCorner2.gif);
	background-repeat : no-repeat;
	background-position : right top;
	margin: 0 0 10px 0;
}



#formContentContainer { padding: 0 8px; float:left;  }

/* COMMON FORM CLASSES */
.changedItemContainer {font-size:0.7em; height:auto; min-height: 20px; color:#000000; }

/* apply font size to all select boxes */
.changedItemContainer  select  {font-size:1em; } 

.bgItemColour {background-color: #afe2ff;}
.rowBreaker {min-height: 5px;  height: 5px; width: 100%; }

/* to force breaker height in IE */
*html .rowBreaker { margin-bottom: 0.1em;} 

/* div containing first two elements in row*/
.leftRowContainer {float:left; width: 410px; margin-right: 15px; }

/* only needs to be used on left Column */
.rightElementSpacer {margin-right: 14px;}


/* CLASSES APPEARING ON EACH ROW */
#firstRow { margin-top: 18px; }

#advertDistance {float:left;}
.advertLocalityDropdown {  width: 168px; }
.advertLocalityContainer {  width: 185px; }

#postcodeInput { float:left;}
.postcodeInputDropdown {  width: 149px; }
.postcodeTextWidth {width:100px;}

.asRequiredLabel {font-weight: normal; text-align:right; position:relative; top:-3px;}
.mandatory { color: #FF0000;}

#carStatusType { float:right;}
.carStatusDropdown {  width: 183px; }
.carStatusContainer {  width: 201px; }

/* Labels */
#fieldLabelsMiddleCars { font-size: 1.15em; color: #353535;font-weight: bold; margin-top: 15px;}

*+html #fieldLabelsMiddleCars{ position: relative; margin-top: 0px; float:left;}
*html #fieldLabelsMiddleCars { position: relative; margin-top: -5px; float:left;}

.fieldLabelsTopCars { height:20px; margin-top:0px; float:left; display:inline;}
.fieldLabelsMiddleCars { height:20px; margin-top:15px; float:left; display:inline;}
.fieldLabels p { padding-left:2px; height:8px;}

*html .fieldSetBottomCars { float:left;position:relative;}

.makeModelLabel { float:left; width: 227px; min-width: 227px;}
.vehicleAttributesLabel { float:left; width: 168px; min-width: 168px; }
.styleFeatureLabel {  float:right;width: 164px; min-width: 164px; }


/* Second Row */
#secondRow { position:relative;  }

#make {float:left; }
.makeDropDown {  width: 227px; min-width: 227px; }

#min_price {float:right;}
.minPriceDropDown { min-width: 168px; width: 168px; }

#carType {float:right;}
.carTypeDropDown { min-width: 164px; width: 164px; }

/* Third Row */
#thirdRow { position:relative;  }

#model {float:left; }
.modelDropDown {  width: 227px; min-width: 227px; }

#max_price { float:right;}
.maxPriceDropDown { min-width: 168px; width: 168px; }

#engineSize {float:right;}
.engineSizeDropDown { min-width: 164px; width: 164px; } 

/* Fourth Row */
#fourthRow { position:relative;  }

#subModel {float:left; }
.subModelDropDown {  width: 227px; min-width: 227px; }

#fuelType { float:right; }
.fuelDropDown { min-width: 168px; width: 168px; }

#transmissionType {float:right;}
.transmissionDropDown { min-width: 164px; width: 164px; }

/* Fifth Row */
#fifthRow { position:relative; padding-bottom: 30px; }

#edition {float:left; }
.editionDropDown { width: 227px; min-width: 227px;}

#empty {  }
.emptyDropDown { min-width: 168px; width: 168px; }

#noDoors {float:right;}
.noDoorsDropDown { min-width: 164px; width: 164px; }

/* when item Selected classes*/
a.itemColor,  a:link.itemColor, a:visited.itemColor, .itemColor{color:#000000;  text-decoration: none; font-weight: bold;}
a.itemColor:hover, a:hover.itemColor { text-decoration: underline; }

.contractedHelpIcon {float:right;margin-top:4px;margin-right: 36px;}
.selectedText {float:left;margin-top: 5px;margin-left:3px;}
.largeSelectedText { width: 181px;}



/*  Flash count container  at bottom of form*/
.countButtonsContainerCars, .countButtonsContainer {
background-image:url(/es-uk/img/search_form_lower_bg3.gif);
background-repeat:no-repeat;
background-position: left bottom;
min-height:44px;
min-width: 465px;
float:left;
}


*html .countButtonsContainer, .countButtonsContainerCars { height: 44px;}
.countButtonsContainerCars {min-width: 589px;min-height:44px;}

/* Postcode overlay classes */
.busyHideContainer {
float:left;
text-align:center;
width: 220px;
height:50px;
background-color: #eaedee;
filter:alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;
position:relative;
top: 60px;
left: 200px;
font-size: 115%;
margin-top: 12px;
}


.loadingBar {float:left;margin-left: 55px;}
*html .loadingBar {position:relative;left:0px;margin-left:27px;}


.busyHideContent {position:relative;top:20px;left:45px;float:left;}

.busyShow {display:block;}
.busyHide {display:none;}

.busyHideOverlay {
filter:alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;
width: 605px;
height:200px;
position:absolute;	
left:6px;
z-index:10;
background-color: transparent;
text-align:center;
background-image: url(/es-uk/img/Generic/updateBg.gif);
background-repeat: no-repeat;
background-position: center;
}

*html .busyHideOverlay {left:11px;height:210px;}
/* position loading overlay */
.carsOverlay {position:absolute;top: 180px;}

/* top info when make and model are selected */
.asNewTopAdvertContainer { margin: -5px 0 5px 0; padding: 0; }
.asNewTopAdvertContainer div.floatLeft img{width: 120px; height: 90px;}
.asNewTopTextContainer { position: relative; top: 25px; left: 10px;}


/* sort dropdown*/
#sortResultsByContainer {  float:right; width:250px; margin: 3px 0;}
#sortResultsByContainer fieldset {float:left;}
.sortLeftContainer { width: 220px; float: left; }
.sortResultsLabel {float:left; text-align: right; padding: 3px 0;}
.sortResultsDropDown { font-size: 0.7em; float:right;  width: 130px; }
.sortGoButtonContainer { float:right; margin-top: 3px; }
.sortGoButton { }


/* Compare button underneath black bar */
.viewClipLinkContainer { width:163px;height:22px;float:left;}

.viewClipboardButton {
background-image:url(/es-uk/img/comparator/view-compare-list2.gif);
background-repeat:no-repeat;
width:163px;
float:left;
height:22px;
position:relative;
text-align:center;
color: #FFFFFF;
line-height: 1.3em;
}

a:link.viewClipboardButton , a:visited.viewClipboardButton ,  a.viewClipboardButton {
color: white;
position:relative;
top:1px;
text-decoration:none;
}


/* paginiation links un list item for accessibility */
#paginationContainer {float: right;  color: #999999; font-weight: bold; text-align:center; min-height: 22px; margin-top: 6px; }

ul#paginationListItems { list-style-image: none; }
ul#paginationListItems li { float:left; }
ul#paginationListItems li.pageLink { float:left; test-align:center; }
ul#paginationListItems li.pageLink a, ul#paginationListItems li.activePageNumber { margin: 0px 3px 0px 3px;   text-align:center; line-height:1.3em;}
ul#paginationListItems li.activePageNumber span.activePageNumberSpan {float:left; margin: 0px 3px 0px 3px;   text-align:center; color: #DD0000;}

/* gey line divide */
ul#paginationListItems li span.lineDivider { background: #999999; float: left; width: 2px; height: 11px; margin-top: 2px;}

/* help Text for update results */
#messageText { min-width:575px;}

/* ///////////////////// */
/* START: resut elements */ 

/* Advanced Search Results */
.asAdvertContainer, .sponseredAdvertContainer
{
	border : solid 1px #B9B9B9;
	margin : 10px 0px 0px 0px;
	background-image: url(/es-uk/img/Generic/greyTile1.jpg);
	background-position : 480px 0px;
	background-repeat : repeat-y; 
	width : 581px;
	clear : both;
}

/* IE Hack for the width because we are using a border */
* html .asAdvertContainer, * html .sponseredAdvertContainer {
	width: 583px; /* for IE5 and IE6 in quirks mode */
    w\idth: 581px; /* for IE6 in standards mode */
}

/* remove top margin so that text fits correctly */
.sponseredAdvertContainer { margin: 0;}

/* top Margi on header text instead */
.sponsoredHeaderText {padding: 10px 0 3px 2px;}

/* Advert Left Container */
.asAdvertLeft {	float : left;	margin : 0px 10px 0px 2px;}

/* Advert Spec List */
.asAdvertLeft ul {margin : 0px 0px 0px 15px;padding : 0px;}

/* These override the default list item styles added up the top */
.asAdvertLeft ul li { list-style-type : disc;	list-style-image : none;background-image : none;margin-left: 0px;padding : 0px;}

/* The Image */
.asAdImageContainer {float : left;	position: relative; top: 15px; width: 120px; text-align: center;}
.asAdImageContainer img {width: 120px; height: 32px;}

/*	RM - added this to take care of Safari problem - it wants an explicit width set so it will float the asAdListContainer and asAdContentContainer next to each other */
/* value 380px in Ian Downes now version */
.asAdTextContainer {width: 345px;}

/* Advert Spec List Container */
.asAdListContainer {width: 90px;min-height: 50px;margin-right : 5px;float : left; margin-left: 3px;}
.asAdListContainer ul li {text-transform: lowercase;}
.asAdListContainer ul li:first-letter {text-transform: capitalize;}

/* Advert Car Description Container */
.asAdContentContainer {	width: 243px; min-width : 247px;min-height: 50px;	height: 50px; float : left;margin-bottom:7px;}
.asAdTextContainer>.asAdContentContainer  {height: auto;}

/* Advert Spec List */
.asLogosAndLinksContainer{	width : 375px;}
.dealerName {width: 120px; text-align:center;}

.asAdvertRight2 {float : right;	 text-align: right; width: 95px; }
.asAdvertRight2 p{	 	padding-right: 0.5em;}
.asAdvertRight2 p strong { font-size: 1.3em;}
.asAdvertRight2 span.distanceValue { font-size: 1em; font-weight:bold;}

/* Wider heading Bar */
.widerBgHeadingBar {color : #FFFFFF;	background-color : #616161;	display : block;padding : 3px 7px 3px 7px; 	font-size: 107%;}


/* Heading bar 6 is different to the rest, it does not have an image and the font size isnt set.It is (currently) used car blue BG colour (ie, used car advance search) */
.bgHeadingBar {	color : #000000;	background-color : #FFFFFF;	display : block; border : solid 1px black;border-bottom : none;	padding : 3px 7px 3px 7px; }

.overtureAdContainer .bgHeadingBar {background-color : transparent;}

/* Specific Style For the WhatCar image next to the Car Reviews h2 */
.bgWhatCarImage{	display : inline;position : relative; top : 3px;}


/* PanelList list item, set image etc */
.panelList li, .panelListNoImage li {
	list-style-image : url(/es-uk/img/Icons/redRight.gif);
	list-style-position: outside;
	margin-left: 17px;
	background-image : none;
	padding : 0px 0px 0px 0px;
}

/* Hack for IE so the bullets align properly */
* html body .panelList li a, * html body .panelListNoImage li a {position : relative;top : -3px;}

/***** Containers including bottom background images, bg colours, paddings etc *****/
.bottom3 /* grey back */
{
	background-color : #F1F1F1;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/bottomGrey1.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
}


.bottom9 /* ie, Advanced Search results pagination bar */
{
	background-color :     #D1EAEF; /*#B4E6F7; orginal colour*/
	background-image : url(/es-uk/img/Generic/BackgroundCorners/bottomBlue4.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0;
	color:#000000;
	
}


/* ////////////// */
/* START: Sidebar */
.widerBottom10SearchContainer, .widerBottom10Container {background-color : #FFFFFF; font-family:Arial,Helvetica,sans-serif;}
.widerBottom10{ padding : 0px 0px 7px 0px;	position: relative;	background-color:transparent; }

.widerSideBarItemContainer {padding: 7px 5px 3px 5px;border: 1px solid #616161;position:relative;}

/* Switched bottom Padding off to allow for button */
.widerSideBarItemWithButtonContainer { padding: 7px 0px 0px 5px;border: 1px solid #616161;position:relative;}
.widerSideBarIframeContainer { padding: 0 ;border: 1px solid #616161;}

.widerSideBarTextContainer { position:relative; left: 5px; right: 5px;  margin: 0 5px 0 5px;   }

#carInsSideSection.widerSideBarItemContainer, #carBreaSideSection.widerSideBarItemContainer { padding: 2px 2px 0px 2px;}
#carInsSideSection .dashedLine, #carBreaSideSection .dashedLine {width: 100%; height: 1px; font-size: 1px;}

/* Sidebar link for new cars, minus margin to put above image */
.ncHomeSideLink {z-index: 50; position: relative; bottom: 3px; right: 5px; }

.newCarHomeBgColour { background:#DFDFDF url(/es-uk/img/Generic/newCarGradBack.jpg) repeat-y 0 0; }




#overtureOuterContainer { 
word-wrap: break;
w\idth: 540px;
min-width: 603px;
position:relative;
float:left;
margin-botton:10px;
}

/*Overture in Footer */
#overtureHeader h3.widerBgHeadingBar {display : block;	font-size: 0.88em;  text-align:left;}

.overtureInnerAdContainer {	margin: 5px;}

#overtureItemHeader { 	color : #000000;   }
.overtureTextContainer {margin:5px 9px 5px 7px;text-align: left;}

.overtureAdContainer {
font-size:100%;
border:1px solid #B9B9B9;
margin-bottom:5px;
background-color: #EEEEEE;
padding-top:3px;
width: 590px;
min-width: 540px;
}

#overtureTable .bottom3 { min-width: 0px;}

.overtureAdContainer .bgHeadingBar {border:none;font-size:70%;}

#footerOvertureLinks #overtureHeader h3.widerBgHeadingBar {
	background-color : transparent;
	display : block;	
	color:#0578c5; 
	font-size: 0.88em;  
	text-align:left;
	
}

#footerOvertureLinks .widerSideBarIframeContainer { 
border: 0px;
min-width: 603px;
float:left;
border-left: 1px solid #d0d0d0; 
border-bottom: 1px solid #d0d0d0; 
background: url(/es-uk/img/Generic/BackgroundCorners/topRightGrey.gif) transparent no-repeat 100% 0; 
padding-bottom: 5px;
margin-top: 10px;
}

#overtureItemHeader { 	color : #000000;   }
.overtureTextContainer {margin:5px 9px 5px 7px;text-align: left;}

/* CLASS FOR TITLE LINK */
.overtureAdContainer .overtureTitleLink {color: black;text-decoration:none; font-size: 0.7em; margin : 3px 7px 3px 7px;}
.overtureAdContainer .overtureTitleLink:hover  {color: blue;text-decoration:underline;}

.overtureAdContainer p .overtureDescLink {color: black;text-decoration:none;}
.overtureAdContainer p .overtureDescLink:hover  {color: black;text-decoration:underline;}

/* Overides width style for sidebar overture */
#sidebarOvertureLinks #overtureOuterContainer, #sidebarOvertureLinks .widerSideBarIframeContainer{	width: 190px; min-width:190px;}

/* border defined by sidebar class instead */
#sidebarOvertureLinks  #overtureContainer {
	width: 188px;
	min-width: 190px;
	background: none;
	border: 0px;
	border: 1px solid #616161;
	margin: 0;
}

.ovetureInnerContainer {
	margin: 5px 5px 0 5px;
}

.overtureAdContainer {
	font-size: 100%;
	border: 1px solid #B9B9B9;
	margin-top: 5px;
	background-color: #EEEEEE;
	padding-top: 3px;	
	min-width: 540px;
}

#sidebarOvertureLinks #overtureHeader h3.widerBgHeadingBar {width: 176px; font-size: 1em;}
#sidebarOvertureLinks .overtureAdContainer {width: 178px;min-width: 178px;	max-width: 178px;}

.overtureInnerAdContainer {	margin: 5px;}




/*Overture formatting*/

.overtureItemHeader { 	color : #000000;  }
.overtureTextContainer {margin:1px 0 1px 3px;text-align: left;clear:both;}



.overtureItemHeader   .overtureTitleLink {color: blue;text-decoration:underline; font-size: 70%; font-weight:bold; margin : 2px 0 0 3px; float:left;}
.overtureItemHeader  .overtureTitleLink:hover  {color: blue;text-decoration:underline;}

p.overtureTextContainer .overtureDescLink {color: black;text-decoration:none;}
p.overtureTextContainer  .overtureDescLink:hover  {color: black;}

.overtureInnerAdContainer span.redSideBarLink {
	background:transparent none repeat scroll 0 0;
	color:#D71920;
	float:none;
	font-weight:normal;
	margin:0 10px 0 0;
	padding:0;
}

.overtureInnerAdContainer span.redSideBarLink:hover, .overtureInnerAdContainer span.redSideBarLink a:hover {
	font-weight:normal;
	text-decoration:underline;
}



/*Wider sidebar on search */
.widerSideBarDivider {
clear:both;
position:relative;
width: 174px;
height: 4px;
min-height:4px;
font-size: 1px;
}


/* Date used within News & Reviews heading */
.newsReviewsDate
{
	font-weight : normal;
	font-size : 75%;
	margin-left : 100px;
}


/***** Generic Font / Header Bars / Link Classes (except main navigation) *****/
/* Primary Font Styles For Page / Section Headings and Generic Font Styles */
.primaryFontHeading
{
	font-size : 125%;
}

.largeTabFont
{
	font-size : 100%;
	color : #000000;
}

.fontWeightNormal
{
	font-weight : normal;
}

.fontWeightBold
{
	font-weight : bold;
}

.font75Percent
{
	font-size : 75%;
}

.font100Percent
{
	font-size : 100%;
}

/* Grey Colour */
.primaryFontColour
{
	color : #505050;
}

a.blackLink:link, a.blackLink:active, a.blackLink:visited,
a.blackLink:hover,
.blackLink a:link, .blackLink a:active, .blackLink a:visited, .blackLink a:hover{ 
color:#000000;
font-weight: normal;
}



.redSideBarLink
{
background-image: url('/es-uk/img/Icons/chevron.gif');
background-repeat: no-repeat;
background-position: left;
float:right;
padding-left: 19px;
margin-top: 5px;
font-weight: bold;
color:#d71920;

}

*html .redSideBarLink { position:relative; border: 0px;}

a.redSideBarLink:link, a.redSideBarLink:active, a.redSideBarLink:visited,
.redSideBarLink a:link, .redSideBarLink a:active, .redSideBarLink a:visited
{ 
color:#d71920;
text-decoration: none;
}

a.redSideBarLink:hover, .redSideBarLink a:hover
{
color:#d71920;
font-weight: bold;
text-decoration:underline;
}


.overtureInnerAdContainer p.redSideBarLink:hover, .overtureInnerAdContainer p.redSideBarLink a:hover {font-weight:normal;text-decoration:underline;}


/*override for overture google ads */
.overtureInnerAdContainer p.redSideBarLink {
background:none;

float:none;
margin:0 0 0 3px;
padding:0;
font-weight:normal;
color:#d71920;
}


/* Red Colour (standard link colour)  set to blue */

.secondaryFontColour, 
a.secondaryFontLink:link, a.secondaryFontLink:active, a.secondaryFontLink:visited,
a.secondaryFontLink:hover,
{
	color : #0000FF;
}

a.secondaryFontLink:hover
{
	text-decoration : none;
	
}

/* Red Colour */
.lsl, a.lsl:link, a.lsl:active, a.lsl:visited, a.lsl:hover
{
	color : #ff0000;
	
	
}

.asAdTextContainer h4 a:link, .asAdTextContainer h4 a:visited, .asAdTextContainer h4 a:active .asAdTextContainer h4 a:hover
{
font-weight:bold;
}



a.lslFontLink:hover
{
	text-decoration : none
}


.lslFontColour, .lslFontColour a:link, .lslFontColour a:active, .lslFontColour a:visited 
a.lslFontLink:link, a.lslFontLink:active, a.lslFontLink:visited,
a.lslFontLink:hover
{
	color : #ff0000;
}

a.lslFontLink:hover
{
	text-decoration : none
}

/* White Colour */
.tertiaryFontColour,
a.tertiaryFontLink:link, a.tertiaryFontLink:active, a.tertiaryFontLink:visited,
a.tertiaryFontLink:hover
{
	color : #FFFFFF;
}

a.tertiaryFontLink:hover
{
	text-decoration : none
}

/* Dark Blue Colour */
.quaternaryFontColour
{
	color : #212C5A;
}

/* Black */
.quinaryFontColour,
a.quinaryFontLink:link, a.quinaryFontLink:active, a.quinaryFontLink:visited,
a.quinaryFontLink:hover
{
	color : #000000;
}

a.quinaryFontLink:hover
{
	text-decoration : none
}


/* Grey thats currently used on Adv Search Results pagination bar for "previous page" */
.senaryFontColour,
a.senaryFontLink:link, a.senaryFontLink:active, a.senaryFontLink:visited,
a.senaryFontLink:hover
{
	color : #848484;
	font-weight: bold;
}

a.senaryFontLink:hover
{
	text-decoration : none;
	font-weight: bold;
	
}

/* Grey thats currently used on Adv Search Results pagination bar for "previous page" */
.senaryFontColour,
a.senaryFontLink:link, a.senaryFontLink:active, a.senaryFontLink:visited,
a.senaryFontLink:hover
{
	color : #848484;
}

a.senaryFontLink:hover
{
	text-decoration : none
}

a.largeTabFontLink:link, a.largeTabFontLink:active, a.largeTabFontLink:visited,
{
	font-size : 140%;
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none
}

a.largeTabFontLink:hover
{
	text-decoration : underline
}

/***** Generic heading bars. Width not specificied in order to be able to be used anywhere
and will inherit the width from the containing element *****/

/* Heading bar 1.
It is (currently) Dark blue BG colour (ie, buying a car) */
.headingBar1, .headingBar2, .headingBar3, .headingBar4, .headingBar5, .topSearchBar
{
	font-family : Arial, Sans-Serif, Verdana;
	font-weight : bold;
	font-size : 95%;
	color : #FFFFFF;
	background-color : #212C5A;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/topBlue1.gif);
	background-repeat : no-repeat;
	background-position : right top;
	padding : 0px 11px;
	line-height: 1.1em;
}

/* Heading bar 2 overrides font colour, bg colour and bg image.
It is (currently) Light Blue BG colour (ie, top searches) */
.headingBar2
{
	color : #000000;
	background-color : #B4E6F7;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/topBlue2.gif);
}

/* Heading bar 3 overrides font colour, bg colour and bg image.
It is (currently) Middle weight grey BG colour (ie, news and reviews) */
.headingBar3
{
	color : #000000;
	background-color : #CBCBCB;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/topGrey1.gif);
}
/* Heading bar 4 overrides font colour, bg colour and bg image.
It is (currently) aqua blue BG colour (ie, bmw panel) */
.headingBar4
{
	color : #FFFFFF;
	background-color : #8CB8C7;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/topBlue3.gif);
}

/* Heading bar 5 overrides font colour, bg colour and bg image.
It is (currently) used car blue BG colour (ie, used car advance search) */
.headingBar5
{
	color : #FFFFFF;
	background-color : #05ABE3;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/topBlue4.gif);
}

/* Top search Bar  overrides font colour, bg colour and bg image.
It is (currently) used car dark blue BG colour (ie, used car advance search)- added as part of usability changed, yet to be approved... (Dave-b 08/06) */

.topSearchBar
{
	color : #FFFFFF;
	background-color : #000000; /* #307294, #212C5A #3B89B2*/
	background-image : url(/es-uk/img/Generic/BackgroundCorners/topBlue5.gif);
}

/***** Generic Background Colours (currently used within Adv Search results *****/
.bg1
{
	background-color : White;
} 

.bg2
{
	background-color : #D6DEE7;
}

.bg3
{
	background-color : #FFCFCF;
}

.bg4
{
	background-color : #C3CCDD;
}

.bg5
{
	background-color : #FAF9E6;
}

.bg6
{
	background-color : #C8E0DA;
}

/* Currently the BG colour that the adv search results sit on */
.bg7
{
	background-color : #EFEFEF;
	padding-bottom: 5px; /* placed here to work in IE */
}

/***** Heading Image Classes *****/
/* Class to be assigned to the tag itself */
.replaceTextImage 
{
	position : relative;
	margin : 0px; padding : 0px;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow : hidden;
	/* */
}

.replaceTextImage span
{
	display : block;
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 1;
}

/* Buyers Guide in Small Right Column on search results page
Note: Buyers guide headings are in popupbasic.css*/


/* Wider search bar class */
.topPositionCarsRightBar { }
.buyersGuideText {font-size:140%; color: #616161;}


.sideBarGreyTop
{
	width : 192px;
	height : 6px;
	background-color: #d4d4d4;
	position:relative;
}

*html .sideBarGreyTop { font-size: 1px; }



/* Dave-b -used car search form- project 487 */
/*--------------------------------*/
/* START: CLASSES FROM NEW CARS TO FIX GRAY SIDE ALIGNMENT */
/* Adding the code below appears to solve the banner overlay problem */
#sectionsNavBar, #channelsNavContainer{clear:left;}

/* END: CLASSES FROM NEW CARS TO FIX GRAY SIDE ALIGNMENT */
/*--------------------------------*/
/*START: NEW BACKGROUND COLOURS */





#vehicleCountContainer object{position:relative;top:4px;}
#noFlashCounter{position:relative;top:6px;}
.safari #noFlashCounter{display:block;}
.safari #flashCounter{display:none;}




.headingBar1, .headingBar2, .headingBar4, .headingBar5, .headingBar6, .headingBar7
{
	font-family : Arial, Sans-Serif, Verdana;
	font-weight : bold;
	font-size : 95%;
	color : #FFFFFF;
	background-color : #212C5A;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/topBlue1.gif);
	background-repeat : no-repeat;
	background-position : right top;
	padding : 3px 11px 3px 11px;
}
.headingBar6
{
  	background-color : #AFE2FF;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/topBlue7.gif);
}

.headingBar7
{
  	background-color : #6E6E6E;
	background-image : url(/es-uk/img/Generic/BackgroundCorners/topGrey4.gif);
}


/* MAKES ALL THE ALT TAGS FOR NO IMAGES DISPLAY IN A DECENT FONT SIZE */
img {font-size:70%;}

/* USED VEHICLE LINKS ETC STYLING */






/*END: NEW BACKGROUND COLOURS */
/*--------------------------------*/
/* START: FORM CLASSES */














td {font-size:100%;}

.disabedColour
{
background-color:#D4D0C8;
}

option span
{
font-size:10px;
}

.Container
{
width:169px;
}

.PlantContainer
{
text-align:right;
}

.postcodeBox
{
position:relative;
left:29px;
}


.asPostcode , .asPostcodeCars
{
width:84px;
min-width:92px;
margin-top:3px;
font-size: 100%;
}

.asPostcodeCars {margin-top:0px; margin-left:6px;}
*html .asPostcodeCars {margin-left:5px;}


.postcodeTextWidthPlant, .postcodeTextWidthCaravans
{
width: 104px;
}

.Plant
{
width:98px;
min-width:100px;
}



.qsPostcode
{
width:118px;
min-width:118px;
margin-top:3px;
font-size: 100%;
margin-top:10px;
}

.displayPostcode
{
color: #000000;
margin:0;
margin-top:2px;
font-weight:bold;
font-size: 14px;
}

.changePostode
{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

.change
{
text-align:right;
margin-top:5px;
margin-right:2px;
float:right;
color: blue;
}

.change strong { color:blue; }

a:hover .changePostode 
{
font-weight:bold;
text-decoration: none;
}

















.quickBottomInfo{height:24px;}

/* If NO Adverts - shows overlay*/
#NoResContainer
{
float:left;
font-size: 150%;
text-align:center;
margin:0px;
padding:0px;
position:absolute;
top:-164px;
left:0px;
}

#NoResContainer.carsOverlay { top:-194px; }
*html #NoResContainer .NoVehicleText{margin-top:60px;}
#NoResContainer> p:first-child {margin-top:60px;}

.NoResTextLinks span{font-size:0.7em;}
.NoVehicleText, .NoResText{color: #8c0000;}
.NoResTextLinks {font-size:0.85em;}
.NoResTextLinks , .NoResTextLinks a:link, .NoResTextLinks a, .NoResTextLinks a:visited
{
font-size:75%;
font-weight:bold;
}


.helpIcon {margin-left:2px;}

.helpOverlib
{
background-color: #FFFF99;
padding:2px;
font-family:Arial, Helvetica, sans-serif
}

/* END: FORM ELEMENTS */
/*--------------------------------*/
/*START: RESULTS CLASSES */

#noClipCompare {margin-left:30px;margin-top: 20px;}
*html .noMoreClip {width:350px;}



.semiTransBack
{
background-color: #FFFF99;
height:11px;
padding:3px 3px 5px 3px;
border:1px solid black;
}

.semiTransBack strong {position:relative;}

.clipContainer 
{
border-top: 1px solid #B9B9B9; 
background-color: #EEEEEE;
padding-left:10px;
padding-top:1px;
height:17px;
}

/* ADDED to STOP clip text wrapping down in opera */
.clipContainer p {min-width: 110px; }

.clipContainer  a:link, .clipContainer a:visited,  .clipContainer a {color:#D00C00;}
.clipContainer  a:hover {color: red;}

/* Show/hide clip link */
.clipLinkShow {display:block;}
.clipLinkHide {display:none;}

/*Insurance quote */
.insuranceQuoteLink 
{
float:right;
margin-right: 5px;
text-align: right;
}

/* POSITION TEXT */
.qBusyHideOverlay p {float:left;}
#vehicleCountContainer {float:left;position:relative;top:7px;}
#formButtons {position:relative;top:8px; float:right;width: 280px; position:relative}



.compareCbxContainer
{
background-color:#D7E2E6;
width:22px;
vertical-align: top;
padding:1px;
}


.asAdContentContainer p
{
word-wrap: break-word;
/* THIS WILL STOP THE TEXT OVERLAPING OVER SIDEBAR */
overflow: hidden;
}

.asSearchLogo {	text-align:center;	margin:0; }



.asLogosAndLinksContainer 
{
float:right;
margin: 0px 0px 2px 0px;
}

/* CONTAINER FOR FRANCHISE IMAGE SO WE CAN CONTROL ALIGNMNET ON SEARCH RESULTS */
/* THE CLASS CAN THEN BE EDITED DIFFERENTLY IN THE POPUP */
.franchisedImageContainer
{
float:right;
margin-right:3px;
}




/*END: RESULTS CLASSES */





/*START: EXTRA MISC CLASSES */

.asSearchSpacer2
{
width:19px;
height:20px;
min-width:19px;
min-height:19px;
}

.asSearchSpacer3
{
width:12px;
height:20px;
min-width:13px;
min-height:13px;
}

.asSearchSpacer4
{
width:25px;
height:19px;
min-width:24px;
min-height:19px;
}








/*/////////////////////////*/
/* START: POSTCODE OVERLAY */
#pcOverlayContainer	{position:relative;	;}	
				 
.pcOverlayContainer {position:relative;left:220px;top: 90px;visibility: visible;width: 200px}
.quickOverlayContainer{	visibility: hidden;}
.postcodeContainer { position: absolute; top: 0px; left:0px; z-index:50;}

.pcOverlayContent { 
width:200px;
height:75px;
background-color:white;
border:1px solid black;			
border-right:2px solid black;
border-bottom:2px solid black;
background-image: url(/es-uk/img/Generic/pcBG.gif);
background-position:left top;
background-repeat:no-repeat;
position:relative;	
font-size:100%;
}	

.pcOverlayHeader {width:200px;position:relative;background-color: #000F51;visibility:hidden; display: none;}

.postcodeText {float:left;	padding:3px;}
.closeButton {float:right;}
.postcodeInputForm {position:relative;float:Left;}
.postcodeInputForm #pcode {width:130px;}
.closeContainer {width: 200px;height:17px;}

.pcodeUpdateButton input {position:relative;top:7px;left:5px;}

.pcodeUpdateButton	{float:left;}

.opaqueOverlay
{
background-color:#CCCCCC;
filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
width: 605px;
height:145px;			
position: relative;
top:200px;
left:5px;			
}

*html .opaqueOverlay {left:5px;}
.pcHeaderText {color: #000000;float:left;margin-top: 2px;font-weight:bold;font-size:110%;}

/* ////////////////// */
/* START: NO SEARCH/RESULTS FOOTER */

#noSearchFooter {    margin: 25px 0 0 0; min-width: 605px; width: 100%; float:left; }


#buySellAdviceContainer, #buyAdviceContainer { 
min-width: 295px; 
width: 275px; 
float:left;
border-left: 1px solid #d0d0d0; 
border-bottom: 1px solid #d0d0d0; 
background: url(/es-uk/img/Generic/BackgroundCorners/topRightGrey.gif) transparent no-repeat 100% 0; 
}

/* No Search Footer container */
#buyAdviceContainer  { min-width: 605px; width: 605px; }


.buySellInnerContent, .buyInnerContent { margin: 5px 5px 0px 5px;  float: left; }
.buyInnerContent {text-align:center;  }
.buySellInnerContent { }

#buySellAdviceHeader h3, #buyAdviceHeader h3, .buySellAdviceInnerHeader h3 { color:#0578c5; font-size: 0.88em; padding-bottom: 10px; text-align:left; }

#buySellAdviceContent {float:left;  margin-bottom: 10px; }
#buySellAdviceContent p, #buyAdviceContent p{  float:left;  margin: 0 0 10px 0;  }
#buySellAdviceContent .orderedList li { list-style: decimal;  margin-bottom: 5px; padding: 0 0 0 1em; }

#buySellAdviceBullets {margin: 15px 0  0 15px; clear:both;}
#buySellAdviceBullets li { list-style: disc; margin-bottom: 5px;}

ul#buySellingLinks{ margin: 0 0 0px 0.15em;  padding: 0 0 0 0;   float: left;   height: 30px; }
ul#buySellingLinks li { background: url(/es-uk/img/Icons/redRight.gif) transparent no-repeat left;  float: left;  margin: 0.5em  2.5em 0 0; padding: 0 0 0 1em;   }



#mpuContainer {float:right;   }

.searchFooterLinks  { margin-left: 60px;}	
#buyAdviceContainer li {list-style: disc; margin-left: 20px; text-align:left;}


.searchFooterLeftContainer { float:left; width: 300px; margin-left: 50px;}
.searchFooterRightContainer {  }
.searchFooterBottomLink { margin: 7px 0 10px 50px; float: left;}


/* ////////////////////////////////////// */
/* START: HIDE RESULTS IF FORM IS CHANGED */
.greyOutResults
{
display: inline-block; /* Needed so it works in IE */
visibility: hidden;


}
.greyOutResults select, .greyOutResults a, .greyOutResults .viewClipboardButton {
visibility:hidden;
}


.greyOutResults .topSearchBar {display:none;}

.hideResultsMessageHeader a {
visibility:visible;
filter:Alpha(Opacity=100);-moz-opacity:1.0;opacity:1.0;
}

#hideResultsMessage { margin: 0; padding: 0; float: left;}

.hideResultsMessageHeader
{
color:#000000;
float:left;
filter:Alpha(Opacity=200);-moz-opacity:2.0;opacity:2.0;
position:relative;
margin-top: 10px;
color: #000000;
font-weight: bold;
font-size:0.9em;
padding: 2px;
}

.hideResultsMessageHeader span { margin-right: 0.3em; }



/* //////////////////////////////////////////// */
/*START: MAKE/MODEL RESULTS APPEARING ON FOOTER */

#makesModelsList { float:left;  margin-top: 10px; }
.innerMakeModelList { float:left;  min-width: 555px; padding-left:50px; width:555px;}
.makeModelLink {   float:left;  margin-bottom:3px; margin-right:5px; padding-left: 0px; min-width: 140px; width: 170px; }





/* //////////////////// */
/* START: MISC ELEMENTS */
/***** Generic Position / Alignment / Margin / Padding / Display Classes *****/
.floatLeft {float : left;}
.floatRight {float : right;}

.textAlignRight {text-align : right;}

.centerImage {display: block;  margin-left: auto;   margin-right: auto;}


/* Top Margin elements */
.topMargin2 {margin-top : 2px;}
.topMargin3 {margin-top : 3px;}
.topMargin5 {margin-top : 5px;}
.topMargin6 {margin-top:6px;}
.topMargin7 {margin-top : 7px;}
.topMargin8 { margin-top: 8px;}
.topMargin9 {margin-top:9px;}
.topMargin10 {margin-top : 10px;}
.topMargin11 {margin-top : 11px;}
.topMargin15 {margin-top : 15px;}
.topMargin25 {margin-top :25px;}
.topMargin42 {margin-top : 42px;}
.topMargin34 {margin-top : 34px;}
.topMargin38 {margin-top : 38px;}

.topMarginMinus1 {margin-top: -1px;}
.topMarginMinus2 {margin-top: -2px;}
.topMarginMinus3 {margin-top: -3px;}
.topMarginMinus4 {margin-top: -4px;}
.topMarginMinus5 {margin-top: -5px;}

/* Right Margin Elements */
.rightMargin3 {margin-right: 3px;}

.rightMargin5 {margin-right : 5px;}
.rightMargin8 {margin-right : 8px;}
.rightMargin10 {margin-right : 10px;}
.rightMargin11 {margin-right : 11px;}
.rightMargin20 {margin-right : 20px;}


/* Bottom margin elements */
.bottomMargin3 {margin-bottom : 3px;}
.bottomMargin5 { margin-bottom : 5px;}
.bottomMargin7 {margin-bottom : 7px;}
.bottomMargin10 {margin-bottom : 10px;}
.bottomMargin20 {margin-bottom : 20px;}

/* this works for css2 browsers only */
div>.bottomMargin13 {margin-bottom:13px;}

/* Left Margin Elements */
.leftMargin1 {margin-left:1px;}
.leftMargin3 {margin-left:3px;}
.leftMargin5 {margin-left : 5px;}
.leftMargin6 {margin-left : 6px;}
.leftMargin7 {margin-left : 7px;}
.leftMargin8 {margin-left : 8px;}
.leftMargin9 {margin-left:9px;}
.leftMargin10 {margin-left : 10px;}
.leftMargin20 {margin-left:20px;}


/* left minus margin  for  IE6 */
*html .leftMarginMinus1 {margin-left: -1px;}
*html .leftMarginMinus2 {margin-left: -2px;}


/* leftRight margin elelemnts */
.leftRightMargin11 {margin-left : 11px;	margin-right : 11px;}
.leftRightMargin22 {margin-left : 22px;	margin-right : 22px;}

/* top Padding elements */
.topPadding2 {padding-top : 2px;}
.topPadding4 {padding-top : 4px;}
.topPadding6 {padding-top : 6px;}
.topPadding7 {padding-top : 7px;}
.topPadding10 {padding-top : 10px;}

/* top bottom padding elements */
.topBottomPadding5 {padding-bottom : 5px;padding-top : 5px;}

/* bottom padding */
.bottomPadding0 {padding-bottom : 0px;}
.bottomPadding6 {padding-bottom : 6px;}
.bottomPadding11 {padding-bottom : 11px;}

/*left Padding elements */
.leftPadding3 {padding-left:3px;}
.leftPadding5 {padding-left:5px;}
.leftPadding11 {padding-left : 11px;}

/* right padding elements*/
.rightPadding5 {padding-right:5px;}



/*let right padding elements */
.leftRightPadding3 {padding-left : 5px;	padding-right : 5px;}
.leftRightPadding5 {padding-left : 5px;	padding-right : 5px;}
.leftRightPadding7 {padding-left : 7px;	padding-right : 7px;}
.leftRightPadding8 {padding-left : 8px; padding-right : 8px;}
.leftRightPadding10 {padding-left : 10px;padding-right : 10px;}
.leftPadding10Right5 {padding-left : 10px;	padding-right : 5px;}
.leftRightPadding11 {padding-left : 11px;padding-right : 11px;}
.leftRightPadding12 {padding-left : 12px;padding-right : 12px;}
.leftRightPadding13 {padding-left : 13px;padding-right : 13px;}
.leftRightPadding14 {padding-left : 14px;padding-right : 14px;}
.leftRightPadding15 {padding-left : 15px;padding-right : 15px;}
.leftRightPadding22 {padding-left : 22px;padding-right : 22px;}
.leftRightPadding28 {padding-left : 28px;padding-right : 28px;}


/***** Generic Cheat / Helper Classes *****/

/* Breaks the content out so that the backgrounds appear properly
used directly under floated elements */
.theBreaker {height: 1px;clear: both;overflow: hidden;}
.clearLeft {clear : left;}
.clearRight {clear : right;}
.clearBoth {clear : both;}
.invisible { display : none;}

.noBackgroundImage, li.noBackgroundImage {background-image : none;}

.displayInline {display : inline;}
.displayBlock {	display : block;}

.vaMiddle {	vertical-align : middle;}

.overflowHidden {overflow : hidden;}

/* Handy class to hide labels and not have any spacing issues etc in ie. */
.nosize {position:absolute;	width:0px;	height:0px;	overflow:hidden;display : none;}

/* Simulates the perfectly good "<nobr>" tag */
.nobr {	white-space : nowrap;}

.posRelative {position : relative;}

.upperCase { text-transform: uppercase; }	
.lowercase {  text-transform: lowercase; }

.hidden {visibility:hidden;}
.visible {visibility:visible;} 

.errorText {color:#BF1717;}

.cursorHand {cursor:hand;cursor:pointer;}
.cursorhelp {cursor:help;}
.cursor {cursor:auto;}


/* white Gap on dealer directory (pain in the ar*e and unnecessary in my view) */
.whiteGap { background-color: #FFFFFF; height: 1px; width: 190px; position:relative; left: -5px; top:-7px; }
*html .whiteGap { background-color: #FFFFFF; height: 1px; width: 190px; float:left; position: relative; top: -10px; left:-5px; display: none;}

/* height defined elements */
.height10 {height:10px;min-height:10px;}
.height25 {height:25px;}
.height30 {height:30px;}

.firstColMaxWidthHeight { width:165px;max-width:165px;height:20px;max-height:20px;}


/* font Size elements */
.sizeFont13 { font-size: 82%;} 
.sizeFont10 { font-size: 65%;}
.fontSixtyPercent {font-size:60%;}
.font200Percent {font-size:200%;}

/* Color elements */
.darkRedFont {color: #980000;}
.blueBgColor {background-color: #c5e2e9;}
.greyBgColor {background-color: #eeeeee;}

/* capitalise text */
.firstCapital {text-transform: capitalize;}

/* hide from view for screen readers */
.hideFromView { position: absolute; left: -1005px;}

.orderedList li { list-style:decimal;}




/* //////////////////////////////////////////////////////////// */
/* SAFARI HACK SO THE WIDTH OF  HEADING BAR SPAN TO FULL WIDTH */
html[xmlns*=""] #hideResultsMessage>div
{
width: 585px;
}
/* SAFARI HACK FOR SORT DROPDOWN SO THAT IT DOESN'T TRUNCATE */
html[xmlns*=""] .asSelectSmall
{
min-width: 120px;
}

html[xmlns*=""] .countButtonsContainer
{
float: left;
margin-top:10px;
}

html[xmlns*=""] .keywordsInputVans, html[xmlns*=""] .keywordsInputBikes, html[xmlns*=""] .keywordsInputPlant
{
width: 83px;
min-width: 83px;
font-size: 92%;
}

html[xmlns*=""] .asSearchSelect2Plant
{
min-width: 172px;

}

html[xmlns*=""] .leftRowContainer { margin-right: 15px;  }

/* Opera Hacks - This is CSS3 and only Opera currently tries to support some CSS3 elements.
When other browser start supporting it this may need to change. This is way off currently.
 */
@media all and (min-width: 0px)
{
	/* Moves that tab down to appear the same as other browsers */
	.newCarsTab2
	{
		margin-top : 9px;
	}
	
	/* Moves the checkboxes to align the same as other browsers */
	.asSearchCbxSpan
	{
		margin-left : 4px;
	}
}


/*Note: this is a minimum height hack to make the links at the bottom of the UL's line up. It is not valid CSS.
It must remain at the bottom of this CSS file because it uses the # exclusion Hack to make an exclusion rule for 
Safari only.  The underscore Hack hides the rule from Firefox */
.panelList { margin: 3px 0px 0px 32px; _height: 70px; }			/*rule for Safari*/
.panelList li {list-style-position: inside;}					/* RM - This makes sure the list is displayed correctly on the homepage */

.panelList { margin: 3px 0px 0px 0px; _height: 60px; # }		/*rule for IE, is ignored by Safari(#, + all css below this #) and Firefox(_)*/
.panelList li {list-style-position: outside;}					/* RM - This resets the list back to outside */

.panelList { margin: 3px 0px 0px 0px; min-height: 60px; }		/*rule for Firefox which handles min-height*/
.panelList li {list-style-position: outside;}					/* RM - This resets the list back to outside */

#carbestdeals {}


/* END: Safari and Opera Hacks */
/* /////////////////////////// */





.nvsSideHomeLink
{
background-image: url(http://www.autotrader.co.uk/SEARCH/newcars/images/sidebar/nc-sidebar-hpage-link.gif);
background-repeat:repeat;
background-position: left top;
width:190px;
height: 140px;
margin-left:1px;
}

.ncHomeButton
{
position: relative;
top: 115px;
left:10px;
}