#wrapper {
	background: url(../images/bg.gif) repeat-y;
}

#header .logo a 
{
    background: url(../images/Lex-Autolease-new-logo.png) no-repeat 0px 10px;
}

.phoneInfo .call span.callUs
{
    background: url(../images/call-us.gif) no-repeat 0px 0px;
}

.phoneInfo .call span.callRep
{
    background: url(../images/call-rep.gif) no-repeat 0px 0px;
}

#pageMask {
  background-color:#000;
}

#dvLoading h2 
{
    color: White; 
}

#menu li.main a {
	background: none;	
}

#menu li.main a:hover {
	background: none;
	background-color:#77B800;
}

#menu li.main a.long {
	background: none;
}

#menu li.main a.long:hover,
#menu li.main a.long.selected {
	background: none;
	background-color:#77B800;
}

#menu li.main li a,
#menu li.main li a:hover {
    background-image: none;
}

#footerShadow {
	background: url(../images/footershadow.gif) top no-repeat;
}

#footer {
	background: url(../images/bg.gif) repeat-y;
}

#middleContent .box
{
    background: url(../images/middle-box-bg.jpg) bottom repeat-x;
}

#middleContent .mini
{
    background: url(../images/minibox.gif) 0px 1px no-repeat;
}

#middleContent .findCar
{
    background: url(../images/find-my-car.jpg) top no-repeat;
}

#middleContent .manageCar
{
    background: url(../images/manage-my-car.jpg) top no-repeat;
}

#middleContent .manageDetails
{
    background: url(../images/manage-my-details.jpg) top no-repeat;
}

#middleContent .manageFleetLogon
{
    background: url(../images/manage-fleet-logon.jpg) top no-repeat;
}

#middleContent .manageAlerts
{
    background: url(../images/manage-my-alerts.jpg) top no-repeat;
}

#middleContent .manageQuote
{
    background: url(../images/manage-my-quote.jpg) top no-repeat;
}

#middleContent .manageFleet
{
    background: url(../images/manage-my-fleet.jpg) top no-repeat;
}

#middleContent .savedQuotes
{
    background: url(../images/my-saved-quotes.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .trackOrders
{
    background: url(../images/track-my-order.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .trackQueries
{
    background: url(../images/trackmyqueries.GIF) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .serviceCar
{
    background: url(../images/service-my-car.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .reportAccident
{
    background: url(../images/report-my-accident.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .vehicleCollection {
    background: url(../images/vehicle-collection.gif) top no-repeat;
    border: 1px solid #c7c8ca;
}

#middleContent .mileageLogger
{
    background: url(../images/mileage-logger.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .checkTyres
{
    background: url(../images/check-my-tyres.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .manageLogon
{
    background: url(../images/manage-my-logon.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .viewMyAlerts
{
    background: url(../images/viewAlerts.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .fleetCalander
{
    background: url(../images/fleetCalendar.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .updateDetails
{
    background: url(../images/update-my-details.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .updateMileage
{
    background: url(../images/notepad.jpg) 5px 3px no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .authoriseQuotes
{
    background: url(../images/quotes-to-auth.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .newQuotes
{
    background: url(../images/new-quotes.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .reporting
{
    background: url(../images/reporting.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .sales-mi
{
    background: url(../images/sales-mi.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .invoices
{
    background: url(../images/view-your-invoices_New.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .fines
{
    background: url(../images/fines-and-penalties.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .lcvCatalogue
{
    background: url(../images/lcv_catalogue.gif) top no-repeat;
    border:1px solid #c7c8ca;
}


#middleContent .cardPayment
{
    background: url(../images/make-card-payment.gif) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .paymentHistory
{
    background: url(../images/view-history-payment.gif) top no-repeat;
    border:1px solid #c7c8ca;
}


#middleContent .reporting ul li.web
{
    background: url(../images/reporting-web.gif) top no-repeat;    
}

#middleContent .reporting ul li.mileageLog
{
    background: url(../images/reporting-mileage-log.gif) top no-repeat;
}

#middleContent .reporting ul li.selfCert
{
    background: url(../images/reporting-self-cert.gif) top no-repeat;
}

#middleContent .searchbox
{
    background: url(../images/search-box.gif) 0px 0px no-repeat;
}

#middleContent .employeeAuthorisation
{
    background: url(../images/employee-reg-authorisation.GIF) top no-repeat;
    border:1px solid #c7c8ca;
}

#middleContent .manageCarDevider
{
    height: 80px;
}
#middleContent .manageDetailsDevider
{
    height: 80px;
}
#middleContent .manageQuoteDevider
{
    height: 80px;
}
#middleContent .manageFleetDevider
{
    height: 60px;
}
#middleContent .manageFleetLogonDevider
{
    height: 60px;
}
fieldset
{
    background: url(../images/middle-box-bg-rev.jpg) top repeat-x;
}
.demobutton
{
    background: url("../images/demo.png") no-repeat scroll center top #00a6c8;    
    width:101px;
    display:inline-block;    
    height: 20px;
    text-decoration:none;
}
.fleetbutton
{
    background: url("../images/fleetdemo.png") no-repeat scroll center top #00a6c8;    
    width:101px;
    display:inline-block;    
    height: 20px;
    text-decoration:none;        
}

.btnSearch
{
    background: url("../images/go.png") no-repeat scroll center top #00a6c8;        
    width:101px;
    display:inline-block;    
    height: 18px;
    text-decoration:none;    
    margin-left: 36px;    
}
.contactus
{
    background: url("../images/contactus.png") no-repeat scroll center top #00a6c8;
    width:101px;
    display:inline-block;    
    height: 25px;
    text-decoration:none;    
}
.genericbutton
{
    color: #FFFFFF;
    display: inline-block;
    font-family: 'fs_joeymedium',arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    width: 130px;
    margin-left: 10px;
    text-align: center;    
    background: url("../images/general.png") no-repeat scroll center top #00a6c8;
}
.button,
#btnTaxCalc,
.buttonShort
{
    background: url(../images/button.gif) top no-repeat;
}

.buttonShort
{
    background: url(../images/buttonShort.gif) top no-repeat;
}

.widebutton
{
    background: url(../images/button-wide.gif) top no-repeat;
}
.verywidebutton
{
    background: url(../images/button-wide.gif) top no-repeat;
}

.button-200px
{
    background-image: url(../images/button-200px.png);
}

.neutralbutton {
	background-image: url(../images/button-login.jpg);

}

.buttonSendCode {
	background-image: url(../images/button-wide-login.jpg);

}

#middleContent .box .button
{
    background: url(../images/button-long.gif) top no-repeat;
}

#middleContent .click
{
    background: url(../images/arrow.gif) top no-repeat;
}
#middleContent .newClick
{
    background: url(../images/newarrow.gif) top no-repeat;
}
#leftContent .box h2.welcome
{
    background: url(../images/welcome.jpg) top no-repeat;
}

#leftContent .box h2.contactUs
{
    background: url(../images/contactUs.jpg) top no-repeat;
}

#leftContent .box h2.news
{
    background: url(../images/news.jpg) top no-repeat;
}

#leftContent .box h2.myAlerts
{
    background: url(../images/myAlerts.jpg) top no-repeat;
}

#leftContent .box h2.announcement
{
    background: url(../images/announcement.jpg) top no-repeat;
}

#leftContent .box h2.usingsite
{
    background: url(../images/using-site.jpg) top no-repeat;
}
#leftContent .box h2.quotes
{
    background: url(../images/quotes.jpg) top no-repeat;
}

#leftContent .box h2.usingSite
{
    background: url(../images/using-site.jpg) top no-repeat;
}
#leftContent .box .title,
#middleContent .welcomebox .title
{
    color: #000000;
    font-family:  'fs_joeymedium',arial, helvetica, sans-serif;
    font-size:18px;    
    text-transform:uppercase;
}

.login fieldset .button,
.loginreset fieldset .button,
.btnRegister,
.btnRegisterNext,
.btnRegisterPrev,
.btnRegisterSubmit,
.btnRegisterSubmitAll,
.btnRegisterVerify
{
    color:White;
    background: url(../images/button-login.jpg) top no-repeat;
}

.login fieldset .widebutton,
.loginreset fieldset .widebutton
{
    background: url(../images/button-wide-login.jpg) top no-repeat;
}

.options a.collapse,
.options a.expand,
table a.collapse,
table a.expand
{  
    text-decoration: none;
}

.options a.collapse,
table a.collapse
/*table h3.collapse*/
{
    background: url(../images/collapse.gif) 1px 8px no-repeat;
}


.options a.expand,
table a.expand
/*table h3.expand*/
{
    background: url(../images/expand.gif) 1px 8px no-repeat;
}

#rentalPanel p span.incomplete
{
     padding-left: 1px;
}

#infoPanel p.info
{
    background: url(../images/blue-info.gif) no-repeat;
}

#infoPanel p.warn
{
    background: url(../images/yellow-warning.gif) no-repeat;
}

.quoteSummary li.warning
{
    background: url(../images/warning.gif) 0px 0px no-repeat;
}

div.services fieldset,
div.loginreset fieldset
{
    background: none;
}

/* dark grey #333333 */
body,
.login h1,
.loginreset h1,
.register h1,
.userRegistrationVerification h1,
.userRegistrationDetails h1,
a,
#menu li.main a,
#header .right ul a,
#rentalPanel p span.incomplete,
.quoteSummary li.warning { 
	color:#333333; 
}

.quickAddress,
.nominationForm,
.nominationFormAccident,
.nominationFormOffence,
.rentalBreakdown
{
	border-color:#333333; 
}

fieldset label,
/*ul.userRegistrationTabs li a.selectedTab,*/
table.comparison .label,
table.journeys .label,
span.disabled, .lblRegisterInfo
{
    color:#666; 
}

fieldset.userRegistrationVerification label,
fieldset.userRegistrationDetails label
{
    color:#000000;
}


/* light grey #999 */
input.hint,
#carPanel p.disclaimer
{
    color: #999;
}


/* light grey #888 */
#header .right ul a,
ul.tabs li a { 
	color:#888; 
}

#middleContent .box p,
#middleContent .box ul { 
	color:#888; 
}

.taxCalc table tr.total td,
.quoteSummary
{
	border-color:#888; 
}

th,
#leftContent div.boxalt
{
    background-color: #d4d4d4 !important;   /*1010*/
}

/* dark grey #cccccc */
.imgLink,
#middleContent .box,
#carPanel,
.login fieldset,
fieldset.addToQuote,
.showReport .largeImage,
fieldset.advancedSearchBox,
fieldset.userRegistration,
fieldset.userRegistrationVerification,
fieldset.userRegistrationDetails
{
	border-color: #cccccc;
}

input.disabled
{
    background-color: #ccc;
}

/* lightest green #D6EACA */

/*.taxCalc,*/
.altRow,
ul.tabs li a,
/*.options h3.collapse,
.options h3.expand,*/
.options a.collapse,
.options a.expand,
.options h3.section,
/*table h3.collapse,
table h3.expand,*/
table a.collapse,
table a.expand,
.currentLineHeader,
#dvConfirmOrderFinancials h3.expand, #dvConfirmOrderFinancials h3.collapse
{
    background-color: #D6EACA !important;      /*1010*/
}
.submenu,
.subsubmenu
{
    background-color: #C7C8CA !important;      /*1010*/
}
.options h3.disclaimer
{
    display:block;
    width:95%;
    background-color: #D6EACA !important
}

/* darker green #363636 */

#middleContent .box h3,
dl.sitemap dt,
#menu .submenu li a:link,
#menu .submenu li a:visited,
.subsubmenu li a:link,
.subsubmenu li a:visited
{
    color: #000000;
}

/* dark green #00853e */
h1,
.phoneInfo span.phone,
#rentalPanel p span.alt,
#dvOrderConfirmationContainer p span.alt,
#infoPanel,
.financial,
h2.DriverPolicyDesc,
#dvNominationForm h2,
#dvNominationFormAccident h2,
#dvNominationFormOffence h2,
#divQA_QuickAddress h2,
#divEmployeeDetailsForm h2,
.leadTimesForm h2,
#dvQuoteOrderDisplay h2
{
    color: #00853e;
    width: 584px;
}
.phoneInfo span.phone
{
    color: #00853e;
    font-family:  'fs_joeymedium',arial, helvetica, sans-serif;
    font-size:36px;    
    line-height: 24px;
}
#dvOptionsSelect h2,
#dvInfo h2
{
    color: #00853e; 
    margin-left:10px;   
}

#dvOptionsCSREmail h2
{
    color: #00853e; 
    margin-left:40px;   
}

/* blue #2b76bb */
.quoteSummary li li a:link,
.quoteSummary li li a:visited
{
    color: #2b76bb;
}

/* dark blue #066BED */

#rentalPanel p, #dvOrderConfirmationContainer p,
.options span.free
{
    color: #066BED;
}

/* light blue #7F9DB9 */
span.disabled
{
    border-color: #7F9DB9;
}

/* white */
.quickAddress,
.finePolicyDetails,
.invoiceTypeDefinitions,
.invoiceQuery,
.invoiceFAQ,
.invoiceDownload,
.coinInvoice,
.options table th,
.showReport .largeImage,
span.disabled,
.quoteOptionsSelection,
.optionsCSREmail,
.lcvCatalogueDetails,
.schematicImage,
.rentalBreakdown,
.whatCarVideo,
.emailBackupRqst,
.invoiceDetails
{
    background-color: #fff;
}

#middleContent .box .button,
.button,
.widebutton,
.verywidebutton,
#menu li a:hover,
#menu .submenu li a:hover,
.subsubmenu li a:hover,
#carPanel h3,
/*ul.userRegistrationTabs li a.selectedTab,*/
table.comparison .refNo,
.btnRegister,
.button-200px
{
    color: #fff;
}

ul.userRegistrationTabs li a.completedTab
{
	/*color:#868686;*/
	background-color: #666666;
}

ul.userRegistrationTabs li a.selectedTab
{
    /*color:#C0C0C0;*/
    background-color:#C0C0C0;
}

#menu ul.submenu,
ul.subsubmenu
{
    border-color: #fff;
}

/* electric green */
table.comparison .refNo,
/*ul.userRegistrationTabs li a.selectedTab,*/
#menu li li:hover,
#menu .submenu li a:hover,
.subsubmenu li a:hover,
#menu ul.submenu li a.selectedTab,
ul.subsubmenu li a.selectedTab
{
     background-color: #77B800 !important;
}


ul.tabs,
/*ul.userRegistrationTabs,*/
#menu,
#menu ul.submenu li,
ul.subsubmenu li
{
    border-bottom: 1px solid #C7C8CA;
}

.carImage,
#rentalPanel,
td.totals
{
    border-color: #66CD33;
}

#carPanel .refNo
{
    color: #00853e;
}

/* light grey #EEE */
div.loginreset fieldset
{
    background-color: #EEE;
}

/* transparent */

.quickAddress fieldset
{
    background-color: Transparent;
}

/* red */
.warning
{
    color: #f00;
}

/* black */
.overlay .background
{
    background-repeat: no-repeat;
    background-color: #000;
}

.glossaryBlock
{
	background: url("../images/middle-box-bg-rev.jpg") repeat-x scroll center top transparent;
	
}
.glossaryBlock h4,.glossaryBlock p
{
	color: #666666;
}

/* for the search results tables */
.even td {
	background-color:#F0F0F6;
}

.finePolicyDetails,
.invoiceTypeDefinitions,
.invoiceQuery,
.invoiceFAQ,
.invoiceDownload,
.coinInvoice,
.quoteOptionsSelection,
.optionsCSREmail,
.lcvCatalogueDetails,
.schematicImage,
.whatCarVideo,
.emailBackupRqst,
.invoiceDetails
{
	border-color:#333333; 
}

/* nominated drivers form */
.nominationForm,
.nominationFormAccident,
.nominationFormOffence
{
    background-color: #fff;
}

/* Added for ESR - 2 by T001896       */
#lnkUserRegDownloadReport
{
      background-color: White !important; 
      color: #000;
}
#divEmployeeDetailsForm
{
    background-color: #fff;
}

#divEmployeeAuditDetails
{
    background-color: #fff;
}
fieldset#fsUserRegEmployeeDetails
{
     background-image: none;
     background-color:#FAFCF7;
}
#headerConfirmOrderExtraOptions, #headerConfirmOrderFinancials, #headerInsurance
{  
    color: #00853E !important;  
    border-bottom: 1px solid #66CD33;    
}
.quoteOrderTable
{
     border: 1px solid #CCCCCC;
}

fieldset.noBackgroundImage
{
    background-image : none;
}

#dvAlertDemoVideo
{
    background-color: #fff;
    border-color:#333333; 
}

/* for accordions, added as part of LCV Catalogue changes */       
        .accordion li
        {
            list-style-type:none;
        }

        .accordionHeader {
            background-color: #00853e;
            border: 1px solid #999;
            color: #fff;
            font-size: 1.8em;
            padding: 5px;
        }
        
        .accordionHeader .accordion-opener {
            display: block;
            width: 100%;
        }
        .accordionHeader a {
            color: #fff;
            text-decoration: none;
        }
        
        .accordionHeader .openIcon,.accordionHeader .closeIcon
        {
            float:right;
        }
        
        .accordionHeader .openIcon
        {
            display:block;
        }
        .accordionHeader .closeIcon
        {
            display:none;
        }

.homepage-tile {
    border: #C7C8CA solid 1px;
    
    margin: 0 10px 10px 0;
    font-family: 'fs_joeymedium',arial,helvetica,sans-serif;
}

    .homepage-tile a {
        text-decoration: none;
    }
        .homepage-tile a > div {
            padding: 6px 10px;
        }

.homepage-tile a:hover div h2 {
    text-decoration: underline;
}

    .homepage-tile a div h2 {
        margin: 2px 0;
        font-size: 18px;
        padding: 0;
    }

    .homepage-tile a div p {
        color: #00853E;
        font-size: 14px;
    }

h1.homepage-heading {
    font-family: 'fs_joeyregular',arial,helvetica,sans-serif;
    color: #1E1E1E;
    font-size: 28px;
}

h2.homepage-heading {
    font-family: 'fs_joeymedium',arial,helvetica,sans-serif;
    color: #00853E !important;
    font-size: 18px;
    font-weight: normal;
    padding-top: 0 !important;
    margin-bottom: 10px;
}

.homepage-tile-wrapper {
    padding: 10px;
}

.homepage-tile-counter {
    display: inline-block;
    padding: 4px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #DC1E28;
    color: white;
    float: right;
    margin-top: 2px;
    font-weight: bold;
    font-size: 14px;
}


.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-item {
    flex: 1 0 0px;
}

.flex-item-05 {
    flex: 0 0 5%;
}

.flex-item-10 {
    flex: 0 0 10%;
}

.flex-item-15 {
    flex: 0 0 15%;
}

.flex-item-20 {
    flex: 0 0 20%;
}

.flex-item-25 {
    flex: 0 0 25%;
}

.flex-item-30 {
    flex: 0 0 30%;
}

.flex-item-35 {
    flex: 0 0 35%;
}

.flex-item-40 {
    flex: 0 0 40%;
}

.flex-item-45 {
    flex: 0 0 45%;
}

.flex-item-50 {
    flex: 0 0 50%;
}

.flex-item-55 {
    flex: 0 0 55%;
}

.flex-item-60 {
    flex: 0 0 60%;
}

.flex-item-65 {
    flex: 0 0 65%;
}

.flex-item-70 {
    flex: 0 0 70%;
}

.flex-item-75 {
    flex: 0 0 75%;
}

.flex-item-80 {
    flex: 0 0 80%;
}

.flex-item-85 {
    flex: 0 0 85%;
}

.flex-item-90 {
    flex: 0 0 90%;
}

.flex-item-95 {
    flex: 0 0 95%;
}

.flex-item-100 {
    flex: 0 0 100%;
}


       /* .govukCalTaxLink {
        color: #296312;
        text-decoration:underline;
        }*/