/*######################################*/ /* Basic HTML styles */ /*######################################*/ /* HTML Setup */ html { font-size: 8pt; font-family: verdana, sans-serif; background: #FFFFFF; color: #002255; } html, body { margin: 0; padding: 0; } html { padding-bottom: 40px; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Tahoma, sans-serif; font-weight: bold; color : #002255; clear: both; } a img { border: none; } ol, ul { list-style: none; } ol, ul, li, li a { padding: 0; margin: 0; } /*######################################*/ /* Basic layout and site structure */ /*######################################*/ /* Negative Margins Layout Technique */ /* http://www.alistapart.com/articles/negativemargins/ */ #container { padding: 0; margin-right: -250px; float: left; width: 100%; } #content-wrapper { margin-right: 250px; } #sidebar { padding: 0; margin: 0; float: right; width: 250px; } /****************************************/ /* */ /* Main Header */ /* */ /****************************************/ #main-header { margin: 0 0 0 20px; padding: 0; color: #FFFFFF; } #main-header #chrome-header-bottom-left-corner { margin: 0; padding: 12px 10px 15px 15px; background: url("/image/chrome/menu/corner-bottom-left.gif") left bottom no-repeat; } #main-header { background: #002255 url("../image/chrome/banner/main-heading-background.gif") repeat-x; } #main-header h1, #main-header h2, #main-header h3 { clear: none } #main-header h1 { font-size: 2em;} #main-header h1, #main-header p { margin: 0; padding: 0; color: #FFFFFF; } #main-header em { font-style: normal; font-weight: bolder; color: #FF9933; } #main-header h2, #main-header h3 { margin-top: 10px; margin-bottom: 0; padding-top: 8px; color: #D0DCFD; font-size: 2em; font-weight: normal; border: none; } #main-header h2 { border-top: dotted 1px #154890; } #main-header h2 strong, #main-header h3 strong { color: #FFFFFF; font-weight: normal; } #main-header #stock-number { float: right; } #main-header #no-details-message, #main-header #no-transactions-message { color: #AAAAAA; } #main-header .notes { margin-left: 15px; } #main-header .notes li { color: white; list-style: disc; } #main-header .notes li.bold { font-weight: bold; } .debug #main-header h3, .debug #main-header h3 strong { color: yellow; } /*######################################*/ /* Christmas */ /*######################################*/ #chrome-xmass-holly { position: absolute; right: 0; top: 0; background: url("/image/chrome/banner/xmass-holly.gif") right top no-repeat; width: 70px; height:70px; } #main-header #chrome-header-xmass { margin: 0; padding: 0; background: url("/image/chrome/banner/xmass-banner.gif") right bottom no-repeat; } /*######################################*/ /* Sidebar */ /*######################################*/ #sidebar ul li, #sidebar ol li { list-style: none; } .userform a.button.search-width, #sidebar a.button { float: none; margin: 5px auto; width: 7em; } #sidebar .about h1, #sidebar .about strong, #sidebar .about a, #sidebar .about a:hover { color: #FFFFFF; } #sidebar .about p, #sidebar .about ul li span { color: #D0DCFD; } #sidebar .about p, #sidebar .about h1, #sidebar .about ul { margin: 10px; } /****************************************/ /* */ /* Main menu */ /* */ /****************************************/ /** * * definitions for curved corners: * .sb-inner: color inside curved corner * * See: shadedborder.js for details * */ #main-menu { padding: 10px 0 0 0; } #main-menu, #main-menu .sb-inner { background: #002255 url("../image/chrome/banner/main-heading-background.gif") repeat-x; } /****************************************/ /* */ /* Action Box */ /* */ /****************************************/ #action-box { color: #ffffff; margin: 0 10px; padding: 0; } /* Transparent PNG for gradient and top curve */ #action-box { background: #A74301 url("../image/chrome/action-box-top.png") top no-repeat; } /*#action-box { background: #cb5a0f url("../image/chrome/action-box-top.png") top no-repeat; }*/ /* IE6 Can't handle below as transaprent PNG so using GIF */ #action-box-bottom { background: url("../image/chrome/action-box-bottom.gif") bottom no-repeat; height: 10px; } #action-box #logo { margin: 10px 10px 0 10px; padding: 0; } #action-box form { padding: 0; margin: 0; text-align: center; } #action-box input { border: 1px #002255 solid; padding: 0.15em 0 0.1em 4px; line-height: 110%; font-size: 13px; font-weight: bold; } /* Special handling for login/start button */ #action-box a.button { background-image: url("/image/chrome/buttons/button-action-right.png"); background-position: right top;} #action-box a.button span { background-image: url("/image/chrome/buttons/button-action-left.png"); background-position: left top;} #action-box a.button:hover { background-position: right -28px } #action-box a.button:hover span { background-position: left -28px} #action-box .bottom-link { display: block; padding: 0; margin: 7px auto 0 auto; text-align: center; font-weight: normal; color: #FFC9A5; } #action-box a:hover.bottom-link { color: #FFFFFF; } /****************************************/ /* Vehicle Finder */ /****************************************/ .vehicle-finder { padding: 10px 10px 0 10px; } .vehicle-finder input { width: 190px; margin-top: 3px; } .vehicle-finder label { font-size: 0.8em; padding: 0; margin: 2px 0 0 0; height: 1em; text-align: justify; } /****************************************/ /* Login box */ /****************************************/ .login-box { padding: 10px 10px 0 10px; } .login-box label { position: relative; top: -0.3em; font-weight: bold; margin: 0.5em 0.5em 0 0; padding: 0; float: left;} .login-box input { width: 10em; margin: 0.1em 0; padding: 0; } .login-box p { margin: 0; padding: 0; text-align: right; } /****************************************/ /* */ /* Main/User/WOF/Staff Menu */ /* */ /****************************************/ #user-menu, #wof-menu, #staff-menu { padding: 10px 0 0 0; margin: 10px 0; background: #002255 url("/image/chrome/menu/corner-top-left.gif") left top no-repeat;} #main-menu .chrome, #main-menu .menu, #user-menu .menu, #wof-menu .menu, #staff-menu .menu { padding: 0 0 10px 0; background: #002255 url("/image/chrome/menu/corner-bottom-left.gif") left bottom no-repeat;} #main-menu .chrome { padding: 0; } /****************************************/ /* */ /* Common menu stuff */ /* */ /****************************************/ #nav-home, #nav-vehicle-home{ text-align: center; padding-left: 0; } #nav-home strong, #nav-vehicle-home strong{ font-size: 1.5em } .menu { list-style: none; } .menu, .menu li { padding: 0; margin: 0; } .menu li a, .menu li a:hover { text-decoration: none; } #main-menu .menu { margin-top: 10px; } /* MENU ITEM */ #sidebar .menu li { border-bottom: solid 1px #002255; } #sidebar .menu li a { display: block; padding: 5px 10px; background: #093C78; color: #5C8FF5; } #sidebar .menu li a strong { color: white; font-weight: bold; } #sidebar .menu li a:hover { background: #154890; } #sidebar .menu li a:hover strong { color: #FF9933; font-weight: bold; } /* VEHICLE MENU TICKS */ #main-menu .menu li a { padding-left: 25px; background: #093C78 url("../image/chrome/reverse-tick.gif") left center no-repeat; } #main-menu .menu li a:hover { background: #154890 url("../image/chrome/reverse-tick.gif") left center no-repeat; } /* DISABLED MENU ITEM */ #main-menu .menu a.disabled, #main-menu .menu a.disabled strong, #main-menu .menu a.disabled:hover, #main-menu .menu a.disabled:hover strong { color: #666666; background: #aaaaaa; cursor: default; } /* DONE MENU ITEM */ #main-menu .menu a.done { color: #33ee33; background: #056641 url("../image/chrome/tick.gif") left center no-repeat; } #main-menu .menu a.done:hover{ background: #037b26 url("../image/chrome/tick.gif") left center no-repeat;} #main-menu .menu a.done:hover strong { color: #FF9933; } /* VEHICLE HOME MENU ITEM */ #products-menu-group #nav-vehicle-home a{ padding-left: 0; padding-right: 0; background-image: none; } #products-menu-group #nav-vehicle-home a:hover { background-image: none; } /* LOGOUT BUTTON */ #logout, #edit-user{ float: none; margin: 10px auto; } /* NEW! on menu item */ .new-menu-item { color: #F5873C; font-weight: bold; font-style:italic; text-decoration: underline; padding-left: 0.5em; } a.disabled .new-menu-item { color: #666666; } /****************************************/ /* */ /* LOGO / LINKS MENU / COPYRIGHT */ /* */ /****************************************/ #user-logo { text-align: center; display: block; margin: 20px auto;} #links-menu, #copyright { margin: 20px; } #links-menu ul, #copyright ul { list-style: none; line-height: 1em; padding: 0; margin: 0; } #links-menu a, #copyright a, #copyright li { display: block; padding: 2px; text-decoration: none; text-align: center; color: #093C78; } #links-menu a:hover, #copyright a:hover { color: blue; text-decoration: underline } /*######################################*/ /* Content */ /*######################################*/ /* top right hand curve in content area */ #chrome-inside-corner { background: #FFFFFF url("/image/chrome/menu/corner-inside.gif") right top no-repeat; height: 9px; padding: 0; margin: 0; } /****************************************/ /* */ /* Content */ /* */ /****************************************/ #content { max-width: 66em; padding: 0 20px; margin: 0 auto; } #content.wide-page { max-width: none; } h1, p { margin: 10px 0; padding: 0; } h1 { margin-top: 30px; font-size: 2.5em; color: #002255; font-weight: normal; } h1 strong { color: #002255; } h2 { margin-top: 20px; margin-bottom: 10px; font-size: 2em; font-weight: normal; } h3 { margin-top: 20px; margin-bottom: 10px; font-size: 1.5em; border-bottom: 1px solid #AAAAFF; font-weight: normal; } ol { list-style: decimal; padding-left: 20px; } #content ul { list-style:url("/image/chrome/list-disc.gif"); padding-left: 20px; } li { color: #002255; margin: 5px 0;} hr { border-color: #ccc; border-style: dotted; border-width: 1px 0 0 0; clear: both; margin: 5px 0; height: 0; } #content li a, #content li a:visited { text-decoration: underline; color: blue; } #content li a:hover { text-decoration: underline; color: #002255; } #content .index li a, #content .index li a:visited { text-decoration: none } #content .index li a:hover { text-decoration: underline } /****************************************/ /* */ /* Debug */ /* */ /****************************************/ #debug-info { clear: both; margin: 5em 0 0 0; padding: 1em; border-top: 1px black solid; background: #DDDDDD; } #debug-info h1 { margin: 7px; padding: 1em 0 0 0; font-family: Tahoma, sans-serif; font-size: 1.35em; font-weight: normal; color : #305c9d; } #debug-info p { margin: 7px; padding: 0.25em 0 0 1em; font-weight: normal; color : black; } /****************************************/ /* */ /* Document functions */ /* */ /****************************************/ /* The wrapper is required to make the rest of the content drop below */ /* the document functions/info. see: */ /* http://www.quirksmode.org/css/clearing.html */ /* for an explanation */ #document-functions-wrapper { overflow: hidden; width: 100%; padding-top: 10px; } #document-functions { float: right; width: 350px; text-align: right; } #document-functions .button { margin-right: 0; } #document-info { margin: 5px 0 0 10px; } #document-print-functions, #document-print-functions .button { float: left; margin-left: 0; } #document-function-print-help { clear: left; float: left; } /*######################################################*/ /* */ /* Buttons */ /* */ /*######################################################*/ /* Buttons are built using a combination of the following techniques: CSS Sliding doors: http://www.alistapart.com/articles/slidingdoors/ CSS Sprites: http://www.alistapart.com/articles/sprites/ Sprite Offsets: red: -0px orange: -28px green: -56px aqua: -84px blue: -112px grey: -140px */ /* base button and right hand end */ a.button { float: right; display: block; width: 12em; height: 28px; color: #FFFFFF; font-weight: bold; font-family: Tahoma, sans-serif; font-size: 13px; padding: 0; margin: 5px; text-align: center; text-decoration: none; background: url("/image/chrome/buttons/button-right.png") right -112px no-repeat; cursor: pointer; } /* left hand end */ a.button span { display: block; height: 18px; padding: 5px 0; background: url("/image/chrome/buttons/button-left.png") left -112px no-repeat; cursor: pointer; } a.button.left { float: left } a.button.wide { width: 20em } /****************************************/ /* */ /* Normal/Default buttons */ /* AQUA */ /* */ /****************************************/ a.button:hover { background-position: right -84px; } a.button:hover span { background-position: left -84px; } html a.button.narrow { width: 6em; } /****************************************/ /* */ /* Green */ /* */ /****************************************/ a.button.green { background-position: right -56px; } a.button.green span { background-position: left -56px; } a.button.green:hover { background-position: right -28px; } a.button.green:hover span { background-position: left -28px; } /****************************************/ /* */ /* red */ /* */ /****************************************/ html a.button.red { background-position: right 0; } html a.button.red span { background-position: left 0; } html a.button.red:hover { background-position: right -28px; } html a.button.red:hover span { background-position: left -28px; } /****************************************/ /* */ /* cancel buttons */ /* */ /****************************************/ html a.button.cancel { background-position: right 0; float: left; width: 6em; } html a.button.cancel span { background-position: left 0; } html a.button.cancel:hover { background-position: right -28px; } html a.button.cancel:hover span { background-position: left -28px; } html .userform a.button.cancel { background-position: right 0; float: left; width: 6em; } html .userform a.button.cancel span { background-position: left 0; } html .userform a.button.cancel:hover { background-position: right -28px; } html .userform a.button.cancel:hover span { background-position: left -28px; } /****************************************/ /* */ /* Disabled buttons */ /* GREY */ /* */ /****************************************/ html .userform a.button.disabled, html a.button.disabled { background-position: right -140px; color: #555555; } html .userform a.button.disabled span, html a.button.disabled span { background-position: left -140px; cursor: default; } html .userform a.button.disabled:hover, html a.button.disabled:hover { background-position: right -140px; } html .userform a.button.disabled:hover span, html a.button.disabled:hover span { background-position: left -140px; } /* Other buttons are defined in userform.css */ /*######################################*/ /* Info Boxes */ /*######################################*/ #content .info-box { margin:10px 0; padding: 5px 0; } #content .info-box p { color: #FFFFFF; margin: 10px; padding:0; } #content .info-box h1 { color: #FFFFFF; margin: 0 10px; padding:0.25em 0; font-size: 1.5em; font-weight: bold; } #content .info-box h2 { color: #FFFFFF; margin: 25px 10px 10px 10px; padding:0; font-size: 1.25em; } #content .info-box ul, #content .info-box ol { color: #FFFFFF; margin: 15px 10px 25px 40px; padding:0; } #content .info-box ol ul { margin: 0 0 0 20px; } #content .info-box li { color: #FFFFFF; } #content .info-box ol { list-style: decimal; } #content .info-box ul { list-style: disc; } #content .info-box kbd { color: #000; font-family: Tahoma, sans-serif; font-weight: bold; margin: 0; padding: 0 5px; border: 1px solid #000; } #content .info-box a:hover { color: white; } /****************************************/ /* */ /* TUTORIAL */ /* */ /****************************************/ .tutorial, .tutorial .sb-inner { background: #169616 } .tutorial h1 { border-bottom: #33ee33 dotted 1px } .tutorial em, #content .tutorial a, .tutorial a:visited { color: #33ee33; } /****************************************/ /* */ /* INFORMATION */ /* */ /****************************************/ .information, .information .sb-inner { background: #093C78 } .information h1 { border-bottom: #5C8FF5 dotted 1px; } .information em, #content .information a, .information a:visited { color: #5C8FF5 } /****************************************/ /* */ /* ERROR */ /* */ /****************************************/ .error, .error .sb-inner { background: #B90F0F } .error h1 { border-bottom: #FF2A00 dotted 1px; } .error em, .error strong, #content .info-box .error a, .info-box .error a:visited { color: #FF2A00 } .red strong { color: #FF2A00 } /****************************************/ /* */ /* WARNING */ /* */ /****************************************/ .warning, .warning .sb-inner { background: #FF9900 } .warning h1 { border-bottom: #CC3300 dotted 1px; } .warning em, #content .warning a, .warning a:visited { color: #CC3300 } /****************************************/ /* */ /* HIDE BUTTON */ /* */ /****************************************/ .info-box a.hide { float: right; display: block; padding: 0.5em 1em; font-weight: bold; text-decoration: none; color: #FFFFFF } .info-box a.hide:hover { color: #FF9933 } /*######################################*/ /* Search Results */ /*######################################*/ #search-results { font-family: Tahoma, sans-serif; list-style:none; margin: 0; padding: 0; } #search-results li { margin: 0; padding: 0; border-top: #002255 dotted 1px; } #search-results li:first-child { border-top: none; } /* makes the link surround the floats contained within */ #search-results a { overflow: hidden; width: 100%; } #search-results a.vehicle, #search-results a.vehicle:hover, #search-results a.vehicle:visited { display: block; margin: 0; padding: 0.5em 0.5em 0.7em; text-decoration: none; color: #002255; } #search-results a.vehicle:hover { background-color: #D0D2FE; } #search-results .no-transactions, #search-results .transactions { margin: 0; padding-top: 0; padding-bottom: 0; } #search-results .transactions { background: url(../image/chrome/tick.gif) right center no-repeat; } #search-results .no-transactions, #search-results .transactions, #search-results .check-age { display: block; float: right; clear: right; padding-right: 23px; cursor: pointer; /*width: 50%; text-align: right;*/ } #search-results .check-age { font-weight: normal; color: #555; } #search-results .identification { margin: 0; padding: 0; color : #093C78; font-weight: bold; font-size: 1.2em; } #search-results .identification .none { font-weight: normal; } #search-results .identification strong { color : #DB5800; } #search-results .identification, #search-results .description, #search-results .annotation { display: block; float: left; clear: left; /*width: 50%;*/ } #search-results .description { font-weight: bold; } #search-results .annotation { font-style: italic; } #search-results a.disabled, #search-results a.disabled:hover, #search-results a.disabled:visited { background-color: #ddd; } #search-results .disabled *, #search-results .disabled * strong, #search-results .archived *, #search-results .archived * strong { color : #808080; } /* IE Box model/padding bug, fixes the list so that the ticks are visible */ #search-results a.vehicle { width: 98%; } /* IE can't handle these floats, so this fixes it in 99% of the cases, */ /* and the remaining 1% look OK. Good enough. */ #search-results .check-age, #search-results .identification, #search-results .description, #search-results .annotation { white-space:nowrap; } /*######################################*/ /* Contact information */ /*######################################*/ #industry-contact .contact-word-number, #industry-contact .contact-phone-number { font-weight: bold; font-family: tahoma, sans-serif; } #industry-contact .contact-word-number { font-size: 2em; color: #FF9933; } #industry-contact .contact-phone-number { font-size: 2em; font-size: 2em; } /*######################################*/ /* Miscelanious Usefull Stuff */ /*######################################*/ /* Use this on a block surrounding some floats, the block will */ /* streatch down to encompas them all. */ /* http://www.quirksmode.org/css/clearing.html */ .contain-floats { overflow: hidden; width: 100%; } .clear-right { clear: right; } .clear-left { clear: left; } .clear-both { clear: both; } .underline { text-decoration: underline; } .line-through { text-decoration: line-through; } .center { text-align: center; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } table.spaced-columns td { padding-left: 30px; } table.spaced-columns td:first-child { padding-left: 0; } /*######################################*/ /* Misc */ /*######################################*/ span.password { font-family: monospace; font-size: 2em; font-weight: bold; letter-spacing: 0.5em; } /*######################################*/ /* Current Menu Item */ /*######################################*/ #client-vehicle-home #products-menu-group #nav-vehicle-home, #client-vehicle-transactions #nav-vehicle-home, #edit-vehicle-request #nav-vehicle-home, #refresh-vehicle-request #nav-vehicle-home, #vehicle-notes-request #nav-vehicle-home, #home #users-menu-group #nav-home, #vir-request #nav-vehicle-report, #vir-summary #nav-vehicle-report, #vir-sample #nav-vehicle-report, #vir-pdf-summary #nav-vehicle-report, #virs-request #nav-virs, #virs-summary #nav-virs, #virs-multiple-summary #nav-virs, #virs-sample #nav-virs, #revs-request #nav-revs, #revs-summary #nav-revs, #revs-sample #nav-revs, #vdr-request #nav-motorcheck, #vdr-summary #nav-motorcheck, #vdr-pdf-summary #nav-motorcheck, #chassis-check-request #nav-motorcheck-no, #chassis-check-summary #nav-motorcheck-no, #chassis-check-pdf-summary #nav-motorcheck-no, #driver-check-request #nav-driver-check, #driver-check-summary #nav-driver-check, #loan-form-request #nav-loan-form, #loan-form-summary #nav-loan-form, #vtnz-booking-request #nav-vtnz-booking, #mr13c #nav-mr13c, #mr13c-summary #nav-mr13c, #windowcard-request #nav-windowcard, #windowcard-summary #nav-windowcard, #warranty-request #nav-warranty, #warranty-summary #nav-warranty, #warranty-pdf-summary #nav-warranty, #coo #nav-coo, #coo-summary #nav-coo, #coo-pdf-summary #nav-coo, #tender-purchase-agreement-summary #nav-purchase, #sale-agreement #nav-sale-agreement, #sale-agreement-summary #nav-sale-agreement, #register-security #nav-ppsr, #register-security-add-person #nav-ppsr, #register-security-add-organisation #nav-ppsr, #register-security-summary #nav-ppsr, #debtor-certificate-summary #nav-ppsr, #discharge-security #nav-ppsr, #renew-security #nav-ppsr, #ppsr-check-summary #nav-ppsr-check, #debtor-search-summary #nav-debtor-search, #debtor-search-pdf-summary #nav-debtor-search, #valuation #nav-valuation, #valuation-summary #nav-valuation, #redbook-valuation #nav-redbook-valuation, #redbook-valuation-summary #nav-redbook-valuation, #appraisal-summary #nav-appraisal, #purchase-request #nav-purchase, #purchase-summary #nav-purchase, #trade-in-summary #nav-trade-in, /* trade in */ #fuel-economy-label #nav-fuel-economy, #fuel-economy-label-summary #nav-fuel-economy, #advanced-search #nav-search, #history #nav-history, #history-report #nav-history, #wof #nav-wof, #user-management #nav-user, #user-edit #nav-user, #supplies-list #nav-supplies, #order-windowcard-cards #nav-supplies, #order-windowcard-pockets #nav-supplies, #order-summary #nav-supplies, #site-maintenance #nav-site-maintenance, #billing-request #nav-billing, #xml #nav-xml, #notice #nav-notice, #knowledge #nav-knowledge, #press-home #nav-press-home, #press-information #nav-press-information, #press-release #nav-press-release, #press-gallery #nav-press-gallery, #create-tender #nav-tender, #view-tender #nav-tender, #tender-summary #nav-tender, #accepted-tender #nav-tender, #tender-buying #nav-tender-buying, #tender-selling #nav-tender-selling, #tender-profile #nav-tender-profile, #tender-filter #nav-tender-profile, #mvi-quick-quote #nav-mvi, #mvi-full-quote #nav-mvi, #mvi-policy-request #nav-mvi, #mvi-policy-summary #nav-mvi, #press-awards #nav-press-awards { background: #cb5a0f url("/image/chrome/current-menu.gif") no-repeat left center; color: #FFC9A5; } #client-vehicle-home #products-menu-group #nav-vehicle-home a, #client-vehicle-transactions #nav-vehicle-home a, #edit-vehicle-request #nav-vehicle-home a, #refresh-vehicle-request #nav-vehicle-home a, #vehicle-notes-request #nav-vehicle-home a, #home #users-menu-group #nav-home a, #vir-request #nav-vehicle-report a, #vir-summary #nav-vehicle-report a, #vir-sample #nav-vehicle-report a, #vir-pdf-summary #nav-vehicle-report a, #virs-request #nav-virs a, #virs-summary #nav-virs a, #virs-multiple-summary #nav-virs a, #virs-sample #nav-virs a, #revs-request #nav-revs a, #revs-summary #nav-revs a, #revs-sample #nav-revs a, #vdr-request #nav-motorcheck a, #vdr-summary #nav-motorcheck a, #vdr-pdf-summary #nav-motorcheck a, #chassis-check-request #nav-motorcheck-no a, #chassis-check-summary #nav-motorcheck-no a, #chassis-check-pdf-summary #nav-motorcheck-no a, #driver-check-request #nav-driver-check a, #driver-check-summary #nav-driver-check a, #loan-form-request #nav-loan-form a, #loan-form-summary #nav-loan-form a, #vtnz-booking-request #nav-vtnz-booking a, #mr13c #nav-mr13c a, #mr13c-summary #nav-mr13c a, #windowcard-request #nav-windowcard a, #windowcard-summary #nav-windowcard a, #warranty-request #nav-warranty a, #warranty-summary #nav-warranty a, #warranty-pdf-summary #nav-warranty a, #coo #nav-coo a, #coo-summary #nav-coo a, #coo-pdf-summary #nav-coo a, #tender-purchase-agreement-summary #nav-purchase a, #sale-agreement #nav-sale-agreement a, #sale-agreement-summary #nav-sale-agreement a, #register-security #nav-ppsr a, #register-security-add-person #nav-ppsr a, #register-security-add-organisation #nav-ppsr a, #register-security-summary #nav-ppsr a, #debtor-certificate-summary #nav-ppsr a, #discharge-security #nav-ppsr a, #renew-security #nav-ppsr a, #ppsr-check-summary #nav-ppsr-check a, #debtor-search-summary #nav-debtor-search a, #debtor-search-pdf-summary #nav-debtor-search a, #valuation #nav-valuation a, #valuation-summary #nav-valuation a, #redbook-valuation #nav-redbook-valuation a, #redbook-valuation-summary #nav-redbook-valuation a, #appraisal-summary #nav-appraisal a, #purchase-request #nav-purchase a, #purchase-summary #nav-purchase a, #trade-in-summary #nav-trade-in a, /* trade in */ #fuel-economy-label #nav-fuel-economy a, #fuel-economy-label-summary #nav-fuel-economy a, #advanced-search #nav-search a, #history #nav-history a, #history-report #nav-history a, #wof #nav-wof a, #user-management #nav-user a, #user-edit #nav-user a, #supplies-list #nav-supplies a, #order-windowcard-cards #nav-supplies a, #order-windowcard-pockets #nav-supplies a, #order-summary #nav-supplies a, #site-maintenance #nav-site-maintenance a, #billing-request #nav-billing a, #xml #nav-xml a, #notice #nav-notice a, #knowledge #nav-knowledge a, #press-home #nav-press-home a, #press-information #nav-press-information a, #press-release #nav-press-release a, #press-gallery #nav-press-gallery a, /* tender */ #create-tender #nav-tender a, #view-tender #nav-tender a, #tender-summary #nav-tender a, #accepted-tender #nav-tender a, #tender-profile #nav-tender-profile a, #tender-filter #nav-tender-profile a, #mvi-quick-quote #nav-mvi a, #mvi-full-quote #nav-mvi a, #mvi-policy-request #nav-mvi a, #mvi-policy-summary #nav-mvi a, #press-awards #nav-press-awards a { background-color: #cb5a0f; color: #FFC9A5; margin-left: 15px; } /* Vehicle home doesn't have a tick so add right margin to balance text */ #home #users-menu-group #nav-home a, #client-vehicle-home #products-menu-group #nav-vehicle-home a { margin-right: 15px; } #edit-vehicle-request #products-menu-group #nav-vehicle-home a { margin-right: 15px; } #refresh-vehicle-request #products-menu-group #nav-vehicle-home a { margin-right: 15px; } #vehicle-notes-request #products-menu-group #nav-vehicle-home a { margin-right: 15px; } /* Vouchers */ #voucher-list { margin: 0 auto; padding-top: 2em; width: 100% } #voucher-list .heading { font-weight: bold; font-size: 1.2em; } #voucher-list .heading td { border-bottom: 1px solid black; } #voucher-list .first td { color: red; padding: 1em 0 } .redbookValuationList { width: 30em; } /* Vehicle finder menu */ ul#action-box-menu{ margin: 0; padding:0; position: relative; /* peekaboo bug fix for IE6 */ min-width: 0; /* peekaboo bug fix for IE7 */ } ul#action-box-menu li{ margin: 0; padding:0; list-style-type: none; border-bottom: solid 1px #A74301; text-align: center; } ul#action-box-menu li a, ul#action-box-menu ul a:visited { color: white; text-decoration: none; display: block; padding: 5px 10px; background-color: #bf4c00; } ul#action-box-menu li a:hover { background-color: #cb5a0f; } #advanced-search #nav-advanced-search, #tender-profile #nav-motorsale-tenders, #tender-buying #nav-motorsale-tenders, #tender-selling #nav-motorsale-tenders { background: #F57421 url("/image/chrome/current-action-menu.gif") no-repeat left center; } #advanced-search #nav-advanced-search a, #tender-profile #nav-motorsale-tenders a, #tender-buying #nav-motorsale-tenders a, #tender-selling #nav-motorsale-tenders a { background-color: #F57421; font-weight: bold; margin-left: 15px; } .adhoc-business-report { padding:1em; overflow:hidden; } .adhoc-business-report .name { font-weight:bold; } .adhoc-business-report .description{ color:blue; } .adhoc-business-report.even{ background-color:#e6f1f2; } .adhoc-business-report.odd{ background-color: #d6f3f6; } .ajax-loader { margin: 0 auto; text-align: center; width: 100%; } /*______________________________________________________________________________________________________________________ Live Chat */ #live-chat { padding: 1em 10px 2px 10px; color: white; text-align: left; } #live-chat a{ display: block; color: white; text-decoration: none; background-color: #7b44c6; } #live-chat a:hover { /*color: #F57421;*/ background-color: #9a55f7; } #live-chat .top { background: url("/image/chrome/chat/button-background-top.gif") top left no-repeat; } #live-chat .bottom { background: url("/image/chrome/chat/button-background-bottom.gif") bottom left no-repeat; } #live-chat a .inner{ margin-left: 10px; padding: 5px 5px 5px 45px; } #live-chat a.online .inner{ background: url("/image/chrome/chat/chat.gif") transparent no-repeat left center; } #live-chat a.offline .inner { background: url("/image/chrome/chat/email.gif") transparent no-repeat left center; } #live-chat a.voice .inner { background: url("/image/chrome/chat/voice.gif") transparent no-repeat left center; } #live-chat a.init { color: #aaa; background-color: #003584; cursor: default; } #content .question-box { padding: 1em 1em; text-align: center; border: 1px solid #ddd; background-color: #f8f8f8; } #content .question-box p { padding: 0; margin: 0 0 .75em 0; } div#first-options { margin: 6em 10em; } #first-options p { font-size: 1.3em; } #first-options div.contain-floats { margin: 0 auto; width:340px; }