@charset "UTF-8"; @import url(http://fonts.googleapis.com/css?family=Arimo;) @media only screen and (max-device-width: 480px) { .ipad { display:none; } } /* VOSPERS WEBSITE CSS */ /* AMALGAMATED VERSION */ /* LG: JANUARY 2013 Revised: November 2013 */ /*------------------------------( GENERAL )------------------------------*/ body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote { margin: 0; padding: 0; border: 0; font-family: 'Arimo', sans-serif; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } html, body { margin: 0; padding:0; height:100%; font-family: 'Arimo', sans-serif; font-size: 22px; } body { min-height: 100%; } body { background: url(../images/backgrounds/background-blue-fade.png) top left repeat-x #0f5b92; /* background: url(../images/backgrounds/background-100hour.png) top left repeat #0f5b92; position: relative; */ /* background: url(../images/backgrounds/background-christmas.png) top left repeat-x #0f5b92; position: relative; */ /* background: url(../images/backgrounds/blue-cross-sale-d.png) top left repeat-x #0f5b92; position: relative; */ } #wrap { width:960px; padding:0; margin:0px auto; padding:0 10px 0 10px; height: auto !important; height: 100%; font-family: 'Arimo', sans-serif; font-size:0.7em; color:#FFF; } #main-menu { margin-top: 30px; overflow-y: hidden; height: 42px; width: 100%; padding: 0; border-radius: 8px; } #main-menu li { list-style: none; display :block; float: left; } #main-menu li a { display :block; font-family: arial; font-size: 12px; color: #fff; padding-top: 14px; text-transform: uppercase; text-decoration: none; background: url(../images/nav/nav-repeat.png) top left repeat-x #0f5b92; font-weight: bold; height: 29px; } #main-menu li a:hover { color: #fff; background: url(../images/nav/nav-hover-repeat.png) top left repeat-x #04243a; } #footer_menu { font-size: 12px; margin-top: 5px; } #menu_nc { width: 10%; text-align: center; border-right: solid #000 1px; } #menu_uc { width: 10%; text-align: center; border-right: solid #000 1px; } #menu_m { width: 10%; text-align: center; border-right: solid #000 1px; } #menu_bf { width: 12%; text-align: center; border-right: solid #000 1px; } #menu_nv { width: 9.3%; text-align: center; border-right: solid #000 1px; } #menu_uv { width: 10%; text-align: center; border-right: solid #000 1px; } #menu_s { width: 9%; text-align: center; border-right: solid #000 1px; } #menu_r { width: 7%; text-align: center; border-right: solid #000 1px; } #menu_p { width: 8%; text-align: center; border-right: solid #000 1px; } #menu_oc { width: 12.75%; text-align: center; } #menu_oc a { border-radius: 0 8px 8px 0; } .required { color: #00d6e9; } .error { margin-top: 3px; color: #a00; font-weight: bold; } .success { font-weight: bold; font-size: 16px; } ul.error li { list-style-position: inside; } .input_error { border: 2px solid #a00; } .cms_content { margin: 20px 0 0 0; font-size: 12px; padding: 10px; } .cms_content p { margin-bottom: 10px; } .cms_content h3 a { color: #00d6e9; text-decoration: none; } .cms_content h3 a:hover { text-decoration: underline; } .cms_content ul, .cms_content ol { margin: 20px 4px; } .cms_content ul li, .cms_content ol li { list-style-position: outside; margin-left: 20px; margin-bottom: 7px; } .cms_content .highlight { color: #00d6e9; } .cms_content a { color: #00d6e9; text-decoration: none; } .cms_content a:hover { text-decoration: underline; } .img_wrap { position:relative; } .cms_images { float: right; width: auto; margin: 0 0 20px 20px; text-align: right; } .cms_images .img_wrap { margin-bottom: 20px; } .cms_content h3 { margin-bottom: 20px; } #header { margin-bottom: 20px; } h1 { font-size: 24px; line-height: 28px; margin-top: 10px; padding-bottom: 10px; text-align: center; } .seo_page h1 { float: none; } #IEbuffer { margin-top: -30px; width: 100%; } #home_text { margin: 20px 20px 30px 20px; } #home_text h2 { font-size: 1.1em; color: #fff; } #home_text p { font-size: 0.7em; color: #fff; line-height: 130%; padding-top: 15px; } fieldset { border: 0; } /*------------------------------( BORDER )------------------------------*/ .border-top-left-5px { z-index: 9999; top: 0; left:0; display: block; position: absolute; width: 5px; height: 5px; background: url(../images/backgrounds/curved-borders-5px.png) 0 0 no-repeat; } .border-top-right-5px { z-index: 9999; top: 0; right:0; display: block; position: absolute; width: 5px; height: 5px; background: url(../images/backgrounds/curved-borders-5px.png) -5px 0 no-repeat; } .border-bottom-left-5px { z-index: 9999; bottom: 0; left:0; display: block; position: absolute; width: 5px; height: 5px; background: url(../images/backgrounds/curved-borders-5px.png) 0 -5px no-repeat; } .border-bottom-right-5px { z-index: 9999; bottom: 0; right:0; display: block; position: absolute; width: 5px; height: 5px; background: url(../images/backgrounds/curved-borders-5px.png) -5px -5px no-repeat; } body #home_button { display: block; background: url(../images/buttons/button-home.png) top left; text-indent: -6000px; width: 33px; height: 31px; white-space: nowrap; text-align: left; position: absolute; top: 0; right: 0; } body #login_button { background: url(../images/buttons/button-padlock.png) top right no-repeat; padding: 5px 18px 0 0; } #logo_box { position: relative; margin-bottom: 30px; background-color: #fff; width: 240px; height: 202px; text-align: center; padding-top: 10px; } body #logo { text-indent: -9999px; height: 48px; display: block; } body .logo-default { background: url(../images/logo.png) top right no-repeat; width: 234px; } body .electric-logo { background: url(../images/logos/electric-logo.png) top right no-repeat; width: 234px; } .logo-anniversary {height: 60px; margin: 24px 0 0 10px;} #left_menu { margin: 0 0 30px; padding: 0 0 5px 0; color: #fff; width: 239px; } #left_menu ul { padding: 10px; } #left_menu ul li { list-style: none; font-size: 0.8em; font-weight: bold; margin-bottom: 4px; } #left_menu a { color: #fff; text-decoration: none; } #left_menu a:hover { text-decoration: underline; } #left_menu ul#large_nav { margin: 0; padding: 0; } #left_menu ul#large_nav li { background: url(../images/buttons/nav_button.jpg) top left no-repeat; margin: 0; } #left_menu ul#large_nav li a { display: block; height: 103px; width: 160px; padding: 0 70px 0 10px; font-size: 1.95em; font-weight: bold; line-height: 100px; letter-spacing: -1px; } #left_menu ul#large_nav li a.double { display: block; height: 77px; width: 160px; padding: 0 70px 0 10px; font-size: 1.95em; font-weight: bold; line-height: 24px; padding-top: 26px; letter-spacing: -1px; } #left_menu ul#large_nav li a.single-line { height: 53px; padding-top: 40px; } #left_menu ul#large_nav li a:hover { text-decoration: none; } /* VOSPERS */ body.vospers #left_menu { padding: 0; background-color: #0c2d45; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } body.vospers #left_menu ul#large_nav li { background: url(../images/buttons/nav_button_vospers.jpg) 0 -103px no-repeat; margin: 0; } body.vospers #left_menu ul#large_nav li:hover { background: url(../images/buttons/nav_button_vospers.jpg) 0 0 no-repeat; margin: 0; } body.vospers #left_menu ul#large_nav li { width: 240px; } body.vospers #left_menu ul#large_nav #large_nav_hot_offers { margin-top: -3px; } body.vospers #left_menu ul#large_nav #large_nav_hot_offers a { width: 240px; background: url(../images/icons/icon_hot_offers.png) 140px center no-repeat; } body.vospers #left_menu ul#large_nav #large_nav_finance_options a { background: url(../images/icons/icon_finance.png) 140px center no-repeat; } body.vospers #left_menu ul#large_nav #large_nav_nearly_new a { background: url(../images/icons/icon_nearly_new.png) 140px center no-repeat; } body.vospers #left_menu ul#large_nav #large_nav_low_mileage a { background: url(../images/icons/icon_low_mileage.png) 140px center no-repeat; } body.vospers #left_menu ul#large_nav #large_nav_info_pages a { background: url(../images/icons/icon_info.png) 140px center no-repeat; } body.vospers #left_menu ul#large_nav #large_nav_ex_motability a { background: url(../images/icons/icon_ex_motability.png) 140px center no-repeat; } body.vospers #left_menu ul#large_nav #large_nav_book_service a { background: url(../images/icons/icon_service.png) 140px center no-repeat; } body.vospers #left_menu ul#large_nav li#large_nav_book_service { -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } /* CUSTOMERS */ body.customers #left_menu { border-radius: 0; padding: 0; background-color: transparent; } body.customers #left_menu ul#large_nav li a { text-indent: -9999px; } body.customers #left_menu ul#large_nav li a { background: url(../images/buttons/customer_account-buttons.jpg) 0 0 no-repeat; width: 159px; height: 100px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-logout { background-position: 0 0; } body.customers #left_menu ul#large_nav li a#large_nav_customer-logout:hover, body.customers #left_menu ul#large_nav li.active a#large_nav_customer-logout { background-position: -240px 0; } body.customers #left_menu ul#large_nav li a#large_nav_customer-account { background-position: 0 -100px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-account:hover, body.customers #left_menu ul#large_nav li.active a#large_nav_customer-account { background-position: -240px -100px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-orders { background-position: 0 -200px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-orders:hover, body.customers #left_menu ul#large_nav li.active a#large_nav_customer-orders { background-position: -240px -200px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-addresses { background-position: 0 -300px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-addresses:hover, body.customers #left_menu ul#large_nav li.active a#large_nav_customer-addresses { background-position: -240px -300px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-returns { background-position: 0 -400px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-returns:hover, body.customers #left_menu ul#large_nav li.active a#large_nav_customer-returns { background-position: -240px -400px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-saved-search { background-position: 0 -505px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-saved-search:hover, body.customers #left_menu ul#large_nav li.active a#large_nav_customer-saved-search { background-position: -240px -505px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-favourites { background-position: 0 -605px; height: 107px; } body.customers #left_menu ul#large_nav li a#large_nav_customer-favourites:hover, body.customers #left_menu ul#large_nav li.active a#large_nav_customer-favourites { background-position: -240px -605px; } /* OUR-COMPANY */ body.our-company #left_menu { border-radius: 0; padding: 0; background-color: transparent; } body.our-company #left_menu ul#large_nav li a { text-indent: -9999px; } body.our-company #left_menu ul#large_nav #large_nav_dealers { background: url(../images/buttons/our_company-buttons.jpg) 0 0 no-repeat; width: 240px; height: 102px; } body.our-company #left_menu ul#large_nav #large_nav_dealers.active, body.our-company #left_menu ul#large_nav #large_nav_dealers:hover { background: url(../images/buttons/our_company-buttons.jpg) -240px 0 no-repeat; } body.our-company #left_menu ul#large_nav #large_nav_latest_news { background: url(../images/buttons/our_company-buttons.jpg) 0 -102px no-repeat; width: 240px; height: 102px; } body.our-company #left_menu ul#large_nav #large_nav_latest_news.active, body.our-company #left_menu ul#large_nav #large_nav_latest_news:hover { background: url(../images/buttons/our_company-buttons.jpg) -240px -102px no-repeat; } body.our-company #left_menu ul#large_nav #large_nav_careers { background: url(../images/buttons/our_company-buttons.jpg) 0 -204px no-repeat; width: 240px; height: 102px; } body.our-company #left_menu ul#large_nav #large_nav_careers.active, body.our-company #left_menu ul#large_nav #large_nav_careers:hover { background: url(../images/buttons/our_company-buttons.jpg) -240px -204px no-repeat; } body.our-company #left_menu ul#large_nav #large_nav_care { background: url(../images/buttons/our_company-buttons.jpg) 0 -306px no-repeat; width: 240px; height: 102px; } body.our-company #left_menu ul#large_nav #large_nav_care.active, body.our-company #left_menu ul#large_nav #large_nav_care:hover { background: url(../images/buttons/our_company-buttons.jpg) -240px -306px no-repeat; } body.our-company #left_menu ul#large_nav #large_nav_team { background: url(../images/buttons/our_company-buttons.jpg) 0 -408px no-repeat; width: 240px; height: 102px; } body.our-company #left_menu ul#large_nav #large_nav_team.active, body.our-company #left_menu ul#large_nav #large_nav_team:hover { background: url(../images/buttons/our_company-buttons.jpg) -240px -408px no-repeat; } body.our-company #left_menu ul#large_nav #large_nav_events { background: url(../images/buttons/our_company-buttons.jpg) 0 -510px no-repeat; width: 240px; height: 102px; } body.our-company #left_menu ul#large_nav #large_nav_events.active, body.our-company #left_menu ul#large_nav #large_nav_events:hover { background: url(../images/buttons/our_company-buttons.jpg) -240px -510px no-repeat; } body.our-company #left_menu ul#large_nav #large_nav_sponsorship { background: url(../images/buttons/our_company-buttons.jpg) 0 -612px no-repeat; width: 240px; height: 102px; } body.our-company #left_menu ul#large_nav #large_nav_sponsorship.active, body.our-company #left_menu ul#large_nav #large_nav_sponsorship:hover { background: url(../images/buttons/our_company-buttons.jpg) -240px -612px no-repeat; } body.our-company #left_menu ul#large_nav #large_nav_community { background: url(../images/buttons/our_company-buttons.jpg) 0 -714px no-repeat; width: 240px; height: 102px; } body.our-company #left_menu ul#large_nav #large_nav_community.active, body.our-company #left_menu ul#large_nav #large_nav_community:hover { background: url(../images/buttons/our_company-buttons.jpg) -240px -714px no-repeat; } body.our-company #cms p { margin-bottom: 1em;} body.our-company #cms ol, body.our-company #cms ul { padding-left: 2em; margin-top: 1em;} body.our-company #cms ol li, body.our-company #cms ul li {margin-bottom: 0.5em;} /* DEALERSHIPS */ body.dealerships #left_menu { border-radius: 0; background-color: transparent; padding: 0; } body.dealerships #left_menu ul#large_nav li { text-indent: -9999px; } body.dealerships #left_menu ul#large_nav #large_nav_dealership_contact { background: url(../images/buttons/dealerships-buttons.jpg) 0 -160px no-repeat; width: 240px; height: 102px; } body.dealerships #left_menu ul#large_nav #large_nav_dealership_contact.active, body.dealerships #left_menu ul#large_nav #large_nav_dealership_contact:hover { background: url(../images/buttons/dealerships-buttons.jpg) -240px -160px no-repeat; } body.dealerships #left_menu ul#large_nav #large_nav_dealership_team { background: url(../images/buttons/dealerships-buttons.jpg) 0 -262px no-repeat; width: 240px; height: 105px; } body.dealerships #left_menu ul#large_nav #large_nav_dealership_team.active, body.dealerships #left_menu ul#large_nav #large_nav_dealership_team:hover { background: url(../images/buttons/dealerships-buttons.jpg) -240px -262px no-repeat; } body.dealerships #left_menu ul#large_nav #large_nav_dealership_services { background: url(../images/buttons/dealerships-buttons.jpg) 0 -204px no-repeat; width: 241px; height: 105px; } body.dealerships #left_menu ul#large_nav #large_nav_dealership_services.active, body.dealerships #left_menu ul#large_nav #large_nav_dealership_services:hover { background: url(../images/buttons/dealerships-buttons.jpg) -241px -204px no-repeat; } #dealership_services_wrap { float:left; width:100%; overflow:hidden; position:relative; margin-top: 30px; height: 87px; background: url(../images/dealer_services_background.jpg) 0 0 no-repeat; } #dealership_services{ clear:left; float:left; list-style:none; margin: 40px 0 0; padding:0; position:relative; left:50%; text-align:center; } #dealership_services li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; height: 76px; margin-right: 10px; } #dealership_services li a { margin-top: -29px; display: block; text-indent: -9999px; } #dealership_services li#icon_new-cars a { background: url(../images/dealership_service_images.png) 0 0 no-repeat; width: 66px; height: 80px; } #dealership_services li#icon_new-cars a:hover { background: url(../images/dealership_service_images.png) 0 -80px no-repeat; } #dealership_services li#icon_used-cars a { background: url(../images/dealership_service_images.png) -78px 0 no-repeat; width: 55px; height: 76px; } #dealership_services li#icon_used-cars a:hover { background: url(../images/dealership_service_images.png) -78px -80px no-repeat; } #dealership_services li#icon_new-vans a { background: url(../images/dealership_service_images.png) -146px 0 no-repeat; width: 55px; height: 76px; } #dealership_services li#icon_new-vans a:hover { background: url(../images/dealership_service_images.png) -146px -80px no-repeat; } #dealership_services li#icon_used-vans a { background: url(../images/dealership_service_images.png) -213px 0 no-repeat; width: 56px; height: 76px; } #dealership_services li#icon_used-vans a:hover { background: url(../images/dealership_service_images.png) -213px -80px no-repeat; } #dealership_services li#icon_commercial a { background: url(../images/dealership_service_images.png) -281px 0 no-repeat; width: 63px; height: 76px; } #dealership_services li#icon_commercial a:hover { background: url(../images/dealership_service_images.png) -281px -80px no-repeat; } #dealership_services li#icon_commercial-service a { background: url(../images/dealership_service_images.png) -354px 0 no-repeat; width: 62px; height: 76px; } #dealership_services li#icon_commercial-service a:hover { background: url(../images/dealership_service_images.png) -354px -80px no-repeat; } #dealership_services li#icon_service-mot a { background: url(../images/dealership_service_images.png) -430px 0 no-repeat; width: 49px; height: 76px; } #dealership_services li#icon_service-mot a:hover { background: url(../images/dealership_service_images.png) -430px -80px no-repeat; } #dealership_services li#icon_bodyshop a { background: url(../images/dealership_service_images.png) -490px 0 no-repeat; width: 52px; height: 76px; } #dealership_services li#icon_bodyshop a:hover { background: url(../images/dealership_service_images.png) -490px -80px no-repeat; } #dealership_services li#icon_rapid-fit a { background: url(../images/dealership_service_images.png) -553px 0 no-repeat; width: 37px; height: 76px; } #dealership_services li#icon_rapid-fit a:hover { background: url(../images/dealership_service_images.png) -553px -80px no-repeat; } #dealership_services li#icon_rental a { background: url(../images/dealership_service_images.png) -603px 0 no-repeat; width: 35px; height: 76px; } #dealership_services li#icon_rental a:hover { background: url(../images/dealership_service_images.png) -603px -80px no-repeat; } #dealership_services li#icon_parts a { background: url(../images/dealership_service_images.png) -650px 0 no-repeat; width: 30px; height: 76px; } #dealership_services li#icon_parts a:hover { background: url(../images/dealership_service_images.png) -650px -80px no-repeat; } #dealership_services li.last-item { margin-right: 0; } #dealership_divisions_wrap { margin-top: 30px; background: url(../images/dealership_divisions_header.jpg) 0 0 no-repeat; padding-top: 36px; width: 710px; position: relative; } #dealership_divisions_wrap table { width: 100%; } #dealership_divisions_wrap .footer { width: 710px; height: 12px; position: absolute; bottom: 0; left: 0; background: url(../images/dealership_divisions_footer.jpg) 0 100% no-repeat; } #dealership_divisions_wrap table tr th, #dealership_divisions_wrap table tr td { background-color: #0c2d45; padding: 0; text-align: center; height: 58px; font-size: 14px; color: #00d6e9; font-weight: bold; } #dealership_divisions_wrap table tr td a { font-weight: bold; font-size: 12px; color: #fff; } #dealership_divisions_wrap table tr td.col_division { width: 203px; border-top: 1px solid #0f5b92; border-right: 1px solid #0f5b92; } #dealership_divisions_wrap table tr td.col_open_mon_fri { width: 96px; border-top: 1px solid #0f5b92; border-right: 1px solid #0f5b92; } #dealership_divisions_wrap table tr td.col_open_sat { width: 104px; border-top: 1px solid #0f5b92; border-right: 1px solid #0f5b92; } #dealership_divisions_wrap table tr td.col_open_sun { width: 94px; border-top: 1px solid #0f5b92; border-right: 1px solid #0f5b92; } #dealership_divisions_wrap table tr td.col_tel { width: 117px; border-top: 1px solid #0f5b92; border-right: 1px solid #0f5b92; } #dealership_divisions_wrap table tr td.col_fax { width: 91px; border-top: 1px solid #0f5b92; } .local_calls { text-align: right; color: #00d6e9; font-weight: bold; margin-top: 20px; } #dealership_team { margin-top: 20px; } .team_member { width: 690px; background: url(../images/dealership_team_header.jpg) 0 0 no-repeat; margin: 10px 0 30px; padding: 5px 10px 10px; background-color: #0c2d45; position: relative; } .team_member h2, .team_member h3 { font-size: 30px; font-weight: bold; } .team_member h3 { color: #00d6e9; } .team_member .member_details { float: left; width: 400px; } .team_member img { float: right; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .team_member .address, .team_member .contact { margin-top: 10px; font-size: 14px; font-weight: bold; color: #fff; line-height: 18px; } .team_member .contact a { color: #00d6e9; text-decoration: none; } .team_member .contact a:hover { text-decoration: underline; } .team_member .intro { font-size: 14px; color: #00d6e9; font-weight: bold; margin-top: 15px; } .team_member .footer { width: 710px; height: 10px; position: absolute; bottom: 0; left: 0; background: url(../images/dealership_team_footer.jpg) 0 0 no-repeat; } #dealership_services_page { margin-top: 20px; } .dealership_services { width: 690px; background: url(../images/dealership_team_header.jpg) 0 0 no-repeat; margin: 10px 0 30px; padding: 5px 10px 10px; background-color: #0c2d45; position: relative; } .dealership_services h2, .dealership_services h3 { font-size: 30px; font-weight: bold; } .dealership_services h3 { color: #00d6e9; } .dealership_services .service_details { float: left; } .dealership_services .service_right { text-align: center; float: right; } .dealership_services .service_logo { margin: 10px 30px 0 0; width: 146px; background: url(../images/icons/dealership_service_icons.png) 0 0 no-repeat; height: 48px; } .dealership_services .button { text-align: center; display: block; margin: 30px 0 0 15px; width: 119px; background: url(../images/buttons/button_dealership.jpg) 0 0 no-repeat; height: 40px; color: #0c2d45; text-decoration: none; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 16px; padding-top: 2px; } .dealership_services #service_logo_new-cars { background-position: 0 0; height: 48px; } .dealership_services #service_logo_used-cars { background-position: 0 -48px; height: 59px; } .dealership_services #service_logo_new-vans { background-position: 0 -107px; height: 63px; } .dealership_services #service_logo_used-vans { background-position: 0 -171px; height: 63px; } .dealership_services #service_logo_commercial { background-position: 0 -234px; height: 64px; } .dealership_services #service_logo_commercial-service { background-position: 0 -298px; height: 64px; } .dealership_services #service_logo_service-mot { background-position: 0 -362px; height: 89px; } .dealership_services #service_logo_bodyshop { background-position: 0 -451px; height: 88px; } .dealership_services #service_logo_rapid-fit { background-position: 0 -539px; height: 71px; } .dealership_services #service_logo_rental{ background-position: 0 -610px; height: 77px; } .dealership_services #service_logo_parts { background-position: 0 -687px; height: 76px; } .dealership_services .address, .dealership_services .contact { margin-top: 45px; font-size: 14px; font-weight: bold; color: #fff; line-height: 18px; } .dealership_services .contact { margin-top: 2px; margin-bottom: 20px; } .dealership_services .contact a, .dealership_services .contact span { color: #00d6e9; text-decoration: none; } .dealership_services .contact a:hover { text-decoration: underline; } .dealership_services .intro { font-size: 14px; color: #fff; font-weight: bold; margin-top: 15px; } .dealership_services .footer { width: 710px; height: 10px; position: absolute; bottom: 0; left: 0; background: url(../images/dealership_team_footer.jpg) 0 0 no-repeat; } /* CAREERS */ #vacancy_controls { width: 100%; background-color: #000; border-radius: 6px; margin-bottom: 20px; } #vacancy_controls p { margin: 6px 0 0 10px; padding: 10px; } #vacancy_controls ul { margin:0; padding: 10px; list-style-type: none;} #vacancy_controls ul li { display: inline; padding: 10px 30px 10px 30px; } #vacancy_controls li a { font-size: 28px; text-decoration: none; width: 200px; color: #fff; padding: 10px; } #vacancy_controls li a:hover { text-decoration: underline; } #vacancy_listing li { width: 98%; height: 74px; background-color: #fff; color: #000; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; list-style: none; position: relative; } #vacancy_detail { background-color: #fff; color: #000; border-radius: 12px; padding:10px; } #vacancy_detail h2, #vacancy_listing li h2 a, #vacancy_detail h3, #vacancy_listing li h3 a { font-size: 24px; color: #000; text-decoration: none; margin: 6px; } #vacancy_listing li h2 a:hover, #vacancy_listing li h3 a:hover { text-decoration: underline; } #vacancy_listing h3 { margin: 6px; } #vacancy_detail p.closing_date, #vacancy_detail p.ref, #vacancy_listing li p.closing_date { color: #000; font-size: 12px; font-weight: bold; margin: 6px; } #vacancy_detail h4 { font-size: 18px; color: #000; text-decoration: none; margin: 6px; } #vacancy_field { width: 100%; } #vacancy_field label { width: 200px; padding: 6px; } #vacancy_field input { width: 200px; padding: 6px; font-size: 16px; } /* MODEL PAGES */ #frontend_model { height: 100%; } .breadcrumbs { color: #000; line-height:32px; margin-bottom: 8px; font-weight: normal; margin-top: 26px; border-radius: 6px; background-color: #fff; padding: 4px 0 4px 8px; } .breadcrumbs a { color: #000; text-decoration: none; } .breadcrumbs a:hover { text-decoration: underline; } #model_wrap { position: relative; background: url(../images/backgrounds/model_nav_bg.jpg) 0 5px repeat-y; height: 100%; } #model_left { margin-top: -1px; background: url(../images/backgrounds/model_nav_top_default.jpg) top left no-repeat; padding-top: 23px; overflow: hidden; height: auto; position: relative; width: 166px; float: left; } #model_print { width: 106px; text-indent: -9999px; background: url(../images/buttons/button_model_print_page.png) top left no-repeat; height: 35px; display: block; position: absolute; bottom: 10px; left:10px; } #model_print_right { width: 106px; text-indent: -9999px; background: url(../images/buttons/button_model_print_page_right.png) top left no-repeat; height: 35px; display: block; position: absolute; top: 30px; right:20px; } #model_left_footer { width: 106px; text-indent: -9999px; background: url(../images/backgrounds/model_nav_footer_default.jpg) top left no-repeat; height: 9px; display: block; position: absolute; bottom: 0; left:0; } #model_left ul li { list-style: none; } #model_left ul li a { background-color: #0D2D46; display: block; font-weight: bold; color: #fff; text-decoration: none; width: 156px; height: 24px; line-height: 24px; padding-left: 10px; } #model_left ul li.double a { height: 48px; } body #model_left ul li.active a, body #model_left ul li a:hover { background-color: #0F5B92; } #model_left .model_left_background { height: 100%; } #model_right { position: relative; min-height: 500px; height: 100%; width: 791px; float: right; margin-left: 2px; background-color: #6c6f70; background: url(../images/backgrounds/model_main_head_right_default.jpg) top right no-repeat #0D2D46; } #model_right .model_right_footer { position: absolute; bottom:0; right: 0; width: 18px; height: 18px; background: url(../images/backgrounds/model_main_foot_right_default.jpg) top left no-repeat; } .model_range { background-color: #fff; border-radius: 6px; padding: 4px 0 4px 8px; color: #000; text-align: left; font-weight: normal; font-size: 1.0em; width: 100%; } #model_content_left h2 { font-size: 1.0em; font-weight: normal; } #model_content_left .listprice { margin: 2px 0 2px 0; font-size: 1.1em; } #model_content_left .offerprice { margin-top: 6px; font-size: 1.4em; color: #00d6e9; } #model_right h2 { margin: 0; padding: 0; font-size: 1.5em;} #model_right h2 span { font-size: 1em; } #model_right h3 { font-size: 1em; } #model_right #model_content_left { width: 500px; padding: 20px; float: left; margin-top: 260px; } #model_right #model_content_left.has_video { margin-top: 0; } #model_right #model_content_wrap { padding: 20px; position: relative; } #model_right table { width: 100%; margin: 20px 0 140px; } #model_right table tr th { text-align: left; padding-left: 20px; font-weight: normal; } #model_right table tr td { text-align: right; padding-right: 20px; font-weight: bold; } #model_right table tr th, #model_right table tr td { height: 25px; } #model_right table.interior-exterior tr td, #model_right table.interior-exterior tr th { padding: 5px 0; height: 20px; } #model_right table tr.row_odd td, #model_right table tr.row_odd th { background-color: #828383; } #model_right table.interior-exterior tr th, #model_right table.interior-exterior tr td{ width: 50%; text-align: left; padding-left: 20px; font-weight: normal; } #model_right table.interior-exterior tr th { font-weight: bold; } #model_right table.interior-exterior tr td { padding-left: 40px; font-size: 14px; } #model_right .please_note { position: absolute; bottom: 20px; left: 20px; font-size: 12px; } #model_right #model_content_right { width: 180px; padding: 20px 40px 20px 20px; float: right; text-align: right; } .range_panel { height: 270px; width: 100%; position: relative; margin-bottom: 20px; } .range_panel .header { background-color: #42596B; height: 37px; } .range_panel .header h3 { line-height: 37px; margin-left:10px; } .range_panel .body { margin-top: 3px; height: 172px; width: 100%; background-color: #42596B; } #range_models_wrap { margin-left: 70px; width: 820px; height: 210px; overflow: hidden; position: relative; } #range_models li { width: 205px; height: 140px; margin-top: 12px; float: left; list-style:none; } #range_models li div h4 a { color: #fff; font-size: 12px; text-decoration: none; } #range_models li div h4 a:hover { text-decoration: underline; } #range_models li div { width: 152px; text-align: left; position: relative; height: 140px; } #range_models li div img { position: absolute; bottom: 0; border: 1px solid #fff; } #range_models-next { top: 130px; right: 0; display: block; position: absolute; text-indent: -9999px; width: 31px; height: 39px; background: url(../images/buttons/button_next.png) no-repeat; } #range_models-prev{ top: 130px; left:0; display: block; position: absolute; text-indent: -9999px; width: 31px; height: 39px; background: url(../images/buttons/button_prev.png) no-repeat; } #model_images { position: absolute; top: 20px; } .has_video #model_images { position:relative; top: 0; } .video { margin-bottom: 20px; } #model_images img { border: 1px solid #fff; } #model_content_right ul.nav { margin: 20px 0 0 35px; } .used_car #model_content_right ul { font-weight: normal; margin-top: 32px; } .used_car #model_content_right ul li { list-style-position: inside; padding-top: 4px; } .used_car #model_content_right ul li a#compare_car { width: 200px; } .used_car #model_content_right ul.nav { position: absolute; bottom: 20px; right: 85px; display: block; } #model_content_right ul.nav li { list-style: none; text-indent: -9999px; text-align: left; margin-top: 15px; } #model_content_right ul.nav li a#request_brochure { display: block; background: url(../images/nav/model-nav.png) 0 0 no-repeat; width: 142px; height: 90px; text-indent: -9999px; } #model_content_right a#add_to_favourites { display: block; background: url(../images/nav/model-nav.png) 0 -105px no-repeat; width: 128px; height: 50px; text-indent: -9999px; } #model_content_right a#compare_car { display: block; background: url(../images/nav/model-nav.png) 0 -175px no-repeat; width: 128px; height: 50px; text-indent: -9999px; } #model_content_right a#test_drive{ display: block; width: 130px; height: 52px; text-indent: -9999px; } #model_content_right a#download_pdf { display: block; width: 99px; height: 38px; text-indent: -9999px; background: url(../images/buttons/download_pdf.png) 0 0 no-repeat; position: absolute; bottom: 20px; right: 15px; } #model_content_right a#download_pdf:hover { background-position: 0 -38px; } #model_content_right ul#social_media_links { margin: 0; padding: 0; } #model_content_right ul#social_media_links li { float: left; } #model_content_right ul#social_media_links li a { display: block; margin-right: 10px; background: url(../images/nav/model-nav.png) 0 -237px no-repeat; width: 30px; height: 30px; text-indent: -9999px; } #model_content_right ul#social_media_links li a#facebook { background-position: 0 -237px; } #model_content_right ul#social_media_links li a#twitter { background-position: -37px -237px; } #model_content_right ul#social_media_links li a#send_friend { background-position: -74px -237px; } #model_content_wrap .testdrive_image { position: absolute; top: 20px; right: 20px; } #model_right h2.testdrive_title { margin-top: 20px; } #frontend_testdrive #model_right p { font-size: 14px; width: 500px; margin-top: 10px; } #motability_enquiry_form form, #frontend_testdrive form { margin: 60px 0; } #motability_enquiry_form .col_left, #frontend_testdrive .col_left { float: left; width: 50%; } #motability_enquiry_form .col_right, #frontend_testdrive .col_right { float: right; width: 50%; } #motability_enquiry_form .field, #frontend_testdrive .field { margin-top: 20px; } #motability_enquiry_form .field label, #frontend_testdrive .field label { display: block; font-weight: bold; margin-bottom: 3px; } #motability_enquiry_form input , #motability_enquiry_form textarea , #motability_enquiry_form select , #frontend_testdrive input, #frontend_testdrive textarea, #frontend_testdrive select { width: 300px; } #motability_enquiry_form input.submit , #motability_enquiry_form input.checkbox , #frontend_testdrive input.submit, #frontend_testdrive input.checkbox { width: auto; } #motability_enquiry_form textarea , #frontend_testdrive textarea { height:100px; } #motability_enquiry_form #preferred_date , #motability_enquiry_form #preferred_time , #motability_enquiry_form #postcode , #frontend_testdrive #preferred_date, #frontend_testdrive #preferred_time, #frontend_testdrive #postcode { width: 150px; } #motability_enquiry_form #field_newsletter label , #frontend_testdrive #field_newsletter label { font-weight: normal; font-size: 12px; width: 90%; float: left; } #motability_enquiry_form #field_newsletter input , #frontend_testdrive #field_newsletter input { float: right; } #motability_enquiry_form #field_forename , #frontend_testdrive #field_forename { margin-top: 45px; } #frontend_testdrive #field_callback { margin-top: 45px; } .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } /* ACCESSIBILITY */ body.textsize-large { font-size: 24px; } body.textsize-largest { font-size: 26px; } /* FOOTER */ #footer h3 { font-size: 20px; margin-bottom: 16px; } #footer p { margin-top: 10px; } #footer a { color: #fff; text-decoration: none; } #footer_nav a { color: #00eaff; } #footer a:hover { text-decoration: underline; } #footer ul { list-style-type: none; } #footer li { margin-top: 4px; } #footerwrap {width:960px; margin:0px auto; position: relative; } #footer img.resize { width: 70%; height: auto; } #footer { position: absolute; width: 100%; margin-top: 20px; padding:10px 0 0 0; height: auto; min-height: 460px; font-size:11px; background-color: #0c2d45; color: #fff; font-size: 0.45em; } #footer_col1 { background-color: #0c2d45; float: left; border-right: 1pt solid #fff; width: 20%; margin-left: 5%; padding: 16px; height: auto; } #footer_col2 { background-color: #0c2d45; float: left; width: 20%; padding: 16px; height: auto; } #footer_col3 { background-color: #0c2d45; float: left; border-right: 1pt solid #fff; border-left: 1pt solid #fff; width: 20%; padding: 16px; height: auto; } #footer_col4 { background-color: #0c2d45; float: left; width: 20%; padding: 16px; } #footer_col4 p { color: #fff; } #footer_full { position: absolute; width: 100%; background-color: #000; color: #fff; font-size: 0.5em; height: 60px; padding-left: 20px; } #footer_full a { color: #fff; text-decoration: underline; } #header { position:relative; } #header #logo {margin-top:30px; float: left; } #header #header_left { float: left; } #header #header_right { float: right; } #header #usernav { margin: 15px 0 0 0; padding: 0; text-align: right; } #header #usernav li { list-style: none; display: inline; color: #00d6e9; margin: 0; padding: 0; float: right; clear: both;} #header #usernav li a { color: #00d6e9; text-decoration: none; } #header #usernav li a:hover { color: #00d6e9; text-decoration: underline; } #header #usernav li { padding-left: 15px; } #header #usernav li.home { padding-right: 10px; } #header #usernav li.strapline { color: #fff; } #header #contact_us { font-size: 1.3em; font-weight: normal; text-align: right; margin-top: 10px; } .accessibility { position: absolute; right: 220px; top: 0; } .accessibility a.current { text-decoration: underline !important; } .accessibility .font-normal { font-size: 15px; } .accessibility .font-large { font-size: 20px; } .accessibility .font-largest { font-size: 30px; } #manufacturer_logos_wrap { float:left; width:100%; overflow:hidden; position:relative; } #manufacturer_logos { clear:left; float:left; list-style:none; margin: 14px 0 10px 0; padding:0; position:relative; left:50%; text-align:center; } #manufacturer_logos li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right: 50%; height: 80px; padding-right: 9px; } #manufacturer_logos li img { display: block; } #manufacturer_logos li.last-item { padding-right: 0; } #left_column { float :left; width: 241px; margin: 7px 0 0 0; } #right_column { float :right; margin: 7px 0 0 0; width: 710px; } #button_nav { width: 100%; overflow-y: hidden; height: 129px; margin: 10px 0 40px 0; } #button_nav li { list-style: none; display :block; float: left; } #button_nav li.first { background: url(../images/nav/button-nav-left.png) top left no-repeat; width: 15px; height: 129px; } #button_nav li.last { background: url(../images/nav/button-nav-right.png) top left no-repeat; width: 17px; height: 129px; } #button_nav li a { display :block; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; background: url(../images/nav/button-nav-repeat.png) top left repeat-x; font-weight: bold; height: 129px; } #button_nav li.padding { background: url(../images/nav/button-nav-repeat.png) top left repeat-x; width: 5px; height: 129px; } #button_nav img { margin: 12px 14px 0; } #banner_wrap_hot { position: relative; width: 960px; height: auto; z-index: 9999; margin-bottom: 20px; } #banner_controls_wrap_hot { background-color:#fff; position: absolute; bottom: 0; left: 0px; width: 960px; height: 30px; z-index: 5000; } #banner_controls_wrap_hot #banner_controls_hot { width: 100%; height: 30px; } #banner_controls_wrap_hot #banner_controls_hot ul { position: absolute; right: 0; } #banner_controls_wrap_hot #banner_controls_hot ul li { float: left; display: block; height: 30px; width: 10px; } #banner_controls_wrap_hot #banner_controls_hot ul li a { text-indent: -9999px; display: block; width: 10px; height: 30px; background: url(../images/buttons/banner_controls.png) -16px 8px no-repeat; } #banner_controls_wrap_hot #banner_controls_hot ul li a.current, #banner_controls_wrap_hot #banner_controls_hot ul li a:hover { text-indent: -9999px; display: block; width: 10px; height: 30px; background: url(../images/buttons/banner_controls.png) 0px 8px no-repeat; } #banner_controls_wrap_hot #banner_controls_hot ul li.arrow { display: block; width: 20px; height: 30px; background: url(../images/buttons/banner_controls.png) -33px 8px no-repeat; } #banner_hot { width: 960px; height: 247px; overflow: hidden; } #banner_wrap { position: relative; width: 709px; height: auto; z-index: 9999; margin-bottom: 20px; } #banner_controls_wrap { background-color:#fff; position: absolute; bottom: 0; left: 0px; width: 709px; height: 30px; z-index: 5000; } #banner_controls_wrap #banner_controls { width: 100%; height: 30px; position: relative; } #banner_controls_wrap #banner_controls ul { position: absolute; right: 0; } #banner_controls_wrap #banner_controls ul li { float: left; display: block; height: 30px; width: 10px; } #banner_controls_wrap #banner_controls ul li a { text-indent: -9999px; display: block; width: 10px; height: 30px; background: url(../images/buttons/banner_controls.png) -16px 8px no-repeat; } #banner_controls_wrap #banner_controls ul li a.current, #banner_controls_wrap #banner_controls ul li a:hover { text-indent: -9999px; display: block; width: 10px; height: 30px; background: url(../images/buttons/banner_controls.png) 0px 8px no-repeat; } #banner_controls_wrap #banner_controls ul li.arrow { display: block; width: 20px; height: 30px; background: url(../images/buttons/banner_controls.png) -33px 8px no-repeat; } #banner { width: 709px; height: 408px; overflow: hidden; } #banner_prev, #banner_next { text-indent: -9999px; display: block; width: 31px; height: 39px; background: url(../images/buttons/banner_prev_next.png) 0 0 no-repeat; position: absolute; top: 40%; z-index: 6000; } #banner_next { right: 0; background-position: -31px 0; } #manufacturer_content { margin: 20px 0 50px; width: 730px; } #manufacturer_content li { width: 232px; height: 179px; background: url(../images/box-backgrounds/new-car-background-ford.gif) no-repeat; list-style: none; float: left; margin: 0 0 5px 0; position: relative; text-align: center; } #manufacturer_content li.manu_logo_small { background: url(../images/box-backgrounds/new-car-background-small.jpg) no-repeat; width: 160px; height: 126px; } #manufacturer_content li a img { margin-top: 0px; position: absolute; bottom: 42px; left: 25px; z-index: 1; } #manufacturer_content.vans li a img { margin-top: 0px; position: absolute; bottom: 50px; left: 25px; z-index: 1; } #new_default #manufacturer_content li a img { bottom: 37px; left: 20px; } #manufacturer_content li a img { margin-top: 0px; position: absolute; bottom: 48px; left: 25px; z-index: 1; } #new_default #manufacturer_content li a img { bottom: 37px; left: 20px; } #manufacturer_content li.manu_logo a img, #manufacturer_content li.manu_logo_small a img{ top: 0; left: 0; padding: 0; position: relative; } #manufacturer_content li.finance a img { margin-top: 43px; margin-left: -46px; position: relative; } #community_page li h3, #manufacturer_content li h3 { left: 0; bottom: 15px; } #manufacturer_content li .logo { position: absolute; top: 10px; left: 14px; z-index:999; } #manufacturer_content li h3 { position: absolute; text-align: center; left: 12px; bottom: 12px; width: 95%; font-size: 0.90em; } #manufacturer_content li h3 a { text-decoration: none; color: #000; font-weight: normal; font-size: 0.90em; } #manufacturer_content li h3 a:hover { text-decoration: underline; } #manufacturer_content li.manu_logo_small h3 { bottom: 7px; font-size: 13px; } #frontend_manufacturer { margin-top: 50px; } #frontend_manufacturer #manufacturer_content { margin-top: -20px; } #news_listing li { width: 708px; height: 161px; background-color: #0c2d45; color: #fff; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; list-style: none; position: relative; } #news_detail h3, #news_listing li h3 a { color: #00d6e9; text-decoration: none; font-size: 28px; } #news_listing li h3 a:hover { text-decoration: underline; } #news_listing li div { width: 480px; position: relative; height: 100%; } #news_listing li img { position: absolute; top: 10px; right: 10px; } #news_listing div div.summary { height: auto; position: absolute; bottom: 0; left: 0; width: 340px; font-size: 13px; } #news_detail .date, #news_listing div div.summary .date { color: #00d6e9; font-weight: bold; } #news_listing .read_more { display: block; width: 118px; height: 39px; text-indent: -9999px; position: absolute; bottom: 10px; right: 0; } #news_detail { position: relative; background-color: #0c2d45; color: #fff; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-bottom: 30px; } #news_detail .image_reel { float: right; margin: 0 0 20px 20px; border: 2px solid #02b8cc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #news_detail .image_reel img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #news_detail .date { margin-top: 20px; } #news_detail .back { margin: 20px 0; color: #00d6e9; } #news_detail .back a { font-weight: bold; color: #00d6e9; text-decoration: none; } #news_detail .back a:hover { text-decoration: underline; } #news_paging li { list-style: none; display: inline; color: #fff; } #news_paging li a { color: #fff; } #news_paging li a:hover { color: #00d6e9; } #news_paging li a:current { color: #00d6e9; } #community_listing li { background: url(../images/community-background.png) top left no-repeat; display: block; width: 229px; height: 175px; margin: 0 11px 11px 0; float: left; position: relative; text-align: center; } #community_listing li.enditem { margin-right: 0; } #community_listing li h3 { position: absolute; bottom: 5px; width: 100%; margin: auto; } #community_listing li h3 a { color: #0c2d45; text-decoration: none; } #community_listing li h3 a:hover { color: #0c2d45; text-decoration: underline; } #community_detail #banner_wrap { margin-bottom: 20px; width: 100%; height: 100%; } #community_detail .image_reel { background-color: #fff; } #event_listing li {width: 708px; height: 161px; background-color: #0c2d45; color: #fff; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; list-style: none; position: relative; } #event_detail h3, #event_listing li h3 a { color: #00d6e9; text-decoration: none; font-size: 28px; } #event_listing li h3 a:hover { text-decoration: underline; } #event_listing li div { width: 480px; position: relative; height: 100%; } #event_listing li img { position: absolute; top: 10px; right: 10px; } #event_listing div div.summary { height: auto; position: absolute; bottom: 0; left: 0; width: 340px; font-size: 13px; } #event_detail .date, #event_listing div div.summary .date { color: #00d6e9; font-weight: bold; } #event_listing .read_more { display: block; width: 118px; height: 39px; text-indent: -9999px; position: absolute; bottom: 10px; right: 0; } #event_detail { position: relative; background-color: #0c2d45; color: #fff; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-bottom: 30px; } #event_detail .image_reel { float: right; margin: 0 0 20px 20px; border: 2px solid #02b8cc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #event_detail .image_reel img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #event_detail .date { margin-top: 20px; } #event_detail .back { margin: 20px 0; color: #00d6e9; } #event_detail .back a { font-weight: bold; color: #00d6e9; text-decoration: none; } #event_detail .back a:hover { text-decoration: underline; } #dealership_page { position: relative; } #dealership_map_wrap { position: relative; margin-bottom: 20px; } #dealership_map { width: 100%; height: 400px; } #dealership_page .image_wrap { margin-top: 55px; position: relative; clear: both; } #dealership_controls { position: absolute; top: 0; right: 0; height: 55px; display: block; } #dealership_controls li { float: right; margin-left: 10px; list-style: none; } #dealership_controls li a { text-indent: -9999px; display: block; height: 54px; width: 160px; } #dealership_controls li#view_as_list a { background: url(../images/buttons/dealership_controls.png) 0 -110px no-repeat; } #dealership_controls li#view_as_list a:hover { background: url(../images/buttons/dealership_controls.png) 0 -55px no-repeat; } #dealership_controls li#view_as_list a.active { background: url(../images/buttons/dealership_controls.png) 0 0 no-repeat; } #dealership_controls li#view_on_map a { background: url(../images/buttons/dealership_controls.png) -170px -110px no-repeat; } #dealership_controls li#view_on_map a:hover { background: url(../images/buttons/dealership_controls.png) -170px -55px no-repeat; } #dealership_controls li#view_on_map a.active { background: url(../images/buttons/dealership_controls.png) -170px 0 no-repeat; } .dealership_map_box { background-color: #0c2d45; position: relative; height: 144px; width: 100%; margin-top: 20px; } .dealership_map_box h3 { color: #00d6e9; font-size: 20px; position: absolute; top: 10px; left: 10px; } #map_manufacturer_list_wrap { float:left; width:100%; overflow:hidden; position: absolute; top: 55px; left: 0; } #map_manufacturer_list { clear:left; float:left; list-style:none; margin: 0; padding:0; position:relative; left:50%; text-align:center; } #map_manufacturer_list li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; height: 120px; padding-right: 0; } #map_manufacturer_list li a { display: block; width: 80px; height: 82px; text-indent: -9999px; background: url(../images/icons/dealership_map_manu_icons.jpg) no-repeat 0 0; } #map_manufacturer_list li.last-item { padding-right: 0; } #map_service_list_wrap { float:left; width:100%; overflow:hidden; position: absolute; top: 55px; left: 0; } #map_service_list{ clear:left; float:left; list-style:none; margin: 0; padding:0; position:relative; left:50%; text-align:center; } #map_service_list li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; height: 120px; padding: 0 7px; } #map_service_list li a { display: block; width: 80px; height: 82px; text-indent: -9999px; background: url(../images/icons/dealership_map_icons.jpg) no-repeat 0 0; } #map_overlay { width: 100%; height: 25px; background-color: #000; color: #fff; position: absolute; bottom: 0; left: 0; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } #map_overlay a { color: #fff; margin-left: 10px; line-height: 25px; font-weight: bold; text-decoration: none; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .vacancy_map #map_overlay a { color: #00d6e9; background:url(../images/icons/left_arrow.png) 0 0 no-repeat; padding-left: 15px; } #map_overlay a:hover { text-decoration: underline; } #map_service_list li a#map_service_new-car-sales { background-position: -12px 0; width: 67px; } #map_service_list li.active a#map_service_new-car-sales, #map_service_list li a#map_service_new-car-sales:hover { background-position: -12px -82px; } #map_service_list li a#map_service_used-car-sales { background-position: -91px 0; width: 55px; } #map_service_list li.active a#map_service_used-car-sales, #map_service_list li a#map_service_used-car-sales:hover { background-position: -91px -82px; } #map_service_list li a#map_service_new-vans-sales { background-position: -160px 0; width: 53px; } #map_service_list li.active a#map_service_new-vans-sales, #map_service_list li a#map_service_new-vans-sales:hover { background-position: -160px -82px; } #map_service_list li a#map_service_used-vans-sales { background-position: -227px 0; width: 54px; } #map_service_list li.active a#map_service_used-vans-sales, #map_service_list li a#map_service_used-vans-sales:hover { background-position: -227px -82px; } #map_service_list li a#map_service_commercial-sales { background-position: -294px 0; width: 62px; } #map_service_list li.active a#map_service_commercial-sales, #map_service_list li a#map_service_commercial-sales:hover { background-position: -294px -82px; } #map_service_list li a#map_service_commercial-service { background-position: -367px 0; width: 63px; } #map_service_list li.active a#map_service_commercial-service, #map_service_list li a#map_service_commercial-service:hover { background-position: -367px -82px; } #map_service_list li a#map_service_service-mot { background-position: -442px 0; width: 49px; } #map_service_list li.active a#map_service_service-mot, #map_service_list li a#map_service_service-mot:hover { background-position: -442px -82px; } #map_service_list li a#map_service_bodyshop { background-position: -502px 0; width: 53px; } #map_service_list li.active a#map_service_bodyshop, #map_service_list li a#map_service_bodyshop:hover { background-position: -502px -82px; } #map_service_list li a#map_service_rapidfit { background-position: -566px 0; width: 37px; } #map_service_list li.active a#map_service_rapidfit, #map_service_list li a#map_service_rapidfit:hover { background-position: -566px -82px; } #map_service_list li a#map_service_rental { background-position: -617px 0; width: 33px; } #map_service_list li.active a#map_service_rental, #map_service_list li a#map_service_rental:hover { background-position: -617px -82px; } #map_service_list li a#map_service_parts { background-position: -663px 0; width: 30px; } #map_service_list li.active a#map_service_parts, map_service_list li a#map_service_parts:hover { background-position: -663px -82px; } #map_manufacturer_list li { margin: 0 3px; } #map_manufacturer_list li a#map_manufacturer_ford { background-position: 0 -81px; width: 55px; } #map_manufacturer_list li.active a#map_manufacturer_ford, #map_manufacturer_list li a#map_manufacturer_ford:hover { background-position: 0 0; } #map_manufacturer_list li a#map_manufacturer_peugeot { background-position: -58px -81px; width: 55px; } #map_manufacturer_list li.active a#map_manufacturer_peugeot, #map_manufacturer_list li a#map_manufacturer_peugeot:hover { background-position: -58px 0; } #map_manufacturer_list li a#map_manufacturer_renault { background-position: -116px -81px; width: 55px; } #map_manufacturer_list li.active a#map_manufacturer_renault, #map_manufacturer_list li a#map_manufacturer_renault:hover { background-position: -116px 0; } #map_manufacturer_list li a#map_manufacturer_dacia { background-position: -174px -81px; width: 55px; } #map_manufacturer_list li.active a#map_manufacturer_dacia, #map_manufacturer_list li a#map_manufacturer_dacia:hover { background-position: -174px 0; } #map_manufacturer_list li a#map_manufacturer_nissan { background-position: -232px -81px; width: 55px; } #map_manufacturer_list li.active a#map_manufacturer_nissan, #map_manufacturer_list li a#map_manufacturer_nissan:hover { background-position: -232px 0; } #map_manufacturer_list li a#map_manufacturer_mazda { background-position: -290px -81px; width: 55px; } #map_manufacturer_list li.active a#map_manufacturer_mazda, #map_manufacturer_list li a#map_manufacturer_mazda:hover { background-position: -290px 0; } #map_manufacturer_list li a#map_manufacturer_fiat { background-position: -348px -81px; width: 55px; } #map_manufacturer_list li.active a#map_manufacturer_fiat, #map_manufacturer_list li a#map_manufacturer_fiat:hover { background-position: -348px 0; } #map_manufacturer_list li a#map_manufacturer_chrysler { background-position: -406px -81px; width: 68px; } #map_manufacturer_list li.active a#map_manufacturer_chrysler, #map_manufacturer_list li a#map_manufacturer_chrysler:hover { background-position: -406px 0; } #map_manufacturer_list li a#map_manufacturer_jeep { background-position: -495px -81px; width: 55px; } #map_manufacturer_list li.active a#map_manufacturer_jeep, #map_manufacturer_list li a#map_manufacturer_jeep:hover { background-position: -495px 0; } #map_manufacturer_list li a#map_manufacturer_alfa-romeo { background-position: -558px -81px; width: 55px; } #map_manufacturer_list li.active a#map_manufacturer_alfa-romeo, #map_manufacturer_list li a#map_manufacturer_alfa-romeo:hover { background-position: -558px 0; } #map_manufacturer_list li a#map_manufacturer_abarth { background-position: -616px -81px; width: 55px; } #map_manufacturer_list li.active a#map_manufacturer_abarth, #map_manufacturer_list li a#map_manufacturer_abarth:hover { background-position: -616px 0; } #dealership_listing { margin-top: 55px; } .dealer_map_popup { background-color: #0c2d45; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; height: 170px; width: 380px; } .dealer_map_popup img { position: absolute; margin-top: 5px; right: 10px; bottom: 20px; height: 120px; } .dealer_map_popup a { color: #fff; text-decoration: none; } .dealer_map_popup a:hover { text-decoration: underline; } #dealership_listing li { width: 690px; height: 120px; background-color: #0c2d45; color: #fff; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; list-style: none; position: relative; } #dealership_detail h3, #dealership_listing li h3 a { color: #fff; text-decoration: none; font-size: 24px; } #dealership_listing li h3 a:hover { text-decoration: underline; } #dealership_listing li div { width: 480px; position: relative; height: 100%; } #dealership_listing li img { position: absolute; top: 10px; right: 10px; } #dealership_listing .full_details { display: block; width: 118px; text-indent: -9999px; margin-top: 20px; position: absolute; top: 44px; left: 54px;} #dealership_detail #dealership_map { margin: 0 0 20px; } #dealership_detail .address { margin-bottom: 20px; } #dealership_detail a { color: #00d6e9; text-decoration: none; } #dealership_detail a:hover { text-decoration: underline; } .dealership_nav_image { position: relative; } .dealership_nav_image span { position: absolute; display: block; bottom: 0px; left: 0; height: 30px; color: #fff; padding: 2px 10px; width: 220px; background-color: #000; font-size: 12px; font-weight: bold; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .dealership_nav_image img { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } /* QUICK SEARCH */ .tabs li { float: left; display: block; } .tabs li a { display: block; width: 100px; height: 40px; background-repeat: no-repeat; text-indent: -2000px; } .tabs li a#tab_used_car_search { background-image: url(../images/used_search_nav.jpg); } .tabs li a#tab_used_car_search:hover, .tabs li.active a#tab_used_car_search { background-position: 0 -41px; } .tabs li a#tab_comm_car_search { width: 140px; background-image: url(../images/used_search_nav.jpg); background-position: -100px -41px; } .tabs li a#tab_comm_car_search:hover, .tabs li.active a#tab_comm_car_search { background-position: -100px 0; } .quick_search, #used_car_search { background-color: #0C2D45; padding: 10px; position: relative; } #vans_quick_search .quick_search { background-color: #333; } .quick_search label, #used_car_search label { font-weight: bold; } .quick_search select, #used_car_search select, #used_car_search input.text { height: 18px; font-size: 0.7em; width: 148px; margin: 5px 0 10px; } #used_car_search input.text { padding: 0; } .quick_search .search_button, #used_car_search .search_button { margin-top: 10px; } #new_car_search .search_button { margin-top: 10px; } .quick_search #advanced, #used_car_search #advanced { position: absolute; bottom: 10px; right: 10px; } .quick_search #advanced a, #used_car_search #advanced a { color: #03ACC0; text-decoration: none; font-size:0.8em; font-weight: bold; } .quick_search #advanced a:hover, #used_car_search #advanced a:hover { text-decoration: underline; } #vans_quick_search .quick_search #advanced a { color: #fff; } .social_media { margin-left: 20px; width: 170px; float: right; } .social_media img { margin-bottom: 20px; } #offer_results li { height: 247px; list-style: none; margin: 10px 0px 10px 0px; padding-top: 20px; position: relative; } #offer_results li .left { width: 750px; float: left; background-color: #0C2D45; height: 200px; position: relative; padding: 20px; } .offer_pic { border: 1px solid #f00; float: left; width: 270px; height: 200px; position: relative; } .offer_pic .overlay { background: url(../images/overlays/hot_offers.png) top left no-repeat; z-index: 10; position: absolute; top: 0; left: 0; width: 94px; height: 94px; } #offer_results .car_image { width: 270px; height: 200px; z-index: 9; } #offer_results li .left .details { float: left; margin-left: 20px; position: relative; width: 370px; height: 100%; } #offer_results li .left .details .car_icons { position: absolute; bottom: 10px; left: 0; height: 45px; width: 100%; clear: left; } #offer_results li .left .details .car_icons li { display: block; float: left; margin-right: 20px; width: auto; position: relative; text-align: left; height: 100%; } #offer_results li .left .details .car_icons li a { display: block; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold; position: absolute; width: auto; height: 15px; bottom: 0; } #offer_results li .left .details .car_icons li.icon_photos { width: 62px; } #offer_results li .left .details .car_icons li.icon_photos a { padding-top: 30px; height: 15px; background: url(../images/icons/used-results-all.png) 14px 0 no-repeat; } #offer_results li .left .details .car_icons li.icon_favourites { width: 126px; } #offer_results li .left .details .car_icons li.icon_favourites a { padding-top: 30px; height: 15px; background: url(../images/icons/used-results-all.png) -55px 0 no-repeat; } #offer_results li .left .details .car_icons li.icon_compare { background: url(../images/icons/used-results-all.png) -163px 0 no-repeat; width: 93px; } #offer_results li .left .details .car_icons li.icon_compare a { padding-top: 30px; height: 15px; background: url(../images/icons/used-results-all.png) -163px 0 no-repeat; } #offer_results li h3 { font-size: 23px; } #offer_results li .left .details p { font-size: 14px; font-weight: bold; } #offer_results li .left .details p.summary { font-weight: normal; margin-top: 10px; } #offer_results li .right { float: right; width: 127px; height: 200px; background-color: #0C2D45; padding: 20px; position: relative; text-align: center; } #offer_results li .right ul, #offer_results li .right li { height: auto; padding: 0; margin: 0; } #offer_results li .right ul { margin-top: 20px; } #offer_results li .right li { margin-top: 5px; list-style: disc inside; } #search_results .test_drive, #offer_results .test_drive { background: url(../images/buttons/button_book_testdrive_default.jpg) top left no-repeat; width: 128px; height: 48px; text-indent: -9999px; display: block; position: absolute; bottom: 57px; left: 20px; } #search_results .full_details, #offer_results .full_details { background: url(../images/buttons/button_full_details_default.jpg) top left no-repeat; width: 128px; height: 27px; text-indent: -9999px; display: block; position: absolute; bottom: 20px; left: 20px; } #offer_results .overlay .view_offer { background: url(../images/buttons/view-offer.png) top left no-repeat; width: 163px; height: 92px; text-indent: -9999px; display: block; position: absolute; top: 0; right: -2px; } #field_mobile { position: relative; } #car_reg_button { position: absolute; top: 0px; left: 320px; } #mobile_popup_button { position: absolute; top: 0px; left: 320px; } .mobile_popup { border: none; } .ui-dialog { z-index: 10000 !important; } .ui-widget-overlay { z-index: 9999 !important; } .mobile_popup .ui-dialog-titlebar { display:none !important; } .mobile_popup .ui-dialog-titlebar-close { display: block; } .mobile_popup { background: url(../images/popups/popup_mobile_bg.png) top left no-repeat !important; border: 0px solid #fff !important; } #dialog_mobile_popup { position: relative; } #dialog_mobile_popup #close_dialog_mobile_popup { background: url(../images/popups/close.jpg) top left no-repeat !important; display: block; width: 21px; height: 21px; text-indent: -9999px; position: absolute; top: 10px; right: 20px; } #dialog_mobile_popup h3 { margin-top: 10px; width: 332px; height: 55px; text-indent: -9999px; background: url(../images/popups/mobile_title.jpg) top left no-repeat; } #dialog_mobile_popup p { margin-top: 10px; font-size: 14px; font-weight: bold; } #field_address { position: relative; } #address_popup_button { position: absolute; top: 0px; left: 320px; } .address_popup { border: none; } .address_popup .ui-dialog-titlebar { display:none !important; } .address_popup .ui-dialog-titlebar-close { display: block; } .address_popup { background: url(../images/popups/popup_mobile_bg.png) top left no-repeat !important; border: 0px solid #fff !important; } #dialog_address_popup { position: relative; } #dialog_address_popup #close_dialog_address_popup { background: url(../images/popups/close.jpg) top left no-repeat !important; display: block; width: 21px; height: 21px; text-indent: -9999px; position: absolute; top: 10px; right: 20px; } #dialog_address_popup h3 { margin-top: 10px; width: 332px; height: 55px; text-indent: -9999px; background: url(../images/popups/get_my_address.jpg) top left no-repeat; } #dialog_address_popup p { margin-top: 10px; font-size: 14px; font-weight: bold; } #field_email { position: relative; } #email_popup_button { position: absolute; top: 0px; left: 320px; } .email_popup { border: none; } .email_popup .ui-dialog-titlebar { display:none !important; } .email_popup .ui-dialog-titlebar-close { display: block; } .email_popup { background: url(../images/popups/popup_mobile_bg.png) top left no-repeat !important; border: 0px solid #fff !important; } #dialog_email_popup { position: relative; } #dialog_email_popup #close_dialog_email_popup { background: url(../images/popups/close.jpg) top left no-repeat !important; display: block; width: 21px; height: 21px; text-indent: -9999px; position: absolute; top: 10px; right: 20px; } #dialog_email_popup h3 { margin-top: 10px; width: 332px; height: 55px; text-indent: -9999px; background: url(../images/popups/email_title.jpg) top left no-repeat; } #dialog_email_popup p { margin-top: 10px; font-size: 14px; font-weight: bold; } .newsletter_popup { border: none; } .newsletter_popup .ui-dialog-titlebar { display:none !important; } .newsletter_popup .ui-dialog-titlebar-close { display: block; } .newsletter_popup { background: url(../images/popups/popup_mobile_bg.png) top left no-repeat !important; border: 0px solid #fff !important; } #dialog_newsletter { position: relative; } #dialog_newsletter #close_dialog_newsletter { background: url(../images/popups/close.jpg) top left no-repeat !important; display: block; width: 21px; height: 21px; text-indent: -9999px; position: absolute; top: 10px; right: 20px; } #dialog_newsletter h3 { margin-top: 10px; width: 220px; height: 26px; text-indent: -9999px; background: url(../images/titles/title_enewsletter.jpg) top left no-repeat; } #dialog_newsletter p { margin-top: 10px; font-size: 14px; font-weight: bold; width: 90%; } #dialog_newsletter input { margin: 10px 0 1px; width: 420px; height: 25px; } #dialog_newsletter .error { font-size: 13px; } #submit_newsletter_dialog { display: block; width:92px; height: 24px; background: url(../images/buttons/button_submit_form_dark.jpg) top left no-repeat; text-indent: -9999px; position: absolute; bottom: 40px; right: 30px; } #frontend_model .ui-dialog { padding: 0; } .send_friend_popup { border: none; padding: 0 !important; } .send_friend_popup .ui-dialog-titlebar { display:none !important; } .send_friend_popup .ui-dialog-titlebar-close { display: block; } .send_friend_popup { background: url(../images/popups/send_to_a_friend_footer.png) bottom left no-repeat !important; border: 0px solid #fff !important; } #dialog_send_friend_popup { position: relative; padding: 0; color: #000; overflow-x: hidden; } #dialog_send_friend_body { background-color: #fff; width: 300px; height: 360px; margin: 0; padding: 10px 20px 0; } #dialog_send_friend_popup #close_dialog_send_friend_popup { background: url(../images/popups/close.jpg) top left no-repeat !important; display: block; width: 21px; height: 21px; text-indent: -9999px; position: absolute; top: 10px; right: 10px; z-index: 999; } #dialog_send_friend_popup h3 { width: 340px; height: 64px; text-indent: -9999px; background: url(../images/popups/send_to_a_friend_header.png) top left no-repeat; } #dialog_send_friend_popup label { font-weight: bold; font-size: 14px; } #dialog_send_friend_popup input { height: 14px; font-size: 13px; display: block; margin-bottom: 14px; width: 100%; } #dialog_send_friend_popup textarea { font-size: 13px; margin-bottom: 14px; width: 100%; height: 90px; } #dialog_send_friend_popup p { margin-top: 10px; font-size: 14px; font-weight: bold; } #dialog_send_friend_popup #submit_form { height: 25px; width: 92px; background: url(../images/popups/submit_form_popup.jpg) top left no-repeat; display: block; text-indent: -9999px; margin-top: 20px; float: right; } .quick_enquiry_popup { border: none; padding: 0 !important; } .quick_enquiry_popup .ui-dialog-titlebar { display:none !important; } .quick_enquiry_popup .ui-dialog-titlebar-close { display: block; } .quick_enquiry_popup { background: url(../images/popups/send_to_a_friend_footer.png) bottom left no-repeat !important; border: 0px solid #fff !important; } #dialog_quick_enquiry_popup { position: relative; padding: 0; color: #000; overflow-x: hidden; } #dialog_quick_enquiry_body { background-color: #fff; width: 300px; height: 436px; margin: 0; padding: 10px 20px 0; } #dialog_quick_enquiry_popup #close_dialog_quick_enquiry_popup { background: url(../images/popups/close.jpg) top left no-repeat !important; display: block; width: 21px; height: 21px; text-indent: -9999px; position: absolute; top: 10px; right: 10px; z-index: 999; } #dialog_quick_enquiry_popup h3 { width: 340px; height: 60px; text-indent: -9999px; background: url(../images/popups/quick_enquiry_header.png) top left no-repeat; } #dialog_quick_enquiry_popup label { font-weight: bold; font-size: 12px; } #dialog_quick_enquiry_popup input { height: 14px; font-size: 12px; display: block; margin-bottom: 10px; width: 100%; } #dialog_quick_enquiry_popup .styled { width: 19px; padding: 0 5px 0 0; clear: both; float: left; } #dialog_quick_enquiry_popup .styled p { font-size: 12px; } #dialog_quick_enquiry_popup textarea { font-size: 12px; margin-bottom: 8px; width: 100%; height: 70px; } #dialog_quick_enquiry_popup p { font-size: 12px; font-weight: bold; } #dialog_quick_enquiry_popup #submit_form { height: 43px; width: 156px; background: url(../images/buttons/new/send-green.png) top left no-repeat; display: block; text-indent: -9999px; margin-top: 10px; float: right; } .class label { font-size: 10px; } .ui_widget-overlay { background: #000 !important; } #customer_login_wrap { float: left; } #customer_login_wrap h2 { text-indent: -9999px; padding: 0; margin: 0; background: url(../images/titles/title_login.jpg) -1px 0 no-repeat; width: 372px; height: 44px; display: block; } #customer_login_wrap div#div_login { padding: 15px 10px 30px; width: 350px; margin: 0; position: relative; background: url(../images/backgrounds/login_box_footer.jpg) left bottom no-repeat #00d6e9; } #customer_login_wrap .field { margin-bottom: 25px; } #customer_login_wrap label { width: 90px; color: #0f5a90; font-weight: bold; display: block; font-size: 14px; float: left; height: 25px; line-height: 25px; } #customer_login_wrap input { height: 25px; width: 250px; float: left; } #customer_login_wrap input.submit { width: auto; height: auto; } #customer_login_wrap #field_remember_me { margin: -15px 0 0 0; } #customer_login_wrap #field_remember_me input { margin-left: 90px; } #customer_login_wrap #field_remember_me label { width: auto; } #customer_login_wrap #field_login { text-align: right; } #customer_login_wrap #field_login input { width: auto; float: none; margin-right: 5px; } #customer_login_wrap .seperator { height: 2px; width: 100%; background: url(../images/backgrounds/seperator.jpg) top left repeat-x; margin: 0 auto; } #customer_login_wrap h3 { margin: 20px 0; font-size: 15px; font-weight: bold; color: #0d5081; } #customer_login_wrap p { color: #0d5081; font-size: 14px; width: 90%; } #customer_login_wrap #button_reset_password { margin-right: 5px; float: right; } #customer_title_or { float: left; margin: 0; padding: 0; background: url(../images/titles/title_or.jpg) top left no-repeat; width: 155px; height: 100px; } #customer_care_wrap h2 { text-indent: -9999px; padding: 0; margin: 0;background: url(../images/titles/title_customer_care.jpg) -1px 0 no-repeat; width: 710px; height: 44px; display: block; } #customer_care_wrap div#div_register { padding: 15px 10px 0; width: 689px; margin: 0; position: relative; background: url(../images/backgrounds/customer_care_footer.jpg) left bottom no-repeat #00d6e9; } #customer_care_wrap .field { margin-bottom: 25px; } #customer_care_wrap label { width: 150px; color: #0f5a90; font-weight: bold; display: block; font-size: 14px; float: left; height: 25px; line-height: 25px; } #customer_care_wrap input { height: 25px; width: 250px; float: left; } #customer_care_wrap input.submit { width: auto; height: auto; } #customer_care_wrap #field_newsletter label { width: auto; margin-right: 10px; } #customer_care_wrap #field_register { text-align: right; } #customer_care_wrap #field_register input { width: auto; float: none; margin-right: 5px; } #customer_care_wrap p { color: #0d5081; font-size: 11px; font-weight: bold; } #customer_care_top h3 { color: #ffffff; font-size: 16px; padding-top: 20px; padding-bottom: 6px; } #customer_care_top p { color: #ffffff; font-size: 14px; font-weight: normal; line-height: 16px; margin-top: 10px; width: 100%; } #customer_care_top ol { margin-left: 20px; padding-left: 30px; color: #ffffff; font-size: 14px; font-weight: normal; line-height: 16px; width: 80%; margin-top: 15px; } #customer_care_top li { padding-left: 10px; color: #ffffff; font-size: 14px; font-weight: normal; line-height: 16px; } #customer_register_wrap { float: left; } #customer_register_wrap table td { width: 100px; } #customer_register_wrap h2 { text-indent: -9999px; padding: 0; margin: 0; background: url(../images/titles/title_register_account.jpg) -1px 0 no-repeat; width: 433px; height: 44px; display: block; } #customer_register_wrap div#div_register { padding: 15px 10px 0; width: 411px; margin: 0; position: relative; background: url(../images/backgrounds/register_box_footer.jpg) left bottom no-repeat #00d6e9; } #customer_register_wrap .field { margin-bottom: 25px; } #customer_register_wrap label { width: 150px; color: #0f5a90; font-weight: bold; display: block; font-size: 14px; float: left; height: 25px; line-height: 25px; } #customer_register_wrap input { height: 25px; width: 250px; float: left; } #customer_register_wrap input.submit { width: auto; height: auto; } #customer_register_wrap #field_newsletter label { width: auto; margin-right: 10px; } #customer_register_wrap #field_register { text-align: right; } #customer_register_wrap #field_register input { width: auto; float: none; margin-right: 5px; } #customer_register_wrap p { color: #0d5081; font-size: 11px; width: 90%; font-weight: bold; } #customer_register_wrap p#password_text { margin: 50px 0 20px; } #customer_register_wrap #button_reset_password { margin-right: 5px; float: right; } #customer_name_box { position: relative; background-color: #0c2d45; height: 35px; } #customer_name_box p { padding: 10px; line-height: 15px; font-weight: bold; font-size: 14px; } .account_block { background-color: #00d6e9; width: 709px; color: #0f5b92; position: relative; margin-bottom: 20px; font-size: 14px; } .account_block form { padding: 10px 10px 70px; } .account_block form .field { width: 100%; margin-top: 20px; } .account_block form label { width: 180px; display: block; float: left; font-weight: bold; line-height: 23px; } .account_block #active_email { margin-top: 10px; font-size: 11px; } .account_block #new_password_guidelines { font-size: 11px; margin-top: 20px; width: 90%; } .account_block form input { width: 250px; display: block; float: left; border: none; height: 23px; } .account_block .button { position: absolute; bottom: 10px; right: 10px; height: auto; } h3#header_e-newsletter { text-indent: -9999px; padding: 0; margin: 0; background: url(../images/titles/account_area.jpg) -1px 0 no-repeat; width: 100%; height: 44px; display: block; } h3#header_my-details { text-indent: -9999px; padding: 0; margin: 0; background: url(../images/titles/account_area.jpg) 0 -88px no-repeat; width: 100%; height: 44px; display: block; } h3#header_change-password { text-indent: -9999px; padding: 0; margin: 0; background: url(../images/titles/account_area.jpg) 0 -44px no-repeat; width: 100%; height: 44px; display: block; } #tab_newsletter { position: fixed; right: 0; top: 200px; width: 45px; height: 180px; background: url(../images/titles/enewsletter.png) top left; margin: 0; padding:0; cursor: pointer; z-index: 9999; } #finance_box { background-color: #6c6f70; position: relative; padding: 30px; margin-top: 30px; min-height: 600px; } .budget-calculator { margin: 30px; } .budget-calculator .field { float: left; width: 300px; height: 70px; } .budget-calculator input { margin-bottom: 16px; width: 100px; } .budget-calculator label { font-weight: bold; display: block; margin-bottom: 5px; } .budget-calculator #apr { width: 50px; } .budget-calculator #calculate_mpg_saving { background-color: #00D6E9; color: #073E65; display: block; width: 220px; height: 40px; font-weight: bold; text-decoration: none; line-height: 40px; text-align: center; font-size: 18px; margin-bottom: 20px; } .saving { margin-top: 20px; color: red; font-weight: bold; font-size: 14px; margin-bottom: 6px; } .budget-calculator #calculate_repayments:hover { color: #fff; } #images-next { display: block; text-indent: -9999px; background: url(../images/buttons/button_arrows.png) 0 0 no-repeat; width: 33px; height: 19px; float: left; } #images-prev { display: block; text-indent: -9999px; background: url(../images/buttons/button_arrows.png) 0 -19px no-repeat; width: 33px; height: 19px; float: left; } #image_counter { font-weight: bold; position: absolute; top: 100px; left: 90px; } #compare_car_box { background: url(../images/backgrounds/transparent-grey.png) 0 0 repeat; height: 300px; width: 100%; position: fixed; bottom: 0; z-index: 10000; text-align: center; } #compare_car_box #compare_content { width: 956px; margin: 0 auto; text-align: left; position: relative; } #comparison_navigation { position: absolute; top: 0; right: 0; } #comparison_navigation li { float: left; margin-left: 10px; list-style: none; } .comparison_hide { background: url(../images/buttons/comparison_buttons.png) 0 0 no-repeat; height: 21px; width: 60px; display: block; text-indent: -9999px; } .comparison_show { background: url(../images/buttons/comparison_buttons.png) -130px 0 no-repeat; height: 21px; width: 70px; display: block; text-indent: -9999px; } #comparison_close { background: url(../images/buttons/comparison_buttons.png) -53px 0 no-repeat; height: 21px; width: 70px; display: block; text-indent: -9999px; } #compare_car_box h3 { color: #00d6e9; font-size: 18px; margin-top: 10px; } .car_boxes { position: absolute; right: 0; margin-top: 10px; } .car_boxes>li { width: 155px; height: 230px; float: left; margin-left: 5px; list-style: none; background: url(../images/backgrounds/comparison_car_background_empty.png) 0 0 no-repeat; position: relative; text-align: center; } .car_boxes>li.has_car { background: url(../images/backgrounds/comparison_car_background_filled.png) 0 0 no-repeat; } .car_boxes li .close_box { display: none; text-indent: -9999px; position: absolute; bottom: 5px; right: 5px; background: url(../images/backgrounds/close_box.png) 0 0 no-repeat; height: 21px; width: 21px; } .car_boxes li.has_car .close_box { display: block; } .car_boxes li .car_box_content { height: 220px; background-color: #666; } .car_boxes li .compare_content ul { margin-top: 5px; } .car_boxes li .compare_content ul li { font-size: 14px; text-align: left; list-style: none; margin: 5px 0 0 10px; } .car_boxes li h4 { position: absolute; top: 40%; left: 40px; font-size: 24px; color: #999; } .car_boxes li.has_car h4 { display: none; } .car_boxes li.has_car h3 a { color: #0c2d45; font-size: 12px; } .car_boxes li.has_car h3 { font-size: 13px; } .car_boxes li.has_car img { margin-top: 5px; height: 80px; } .compare_key { position: absolute; left: 0; top: 110px; } .compare_key ul { margin-top: 10px; } .compare_key ul li { color: #fff; list-style: none; font-size: 14px; margin-top: 5px; } .corner_image { position: absolute; left: 0; top: 0; z-index: 9999; border: none !important; } /* --- ( Social Media Icons ) --- */ .addthis_toolbox.addthis_pill_combo a { float: left; } .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet, .addthis_toolbox.addthis_pill_combo a.addthis_counter { margin-top: -2px; } .addthis_button_compact .at15t_compact { margin-right: 4px; float: left; } /* --- ( As Seen On TV ) --- */ #as-seen-on-tv { background: #b59d5e; padding: 10px 40px 40px 40px; margin-top: 20px; } #as-seen-on-tv h2 { font-size: 1.5em; color: #000; padding: 0 0 10px 0; } #as-seen-on-tv h3 { font-size: 1.3em; color: #000; padding: 10px 0 0 0; } #as-seen-on-tv p { font-size: 0.9em; color: #000; padding: 5px 0 5px 0; } #as-seen-on-tv label { font-size: 1.0em; color: #000; padding: 10px; } #as-seen-on-tv select { font-size: 1.2em; font-weight: bold; color: #000; padding: 5px; } #as-seen-on-tv-logo { text-align: center; } #as-seen-on-tv ol { padding-left: 60px; padding-right: 60px; } #as-seen-on-tv ol li { padding-bottom: 10px; font-size: 1.0em; color: #fff; } /* --- ( Daylight ) --- */ #daylight { background: #f0b801; padding: 10px 40px 40px 40px; margin-top: 20px; } #daylight h2 { font-size: 1.5em; color: #000; padding: 0 0 10px 0; } #daylight h3 { font-size: 1.3em; color: #000; padding: 10px 0 0 0; } #daylight p { font-size: 0.9em; color: #000; padding: 5px 0 5px 0; } #daylight label { font-size: 1.0em; color: #000; padding: 10px; } #daylight select { font-size: 0.9em; font-weight: bold; color: #000; padding: 5px; } #daylight-logo { text-align: center; } #daylight ol { padding-left: 60px; padding-right: 60px; } #daylight ol li { padding-bottom: 10px; font-size: 1.0em; color: #000; } #daylight td { color: #000; } /* --- ( Van Week ) --- */ #van-week { background: #fff; padding: 10px 40px 40px 40px; margin-top: 20px; } #van-week h2 { font-size: 1.5em; color: #000; padding: 0 0 10px 0; } #van-week h3 { font-size: 1.3em; color: #000; padding: 10px 0 0 0; } #van-week p { font-size: 0.9em; color: #000; padding: 5px 0 5px 0; } #van-week label { font-size: 1.0em; color: #000; padding: 10px; } #van-week select { font-size: 1.2em; font-weight: bold; color: #000; padding: 5px; } #van-week-logo { text-align: center; } #van-week ol { padding-left: 60px; padding-right: 60px; } #van-week ol li { padding-bottom: 10px; font-size: 1.0em; color: #000; } #van-week td { color: #000; } #van-week input { font-size: 14px; border-radius: 6px; padding: 4px; } /* --- ( Recommendation ) --- */ #recommendation { background: #dc9bb4; padding: 10px 40px 40px 40px; margin-top: 20px; } #recommendation h2 { font-size: 1.5em; color: #000; padding: 0 0 10px 0; } #recommendation h3 { font-size: 1.3em; color: #000; padding: 10px 0 0 0; } #recommendation p { font-size: 0.9em; color: #000; padding: 5px 0 5px 0; } .checklist { list-style: none; margin: 0; padding: 0; } .checklist li { float: left; margin-right: 20px; background: url(../images/checkboxbg.png) no-repeat 0 0; width: 105px; height: 150px; position: relative; color: #000; margin-top: 20px; } .checklist li.selected { background-position: -105px 0; } .checklist li.selected .checkbox-select { display: none; } .checkbox-select { display: block; float: left; position: absolute; top: 118px; left: 10px; width: 85px; height: 23px; background: url(../images/select.gif) no-repeat 0 0; text-indent: -9999px; } .checklist li input { display: none; } a.checkbox-deselect { display: none; color: white; font-weight: bold; text-decoration: none; position: absolute; top: 120px; right: 10px; } .checklist li.selected a.checkbox-deselect { display: block; } .courtesy { display: hidden; } .checklist li.selected .courtesy { display: visible; } .checklist li label { display: block; text-align: center; padding: 8px; font-weight: bold; font-size: 12px; } .service_enquiry_form .frame { border-color: #fff; border-style: solid; border-width: 1px; padding: 20px; margin-bottom: 20px; background-color: #0c2d45;color: #fff; } .service-frame { border-color: #fff; border-style: solid; border-width: 1px; padding: 20px; margin-bottom: 20px; background-color: #0c2d45; color: #fff; } #new-enquiry { padding: 30px; } #new-enquiry p { font-size: 14px; color: #fff; padding: 5px 0 5px 0; } #new-enquiry a { font-size: 14px; color: #fff; padding: 5px 0 10px 0; } #new-enquiry table { font-size: 14px; color: #fff; padding: 5px 0 10px 0; } #brochure { background-color: silver; padding: 30px; } #brochure h2 { font-size: 18px; color: #000; padding: 10px 0 10px 0; } #brochure p { font-size: 14px; color: #000; padding: 5px 0 5px 0; } #brochure a { font-size: 14px; color: #000; padding: 5px 0 10px 0; } #brochure label { font-size: 14px; color: #000; padding: 10px; } #brochure select { font-size: 14px; color: #000; padding: 4px 4px 2px 2px; font-weight: bold; } #brochure option { font-size: 14px; color: #000; padding: 2px; font-weight: bold; } #brochure .field { font-size: 14px; color: #000; padding: 8px; } #brochure td { font-size: 14px; color: #000; padding: 4px; } #brochure .frame { border-style: solid; border-width: 2px; border-color: #fff; padding: 20px; margin: 30px; } #interest { background-color: #0c2d45; padding: 30px; } #interest h2 { font-size: 18px; color: #fff; padding: 10px 0 10px 0; } #interest p { font-size: 14px; color: #fff; padding: 5px 0 5px 0; } #interest a { font-size: 14px; color: #fff; padding: 5px 0 10px 0; } #interest label { font-size: 14px; color: #fff; padding: 10px; } #interest select { font-size: 14px; color: #000; padding: 4px 4px 2px 2px; font-weight: bold; } #interest option { font-size: 14px; color: #000; padding: 2px; font-weight: bold; } #interest .field { font-size: 14px; color: #000; padding: 8px; } #interest td { font-size: 14px; color: #fff; padding: 4px; } #interest .frame { border-style: solid; border-width: 2px; border-color: #fff; padding: 20px; margin: 30px; } .slide-out-div { width: 505px; height: 95px; background: #f2f2f2; border: #29216d 2px solid; z-index: 999; } .offer_content p { margin-bottom: 10px; text-align: center; } .offer_content h3 a { color: #00d6e9; text-decoration: none; text-align: center; } .offer_content h3 a:hover { text-decoration: underline; } .offer_content ul, .offer_content ol { margin: 20px 4px; } .offer_content ul li, .offer_content ol li { list-style-position: outside; margin-left: 20px; margin-bottom: 7px; } .offer_content .highlight { color: #00d6e9; } .offer_content a { color: #00d6e9; text-decoration: none; } .offer_content a:hover { text-decoration: underline; } .offer_images { float: right; width: auto; margin: 0 0 20px 20px; text-align: right; } .offer_images .img_wrap { margin-bottom: 20px; } .offer_content h3 { margin-bottom: 20px; text-align: center; } form.normal { margin: 50px 10px 10px 10px; border: solid 1px white; padding: 20px; } form.normal h4 { margin-bottom: 20px; } form.normal .field { display: block; margin-bottom: 5px; } form.normal .field label { width: 160px; float: left; display: block; } form.normal .field p { font-size: 12px; } form.normal .submit { margin-top: 20px; } #testimonial_list li { list-style:none; float: left; width: 40%; padding: 20px; height: 100px; position: relative; } #testimonial_list li span { font-size: 80px; position: absolute; top: 0; left: 0; } #testimonial_list p, #testimonial_list strong { padding-left: 40px; } #title_404 { margin-top: 40px; text-indent: -9999px; width: 216px; height: 38px; background: url(../images/titles/title_404.jpg) top left no-repeat; } #copy_404 { margin-top: 30px; font-size: 25px; color: #00d6e9; } .dealership_locator { float: left; left: 0; overflow: hidden; position: absolute; top: 55px; width: 670px; padding: 0 20px; margin-bottom: 20px; } .dealership_locator .field { float: left; margin-right: 20px; } .dealership_locator label { font-size: 12px; display: block; margin-bottom: 5px; } .dealership_locator #postcode { height: 14px; } .dealership_locator .submit { margin-top: 15px; border: 0; font-weight: bold; text-transform: uppercase; font-size: 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; color: #0C2D45; } .dealership_locator .submit:hover { color: #fff; background-color: #0C2D45; } #vff { border: #fff solid 1px; border-radius: 5px; padding: 20px; } #vff ol { margin-left: 40px; } #vff a { color: #fff; text-decoration: underline; } #vff a:hover { color: #000; } #vff h3 { text-align: center; } .registration { background: url(../images/regplate.png) no-repeat 0 0; width: 250px; height: 58px; } .registration input { background: none; margin-left: 28px; width: 191px; height: 30px; padding-top: 12px; border: none; font-size: 28px; font-weight: bold; text-transform: uppercase; text-align: center; } #slideout { position: fixed; top: 160px; right: 0; width: 40px; height: 100px; padding: 6px 0; text-align: center; background: #fff200; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #slideout_inner { position: fixed; top: 160px; right: -170px; background: #0c2d45; width: 120px; padding: 10px 25px 25px 25px; height: 76px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -o-transition-duration: 0.3s; text-align: left; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } #slideout:hover { right: 170px; } #slideout:hover #slideout_inner { right: 0; } #slideout_inner li { list-style-type: none; } #slideout_inner img { border: 1px #fff solid; margin-bottom: 6px; } #electric-tab { position: fixed; top: 280px; right: 0; width: 40px; height: 140px; padding: 6px 0; text-align: center; background: green; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } /* ---------- ( Page Titles ) ------------- */ #page titles { width: 100%; } #page-titles h1 { font-size: 24px; color: #fff; } #page-titles p { text-align: center; color: #fff; margin-bottom: 4px; } /* ---------- ( END Page Titles ) ------------- */ .enquire h3 a, .enquire h5 a { color: #fff; text-decoration: none; } .enquire h3 a:hover, .enquire h5 a:hover { text-decoration: underline; } body.vip { background: url(../images/backgrounds/vip-background.gif) #000 top left ; position: relative; width: 100%; } body.vip p, body.vip label, body.vip td { color: #fff; } body.vip h1 { color: #000; background-color: #fff; border-radius: 6px; border: solid #9f814b 4px; width: 100%; padding: 12px; } body.vip h2 { color: #000; margin: 20px 0 8px 0; background-color: #fff; border-radius: 6px; border: solid #9f814b 4px; width: 100%; padding: 12px; } body.vip h3 { color: #fff; margin: 20px 0 0 0; } body.vip select { color: #000; padding: 6px; font-weight: bold; border-radius: 5px; border: solid #9f814b 4px; font-size: 16px; } body.vip input { color: #000; padding: 6px; font-weight: bold; border-radius: 5px; border: solid #9f814b 4px; font-size: 16px; } body.vip ol { margin-left: 40px; color: #fff; } body.vip a { color: #fff; text-decoration: none; } body.vip a:hover { text-decoration: underline; } #vip ul { margin: 10px 0 10px 40px; color: #fff; } /* BRANDS */ body.july { background: #f89520; } body.july #new_car_left, body.july #new_car_middle, body.july #new_car_right { border: 3px solid #a62543; } /*------------------------------( FORD )------------------------------*/ body.ford { background: url(../images/backgrounds/background-ford-fade.png) top left repeat-x #91a4b1; } body.ford .border-top-left { background-position: -20px 0; } body.ford .border-top-right { background-position: -30px 0; } body.ford .border-bottom-left { background-position: -20px -10px; } body.ford .border-bottom-right { background-position: -30px -10px; } body.ford .border-top-left-5px { background-position: -10px 0; } body.ford .border-top-right-5px { background-position: -15px 0; } body.ford .border-bottom-left-5px { background-position: -10px -5px; } body.ford .border-bottom-right-5px { background-position: -15px -5px; } body.ford #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-ford.jpg); } body.ford #model_left ul li a { background-color: #42596B; font-size: 13px; } body.ford #model_left ul li.active a, body.ford #model_left ul li a:hover { background-color: #91A4B1; } body.ford #model_left { background: url(../images/backgrounds/model_nav_top_ford.jpg) top left no-repeat; } body.ford #model_left_footer { background: url(../images/backgrounds/model_nav_footer_ford.jpg) top left no-repeat; } body.ford .range_panel .header, body.ford .range_panel .body { background-color: #42596B; } body.ford #model_right{ background: url(../images/backgrounds/model_main_head_right_ford.jpg) top right no-repeat #42596B; } body.ford #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_ford.jpg) top left no-repeat; } body.ford #model_right table tr.row_odd td, body.ford #model_right table tr.row_odd th { background-color: #91A4B1; } body.ford .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } body.ford #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.ford #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.ford #home_button { background: url(../images/buttons/button-home-white.png) top right; } body.ford #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.ford #header #usernav li, body.ford #header #usernav li a, body.ford #header #usernav li a:hover { color: #fff; } body.ford #left_menu ul#large_nav #large_nav_new_van_hot_offers { background: url(../images/buttons/buttons-vans-ford.jpg) 0 -204px no-repeat; width: 239px; height: 102px; } body.ford #left_menu ul#large_nav #large_nav_new_van_hot_offers a { background: url(../images/buttons/buttons-vans-ford.jpg) 0 -204px no-repeat; width: 239px; height: 102px; } body.ford #left_menu ul.models { background: url(../images/backgrounds/left_menu_ford_top.jpg) top left no-repeat #42596b; } body.ford #left_menu ul#large_nav { width: 237px; } body.ford #left_menu ul#large_nav li { height: auto; background: none; } body.ford #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-ford.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.ford #left_menu #vans_nav ul#large_nav li a { background-image: url(../images/buttons/buttons-vans-ford.jpg); } body.ford #left_menu ul#large_nav a#new_offers { background-position: 0 0; } body.ford #left_menu ul#large_nav li.active a#new_offers, body.ford #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.ford #left_menu ul#large_nav a#new_vans { background-position: 0 -102px; height: 102px; } body.ford #left_menu ul#large_nav li.active a#new_vans, body.ford #left_menu ul#large_nav li a#new_vans:hover { background-position: -240px -102px ; } body.ford #left_menu ul#large_nav a#new_used { background-position: 0 -204px ; } body.ford #left_menu ul#large_nav li.active a#new_used, body.ford #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -204px ; } body.ford #left_menu ul#large_nav a#new_servicing { background-position: 0 -306px ; } body.ford #left_menu ul#large_nav li.active a#new_servicing, body.ford #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -306px ; } body.ford #left_menu ul#large_nav a#new_parts { background-position: 0 -408px ; } body.ford #left_menu ul#large_nav li.active a#new_parts, body.ford #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -408px ; } body.ford #left_menu ul#large_nav a#new_business { background-position: 0 -510px ; } body.ford #left_menu ul#large_nav li.active a#new_business, body.ford #left_menu ul#large_nav li a#new_business:hover { background-position: -240px -510px ; } body.ford #left_menu ul#large_nav a#new_finance { background-position: 0 -612px ; } body.ford #left_menu ul#large_nav li.active a#new_finance, body.ford #left_menu ul#large_nav li a#new_finance:hover { background-position: -240px -612px ; } body.ford #left_menu #vans_nav ul#large_nav li a#new_finance { background-position: 0 -102px ; } body.ford #left_menu #vans_nav ul#large_nav li.active a#new_finance, body.ford #left_menu #vans_nav ul#large_nav li a#new_finance:hover { background-position: -240px -102px ; } body.ford #left_menu ul#large_nav a#new_website { background-position: 0 -714px ; height: 117px; } body.ford #left_menu ul#large_nav li.active a#new_website, body.ford #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -714px ; } body.ford #left_menu #vans_nav ul#large_nav li a#new_website { background-position: 0 -612px ; } body.ford #left_menu #vans_nav ul#large_nav li.active a#new_website, body.ford #left_menu #vans_nav ul#large_nav li a#new_website:hover { background-position: -240px -612px ; } body.ford #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -331px no-repeat; } body.ford #used_results_header .paging a.current, body.ford #used_results_header .paging a:hover, body.ford #used_results_header span, body.ford #my-favourites a:hover { color: #296FA2; } body.ford #search_results li .left, body.ford #search_results li .right, body.ford #search_box_header, body.ford #search_box_fields { background-color: #42596B; color: #fff; } body.ford #used_results_header .paging a.current, body.ford #used_results_header .paging a:hover, body.ford #used_results_header span, body.ford #used_results_footer .paging a.current, body.ford #used_results_footer .paging a:hover, body.ford #used_results_footer span, body.ford #my-favourites a:hover { color: #42596B; } body.ford #search_results .full_details { background: url(../images/buttons/button_full_details_used-ford.jpg) top left no-repeat; } body.ford #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px -59px; } body.ford #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px -59px; } body.ford #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px -59px; } /*------------------------------( PEUGEOT )------------------------------*/ body.peugeot { background: url(../images/backgrounds/background-peugeot-fade.png) top right repeat-x #e1e1e1; } body.peugeot .border-top-left { background-position: -40px 0; } body.peugeot .border-top-right { background-position: -50px 0;} body.peugeot .border-bottom-left { background-position: -40px -10px; } body.peugeot .border-bottom-right { background-position: -50px -10px; } body.peugeot .border-top-left-5px { background-position: -20px 0; } body.peugeot .border-top-right-5px { background-position: -25px 0; } body.peugeot .border-bottom-left-5px { background-position: -20px -5px; } body.peugeot .border-bottom-right-5px { background-position: -25px -5px; } body.peugeot #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-peugeot.jpg); } body.peugeot #model_left ul li a { background-color: #182B49; font-family: arial; font-size: 13px; } body.peugeot #model_left ul li.active a, body.peugeot #model_left ul li a:hover { background-color: #E1E1E1; color: #000; } body.peugeot #model_left { background: url(../images/backgrounds/model_nav_top_peugeot.jpg) top left no-repeat; } body.peugeot #model_left_footer { background: url(../images/backgrounds/model_nav_footer_peugeot.jpg) top left no-repeat; } body.peugeot .range_panel .header, body.peugeot .range_panel .body { background-color: #182B49; } body.peugeot #model_right { background: url(../images/backgrounds/model_main_head_right_peugeot.jpg) top right no-repeat #182B49; } body.peugeot #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_peugeot.jpg) top left no-repeat; } body.peugeot #model_right table tr.row_odd td, body.peugeot #model_right table tr.row_odd th { background-color: #E1E1E1; color: #182B49; } body.peugeot .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } body.peugeot #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.peugeot #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.peugeot #home_button { background: url(../images/buttons/button-home-white.png) top right; } body.peugeot #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.peugeot #header #usernav li, body.peugeot #header #usernav li a, body.peugeot #header #usernav li a:hover { color: #fff; } body.peugeot #left_menu ul.models { background: url(../images/backgrounds/left_menu_peugeot_top.jpg) top left no-repeat #182b49; } body.peugeot #left_menu ul#large_nav { width: 237px; } body.peugeot #left_menu ul#large_nav li { height: auto; background: none; } body.peugeot #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-peugeot.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.peugeot #left_menu #vans_nav ul#large_nav li a { background-image: url(../images/buttons/buttons-vans-peugeot.jpg); } body.peugeot #left_menu ul#large_nav a#new_offers { background-position: 0 0 ; } body.peugeot #left_menu ul#large_nav li.active a#new_offers, body.peugeot #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.peugeot #left_menu ul#large_nav a#new_vans { background-position: 0 -102px; height: 102px; } body.peugeot #left_menu ul#large_nav li.active a#new_vans, body.peugeot #left_menu ul#large_nav li a#new_vans:hover { background-position: -240px -102px; } body.peugeot #left_menu ul#large_nav a#new_used { background-position: 0 -204px; } body.peugeot #left_menu ul#large_nav li.active a#new_used, body.peugeot #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -204px ; } body.peugeot #left_menu ul#large_nav a#new_servicing { background-position: 0 -306px; } body.peugeot #left_menu ul#large_nav li.active a#new_servicing, body.peugeot #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -306px; } body.peugeot #left_menu ul#large_nav a#new_parts { background-position: 0 -408px; } body.peugeot #left_menu ul#large_nav li.active a#new_parts, body.peugeot #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -408px; } body.peugeot #left_menu ul#large_nav a#new_business { background-position: 0 -510px; } body.peugeot #left_menu ul#large_nav li.active a#new_business, body.peugeot #left_menu ul#large_nav li a#new_business:hover { background-position: -240px -510px; } body.peugeot #left_menu ul#large_nav a#new_finance { background-position: 0 -612px; } body.peugeot #left_menu ul#large_nav li.active a#new_finance, body.peugeot #left_menu ul#large_nav li a#new_finance:hover { background-position: -240px -612px; } body.peugeot #left_menu #vans_nav ul#large_nav li a#new_website { background-position: 0 -612px; } body.peugeot #left_menu #vans_nav ul#large_nav li.active a#new_website, body.peugeot #left_menu #vans_nav ul#large_nav li a#new_website:hover { background-position: -240px -612px; } body.peugeot #left_menu ul#large_nav a#new_website { background-position: 0 -714px; height: 117px; } body.peugeot #left_menu ul#large_nav li.active a#new_website, body.peugeot #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -714px; } body.peugeot #left_menu #vans_nav ul#large_nav li a#new_finance { background-position: 0 -102px; } body.peugeot #left_menu #vans_nav ul#large_nav li.active a#new_finance, body.peugeot #left_menu #vans_nav ul#large_nav li a#new_finance:hover { background-position: -240px -102px; } body.peugeot #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -382px no-repeat; } body.peugeot #used_results_header, body.peugeot #used_results_header a, body.peugeot #used_results_footer, body.peugeot #used_results_footer a, body.peugeot #my-favourites a { color: #182B49; } body.peugeot #used_results_header .paging a.current, body.peugeot #used_results_header .paging a:hover, body.peugeot #used_results_header span, body.peugeot #used_results_footer .paging a.current, body.peugeot #used_results_footer .paging a:hover, body.peugeot #used_results_footer span, body.peugeot #my-favourites a:hover { color: #fff; } body.peugeot #search_results li .left, body.peugeot #search_results li .right, body.peugeot #search_box_header, body.peugeot #search_box_fields { background-color: #182B49; color: #fff; } body.peugeot #search_results .full_details { background: url(../images/buttons/button_full_details_used-peugeot.jpg) top left no-repeat; } body.peugeot #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px 0; } body.peugeot #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px 0; } body.peugeot #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px 0; } /*------------------------------( RENAULT )------------------------------*/ body.renault { background: url(../images/backgrounds/background-renault-fade.png) top left repeat-x #fff; } body.renault .required { color: #F2AF00; font-weight: bold; font-size: 1.2em; line-height: 100%; } body.renault .border-top-left { background-position: -60px 0; } body.renault .border-top-right { background-position: -70px 0; } body.renault .border-bottom-left { background-position: -60px -10px; } body.renault .border-bottom-right{ background-position: -70px -10px; } body.renault .border-top-left-5px { background-position: -30px 0; } body.renault .border-top-right-5px { background-position: -35px 0; } body.renault .border-bottom-left-5px { background-position: -30px -5px; } body.renault .border-bottom-right-5px { background-position: -35px -5px; } body.renault #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-renault.jpg); } body.renault #model_left ul li a { background-color: #6C6F70; font-size: 13px; } body.renault #model_left ul li.active a, body.renault #model_left ul li a:hover { background-color: #F2AF00; } body.renault #model_left { background: url(../images/backgrounds/model_nav_top_renault.jpg) top left no-repeat; } body.renault #model_left_footer { background: url(../images/backgrounds/model_nav_footer_renault.jpg) top left no-repeat; } body.renault .range_panel .header, body.renault .range_panel .body { background-color: #6C6F70; } body.renault #model_right { background: url(../images/backgrounds/model_main_head_right_renault.jpg) top right no-repeat #6C6F70; } body.renault #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_renault.jpg) top left no-repeat; } body.renault #model_right table tr.row_odd td, body.renault #model_right table tr.row_odd th { background-color: #828383; } body.renault .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } body.renault #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.renault #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.renault #home_button { background: url(../images/buttons/button-home-white.png) top left; } body.renault #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.renault #header #usernav li, body.renault #header #usernav li a, body.renault #header #usernav li a:hover { color: #fff; } body.renault #left_menu ul.models { background: url(../images/backgrounds/left_menu_renault_top.jpg) top left no-repeat #6c6f70; } body.renault #left_menu ul#large_nav { width: 237px; } body.renault #left_menu ul#large_nav li { height: auto; background: none; } body.renault #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-renault.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.renault #left_menu ul#large_nav a#new_offers { background-position: 0 0; } body.renault #left_menu ul#large_nav li.active a#new_offers, body.renault #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.renault #left_menu ul#large_nav a#electric { background-position: 0 -102px; height: 102px; } body.renault #left_menu ul#large_nav li.active a#electric, body.renault #left_menu ul#large_nav li a#electric:hover { background-position: -240px -102px; } body.renault #left_menu ul#large_nav a#new_vans { background-position: 0 -204px; height: 102px; } body.renault #left_menu ul#large_nav li.active a#new_vans, body.renault #left_menu ul#large_nav li a#new_vans:hover { background-position: -240px -204px; } body.renault #left_menu ul#large_nav a#new_used { background-position: 0 -306px; } body.renault #left_menu ul#large_nav li.active a#new_used, body.renault #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -306px; } body.renault #left_menu ul#large_nav a#new_servicing { background-position: 0 -408px; } body.renault #left_menu ul#large_nav li.active a#new_servicing, body.renault #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -408px; } body.renault #left_menu ul#large_nav a#new_parts { background-position: 0 -510px; } body.renault #left_menu ul#large_nav li.active a#new_parts, body.renault #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -510px; } body.renault #left_menu ul#large_nav a#new_business { background-position: 0 -612px; } body.renault #left_menu ul#large_nav li.active a#new_business, body.renault #left_menu ul#large_nav li a#new_business:hover { background-position: -240px -612px; } body.renault #left_menu ul#large_nav a#new_finance { background-position: 0 -714px; } body.renault #left_menu ul#large_nav li.active a#new_finance, body.renault #left_menu ul#large_nav li a#new_finance:hover { background-position: -240px -714px; } body.renault #left_menu ul#large_nav a#new_website { background-position: 0 -816px; height: 117px; } body.renault #left_menu ul#large_nav li.active a#new_website, body.renault #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -816px; } body.renault #left_menu #vans_nav ul#large_nav li a#new_finance { background-position: 0 -102px; } body.renault #left_menu #vans_nav ul#large_nav li.active a#new_finance, body.renault #left_menu #vans_nav ul#large_nav li a#new_finance:hover { background-position: -240px -102px; } body.renault #left_menu #vans_nav ul#large_nav li a { background-image: url(../images/buttons/buttons-vans-renault.png); } body.renault #left_menu #vans_nav ul#large_nav a#new_offers { background-position: 0 0; } body.renault #left_menu #vans_nav ul#large_nav li.active a#new_offers, body.renault #left_menu #vans_nav ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.renault #left_menu #vans_nav ul#large_nav a#new_used { background-position: 0 -102px; } body.renault #left_menu #vans_nav ul#large_nav li.active a#new_used, body.renault #left_menu #vans_nav ul#large_nav li a#new_used:hover { background-position: -240px -102px; } body.renault #left_menu #vans_nav ul#large_nav a#new_servicing { background-position: 0 -204px; } body.renault #left_menu #vans_nav ul#large_nav li.active a#new_servicing, body.renault #left_menu #vans_nav ul#large_nav li a#new_servicing:hover { background-position: -240px -204px; } body.renault #left_menu #vans_nav ul#large_nav a#new_parts { background-position: 0 -306px; } body.renault #left_menu #vans_nav ul#large_nav li.active a#new_parts, body.renault #left_menu #vans_nav ul#large_nav li a#new_parts:hover { background-position: -240px -306px; } body.renault #left_menu #vans_nav ul#large_nav a#new_business { background-position: 0 -408px; } body.renault #left_menu #vans_nav ul#large_nav li.active a#new_business, body.renault #left_menu #vans_nav ul#large_nav li a#new_business:hover { background-position: -240px -408px; } body.renault #left_menu #vans_nav ul#large_nav li a#new_website { background-position: 0 -512px; } body.renault #left_menu #vans_nav ul#large_nav li.active a#new_website, body.renault #left_menu #vans_nav ul#large_nav li a#new_website:hover { background-position: -240px -512px ; } body.renault #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -281px no-repeat; } body.renault #manufacturer_content li h3 a { text-transform: uppercase; } body.renault #used_results_header, body.renault #used_results_header a, body.renault #used_results_footer, body.renault #used_results_footer a, body.renault #my-favourites a { color: #6C6F70; } body.renault #used_results_header .paging a.current, body.renault #used_results_header .paging a:hover, body.renault #used_results_header span, body.renault #used_results_footer .paging a.current, body.renault #used_results_footer .paging a:hover, body.renault #used_results_footer span, body.renault #my-favourites a:hover { color: #000; } body.renault #search_results li .left, body.renault #search_results li .right, body.renault #search_box_header, body.renault #search_box_fields { background-color: #6C6F70; color: #fff; } body.renault #search_results .full_details { background: url(../images/buttons/button_full_details_used-renault.jpg) top left no-repeat; } body.renault #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px -236px; } body.renault #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px -236px; } body.renault #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px -236px; } /*DACIA*/ body.dacia { background: url(../images/backgrounds/background-dacia-fade.png) top left repeat-x #e1e1e1; } body.dacia .border-top-left { background-position: -20px 0; } body.dacia .border-top-right { background-position: -30px 0; } body.dacia .border-bottom-left { background-position: -20px -10px; } body.dacia .border-bottom-right { background-position: -30px -10px; } body.dacia .border-top-left-5px { background-position: -10px 0; } body.dacia .border-top-right-5px { background-position: -15px 0; } body.dacia .border-bottom-left-5px { background-position: -10px -5px; } body.dacia .border-bottom-right-5px { background-position: -15px -5px; } body.dacia .breadcrumbs span { color: #000; } body.dacia #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-dacia.jpg); } body.dacia #model_left ul li a { background-color: #6f7075; } body.dacia #model_left ul li.active a, body.dacia #model_left ul li a:hover { background-color: #6f7075; } body.dacia #model_left { background: url(../images/backgrounds/model_nav_top_dacia.jpg) top left no-repeat; } body.dacia #model_left_footer { background: url(../images/backgrounds/model_nav_footer_dacia.jpg) top left no-repeat; } body.dacia .range_panel .header, body.dacia .range_panel .body { background-color: #6f7075; } body.dacia #model_right{ background: url(../images/backgrounds/model_main_head_right_dacia.jpg) top right no-repeat #6f7075; } body.dacia #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_dacia.jpg) top left no-repeat; } body.dacia #model_right table tr.row_odd td, body.dacia #model_right table tr.row_odd th { background-color: #91A4B1; } body.dacia #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -331px no-repeat; } body.dacia .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } body.dacia #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.dacia #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.dacia #home_button { background: url(../images/buttons/button-home-white.png) top right; } body.dacia #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.dacia #header #usernav li, body.dacia #header #usernav li a, body.dacia #header #usernav li a:hover { color: #fff; } body.dacia #left_menu ul.models { background: url(../images/backgrounds/left_menu_dacia_top.jpg) top left no-repeat #6f7075; } body.dacia #left_menu ul#large_nav { width: 237px; } body.dacia #left_menu ul#large_nav li { height: auto; background: none; } body.dacia #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-dacia.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.dacia #left_menu ul#large_nav a#new_offers { background-position: 0 0; } body.dacia #left_menu ul#large_nav li.active a#new_offers, body.dacia #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.dacia #left_menu ul#large_nav a#new_used { background-position: 0 -102px ; } body.dacia #left_menu ul#large_nav li.active a#new_used, body.dacia #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -102px; } body.dacia #left_menu ul#large_nav a#new_servicing { background-position: 0 -204px; } body.dacia #left_menu ul#large_nav li.active a#new_servicing, body.dacia #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -204px; } body.dacia #left_menu ul#large_nav a#new_parts { background-position: 0 -306px; } body.dacia #left_menu ul#large_nav li.active a#new_parts, body.dacia #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -306px; } body.dacia #left_menu ul#large_nav a#new_business { background-position: 0 -408px; } body.dacia #left_menu ul#large_nav li.active a#new_business, body.dacia #left_menu ul#large_nav li a#new_business:hover { background-position: -240px -408px; } body.dacia #left_menu ul#large_nav a#new_finance { background-position: 0 -510px; } body.dacia #left_menu ul#large_nav li.active a#new_finance, body.dacia #left_menu ul#large_nav li a#new_finance:hover { background-position: -240px -510px; } body.dacia #left_menu ul#large_nav a#new_website { background-position: 0 -612px; height: 117px; } body.dacia #left_menu ul#large_nav li.active a#new_website, body.dacia #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -612px; } body.dacia #manufacturer_content { width: 730px; } body.dacia #manufacturer_content li { margin: -5px 0 0 -5px; background: url(../images/box-backgrounds/new-car-background-ford.gif) 0 -0 no-repeat; padding-top: 5px; width: 244px; height: 183px; } body.dacia #manufacturer_content li h3 { left: 0; bottom: 15px; } body.dacia #manufacturer_content li h3 a { color: #000; font-weight: normal; font-size: 0.95em; } body.dacia #used_results_header .paging a.current, body.dacia #used_results_header .paging a:hover, body.dacia #used_results_header span, body.dacia #my-favourites a:hover { color: #296FA2; } body.dacia #search_results li .left, body.dacia #search_results li .right, body.dacia #search_box_header, body.dacia #search_box_fields { background-color: #42596B; color: #fff; } body.dacia #used_results_header .paging a.current, body.dacia #used_results_header .paging a:hover, body.dacia #used_results_header span, body.dacia #my-favourites a:hover { color: #42596B; } body.dacia #search_results .full_details { background: url(../images/buttons/button_full_details_used-peugeot.jpg) top left no-repeat; } body.dacia #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px -59px; } body.dacia #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px -59px; } body.dacia #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px -59px; } /*------------------------------( NISSAN )------------------------------*/ body.nissan { background: url(../images/backgrounds/background-nissan-fade.png) top left repeat-x #cccccc; } body.nissan .border-top-left { background-position: -80px 0; } body.nissan .border-top-right{ background-position: -90px 0; } body.nissan .border-bottom-left { background-position: -80px -10px; } body.nissan .border-bottom-right { background-position: -90px -10px; } body.nissan .border-top-left-5px { background-position: -40px 0; } body.nissan .border-top-right-5px { background-position: -45px 0; } body.nissan .border-bottom-left-5px { background-position: -40px -5px; } body.nissan .border-bottom-right-5px { background-position: -45px -5px; } body.nissan #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-nissan.jpg); } body.nissan #model_left ul li a { background-color: #C31745; } body.nissan #model_left ul li.active a, body.nissan #model_left ul li a:hover { background-color: #CCCCCC; } body.nissan #model_left { background: url(../images/backgrounds/model_nav_top_nissan.jpg) top left no-repeat; } body.nissan #model_left_footer { background: url(../images/backgrounds/model_nav_footer_nissan.jpg) top left no-repeat; } body.nissan .range_panel .header, body.nissan .range_panel .body { background-color: #C31745; } body.nissan #model_right { background: url(../images/backgrounds/model_main_head_right_nissan.jpg) top right no-repeat #C31745; } body.nissan #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_nissan.jpg) top left no-repeat; } body.nissan #model_right table tr.row_odd td, body.nissan #model_right table tr.row_odd th { background-color: #CCCCCC; color: #666; } body.nissan .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } body.nissan #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.nissan #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.nissan #home_button { background: url(../images/buttons/button-home-white.png) top left; } body.nissan #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.nissan #header #usernav li, body.nissan #header #usernav li a, body.nissan #header #usernav li a:hover { color: #fff; } body.nissan #left_menu ul.models { background: url(../images/backgrounds/left_menu_nissan_top.jpg) top left no-repeat #c31745; } body.nissan #left_menu ul#large_nav { width: 237px; } body.nissan #left_menu ul#large_nav li { height: auto; background: none; } body.nissan #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-nissan.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.nissan #left_menu #vans_nav ul#large_nav li a { background-image: url(../images/buttons/buttons-vans-nissan.jpg); } body.nissan #left_menu ul#large_nav a#new_offers { background-position: 0 0; } body.nissan #left_menu ul#large_nav li.active a#new_offers, body.nissan #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.nissan #left_menu ul#large_nav a#new_vans { background-position: 0 -102px; height: 102px; } body.nissan #left_menu ul#large_nav li.active a#new_vans, body.nissan #left_menu ul#large_nav li a#new_vans:hover { background-position: -240px -102px; } body.nissan #left_menu ul#large_nav a#new_used { background-position: 0 -204px; } body.nissan #left_menu ul#large_nav li.active a#new_used, body.nissan #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -204px; } body.nissan #left_menu ul#large_nav a#new_servicing { background-position: 0 -306px; } body.nissan #left_menu ul#large_nav li.active a#new_servicing, body.nissan #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -306px; } body.nissan #left_menu ul#large_nav a#new_parts { background-position: 0 -408px; } body.nissan #left_menu ul#large_nav li.active a#new_parts, body.nissan #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -408px; } body.nissan #left_menu ul#large_nav a#new_business { background-position: 0 -510px; } body.nissan #left_menu ul#large_nav li.active a#new_business, body.nissan #left_menu ul#large_nav li a#new_business:hover { background-position: -240px -510px; } body.nissan #left_menu ul#large_nav a#new_finance { background-position: 0 -612px; } body.nissan #left_menu ul#large_nav li.active a#new_finance, body.nissan #left_menu ul#large_nav li a#new_finance:hover { background-position: -240px -612px; } body.nissan #left_menu ul#large_nav a#new_website { background-position: 0 -714px; height: 117px; } body.nissan #left_menu ul#large_nav li.active a#new_website, body.nissan #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -714px; } body.nissan #left_menu #vans_nav ul#large_nav li a#new_website { background-position: 0 -612px; } body.nissan #left_menu #vans_nav ul#large_nav li.active a#new_website, body.nissan #left_menu #vans_nav ul#large_nav li a#new_website:hover { background-position: -240px -612px; } body.nissan #left_menu #vans_nav ul#large_nav li a#new_finance { background-position: 0 -102px; } body.nissan #left_menu #vans_nav ul#large_nav li.active a#new_finance, body.nissan #left_menu #vans_nav ul#large_nav li a#new_finance:hover { background-position: -240px -102px; } body.nissan #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -432px no-repeat; } body.nissan #used_results_header, body.nissan #used_results_header a, body.nissan #used_results_footer, body.nissan #used_results_footer a, body.nissan #my-favourites a { color: #333; } body.nissan #used_results_header .paging a.current, body.nissan #used_results_header .paging a:hover, body.nissan #used_results_header span, body.nissan #used_results_footer .paging a.current, body.nissan #used_results_footer .paging a:hover, body.nissan #used_results_footer span, body.nissan #my-favourites a:hover { color: #C31745; } body.nissan #search_results li .left,body.nissan #search_results li .right, body.nissan #search_box_header, body.nissan #search_box_fields { background-color: #C31745; color: #fff; } body.nissan #search_results .full_details { background: url(../images/buttons/button_full_details_used-nissan.jpg) top left no-repeat; } body.nissan #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px -295px; } body.nissan #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px -295px; } body.nissan #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px -295px; } /*------------------------------( FIAT )------------------------------*/ body.fiat { background: url(../images/backgrounds/background-fiat-fade.png) top left repeat-x #96172e; } body.fiat .border-top-left{ background-position: -100px 0; } body.fiat .border-top-right { background-position: -110px 0; } body.fiat .border-bottom-left { background-position: -100px -10px; } body.fiat .border-bottom-right { background-position: -110px -10px; } body.fiat .border-top-left-5px { background-position: -50px 0; } body.fiat .border-top-right-5px { background-position: -55px 0; } body.fiat .border-bottom-left-5px { background-position: -50px -5px; } body.fiat .border-bottom-right-5px { background-position: -55px -5px; } body.fiat #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-fiat.jpg); } body.fiat #model_left ul li a { background-color: #6C091C; font-size: 13px; } body.fiat #model_left ul li.active a, body.fiat #model_left ul li a:hover { background-color: #96172E; } body.fiat #model_left { background: url(../images/backgrounds/model_nav_top_fiat.jpg) top left no-repeat; } body.fiat #model_left_footer { background: url(../images/backgrounds/model_nav_footer_fiat.jpg) top left no-repeat; } body.fiat .range_panel .header, body.fiat .range_panel .body { background-color: #6C091C; } body.fiat #model_right { background: url(../images/backgrounds/model_main_head_right_fiat.jpg) top right no-repeat #6C091C; } body.fiat #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_fiat.jpg) top left no-repeat; } body.fiat #model_right table tr.row_odd td, body.fiat #model_right table tr.row_odd th { background-color: #96172E; } body.fiat .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 55px; } body.fiat #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.fiat #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.fiat #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -482px no-repeat; } body.fiat #home_button { background: url(../images/buttons/button-home-white.png) top left; } body.fiat #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.fiat #header #usernav li, body.fiat #header #usernav li a, body.fiat #header #usernav li a:hover { color: #fff; } body.fiat #left_menu ul.models { background: url(../images/backgrounds/left_menu_fiat_top.jpg) top left no-repeat #6c091c; } body.fiat #left_menu ul#large_nav { width: 237px; } body.fiat #left_menu ul#large_nav li { height: auto; background: none; } body.fiat #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-fiat.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.fiat #left_menu #vans_nav ul#large_nav li a { background-image: url(../images/buttons/buttons-vans-fiat.jpg); } body.fiat #left_menu ul#large_nav a#new_offers { background-position: 0 0; } body.fiat #left_menu ul#large_nav li.active a#new_offers, body.fiat #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.fiat #left_menu ul#large_nav a#new_vans { background-position: 0 -102px; height: 102px; } body.fiat #left_menu ul#large_nav li.active a#new_vans, body.fiat #left_menu ul#large_nav li a#new_vans:hover { background-position: -240px -102px; } body.fiat #left_menu ul#large_nav a#new_used { background-position: 0 -204px; } body.fiat #left_menu ul#large_nav li.active a#new_used, body.fiat #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -204px; } body.fiat #left_menu ul#large_nav a#new_servicing { background-position: 0 -306px; } body.fiat #left_menu ul#large_nav li.active a#new_servicing, body.fiat #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -306px; } body.fiat #left_menu ul#large_nav a#new_parts { background-position: 0 -408px; } body.fiat #left_menu ul#large_nav li.active a#new_parts, body.fiat #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -408px; } body.fiat #left_menu ul#large_nav a#new_business { background-position: 0 -510px; } body.fiat #left_menu ul#large_nav li.active a#new_business, body.fiat #left_menu ul#large_nav li a#new_business:hover { background-position: -240px -510px; } body.fiat #left_menu ul#large_nav a#new_finance { background-position: 0 -612px; } body.fiat #left_menu ul#large_nav li.active a#new_finance, body.fiat #left_menu ul#large_nav li a#new_finance:hover { background-position: -240px -612px; } body.fiat #left_menu #vans_nav ul#large_nav li a#new_finance { background-position: 0 -102px; } body.fiat #left_menu #vans_nav ul#large_nav li.active a#new_finance, body.fiat #left_menu #vans_nav ul#large_nav li a#new_finance:hover { background-position: -240px -102px; } body.fiat #left_menu ul#large_nav a#new_website { background-position: 0 -714px; height: 117px; } body.fiat #left_menu ul#large_nav li.active a#new_website, body.fiat #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -714px; } body.fiat #left_menu #vans_nav ul#large_nav li a#new_website { background-position: 0 -612px; } body.fiat #left_menu #vans_nav ul#large_nav li.active a#new_website, body.fiat #left_menu #vans_nav ul#large_nav li a#new_website:hover { background-position: -240px -612px; } body.fiat #used_results_header, body.fiat #used_results_header a, body.fiat #used_results_footer, body.fiat #used_results_footer a, body.fiat #my-favourites a { color: #fff; } body.fiat #used_results_header .paging a.current, body.fiat #used_results_header .paging a:hover, body.fiat #used_results_header span, body.fiat #used_results_footer .paging a.current, body.fiat #used_results_footer .paging a:hover, body.fiat #used_results_footer span, body.fiat #my-favourites a:hover { color: #6C091C; } body.fiat #search_results li .left,body.fiat #search_results li .right, body.fiat #search_box_header, body.fiat #search_box_fields { background-color: #6C091C; color: #fff; } body.fiat #search_results .full_details { background: url(../images/buttons/button_full_details_used-fiat.jpg) top left no-repeat; } body.fiat #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px -118px; } body.fiat #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px -118px; } body.fiat #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px -118px; } /*------------------------------( MAZDA / ALFA ROMEO )------------------------------*/ body.mazda .border-top-left, body.alfa-romeo .border-top-left { background-position: -120px 0; } body.mazda .border-top-right, body.alfa-romeo .border-top-right { background-position: -130px 0; } body.mazda .border-bottom-left, body.alfa-romeo .border-bottom-left { background-position: -120px -10px; } body.mazda .border-bottom-right, body.alfa-romeo .border-bottom-right { background-position: -130px -10px; } body.mazda .border-top-left-5px, body.alfa-romeo .border-top-left-5px { background-position: -60px 0; } body.mazda .border-top-right-5px, body.alfa-romeo .border-top-right-5px { background-position: -65px 0; } body.mazda .border-bottom-left-5px, body.alfa-romeo .border-bottom-left-5px { background-position: -60px -5px; } body.mazda .border-bottom-right-5px, body.alfa-romeo .border-bottom-right-5px { background-position: -65px -5px; } /*------------------------------( MAZDA )------------------------------*/ body.mazda { background: #000; } body.mazda #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-mazda.jpg); } body.mazda #model_left ul li a { background-color: #0088CE; font-size: 13px; } body.mazda #model_left ul li.active a, body.mazda #model_left ul li a:hover { background-color: #000; } body.mazda #model_left { background: url(../images/backgrounds/model_nav_top_mazda.jpg) top left no-repeat; } body.mazda #model_left_footer { background: url(../images/backgrounds/model_nav_footer_mazda.jpg) top left no-repeat; } body.mazda .range_panel .header, body.mazda .range_panel .body { background-color: #0088CE; } body.mazda #model_right { background: url(../images/backgrounds/model_main_head_right_mazda.jpg) top right no-repeat #0088CE; } body.mazda #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_mazda.jpg) top left no-repeat; } body.mazda #model_right table tr.row_odd td, body.mazda #model_right table tr.row_odd th { background-color: #000; } body.mazda #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -532px no-repeat; } body.mazda .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } body.mazda #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.mazda #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.mazda #home_button { background: url(../images/buttons/button-home-white.png) top left; } body.mazda #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.mazda #header #usernav li, body.mazda #header #usernav li a, body.mazda #header #usernav li a:hover { color: #fff; } body.mazda #left_menu ul.models { background: url(../images/backgrounds/left_menu_mazda_top.jpg) top left no-repeat #0088ce; } body.mazda #left_menu ul#large_nav { width: 237px; } body.mazda #left_menu ul#large_nav li { height: auto; background: none; } body.mazda #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-mazda.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.mazda #left_menu ul#large_nav a#new_offers { background-position: 0 0; } body.mazda #left_menu ul#large_nav li.active a#new_offers, body.mazda #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.mazda #left_menu ul#large_nav a#new_used { background-position: 0 -204px; } body.mazda #left_menu ul#large_nav li.active a#new_used, body.mazda #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -204px; } body.mazda #left_menu ul#large_nav a#new_servicing { background-position: 0 -306px; } body.mazda #left_menu ul#large_nav li.active a#new_servicing, body.mazda #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -306px; } body.mazda #left_menu ul#large_nav a#new_parts { background-position: 0 -408px; } body.mazda #left_menu ul#large_nav li.active a#new_parts, body.mazda #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -408px; } body.mazda #left_menu ul#large_nav a#new_business { background-position: 0 -510px; } body.mazda #left_menu ul#large_nav li.active a#new_business, body.mazda #left_menu ul#large_nav li a#new_business:hover { background-position: -240px -510px; } body.mazda #left_menu ul#large_nav a#new_finance { background-position: 0 -102px; } body.mazda #left_menu ul#large_nav li.active a#new_finance, body.mazda #left_menu ul#large_nav li a#new_finance:hover { background-position: -240px -102px; } body.mazda #left_menu ul#large_nav a#new_website { background-position: 0 -612px; height: 117px; } body.mazda #left_menu ul#large_nav li.active a#new_website, body.mazda #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -612px; } body.mazda #used_results_header, body.mazda #used_results_header a, body.mazda #used_results_footer, body.mazda #used_results_footer a, body.mazda #my-favourites a { color: #fff; } body.mazda #used_results_header .paging a.current, body.mazda #used_results_header .paging a:hover, body.mazda #used_results_header span, body.mazda #used_results_footer .paging a.current, body.mazda #used_results_footer .paging a:hover, body.mazda #used_results_footer span, body.mazda #my-favourites a:hover { color: #0088CE; } body.mazda #search_results li .left, body.mazda #search_results li .right, body.mazda #search_box_header, body.mazda #search_box_fields { background-color: #0088CE; color: #fff; } body.mazda #search_results .full_details { background: url(../images/buttons/button_full_details_used-mazda.jpg) top left no-repeat; } body.mazda #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px -354px; } body.mazda #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px -354px; } body.mazda #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px -354px; } /* --------------------------------( JEEP )--------------------------------*/ body.jeep { background: url(../images/backgrounds/background-peugeot-fade.png) top left repeat-x #e1e1e1; } body.jeep .border-top-left { background-position: -20px 0; } body.jeep .border-top-right { background-position: -30px 0; } body.jeep .border-bottom-left { background-position: -20px -10px; } body.jeep .border-bottom-right { background-position: -30px -10px; } body.jeep .border-top-left-5px { background-position: -10px 0; } body.jeep .border-top-right-5px { background-position: -15px 0; } body.jeep .border-bottom-left-5px { background-position: -10px -5px; } body.jeep .border-bottom-right-5px { background-position: -15px -5px; } body.jeep .breadcrumbs span { color: #000; } body.jeep #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-jeep.jpg); } body.jeep #model_left ul li a { background-color: #3c4f05; } body.jeep #model_left ul li.active a, body.jeep #model_left ul li a:hover { background-color: #3c4f05; } body.jeep #model_left { background: url(../images/backgrounds/model_nav_top_jeep.jpg) top left no-repeat; } body.jeep #model_left_footer { background: url(../images/backgrounds/model_nav_footer_jeep.jpg) top left no-repeat; } body.jeep .range_panel .header, body.jeep .range_panel .body { background-color: #3c4f05; } body.jeep #model_right{ background: url(../images/backgrounds/model_main_head_right_jeep.jpg) top right no-repeat #3c4f05; } body.jeep #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_jeep.jpg) top left no-repeat; } body.jeep #model_right table tr.row_odd td, body.jeep #model_right table tr.row_odd th { background-color: #91A4B1; } body.jeep #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -331px no-repeat; } body.jeep .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } body.jeep #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.jeep #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.jeep #home_button { background: url(../images/buttons/button-home-white.png) top right; } body.jeep #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.jeep #header #usernav li, body.jeep #header #usernav li a, body.jeep #header #usernav li a:hover { color: #fff; } body.jeep #left_menu ul.models { background: url(../images/backgrounds/left_menu_jeep_top.png) top left no-repeat #3c4f05; } body.jeep #left_menu ul#large_nav { width: 237px; } body.jeep #left_menu ul#large_nav li { height: auto; background: none; } body.jeep #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-jeep.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.jeep #left_menu ul#large_nav a#new_offers { background-position: 0 0; } body.jeep #left_menu ul#large_nav li.active a#new_offers, body.jeep #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.jeep #left_menu ul#large_nav a#new_used { background-position: 0 -102px; } body.jeep #left_menu ul#large_nav li.active a#new_used, body.jeep #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -102px; } body.jeep #left_menu ul#large_nav a#new_servicing { background-position: 0 -204px; } body.jeep #left_menu ul#large_nav li.active a#new_servicing, body.jeep #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -204px; } body.jeep #left_menu ul#large_nav a#new_parts { background-position: 0 -306px; } body.jeep #left_menu ul#large_nav li.active a#new_parts, body.jeep #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -306px; } body.jeep #left_menu ul#large_nav a#new_website { background-position: 0 -408px; height: 117px; } body.jeep #left_menu ul#large_nav li.active a#new_website, body.jeep #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -408px; } body.jeep #manufacturer_content { width: 730px; } body.jeep #manufacturer_content li { margin: -5px 0 0 -5px; background: url(../images/box-backgrounds/new-car-background-ford.gif) 0 -0 no-repeat; padding-top: 5px; width: 244px; height: 183px; } body.jeep #manufacturer_content li h3 { left: 0; bottom: 15px; } body.jeep #manufacturer_content li h3 a { color: #000; font-weight: normal; font-size: 0.95em; } body.jeep #used_results_header .paging a.current, body.jeep #used_results_header .paging a:hover, body.jeep #used_results_header span, body.jeep #my-favourites a:hover { color: #296FA2; } body.jeep #search_results li .left, body.jeep #search_results li .right, body.jeep #search_box_header, body.jeep #search_box_fields { background-color: #3c4f05; color: #fff; } body.jeep #used_results_header .paging a.current, body.jeep #used_results_header .paging a:hover, body.jeep #used_results_header span, body.jeep #my-favourites a:hover { color: #3c4f05; } body.jeep #search_results .full_details { background: url(../images/buttons/button_full_details_used-jeep.jpg) top left no-repeat; } body.jeep #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px -59px; } body.jeep #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px -59px; } body.jeep #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px -59px; } /* --------------------------------( CHRYSLER )--------------------------------*/ body.chrysler { background: url(../images/backgrounds/background-peugeot-fade.png) top left repeat-x #000; } body.chrysler .border-top-left { background-position: -20px 0; } body.chrysler .border-top-right { background-position: -30px 0; } body.chrysler .border-bottom-left { background-position: -20px -10px; } body.chrysler .border-bottom-right { background-position: -30px -10px; } body.chrysler .border-top-left-5px { background-position: -10px 0; } body.chrysler .border-top-right-5px { background-position: -15px 0; } body.chrysler .border-bottom-left-5px { background-position: -10px -5px; } body.chrysler .border-bottom-right-5px { background-position: -15px -5px; } body.chrysler #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-chrysler.jpg); } body.chrysler #model_left ul li a { background-color: #42596B; } body.chrysler #model_left ul li.active a, body.chrysler #model_left ul li a:hover { background-color: #42596B; } body.chrysler #model_left { background: url(../images/backgrounds/model_nav_top_chrysler.jpg) top left no-repeat; } body.chrysler #model_left_footer { background: url(../images/backgrounds/model_nav_footer_chrysler.jpg) top left no-repeat; } body.chrysler .range_panel .header, body.chrysler .range_panel .body { background-color: #42596B; } body.chrysler #model_right{ background: url(../images/backgrounds/model_main_head_right_chrysler.jpg) top right no-repeat #42596B; } body.chrysler #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_chrysler.jpg) top left no-repeat; } body.chrysler #model_right table tr.row_odd td, body.chrysler #model_right table tr.row_odd th { background-color: #42596B; } body.chrysler #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -331px no-repeat; } body.chrysler .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } body.chrysler #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.chrysler #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.chrysler #home_button { background: url(../images/buttons/button-home-white.png) top right; } body.chrysler #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.chrysler #header #usernav li, body.chrysler #header #usernav li a, body.chrysler #header #usernav li a:hover { color: #fff; } body.chrysler #left_menu ul.models { background: url(../images/backgrounds/left_menu_chrysler_top.jpg) top left no-repeat #42596B; } body.chrysler #left_menu ul#large_nav { width: 237px; } body.chrysler #left_menu ul#large_nav li { height: auto; background: none; } body.chrysler #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-chrysler.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.chrysler #left_menu ul#large_nav a#new_offers { background-position: 0 0; } body.chrysler #left_menu ul#large_nav li.active a#new_offers, body.chrysler #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.chrysler #left_menu ul#large_nav a#new_used { background-position: 0 -102px; } body.chrysler #left_menu ul#large_nav li.active a#new_used, body.chrysler #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -102px; } body.chrysler #left_menu ul#large_nav a#new_servicing { background-position: 0 -204px; } body.chrysler #left_menu ul#large_nav li.active a#new_servicing, body.chrysler #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -204px; } body.chrysler #left_menu ul#large_nav a#new_parts { background-position: 0 -306px; } body.chrysler #left_menu ul#large_nav li.active a#new_parts, body.chrysler #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -306px; } body.chrysler #left_menu ul#large_nav a#new_website { background-position: 0 -408px; } body.chrysler #left_menu ul#large_nav li.active a#new_website, body.chrysler #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -408px; } body.chrysler #manufacturer_content { width: 730px; } body.chrysler #manufacturer_content li { margin: -5px 0 0 -5px; background: url(../images/box-backgrounds/new-car-background-ford.gif) 0 -0 no-repeat; padding-top: 5px; width: 244px; height: 183px; } body.chrysler #manufacturer_content li h3 { left: 0; bottom: 15px; } body.chrysler #manufacturer_content li h3 a { color: #000; font-weight: normal; font-size: 0.95em; } body.chrysler .breadcrumbs { color: #000; } body.chrysler .breadcrumbs span { color: #000; } body.chrysler .breadcrumbs a { color: #000; } body.chrysler #used_results_header .paging a.current, body.chrysler #used_results_header .paging a:hover, body.chrysler #used_results_header span, body.chrysler #my-favourites a:hover { color: #42596B; } body.chrysler #search_results li .left, body.chrysler #search_results li .right, body.chrysler #search_box_header, body.chrysler #search_box_fields { background-color: #42596B; color: #fff; } body.chrysler #used_results_header .paging a.current, body.chrysler #used_results_header .paging a:hover, body.chrysler #used_results_header span, body.chrysler #my-favourites a:hover { color: #42596B; } body.chrysler #search_results .full_details { background: url(../images/buttons/button_full_details_used-peugeot.jpg) top left no-repeat; } body.chrysler #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px -59px; } body.chrysler #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px -59px; } body.chrysler #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px -59px; } /*------------------------------( ALFA ROMEO )------------------------------*/ body.alfa-romeo { background: #000; } body.alfa-romeo #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-alfa-romeo.jpg); } body.alfa-romeo #model_left ul li a { background-color: #D31414; } body.alfa-romeo #model_left ul li.active a, body.alfa-romeo #model_left ul li a:hover { background-color: #000; } body.alfa-romeo #model_left { background: url(../images/backgrounds/model_nav_top_alfa.jpg) top left no-repeat; } body.alfa-romeo #model_left_footer { background: url(../images/backgrounds/model_nav_footer_alfa.jpg) top left no-repeat; } body.alfa-romeo .range_panel .header, body.alfa-romeo .range_panel .body { background-color: #D31414; } body.alfa-romeo #model_right { background: url(../images/backgrounds/model_main_head_right_alfa.jpg) top right no-repeat #D31414; } body.alfa-romeo #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_alfa.jpg) top left no-repeat; } body.alfa-romeo #model_right table tr.row_odd td, body.alfa-romeo #model_right table tr.row_odd th { background-color: #000; } body.alfa-romeo #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -582px no-repeat; } body.alfa-romeo .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } body.alfa-romeo #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.alfa-romeo #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.alfa-romeo #home_button { background: url(../images/buttons/button-home-white.png) top left; } body.alfa-romeo #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.alfa-romeo #header #usernav li, body.alfa-romeo #header #usernav li a, body.alfa-romeo #header #usernav li a:hover { color: #fff; } body.alfa-romeo #left_menu ul.models { background: url(../images/backgrounds/left_menu_alfa_top.jpg) top left no-repeat #d31414; } body.alfa-romeo #left_menu ul#large_nav { width: 237px; } body.alfa-romeo #left_menu ul#large_nav li { height: auto; background: none; } body.alfa-romeo #left_menu ul#large_nav li a { height: 60px; } body.alfa-romeo #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-alfa.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.alfa-romeo #left_menu ul#large_nav a#new_offers { background-position: 0 0; } body.alfa-romeo #left_menu ul#large_nav li.active a#new_offers, body.alfa-romeo #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.alfa-romeo #left_menu ul#large_nav a#new_used { background-position: 0 -204px; } body.alfa-romeo #left_menu ul#large_nav li.active a#new_used, body.alfa-romeo #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -204px; } body.alfa-romeo #left_menu ul#large_nav a#new_servicing { background-position: 0 -306px; } body.alfa-romeo #left_menu ul#large_nav li.active a#new_servicing, body.alfa-romeo #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -306px; } body.alfa-romeo #left_menu ul#large_nav a#new_parts { background-position: 0 -408px; } body.alfa-romeo #left_menu ul#large_nav li.active a#new_parts, body.alfa-romeo #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -408px; } body.alfa-romeo #left_menu ul#large_nav a#new_business { background-position: 0 -510px; } body.alfa-romeo #left_menu ul#large_nav li.active a#new_business, body.alfa-romeo #left_menu ul#large_nav li a#new_business:hover { background-position: -240px -510px; } body.alfa-romeo #left_menu ul#large_nav a#new_finance { background-position: 0 -102px; } body.alfa-romeo #left_menu ul#large_nav li.active a#new_finance, body.alfa-romeo #left_menu ul#large_nav li a#new_finance:hover { background-position: -240px -102px; } body.alfa-romeo #left_menu ul#large_nav a#new_website { background-position: 0 -612px; height: 117px; } body.alfa-romeo #left_menu ul#large_nav li.active a#new_website, body.alfa-romeo #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -612px; } body.alfa-romeo #used_results_header, body.alfa-romeo #used_results_header a, body.alfa-romeo #used_results_footer, body.alfa-romeo #used_results_footer a, body.alfa-romeo #my-favourites a { color: #fff; } body.alfa-romeo #used_results_header .paging a.current, body.alfa-romeo #used_results_header .paging a:hover, body.alfa-romeo #used_results_header span, body.alfa-romeo #used_results_footer .paging a.current, body.alfa-romeo #used_results_footer .paging a:hover, body.alfa-romeo #used_results_footer span, body.alfa-romeo #my-favourites a:hover { color: #D31414; } body.alfa-romeo #search_results li .left, body.alfa-romeo #search_results li .right, body.alfa-romeo #search_box_header, body.alfa-romeo #search_box_fields { background-color: #D31414; color: #fff; } body.alfa-romeo #search_results .full_details { background: url(../images/buttons/button_full_details_used-alfa-romeo.jpg) top left no-repeat; } body.alfa-romeo #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px -413px; } body.alfa-romeo #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px -413px; } body.alfa-romeo #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px -413px; } /*------------------------------( ABARTH )------------------------------*/ body.abarth { background: url(../images/backgrounds/background-abarth-fade.png) top left repeat-x #cd202c; } body.abarth .border-top-left { background-position: -140px 0; } body.abarth .border-top-right { background-position: -150px 0; } body.abarth .border-bottom-left { background-position: -140px -10px; } body.abarth .border-bottom-right { background-position: -150px -10px; } body.abarth .border-top-left-5px { background-position: -70px 0; } body.abarth .border-top-right-5px { background-position: -75px 0; } body.abarth .border-bottom-left-5px { background-position: -70px -5px; } body.abarth .border-bottom-right-5px { background-position: -75px -5px; } body.abarth #model_wrap { background-image: url(../images/backgrounds/model_nav_bg-abarth.jpg); } body.abarth #model_left ul li a { background-color: #A21420; font-size: 13px; } body.abarth #model_left ul li.active a, body.abarth #model_left ul li a:hover { background-color: #CD202C; } body.abarth #model_left { background: url(../images/backgrounds/model_nav_top_abarth.jpg) top left no-repeat; } body.abarth #model_left_footer { background: url(../images/backgrounds/model_nav_footer_abarth.jpg) top left no-repeat; } body.abarth .range_panel .header, body.abarth .range_panel .body { background-color: #A2141F; } body.abarth #model_right{ background: url(../images/backgrounds/model_main_head_right_abarth.jpg) top right no-repeat #A2141F; } body.abarth #model_right .model_right_footer { background: url(../images/backgrounds/model_main_foot_right_abarth.jpg) top left no-repeat; } body.abarth #model_right table tr.row_odd td, body.abarth #model_right table tr.row_odd th { background-color: #CD202C; } body.abarth #model_content_right a#test_drive { background: url(../images/nav/model-nav.png) -2px -632px no-repeat; } body.abarth .used_car #model_content_right a#test_drive { background: url(../images/nav/car_nav_small.png) 0 -157px no-repeat; height: 36px; } body.abarth #model_content_right a#add_to_favourites { background: url(../images/nav/car_nav_small.png) 0 -60px no-repeat; height: 30px; } body.abarth #model_content_right a#compare_car { background: url(../images/nav/car_nav_small.png) 0 -105px no-repeat; height: 30px; } body.abarth #home_button { background: url(../images/buttons/button-home-white.png) top left; } body.abarth #login_button { background: url(../images/buttons/button-padlock-white.png) top right no-repeat; } body.abarth #header #usernav li, body.abarth #header #usernav li a, body.abarth #header #usernav li a:hover { color: #fff; } body.abarth #left_menu ul.models { background: url(../images/backgrounds/left_menu_abarth_top.jpg) top left no-repeat #a2141f; } body.abarth #left_menu ul#large_nav { width: 237px; } body.abarth #left_menu ul#large_nav li { height: auto; background: none; } body.abarth #left_menu ul#large_nav li a { display: block; background: url(../images/buttons/buttons-new-abarth.jpg) 0 0 no-repeat transparent; width: 159px; margin: 0; text-indent: -9999px; height: 102px; } body.abarth #left_menu ul#large_nav a#new_offers { background-position: 0 0; } body.abarth #left_menu ul#large_nav li.active a#new_offers, body.abarth #left_menu ul#large_nav li a#new_offers:hover { background-position: -240px 0; } body.abarth #left_menu ul#large_nav a#new_used { background-position: 0 -204px; } body.abarth #left_menu ul#large_nav li.active a#new_used, body.abarth #left_menu ul#large_nav li a#new_used:hover { background-position: -240px -204px; } body.abarth #left_menu ul#large_nav a#new_servicing { background-position: 0 -306px; } body.abarth #left_menu ul#large_nav li.active a#new_servicing, body.abarth #left_menu ul#large_nav li a#new_servicing:hover { background-position: -240px -306px; } body.abarth #left_menu ul#large_nav a#new_parts { background-position: 0 -408px; } body.abarth #left_menu ul#large_nav li.active a#new_parts, body.abarth #left_menu ul#large_nav li a#new_parts:hover { background-position: -240px -408px; } body.abarth #left_menu ul#large_nav a#new_business { background-position: 0 -510px; } body.abarth #left_menu ul#large_nav li.active a#new_business, body.abarth #left_menu ul#large_nav li a#new_business:hover { background-position: -240px -510px; } body.abarth #left_menu ul#large_nav a#new_finance { background-position: 0 -102px; } body.abarth #left_menu ul#large_nav li.active a#new_finance, body.abarth #left_menu ul#large_nav li a#new_finance:hover { background-position: -240px -102px; } body.abarth #left_menu ul#large_nav a#new_website { background-position: 0 -612px; height: 117px; } body.abarth #left_menu ul#large_nav li.active a#new_website, body.abarth #left_menu ul#large_nav li a#new_website:hover { background-position: -240px -612px ; } body.abarth #used_results_header, body.abarth #used_results_header a, body.abarth #used_results_footer, body.abarth #used_results_footer a, body.abarth #my-favourites a { color: #fff; } body.abarth #used_results_header .paging a.current, body.abarth #used_results_header .paging a:hover, body.abarth #used_results_header span, body.abarth #used_results_footer .paging a.current, body.abarth #used_results_footer .paging a:hover, body.abarth #used_results_footer span, body.abarth #my-favourites a:hover { color: #FECB00; } body.abarth #search_results li .left, body.abarth #search_results li .right, body.abarth #search_box_header, body.abarth #search_box_fields { background-color: #A2141F; color: #fff; } body.abarth #search_results .full_details { background: url(../images/buttons/button_full_details_used-abarth.jpg) top left no-repeat; } body.abarth #search_results li .left .details .car_icons li.icon_photos a { background-position: 14px -472px; } body.abarth #search_results li .left .details .car_icons li.icon_favourites a { background-position: -55px -472px; } body.abarth #search_results li .left .details .car_icons li.icon_compare a { background-position: -163px -472px; } body.peugeot #page-titles h1, body.peugeot #page-titles p { color: #000; } body.renault #page-titles h1, body.renault #page-titles p { color: #000; } body.nissan #page-titles h1, body.nissan #page-titles p { color: #000; } body.dacia #page-titles h1, body.dacia #page-titles p { color: #000; } body.jeep #page-titles h1, body.jeep #page-titles p { color: #000; } .is_tablet { height: 40px; background: rgb(254,252,234); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWRhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(254,252,234) 0%, rgb(241,218,54) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,234)), color-stop(100%,rgb(241,218,54))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(254,252,234) 0%,rgb(241,218,54) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(254,252,234) 0%,rgb(241,218,54) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(254,252,234) 0%,rgb(241,218,54) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(254,252,234) 0%,rgb(241,218,54) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-8 */ color: #231F20; font-size: 20px; position: relative; padding: 20px; text-align: center; } .is_tablet a { color: #231F20; font-weight: bold; } .is_tablet .hide { position: absolute; top: 20px; right: 20px; } /*-----------( NEW VAN UPDATE )-----------*/ #vans_whole { text-shadow: 2px 2px 2px #888; width: 95%; height: 124px; margin-top: 10px; background-color: #fff; margin-bottom: 10px; float: left; border: 3px solid white; border-radius: 10px; padding: 16px; } #new_van_left { text-shadow: 2px 2px 2px #888; width: 28%; height: 124px; margin-top: 10px; background-color: #fff; margin-bottom: 10px; float: left; border: 3px solid white; border-radius: 10px; padding: 16px; } #new_van_middle { text-shadow: 2px 2px 2px #888; width: 28%; height: 124px; margin-top: 10px; background-color: #fff; margin-bottom: 10px; margin-left: 16px; float: left; border: 3px solid white; border-radius: 10px; padding: 16px; } #new_van_right { text-shadow: 2px 2px 2px #888; width: 28%; height: 124px; margin-top: 10px; background-color: #fff; margin-bottom: 10px; margin-left: 16px; float: left; border: 3px solid white; border-radius: 10px; padding: 16px; } #vans_whole h2, #new_van_left h2, #new_van_middle h2, #new_van_right h2 { font-size: 1.0em; color: #333; text-align: right; } #vans_whole a, #new_van_left a, #new_van_middle a, #new_van_right a { text-decoration: none; } #new_van_top_left label { font-weight: bold; margin: 4px; font-size: 16px; margin: 6px; } #new_van_top_left select { padding: 6px; font-weight: bold; border-radius: 5px; border: 1px black solid; font-size: 16px; } #new_van_top_left input { padding: 6px; font-weight: bold; border-radius: 5px; border: 1px black solid; font-size: 16px; } #new_van_top_left a { color: #fff; } #new_van_bottom_left { text-shadow: 2px 2px 2px #000; width: 45%; height: 300px; background-color: IndianRed ; float: left; border: 3px solid white; border-radius: 10px; padding: 16px; } #new_van_bottom_right { text-shadow: 2px 2px 2px #000; width: 45%; height: 300px; background-color: #621f5c; margin-left: 16px; float: left; border: 3px solid white; border-radius: 10px; padding: 16px; } #youngdrivers h1, #youngdrivers h2, #youngdrivers h3, #youngdrivers p { padding: 8px; } #youngdrivers a { font-weight: bold; color: #fff; } @font-face { font-family: FordAntennaRegular; src: url(../fonts/FordAntenna-Regular.ttf) format("truetype"); } @font-face { font-family: FordAntennaLight; src: url(../fonts/FordAntenna-Light.ttf) format("truetype"); } #mustang { background-color: #fff; } #mustang h1, #mustang h2, #mustang h3 { padding: 12px 0 0 8px; color: #666; text-align: center; font-family: FordAntennaRegular, Arial; font-weight: 100; } #mustang p { padding: 12px; color: #666; text-align: center; font-family: FordAntennaLight, Arial; } #mustang img.main { display: block; margin-left: auto; margin-right: auto; } #mustang-images { display: block; margin-left: auto; margin-right: auto; } #mustang img.smaller { padding: 10px; width: 30%; } #mustang table { margin: 30px; } #mustang-form { margin: 20px; padding: 10px; border: 1px #ccc solid; border-radius: 6px; } #mustang tr, #mustang td { color: #666; } .fiesta-img-left { float: left; max-width: 580px; margin-left: 15px; padding-bottom: 25px; } .fiesta-img-left img, .fiesta-img-right img { width: 100%; } .fiesta-content-right { margin-right: 15px; float: right; display: inline-block; width: 340px; text-align: left; border-top-style: solid; border-top-color: #666; border-top-width: 2px; } .fiesta-content-right p, .fiesta-content-left p { text-align: left !important; } .fiesta-img-right { float: right; max-width: 580px; margin-right: 15px; padding-bottom: 25px; } .fiesta-content-left { margin-left: 15px; float: left; display: inline-block; width: 340px; text-align: left; border-top-style: solid; border-top-color: #666; border-top-width: 2px; } #careers_left { width: 28%; height: 130px; margin-top: 10px; background-color: #fff; margin-bottom: 10px; float: left; border: 3px solid white; border-radius: 10px; padding: 16px; } #careers_middle { width: 28%; height: 130px; margin-top: 10px; background-color: #fff; margin-bottom: 10px; margin-left: 16px; float: left; border: 3px solid white; border-radius: 10px; padding: 16px; } #careers_right { width: 28%; height: 130px; margin-top: 10px; background-color: #fff; margin-bottom: 10px; margin-left: 16px; float: left; border: 3px solid white; border-radius: 10px; padding: 16px; } #careers_left h2, #careers_middle h2, #careers_right h2 { font-size: 1.0em; color: #333; text-align: right; } #careers_left a, #careers_middle a, #careers_right a { text-decoration: none; } a.tooltips { position: relative; display: inline; } a.tooltips span { position: absolute; width:132px; color: #FFF; padding: 10px; background: #000000; height: auto; text-align: center; visibility: hidden; border-radius: 6px; } a.tooltips span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #000000; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.tooltips span { visibility: visible; opacity: 0.8; bottom: 30px; left: 50%; margin-left: -76px; z-index: 999; } .chargePointKey { color: #333; list-style: none; marign-bottom: 30px; margin-bottom: 30px; } .chargePointKey li { width: 210px; margin-bottom: 5px; padding: 32px 12px 12px; border: 1px solid #ccc; float: left; margin-right: 5px; position: relative; height: 80px; font-size: 14px; } .chargePointKey li:last-child { margin-right: 0; } .chargePointKey li:before { color: #fff; content: ''; width: 220px; height: 24px; background-color: #333; display: block; position: absolute; top: 1px; left: 1px; line-height: 24px; padding-left: 12px; font-size: 14px; font-weight: bold; } .chargePointKey li.fast:before { content: 'Blue'; background-color: #3f5ba9; } .chargePointKey li.fast { color: #3f5ba9; } .chargePointKey li.rapid-ac:before { content: 'Green'; background-color: #009d57; } .chargePointKey li.rapid-ac { color: #009d57; } .chargePointKey li.rapid-dc:before { content: 'Purple'; background-color: #a61b4a; } .chargePointKey li.rapid-dc { color: #a61b4a; } .chargePointKey li.various:before { content: 'Black'; background-color: #000; } .chargePointKey li.various { color: #000; } .competition { padding: 30px; } .competition h3, .competition h4 { margin-bottom: 40px; font-size: 25px; width: 70%; } .competition h4 { font-size: 20px; } .competition p { margin-bottom: 30px; width: 80%; } .competition ul { list-style-position: inside; padding: 0 20px 20px; } .competition ul li { margin-bottom: 10px; } .competition form { padding: 0 0 50px; margin-bottom: 30px; } .competition form .field { margin-bottom: 10px; } .competition form .field label { width: 90px; display: inline-block; } .competition form .field select, .competition form .field input { width: 240px; padding: 5px 10px; } .competition form .field .error { margin: 5px 0 20px 95px; } .competition .terms { padding: 0; } .competition form .field input.submit { width: auto; padding: 20px 0 0; margin-left: 205px; } #electric-meet-the-dealer .image { width: 220px; float: left; margin: 0 20px 10px 0; display: block; } #electric-meet-the-dealer .left { width: 720px; float: left; } #electric-meet-the-dealer .image strong { width: 100%; text-align: center; display: block; padding-top: 10px; color: #000; } #electric-meet-the-dealer .image img { width: 100%; } #electric-meet-the-dealer ol { padding-top: 20px; margin-bottom: 20px; } #electric-meet-the-dealer ol li { margin-bottom: 10px; } #electric-rules h2 { width: 100%; box-sizing: border-box; } #electric-rules ul { color: #000; list-style: inside; padding-left: 30px; margin: 20px 0; } #electric-rules ul li { margin-bottom: 10px; } #electric-rules .notices { font-size: 16px; width: 60%; } #electric-rules .right { width: 280px; float: right; } #electric-rules .left { float: left; width: 640px; } #electric-rules .right img { width: 100%; } .vanheader { color: #000; margin-top:40px; } .vanheader strong { font-size: 17px; margin-bottom: 5px; } .vanheader ul, .vanfooter ul{ margin-top: 10px; list-style-type: square; padding-left: 20px; } .vanheader ul li, .vanfooter ul li { margin-bottom: 5px; } .vanheader ul li strong { font-size: 14px; } .vanfooter { color: #000; height: 400px; } .vanfooter-left { width: 400px; float: left; margin-top: 55px; } .vanfooter-right { width: 500px; float: right; } /*70th Vouchers*/ .platinum-vouchers-wrapper { color: #000; padding:20px; width:95%; background: url(../images/platinum/70_wmark.png) 200% -160px no-repeat #cad0d4; } .platinum-vouchers-wrapper .platinum-logo { width: 65%; } .platinum-vouchers-wrapper .platinum-logo-border { width: 35%; border-right: solid 4px #000; margin-right: 15px; padding-right: 15px; } .platinum-vouchers-wrapper .platinum-buttons { width: 800px; margin: 30px auto; } .platinum-vouchers-wrapper .platinum-button{ height: 105px; margin-right: 18px; } .platinum-vouchers-wrapper .span-new { font-size: 70px; vertical-align: top; } .platinum-vouchers-wrapper .celebrate { text-transform: uppercase; font-size: 28px; margin-top: 15px; } .platinum-vouchers-wrapper h1 { text-align: left; text-transform: uppercase; color: #000; font-size: 60px; letter-spacing: -2px; font-weight: normal; line-height: normal; } .platinum-vouchers-wrapper h2 { color: #000; width:80%; margin-bottom:1em; } .platinum-vouchers-wrapper .platinum-static p { font-size: 24px; font-weight: bold; width: 70%; margin-bottom: 2em; } .platinum-vouchers-wrapper .voucher-header-minor { font-size: 22px; font-weight: bold; } .platinum-vouchers-wrapper .footer-decor { margin: 20px auto; width: 100%; } .platinum-vouchers-wrapper .footer-fullwidth { width: 104.4%; margin: 20px 0 -20px -20px; } .platinum-vouchers-wrapper .footer-cars { width: 32%; } .cc_banner-wrapper { z-index: 10000 !important; }