/* ################################################################################################################ USER.CSS - THIS IS THE FILE USED ON MACHARGS - EVERYTHING IN THIS FILE IS MANUALLY ADDED TO STYLE APPLICATIONS - RULES ADDED HERE ARE NOT AVAILABLE IN THE CSS EDITOR IN THE CMS ################################################################################################################ 1) SITE WIDE FORMS - AC_Form is applied as an element attribute to every form when it's added to a page in the CMS - All forms are table based - All form labels are in a cell with a class .td_label - All form fields are in a cell with a class .td_field - ALL FORMS ARE RENDERED BY CORE SYSTEM ################################################################################################################ */ form { padding:0; margin:0 } .AC_Form { } .AC_Form .td_label { background: #787878; color: #fff; font-size: x-small; font-weight: bold; border-bottom: 1px solid #fff; padding: 2px 5px; vertical-align: middle; } .AC_Form .td_field { padding: 2px; font-size: x-small; } .AC_Form .white { } /* this rule is PAGE SPECIFIC - Multi-Car enquiry */ .AC_Form .frame {width: 74px; padding: 10px 5px; border-right: 1px solid #fff; text-align:center;} .AC_Form .label { font-weight: bold; border-left: 1px solid #666; vertical-align: top; width: 100px; } .AC_Form .white, .AC_Form .grey { padding: 2px; } .AC_Form .grey, .AC_Form .frame { background: #e9e7e8; } .AC_Form .label, .AC_Form .white, .AC_Form .grey { border-top: 1px solid #666; border-right: 1px solid #666; } .AC_Form .bottom { border-bottom: 1px solid #666; } .AC_Form .last { } .AC_Form .footerRow td { padding-bottom: 10px; } .AC_Form .submit { margin-top: 10px; background: url(http://www.arnoldclarkonline.com/images/machargs/template/detailsBtnBgNew.png) no-repeat #c00; width: 167px; height: 24px; border: none; font-weight: bold; color: #fff; font-size: small; padding: 0 0 2px 0; cursor: hand; } .AC_Form .text, .AC_Form .textarea {margin-left:10px;width:300px;} .AC_Form .select {margin-left:10px;width:300px;} /* ############## FORM VALIDATION ############## - when a form is submitted a DIV is displayed above the form id=validation_failure - a message is displayed in a div id=invalid_submission_msg - a star is rendered next to each required form field with a class reqd */ #validation_failure {border:1px solid#608fc6;position:relative;margin-top:10px;padding:10px;margin-bottom:20px; font-size:x-small;} #validation_failure a {color:#015286; font-size:x-small; text-decoration:none; font-weight:bold;} #validation_failure a:hover {text-decoration:underline;} #invalid_submission_msg {font-weight:bold;color:#c00} .reqd {color:#fff;font-family:verdana;font-size:16px;font-weight:bold;font-size:xx-small;} /* ################################################################################################################ 2) CAR SEARCH MASK [FORM] - used on all pages - carSearchMask - is the form - selects - is applied to a div that surrounds the select dropdowns - ac_left_title - is applied the titles - CUSTOM CAR SEARCH APPLICATION - APPLICATION OBJECTS RENDERED BY search.xsl -> TEMPLATE: carSearchMask ################################################################################################################ */ .hideHiddenRows .hiddenRow { display:none } /* colinr */ #carSearchMask .selects {margin:0 7px !important;} #carSearchMask table {color: #fff} .selects select { margin: 2px 0 !important; } .ac_left_title { padding:0 0 0 0 !important; text-align:center; font-size:14px !important; } .ac_left_title div { height:15px; padding-top: 2px; cursor: default; margin:0 0 5px 0 !important; text-align:center !important; } .ac_left_title a { dis/play:block; color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif !important; font-size:14px !important; width: 164px !important; padding-top: 2px !important; margin-top:5px !important; background-color:#015286!important; color:#FFFFFF; font-weight:bold; text-transform: uppercase;} /*colinr */ .ac_left_title img { margin-left: 5px; !important} .top10 {font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; width: 164px !important; padding-top: 2px !important; padding-bottom: 3px !important; margin-top:5px !important; background-color:#015286!important; color:#FFFFFF; font-weight:bold; text-transform: uppercase;} /* colinr */ /* FORM BUTTONS */ #btnSubmitSearch { width:140px; font-weight:bold;} #btnResetSearch { width: 100px; background:#81807f; margin-top:6px; font-weight:normal;} #carSearchMask .buttons { text-align:center;padding: 3px 0 } .maskSel { font:menu;width: 140px; font-size:x-small !important;} .maskSel50 { font:menu;width:90px; } .maskTxt { font: menu;width: 118px; } .OutOfRange { display: none; } .maskTxtGrey { color: #ccc; } #carSearchMask label { font: menu;} #picfilter #labelTd{ padding: 0 0 0 5px !important; } #picfilter #checkboxTd{ padding: 0 5px 0 5px !important;} #picFilter { font-size:xx-small !important; font-weight:bold !important; color:#000000!important;} /* ################################################################################################################ 3) CAMPAIGNS - used to format campaign messages in car lists - PART OF CUSTOM CAR SEARCH APPLICATION - APPLICATION OBJECTS RENDERED BY search.xsl -> TEMPLATE: searchResultsList ################################################################################################################ */ .campaign { font-face:bold; color:#a11a16; font-size:11px; } .campaign u { font-size:18px; margin-left:7px; text-decoration:none } /* ################################################################################################################ 4) SOLD FLAGS - used to display sold image in vehicle lists and vehicle detail screen - PART OF CUSTOM CAR SEARCH APPLICATION - APPLICATION OBJECTS RENDERED BY search.xsl -> TEMPLATE: searchResultsList ################################################################################################################ */ .soldflaglist { background:url(http://www.arnoldclarkonline.com/images/soldflags/sold-white.png) right no-repeat; } .searchResultHi .soldflaglist { background:url(http://www.arnoldclarkonline.com/images/soldflags/sold-grey.png) right no-repeat #f3f8fe; } .solddetailtext { text-align:center; font-size:12px; } /* ################################################################################################################ 5) RESULTS LISTS - used in car search result lists in the car search, used cars, new cars and nearly new cars sections http://www.arnoldclark.com/results.html http://www.arnoldclark.com/used.html - PART OF CUSTOM CAR SEARCH APPLICATION - APPLICATION OBJECTS RENDERED BY search.xsl -> TEMPLATE: searchResultsList http://www.arnoldclark.com/nearlynew.html http://www.arnoldclark.com/new.html - PART OF CUSTOM BLOCK BUILDER APPLICATION - APPLICATION OBJECTS RENDERED BY blocks.xsl -> TEMPLATE: searchResultsList and dow - also used in branch listings and parts and accessories listings e.g. http://www.arnoldclark.com/branch/locator.html?br_view=franList&br_franchise=ford http://www.arnoldclark.com/branch/postcode.html?%24instance=br&%24src_postcode=eh7+5as - PART OF CUSTOM BRANCH APPLICATION - APPLICATION OBJECTS RENDERED BY branch.xsl -> TEMPLATE: all http://www.arnoldclark.com/products/parts_accessories/parts_list.html?$p_m=%%&$p_p=Multimedia => - PART OF CUSTOM PARTS APPLICATION - APPLICATION OBJECTS RENDERED BY parts.xsl -> TEMPLATE: all ################################################################################################################ */ #wf_top_main_content_buffer {marg/in-top: -10px !important;} /*colinr */ #wf_container2 {margin-left:12px; margin-right:10px;} #wf_container2 a {color:#004571; text-decoration:none;} #wf_container2 a:hover {color:#004571; text-decoration:underline;} #Intro_Snippet {font-size: x-small;} #blockListHeader { width: 612px; margin-top: -5px;} #blockCell .searchResultBtns td { border-right: none !important; } #blockListHeader td { font-size:11px; } #searchResultsList, #searchDetail { width: 612px;} #searchResultsList td { font-size:x-small; } .searchResultHeader { background: #015286; } .searchResultHeader th { color:#fff; padding:3px 0 3px 5px; white-space: nowrap; font-size:11px; text-align:left;} .searchResultHeader a { color: #fff !important; font-weight: bold; text-decoration: none; } .searchResultHeader a img { border:none; } .searchResultHeader .orderby { margin:2px 0 0 3px; } .searchResultHeader .orderbythis { border-bottom: 1px solid #fff !important; } .searchResult td { color: #333; padding:1px 3px 9px 3px; background-color: #fff; vertical-align: bottom; border-color:#a8a8a8 !important; border-top: 1px dashed;} .col1 { width: 73px; padding:0 !important; } .col2 { width: 45px; white-space:nowrap; } .col3 { width: 55px; } .col4 { width: 160px !important; } .col6 { width: 55px; } .col7 { width: 62px; } .col8, .col9 { min-width: 60px; text-align:right!important; } #blockListHeader { width: 615px !important; } #searchResult { width: 615px !important; } #searchResultsList { width: 615px !important; } .searchResultBtns td { height:16px; text-align: right; vertical-align:bottom; } .searchResultBtns .info { text-align: left; padding-left:5px; } .searchResultBtns .red { color: #015286; font-weight:bold; } .searchResultBtns a { margin-left: 100px; display: block; color:#fff !important; width: 93px; font-size: 10px; text-decoration:none !important; font-weight: bold; background:url(http://www.arnoldclarkonline.com/images/machargs/template/viewdetails_blue.jpg) no-repeat top left; } .searchResultBtns span { display:block; text-align:center; height:18px; padding:2px 0px 0 0; } .searchResult .col1 { vertical-align:middle !important; } .searchResult .col1 img { width:67px; height:50px; margin:4px; } .searchResult .col8 { text-align:right !important; font-weight:bold; color:#c00707; } .searchResult .col8 span { font-size:13px !important; color:#c00707; } .searchResultHeader .col8 { padding-right:0px; } .searchResult .blockListInfo { width: 300px; } .searchResultHi td { background: #f3f8fe; cursor: pointer !important; } .tabOuter { float: left; } .tabInner { text-align:left; font-weight: normal !important; color: #015286; white-space: nowrap; font-size:x-large !important; padding-bottom: 5px; } .tabLabel { font-size:13px; font-weight: bold; } .tabRight { float:right; } .searchResultsPaging { display:table; min-width: 150px; } .searchResultsPaging .tabInner { padding: 3px 5px 0 5px; height: 18px; } .searchResultsPaging a { margin-top: 10px; color: #000000; font-weight:bold; text-decoration:none; text-align:center; font-size:x-small; } .searchResultsPaging a:hover { color: #fff !important; text-decoration:none !important; background-color:#015286 !important;} .searchResultsPaging a span { padding: 0 5px; } #searchResultsTopPaging .currentPageLink { background-color:#8d8d8d; color:#fff; } #searchResultsBtmPaging .currentPageLink { background-color:#8d8d8d; color:#fff;} .searchResultsPaging .first,.searchResultsPaging .next,.searchResultsPaging .last { border-right:0 !important; } #searchResultsBtmPaging { background:url(http://www.arnoldclarkonline.com/images/machargs/template/results_bottom_left.png) no-repeat top left; } #searchResultsBtmPaging .tabInner { background:url(http://www.arnoldclarkonline.com/images/machargs/template/results_bottom_right.png) no-repeat top right;height:10px; padding:3px 20px 0 0; } .noTopPad { padding-top: 0 !important; } #branchLocatorTable .ac_left_title { padding: 0 0 10px 16px !important; background-position:left top; } #branchLocatorTable .ac_left_title a { padding-top: 2px; } .formBtn { background: #a5201a; color: #fff; font-weight: bold; font-size:11px; padding-left: 0px; padding-right:0px; } .resPerP { padding-bottom: 10px; } .resPerP label { font-size: 11px; font-weight: bold; } .resPerP input { font-size: 11px; } .resPerP select { font: menu; } .motoAdvPay {display:block; white-space:nowrap; font-size:11px; font-weight:bold;} .price .motoAdvPay {font-size: 15px} /* ################################################################################################################ 6) VEHICLE DETAIL SCREEN - USED IN CAR SEARCH RESULTS IN THE CAR SEARCH, USED CARS, NEW CARS AND NEARLY NEW CARS SECTIONS - ALSO USED IN BRANCH LISTINGS AND PARTS AND ACCESSORIES LISTINGS, TO ENSURE SITE WIDE STYLES - PART OF CUSTOM CAR SEARCH AND BLOCK BUILDER APPLICATIONS - APPLICATION OBJECTS RENDERED BY search.xsl -> TEMPLATE: searchResultsDetailHeader ################################################################################################################ */ #searchDetailHeader { margin-top: 10px; } #searchDetailHeader a { margin-right: 4px; text-decoration: none !important; font-weight: bold; text-align:center; font-size:13px; font-weight: bold; color: #fff !important; } #searchDetailHeader a span { height: 18px; padding-top: 3px; width: 100px; } #searchDetailHeader .on { background: url(http://www.arnoldclarkonline.com/images/machargs/template/tab_blue_left.png) no-repeat top left; } #searchDetailHeader .on span { background: url(http://www.arnoldclarkonline.com/images/machargs/template/tab_blue_right.png) no-repeat top right; } #searchDetailHeader .off { background: url(http://www.arnoldclarkonline.com/images/machargs/template/tab_grey_left.png) no-repeat top left; } #searchDetailHeader .off span { background: url(http://www.arnoldclarkonline.com/images/machargs/template/tab_grey_right.png) no-repeat top right; } #searchDetail { border-top: 10px solid #015286; margin-left:12px;} #searchDetail .top, #searchDetail .left, #searchDetail .bottom{ border-left: 1px solid #a8a8a8; } #searchDetail .top, #searchDetail .right, #searchDetail .bottom { border-right: 1px solid #a8a8a8; } #searchDetail .top { padding: 0 10px; } #searchDetail .left, #searchDetail .right { vertical-align: top; } #searchDetail .left { padding: 0 10px 10px 10px; } #searchDetail .right { padding: 0 14px 10px 10px; width: 167px; } #searchDetail h1 { margin: 7px 0 7px 0; font-size: large; padding: 0; font-weight:normal; } #searchDetail .mainPic { border: 1px solid #7e7e7e; margin-bottom: 7px; } #searchDetail .weePic { border: 1px solid #7e7e7e; margin: 7px 10px 0 0; } #searchDetail .spec { margin-top: 15px; } #searchDetail .spec .tdLabel{ width: 140px; white-space:nowrap; } #searchDetail .btn { display: block; font-size:12px; text-align:left; background: url(http://www.arnoldclarkonline.com/images/machargs/template/detailsBtnBg.png) top center no-repeat; color:#fff; font-weight:bold; padding: 4px 0 0 8px; height: 24px; margin-bottom: 4px; text-decoration: none; } #searchDetail .branchTitle { text-align:left; font-size:12px; background: url(http://www.arnoldclarkonline.com/images/machargs/template/detailsBtnBg.png) top center no-repeat; color:#fff; font-weight:bold; padding: 4px 0 0 8px; height: 24px; text-decoration: none; cursor: default;} /* DETAIL VIEW PRICING */ #searchDetail .priceInfo { text-align: right; font-size:11px; padding-bottom: 10px; width:196px;} #searchDetail .priceInfo span { color:#7f7f7f; font-size:12px; font-weight:bold;} #searchDetail .topPrice { font-size:13px; font-weight:bold; } #searchDetail .price { font-size: small; font-weight: bold; color:#015286; margin-top:5px;} #searchDetail .price span { color:#000000; font-size:24px; } #searchDetail .price span span { font-size:34px;} #searchDetail .presale { margin-top: 10px; font-size:13px; font-weight:bold; /*color:#f00;text-decoration:line-through;*/ } #searchDetail .savings { color: #fff; text-align: right; height:21px; margin-top: 6px; font-size: 10px; font-weight: bold; padding-top: 4px; margin-bottom: 10px; padding-right: 8px; background:url(http://www.arnoldclarkonline.com/images/machargs/template/saving_detail.png) no-repeat top left; } #searchDetail .savings span { color: #FFFFFF; font-size: 10px; } #searchDetail .branchOpen { } #searchDetail .branch a, #searchDetail .branchOpen a { margin-bottom: 0px !important; } #searchDetail .branch .branchDetail { visibility: hidden; border-bottom: 1px solid #333; } #searchDetail .branchDetail { border-left: 1px solid #333; padding: 5px; font-size: 11px; fo/nt-weight: bold; padding-bottom: 20px; } #searchDetail #map { color:#fff; height: 16px; font-weight:bold; text-align: right; margin-right:4px; padding-right: 20px; background: url(http://www.arnoldclarkonline.com/images/machargs/template/bottomCurveBg.png) no-repeat bottom right; margin-top: -20px; } #searchDetail #map a { text-decoration: none; color: #fff; font-size: 11px; } #searchDetailBtm .o { background:url(http://www.arnoldclarkonline.com/images/machargs/template/results_bottom_left.png) no-repeat top left; } #searchDetailBtm .i { background:url(http://www.arnoldclarkonline.com/images/machargs/template/results_bottom_right.png) no-repeat top right;height:22px; } .vatFlag { font-size: small!important; color: #000!important; } /* ADD TO SHOWROOM LINK */ #bSRAsst { position: absolute; margin: 2px 0 0 135px; } #bSRAsst img{ margin:0 0 0 10px; border:none; } /* OTHER OPTIONS LIST */ .optionsList { float: left; width: 360px; list-style-type:none; margin: 0; padding: 0; } .optionsList li { width: 165px; padding: 5px 10px 0 0; margin: 0; float: left; } /* BLOCK BUILDER DETAIL - THE SAME CORE STYLES ARE USED IN THE USED AND NEW CAR DETAIL VIEWS - e.g. http://www.arnoldclark.com/detail.html?ac_reg=blk_fmrnrek9na9nrm4s&$ac_sr=0&$ac_pp=10&$blk=2&$franchiselist=&$model=C1& */ /* DEAL OF THE WEEK */ .DealOfTheWeek { padding: 5px 10px 10px 10px; } #DealOfTheWeekTitle { font-size: large !important; font-weight: normal; } #DealOfTheWeekTitleMoney1 { text-align: right; vertical-align: top; padding-top: 5px; } #DealOfTheWeekTitleMoney1 .price, #DealOfTheWeekTitleMoney1 .savings { font-size: x-small; font-weight: bold; } #DealOfTheWeekTitleMoney1 .price span{ font-size: x-large; } #DealOfTheWeekTitleMoney1 .savings { color: #ae1312; } #DealOfTheWeekTitleMoney1 .savings span{ font-size: 20px !important; } #financeBlock { margin-top: 15px; } #financeBlock .fb { padding: 5px; background: #c00707; border-bottom: 1px solid #fff; color: #fff; text-align: center; text-transform: uppercase; } #financeBlock .sma { font-size: 11px; } #financeBlock .big { font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 20px; } #financeBlock .big span { font-size: 30px; } #financeBlock .big span b { font-size: 20px; } #financeBlock .apr { text-align: center; font-size: 40px !important; } .BLOCKBTN_RED_100, .BLOCKBTN_RED_150 {text-align:center; display: block;clear: left;float: left;background: url(http://www.arnoldclarkonline.com/images/machargs/template/body_btn_blue_left.png) no-repeat center left;color:#fff !important;text-decoration:none !important;font-size:10px !important;font-weight:bold;} .BLOCKBTN_RED_100 span {display: block;width: 80px;height: 16px;text-align: center;white-space: nowrap;background: url(http://www.arnoldclarkonline.com/images/machargs/template/body_btn_blue_right.png) no-repeat center right; padding: 2px 10px 0px 10px; text-align:center;} /* ################################################################################################################ 7) NEW AND NEARLY NEW CAR BLOCKBUILDER OBJECTS - http://www.arnoldclark.com/new.html - http://www.arnoldclark.com/nearlynew.html?$franchise=hyun - PART OF CUSTOM BLOCK BUILDER APPLICATIONS - APPLICATION OBJECTS RENDERED BY block.xsl -> TEMPLATES: searchResultsList, dow ALSO USED IN PARTS AND BRANCH APPLICATIONS - PARTS APPLICATION OBJECTS RENDERED BY parts.xsl -> TEMPLATE: partList, partDetail - BRANCH APPLICATION OBJECTS RENDERED BY branch.xsl -> TEMPLATE: branchSearchRender, townList, franList ################################################################################################################ */ /* CORE CSS TO CONTROL BLOCKBUILDER OBJECTS */ #blockCell { } #franchiseGutter { width: 0px!important; } #franchiseCell { width: 100px; background-color:#eaeaea;} #franchiseCell img { margin: 10px 0; } #franchiseMenuHeader { color: #fff; background: #015286; font-size:11px; padding:3px 0; font-weight: bold; text-align: center; } .blockListing p {font-size: small;} .blockListing { wid/th: 469px; border-bottom: 1px dashed #a8a8a8; } .blockListing .col1 { border-left: none !important; } .blockListing .col8 { vertical-align: top !important; border-right: none !important; } .blockListing .col8 span { font-size: 16px !important; } .blockListing .searchResultBtns a, .blockListing .searchResultBtns span { display: block; } .blockListing .searchResultBtns span { width: 93px; padding-bottom: 2px; } .blockListInfo { } .blockListVehicle { font-size: 11px; color:#000000; font-weight:bold; padding-top: 3px; max-width:200px !important; } .blockListFeaturedOptions { padding-top: 2px; font-size: 12px; font-weight: bold; color: #015286; max-width:200px !important; } .blockListOptions { font-size: 9px; color:#000000; padding-top: 2px; max-width: 200px !important;} .blockListSave { margin-bottom:-5px;width: 200px; text-align: left; padding-left: 5px; margin-top:2px; padding-top:3px; height:18px; color: #fff; font-weight: bold; size: 11px; background-image:url(http://www.arnoldclarkonline.com/images/machargs/template/savings_red.jpg); background-position: left !important; background-repeat:no-repeat; } .blockListSave span{ font-size: 11px;} /* CLASS APPLIED TO TABLE CELL SURROUNDING MANUFACTURER SELECT */ .franchiseSelect { font-size:x-small; white-space:nowrap; } .franchiseSelect select { width:107px; font-size:xx-small; } .franchiseSelect select option { width:107px; font-size:xx-small;} /* PRICE AND FRANCHISE COLUMN HEADINGS - http://www.arnoldclark.com/nearlynew.html */ #priceColumnHeader {width:105px;text-align: right!important;padding-right: 15px; } #franchiseColHeader {width: 121px; padding-left: 0px !important;} /* DEAL PRICE AND IMAGES e.g. http://www.arnoldclark.com/nearlynew.html?$franchise=chev */ .DOWImage { width: 350px !important; } .DOWPrice { width: 100px !important; } #DOWInfo { width: 464px !important } #dowImage img { border: 1px solid #ccc; } /* !!!! NOT SURE THESE NEXT 2 ARE USED */ #selFranchise { text-align: right !important; } #selFranchise select{ font-size: 9px; } /* RIGHT HARD FRANCHISE MENU LIST */ #franchiseMenu a, #modelMenu a, #right_menu a { font-weight: bold; text-decoration: none; width: 120px; min-height: 17px; color: #000; padding-left: 5px; margin-top:0px; padding-top: 0px; padding-top: 2px; background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); background-position: left bottom !important; background-repeat:no-repeat;} #franchiseMenu a:hover, #modelMenu a:hover, #right_menu a:hover { padding-top:2px; background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); background-color:#9db8c9; background-position: left bottom !important; background-repeat:no-repeat; color:#000000 !important; text-decoration:none !important;} /* NEXT 2 RULES ARE ONLY USED IN PARTS AND ACCESSORIES NOW */ #modelMenu a, #right_menu a { padding-top: 2px; background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); background-position: left bottom !important; background-repeat:no-repeat; } #modelMenu a:hover, #right_menu a:hover { padding-top:2px; background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); background-color:#9db8c9; background-position: left bottom !important; background-repeat:no-repeat;} /* FRANCHISE LIST OFF STATE */ #moto{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #alfa{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #bmw{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #citr{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #chev{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #fiat{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #ford{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #hond{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #hyun{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #kia{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #lexu{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #mazd{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #mini{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #niss{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #peug{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #rena{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #seat{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #toyo{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #vaux{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #volk{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #volv{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #mota{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #ca99{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } #busi{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank.png); } /* ### FRANCHISE LIST OVER STATE ### */ #moto:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #alfa:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #bmw:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #citr:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #chev:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #fiat:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #ford:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #hond:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #hyun:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #kia:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #lexu:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #mazd:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #mini:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #niss:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #peug:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #rena:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #seat:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #toyo:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #vaux:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #volk:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #volv:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #mota:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #ca99:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } #busi:hover{ background-image:url(http://www.arnoldclarkonline.com/images/machargs/franchise/buttons/blank_over.png); } /* colinr */ #wf_container21 { backgro/und:#ccc; padd/ing-left:10px; } #searchDetail { margin-left:0px !important;} #searchResultsTopPaging { padding-bottom:20px;} #searchResultsBtmPaging {padding-bottom: 10px;margin-right:0px !important;} #wf_main_column{padding-left:10px; !important} .savingDivInner {display:block}