/***** Standard XHTML Tag Classes *****/
/*
body
{
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	background-color : #F1F1F1;
	background-image : url(../Images/Generic/templateTopBG.gif);
	background-repeat : repeat-x;
}
*/
img 
{	
	border : none;
	display : block;
}

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

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;
}

div /* Fixes most of the peek a boo bugs */
{
	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;
}

.BoatTraderFeatures li
{
	background-image : url(../Images/Icons/redRight.gif);
	background-repeat : no-repeat;
	background-position : 0px 5px;
	list-style-type : none;
	margin : 0px 0px 0px 0px;
	padding : 2px 0px 2px 10px;
}

/***** Main Page Template Classes *****/
.normaltext
{
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 270%;
}
.normaltext1
{
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 80%;
}
.normaltext2
{
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 100%;
}
.normaltext3
{
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 30%;
}
.normaltext4
{
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 300%;
}
.normaltext5
{
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 50%;
}
.normaltext6
{
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 170%;
}
.normaltext7
{
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 120%;
}
.normaltext8
{
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 200%;
}

/* Start of Quickfix added by ACK 16/06/06 to sort out font size issues */
.normaltext, .normaltext1, .normaltext2, .normaltext3, .normaltext4, .normaltext5, .normaltext6, .normaltext7, .normaltext8
{
    font-size:11px;
}

p, td {

    font-size: 11px;

    font-family: Verdana, Tahoma, Arial;

	color: #000000;

}

td ul, td li { font-size:10px; }

/* End of quickfix by ACK */

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

/* Outer container sets the width and bg colour */
.outerContainer
{
	width : 770px;
	background-color : #FFFFFF;
}

/* Main Logo Graphic / Heading h1 */
#mainLogo
{
	width : 267px;
	height :45px;
	margin : 16px 0px 0px 5px;
	text-indent : -9999em; /* Removes the text from being viewable in the browsers unless css is switched off */
	background-image : url(../Images/Generic/bs24logo.gif);
	background-repeat : no-repeat;
	background-position : top left;
	float : left;
	display : inline; /* Fixes IE 6 double margin issue */
}

/* Container for the standard sized banner ad with border */
#topBannerContainer
{
	border : solid 1px #E5E5E5;
	width : 468px;
	height : 60px;
	float : left;
	margin : 6px 0px 7px 28px;
}

/* Container for the top Magazines image, hidden for text only and non css browsers */
#topMagazines
{
  /*background-color:white;*/
  position:absolute;
	left:770px;
	top:4px;
  display:block; 
	background-image : url(../Images/Generic/magazines.jpg);
	background-repeat : no-repeat;
	background-position: top center;
	width : 130px;
	height : 75px;
}

/* Channels Navigation Bar Container, Full Width */
.channelsNavContainer
{
	background-color : #DEDEDE;
	height : 17px;
}

/* channels Navigation Bar, fits in 800 x 600 */
.channelsGenreNavBar
{
	background-color : #E3E3E3;
	width : 765px; /* 770 - 5 */
	height : 17px;
	margin : 0px 0px 0px 5px;
}


/* Channels Nav UL List */
.channelsNav
{
	margin : 0px 0px 0px 0px;
    padding : 0px 0px 0px 0px;
    display : inline; /* mac ie5 */
}

/* Channels Nav UL List Item */
.channelsNav li
{
	float: left;
    display: block;
    list-style: none;
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	border-right : solid 1px #E3E3E3;

}

/* Channels Navigation Normal State */
.channelsNav li a:link, .channelsNav li a:visited, .channelsNav li a:active
{
	font-family : Arial, Sans-Serif, Verdana;
	font-weight : bold;
	color: Black;
	text-decoration : none;
	display : block;
	background-color : #BABABA;
}

/* Channels Navigation CUrrent / On State and Selected List Item */
.channelsNav li a:link, .channelsNav li a:visited, .channelsNav li a:active,
.channelsNav li.channelsOn
{
	font-family : Arial, Sans-Serif, Verdana;
	font-weight : bold;
	color: Black;
	text-decoration : none;
	display : block;
	background-color : #BABABA;
	background-image : url(../Images/Generic/BackgroundCorners/channelsNavOff.gif);
	background-repeat : no-repeat;
	background-position : right top;
	padding: 2px 8px 1px 8px;
}

/* Channels Navigation Current / On State and Selected List Item */
.channelsNav li a:link.channelsOn, .channelsNav li a:visited.channelsOn, 
.channelsNav li .channelsOn a:active.channelsOn, .channelsNav li.channelsOn
{
	background-image : url(../Images/Generic/BackgroundCorners/channelsNavOn.gif);
	background-color : #000000;
	color : #FFFFFF;
}

/* All Channels Nav Link Variations Underline On Hover */
.channelsNav li a:hover
{
	text-decoration : underline;
}

/* Channels Navigation Bar Container, Full Width */
.channelsNavContainer
{
	background-color : #DEDEDE;
	height : 17px;
}

#CountAds
{
  color: white;
  width:130px;
  height:20px;
  padding-top:5px;
  float:left;
  text-align:right;
}


/* Site Sections Navigation Bar, fits in 800 x 600 */
#sectionsNavBar
{
	background-color : #FF0000;
	height: 24px;
	margin : 1px 0px 0px 5px;
	border-bottom: 3px solid #000000;
}

/* Site Sections Nav UL List */
#sectionsNav
{
    margin : 0px 0px 0px 0px;
    padding : 0px 0px 0px 0px;
    list-style: none;
    height: 1em;
    width:800px;
}

/* Site Sections Nav UL List Item */
#sectionsNav li
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	border-right : solid 1px #FFFFFF;
	font-size: 90%;
}

/* Site Sections Navigation Normal State */
#sectionsNav li a:link, #sectionsNav li a:visited, #sectionsNav li a:active
{
	font-family : Arial, Sans-Serif, Verdana;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
	background-color : #FF0000;
}

/* Site Sections Navigation CUrrent / On State and Selected List Item */
#sectionsNav li a:link, #sectionsNav li a:visited, #sectionsNav li a:active,
#sectionsNav li.sectionsOn
{
	font-family : Arial, Sans-Serif, Verdana;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	background-color : #FF0000;
	background-image : url(../Images/Generic/BackgroundCorners/sectionsNavOff.gif);
	background-repeat : no-repeat;
	background-position : right top;
	padding: 4px 15px 4px 15px;

}

/* Site Sections Navigation Current / On State and Selected List Item */
#sectionsNav li a:link.sectionsOn, #sectionsNav li a:visited.sectionsOn, 
#sectionsNav li a:active.sectionsOn, #sectionsNav li.sectionsOn
{
	background-image : url(../Images/Generic/BackgroundCorners/sectionsNavOn.gif);
	background-color : #000000;
	color : #FFFFFF;
}

/* All Site Sections Nav Link Variations Underline On Hover */
#sectionsNav li a:hover
{
	text-decoration : underline;
}

/***** Footer Navigation *****/

#footerContainer
{
	margin : 20px auto 10px auto;
	width : 650px;
}

/* Defines base styles for all h2's inside the footer */
#footerContainer h2
{
	width : 145px;
	text-align : right;
}

.edTitle
{
  padding-top:20px;
}

/* Footer Nav UL List */
.footerNav
{
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

.footerNav li
{
	float: left;	
    display: block;
    list-style: none;
	padding: 0px 10px 0px 10px;
	margin : 0px 0px 0px 0px;
	background-image: url(../Images/Generic/footerNavDivider.gif);
	background-position : 0px 3px;
	background-repeat : no-repeat;
}

/***** Content Template Styles ******/

/* Outer container sets the width and bg colour */
.outerContentContainer
{
	width : 756px; /* Minus the margins, explicitly set */
	margin : 0px 0px 0px 5px;
}

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

/* 	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;
}

/*
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
{
	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 */
#rightColumnContainer2
{
	width: 141px;
	border-left : none;
	padding : 0px 0px 0px 0px;
}

/* Generic Tabs */
.usedCarsTab, .usedCarsTab2
{
	background-color : #05ABE3;
	background-image : url(../Images/Generic/BackgroundCorners/usedcarsCorner.gif);
	background-repeat : no-repeat;
	background-position : right top;
	width : 98px;
	text-align : center;
	padding : 3px 5px 3px 5px;
	border-bottom : solid 1px #05ABE3;
}	

/* Used on the advanced search page */
.usedCarsTab2
{
	width : 200px;
	padding : 7px 5px 7px 5px;
}

.newCarsTab, .newCarsTab2
{
	background-color : #018BB9;
	background-image : url(../Images/Generic/BackgroundCorners/newcarsCorner.gif);
	background-repeat : no-repeat;
	background-position : right top;
	width : 89px;
	text-align : center;
	padding : 3px 5px 3px 5px;
	border-bottom : solid 1px #00749B;
}

/* Used on the advanced search page */
.newCarsTab2
{
	width : 200px;
	margin-top : 8px;
}



/***** Generic Styles for Forms *****/
.standardSelect
{
	width : 185px;
	z-index:-1;
}

.smallInput
{
	width : 65px;
	font-size : 75%;
}

.mediumInput
{
	width : 95px;
	font-size : 75%;
}

/* Currently used in Buyers Guide within the Adv Search Results */
.smallRightSideInput
{
	width : 121px;
	font-size : 75%;
}

.largeInput
{
	width : 145px;
	font-size : 75%;
}

/* Advanced Search */
.asSearchSelect, .asSearchSelectLarge, .asSelectSmall
{
	width : 149px;
	font-size : 70%;
	display : inline;
}

.asSearchSelectLarge
{
	width : 237px;
}

.asSelectSmall
{
	width : 110px;
}

.asPostcodeContainer
{
	float : left;
	width : 200px;
	margin-left : 6px;
}

/* The input field */
.asPostcode
{
	width : 86px;
	font-size : 75%;
	margin-left : 6px;
}

/* Override Margin for IE */
* html .asPostcode
{
	margin-left : 1px;
}

.asSearchCbxSpan
{
	 position : relative;
	 left : -4px;
}

.asSearchCbxLabel
{
	 position : relative;
	 top : -2px;
}

.asSearchCbxCol1
{
	width : 85px;
	margin-right : 5px;
	float : left;
}

.asSearchCbxCol2
{
	width : 110px;
	margin-right : 5px;
	float : left;
}

.asSearchCbxCol3
{
	width : 135px;
	margin-right : 5px;
	float : left;
}

.asSearchCbxCol4
{
	width : 95px;
	margin-right : 5px;
	float : left;
}

/* Featured Boats */
.feaAdvertContainer
{
	border : solid 1px #B9B9B9;
	margin : 10px 0px 0px 0px;
	background-image: url(../Images/Generic/greyTile1.jpg);
	background-position : 450px 0px;
	background-repeat : repeat-y; 
	width : 532px;
	clear : both;
}

/* IE Hack for the width because we are using a border */
* html .feaAdvertContainer
{
	width: 533px; /* for IE5 and IE6 in quirks mode */
    w\idth: 531px; /* for IE6 in standards mode */
}

/* Advert Left Container */
.feaAdvertLeft
{
	float : left;
	margin : 0px 5px 0px 2px;
	width: 450px;
}

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

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

/* The Image */
.feaAdImageContainer
{
	float : left;
	margin : 2px 10px 0px 0px;
}

/*	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 */
.feaAdTextContainer
{
	width: 3f0px;
}

/* Advert Spec List Container */
.feaAdListContainer
{
	width : 100px;
	margin-right : 5px;
	float : left;
}

/* Advert Car Description Container */
.feaAdContentContainer
{
	width : 200px;
	float : left;
}


/* Advert Spec List */
.feaLogosAndLinksContainer
{
	width : 320px;
}

/* Advanced Search Results */
.asAdvertContainer
{
	border : solid 1px #B9B9B9;
	margin : 10px 0px 0px 0px;
	background-image: url(../Images/Generic/greyTile1.jpg);
	background-position : 415px 0px;
	background-repeat : repeat-y; 
	width : 490px;
	clear : both;
}

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

/* 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;
	margin : 2px 10px 0px 0px;
}

/*	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 */
.asAdTextContainer
{
	width: 304px;
}
/* Advert Car Description Container */
.asAdContentContainer
{
	width : 185px;
	float : left;
}
/* Advert Spec List Container */
.asAdListContainer
{
	width : 110px;
	margin-right : 5px;
	float : left;
}



/* Advert Spec List */
.asLogosAndLinksContainer
{
	width : 310px;
}

#searchBox
{
	margin-left:0px;
  /*
  padding-left:5px;
  float:left;
  */
}


/* Advert Right Containers */
.asAdvertRightTop
{
	position : absolute; 
	top : 15px;    
	right : 0em;
}

.asAdvertRightBottom
{
	position : absolute; 
	bottom : 0px;
	right : 0em;
}

.asAdvertRight, .asAdvertRight3
{
	float : right;
	width : 53px;
	height : 95px; /* Height and min-height in this order. IE and Safari ignore min-height */
	min-height : 95px; 
	position : relative; /* Height, min-height and position help in order to vertically align two elements differently */
	display : table-cell;
}

.asAdvertRight3
{
	height : 135px;
	min-height : 135px;
}

.asAdvertRight2
{
	float : right;
	width : 73px;
}

.asAdvertRight2 p, .asAdvertRight3 p, .asAdvertRight p
{
	text-align: right; 
	padding-right: 0.5em;
}

/***** Price Guide Styles ****/
.pgTable
{
  width:100%;
}

.pgTable th
{
  text-align: left;
}

/***** Buyers Guide Styles (used within adv search and popups) *****/

/* 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; 
}

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

/* Quick Search */
#quickSearch
{
	margin-bottom: 19px;
}

html>body #quickSearch /*non ie rule*/
{
	margin-bottom: 12px;
}

/***** List Styles *****/
.topSearchesList
{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	color : #00F;
}

/* Top searches list item, set position, left and bottom padding */
.topSearchesList li
{
	list-style-position : inside;
	padding-left : 14px;
	padding-bottom : 3px;
}

/* Set top searches bg images */
.topSearchesList li.up, .topSearchesList li.down, .topSearchesList li.even
{
	background-image : url(../Images/Icons/topSearchesUp.gif);
	background-repeat : no-repeat;
	background-position : 0px 3px;
}

/* Override bg image */
.topSearchesList li.down
{
	background-image : url(../Images/Icons/topSearchesDown.gif);
}

/* Override bg image */
.topSearchesList li.even
{
	background-image : url(../Images/Icons/topSearchesEven.gif);
}


.BrokerLinksList
{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	color : #00F;
}

/* Top searches list item, set position, left and bottom padding */
.BrokerLinksList li
{
	list-style-position : inside;
	padding-left : 14px;
	padding-bottom : 3px;
}

/* Set top searches bg images */
.BrokerLinksList li.up, .BrokerLinksList li.down, .BrokerLinksList li.even
{
	background-image : url(../Images/Icons/BrokerLinksUp.gif);
	background-repeat : no-repeat;
	background-position : 0px 3px;
}

/* Override bg image */
.BrokerLinksList li.down
{
	background-image : url(../Images/Icons/BrokerLinksDown.gif);
}

/* Override bg image */
.BrokerLinksList li.even
{
	background-image : url(../Images/Icons/BrokerLinksEven.gif);
}




/* Standard Ad panel container, sets the width of the divs inside */
.stdPanelContainer div
{
	width : 173px;
	float : left;
}

.panelListNoImage
{
	margin : 0px 0px 0px 20px;
	padding : 0px 0px 0px 0px;
}

/* PanelList list item, set image etc */
.panelList li, .panelListNoImage li
{
	list-style-image : none;
	list-style-position: outside;
	margin-left: 0;
	background-image : none;
	padding : 0px 0px 0px 0px;
}


/***** Containers including bottom background images, bg colours, paddings etc *****/
.bottom1 /* ie, quick search */
{
	background-color : #05ABE3;
	background-image : url(../Images/Generic/BackgroundCorners/bottomBlue1.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
}

.bottom2 /* ie, top searches content */
{
	background-color : #E6F6FC;
	background-image : url(../Images/Generic/BackgroundCorners/bottomBlue2.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
}

.bottom3 /* ie, dealer portal */
{
	background-color : #F1F1F1;
	background-image : url(../Images/Generic/BackgroundCorners/bottomGrey1.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
}

.bottom4 /* ie, Buying, Owning and Selling a car */
{
	background-color : #D6D6D6;
	background-image : url(../Images/Generic/BackgroundCorners/bottomGrey3.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
}

.bottom5 /* ie, My Auto Trader */
{
	background-color : #E3E3E3;
	background-image : url(../Images/Generic/BackgroundCorners/bottomGrey4.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
}

.bottom6 /* ie, New Reg.com panel */
{
	background-color : #FFF4B7;
	background-image : url(../Images/Generic/BackgroundCorners/bottomYellow1.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
}

/* bottom7 is not as generic as the rest of the bottom classes due to the border rather
than the solid bg colour and can currently only be used for a set sized panel, unless
you override the width / image */

.bottom7Container
{
	background-image : url(../Images/Generic/BackgroundCorners/bottomGrey5Tile.gif);
	background-repeat : repeat-y;
	background-color : #FFFFFF;
}

.bottom7 /* ie, BMW panel */
{
	background-image : url(../Images/Generic/BackgroundCorners/bottomGrey5.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
}

.bottom8 /* ie, Advanced Search, although adv search does not have the bottom rounded corner */
{
	background-color : #2186C6;
	background-image : url(../Images/Generic/BackgroundCorners/bottomBlue3.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
}

.bottom9 /* ie, Advanced Search results pagination bar */
{
	background-color : #B4E6F7;
	background-image : url(../Images/Generic/BackgroundCorners/bottomBlue4.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
}

/* bottom10Container is not as generic as the rest of the bottom classes due to the border rather
than the solid bg colour and can currently only be used for a set sized panel that is the same size
as that of the buyers guide in the search results, unless you override the width / image */

.bottom10Container
{
	background-image : url(../Images/Generic/BackgroundCorners/bottomGrey6Tile.gif);
	background-repeat : repeat-y;
	background-color : #FFFFFF;
}

.bottom10
{
	background-image : url(../Images/Generic/BackgroundCorners/bottomGrey6.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 0px 0px 7px 0px;
	position: relative;
}

/***** Generic Divider Rules all inherit from the one class then override the bg *****/
.divider1, .divider2, .divider3, .divider4
{
	height: 1px;
	background-color: #5CC8ED;
	width: 100%;
	clear: both;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	overflow : hidden;
}

.divider2
{
	background-color: #989898;
}

.divider3
{
	background-color: #A9E4F9;
}

.divider4
{
	background-color: #CBCBCB;
}

/* Content Dividers for within paragraphs etc */
.paragraphDivider1
{
	width : 1px;
	height : 11px;
	padding: 0px 0px 0px 0px;
	margin : 0px 10px 0px 10px;
	background-image: url(../Images/Generic/footerNavDivider.gif);
	background-position : 0px 3px;
	background-repeat : no-repeat;
}


/* 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 : #FFFFFF;
}

.fontWeightNormal
{
	font-weight : normal;
}

.fontWeightBold
{
	font-weight : bold;
}

.font75Percent
{
	font-size : 75%;
}

.font100Percent
{
	font-size : 100%;
}

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

/* Red Colour (standard link colour) */
.secondaryFontColour,
a.secondaryFontLink:link, a.secondaryFontLink:active, a.secondaryFontLink:visited,
a.secondaryFontLink:hover,
a:link, a:active, a:visited, a:hover
{
	color : #00F
}

a:hover, a.secondaryFontLink: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;
}

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

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

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

/***** 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.
*/
.headingBar1, .headingBar2, .headingBar3, .headingBar4, .headingBar5
{
	font-family : Arial, Sans-Serif, Verdana;
	font-weight : bold;
	font-size : 95%;
	color : #FFFFFF;
	background-color : #212C5A;
	background-image : url(../Images/Generic/BackgroundCorners/topBlue1.gif);
	background-repeat : no-repeat;
	background-position : right top;
	padding : 3px 11px 3px 11px;
}

/* 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(../Images/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(../Images/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(../Images/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(../Images/Generic/BackgroundCorners/topBlue4.gif);
}

.headingBar0
{
	font-family : Arial, Sans-Serif, Verdana;
	font-weight : bold;
	font-size : 95%;
	color : #FFFFFF;
	background-color : #212C5A;
	padding : 3px 11px 3px 11px;
}

/***** 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 : #E6F6FC;
}

/***** 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 */
#hiBuyersGuide, #hiBuyersGuide span
{
	width : 141px;
	height : 45px;
	background-image : url(../Images/Generic/HeadingImages/buyersGuideTop.jpg);
	background-repeat : no-repeat;
	background-position : top left;
}

/***** 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;
}

/* Needs to be in a containing element with a height and position of relative */


.topMargin2
{
	margin-top : 2px;
}

.topMargin3
{
	margin-top : 3px;
}

.topMargin4
{
	margin-top : 4px;
}

.topMargin5
{
	margin-top : 5px;
}

.topMargin7
{
	margin-top : 7px;
}

.topMargin10
{
	margin-top : 10px;
}

.topMargin11
{
	margin-top : 11px;
}

.topMargin15
{
	margin-top : 15px;
}

.topMargin42
{
	margin-top : 42px;
}

.topMargin25
{
	margin-top : 25px;
}

.topMargin34
{
	margin-top : 34px;
}

.rightMargin5
{
	margin-right : 5px;
}

.rightMargin8
{
	margin-right : 8px;
}

.rightMargin11
{
	margin-right : 11px;
}

.rightMargin20
{
	margin-right : 20px;
}

.bottomMargin3
{
	margin-bottom : 3px;
}

.bottomMargin5
{
	margin-bottom : 5px;
}

.bottomMargin7
{
	margin-bottom : 7px;
}

.bottomMargin10
{
	margin-bottom : 10px;
}

.bottomMargin20
{
	margin-bottom : 20px;
}

.leftMargin8
{
	margin-left : 8px;
}

.leftMargin10
{
	margin-left : 10px;
}

.leftRightMargin11
{
	margin-left : 11px;
	margin-right : 11px;
}

.leftRightMargin22
{
	margin-left : 22px;
	margin-right : 22px;
}

.topPadding2
{
	padding-top : 2px;
}

.topPadding4
{
	padding-top : 4px;
}

.topPadding6
{
	padding-top : 6px;
}

.topPadding7
{
	padding-top : 7px;
}

.topPadding10
{
	padding-top : 10px;
}

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

.bottomPadding0
{
	padding-bottom : 0px;
}

.bottomPadding6
{
	padding-bottom : 6px;
}

.bottomPadding11
{
	padding-bottom : 11px;
}

.leftPadding11
{
	padding-left : 11px;
}

.leftRightPadding7
{
	padding-left : 7px;
	padding-right : 7px;
}

.leftRightPadding11
{
	padding-left : 11px;
	padding-right : 11px;
}

.leftRightPadding22
{
	padding-left : 22px;
	padding-right : 22px;
}


.leftPadding10Right5
{
	padding-left : 10px;
	padding-right : 5px;
}

/***** 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;
}


/* Set the width of the main panel */
.fullPanelContainer div
{
	width : 535px;
	float : left;
}



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

.posRelative
{
	position : relative;
}

/* 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 { padding-left:0;list-style-type: none;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 {  padding-left:0;list-style-type: none;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-type: none; list-style-position: outside; }					/* RM - This resets the list back to outside */

.searchSelect { width: 176px; } 
.secondaryPanelContainer
{
 width : 260px;
 float : left;
}


.secondaryPanelContainerLine
{
 padding : 0px 0px 0px 6px;
 border-left : solid 1px #989898;
}

.secondaryPanelContainerLineRight
{
 padding : 0px 6px 0px 0px;
 border-right : solid 1px #989898;
}



.contentNoLeftBarContainer
{
 width : 290px;
 float : left;
}

.thirdPanelContainer
{
 width : 340px;
 float : left;
}

.fourthPanelContainer
{
 width : 180px;
 float : left;
}

.fifthPanelContainer
{
 width : 400px;
 float : left;
}

/*Boat Suggest*/

ul.suggest {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #ffffff;
	}

.suggest li {
	list-style-type: none;
	background-image: none;
	}
	
li.name {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	/*width: 100px;*/
	}	

li.num {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #bbb;	
	float: right;
	/*width: 100px;*/
	background-image: none;
	}
.suggestBox
{
	border-right: darkgray 1px solid;
	padding-right: 0px;
	border-top: darkgray 1px solid;
	padding-left: 0px;
	position: absolute;
	top: 250px;
	left: 16px;
	z-index: 10;
	padding-bottom: 0px;
	border-left: darkgray 1px solid;
	padding-top: 0px;
	border-bottom: darkgray 1px solid;

}
	/*
#min_pr, #max_pr, #country {
	position:absolute;
	z-index:1;
}	
	
#dropDownContainer {
	z-index:1;
	background-color:#00f;
	}*/


/* Error Message */
.trade_error_message {
	border: 1px solid #990000;
	background: #fff9f3 url(../images/error.gif) no-repeat top left;
	height: 39px;
	width: 100%;
	margin: 10px 7px 10px 0;
	}
	
.trade_error_message p {
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	color: #990000;
	margin: 6px 0 0 55px;
	line-height: 13px;
	}
	
.text2 p { 
	padding: 1em 0;
}