/* Gordon Lamb "blue" = #173c78 / pale = #bdcede (old = 306592) ... */ /* Let's import the additional ".css" files */ @import url(/css/globals.css); @import url(/css/pages.css); @import url(/css/clipboard.css); @import url(/css/enquiry.css); @import url(/css/john.css); @import url(/css/menu.css); /* Page components (previous blue backdrop: #001e5e, previous pale blue border: #b4c6dc) ... */ #canvas { min-height: 900px; background-color: #FFFFFF; background-image: url(/gfx/back/canvas.gif); background-repeat: repeat-y; background-position: center top; font-family: arial, Helvetica; font-size: 10pt; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; text-align: center; } #canvas.jobs { min-height: 1000px; } #canvas.servicing #intro h1 { color: #413d39; font: bold 19pt arial; } #canvas.servicing #intro h2 { color: #345cb1; } #canvas.servicing #intro h2 a { color: #345cb1 !important; } #canvas.servicing #intro p { line-height: 12pt; } #canvas.testimonials { background-repeat: no-repeat; } #canvas.links ol { margin-bottom: 30px; } #container { width: 1000px; height: auto; min-height: 500px; background-color: #FFFFFF; border: 0px solid #FFFFFF; text-align: center; padding: 0px 0px 0px 0px; margin: 5px auto 50px auto; } #martin-container { position: absolute; top: 0px; left: 50%; width: 1000px; height: auto; min-height: 500px; background-color: #FFFFFF; border: 1px solid #FFFFFF; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 100px -499px; } /* Header (/includes/header) ... */ #tools { width: 100%; height: 20px; padding: 0; text-align: center !important; } #tools div.inner { position:relative;top:0;left:0;width: 1000px; height: 20px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto !important; color: #c0c0c0; font: normal 8pt "MS Sans Serif",verdana; background-color: #FFFFFF; background-image: none; background-repeat: no-repeat; background-position: center bottom; text-align: right; } #tools div.inner a { margin: 0px 5px 0px 5px; text-decoration: none; } #tools div.inner a:hover { color: #808080 !important; text-decoration: underline; } #tools div.inner:hover a { color: #c0c0c0; } #tools div.left { position:absolute;top:0;left:0;text-align:left;} #header { display: none; width: 990px; padding: 5px 5px 5px 5px; cursor: pointer; } #header div.inner { width: 990px; height: 107px; background-color: #d3dae4; background-image: url(/gfx/gordon_lamb_header.jpg); background-repeat: no-repeat; } #slogan { width: 990px; padding: 0px 5px 5px 5px; cursor: pointer; } #slogan div.inner { width: 990px; height: 40px; background-color: #152a63; background-image: url(/gfx/back/slogan.png); background-repeat: no-repeat; background-position: left top; } #cinemascope { width: 990px; padding: 5px 5px 15px 5px; cursor: pointer; } #cinemascope div.inner { width: 990px; height: 200px; background-color: gold; background-image: none; background-repeat: no-repeat; background-position: left top; } /* Breadcrumb menu (experimental...) ... */ h6#breadcrumb { color: #808080; font: normal 8pt verdana,arial; padding: 0px; margin: 10px 0px 15px 0px; } h6#breadcrumb:hover { color: #173c78; } h6#breadcrumb a { color: #606060; } h6#breadcrumb a:hover { color: #000000; text-decoration: none; } h6#side-menu-link { display: block; color: #808080; font: normal 8pt verdana,arial; padding: 0px; margin: 0px 0px 10px 0px; } h6#side-menu-link a { color: #606060; } h6#side-menu-link a:hover { color: #000000; text-decoration: none; } h6#side-banner-link { color: #808080; font: normal 8pt verdana,arial; padding: 0px; margin: 0px 0px 10px 0px; } h6#side-banner-link a { color: #606060; } h6#side-banner-link a:hover { color: #000000; text-decoration: none; } h6#breadcrumb.configurator { margin-bottom: 10px; } /* Right column ... */ #right { float: left; width: 160px; height: auto; text-align: left; color: #173c78; background-color: #bdcede; background-image: url(/gfx/back/right.gif); background-repeat: repeat-x; background-position: bottom; overflow: hidden; margin: 10px 0px 0px 0px; } #right div.inner { background-color: transparent; background-image: none; background-repeat: repeat-x; margin: 1px; padding: 0px 5px 30px 5px; } #right div.inner p { font-size: 8pt; font-family: "MS Sans Serif", arial, verdana; text-align: left; line-height: 20px; } #right div.inner h2 { padding: 10px 0px 0px 0px; margin: 0px 0px 10px 0px; color: #173c78; font-weight: bold; } #right div.inner h2 a { color: #173c78 !important; } #right div.inner h2 a:hover { color: #173c78 !important; } #right div.inner ol { padding: 0px; margin: 0px 0px 20px 0px; list-style-type: none; line-height: 20px; } #right div.inner select { width: 146px; } #right div.inner a { color: #FFFFFF; } #right div.inner a:hover { color: #173c78 !important; border-bottom: 1px solid #173c78; } #right div.inner a:visited { color: #FFFFFF; } #right div.inner hr { color: #FFFFFF; background-color: #FFFFFF; width: 100%; height: 1px; border: 0px; margin: 20px 0px 20px 0px; } #right.blank { display: none; } #right .bold { color: #FFFFFF !important; } #right.default { background-color: transparent; background-image: none; margin: 0px; } #right.default div.inner { padding: 0px; background-image: none; } #right.default div.inner h2 { color: #173c78; border-bottom: 1px solid #c0c0c0; } #right.default div.inner p { color: #808080; } #right.default div.inner a { color: #173c78; } #right.default div.inner a:visited { color: #173c78; } #right.default div.inner a:hover { color: #FFFFFF !important; background-color: #173c78; } #right.marque { position: relative; top: 0px; left: 0px; height: 503px; background-image: none; } #right.marque div.inner { margin: 2px 2px 2px 2px; text-align: left; } #right.marque div.inner a { color: #173c78 !important; } #right.marque img#logo { border: 0px; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; padding: 0px; background-color: #FFFFFF !important; } #right.motability div.inner { text-align: left; margin-bottom: 30px; } #right.motability div#logo { width: 160px; text-align: center; background-color: #FFFFFF; } #right.motability img#logo { border: 0px solid #FFFFFF !important; margin: 0px auto 0px auto; } #right.rentals { background-image: none; } #right.rentals img#logo { border-bottom: 10px solid #FFFFFF; } #right.rentals p { line-height: 12px !important; } #right.servicing { min-height: 550px; position: relative; top: 0px; left: 0px; background-image: none; } #right.servicing div#book { width: 160px; height: 110px; background-color: #173c78; } #right.servicing div#book div { padding: 7px; } #right.servicing div#book div h1 { color: #FFFFFF; } #right.servicing div#book div h1 a { color: #FFFFFF; text-transform: uppercase; } #right.servicing div#book div h6 { color: #FFFFFF; font: normal 8pt "MS Sans Serif",verdana; } #right.servicing div#book div input.button { width: 100%; border: 1px solid #FFFFFF; margin: 10px auto 0px auto; } #right.servicing div.inner { padding-bottom: 0px; } #right.servicing h2 { color: #173c78 !important; font-weight: bold !important; } #right.servicing h2:hover { color: #173c78 !important; } #right.servicing h2 a { text-decoration:none;} #right.business { min-height: 400px; position: relative; top: 0px; left: 0px; background-image: none; } #right.business div.logo img { border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; } #right.business div#mugshot { } #right.business div#mugshot div#face { float: right; margin: 0px 0px 5px 0px; padding: 5px; border: 1px solid #808080; background-color: #FFFFFF; } /* Central content area ... */ #middle { position: relative; float: left; width: 640px; height: auto; min-height: 575px; background-color: transparent; text-align: left; margin: 0px 15px 0px 15px; padding: 0px; } #middle p { color: #404040; line-height: 20px; text-align: justify; } #middle p a { color: #173c78; text-decoration: underline; } #middle p a:hover { color: #173c78; text-decoration: none !important; border-bottom: 1px solid #173c78; } #middle p a:visited { text-decoration: underline; } #middle h2 { margin: 10px 0px 10px 0px; } #middle ol { line-height: 26px; } #middle div#pictures { } #middle div#pictures.left { float: left; margin: 0px 20px 10px 0px; } #middle div#pictures.right { float: right; margin: 0px 0px 10px 20px; } #middle div#pictures.right img { margin-bottom: 0px; } #middle div#pictures p { text-align: center !important; } /* Others ... */ #middle div#pictures.from40 { width: 200px; height: 200px; float: left; margin: 0px 0px 0px 0px; background-image: url(/gfx/servicing/repairs-start-from-as-little-as-40.jpg); } .quote { background-color: aliceblue; padding: 10px 20px 10px 20px; margin: 0px 0px 10px 0px; border-bottom: 1px dashed #173c78; } .quote p { color: #173c78 !important; line-height: 30px !important; } .quote div.picture-right { border: 0px; } .quote div.picture-right div.inner { padding: 0px; } .quote div.picture-right div.caption { color: #173c78; } #urgent { color: red; min-height: 72px; background-image: url(/gfx/icons/hazardr.gif); background-repeat: no-repeat; background-position: left top; padding: 16px 0px 0px 50px; } /* Pages (alphabetical, like) ... */ #middle.standard { width: 640px; background-color: transparent; } #middle.about h6#breadcrumb { margin-bottom: 30px; } #middle.missing { min-height: 400px; padding-top: 250px; } #middle.benefits p.benefit:first-line { color: #173c78; font-weight: bold; } #middle.business h2 { } #middle.contact { } #middle.contact img { float: right; padding: 10px; border: 1px solid #e0e0e0; margin: 0px 0px 10px 10px; } #middle.home { width: 810px; background-color: transparent; margin: 0px 20px 0px 5px; padding: 0px 0px 0px 0px; } #middle.links ul { margin-bottom: 35px; list-style-type: square; } #middle.map { width: 815px; margin: 0px 15px 0px 5px; background-color: transparent; } #middle.map div#map { width: 810px; border: 0px solid #c0c0c0; text-align: center; } #middle.map div#map img.map { padding: 0px; } #middle.marque p.introduction { line-height: 18px !important; } #middle.new { width: 640px; background-color: transparent; } #middle.new h2 { margin-top: 25px; } #middle.parts div#benefits { } #middle.parts div#benefits ol { float: left; } #middle.servicing { float: left; width: 810px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; } #middle.servicing div#sections { clear: both; padding: 20px 0px 0px 0px; } #middle.servicing div#sections div.pole { margin: 0px 10px 0px 10px; width: 1px; background-image: none; } #middle.sitemap { width: 790px; } #middle.sitemap ol { list-style-type: none; padding: 0px; } #middle.sitemap ol ol { padding-left: 20px; } #middle.terms h6#breadcrumb { margin-bottom: 30px; } #middle.used { width: 815px; margin-left: 5px; } /* Left Menu ... */ #left { float: left; width: 160px; height: auto; background-color: transparent; padding: 10px 0px 0px 5px; } #left.blank { min-height: 650px; } #left.default { text-align: left; } #left.home { display: none; } #left.used { display: none; } #left.motability table.grid { display: none; } #side-menu { width: 160px; height:auto;min-height:480px; background-color: #173c78; margin: 10px auto 0px auto; } #side-menu div.inner { padding: 5px; color: #173c78; } #side-menu div.inner h2 { color: #FFFFFF; } #side-menu div.inner ul { padding: 0px; margin: 0px; list-style-type: none; } #side-menu div.inner ul li { background-image: url(/gfx/bullets/arrows/forward/white.gif); background-repeat: no-repeat; background-position: 0px -1px; padding: 0px 0px 10px 10px; } #side-menu div.inner a { color: #bdcede; } #side-menu div.inner a:hover { color: #FFFFFF; text-decoration: none; } #side-menu.servicing div.inner { padding: 5px 10px 5px 15px; } #menu.left { float: left; width: 160px; height: auto; background-color: transparent; text-align: left; color: #FFFFFF; list-style-type: none; padding: 0px 0px 20px 0px; margin: 0px; } #menu.left li { height: 30px; background-image: url(/gfx/back/leftmenuItem.gif); background-repeat: no-repeat; background-position: top left; } #menu.left li a { color: #FFFFFF; height: 30px; line-height: 30px; padding: 0px 0px 0px 23px; text-decoration: none; font-weight: bold; } #menu.left li a:hover { text-decoration: underline; } #menu.left li:hover { color: #FFFFFF; height: 30px; background-color: #9fb6d3; background-image: url(/gfx/back/leftmenuItemHi.gif); } /* Over-rides ... */ #menu.left li.rentals { background-image: url(/gfx/back/lmRentals.gif); } #menu.left li.rss { background-image: url(/gfx/back/rss.gif); } /* Left menu items (Guide) ... */ #lm01 { display: none; } /* Used special offers */ #lm02 { display: none; } /* New special offers */ #lm03 { } /* Business user deals */ #lm04 { } /* Motability deals */ #lm05 { display: none; } /* Find us */ #lm06 { display: none; } /* Budget service plans */ #lm07 { display: none; } /* Join our email club */ #lm08 { display: none; } /* Downloads */ #lm09 { } /* Budget Car and Van Rental */ #lm10 { display: none; } /* Job opprortunities */ #lm11 { display: none; } /* Data Feed (RSS) */ #lm12 { } /* My Shortlist */ /* Used Car Search Form ... */ .form#used select { color: #173c78; text-transform: capitalize !important; font: normal 8pt verdana, "MS Sans Serif"; } .form#used input { clear: both; width: 150px; color: #404040; font: normal 8pt verdana; text-transform: capitalize !important; } .form#used input.buttonOLD { width: 146px; color: #FFFFFF; border-color: #FFFFFF; border-width: 1px; font-weight: bold; margin-bottom: 5px; } .form#used input.button { width: 146px; color: #173c78; border-color: #6a85ab; border-width: 1px; text-decoration: underline; background-color: #FFFFFF; background-image: url(/gfx/back/hi/button.gif); background-position: bottom; font-weight: bold; } .form#used input.button:hover { width: 146px; color: #173c78; border-color: #173c78; border-width: 1px; text-decoration: none; background-image: url(/gfx/back/hi/button.gif); background-position: bottom; } .form#used input.button#reset { padding: 0px; color: #173c78; background-color: transparent; background-image: none; border-width: 0px; font-weight: normal; text-decoration: underline; margin-bottom: 0px; text-transform: lowercase !important; } .form#used input.button#reset:hover { color: #173c78; background-color: transparent; text-decoration: none; } #max { width: 146px !important; border: 0px; margin: 0px 0px 0px 0px; } #keywords { width: 146px !important; border: 0px; margin: 0px 0px 15px 0px; } /* Banners and tiles ... */ #banner { clear: both; width: 640px; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; border: 0px solid transparent; } #banner:hover { border-color: transparent; } #banner.business { } #banner.dealerships { } #banner.default { display: none; height: 150px; background-image: url(/gfx/scenic/wood.jpg); background-repeat: no-repeat; background-position: center center; } #banner.about { display: none; } #banner.jobs { display: none; height: 150px; background-image: url(/gfx/banners/jobs.jpg); background-position: center center; } #banner.job { display: none; height: 150px; background-image: url(/gfx/banners/jobs.jpg); background-position: center center; } #banner.motability { display: none !important; } #banner.new { display: none; width: 990px; height: 200px; background-color: #e0e0e0; margin: 0px auto 0px auto; } /* Skyscraper (Left side) Banners ... */ #skyscraper { width: 160px; height: 480px; margin: 0px auto 10px auto; background-color: #bdcede; background-position: top left; } #skyscraper.left { background-image: url(/gfx/skyscrapers/christmas-2009.jpg); } #skyscraper.webuy { background-image: url(/gfx/skyscrapers/we-want-your-car.jpg); cursor: pointer; } #skyscraper.audi-tt { background-image: url(/gfx/skyscrapers/audi-tt.jpg); cursor: pointer; } #skyscraper.used-offers { background-image: url(/gfx/skyscrapers/used-offers.gif); cursor: pointer; } #skyscraper.nissan { background-image: url(/gfx/skyscrapers/scrappage-nissan.gif); } #skyscraper.renault { background-image: url(/gfx/skyscrapers/renault_12-04-2010.gif); } #promo { clear: both; width: 640px; height: 150px; background-color: transparent; background-image: url(/gfx/promos/small_car_sale_event.gif); background-repeat: no-repeat; background-position: top left; padding: 0px; margin: 0px 0px 20px 0px; } #promo.default { background-image: url(/gfx/promos/iq-competition.jpg) !important; } #promo.used { display: none !important; } /* Page Footer ... */ div#footer { position: relative; top: 0px; left: 0px; clear: both; width: 990px; height: 105px; background-color: transparent; margin: 10px 5px 5px 5px; text-align: left; } div#footer div { background-color: transparent; } div#footer div.inner { width: 990px; margin: 0px; color: #173c78; background-color: transparent; background-image: none; background-repeat: repeat-x; background-position: top left; border-top: 0px double #e0e0e0; font: normal 8pt "MS Sans Serif",verdana; } div#footer div.left { display: none; width: 30px; height: 30px; position: absolute; top: 0px; left: 0px; overflow: hidden; background-image: url(/gfx/back/footer/left.gif); background-repeat: no-repeat; background-position: top; } div#footer div.right { display: none; width: 30px; height: 30px; position: absolute; top: 0px; right: 0px; overflow: hidden; background-image: url(/gfx/back/footer/right.gif); background-repeat: no-repeat; background-position: top; } div#footer p { color: #808080; line-height: 15px; padding: 0px 0px 0px 0px; text-align: justify; } div#footer p#quick { padding-top: 20px; } div#footer p#quick a { color: #173c78; font-weight: bold; background-image: url(/gfx/bullets/arrows/forward/grey.gif); background-repeat: no-repeat; background-position: left -1px; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; } div#footer p#quick b { color: #173c78; } div#footer p:hover { color: #173c78; } div#footer p a { color: #606060; } div#footer p a:hover { color: #173c78; } /* Home Pages (for individual marques) ... */ .homeOptionBlock { float:left;width: 640px; height: 80px; background: #FFFFFF; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .homeOptionPhoto { width: 110px; float: left; no-repeat right top; } .homeOptionPhotoArrowless { width: 110px; float: left; background: #FFFFFF; } .homeOptionLabel { float: left; width: 205px; font: normal 8pt arial; color: #535557;margin:0px 5px 0px 0px; } .homeOptionLabel a:link { font: bold 9pt arial; color: #ee1c23; } .homeOptionLabel a:visited { font: bold 9pt arial; color: #ee1c23; } .homeOptionLabel a:hover { font: bold 9pt arial; color: #535557; text-decoration: underline; } .divider { overflow: hidden; clear: both; width: 640px; height: 1px; background: #c0c0c0; padding: 0px; margin-top: 2px; margin-bottom: 15px; } /* Vehicle model blocks for centre of the page ... */ #rightPlain { float: left; width: 160px; height: auto; min-height: 390px; background-color: #FFFFFF; text-align: left; } #models { } #models div a { color: #000000; height: 25px; line-height: 25px; margin-left: 13px; } #models div a:visited { color: #000000; height: 25px; line-height: 25px; margin-left: 13px; } #models div a:hover { color: #000000; height: 25px; line-height: 25px; margin-left: 13px; text-decoration: none; } .model { float: left; width: 150px; height: 123px; margin: 0px 0px 0px 10px; position: relative; left: -10px; background: #FFFFFF url(gfx/back/vehicleBlock.gif) no-repeat top left; cursor: pointer; } .model a { font: bold 8pt "MS Sans Serif"; } .model a:visited { font: bold 8pt "MS Sans Serif"; } .model a:hover { font: bold 8pt "MS Sans Serif"; } .model img { clear: both; width: 150px; height: 88px; margin: 5px 0px 0px 0px; background: #FFFFFF; } /* Used Car Search ... */ img.thumbnail { width: 75px; height: 50px; border: 0px solid #c0c0c0; padding: 1px; background-color: #FFFFFF; } img.thumbnail:hover { border: 0px solid #173c78; } .banner#benefits { float: right; width: 200px; height: 55px; background-image: url(/gfx/promos/30-benefits.jpg); margin-top: 10px; } .banner#benefits img.plastic { width: 200px; height: 55px; } /* Pages of more results ... */ p.pages { clear: both; } p.pages#top { } p.pages#bottom { } p.pages a { text-align: center; color: #173c78; font: normal 8pt verdana !important; text-decoration: underline !important; } p.pages a:hover { text-align: center; color: #FFFFFF !important; background: #173c78 !important; text-decoration: none !important; } .rangesListTr { float: left; width: 460px; background: #cadce2; margin: 0px 0px 0px 5px; font: normal 9pt arial; margin-bottom: 1px; } .rangesListTr div { float: left; height: 70px; text-align: left; } .rangesListTrHi { float: left; width: 460px; background: #e4edf0; margin: 0px 0px 0px 5px; font: normal 9pt arial; margin-bottom: 1px; cursor: pointer; } .rangesListTrHi div { float: left; height: 70px; text-align: left; } /* Used Search (Details Page) ... */ div#addThis { float: right; background-color: transparent; clear: right; margin: 10px 0px 0px 0px; } #usedDetailPage { position: relative; top: 0px; right: 0px; margin: 0px; } .usedDetailColumn { float: left; width: 310px; background: transparent; margin: 5px 10px 15px 0px; } .usedDetailColumn div { font: normal 9pt arial; color: #535557; padding: 0px 0px 5px 0px; } #illustrativePurposes { clear: both; color: #808080 !important; font: normal 8pt verdana; margin: 5px 0px 10px 0px; } #30benefits { clear: both; padding: 5px 0px 15px 0px; } #30benefits a { color: red; } #30benefits a:visited { color: red; } /* Prices */ .priceWas { color: #000000; background: yellow; font-weight: bold; text-decoration: line-through !important; } .priceNow { color: #808080; font-weight: bold; } .priceSave { color: red; } /* Search Results */ #siteSearchResults { margin: 5px 5px 5px 5px; } #siteSearchResults h1 { color: #404040; font: bold 12pt arial,verdana !important; padding: 0px 0px 50px 0px; } #siteSearchResults a { color: #404040; font-weight: normal !important; } #siteSearchResults a:link { color: #404040; } #siteSearchResults a:visited { color: #404040; } #siteSearchResults a:hover { color: #404040; text-decoration: underline; } #siteSearchResults ul { list-style-type: square; font: normal 8pt "MS Sans Serif",arial; } .searchResultLine { clear: both; background-color: #FFFFFF; border-bottom: 1px dotted #000060; padding: 5px 0px 5px 15px; } .searchResultLineHi { clear: both; background-color:: #cfdae9; border-bottom: 1px solid #808080; padding: 5px 0px 5px 15px; } /* Used Vehicle Search - MG 12/07 */ .uvsPageMenu { font : normal 9pt arial; color : #FF0000; text-align : left; margin: 0px 5px 0px 5px; padding: 0px;} /* iFrame - Jnm 08-01 */ #iFrame { width: 100%; height: 250px; padding: 0px 5px 0px 0px; margin: 0px; border: 0px; scrollbar-base-color: #FFFFFF !important; } /* Configurator */ .summaryheader { display: block; width: 150px; height: auto; margin: 0px; font: bold 12px arial; padding: 5px; text-align: left; border: solid 0px #173c78; background: #F1F1F1; text-align: center; } .summaryprice { display: block; width: 150px; height: 150px; margin: 0px; font: bold 12px arial; padding: 0px; text-align: left; border: solid 1px #173c78; background: #FFFFFF; } .summarybg { display: block; width: 150px; height: 200px; margin: 0px; font: bold 12px arial; padding: 0px; text-align: left; border: 1px solid #173c78; background: #FFFFFF; } .summarybody { display: block; margin: 0px; font: bold 12px arial; padding: 4px; text-align: left; background: #FFFFFF; } .summarytxt { font: normal 12px verdana; } /* Fuel Economy Info */ #economy { clear: both; padding-bottom: 10px; } #economy table { width: 455px; border-collapse: collapse; border: 0px; font: normal 8pt "MS Sans Serif",arial, verdana; margin: 0px 5px 10px 0px; } #economy table tr { border-bottom: 1px solid #c0c0c0; } #economy table tr:hover { border-color: #808080; background-color: #eeeeee; } #economy table td { padding: 5px 0px 5px 0px; border-bottom: 1px solid #c0c0c0; } #economy table tr.header { font-weight: bold; height: 26px; background-image: url(/gfx/icons/fuel-economy.gif); background-repeat: no-repeat; background-position: right bottom; } #economy table tr.header:hover { background-color: transparent; } #economy table tr.header td { margin-left: 0px; } /* Test Drive - extras.. */ #topTestDrive { display: none; float: right; } #topTestDrive a { font: normal 10pt arial; color: red; background-color: transparent; padding: 2px; } #topTestDrive a:visited { color: red; background-color: yellow; } #topTestDrive a:hover { color: red; background-color: yellow; } /* Visors ... */ .visor { background-repeat: no-repeat; background-position: bottom; } .visor#marque { display: none; position: absolute; top: 0px; left: 5px; width: 150px; height: 150px; background-image: url(/gfx/visors/marque.png); } /* Printable Version */ #topBannerHomepagePrint { display: none; } .greytxt { color:#626A70 !important; } .redtxt { color: #FF0000 !important; } .sale { color: red !important; background-color: yellow !important; } /* Temp extras for "Used" Detail Pages */ #used { background-color: transparent; position: relative; } #used h1 { margin: 0px 0px 15px 0px; } #used div.info { background-color: transparent; border-top: 0px solid red; } #used div.info div.l { float: left; width: 460px; background-color: transparent; margin-right: 20px; } #used div.info div.l div#reserve p { color: #808080; font: normal 8pt "MS Sans Serif", verdana; } #used div.info div.l div#reserve p:first-line { color: #173c78; font: bold 10pt arial, verdana; } #used div.info div.l div#reserve img { float: left; margin: 0px 20px 20px 0px; } div#reserve.business { margin-left: 360px !important; } #used div.info div.l div#location p { color: #202020; font: normal 8pt "MS Sans Serif", verdana; } #used div.info div.r { float: left; background-color: transparent; } #used div.info div.r table.grid { width: 330px !important; margin: 0px 0px 0px 0px; } #used div.info div.r table.grid tr:hover { background-image: none; background-color: transparent; } #used div.info div.r table.grid td { border: 0px; border-bottom: 0px solid #173c78; padding: 4px 0px 4px 0px; vertical-align: top; } #used div.info div.r p { width: 330px; text-align: left; } #used div.info div.r p.specifications { font: normal 8pt "MS Sans Serif", verdana !important; line-height: 18px !important; } #used div.info div.r p.freetext { color: red !important; font: bold 10pt "MS Sans Serif", verdana !important; } #used div.info div.r ul.links { border-top: 0px; padding-top: 0px !important; margin-top: 10px !important; } #used div.info div.r ul.links a { color: #173c78; font: normal 8pt "MS Sans Serif", verdana, arial; } #used div.info div.r ul.links a:visited { color: #173c78; } #used div.info div.r ul.links a:active { color: #173c78; background-color: #FFFFFF; } #used div.info div.r div#pdf { height: 32px; color: #173c78; background-image: url(/gfx/icons/hi/pdf.gif); background-repeat: no-repeat; background-position: left middle; padding: 5px 0px 0px 42px; margin: 10px 0px 20px 0px; text-transform: uppercase; } #used div.info div.r div#pdf:hover { text-decoration: underline; cursor: pointer; } ul#used.links { background-color: none; } ul#used.links a { text-decoration: none; border-bottom: 0px; } ul#used.links a:hover { text-decoration: underline; } ul#used.links li { list-style-image: url(/gfx/bullets/arrows/forward/blue.gif); } ul#used.links li.back { list-style-image: url(/gfx/bullets/arrows/back/blue.gif); } /* Images Gallery (extra images) ... */ #gallery { margin: 15px 0px 10px 0px; } #gallery table#thumbails { border: 0px; } #gallery table td { padding: 0px; } #gallery table td img { width: 75px; padding: 2px; border: 1px solid #c0c0c0; margin: 0px 5px 5px 0px; } #gallery table td img:hover { padding: 2px; border: 1px solid #173c78; } /* SMS promo square thing ... */ #sms { width: 160px; height: 160px; position: absolute; top: 525px; right: -175px; background-image: url(/gfx/free-sms-and-email-stock-alerts.gif); } #sms:hover { background-image: url(/gfx/hover/free-sms-and-email-stock-alerts.gif); } #sms img.spacer { width: 160px; height: 160px; } #used #sms { top: 470px; } /* My Car Pages */ div#middle.autoheight {min-height:454px;height:auto !important;height:454px;} div#mycar-left, div#mycar-right {margin-top:-10px;} #right.mycar {background-color:transparent;margin:0;background-image:none;} div#mycar-left a, div#mycar-right a {width:160px;float:left;text-decoration:none;font:bold 12px arial;margin-bottom:10px;color:#1A398D !important;background-color:transparent;border:none !important;} div#mycar-left a:hover span, div#mycar-right a:hover span {text-decoration:underline;} div#mycar-left a img, div#mycar-right a img {padding-bottom:4px;} div#mycarwelcome {position:relative;top:0;left:0;width:990px;height:72px;margin:8px 0 0 5px;padding:0 0 10px 0;font-weight:bold;text-align:left;} div#mycarwelcome h5 {font:bold 17px verdana;color:#221E1F;margin-top:0;padding-top:5px;} div#mycarwelcome p {font-size:12px;color:#6B6B6E;margin-top:5px;} div#mycarwelcome div#licenseplate {position:absolute;top:0;right:0;width:259px;height:66px;overflow:hidden;text-align:center;font-size:45px;line-height:60px;background:url('/gfx/license-plate.gif') no-repeat center center;} #middle div.bluerow620 {position:relative;top:0;left:0;float:left;width:620px;min-height:477px;height:auto !important;height:454px;margin:0 0 5px 0;padding:10px;background-color:#D0E3EE;} #middle div.bluerow210 {float:left;width:190px;min-height:477px;height:auto !important;height:477px;margin:0 5px 5px 0;padding:10px;background-color:#D0E3EE;} #middle div.nrm {margin-right:0;} #middle div.bluerow210 div.car {margin:-10px 0 0 -10px;} #middle div.bluerow620 h4, #middle div.bluerow210 h4 {font-weight:bold;color:#1d398e;font-size:19px;} #middle div.bluerow620 h5, #middle div.bluerow210 h5 {margin-bottom:0;font-weight:bold;color:#1d398e;font-size:12px;} #middle div.bluerow620 p, #middle div.bluerow210 p {margin-top:0;margin-bottom:5px;color:#6B6B6E;text-align:left;font-size:12px;} #middle div.bluerow210 h5 span {font-weight:normal;color:#6B6B6E;} #middle div.bluerow210 p a {font-size:11px;} #middle div.whiterow {background-color:#ffffff !important;} #middle div.darkbluerowbg {float:left;width:180px;height:315px;margin:-3px 0 0 -13px;background: url('/gfx/my-car-d-blue-col.gif') no-repeat left top;padding:15px;} #middle div.darkbluerowbg h4, #middle div.darkbluerowbg h5, #middle div.darkbluerowbg p {color:#ffffff;} #middle div.darkbluerowbg p {margin-bottom:7px;} #middle div.darkbluerowbg h4.notestitle {position:relative;top:0;left:0;float:left;width:100%;margin:16px 0 8px 0;} #middle div.darkbluerowbg h4.notestitle img {position:absolute;top:0;right:0;float:right;} #middle div.lightbluerowbg {position:relative;top:0;left:0;float:left;width:180px;height:432px !important;min-height:402px;margin-left:0;background: #ffffff url('/gfx/my-car-l-blue-col.gif') no-repeat left top;padding:15px 15px 40px 15px;} #middle div.lightbluerowbg h5 {margin-top:0px;} #middle div.lightbluerowbg h5.nopr {margin:0px 0 9px 0;} #middle div.lightbluerowbg span.block {line-height:36px;margin-right:8px;color:#1D398E;} #middle div.darkbluerowbg h5.carhistory {font-size:13px;margin-top:10px;} #middle div.darkbluerowbg .carhistory a {margin:10px 0 14px 0;} #middle div.lightbluerowbg p.updatefooter {position:absolute;top:437px;left:15px;} a.bdylwbtn:link {float:left;width:89px;height:36px;margin:5px 1px 10px 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:29px;background: url('/gfx/my-car-yellow-db-bg-btn.gif') no-repeat 0px 0px;border:none !important;} a.bdylwbtn:visited {float:left;width:89px;height:36px;margin:5px 1px 10px 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:29px;background: url('/gfx/my-car-yellow-db-bg-btn.gif') no-repeat 0px 0px;border:none !important;} a.bdylwbtn:hover {float:left;width:89px;height:36px;margin:5px 1px 10px 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:29px;background: url('/gfx/my-car-yellow-db-bg-btn.gif') no-repeat 0px -36px;border:none !important;} a.bdylwbtn:active {float:left;width:89px;height:36px;margin:5px 1px 10px 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:29px;background: url('/gfx/my-car-yellow-db-bg-btn.gif') no-repeat 0px -72px;border:none !important;} a.bdylwbtnxt {position: relative;top: 50px; left: 0pt;float:right !important; margin-top: 0px !important; margin-bottom: -36px !important;} a.ldylwbtn:link {float:left;width:89px;height:36px;margin:5px 1px 10px 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:29px;background: url('/gfx/my-car-yellow-lb-bg-btn.gif') no-repeat 0px 0px;border:none !important;} a.ldylwbtn:visited {float:left;width:89px;height:36px;margin:5px 1px 10px 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:29px;background: url('/gfx/my-car-yellow-lb-bg-btn.gif') no-repeat 0px 0px;border:none !important;} a.ldylwbtn:hover {float:left;width:89px;height:36px;margin:5px 1px 10px 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:29px;background: url('/gfx/my-car-yellow-lb-bg-btn.gif') no-repeat 0px -36px;border:none !important;} a.ldylwbtn:active {float:left;width:89px;height:36px;margin:5px 1px 10px 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:29px;background: url('/gfx/my-car-yellow-lb-bg-btn.gif') no-repeat 0px -72px;border:none !important;} a.lrgtibtn:link {float:left;width:184px;height:29px;margin:1px 0px 0 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:20px;color:#ffffff !important;background: url('/gfx/my-car-lrg-blue-btn.gif') no-repeat 0px 0px;border:none !important;} a.lrgtibtn:visited {float:left;width:184px;height:29px;margin:1px 0px 0 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:20px;color:#ffffff !important;background: url('/gfx/my-car-lrg-blue-btn.gif') no-repeat 0px 0px;border:none !important;} a.lrgtibtn:hover {float:left;width:184px;height:29px;margin:1px 0px 0 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:20px;color:#ffffff !important;background: url('/gfx/my-car-lrg-blue-btn.gif') no-repeat 0px -29px;border:none !important;} a.lrgtibtn:active {float:left;width:184px;height:29px;margin:1px 0px 0 0;padding:0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:12px !important;line-height:20px;color:#ffffff !important;background: url('/gfx/my-car-lrg-blue-btn.gif') no-repeat 0px -58px;border:none !important;} a.sqrtrqbtn:link {float:left;width:158px;height:64px;margin:1px 0px 0 0;padding:17px 0 17px 0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:13px !important;line-height:16px;color:#ffffff !important;background: url('/gfx/my-car-sqr-btn.gif') no-repeat 0px 0px;border:none !important;} a.sqrtrqbtn:visited {float:left;width:158px;height:64px;margin:1px 0px 0 0;padding:17px 0 17px 0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:13px !important;line-height:16px;color:#ffffff !important;background: url('/gfx/my-car-sqr-btn.gif') no-repeat 0px 0px;border:none !important;} a.sqrtrqbtn:hover {float:left;width:158px;height:64px;margin:1px 0px 0 0;padding:17px 0 17px 0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:13px !important;line-height:16px;color:#ffffff !important;background: url('/gfx/my-car-sqr-btn.gif') no-repeat 0px -98px;border:none !important;} a.sqrtrqbtn:active {float:left;width:158px;height:64px;margin:1px 0px 0 0;padding:17px 0 17px 0;text-align:center;font-weight:bold;text-decoration:none !important;font-size:13px !important;line-height:16px;color:#ffffff !important;background: url('/gfx/my-car-sqr-btn.gif') no-repeat 0px -98px;border:none !important;} a.sqrtrqbtn span {color:#FFDF00 !important;} p#mynoteupdate {position:absolute;top:10px;right:10px;} p#mynoteupdate a {margin:0 !important;} p.mynotes {padding:5px;background-color:#d7e8f2;margin:8px 0 15px 0 !important;} p.mynotes:hover {background-color:#c5deee;} div#mycarfooter {position:relative;top:0;left:0;float:left;width:990px;height:121px;margin:3px 0 0 5px;padding:0 0 10px 0;text-align:left;} div#mycarfooter img {float:left;margin:0 15px 15px 0;} div#mycarfooter div.contact {position:absolute;top:0;right:0;} div#mycarfooter h4 {font:normal 25px verdana;color:#1d398e;margin:0;} div#mycarfooter h4 span {color:#6b6c6e;font-size:18px;} div#mycarfooter h5 {font:bold 25px verdana;color:#1d398e;margin:3px 0 0 0;} div#mycarfooter p {font-size:10px;color:#231f20;font-weight:bold;margin:5px 0 0 0;} a.bluebtn:link {float:left;width:66px;height:26px;overflow:hidden;text-align:center;color:#ffffff !important;background: url('/gfx/bluebtn.png') no-repeat left top;text-decoration:none;font-size:0.9em;border:none !important;line-height:24px;text-decoration:none !important;margin:0 100px 20px 0;} a.bluebtn:visited {float:left;width:66px;height:26px;overflow:hidden;text-align:center;color:#ffffff !important;background: url('/gfx/bluebtn.png') no-repeat left top;text-decoration:none;font-size:0.9em;border:none !important;line-height:24px;text-decoration:none !important;margin:0 100px 20px 0;} a.bluebtn:hover {float:left;width:66px;height:26px;overflow:hidden;text-align:center;color:#ffffff !important;background: url('/gfx/bluebtn.png') no-repeat left bottom;text-decoration:none;font-size:0.9em;border:none !important;line-height:24px;text-decoration:none !important;margin:0 100px 20px 0;} a.bluebtn:active {float:left;width:66px;height:26px;overflow:hidden;text-align:center;color:#ffffff !important;background: url('/gfx/bluebtn.png') no-repeat left bottom;text-decoration:none;font-size:0.9em;border:none !important;line-height:24px;text-decoration:none !important;margin:0 100px 20px 0;} #middle div.nrm a.bluebtn {margin:0px 0px 0px 10px; } a.bluebtnlrg:link {float:left;width:164px;height:37px;overflow:hidden;text-align:center;color:#ffffff !important;background: url('/gfx/bluebtnlrg.png') no-repeat left top;text-decoration:none;font-size:1em;border:none !important;line-height:35px;text-decoration:none;} a.bluebtnlrg:visited {float:left;width:164px;height:37px;overflow:hidden;text-align:center;color:#ffffff !important;background: url('/gfx/bluebtnlrg.png') no-repeat left top;text-decoration:none;font-size:1em;border:none !important;line-height:35px;text-decoration:none;} a.bluebtnlrg:hover {float:left;width:164px;height:37px;overflow:hidden;text-align:center;color:#ffffff !important;background: url('/gfx/bluebtnlrg.png') no-repeat left bottom;text-decoration:none;font-size:1em;border:none !important;line-height:35px;text-decoration:none;} a.bluebtnlrg:active {float:left;width:164px;height:37px;overflow:hidden;text-align:center;color:#ffffff !important;background: url('/gfx/bluebtnlrg.png') no-repeat left bottom;text-decoration:none;font-size:1em;border:none !important;line-height:35px;text-decoration:none;} .bluebtnmed {float:left;width:96px;height:26px;padding:3px 0 23px 0;overflow:hidden;text-align:center;color:#ffffff;background: url('/gfx/bluebtnmed.png') no-repeat left top;text-decoration:none;font-size:0.9em;border:none;cursor:pointer;} .bluebtnmed:hover {float:left;width:96px;height:26px;padding:3px 0 23px 0;overflow:hidden;text-align:center;color:#ffffff;background: url('/gfx/bluebtnmed.png') no-repeat left bottom;text-decoration:none;font-size:0.9em;border:none;cursor:pointer;} div#middle.wide {position:relative;top:0;left:0;width:990px;height:auto;margin:15px 0 15px 5px;padding:0;} div.float450 {float:left;width:435px;min-height:350px;height:auto !important;height:350px;margin:0 15px 105px 0;padding:0;} form.blueform {float:left;width:390px;margin:0 0 15px 0;padding:0;} form.blueform label {display:inline;float:left;width:160px;height:auto;min-height:16px;padding:4px;clear:left;color:#ffffff;background-color:#5056a9;margin:0 5px 6px 0;} form.blueform input.field {display:inline;float:left;width:200px;height:auto;min-height:11px;padding:2px;color:#231f20;border: 2px solid #5056a9;margin:0 0px 6px 0;} form.blueform textarea.field {display:inline;float:left;width:200px;height:auto;min-height:60px;padding:2px;color:#231f20;border: 2px solid #5056a9;margin:0 0px 6px 0;} form.blueform p {float:left;width:100%;} form#insuranceform {width:520px} form#insuranceform label {width:210px;border:1px solid #ffffff;background-color:#c3c5e6;color:#232323;} form#insuranceform input.field, form#insuranceform textarea.field {width:280px;background-color:#c3c5e6;color:#232323;border:1px solid #ffffff;padding:4px;} form#insuranceform input.field:focus, form#insuranceform textarea.field:focus {background-color:#a5a9d7;color:#000000;} form#insuranceform .bluebtnmed {margin:20px 0 10px 420px;} form#insuranceform div.field {display:inline;float:left;width:280px;background-color:#c3c5e6;color:#232323;border:1px solid #ffffff;padding:4px;margin:0 0px 6px 0;} form#insuranceform input.ifield {display:inline;float:left;width:auto;margin:2px 3px 0px 4px;padding:0px;} form#insuranceform label.ilabel {display:inline;float:left;width:auto;clear:none;border:none;margin:0 3px 0 0;padding:0 4px 0 2px;font-size:12px;} form.standardform {float:left;width:390px;margin:0 0 15px 0;padding:0;} form.standardform label {display:inline;float:left;width:160px;height:auto;min-height:16px;padding:2px;clear:left;color:#7b8d96;background-color:#ffffff;margin:0 5px 9px 0;font-size:0.9em;font-weight:bold;} form.standardform input.field {display:inline;float:left;width:200px;height:auto;min-height:11px;padding:2px;color:#231f20;border: 1px solid #7b8d96;margin:0 0px 9px 0;background-color:#eeecf7;} form.standardform textarea.field {display:inline;float:left;width:200px;height:auto;min-height:60px;padding:2px;color:#231f20;border: 1px solid #7b8d96;margin:0 0px 9px 0;background-color:#eeecf7;} form.standardform input.field:focus, form.standardform textarea.field:focus {background-color:#e3e1f1;} form.standardform select.field {display:inline;float:left;width:auto;height:auto;padding:2px;color:#231f20;border: 1px solid #7b8d96;margin:0 0px 9px 0;background-color:#ffffff;} form.standardform p {float:left;width:100%;} form input.bigbutton {display:block;float:left;width:175px;height:40px;background:url('/gfx/std-button-big.gif') no-repeat 0px 0px; color:#ffffff;font-weight:bold;text-align:center;font-size:14px;margin:5px 0px 10px 170px;padding:0 0 10px 0;border:none;} form input.bigbutton:hover {background:url('/gfx/std-button-big.gif') no-repeat 0px -40px;} ul.bluelist li {margin-bottom:6px;color:#1d398e;font-weight:bold;} ul.greylist {padding:0 0 0 20px;} ul.greylist li {margin-bottom:3px;color:#6b6c6e;font-weight:bold;} h3.thinblue {font: normal 21px verdana;color: #1d398e;} p.tiny, span.tiny {font-size:10px;} p.greytxt {color:#6b6c6e;} p.greytxt strong {color:#1d1a1b;} h1.xl, h2.xl {color:#002381;font-size:2.6em;} h1.l {color:#002381;font-size:31px;} h2.l {color:#002381;font-size:25px;} .bluebold {color:#002381 !important;font-weight:bold;} span.block {float:left;} .textright {text-align:right !important;} ul.insidelist {list-style-position:inside;} img.imgleftbig {float:left;margin:0 20px 10px 0;} img.imgright {float:right;margin:0 0px 10px 10px;} h3.big {font-size:18px;margin-top:8px;} p.big {font-size:17px;} img.img235 {margin:0 0 15px 5px;} p.stmargin {margin-top:3px;} div.whitecol {display:inline;float:left;width:310px;height:auto;margin:0 20px 10px 0;padding:0;} div.whitecolright {margin:0 0 10px 0;} a#insquotebtn {float:right;margin:-80px 50px 0 0;} #insuranceform h3.big {float:left;width:100%;} a#warrantybtn {float:right;margin:20px 0px 20px 40px;} div#newcarofferclick {position:relative;top:0;left:0;float:left;width:640px;height:76px;margin:20px 0 10px 0;padding:0;background: url('/gfx/new-car-special-click-bg.gif') no-repeat left top;} div#newcarofferclick a:link {position:absolute;top:16px;right:20px;width:231px;height:45px;background: url('/gfx/click-here.png') no-repeat left bottom;text-indent:-999999px;font-size:0px;} div#newcarofferclick a:visited {position:absolute;top:16px;right:20px;width:231px;height:45px;background: url('/gfx/click-here.png') no-repeat left bottom;text-indent:-999999px;font-size:0px;} div#newcarofferclick a:hover {position:absolute;top:16px;right:20px;width:231px;height:45px;background: url('/gfx/click-here.png') no-repeat left top;text-indent:-999999px;font-size:0px;} div#newcarofferclick a:active {position:absolute;top:16px;right:20px;width:231px;height:45px;background: url('/gfx/click-here.png') no-repeat left top;text-indent:-999999px;font-size:0px;} /* Voucher */ div.voucherdownload {position:relative;top:0;left:0;display:block;float:left;width:640px;height:394px;margin:0px 0 10px 0;padding:0;} div.voucherdownload p {position:absolute;top:155px;left:25px;width:360px;height:95px;color:#000000;font-size:13px;line-height:22px !important;font-weight:normal;margin-top:0;font-family:arial,Helvetica;} div#GL10CR.voucherdownload {background: url('/gfx/vcdl/GL10CR.jpg') no-repeat left top;} div#GL25MS.voucherdownload {background: url('/gfx/vcdl/GL25MS.jpg') no-repeat left top;} div#GL4024.voucherdownload {background: url('/gfx/vcdl/GL4024.jpg') no-repeat left top;} div#GL12924.voucherdownload {background: url('/gfx/vcdl/GL12924.jpg') no-repeat left top;} div#GLHPMOT10.voucherdownload {background: url('/gfx/vcdl/GLHPMOT10.jpg') no-repeat left top;} div#GLZEROHC.voucherdownload {background: url('/gfx/vcdl/GLZEROHC.jpg') no-repeat left top;} /* Mycar Tables ... */ .gridmycar { clear: both; width: 640px; border: 0px solid #173c78; border-collapse: collapse; background-color: #FFFFFF; text-align: left; font: normal 10pt arial; margin: 5px 0px 0px 0px; } .gridmycar tr td { border-bottom-color: #c0c0c0; } .gridmycar tr:hover { color: #404040; background-color: #eeeeee; background-image: url(/gfx/back/grid.gif); background-repeat: repeat-x; background-position: bottom; } .gridmycar tr:hover td { border-bottom-color: #808080; } .gridmycar tr.header { color: #173c78; background-color: #bdcede; background-image: url(/gfx/back/header.gif); background-repeat: repeat-x; background-position: top; font: bold 10pt verdana, "MS Sans Serif", arial; } .gridmycar tr.header:hover { color: #173c78; background-color: #bdcede; background-image: url(/gfx/back/header.gif); background-position: top; } .gridmycar tr.header td { border-bottom-color: #173c78; } .gridmycar tr.header:hover td { border-bottom-color: #173c78; } .gridmycar tr.header a,.gridmycar tr.header a:visited { color: #173c78; } .gridmycar td { border: 0px; border-bottom: 1px solid #173c78; padding: 8px; } .gridmycar td.c { text-align: center; } .gridmycar td.help { width: 30px; text-align: center; } a.whitelink:link {color:#BDCEDE;text-decoration:underline;} a.whitelink:visited {color:#BDCEDE;text-decoration:underline;} a.whitelink:hover {color:#ffffff;text-decoration:none;} a.whitelink:active {color:#ffffff;text-decoration:none;} /* End of Gordon Lamb main StyleSheet. How was it for you? */