/* ----------------------------------------------------------------------- Title : Park's Motor Group Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type : Screen, Projection ----------------------------------------------------------------------- */ /* ---------------------------------------------------------------------*/ /* -------------------------- IMPORTED STYLES ------------------------- */ /* ---------------------------------------------------------------------*/ /*@import url(reset.css); /* resets the html for consistancy between browsers */ /*@import url(layout.css); /* holds site specific styles */ /*@import url(typo.css); /* typography styles */ /*@import url(codeweavers.css); /* codeweavers styles */ /*@import url(jquery-ui-1.8.gforces.css); /* JQuery Reset/Custom styles */ /* ----------------------------------------------------------------------- Title : ND Auto Demo Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection ------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight:inherit; font-style:inherit; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { text-decoration: none; } del { text-decoration: line-through; } img { display:block; } abbr, acronym { border:0; } select,button { margin: 0; padding: 0; } select { height: 20px; } table { border-collapse: separate; border-spacing: 1; } table p { padding:0px; } /* ---------------------------------------------------------------------*/ /* ------------------------------- OUTER ------------------------------ */ /* ---------------------------------------------------------------------*/ body { background: #000 url(/images/redesign/bodyBg.jpg) top center no-repeat; } #outer { width:100%; height:100%; } #container { width:919px; margin:0 auto; text-align:left; font-size: 100%; } /* ---------------------------------------------------------------------*/ /* ------------------------------ HEADER ------------------------------ */ /* ---------------------------------------------------------------------*/ #header { height: 93px; width: 919px; position: relative; } #header #logo { position: absolute; top: 16px; left: 17px; } #header #badge { position: absolute; top: 10px; right: 0px; } #header #pleaseCall {position: absolute; top: 20px; right: 10px; line-height:28px; background: url(/images/please_call.jpg) no-repeat;width: 268px;} #header #contactDetails { float: left; padding:3px; color:#d8d8d8; font-size:18px; font-family: Helvetica, Arial,sans-serif; text-align: right; } #header #contactDetails span { color:#fff; font-size:24px; } #header #backToGroup { position: absolute; top: 43px; right: 0px; } #printHeader { display:none; } /* ---------------------------------------------------------------------*/ /* ---------------------------- PRIMARY NAV --------------------------- */ /* ---------------------------------------------------------------------*/ /*#primaryNav { margin: 0px 0px 17px 0px; width: 919px; height: 34px; } #primaryNav ul { list-style: none; margin: 0px; padding: 0px ; height: 34px; width:919px; } #primaryNav li { list-style: none; padding: 0px; margin: 0px; float: left; text-align:center; height:34px; width: 181px; } #primaryNav li a { display: block; text-decoration: none; padding: 8px 11px 8px 12px; color:#fff; font-weight:normal; font-size:12px; } #primaryNav li a:hover, #primaryNav li a.active { background: url(/images/primaryNavHover.gif) no-repeat; } #primaryNav li.spacer { background: url(/images/primaryNavSpacer.gif) top left no-repeat; height:34px; width: 2px; }*/ /* ---------------------------------------------------------------------*/ /* --------------------------- DROPDOWN NAV --------------------------- */ /* ---------------------------------------------------------------------*/ /*#primaryNav ul li ul { left: -999em; position: absolute; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 200px; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 4px 0px 0px 0px; margin: 0px; background: #ececec; width: 200px; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 0px 5px 5px 10px; margin: 0px; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 0px 5px 5px 10px; margin: 0px; }*/ /* ---------------------------------------------------------------------*/ /* --------------------------- PRIMARY COLUMN ------------------------- */ /* ---------------------------------------------------------------------*/ #primaryCol { float: right; width: 670px; background:url(/images/rightColBg.jpg) left top no-repeat; } #primaryCol .padding { padding: 10px 11px; width:642px; } /* ---------------------------------------------------------------------*/ /* ------------------------ SECONDARY COLUMN(S) ----------------------- */ /* ---------------------------------------------------------------------*/ #leftCol { float: left; width: 249px; } #leftCol .box, #leftColHome .box.wishlist { width:249px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #757575; } #leftCol .box.last, #leftCol .box.wishlist.last { border-bottom:none; } #leftCol .box a, #leftCol .box.wishlist a { text-decoration:none; } #leftCol .box.wishList .wishItem a span, #leftColHome .box.wishList .wishItem a span { color:#c8ac5d !important; } #leftCol .box.wishList, #leftColHome .box.wishList { padding:14px 0 0 17px; width:232px; } #leftCol .box.wishList .wishItem, #leftColHome .box.wishList .wishItem { margin-top:15px; height:63px; font-size:11px; } #leftCol .box.wishList .wishItem .thumb, #leftColHome .box.wishList .wishItem .thumb { display:block; width:84px; height:63px; float:left; background:url(/images/noImage84x63.jpg) no-repeat; } #leftCol .box.wishList .wishItem .details, #leftColHome .box.wishList .wishItem .details { display:block; float:right; width:135px; font-weight:bold; text-decoration:underline; } #leftCol .box.wishList .wishItem .price, #leftColHome .box.wishList .wishItem .price { display:block; clear:right; float:right; width:135px; font-size:11px; color:#fff; font-weight:bold; text-decoration:none !important; margin-top:10px; display:block; } #leftCol .box.wishList #btn, #leftColHome .box.wishList #btn { margin-top:15px; } #locations .wishList .wishItem a span { color:#c8ac5d; } #locations .wishList { padding:14px 0 0 0px; width:231px; } #locations .wishList .wishItem { margin-top:15px; height:63px; font-size:11px; } #locations .wishList .wishItem .thumb { display:block; width:84px; height:63px; float:left; background:url(/images/noImage84x63.jpg) no-repeat; } #locations .wishList .wishItem .details { display:block; float:right; width:135px; font-weight:bold; text-decoration:underline; } #locations .wishList .wishItem .price { display:block; clear:right; float:right; width:135px; font-size:11px; color:#fff; font-weight:bold; text-decoration:none !important; margin-top:10px; display:block; } #locations .wishList #btn { margin-top:15px; } #vehicleSearch { background:url(/images/searchBg.jpg) left top no-repeat; margin-bottom:15px; min-height:300px;} #leftColHome {float: left; width: 249px; position:relative; margin-bottom:15px; min-height:300px; } #leftColHome #vehicleSearch { min-height:300px; position:absolute; } #leftColHome #vehicleSearch ul { width:249px; height:55px; } #leftColHome #vehicleSearch li a { background:url(/images/spriteSearchTabs.jpg); display:block; height:47px; } #leftColHome #vehicleSearch li a#tabModel { background-position:0px 0px; width:104px; } #leftColHome #vehicleSearch li a#tabBudget { background-position:-104px 0px; width:145px; } #leftColHome #vehicleSearch li.ui-state-active a#tabModel { background-position:0px -47px; } #leftColHome #vehicleSearch li.ui-state-active a#tabBudget { background-position:-104px -47px;} #leftColHome #vehicleSearch .padding { padding:19px 11px 11px; } #leftColHome #vehicleSearch select { margin-bottom:15px; border:0px; font-size:11px; font-family: Helvetica, Arial, sans-serif; width:227px !important; } #leftColHome #vehicleSearch .vehiclesFound { margin-top:4px; } #leftColHome #vehicleSearch .vehiclesFound .amount { float:left; margin-left:6px; font-weight:bold; font-size:17px; color:#fff;} #leftColHome #vehicleSearch .checkRadio { width:75px; height:15px; padding-left:5px; } #leftCol #vehicleSearch { min-height:300px; } #leftCol #vehicleSearch ul { width:249px; height:55px; } #leftCol #vehicleSearch li a { background:url(/images/spriteSearchTabs.jpg); display:block; height:47px; } #leftCol #vehicleSearch li a#tabModel { background-position:0px 0px; width:104px; } #leftCol #vehicleSearch li a#tabBudget { background-position:-104px 0px; width:145px; } #leftCol #vehicleSearch li.ui-state-active a#tabModel { background-position:0px -47px; } #leftCol #vehicleSearch li.ui-state-active a#tabBudget { background-position:-104px -47px;} #leftCol #vehicleSearch .padding { padding:19px 11px 11px; } #leftCol #vehicleSearch select { margin-bottom:15px; border:0px; font-size:11px; font-family: Helvetica, Arial, sans-serif; width:227px !important; } #leftCol #vehicleSearch .vehiclesFound { margin-top:4px; } #leftCol #vehicleSearch .vehiclesFound .amount { float:left; margin-left:6px; font-weight:bold; font-size:17px; color:#fff;} #leftCol #vehicleSearch .checkRadio { width:75px; height:15px; padding-left:5px; } #leftColHome .vehicleFilter, #leftCol .vehicleFilter { padding:10px 0px 0px; } #leftCol #jumpStockUpdates{ display:block; width:249px; background:url(/images/stockUpdatesBg.gif) left -19px no-repeat; } #leftCol #jumpStockUpdates .padding { display:block; padding:48px 80px 50px 17px; } #leftCol #jumpBookService{ display:block; width:231px; background:url(/images/bookServiceBg.gif) left -19px no-repeat; } #leftCol #jumpBookService .padding { display:block; padding:48px 80px 50px 17px; } #leftCol #jumpContactUs{ display:block; width:231px; background:url(/images/contactUsBg.gif) left -19px no-repeat; } #leftCol #jumpContactUs .padding { display:block; padding:48px 80px 50px 17px; } #leftCol a span { font-weight:normal ; color:#fff; text-decoration:none; } /* ---------------------------------------------------------------------*/ /* ------------------------------ HOMEPAGE ---------------------------- */ /* ---------------------------------------------------------------------*/ #homeBanner { width:670px; height:300px; position:relative; } #homeBanner #thumbContain { position:absolute; left:575px; top:30px; } #homeBanner #thumbContain a.thumb { width:66px; height:26px; padding:3px; position:relative; margin-bottom:10px; display:block; } #homeBanner #thumbContain a.thumb .frame { width:72px; height:32px; display:block; position:absolute; top:0px; left:0px; background:url(/images/frame66x26.gif) left top no-repeat; } #homeBanner #thumbContain a.thumb .overlay { display:block; width:72px; height:32px; position:absolute; top:0px; left:0px; background:url(/images/overlay66x26.png) left top no-repeat; } #franchiseJumps { padding-top:0px; } #franchiseJumps a{ width:60px; height:56px; display:block; float:left; margin:7px 6px 0px 0px; background:url(/images/spriteFranchiseJumps.jpg); } #franchiseJumps a#bentley { background-position:0px 0px; } #franchiseJumps a#bmw { background-position:-66px 0px; } #franchiseJumps a#citroen { background-position:-132px 0px; } #franchiseJumps a#fiat { background-position:-198px 0px; } #franchiseJumps a#honda { background-position:-265px 0px; } #franchiseJumps a#jaguar { background-position:-331px 0px; } #franchiseJumps a#kia { background-position:-397px 0px; } #franchiseJumps a#landrover { background-position:-463px 0px; } #franchiseJumps a#mini { background-position:-529px 0px; } #franchiseJumps a#nissan { background-position:-595px 0px; } #franchiseJumps a#renault { background-position:-662px 0px; } #franchiseJumps a#skoda { background-position:-728px 0px; } #franchiseJumps a#suzuki { background-position:-794px 0px; } #franchiseJumps a#volvo { background-position:-860px 0px; margin-right:0px;} #franchiseJumps a#saab { background-position:-920px 0px; } #franchiseJumps a#motorworld { width:176px; background-position:0px -56px; margin-right:9px; } #franchiseJumps a#leasing { width:176px; background-position:-185px -56px; margin-right:10px; } #franchiseJumps a#hamilton { width:176px; background-position:-371px -56px; margin-right:9px;} #franchiseJumps a#kilbride { width:176px; background-position:-557px -56px; margin-right:10px;} #franchiseJumps a#overfinch { width:176px; background-position:-742px -56px; margin-right:0px;} #franchiseJumps a#bentley:hover { background-position: 0 -112px; } #franchiseJumps a#bmw:hover { background-position: -66px -112px; } #franchiseJumps a#citroen:hover { background-position: -132px -112px; } #franchiseJumps a#fiat:hover { background-position: -198px -112px; } #franchiseJumps a#honda:hover { background-position: -265px -112px; } #franchiseJumps a#jaguar:hover { background-position: -331px -112px; } #franchiseJumps a#kia:hover { background-position: -397px -112px; } #franchiseJumps a#landrover:hover { background-position: -463px -112px; } #franchiseJumps a#mini:hover { background-position: -529px -112px; } #franchiseJumps a#nissan:hover { background-position: -595px -112px; } #franchiseJumps a#renault:hover { background-position: -662px -112px; } #franchiseJumps a#skoda:hover { background-position: -728px -112px; } #franchiseJumps a#suzuki:hover { background-position: -794px -112px; } #franchiseJumps a#volvo:hover { background-position: -860px -112px; } #franchiseJumps a#saab:hover { background-position: -920px -112px; } #franchiseJumps a#motorworld:hover { background-position:0px -168px; } #franchiseJumps a#leasing:hover { background-position:-185px -168px; } #franchiseJumps a#hamilton:hover { background-position:-371px -168px; } #franchiseJumps a#kilbride:hover { background-position:-557px -168px; } #franchiseJumps a#overfinch:hover { background-position:-742px -168px; } .franchiseJumpsSmall a { width:56px !important; height:56px; display:block; float:left; margin:7px 6px 0px 0px; background:url(/images/spriteFranchiseJumps.jpg); } .franchiseJumpsSmall a#bentley { background-position:0px -224px !important; } .franchiseJumpsSmall a#bmw { background-position:-62px -224px !important; } .franchiseJumpsSmall a#citroen { background-position:-124px -224px !important; } .franchiseJumpsSmall a#fiat { background-position:-186px -224px !important; } .franchiseJumpsSmall a#honda { background-position:-248px -224px !important; } .franchiseJumpsSmall a#jaguar { background-position:-310px -224px !important; } .franchiseJumpsSmall a#kia { background-position:-372px -224px !important; } .franchiseJumpsSmall a#landrover { background-position:-434px -224px !important; } .franchiseJumpsSmall a#mini { background-position:-496px -224px !important; } .franchiseJumpsSmall a#nissan { background-position:-558px -224px !important; margin-right:5px; } .franchiseJumpsSmall a#renault { background-position:-620px -224px !important; margin-right:5px; } .franchiseJumpsSmall a#saab { background-position:-682px -224px !important; margin-right:5px; } .franchiseJumpsSmall a#skoda { background-position:-744px -224px !important; margin-right:5px; } .franchiseJumpsSmall a#suzuki { background-position:-806px -224px !important; margin-right:5px; } .franchiseJumpsSmall a#volvo { background-position:-868px -224px !important; margin-right:0px;} .franchiseJumpsSmall a#bentley:hover { background-position: 0 -280px !important; } .franchiseJumpsSmall a#bmw:hover { background-position: -62px -280px !important; } .franchiseJumpsSmall a#citroen:hover { background-position: -124px -280px !important; } .franchiseJumpsSmall a#fiat:hover { background-position: -186px -280px !important; } .franchiseJumpsSmall a#honda:hover { background-position: -248px -280px !important; } .franchiseJumpsSmall a#jaguar:hover { background-position: -310px -280px !important; } .franchiseJumpsSmall a#kia:hover { background-position: -372px -280px !important; } .franchiseJumpsSmall a#landrover:hover { background-position: -434px -280px !important; } .franchiseJumpsSmall a#mini:hover { background-position: -496px -280px !important; } .franchiseJumpsSmall a#nissan:hover { background-position: -558px -280px !important; } .franchiseJumpsSmall a#renault:hover { background-position: -620px -280px !important; } .franchiseJumpsSmall a#saab:hover { background-position: -682px -280px !important; } .franchiseJumpsSmall a#skoda:hover { background-position: -744px -280px !important; } .franchiseJumpsSmall a#suzuki:hover { background-position: -806px -280px !important; } .franchiseJumpsSmall a#volvo:hover { background-position: -868px -280px !important; } #franchiseJumps a#motorworld { width:176px !important; background-position:0px -56px; margin-right:9px; } #franchiseJumps a#leasing { width:176px !important; background-position:-185px -56px; margin-right:10px; } #franchiseJumps a#hamilton { width:176px !important; background-position:-371px -56px; margin-right:9px;} #franchiseJumps a#kilbride { width:176px !important; background-position:-557px -56px; margin-right:10px;} #franchiseJumps a#overfinch { width:176px !important; background-position:-742px -56px; margin-right:0px;} #primaryJumps { height:178px; border-top:1px solid #757575; border-bottom:1px solid #757575; margin:15px 0px; } #primaryJumps span { display:block; font-size:12px; } #primaryJumps a { text-decoration:none; font-weight:normal; color:#fff; } #primaryJumps a:hover { text-decoration:none; font-weight:normal; color:#fff; } #primaryJumps #jumpStockUpdates{ float:left; width:249px; height:178px; background:url(/images/stockUpdatesBg.gif) left top no-repeat; } #primaryJumps #jumpStockUpdates .padding { padding:67px 80px 50px 17px; } #primaryJumps #jumpBookService{ float:left; width:231px; height:178px; background:url(/images/bookServiceBg.gif) left top no-repeat; } #primaryJumps #jumpBookService .padding { padding:67px 80px 50px 17px; } #primaryJumps #jumpContactUs{ float:left; width:231px; height:178px; background:url(/images/contactUsBg.gif) left top no-repeat; } #primaryJumps #jumpContactUs .padding { padding:67px 80px 50px 17px; } #primaryJumps #jumpValueCar{ float:left; width:231px; height:178px; background:url(/images/valueCarBg.gif) left top no-repeat; } #primaryJumps #jumpValueCar .padding { padding:67px 80px 50px 17px; } #primaryJumps #featuredCars { float:left; width:191px; padding:26px 0px 0px 17px; } #primaryJumps #featuredCars #thumb { float:left; width:84px; height:63px; background:url(/images/noImage84x63.jpg) no-repeat; background:red; margin:10px 0; } #primaryJumps #featuredCars #desc {float: right; font-weight:bold; width:96px; text-align:right; margin-top:6px; } #primaryJumps #featuredCars #count { } #primaryJumps #featuredCars #count a{ float:left; padding:1px 6px 2px; text-align:center; background:#c8ac5d; color:#fff; margin-left:7px; font-weight:bold; } #primaryJumps #featuredCars #count a:hover, #primaryJumps #featuredCars #count a.active{ float:left; padding:1px 6px 2px; text-align:center; background:#fff; color:#000; } #locations { width:249px; float:left; margin-top:10px; } /* ---- FRANCHISE HOMEPAGE STYLES ---- */ #homeContent { width:670px; float:right; margin-top:25px; } #homeContent.franchise { padding-left:20px; width:650px; background: none !important; } #franchiseHomeJumps { width:670px; height:190px; margin-top:1px;} #franchiseHomeJumps a { display:block; height:190px; float:left; } #franchiseHomeJumps a#usedCars { width:211px; background-position:0 0; } #franchiseHomeJumps a#newCars { width:221px; background-position:-211px 0; } #franchiseHomeJumps a#vans { width:238px; background-position:-432px 0; } /* ---------------------------------------------------------------------*/ /* ------------------------------ INTERNAL ---------------------------- */ /* ---------------------------------------------------------------------*/ #mainContent { } #newCarSelect .franchises { margin-top:10px; margin-bottom:40px; border-bottom:1px solid #767676; } #newCarSelect .franchises a{ float:left; display:block; height:56px; width:60px; margin-right:6px; margin-bottom:6px; background:url(/images/spriteNewCarFranchise.jpg); } #newCarSelect .franchises a.last { margin-right:0px !important; } #newCarSelect .franchises a#bentley { background-position: 0 0; } #newCarSelect .franchises a#bmw { background-position: -66px 0; } #newCarSelect .franchises a#citroen { background-position: -132px 0; } #newCarSelect .franchises a#fiat { background-position: -198px 0; } #newCarSelect .franchises a#honda { background-position: -265px 0; } #newCarSelect .franchises a#jaguar { background-position: -331px 0; } #newCarSelect .franchises a#kia { background-position: -397px 0; } #newCarSelect .franchises a#landrover { background-position: 0 -63px; } #newCarSelect .franchises a#mini { background-position: -66px -63px; } #newCarSelect .franchises a#nissan { background-position: -132px -63px; } #newCarSelect .franchises a#renault { background-position: -198px -63px; } #newCarSelect .franchises a#skoda { background-position: -265px -63px; } #newCarSelect .franchises a#suzuki { background-position: -331px -63px; } #newCarSelect .franchises a#volvo { background-position: -397px -63px; } #newCarSelect .franchises a#overfinch { background-position: -464px -63px; width:126px; } #newCarSelect .franchises a#motorworld { background-position: -464px 0px; } #newCarSelect .franchises a#saab { background-position: -530px 0px; } #newCarSelect .franchises a#bentley:hover { background-position: 0 -119px; } #newCarSelect .franchises a#bmw:hover { background-position: -66px -119px; } #newCarSelect .franchises a#citroen:hover { background-position: -132px -119px; } #newCarSelect .franchises a#fiat:hover { background-position: -198px -119px; } #newCarSelect .franchises a#honda:hover { background-position: -265px -119px; } #newCarSelect .franchises a#jaguar:hover { background-position: -331px -119px; } #newCarSelect .franchises a#kia:hover { background-position: -397px -119px; } #newCarSelect .franchises a#landrover:hover { background-position: 0 -182px; } #newCarSelect .franchises a#mini:hover { background-position: -66px -182px; } #newCarSelect .franchises a#nissan:hover { background-position: -132px -182px; } #newCarSelect .franchises a#renault:hover { background-position: -198px -182px; } #newCarSelect .franchises a#skoda:hover { background-position: -265px -182px; } #newCarSelect .franchises a#suzuki:hover { background-position: -331px -182px; } #newCarSelect .franchises a#volvo:hover { background-position: -397px -182px; } #newCarSelect .franchises a#overfinch:hover { background-position: -464px -182px; width:126px; } #newCarSelect .franchises a#motorworld:hover { background-position: -464px -119px; } #newCarSelect .franchises a#saab:hover { background-position: -530px -119px; } #newCarSelect #newCarList { } #newCarSelect #newCarList .item { border-bottom:1px solid #555555; padding-bottom:10px; margin-bottom:10px; } #newCarSelect #newCarList .item .badge { float:left; height:auto; width:60px; margin-right:40px; } #newCarSelect #newCarList .item .models { width:525px; float:left; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:11px; } #newCarSelect #newCarList .item .models a { color:#fff !important; text-decoration:none !important; font-weight:normal;} /* ol { float:left; width:120px; } ol li { color:#c8ac5d; } ol span{ color:#fff; } ul { float:left; width:120px; } ul li { color:#c8ac5d; } ul span{ color:#fff; } */ /* ---------------------------------------------------------------------*/ /* ------------------------------ BOX LIST ---------------------------- */ /* ---------------------------------------------------------------------*/ #boxList {} #boxList .box { width:194px; float:left; margin:0 30px 30px 0;} #boxList .box.last { margin-right:0px !important;} #boxList .box a { display: block; text-decoration:none; font-weight:normal; color:#fff; } #boxList .box .thumb { display: block; height:146px; width:194px; background:url(/images/noImage194x146.jpg) no-repeat; } #boxList .box .details { display: block; width:194px; height:71px; background:url(/images/newListDetailsBg.png) left top no-repeat; } #boxList .box .padding { display: block; padding:7px; font-size:11px; background:none; text-align:left; width:180px; } #boxList .box .price { margin-top:3px; float:left; display:block; clear:left; } #boxList .box .btn { margin-top:3px; float:left; display:block; clear:left; } #boxList.locations .details { height:58px; } /* ---------------------------------------------------------------------*/ /* ------------------------------- LISTING ---------------------------- */ /* ---------------------------------------------------------------------*/ #list {} #list.news .listItem { border-bottom:1px solid #fff; height:160px; padding-top:0px !important; padding-bottom:0px!important; } #list.news .listItem .thuumb { margin-bottom:0px; } #list.news .listItem .details { height:147px; position:relative; } #list.news .listItem .btn { position:absolute; right:0px; bottom:0px; display:block; } #list .listItem.first { background:url(/images/usedList1st.jpg) no-repeat !important; } #list .listItem.second { background:url(/images/usedList2nd.jpg) no-repeat !important; } #list .listItem { background:none; width:622px; height:auto; margin-bottom:5px; padding:12px 11px 12px 10px;} #list .listItem a { display: block; text-decoration:none;} #list .listItem .thumb { float:left; width:194px; height:146px; background:url(/images/noImage194x146.jpg) no-repeat; position:relative; margin-right:18px; margin-bottom: 10px; } #list .listItem .thumb .special { display: block; position:absolute; left:-7px; top:-7px; } #list .listItem .thumb .janSale { display: block; position:absolute; left:-8px; top:-8px; } #list .listItem .thumb .tradeSave { display:block; position:absolute; left:0px; top:0px; } #list .listItem .details { float:right; width:410px; display:block; } #list .listItem .title { display: block; margin-bottom:0px; font-size:16px; font-weight:bold; color:#fff; } #list .listItem .price { display:block; padding-top:5px; font-size:24px; font-weight:bold; } #list .listItem table { width:100%; } #list .listItem td { background:none; padding:0px; border:none; color:#fff; padding:5px 0; } #list .listItem td.franchiseColour { font-weight:bold; } #list .listItem .btn { display: block; width:194px; float:left; clear:left; height:30px; } #list .listItem .listItemFinanceTable { margin-top:10px; } #list .listItem .listItemFinanceTable table { border:1px solid #c8ac5d; margin-bottom:10px;} #list .listItem .listItemFinanceTable th { padding:5px; } #list .listItem .listItemFinanceTable td { background:#454545 !important; color:#fff !important; border-top:1px solid #000; border-right:1px solid #000; padding:5px; } #list .listItem .listItemFinanceTable tr.alt td { background:#373737 !important; } #list .listItem .listItemFinanceTable tr td a { color:#fff !important; } #list .listItem .listItemFinanceTable td.last { border-right:none; } #list .listItem .insuranceQuote { color:#fff; padding:3px 5px; width:223px; float:left; } #list .listItem .insuranceBtns { float:right; } #list .listItem .insuranceBtns div { float:left; margin-right:15px; } #list .listItem .insuranceBtns div.last { margin-right:0px; } /* ---------------------------------------------------------------------*/ /* -------------------------- SEARCH INFO ----------------------------- */ /* ---------------------------------------------------------------------*/ .searchInfoTitle { float:right; width:318px; padding-left:5px; } .searchInfo { padding: 0px; margin-bottom: 0px; float:right; width:303px; height:48px; padding:10px; background:#c8ac5d; margin-top:-1px; font-size:11px !important; } .searchInfo label { float:left; width:60px; color:#000; padding-top:2px; } .searchInfo select { float:left; font-size:11px !important; padding-top:2px;} .searchInfo .sortBy { float:right; } .searchInfo .resultsPerPage { float:left; width:100px; } .searchInfo .pagination { float: left; color: #000000; margin-top:10px; width:303px; } .searchInfo .pagination a { padding: 1px 6px 2px; background:#c8ac5d; color:#000; float:left; margin-right: 8px; text-decoration: none; } .searchInfo .pagination a.active { background:#fff; color:#000; } .searchInfo .pagination a.btnPrev { float:left; padding:0px; margin-right:8px; } .searchInfo .pagination a.btnNext { float:right; padding:0px; margin-right:0px; } .searchInfo .pagination a:hover { text-decoration: undeline; background:#fff; } /* leasing styles */ .longInfoTitle { float:none; } .longInfo { float:none; width: auto; height:20px !important; } .longInfo .sortBy { float:left; } .longInfo .resultsPerPage { width:115px; } .longInfo .pagination { margin:0px; float:right; } /* ---------------------------------------------------------------------*/ /* --------------------------- OFFER LIST ----------------------------- */ /* ---------------------------------------------------------------------*/ #offers { width:670px; height:auto;} #tabOfferList ul { width:670px; margin-bottom:15px; margin-left:0px; margin-right:0px; padding:0px; } #tabOfferList li { float:left; list-style:none; } #tabOfferList li a { display:block; height:49px; float:left; background:url(/images/spriteOfferListTabs.gif); } #tabOfferList li a#tabNew { width:170px; background-position:0 0; } #tabOfferList li a#tabUsed { width:177px; background-position:-170px 0; } #tabOfferList li a#tabServicing { width:159px; background-position:-347px 0; } #tabOfferList li a#tabMotability { width:164px; background-position:-506px 0; } #tabOfferList li a#tabNew:hover, #tabOfferList li.ui-state-active a#tabNew { background-position: 0 -49px; } #tabOfferList li a#tabUsed:hover, #tabOfferList li.ui-state-active a#tabUsed { background-position: -170px -49px; } #tabOfferList li a#tabServicing:hover, #tabOfferList li.ui-state-active a#tabServicing { background-position: -347px -49px; } #tabOfferList li a#tabMotability:hover, #tabOfferList li.ui-state-active a#tabMotability { background-position: -506px -49px; } #offerList { width:622px; margin-bottom:15px; padding:12px 11px 12px 10px; background:url(/images/offerListBg.jpg) left top no-repeat; } #offerList .listItem { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff;} #offerList .listItem a { text-decoration:none; font-weight:normal; color:#fff; } #offerList .listItem .thumb { width:364px; height:164px; display:block; float:left; } #offerList .listItem .details { display:block; float:right; width:234px; margin-right:15px;} #offerList .listItem .details .title { font-size:14px; font-weight:bold; padding-bottom:17px; margin:0px; display:block; } #offerList .listItem .details .text { padding-bottom:15px; display:block; } /* ---------------------------------------------------------------------*/ /* --------------------------- OFFER DETAILS -------------------------- */ /* ---------------------------------------------------------------------*/ #offerBanner { width:670px; height:300px; position:relative; top:-40px; margin-bottom:-25px; } #locationNumbers { margin-bottom:20px; width:400px; float:left; } #locationNumbers h2 { font-size:18px; padding:0px; width:400px; float:left;} /* ---------------------------------------------------------------------*/ /* --------------------------- DEALER LOCATOR ------------------------- */ /* ---------------------------------------------------------------------*/ #dealerMain { padding-bottom: 18px; } #dealerMap { float: left; margin-bottom:20px; } #dealerPhoto { float: right; margin-bottom: 11px; } #dealerDirections { float: left; padding:10px; background:url(/images/pngRepeat.png) repeat; width: 288px; margin-bottom:20px; } #dealerDirections h2 { padding-bottom:8px; } #dealerDirections input { float:left; border:none; height:18px; width:180px; font-size:11px; padding-left:5px; } #dealerDirections .btnGo { width: 38px; height: 20px; float:right; } #dealerDirections table td { border-left:none; border-top:none; border-right:none; border-bottom:1px solid #1a1a1a; background:none; } .adp-placemark { background:none !important; border:none !important; color:#FFF; } #dealerContact { float:left; clear:left; padding:10px; background:url(/images/pngRepeat.png) repeat; width: 288px; margin-bottom:20px;} #dealerContact h2 { padding-bottom:8px; } #dealerContact label { float:left; width:110px; text-align:right; padding-top:3px; } #dealerContact input { float:right; width:165px; font-size:11px; } #dealerContact textarea { float:right; width:165px; font-size:11px; } #dealerContact select { float:right; width:171px; font-size:11px; } #dealerContact div{ width:288px; padding-bottom:5px; clear:both; } #dealerInfo { float:right; padding:10px; background:url(/images/pngRepeat.png) repeat; width: 288px; margin-bottom:20px; font-size:13px;} #dealerInfo h2 { padding-bottom:8px; } #dealerInfo .heading { font-size:14px; font-weight:bold;} #dealerInfo table { margin-bottom:20px; } #dealerInfo td { background:none; font-size:13px; padding-top:3px; padding-bottom:3px; } #dealerContact .formLayout_tall { border-left:none !important; } /* ---------------------------------------------------------------------*/ /* ---------------------------- SITE MAP ------------------------------ */ /* ---------------------------------------------------------------------*/ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap, #sitemap ul { margin:10px 0 0px 15px; padding:0; width:auto; float:none;} #sitemap li { list-style:none; background:url(/images/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 20px;} /* ---------------------------------------------------------------------*/ /* ----------------------------- CAREERS ------------------------------ */ /* ---------------------------------------------------------------------*/ #careersTable { width: 100%; } #careersTable tr { background: #454545; } #careersTable td { background: none; } #careerDetails { border: 2px solid #2e2e2e; padding: 1px; margin-bottom: 10px; } #careerDetails table { width: 100%; border-collapse: separate; } #careerDetails table tr { background: none; } #careerDetails table td { background: #4c4c4c; border-bottom: none; padding: 14px 14px; } #careerDetails table td span { font-size: 1.1em; font-weight: bold; } #careerDetailsContent ul { float: none; width: auto; } /* ---------------------------------------------------------------------*/ /* ----------------------------- FOOTER ------------------------------- */ /* ---------------------------------------------------------------------*/ /*#footer {clear: both; line-height: 1.5; background:url(/images/footerInternalBg.jpg) left center no-repeat; } #footerHome { clear: both; line-height: 1.5; background:url(/images/footerBg.jpg) left center no-repeat; } #footerContainer { color: #fff; width:920px; margin:0 auto; text-align:left; font-size: 11px; padding-top:15px; text-align:left; } #footerContainer a { color: #fff; text-decoration: none; font-weight: normal; } #footerContainer a:hover { text-decoration: underline; } #footerContainer #office { width:251px; float:left; } #footerContainer #office p { padding: 0px 0px 4px 0px; } #footerContainer #fsa { width:208px; margin-left:120px; float:left; } #footerContainer #navigation { float:right; width:285px; } #footerContainer #navigation table { width:100%; } #footerContainer #navigation td { padding:0 0 10px 0; background:none; border:none; } #footerContainer #navigation td a { color:#c8ac5d; font-weight:bold; text-decoration:underline; cursor:pointer; } #footerContainer #navigation td a:focus, a:hover { color:#c8ac5d; text-decoration: none; } #footerContainer #links { float:left; color:#fff; clear:left; width:600px; } #footerContainer #links p { padding: 0px 0px 4px 0px; } #footerContainer #links a { color:#c8ac5d; text-decoration:underline; font-weight:bold; } #footerContainer #franchiseJumps { margin-bottom:7px; }*/ /* ---------------------------------------------------------------------*/ /* --------------------------- PAGE INFO ------------------------------ */ /* ---------------------------------------------------------------------*/ #pageInfo { padding: 10px 0px 13px 0px; } #pageInfo #breadcrumbs { float: left; color: #fff; font-size:11px; } #pageInfo #breadcrumbs a {text-decoration: none; float:left; color:#fff !important; text-decoration:none; } #pageInfo #breadcrumbs a:hover { text-decoration: none; } #pageInfo #breadcrumbs .spacer { float:left; } #pageInfo #breadcrumbs .current { float:left; text-decoration:underline; color:#c8ac5d; font-weight:bold;} #pageInfo #btnBack { float: right; color: #fff; } #pageInfo #btnBack a { float: right; text-decoration: none; padding: 0px 0px 0px 12px; font-weight: bold; color:#fff !important; } #pageInfo.offerDetails { background:url(/images/offerDetailBreadCrumbBg.png) left top no-repeat; z-index:999999; height:40px; width:670px; padding:0px; position:relative; } #pageInfo.offerDetails #breadcrumbs { margin:10px 0 13px 10px; width:300px; } #pageInfo.offerDetails #btnBack { float: right; color: #fff; margin:10px 10px 13px 0px; width:200px; } #saveCompare {} #saveCompare .btns { margin-bottom:20px; float:right; margin-left:20px; } /* ---------------------------------------------------------------------*/ /* ----------------------------- CLASSES ------------------------------ */ /* ---------------------------------------------------------------------*/ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo { text-decoration:none;font-weight:normal; } .noBg { background: none !important; } .title { margin-bottom:15px; } .imgH1 span { display:none; } .franchiseColour { color:#c8ac5d ; } .franchiseBg { background:#c8ac5d ; } /* ---------------------------------------------------------------------*/ /* ----------------------------- TOOL TIP ----------------------------- */ /* ---------------------------------------------------------------------*/ a.info {font-weight:normal;text-decoration:none !important;} a.info:hover {position:relative; z-index:25; } a.info span{display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important;} a.info:hover span{display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #fff; top:72px; left:0px; width:18.1em; border:1px solid #333; color:#000; text-align: center; text-decoration:none !important; z-index:100;} /* ---------------------------------------------------------------------*/ /* ------------------------------ TABLES ------------------------------ */ /* ---------------------------------------------------------------------*/ /* table thead th { background: #c8ac5d; color:#000; padding: 10px 5px; line-height: 100%; vertical-align: middle; font-size: 12px; font-weight: bold; } table tbody td { padding: 10px 5px; line-height: 100%; vertical-align: middle; background:#454545; font-size: 11px; border-bottom:1px solid #000;} table tfoot td { font-size: 11px; padding: 10px 5px; line-height: 100%; vertical-align: middle; } table tr.altRow td { background:#373737; } */ /* ---------------------------------------------------------------------*/ /* ------------------------------ FORMS ------------------------------- */ /* ---------------------------------------------------------------------*/ .checkRadio { padding-top: 8px; padding-bottom: 8px; } .checkRadio input { width: 14px !important; height: 14px !important; padding: 0 !important; margin: 0 !important; position: relative; top: 3px; } .checkRadio label { width: 80px !important; float: left !important; display: inline !important; padding-right: 7px; } label { float: left; } label .required { color: #c8ac5d; } label.error { clear: both !important; float: none !important; font-weight: bold !important; } .requiredKey { color: #c8ac5d; } .btnSubmit { width: 84px !important; height: 20px !important; } input.formItemSmall { width: 100px; } input.formItemMedium { width: 200px; } input.formItemLarge { width: 300px; } textarea.formItemSmall { width: 100px; } textarea.formItemMedium { width: 200px; } textarea.formItemLarge { width: 300px; } select.formItemSmall { width: 104px; } select.formItemMedium { width: 204px; } select.formItemLarge { width: 304px; } .formItemOut { } .formItemOver { background:#000 !important; } .formLayout_tall { width: 220px; float: right; margin-right: 0px; margin-bottom: 12px; margin-left: 10px; padding-left:10px; border-left:1px solid #fff; display: inline; } .formLayout_tall form div { margin: 0px 0px 4px 0px; padding:0 4px; } .formLayout_tall form label { display:block; width:210px; float:left; } .formLayout_tall form select { width: 210px; } .formLayout_tall form input, .formLayout_tall form textarea { width: 206px; } .formLayout_tall form .clear { margin: 0 !important; padding: 0 !important; } .formLayout_wide .title { font-size:11px; text-transform:uppercase; color:#c8ac5d; font-weight:bold;} .formLayout_wide .clearSmall { padding:0px; } .formLayout_wide { margin-bottom: 12px; width: 620px; } .formLayout_wide form .column { width: 300px; float: left; margin-right: 10px; } .formLayout_wide form div { margin: 0px; padding: 6px 0px; } .formLayout_wide form label { display:block; width:80px; float:left; padding-right: 6px; text-align: right; font-size:11px; } .formLayout_wide form label.error { width:120px !important; } .formLayout_wide form select { width: 208px; } .formLayout_wide form input, .formLayout_wide form textarea { width: 204px; } .formLayout_wide form .clear { margin: 0 !important; padding: 0 !important; } .formPlaceholder .formPlaceholderImage { display: none; } /* ---------------------------------------------------------------------*/ /* --------------------------- CMS TEMPLATE 1 ------------------------- */ /* ---------------------------------------------------------------------*/ #cmsTemplate1 { padding: 10px; } #cmsTemplate1 .cmsImageDownloads { float: right; width: 308px; margin: 0px 0px 15px 15px; } #cmsTemplate1 .cmsImageDownloads .cmsImage { width: 302px; height:225px; padding:3px; background:url(/images/noImage302x225.jpg) no-repeat 3px 3px #fff; margin-bottom:12px; } #cmsTemplate1 .cmsImageDownloads .cmsImage img { width: 302px; } #cmsTemplate1 .cmsImageDownloads .cmsDownloads { width: 306px; margin-top: 12px; } #cmsTemplate1 .cmsImageDownloads .cmsDownloads a { text-decoration: underline; background: url(/images/iconDocument.gif) left 4px no-repeat; margin: 5px 0 5px 10px; padding: 2px 0 2px 28px; display: block; font-size: 1.1em; } #cmsTemplate1 .cmsForm { clear: both; margin-top: 12px; width: 620px; } /* ---------------------------------------------------------------------*/ /* --------------------------- CMS TEMPLATE 2 ------------------------- */ /* ---------------------------------------------------------------------*/ #cmsTemplate2 { padding: 10px; } #cmsTemplate2 .cmsBanner { width:648px; height:290px; margin-bottom:20px; } #cmsTemplate2 .cmsForm { float: right; display: inline; width: 220px; margin-bottom: 12px; margin-left: 10px; padding-left:10px; } /* ---------------------------------------------------------------------*/ /* --------------------------- CMS TEMPLATE 3 ------------------------- */ /* ---------------------------------------------------------------------*/ #cmsTemplate3 { padding: 10px; } #cmsTemplate3 .cmsImage { width: 302px; height:224px; padding:0px; background:url(/images/noImage302x225.jpg) no-repeat; margin-bottom:12px; float:right; margin-left:15px; } #cmsTemplate3 .cmsImage img { width: 302px; } #cmsTemplate3 .cmsForm { clear:right; float: right; display: inline; width: 317px; margin-left:15px; padding:0px;} #cmsTemplate3 .cmsForm input { width:290px; } #cmsTemplate3 .cmsForm textarea { width:290px; } #cmsTemplate3 .cmsForm select { width:294px; } #cmsTemplate3 .cmsForm .formLayout_tall { width:296px; } /* ---------------------------------------------------------------------*/ /* ---------------------------- 100% FOOTER --------------------------- */ /* ---------------------------------------------------------------------*/ /* uncomment to activate the 100% footer*/ html { height:100% !important; } body { height:100% !important; } #container { min-height:100%; } * html #container { height: 100%; } .footerClearHome { clear:both; display: block; padding-top: 282px; } #footerHome { margin-top:-252px; height: 252px; } .footerClear { clear:both; display: block; padding-top: 400px; } #footer { height: 375px; } /* ---------------------------------------------------------------------*/ /* --------------------- CODEWEAVERS EXAMPLES ------------------------- */ /* ---------------------------------------------------------------------*/ .cwDisclosure { clear: both; font-size: 0.9em; } .cwDisclosure h2 { font-size: 12px; padding-bottom: 0px; } .cwDisclosure ul { padding: 0; margin: 0px 0px 15px 25px; } .cwDisclosure p { padding: 0; } .codeWeaversExample { margin: 20px 0px 10px 0px; } .codeWeaversExample h2 { color: #fff; font-size: 13px; padding-bottom: 3px; } .codeWeaversExample table { width: 100%; border-collapse: separate; } .codeWeaversExample td.tableHeading { background: #454545; color: #fff; font-size: 0.9em; padding: 3px; } .codeWeaversExample td { background: #c6c6c6; color: #000; padding: 3px; } .codeWeaversExample tfoot td { background: none; color: #fff; font-weight: bold; padding: 3px; } /* ---------------------------------------------------------------------*/ /* ------------------------- TYPOGRAPHY STYLES ------------------------ */ /* ---------------------------------------------------------------------*/ body { text-align:center; font:12px/1.231 Helvetica, Arial, sans-serif; line-height: 1.5; color: #fff; } /* define font family, size and line height */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 12px 0; font-size:100%; font-weight:bold; } h1 { font-size: 1.8em; color: #fff; padding: 0px 0px 10px 10px; } h2 { font-size: 18px; color: #fff; padding: 0px 0px 10px 0px;} h3 {} h4 {} h5 {} h6 {} p { padding:0 0 12px 0; margin:0; } a { color:#c8ac5d; font-weight:bold; text-decoration:underline; cursor:pointer; } /* remember to define link colour! */ a:focus, a:hover { color:#c8ac5d; text-decoration: none; } /* remember to define hover colour! */ a:visited { text-decoration:underline; } a:focus { outline: 0; } /* remember to define focus styles! */ strong { font-weight:bold; } em, dfn { font-style:italic; } dfn { font-weight:bold; } sup, sub { line-height:0; } address { margin:0 0 12px 0; font-weight: normal; font-style: normal; } blockquote { margin:1em; } /* ---------------------------------------------------------------------*/ /* ---------------------------- DETAIL PAGE --------------------------- */ /* ---------------------------------------------------------------------*/ #cwFinanceOptions { } #cwFinanceOptions form div { float: left; margin-right:25px; } #cwFinanceOptions label { padding-right: 15px; padding-top:3px; font-size: 11px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; } #cwFinanceOptions input { width: 60px; height: 17px; font-size:11px; } #cwFinanceOptions select { width: 80px; height: 20px; font-size:11px;} #cwFinanceOptions .links { border-top: 1px solid #fff; height: 40px; } #cwFinanceDetailedOutput { margin-top: 15px; width: 626px; } #cwFinanceDetailedOutput .financeTable { width: 208px; float: left; margin-right: 1px; background: #e7e7e7; padding-bottom: 6px; height: 385px; } #cwFinanceDetailedOutput .financeTable th { color: #fff; text-transform: uppercase; line-height: 150%; font-weight: normal; padding: 12px 15px 12px 15px; } #cwFinanceDetailedOutput .financeTable th a { text-decoration: none; color:#fff; font-size: 1.5em; } #cwFinanceDetailedOutput .financeTable td { padding: 4px 5px 4px 5px; } #cwFinanceDetailedOutput .financeTable.last { margin: 0; } #cwFinanceDetailedOutput .terms { background: #ACACAC; padding: 10px; } #cwFinanceDetailedOutput .terms .apr { font-size: 1.4em; float: right; height: 60px; margin-left: 40px; font-weight: bold; } /* ---------------------------------------------------------------------*/ /* ----------------------------- LIST PAGE ---------------------------- */ /* ---------------------------------------------------------------------*/ .adjustFinanceTitle { width:295px; padding-left:5px; } .adjustFinance { background: #fff; margin-bottom:10px; padding:10px; width:280px; height:48px; margin-top:-1px; font-size:11px !important;} .adjustFinance label { padding-right: 7px; padding-top:2px; float: left; color:#000; } .adjustFinance select { width: 76px; float: left; font-size:11px !important; padding-top:2px;} .adjustFinance input { width: 45px; float: left; font-size:11px !important;} .adjustFinance div { float:left; } .adjustFinance span { padding-top: 8px; padding-right: 12px; } .adjustFinance .btnUpdate { width: 84px; height: 20px; border: none !important; margin: 0; } #listing .listItem .listItemFinanceTable { width:607px; margin-top: 10px; } #listing .listItem .listItemFinanceTable table { width:607px; } #listing .listItem .listItemFinanceTable th { color: #fff; padding: 10px 3px; } #listing .listItem .listItemFinanceTable th.heading { background: #8f8f8f; padding-left: 8px; } #listing .listItem .listItemFinanceTable td { border-bottom: 1px solid #bfbfbf; padding: 7px 3px; } #listing .listItem .listItemFinanceTable a { display: block; margin: 0px; font-weight: bold; } #listing .listItem .listItemFinanceTable a.info:hover span { display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #F4F4F4; top:-5px; left:95px; border: none !important; width: 486px; color:#414141 !important; text-align: left; text-decoration:none !important; z-index:100;} /* Added By Versko */ #selectType . #selectType .ui-widget-content { border: solid 1px #c8ac5d; font-size: 100%;} #selectType .ui-selectable { background: #3d3d3d; color: #c8ac5d; } #selectType .ui-selectee { background: #3d3d3d; color: #c8ac5d; } #selectType .ui-selecting { background: #767584; } #selectType .ui-selected { background: #c8ac5d; color: white; } #selectType { list-style-type: none; margin: 0 0 0 20px; padding: 0; } #selectType li { border: solid 1px #c8ac5d; margin: 3px; padding: 3px; float: left; width: 60px; height: 20px; text-align: center; list-style-type: none;} .ui-widget-content { font-size: 100%;} #planner{ padding: 5px; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ } #basket{ padding: 5px; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ } #buttons{ width: 100%; text-align: right; } input.navButton{ color: white; background-color: #c8ac5d; font-family: Helvetica, Arial; font-weight:bold; font-size: 15px; padding: 3px 0px 3px 0px; border: 0px 0px 0px 0px; width: 100px; } input.dayNavButton{ color: white; background-color: #c8ac5d; font-family: Helvetica, Arial; font-weight:bold; font-size: 15px; padding: 0px 0px 0px 0px; border: 0px 0px 0px 0px; } td.heading{ font-weight: bold; } td.required{ font-weight: bold; background: url(/images/required.gif) no-repeat right;}; #adminMenu{ background: url(/images/adminMenu.gif) no-repeat; width: 919px; min-height:34px; height:auto !important; height:34px;} /* #menu { margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu li.spacer { background: url(/images/primaryNavSpacer.gif) top left no-repeat; height:34px; width: 2px; } #menu a { color: white; display: block; float: left; width: 100px; padding: 8px 10px; font-family: Helvetica, Arial; font-weight:bold; font-size: 15px; text-align:center; text-decoration: none; } #menu a:hover, #menu a.active { background: url(/images/adminMenuBg.gif) no-repeat; color: white; } */ #menu { margin: 0px 0px 0px 10px; width: 650px; height: 34px; float:left; } #menu ul { list-style: none; margin: 0px; padding: 0px ; height: 34px; width:919px; } #menu li { list-style: none; padding: 0px; margin: 0px; float: left; text-align:center; height:34px; width: 100px; } #menu li a { display: block; text-decoration: none; padding: 8px 11px 8px 12px; color:#fff; font-weight:normal; font-size:12px; } #menu li a:hover, #menu li a.active { background: url(/images/primaryNavHover.gif) no-repeat; } #menu li.spacer { background: url(/images/primaryNavSpacer.gif) top left no-repeat; height:34px; width: 2px; } #logo { padding: 5px 17px 0px 0px; float:right; }