/* CSS Document 
BT Fleet Site
author: Vikki Neal
email: vneal@one2create.co.uk
use of conditional comments have been used throughout site, therefore several styles have been filtered into appropriate IE6/IE7 CSS documents - notes have been made next to relevant css rules
/* ------------------------------------------------------------------
Sets default margin and padding
-------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
/* ------------------------------------------------------------------
 Sets default font-size for headers 
 -------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	font-size: 100%;
	}
/* ------------------------------------------------------------------
Removes list-style from lists
-------------------------------------------------------------------*/
ol, ul {
	list-style: none;
	}
/* ------------------------------------------------------------------
Sets font-style and font-weight to normal
-------------------------------------------------------------------*/
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
	}
/* ------------------------------------------------------------------
Sets font family for form elelments
-------------------------------------------------------------------*/
input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}
/* ------------------------------------------------------------------
Removes border from fieldset and image
-------------------------------------------------------------------*/
fieldset, img {
	border: 0;
	}
/* ------------------------------------------------------------------
Link styles
-------------------------------------------------------------------*/
a, a:hover {
	text-decoration: none;
	outline: none;
	}
a:hover {
	text-decoration: underline !important;
	}
/* ------------------------------------------------------------------
=Generic classes
-------------------------------------------------------------------*/
.floatLeft {
	float: left !important;
	}
.floatRight {
	float: right !important;
	}
.clearBoth {
	clear: both;
	}
.noPadding {
	padding: 0 !important;
	}
.spaceEight {
	margin: 0 8px;
	}
.hiddenStyle {
	display: none;
	}
.formErrorMessage {
	background-color: #f2f2f2;
	color: #333;
	text-align:center;
	font-weight: bold;
	margin: 10px 0;
	clear: both;
	display: block;
	}
.width400 {
	width: 400px !important;
	}
/* ------------------------------------------------------------------
Body & height settings
-------------------------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	}
body {
	background: url(../Images/shared/pageBackground.jpg) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -91px; /* the bottom margin is the negative value of the footer's height */
	}
.widthContainer {
	width: 858px;
	margin: auto;
	}
.push {
	height: 91px; /* .push must be the same height as .footer */
	clear: both;
	}
hr {
	border-top: 1px solid #333;
	border-bottom: none;
	height: 0;
	margin: 10px 0;
	}
.warningMessage {
	display: block;
	padding: 5px;
	background-color: #f2f2f2;
	color: #333;
	border: 1px solid #333;
	text-align:center;
	font-weight: bold;
	}
/* ------------------------------------------------------------------
=Logo
-------------------------------------------------------------------*/
#topLogo {
	float: left;
	}
#topLogo a {
	display: block;
	margin-top: 20px;
	background: url(../Images/shared/btfleetLogo.gif) no-repeat;
	width: 124px;
	height: 27px;
	text-indent: -1000em;
	}
/* ------------------------------------------------------------------
=Login links
-------------------------------------------------------------------*/
body.loginPage ul#loginLinks, body.telerealPage ul#loginLinks, body.telerealLoginPage ul#loginLinks, body.supplierPage ul#loginLinks {
	display: none;
	}
ul#loginLinks {
	float: right;
	}
ul#loginLinks li a {
	text-indent: -1000em;
	display: block;
	width: 64px;
	height: 28px;
	background: url(../Images/login/login.gif) top left no-repeat;
	}
ul#loginLinks li a:hover {
	background: url(../Images/login/login.gif) bottom left no-repeat;
	}
/*li#customerLink a {
	text-indent: -1000em;
	display: block;
	width: 126px;
	height: 34px;
	background: url(../Images/Login/customerLogin.gif) top left no-repeat;
	}
li#customerLink a:hover {
	background: url(../Images/Login/customerLogin.gif) bottom left no-repeat;
	}
li#supplierLink a {
	text-indent: -1000em;
	display: block;
	width: 126px;
	height: 21px;
	background: url(../Images/Login/supplierLogin.gif) top left no-repeat;
	}
li#supplierLink a:hover {
	background: url(../Images/Login/supplierLogin.gif) bottom left no-repeat;
	}*/
/* ------------------------------------------------------------------
=Main Menu - look in ie6 and ie7 stylesheet for extra values
-------------------------------------------------------------------*/
#mainMenu {
	width: 858px;
	padding: 0;
	position: relative;
	z-index: 100;
	margin: 15px 0 0 0;
	}
#mainMenu ul li a, #mainMenu ul li a:visited {
	display: block;
	text-decoration: none;
	color:#000;
	color :#fff;
	overflow: hidden;
	}
/* top level options */
#mainMenu ul li#mainAboutLink a, #mainMenu ul li#mainFleetLink a, #mainMenu ul li#mainServiceLink a, #mainMenu ul li#mainVehicleLink a, #mainMenu ul li#mainGarageLink a, #mainMenu ul li#mainBenefitsLink a, #mainMenu ul li#mainNewsLink a, #mainMenu ul li#mainContactLink a {
	height: 24px;
	}
#mainMenu ul li#mainAboutLink a:visited, #mainMenu ul li#mainFleetLink a:visited, #mainMenu ul li#mainServiceLink a:visited, #mainMenu ul li#mainVehicleLink a:visited, #mainMenu ul li#mainGarageLink a:visited, #mainMenu ul li#mainBenefitsLink a:visited, #mainMenu ul li#mainNewsLink a:visited, #mainMenu ul li#mainContactLink a:visited {
	height: 24px;
	}
#mainMenu ul {
	padding:0;
	margin:0;
	list-style: none;
	}
#mainMenu ul li {
	float: left;
	position: relative;
	z-index: 100;
	}
#mainMenu ul li ul {
	display: none;
	}
/* About Us */
#mainMenu ul li#mainAboutLink a {
	background-image: url(../Images/mainNav/aboutUs.gif);
	width: 79px;
	height: 24px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	}
#mainMenu ul li#mainAboutLink a:hover, #mainMenu ul li#mainAboutLink:hover a, body.aboutPage #mainMenu ul li#mainAboutLink a {
	background-image: url(../Images/mainNav/aboutUs.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
/* Fleet Link */
#mainMenu ul li#mainFleetLink a {
	background-image: url(../Images/mainNav/fleetManagement.gif);
	width: 140px;
	height: 24px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	}
#mainMenu ul li#mainFleetLink a:hover, #mainMenu ul li#mainFleetLink:hover a, body.fleetPage #mainMenu ul li#mainFleetLink a {
	background-image: url(../Images/mainNav/fleetManagement.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
/* Service Link */
#mainMenu ul li#mainServiceLink a {
	background-image: url(../Images/mainNav/serviceRepair.gif);
	width: 124px;
	height: 24px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	}
#mainMenu ul li#mainServiceLink a:hover, #mainMenu ul li#mainServiceLink:hover a, body.servicePage #mainMenu ul li#mainServiceLink a  {
	background-image: url(../Images/mainNav/serviceRepair.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
/* Vehicle Link */
#mainMenu ul li#mainVehicleLink a {
	background-image: url(../Images/mainNav/vehicleSales.gif);
	width: 106px;
	height: 24px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	}
#mainMenu ul li#mainVehicleLink a:hover, #mainMenu ul li#mainVehicleLink:hover a, body.vehiclePage #mainMenu ul li#mainVehicleLink a   {
	background-image: url(../Images/mainNav/vehicleSales.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
/* Garage Link */
#mainMenu ul li#mainGarageLink a {
	background-image: url(../Images/mainNav/garageNetwork.gif);
	width: 148px;
	height: 24px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	}
#mainMenu ul li#mainGarageLink a:hover, #mainMenu ul li#mainGarageLink:hover a, body.garagePage #mainMenu ul li#mainGarageLink a, body.garageAreaPage #mainMenu ul li#mainGarageLink a, body.garageGeneralAreaPage #mainMenu ul li#mainGarageLink a, body.garageLocationDetailsPage #mainMenu ul li#mainGarageLink a {
	background-image: url(../Images/mainNav/garageNetwork.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
/* Benefits Link */
#mainMenu ul li#mainBenefitsLink a {
	background-image: url(../Images/mainNav/additionalBenefits.gif);
	width: 137px;
	height: 24px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	}
#mainMenu ul li#mainBenefitsLink a:hover, #mainMenu ul li#mainBenefitsLink:hover a, body.benefitsPage #mainMenu ul li#mainBenefitsLink a {
	background-image: url(../Images/mainNav/additionalBenefits.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
/* News Link */
#mainMenu ul li#mainNewsLink a {
	background-image: url(../Images/mainNav/news.gif);
	width: 59px;
	height: 24px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	}
#mainMenu ul li#mainNewsLink a:hover, body.newsPage #mainMenu ul li#mainNewsLink a {
	background-image: url(../Images/mainNav/news.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
/* Contact Link */
#mainMenu ul li#mainContactLink a {
	background-image: url(../Images/mainNav/contactUs.gif);
	width: 65px;
	height: 24px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	}
#mainMenu ul li#mainContactLink a:hover, body.contactPage #mainMenu ul li#mainContactLink a {
	background-image: url(../Images/mainNav/contactUs.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
/* specific to non IE browsers */
#mainMenu ul li:hover a {
	color: #fff;
	background: #fff;
	}
#mainMenu ul li:hover ul { /* ie7 */
	display: block;
	position: absolute;
	top: 24px;
	left: 0;
	background-image: url(../Images/mainNav/dropdown.png);
	background-position: top;
	width: 180px;
	z-index: 100;
	}
#mainMenu ul li:hover ul#contactSubUl { /* ie7 */
	width: 140px !important;
	}
#mainMenu ul li:hover ul li a.hide {
	color:#fff;
	background: #333;
	height: 24px !important;
	line-height: 24px !important;
	border-bottom: 1px solid #666;
	}
#mainMenu ul li:hover ul li:hover a.hide {
	color:#fff;
	background: #ff3333;
	border-bottom: 1px solid #666;
	}
#mainMenu ul li:hover ul li ul {
	display: none;
	}
#mainMenu ul li ul li {
	font-size: 1em;
	float: none;
	text-transform: lowercase;
	}
#mainMenu ul li:hover ul li a { /* ie7 */
	display: block;
	background: none !important;
	color: #fff !important;
	height: 27px !important;
	line-height: 27px !important;
	padding-left: 5px;
	background-image: none !important;
	text-indent: 0 !important;
	width: 175px !important;
	}
#mainMenu ul li:hover ul#contactSubUl li a { 
	width: 135px !important;
	}
#mainMenu ul li:hover ul li a:hover {
	color: #ccc !important;
	cursor: pointer;
	text-decoration: none !important;
	}
/*#mainMenu ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 117px;
	top: 0;
	}
#mainMenu ul li:hover ul li:hover ul.left {
	left:-117px;
	}*/
/* ------------------------------------------------------------------
=Flash movie
-------------------------------------------------------------------*/
#flashContainer {
	position: relative;
	z-index: 1;
	}
#flashMovie {
	height: 275px;
	width: 858px;
 	display: block;
	z-index: 1;
	}
#flashMovieIE {
	display: none;
	}
/* ------------------------------------------------------------------
=Login Options
-------------------------------------------------------------------*/
#loginOptions {
	height: 275px;
	width: 858px;
	background: url(../Images/login/loginOptions.jpg) top left no-repeat;
	position: relative;
	}
#loginOptions ul {
	margin: 0;
	padding: 0;
	display: block;
	}
#loginOptions ul li {
	text-indent: -9999em;
	}
li#customerLogin a {
	position: absolute;
	width: 335px;
	height: 190px;
	display: block;
	left: 80px;
	top: 40px;
	}
li#supplierLogin a {
	position: absolute;
	width: 335px;
	height: 190px;
	display: block;
	right: 80px;
	top: 40px;
	}
/* ------------------------------------------------------------------
=Feature Panels
-------------------------------------------------------------------*/	
.featurePanels {
	width: 280px;
	float: left;
	color: #333;
	margin-bottom: 20px;
	}
.featurePanels img {
	margin-bottom: 7px;
	}
.featurePanels p {
	font-size: 1.1em;
	}
.featurePanels h3 {
	margin-bottom: 5px !important;
	}
.featurePanels h3 a {
	display: block;
	width: 279px;
	height: 50px;
	text-indent: -10000em;
	}
h3#fmHeading a {
	background: url(../Images/featurePanels/fmHeading.gif) top left no-repeat !important;
	}
h3#serviceHeading a {
	background: url(../Images/featurePanels/serviceHeading.gif) top left no-repeat !important;
	}
h3#safetyHeading a {
	background: url(../Images/featurePanels/safetyHeading.gif) top left no-repeat !important;
	}
h3#latestNewsHeading a {
	background: url(../Images/featurePanels/latestNews.gif) top left no-repeat !important;
	}
/* ------------------------------------------------------------------
=Main Content
-------------------------------------------------------------------*/	
#mainContent {
	display: block;
	}	
#mainContent h1 {
	display: block;
	height: 45px;
	border-bottom: 1px solid #00257b;
	text-indent: -10000em;
	font-size: 1.3em;
	color: #00257b;
	}
/* Login section */
#mainContent h1#loginHeading {
	background: url(../Images/titleBackgrounds/loginHeading.gif) top left no-repeat;
	}
/* Table Page */
#mainContent h1#tablePage {
	background: url(../Images/titleBackgrounds/tablePage.gif) top left no-repeat;
	}
/* About section */
#mainContent h1#aboutBTFleet {
	background: url(../Images/titleBackgrounds/aboutBt.gif) top left no-repeat;
	}
#mainContent h1#aboutCompany {
	background: url(../Images/titleBackgrounds/ourCompany.gif) left no-repeat;
	}
#mainContent h1#aboutCommitment {
	background: url(../Images/titleBackgrounds/ourCommitment.gif) left no-repeat;
	}
#mainContent h1#aboutTeam {
	background: url(../Images/titleBackgrounds/ourTeam.gif) left no-repeat;
	}
#mainContent h1#aboutWorking {
	background: url(../Images/titleBackgrounds/workingBTFleet.gif) left no-repeat;
	}
#mainContent h1#aboutApprentices {
	background: url(../Images/titleBackgrounds/aboutApprentices.gif) top left no-repeat;
	}
/* Fleet section */
#mainContent h1#aboutLocation {
	background: url(../Images/titleBackgrounds/aboutLocation.gif) left no-repeat;
	}
#mainContent h1#fleetManagement {
	background: url(../Images/titleBackgrounds/fleetManagement.gif) left no-repeat;
	}
#mainContent h1#fleetMaintenance {
	background: url(../Images/titleBackgrounds/fleetMaintenance.gif) left no-repeat;
	}
#mainContent h1#fleetAdministration {
	background: url(../Images/titleBackgrounds/fleetAdministration.gif) left no-repeat;
	}
#mainContent h1#fleetEventManagement {
	background: url(../Images/titleBackgrounds/eventManagement.gif) left no-repeat;
	}
#mainContent h1#fleetRoadAssistance {
	background: url(../Images/titleBackgrounds/roadsideAssistance.gif) left no-repeat;
	}
#mainContent h1#fleetGlassManagement {
	background: url(../Images/titleBackgrounds/glassManagement.gif) top left no-repeat;
	}
#mainContent h1#fleetTyreManagement {
	background: url(../Images/titleBackgrounds/tyreManagement.gif) top left no-repeat;
	}
#mainContent h1#fleetAccidentManagement {
	background: url(../Images/titleBackgrounds/accidentManagement.gif) top left no-repeat;
	}	
#mainContent h1#fleetFuelCards {
	background: url(../Images/titleBackgrounds/fuelCards.gif) top left no-repeat;
	}
#mainContent h1#fleetBuildManagement {
	background: url(../Images/titleBackgrounds/buildManagement.gif) top left no-repeat;
	}
#mainContent h1#fleetVehicleHire {
	background: url(../Images/titleBackgrounds/vehicleHire.gif) top left no-repeat;
	}
#mainContent h1#fleetOperatorLicence {
	background: url(../Images/titleBackgrounds/operatorLicence.gif) top left no-repeat;
	}
#mainContent h1#fleetOtherServices {
	background: url(../Images/titleBackgrounds/otherServices.gif) top left no-repeat;
	}
/* Service section */
#mainContent h1#serviceRepair {
	background: url(../Images/titleBackgrounds/serviceRepair.gif) top left no-repeat;
	}
#mainContent h1#serviceAppointment {
	background: url(../Images/titleBackgrounds/serviceAppointment.gif) top left no-repeat;
	}
/* Vehicle Sales section */
#mainContent h1#salesVehicle {
	background: url(../Images/titleBackgrounds/vehicleSales.gif) top left no-repeat;
	}
#mainContent h1#salesCommercial {
	background: url(../Images/titleBackgrounds/vehicleCommercial.gif) top left no-repeat;
	}
#mainContent h1#salesVehicleEnquiry {
	background: url(../Images/titleBackgrounds/enquireVehicles.gif) top left no-repeat;
	}
/* Garage network */
#mainContent h1#garageNetwork {
	background: url(../Images/titleBackgrounds/garageNetwork.gif) top left no-repeat;
	}
#mainContent h1#garageNetworkBusiness {
	background: url(../Images/titleBackgrounds/businessLocationMap.gif) top left no-repeat;
	}
#mainContent h1#garageNetworkGeneral {
	background: url(../Images/titleBackgrounds/locationMapGeneral.gif) top left no-repeat;
	}
/* Additional benefits */
#mainContent h1#additionalBenefits {
	background: url(../Images/titleBackgrounds/additionalBenefits.gif) top left no-repeat;
	}
#mainContent h1#benefitstoYou {
	background: url(../Images/titleBackgrounds/benefitsToYou.gif) top left no-repeat;
	}
#mainContent h1#benefitsOnline {
	background: url(../Images/titleBackgrounds/onlineInformation.gif) top left no-repeat;
	}
/* news */
#mainContent h1#newsHeading {
	background: url(../Images/titleBackgrounds/btNews.gif) top left no-repeat;
	}
#mainContent h1#fleetNewsHeading {
	background: url(../Images/titleBackgrounds/fleetNewsTitle.gif) top left no-repeat;
	}
/* contact */
#mainContent h1#contactHeading {
	background: url(../Images/titleBackgrounds/contactBTFleet.gif) top left no-repeat;
	}
#mainContent h1#employmentHeading {
	background: url(../Images/titleBackgrounds/employmentOpportunities.gif) top left no-repeat;
	}
#mainContent h1#registerHeading {
	background: url(../Images/titleBackgrounds/registerDetails.gif) top left no-repeat;
	}
/* terms */
#mainContent h1#termsHeading {
	background: url(../Images/titleBackgrounds/termsConditions.gif) top left no-repeat;
	}
/* privacy */
#mainContent h1#privacyHeading {
	background: url(../Images/titleBackgrounds/privacyPolicy.gif) top left no-repeat;
	}
/* download */
#mainContent h1#downloadHeading {
	background: url(../Images/titleBackgrounds/downloadCentre.gif) top left no-repeat;
	}
/* Telereal */
#mainContent h1#telereal {
	background: url(../Images/titleBackgrounds/telereal.gif) top left no-repeat;
	}
/* Customer Portal */
#mainContent h1#customerPortal {
	background: url(../Images/titleBackgrounds/customerPortal.gif) top left no-repeat;
	}
/* My BT Fleet Portal */
#mainContent h1#myBTFleetPortal {
	background: url(../Images/titleBackgrounds/myBTFleet.gif) top left no-repeat;
	}
/* Supplier Portal */
#mainContent h1#supplierPortal {
	background: url(../Images/titleBackgrounds/supplierPortal.gif) top left no-repeat;
	}
#mainContent h2, #mainContent h3 {
	font-size: 1.1em;
	color: #333;
	line-height: 1.4em;
	margin-bottom: 15px;
	}
body.newsPage #mainContent h3 a, body.literaturePage #mainContent h3 a {
	display: block;
	color: #00257b;
	}
body.newsPage #mainContent h3 a span, body.literaturePage #mainContent h3 a span {
	color: #333;
	font-weight: normal;
	}
body.newsPage #mainContent h3 a span:hover, body.literaturePage #mainContent h3 a span:hover {
	color: #00257b;
	}
body.literaturePage #mainContent h3 a img {
	float: left;
	margin: 0 20px 20px 0;
	}
#mainContent ul {
	margin: 10px 0 10px 15px;
	list-style-type: disc;
	list-style-position: outside;
	}
#mainContent ul li {
	line-height: 1.4em;
	margin: 2px 0;
	font-size: 1.1em;
	color: #333;
	}
#mainContent ul li a {
	color: #00257b;
	font-weight: bold;
	}
#mainContent p {
	font-size: 1.1em;
	color: #333;
	line-height: 1.4em;
	margin-bottom: 15px;
	}
#mainContent p a {
	color: #00257b;
	font-weight: bold;
	}
#mainContent p.adobeReader a {
	height: 50px;
	line-height: 50px;
	display: block;
	padding-left: 55px;
	background: url(../Images/shared/pdfIcon.gif) top left no-repeat;
	}
#mainContent p.adobeReader a:hover {
	background: url(../Images/shared/pdfIcon.gif) bottom left no-repeat;
	}
table.informationTable {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	background: url(../Images/shared/tableBackground.gif) top left repeat-x;
	}
table.informationTable th {
	padding: 5px;
	text-align: center;
	font-size: 1.1em;
	color: #00257b;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-weight:bold;
	}
table.informationTable th a, table.informationTable td a {
	color: #00257b;
	font-weight: bold;
	}
table.informationTable td a {
	line-height: 23px;
	}
table.informationTable td {
	padding: 5px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size: 1em;
	}
#leftColumn {
	float: left;
	width: 562px;
	margin: 20px 0;
	padding-bottom: 40px;
	}
body.garageAreaPage #leftColumn, body.garageGeneralAreaPage #leftColumn {
	float: left;
	width: 858px;
	margin: 20px 0;
	padding-bottom: 40px;
	}
#leftColumn img.mapImage {
	margin: 10px auto;
	width: 376px;
	}
#leftColumn img.mapImage {
	text-align: center;
	width: 376px;
	border: 4px solid #fff;
	}
#leftColumn a img.mapImage:hover {
	border: 4px solid #454547;
	}
#rightColumn {
	float: right;
	width: 280px;
	margin-top: 4px;
	}
#rightColumn img {
	padding-bottom: 4px;
	border-bottom: 1px solid #00257b;
	margin-bottom: 15px;
	}
body.telerealPage #rightColumn img {
	padding-bottom: 4px;
	border-bottom: none;
	margin-bottom: 15px;
	}
#rightColumn blockquote {
	text-indent: -10000em;
	display: block;
	height: 60px;
	}
#rightColumn cite {
	text-indent: -10000em;
	visibility: hidden;
	}
/* Quotes */
blockquote {
	text-indent: -10000em;
	display: block;
	height: 60px;
	}
body.aboutPage #rightColumn blockquote {
	background: url(../Images/btQuotes/aboutUsQuote.gif) top left no-repeat;
	}
blockquote.transportPoliceQuote {
	background: url(../Images/btQuotes/transportPoliceQuote.gif) top left no-repeat;
	}
blockquote.ryderServicesQuote {
	background: url(../Images/btQuotes/ryderServicesQuote.gif) top left no-repeat;
	}
blockquote.improvedUtilisationQuote {
	background: url(../Images/btQuotes/improvedUtilisationQuote.gif) top left no-repeat;
	}
blockquote.roadsideAssistanceQuote {
	background: url(../Images/btQuotes/roadsideAssistance.gif) top left no-repeat;
	}
blockquote.glassQuote {
	background: url(../Images/btQuotes/glassQuote.gif) top left no-repeat;
	}
blockquote.tyreQuote {
	background: url(../Images/btQuotes/tyreQuote.gif) top left no-repeat;
	}
blockquote.accidentQuote {
	background: url(../Images/btQuotes/accidentQuote.gif) top left no-repeat;
	}
blockquote.fuelCardsQuote {
	background: url(../Images/btQuotes/fuelCardsQuote.gif) top left no-repeat;
	}
blockquote.buildQuote {
	background: url(../Images/btQuotes/buildQuote.gif) top left no-repeat;
	}
blockquote.hireQuote {
	background: url(../Images/btQuotes/hireQuote.gif) top left no-repeat;
	}
blockquote.licenceQuote {
	background: url(../Images/btQuotes/licenceQuote.gif) top left no-repeat;
	}
blockquote.otherQuote {
	background: url(../Images/btQuotes/otherQuote.gif) top left no-repeat;
	}
blockquote.serviceRepairQuote {
	background: url(../Images/btQuotes/aboutUsQuote.gif) top left no-repeat;
	}
blockquote.vehicleSalesQuote {
	background: url(../Images/btQuotes/aboutUsQuote.gif) top left no-repeat;
	}
blockquote.operationalFleetsQuote {
	background: url(../Images/btQuotes/operationalFleets.gif) top left no-repeat;
	}
blockquote.keepOnRoadQuote {
	background: url(../Images/btQuotes/keepOnRoad.gif) top left no-repeat;
	}
blockquote.remarketingQuote {
	background: url(../Images/btQuotes/remarketingExperience.gif) top left no-repeat;
	}
blockquote.localPresenceQuote {
	background: url(../Images/btQuotes/localPresence.gif) top left no-repeat;
	}
blockquote.unrivalledExpertiseQuote {
	background: url(../Images/btQuotes/unrivalledExpertiseQuote.gif) top left no-repeat;
	}
/* ------------------------------------------------------------------
=Map Image and nav on network pages
-------------------------------------------------------------------*/
#mapImage {
	width: 256px;
	float: right;
	}
#scotlandGarages {
	display: block;
	background: url(../Images/map/business/lrg/scotland.gif) top right no-repeat;
	height: 451px;
	}
#northWestGarages {
	display: block;
	background: url(../Images/map/business/lrg/north_west.gif) top right no-repeat;
	height: 491px;
	}
#northernIrelandGarages {
	display: block;
	background: url(../Images/map/business/lrg/northern_ireland.gif) top right no-repeat;
	height: 391px;
	}
#northEastGarages {
	display: block;
	background: url(../Images/map/business/lrg/north_east.gif) top right no-repeat;
	height: 402px;
	}
#yorkshireGarages {
	display: block;
	background: url(../Images/map/business/lrg/yorkshire_humberside.gif) top right no-repeat;
	height: 369px;
	}
#eastMidlandsGarages {
	display: block;
	background: url(../Images/map/business/lrg/east_midlands.gif) top right no-repeat;
	height: 401px;
	}
#westMidlandsGarages {
	display: block;
	background: url(../Images/map/business/lrg/west_midlands.gif) top right no-repeat;
	height: 419px;
	}
#walesGarages {
	display: block;
	background: url(../Images/map/business/lrg/wales.gif) top right no-repeat;
	height: 508px;
	}
#eastAngliaGarages {
	display: block;
	background:url(../Images/map/business/lrg/east_anglia.gif) top right no-repeat;
	height: 355px;
	}
#londonGarages {
	display: block;
	background: url(../Images/map/business/lrg/london.gif) top right no-repeat;
	height: 310px;
	}
#southWestGarages {
	display: block;
	background: url(../Images/map/business/lrg/south_west.gif) top right no-repeat;
	height: 408px;
	}
#southEastGarages {
	display: block;
	background: url(../Images/map/business/lrg/south_east.gif) top right no-repeat;
	height: 430px;
	}
body.garageAreaPage #leftColumn ul {
	float: left;
	margin: 0;
	list-style-position: inside;
	width: 150px;
	}
body.garageGeneralAreaPage #leftColumn ul {
	float: left;
	width: 150px;
	}
#leftColumn ul.mapNavigation {
	float: left;
	margin: 0;
	list-style-position: inside;
	}
#mapGeneralDetail img {
	float: right;
	}
ul#facilitiesList {
	margin: 0 50px 0 0;
	list-style-type: none;
	}
ul#facilitiesList li {
	background: url(../Images/shared/tickIcon.gif) center left no-repeat;
	padding-left: 25px;
	line-height: 1.8em;
	}
/* ------------------------------------------------------------------
=Supplier Links
-------------------------------------------------------------------*/
body.supplierPage #leftColumn {
	width: 280px;
	}
body.supplierPage #rightColumn {
	width: 562px;
	margin: 20px 0;
	}
ul#supplierLinks {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
ul#supplierLinks li {
	float: left;
	}
ul#supplierLinks li a {
	width: 187px;
	height: 100px;
	display: block;
	text-indent: -10000em;
	}
ul#supplierLinks li#aaSupplierLink a {
	background: url(../images/suppliers/aa.gif) top left no-repeat;
	}
ul#supplierLinks li#aaSupplierLink a:hover {
	background: url(../images/suppliers/aa.gif) bottom left no-repeat;
	}
ul#supplierLinks li#britishSupplierLink a {
	background: url(../images/suppliers/britishTransportPolice.gif) top left no-repeat;
	}
ul#supplierLinks li#britishSupplierLink a:hover {
	background: url(../images/suppliers/britishTransportPolice.gif) bottom left no-repeat;
	}
ul#supplierLinks li#btGroupSupplierLink a {
	background: url(../images/suppliers/btGroup.jpg) top left no-repeat;
	}
ul#supplierLinks li#btGroupSupplierLink a:hover {
	background: url(../images/suppliers/btGroup.jpg) bottom left no-repeat;
	}
ul#supplierLinks li#eonSupplierLink a {
	background: url(../images/suppliers/eon.gif) top left no-repeat;
	}
ul#supplierLinks li#eonSupplierLink a:hover {
	background: url(../images/suppliers/eon.gif) bottom left no-repeat;
	}
ul#supplierLinks li#securicorSupplierLink a {
	background: url(../images/suppliers/g4s.gif) top left no-repeat;
	}
ul#supplierLinks li#securicorSupplierLink a:hover {
	background: url(../images/suppliers/g4s.gif) bottom left no-repeat;
	}
ul#supplierLinks li#nationalGridSupplierLink a {
	background: url(../images/suppliers/nationalGrid.gif) top left no-repeat;
	}
ul#supplierLinks li#nationalGridSupplierLink a:hover {
	background: url(../images/suppliers/nationalGrid.gif) bottom left no-repeat;
	}
ul#supplierLinks li#scotiaSupplierLink a {
	background: url(../images/suppliers/scotia.gif) top left no-repeat;
	}
ul#supplierLinks li#scotiaSupplierLink a:hover {
	background: url(../images/suppliers/scotia.gif) bottom left no-repeat;
	}
ul#supplierLinks li#sseSupplierLink a {
    background: url(../images/suppliers/sse.gif) top left no-repeat;
    }
ul#supplierLinks li#sseSupplierLink a:hover {
    background: url(../images/suppliers/sse.gif) bottom left no-repeat;
    }
ul#supplierLinks li#swwSupplierLink a {
    background: url(../images/suppliers/sww.gif) top left no-repeat;
    }
ul#supplierLinks li#swwSupplierLink a:hover {
    background: url(../images/suppliers/sww.gif) bottom left no-repeat;
    }
ul#supplierLinks li#scottishSupplierLink a {
	background: url(../images/suppliers/scottishWater.gif) top left no-repeat;
	}
ul#supplierLinks li#scottishSupplierLink a:hover {
	background: url(../images/suppliers/scottishWater.gif) bottom left no-repeat;
	}
ul#supplierLinks li#thamesSupplierLink a {
	background: url(../images/suppliers/thamesWater.gif) top left no-repeat;
	}
ul#supplierLinks li#thamesSupplierLink a:hover {
	background: url(../images/suppliers/thamesWater.gif) bottom left no-repeat;
	}
ul#supplierLinks li#bbusSupplierLink a 
{
    background: url(../images/suppliers/bbus.gif) top left no-repeat;
}

ul#supplierLinks li#bbusSupplierLink a:hover
{
    background: url(../images/suppliers/bbus.gif) bottom left no-repeat;
}

/* ------------------------------------------------------------------
=Generic Form
-------------------------------------------------------------------*/
.genericForm {
	margin: 0;
	padding: 0;
	width: 540px;
	}
.genericForm fieldset {  /* ie6 */
	margin: 10px 0;
	width: 540px;
	}	
.genericForm legend { /* ie6 ie7 */
	font-size: 1.1em;
	font-weight: bold;
	color: #00257b;
	margin: 5px 0;
	width: 540px;
	padding: 0;
	display: block;
	line-height: 2em;
	}
.genericForm label {
	float: left;
	margin: 5px 0;
	font-size: 1.1em;
	}	
.genericForm .radioButton {
	float: right;
	margin: 0 0 5px 0;
	}
.genericForm .tickBox {
	float: right;
	margin: 0 0 5px 0;
	}
.genericForm .textField {
	float: right;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 0;
	width: 150px;
	font-size: 1.1em;
	}
.genericForm .selectElement {
	float: right;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 0;
	width: 230px;
	font-size: 1.1em;
	}
.genericForm .textArea {
	display: block;
	border: 1px solid #ccc;
	padding: 2px;
	width: 536px;
	height: 75px;
	float: left;
	margin: 5px 0;
	}
.genericForm .fileBrowser {
	float: right;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 0 5px 0;
	width: 200px;
	font-size: 1.1em;
	}
#fileUpload {
	display: block;
	width: 540px;
	margin: 5px 0 10px 0;
	}
#fileUpload input {
	margin: 0 0 0 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #00257b;
	text-transform: lowercase;
	cursor: pointer;
	padding: 2px 5px;
	float: right;
	}
.formButtons {  /* ie6 */
	width: 300px;
	float: right;
	text-align: right;
	margin-top: 10px;
	}
.formButtons input {
	margin: 0 0 0 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #00257b;
	text-transform: lowercase;
	cursor: pointer;
	padding: 2px 5px;
	}	
p.formParagraph {
	margin: 5px 0;
	font-size: 1.1em;
	float: right;
	font-weight: bold;
	}
/* ------------------------------------------------------------------
=Contact Us Page
-------------------------------------------------------------------*/
body.contactPage #leftColumn ul {
	list-style-type: none !important;
	margin: 0 0 0 0;
	}
body.contactPage h3 {
	margin-top: 15px;
	}
#addressCol1 {
	width: 250px;
	float: left;
	}
#addressCol2 {
	width: 250px;
	float: left;
	}
#addressCol2 ul li {
	margin: 0 0 0 0 !important;
	padding: 0 0 10px 0;
	}
/* ------------------------------------------------------------------
=Footer
-------------------------------------------------------------------*/
#footer {
	width: 100%;
	height: 91px;
	background: url(../Images/shared/footerGrad.gif) bottom repeat-x;
	margin: auto;
	}
#footer .widthContainer {
	background: url(../Images/footer/accreditations.gif) right bottom no-repeat;
	height: 91px;
	}
ul#userOptions {
	width: 265px;
	float: left;
	}	
ul#userOptions li {
	float: left;
	}
ul#userOptions li a {
	text-indent: -10000em;
	}	
ul#userOptions li#downloadLink a {
	display: block;
	width: 115px;
	height: 91px;
	background: url(../Images/footer/downloadOff.gif) no-repeat;
	}
ul#userOptions li#downloadLink a:hover, body.downloadLink ul#userOptions li#downloadLink a {
	background: url(../Images/footer/downloadOn.gif) no-repeat;
	}
ul#userOptions li#termsLink a {
	display: block;
	width: 150px;
	height: 91px;
	background: url(../Images/footer/termsOff.gif) no-repeat;
	}
ul#userOptions li#termsLink a:hover, body.termsPage ul#userOptions li#termsLink a {
	background: url(../Images/footer/termsOn.gif) no-repeat;
	}
ul#footerLinks {
	float: right;
	margin-top: 15px;
	}
ul#footerLinks li {
	float: left;
	color: #616265;
	padding: 0 2px;
	}
ul#footerLinks li a {
	color: #616265;
	}
ul#footerLinks li a:hover, body.privacyPage ul#footerLinks li#privacyLink a {
 	color: #00257b;
 	}

