body{margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555; -webkit-text-size-adjust: 100%;} button{display:inline-block; padding:6px 10px 6px 10px; font-size:16px; background:#5b6c90; color:#FFF; border:0px; border-radius:3px; cursor:pointer; -webkit-appearance:button; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} button:hover{background:#DDD; color:#555;} /* --------------------------------------- FONTS ------------------------------------------*/ @font-face { font-family: 'uknumberplate'; src: url('/fonts/uknumberplate-webfont.eot'); src: url('/fonts/uknumberplate-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/uknumberplate-webfont.woff') format('woff'), url('/fonts/uknumberplate-webfont.ttf') format('truetype'), url('/fonts/uknumberplate-webfont.svg#uknumberplate-webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('/fonts/OpenSans_Light-webfont.eot'); src: url('/fonts/OpenSans_Light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans_Light-webfont.woff') format('woff'), url('/fonts/OpenSans_Light-webfont.ttf') format('truetype'), url('/fonts/OpenSans_Light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'open_sanslight'; src: url('/fonts/OpenSans_Light-webfont.svg#open_sanslight') format('svg'); } } @font-face { font-family: 'open_sansregular'; src: url('/fonts/OpenSans_Regular-webfont.eot'); src: url('/fonts/OpenSans_Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans_Regular-webfont.woff') format('woff'), url('/fonts/OpenSans_Regular-webfont.ttf') format('truetype'), url('/fonts/OpenSans_Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'open_sansregular'; src: url('/fonts/OpenSans_Regular-webfont.svg#open_sansregular') format('svg'); } } @font-face { font-family: 'open_sansbold'; src: url('/fonts/OpenSans_Semibold-webfont.eot'); src: url('/fonts/OpenSans_Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans_Semibold-webfont.woff') format('woff'), url('/fonts/OpenSans_Semibold-webfont.ttf') format('truetype'), url('/fonts/OpenSans_Semibold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'open_sansbold'; src: url('/fonts/OpenSans_Semibold-webfont.svg#open_sansbold') format('svg'); } } h1{font-weight:normal; display:inline;} h2{font-weight:normal; display:inline;} h3{font-weight:normal; display:inline;} h4{font-weight:normal; display:inline;} .ti{font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:28px; letter-spacing:-2px; margin-left:-1px;} .subti{font-family:open_sansbold, Arial, Verdana, Helvetica, sans-serif; font-size:20px; letter-spacing:-1px; margin-left:-1px;} a:link {color:#5b6c90;text-decoration:none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} a:visited {color:#5b6c90;text-decoration:none;} a:hover {color:#555; text-decoration:none; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .flipH{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: “FlipH”; } .noDesktop{display:none;} .chat-icon{position:fixed; right:0; top:50%; margin-top:50px; color:#0000FF; cursor:pointer; z-index:99;} /* --------------------------------------- Breadcrumbs ------------------------------------------*/ #breadcrumbs{margin:0 0 10px 0; font-size:10px; overflow:hidden; color:#BBB;} #breadcrumbs .alpha{padding-left:0px;} #breadcrumbs a{display:inline-block; padding:5px; color:#BBB;} #breadcrumbs span{display:inline-block; padding:5px; color:#BBB;} /* --------------------------------------- Header ------------------------------------------*/ header{} #head{width:980px; height:146px; margin:auto;} #head #logo{float:left; height:67px; margin:38px 0 0 0;} #head .tel{float:right; margin:50px 30px 0 0; font-family:open_sansbold, Arial, Verdana, Helvetica, sans-serif; font-size:30px; letter-spacing:-1px; color:#50545a;} #head .tel img{height:34px; position:relative; left:0; top:6px;} #navMobile{display:none;} /* --------------------------------------- Naviagtion ------------------------------------------*/ nav{background:#5b6c90;} #nav{width:980px; height:44px; margin:auto; font-size:13px;} #nav li{position:relative; width:11%; float:left; text-align:center;} #nav li a{display:block; padding:13px 0 14px 0; color:#FFF;} #nav li a:hover{background:#222;} #nav dl{position:absolute; top:44px; left:0px; z-index:99; width:220px; background: rgb(0, 0, 0); background:rgba(0,0,0,0.9); text-align:left;} #nav dl dt{border-top:1px solid #EEE;} #nav dl dt a{display:block; padding:10px 0 10px 14px; border:0;} #nav dl dt a:hover{background:#777; padding:10px 0 10px 20px;} /* --------------------------------------- Main Content Structure ------------------------------------------*/ #main{clear:both; background:#FFF; width:980px; padding:10px 0 0 0; margin:auto; overflow:hidden;} #main aside{float:left; width:25%;} #main section{float:right; width:73%;} #full{clear:both; background:#FFF; width:100%; padding:10px 0 0 0; overflow:hidden;} #full section{width:100%; overflow:hidden;} #full section .wrapper{margin:auto; width:980px;} /* --------------------------------------- FANCY BOX overwrite ------------------------------------------*/ #fancybox-outer { background: #FFF; border-radius:0px; } #fancybox-content { border: 0px solid #FFF; border-radius:0px; } /* --------------------------------------- LIGHTBOX ------------------------------------------*/ #lightBox {} #lightBox #content{padding:4%;} #lightBox #content button{display:inline-block; margin:2% 0 0 0; background:#FFF; border-radius:0; text-transform:uppercase;} #lightBox #content button:hover{color:#FFF;} #lightBox #content p{margin:30px 0 0 0;} /* --------------------------------------- Vouchers ------------------------------------------*/ .voucher .graphic{width:100%;} .voucher .inner{margin:5px 0 0 0; padding:10px 5px; border-top:1px solid #EEE;} .voucher .inner p{margin:5px 0 8px 0; font-size:12px;} .voucher .inner input{width:29%; margin:0 0 1% 0;} .voucher .inner select{width:33%; margin:0 0 1% 0;} .voucher .inner button{width:200px; padding:10px;} .voucher .inner .noMore{float:right; margin:25px 0 0 0; font-size:16px;} .voucher .inner .noMore a{color:#AA0000;} .voucher .inner .noMore a:hover{color:#FF6600;} .voucher .inner .disclaimer {margin:20px 0 0 0; font-size:10px; line-height:12px;} /* .voucher .download{font-size:16px;} .voucher form{display:block; margin:0 0 20px 40px;} .voucher form .row{margin-bottom:6px;} .voucher form select{width:196px;} .voucher form input{width:180px;} .voucher .nomore{text-align:right;} */ /* --------------------------------------- HOMEPAGE ------------------------------------------*/ #hero{width:100%; height:360px; margin:1px 0 20px 0; background:#DDD;} #hero .royalSlider{width:100%; height:360px;} #hero .infoBlock{position:absolute; left:50%; width:960px; margin-left:-480px;} #hero .infoBlock .captionbox{position:absolute; padding:1.5%; border-radius:3px;} #hero .infoBlock .captionbox .subti{font-size:28px;} .feat{overflow:hidden;} .feat li{float:left; position:relative; width:49.55%; margin:0 2px 2px 0; cursor:pointer; overflow:hidden; color:#FFF; text-shadow:1px 1px 0px #222; background:#000; line-height:0;} .feat .w3{width:32.95%;} .feat .c222{color:#222; text-shadow:1px 1px 0px #FFF;} .feat label{position:absolute; top:15px; left:5%; z-index:2; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:22px; letter-spacing:-1px; line-height:20px;} .feat img{width:100%;} .feat .over{position:absolute; top:0; left:0; z-index:3; width:100%; height:100%; background:#000; opacity: 0.0; filter: alpha(opacity=00); transition: all 0.2s ease-out; } .feat .over:hover{opacity: 0.7; filter: alpha(opacity=70); transition: all 0.2s ease-out;} #newsFlash{margin:0 0 20px 0; padding:10px 0 0 0; border-top:1px solid #DDD;} #newsFlash a{font-size:16px;} #newsFlash img{float:right; width:40%; margin:2% 0 1% 2%; padding:2px; border:1px solid #DDD;} #franchises{margin:0 0 20px 0; overflow:hidden;} #franchises li{float:left; width:16.5%; padding:2% 0 2% 0; text-align:center; border-right:1px solid #DDD;} #franchises li:hover{background:#F5F5F5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} #franchises img{width:90%;} #fransIncTrade{margin:0 0 20px 0; overflow:hidden;} #fransIncTrade .heading{width:100%; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px;} #fransIncTrade .heading:hover{background:#FFF;} #fransIncTrade li{float:left; width:14.1%; padding:2% 0 2% 0; text-align:center; border-right:1px solid #DDD;} #fransIncTrade li:hover{background:#F5F5F5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} #fransIncTrade img{width:90%;} .offerBanner .rsABlock{display:inline-block; max-width:50%; padding:10px;} .offerBanner .rsABlock .title{font-family:open_sanslight, Arial, Verdana, Helvetica, sans-serif; font-size:22px; line-height:22px; letter-spacing:-1px;} .offerBanner .rsABlock .caption{margin:8px 0 0 0; font-size:14px; line-height:20px;} .home-nm{text-align:center; margin:30px 0 0 0;} .home-nm .model {width:100%; overflow:hidden; padding:30px 0 0 0;} .home-nm .model li{float:left; width:25%; margin:0 0 3% 0;} .home-nm .model img{width:100%;} .home-nm .model a{display:block;} .home-nm .model h2{font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px;} .home-nm .model .price{display:block; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:14px;} /* --------------------------------------- SEARCH BOX ------------------------------------------*/ #searchbox{margin:0 0 20px 0; background:#333; color:#FFF;} #searchbox-inner{clear:both; background:#333; padding:5% 7% 5% 7%;} #searchbox .cvselect{float:left; display:block; width:49.6%; padding:3px 0 5px 0; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:20px; line-height:34px; letter-spacing:-1px; color:#FFF; background-color:#555; text-align:center; cursor:pointer;} #searchbox .ttl{font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:20px; line-height:34px; letter-spacing:-1px; color:#FFF; margin-bottom:8px;} #searchbox .vehtype-sel{background-color:#333 !important;} #searchbox input[type="text"]{width:93%; margin:0 0 5px 0;} #searchbox select{width:100%; margin:0 0 5px 0;} #searchbox .minPrice{width:49%;} #searchbox .maxPrice{float:right; width:49%;} #searchbox button{width:100%; margin:10px 0 10px 0; padding:3%; font-size:24px;} #searchbox #counter{width:25%; min-height:23px; padding:3%; background:#444; color:#CCC; border:1px inset #555; border-radius:3px; font-size:18px; text-align:center;} #searchbox .priceSearch{margin:6px 0 6px 0; overflow:hidden; font-size:15px;} #searchbox .priceSearch li{display:inline-block; margin:0 2% 0 0; padding:1.5%; cursor:pointer; color:#AAA;} #searchbox #advanced{padding:15px 0 0 0;} #searchbox #advBtn{float:right; height:32px; cursor:pointer;} /*--------------------------------------------------------------------------------- SAVE FUEL SEARCH ----------------------------------------------------------------------------------*/ #savefuel{position:relative; background:#EEE; padding:15px 5px 15px 15px; margin:17px 0 0 0;} #savefuel p{font-size:13px;} #savefuel .reg{width:70%; padding-left:36px; text-transform:uppercase; background:#FFCC00 url(/images/bg-form-reg.png) 0 0 no-repeat; background-size:contain; font-family:UKNumberPlate, Arial; height:30px; text-align:center; color:#000; font-size:32px; border-radius:5px; margin-bottom:10px;} #savefuel #vehmakemodel{font-size:15px; margin-bottom:8px;} #savefuel .row{margin-bottom:4px;} #savefuel .row-last{margin-bottom:10px;} #savefuel .row label{display:inline-block; width:90px; font-size:12px;} #savefuel .row input{width:40%;} #savefuel .row select{width:47%;} #savefuel button{font-size:13px;} #savefuel button.submit{background-color:#8CC310; color:#FFF; border:1px solid #73AA00;} #savefuel button.submit:hover{background-color:#FFAA00; border:1px solid #E69100;} #savefuel button.reset{background-color:#EEE; color:#555; border:1px solid #BBB;} #savefuel button.reset:hover{background-color:#CCC;} #savefuel .load{position:absolute; left:0; top:0; width:100%; background-color:#EEE; background-image:url(/images/loading-green.gif); background-repeat:no-repeat; background-position:50% 50%;} /*--------------------------------------------------------------------------------- MAILING LIST SIGNUP ----------------------------------------------------------------------------------*/ #mailing{position:relative; background:#EEE; padding:15px 5px 15px 15px; margin:17px 0 0 0;} #mailing .subti{margin-bottom:10px;} #mailing input{width:88%; margin-bottom:4px;} #mailing input.last{margin-bottom:10px;} #mailing .errortext{margin-bottom:10px;} #mailing button{font-size:13px;} #mailing .load{position:absolute; left:0; top:0; width:100%; background-color:#EEE; background-image:url(/images/loading-green.gif); background-repeat:no-repeat; background-position:50% 50%;} /* --------------------------------------- Side Features ------------------------------------------*/ .sideFeat{margin:17px 0 0 0; padding:1% 1% 2% 1%; border-bottom:1px solid #DDD; cursor:pointer;} .sideFeat .photo{position:relative; line-height:0; margin:0 0 8px 0; border:1px solid #DDD;} .sideFeat .photo img{width:100%;} .sideFeat .photo .over{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:#000; opacity: 0.0; filter: alpha(opacity=00); transition: all 0.2s ease-out;} .sideFeat .photo .over:hover{opacity: 0.7; filter: alpha(opacity=70); transition: all 0.2s ease-out;} .sideFeat p{margin:2px 0 5px 0; font-size:13px;} /* --------------------------------------- Side Finance Example ------------------------------------------*/ .sideFinExample{margin:17px 0 0 0; padding:5%; background-color:#EEE;} .sideFinExample table{width:100%; border-spacing:0; border-collapse:collapse; margin-top:10px; font-size:12px;} .sideFinExample table td{width:44%; padding:3%; background-color:#F9F9F9;} .sideFinExample table td.left{font-weight:bold; background-color:#F4F4F4;} .sideFinExample p{margin:10px 0 0 0; font-size:10px;} /* --------------------------------------- Finance Styles ------------------------------------------*/ .applyButton{ display: inline-block; padding: 6px 10px 6px 10px; font-size: 16px; background: #5b6c90; color: #FFF !important; border: 0px; border-radius: 3px; cursor: pointer; -webkit-appearance: button; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* --------------------------------------- New Model ------------------------------------------*/ .nm .photo{float:left; width:43%; margin:0 0 5% 4%;} .nm .photo img{width:85%;} .nm .overview{float:right; width:49%; margin:0 4% 0 0; text-align:right;} .nm .overview .buyerType{font-family:open_sansbold, Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; font-size:20px; letter-spacing:0px;} .nm .overview .buyerType label{width:100%;} .nm .overview .buyerType button{display:inline-block; margin:2% 0 0 0; background:#FFF; border-radius:0;} .nm .overview .buyerType button:hover{color:#FFF;} .nm .overview .buyerType p{font-size:12px;} .nm .overview .price{clear:both; margin:2% 0 0 0;} .nm .overview .price .priceType{display:inline-block; font-family:open_sansbold, Arial, Verdana, Helvetica, sans-serif; font-size:42px; line-height:42px; letter-spacing:-1px; overflow:hidden;} .nm .overview .price .priceType span{font-size:16px;} .nm .overview .price .mrrpSave{font-size:16px;} .nm .overview .price .mrrpSave span{color:#AA0000;} .nm .model {width:100%; margin:0 0 20px 0; overflow:hidden;} .nm .model li{float:left; width:33%; margin:0 0 3% 0;} .nm .model img{width:100%;} .nm .model a{display:block;} .nm .model h2{padding:0 0 0 10%; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px;} .nm .model .price{display:block; padding:0 0 0 10%; font-size:12px;} .nm .subModel{} .nm .subModel li{float:left; width:29.6%; margin:0 2% 2% 0; padding:1%; border:1px solid #DDD; border-radius:5px;} .nm .subModel li:hover{background:#EEE;} .nm .subModel .photo{width:100%;} .nm .explore{margin:auto; width:50%; text-align:right;} .nm .explore img{width:50%;} .nm #gradeMenu{} .nm #gradeMenu li{display:inline-block; padding:1% 2% 1% 2%; border:1px solid #EEE; border-radius:5px 5px 0 0;} .nm #gradeMenu li:hover{background:#F3F3F3;} .nm #gradeMenu .sel{background:#AA0000; color:#FFF;} .nm .list{margin:0 0 30px 0;} .nm .list li{border-bottom:1px solid #DDD; overflow:hidden;} .nm .list li:hover{background:#F3F3F3;} .nm .list .heading{background:#EEE;} .nm .list .heading:hover{background:#EEE;} .nm .list div{float:left; padding:1%;} .nm .list .active{cursor:pointer;} .nm .list .title{width:38%; padding:1%;} .nm .list .fuel{width:9%;} .nm .list .transmission{width:10%;} .nm .list .co2{width:5%;} .nm .list .mpg{width:5%;} .nm .list .mrrp{width:9%; text-align:right;} .nm .list .price{width:9%; text-align:right; font-weight:bold;} .nm .list .price .question{color:#FFF; border-radius:50%; padding:5px 9px 5px 9px; cursor:pointer;} .nm .offers{padding:30px 0 30px 0;} .nm .offers li{background:#F1F1F1; cursor:pointer;} .nm .offers .heading{width:500%; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:32px; letter-spacing:-1px; line-height:42px;} .nm .offers .item{position:relative; float:left; max-width:930px; width:49%; margin:0 1% 1% 0; overflow:hidden; box-shadow:0px 6px 8px -6px #555; line-height:0;} .nm .offers .item img{width:100%;} .nm .offers .item .captionBox{position:absolute; z-index:5; padding:2%;} .nm .offers .item .captionBox label{font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:24px; line-height:24px;} .nm .offers .item .captionBox p{font-size:13px; line-height:16px;} /* --------------------------------------- Tab Menu ------------------------------------------*/ .tabMenu{font-family:open_sanslight, Arial, Verdana, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px; text-align:center;} .tabMenu .heading{display:inline-block; padding:6px 12px 6px 12px; border-radius:0; background:none; color:#222; cursor:default;} .tabMenu .heading:hover{color:#555; background:none;} .tabMenu li{display:inline-block; padding:6px 12px 6px 12px; margin:0 1px 0 0; border-radius:5px 5px 0 0; color:#FFF; cursor:pointer; transition: all 0.2s ease-out;} .tabMenu li:hover{color:#FFF;} .tabMenu .sel{background:#EEE; color:#555;} .tabMenu .sel:hover{background:#EEE; color:#555;} .tabContent{padding:30px 10px 40px 10px; overflow:hidden;} /* --------------------------------------- Model Gallery ------------------------------------------*/ .modelGallery {clear:both; margin:20px 0 20px 0; overflow:hidden;} .modelGallery .heading{width:100%; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:32px; letter-spacing:-1px; line-height:42px;} .modelGallery li{position:relative; float:left; width:15.5%; margin:0 1% 0.8% 0; line-height:0;} .modelGallery .large{float:left; width:32%; margin:0 1% 0.7% 0;} .modelGallery .thumb{width:100%;} .modelGallery .zoom {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:#000; opacity: 0.0; filter: alpha(opacity=00); transition: all 0.2s ease-out;} .modelGallery .zoom:hover{opacity: 0.7; filter: alpha(opacity=70); transition: all 0.2s ease-out;} .modelGallery .zoom a{display:block; height:100%;} .modelGallery .disclaimer{width:95%; margin:15px 0 0 15px; font-size:12px; color:#777; line-height:18px;} /* --------------------------------------- New Model Detail ------------------------------------------*/ .nmd .photo{float:left; width:43%; margin:0 0 2% 4%;} .nmd .photo img{width:85%;} .nmd .warranty{clear:left;} .nmd .warranty img{margin-top:-20px; width:149px;} .nmd .overview{float:right; width:49%; margin:0 4% 0 0; text-align:right;} .nmd .overview .buyerType{font-family:open_sansbold, Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; font-size:20px; letter-spacing:0px;} .nmd .overview .buyerType label{width:100%;} .nmd .overview .buyerType button{display:inline-block; margin:2% 0 0 0; background:#FFF; border-radius:0; text-transform:uppercase;} .nmd .overview .buyerType button:hover{color:#FFF;} .nmd .overview .buyerType p{font-size:12px;} .nmd .overview .price{clear:both; margin:2% 0 0 0; } .nmd .overview .price .priceType{display:inline-block; font-family:open_sansbold, Arial, Verdana, Helvetica, sans-serif; font-size:42px; line-height:42px; letter-spacing:-1px; overflow:hidden;} .nmd .overview .price .priceType span{font-size:16px;} .nmd .overview .price .monthly{font-size:24px;} .nmd .overview .price .mrrpSave{font-size:14px;} .nmd .overview .price .mrrpSave span{color:#AA0000;} .nmd .overview .c2a{float:right; width:46%; margin:10px 0;} .nmd .overview .enquire{width:100%; margin:0 0 5px 0; padding:8px 10px 8px 10px; font-size:25px; letter-spacing:-1px; background:#FFF; border-radius:0;} .nmd .overview .enquire:hover{color:#FFF;} .nmd .overview .enquire span{display:block; font-size:13px; letter-spacing:1px;} .nmd .overview .testdrive{float:left; width:49%; margin:0 0 10px 0; font-size:13px; padding:5px; border-radius:0;} .nmd .overview .testdrive:hover{background:#EEE;} .nmd .overview .brochure{float:right; width:49%; margin:0 0 10px 0; font-size:13px; padding:5px; border-radius:0;} .nmd .overview .brochure:hover{background:#EEE;} .nmd .offer{float:left; width:100%; margin:5px 0 20px 0; text-align:center; font-size:18px; color:#AA0000;} .nmd .keySpec {margin:2% 0 5% 0; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; text-align:center; overflow:hidden;} .nmd .keySpec li{float:left; width:13.6%; height:90px; margin:2% 1% 0 0; padding:1.5% 1% 1.5% 1%; background:#F4F4F4; border:0px solid #DDD; border-radius:5px; box-shadow:0px 0px 1px 0px #555 inset ;} .nmd .keySpec label{font-size:18px; letter-spacing:-1px;} .nmd .keySpec .value{display:block; font-family:open_sansbold, Arial, Verdana, Helvetica, sans-serif; font-size:32px; letter-spacing:-1px;} .nmd .keySpec .label{display:block;} .nmd .keySpec img{width:80%;} .nmd .specs{float:left; width:30.3%; margin:0 3% 0 0; overflow:hidden;} .nmd .specs li{float:left; width:100%; margin:0 3% 0 0; padding:1.5%; border-top:1px solid #FFF;} .nmd .specs .heading{width:100%; border-top:0px; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:22px; letter-spacing:-1px; overflow:hidden;} .nmd .specs span{float:right; width:50%; text-align:left;} .nmd .options li{float:left; width:30.3%; margin:0 2% 0 0; padding:0.5%; border-top:1px solid #FFF;} .nmd .options span{float:right; width:50%; text-align:left;} .nmd .safetyOverview{float:left; width:50%; margin:10px 3% 0 0; overflow:hidden; text-align:center;} .nmd .safetyOverview .logo{width:50%;} .nmd .safetyOverview .year{float:left; width:35%; margin: 0 0 0 15%; padding:0.7% 0 0.8% 0; border-radius:10px 0 0 10px; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px; text-align:center; background:#183547; color:#FFF;} .nmd .safetyOverview .stars{float:left; width:35%; margin: 0 15% 0 0; padding:1% 0 1% 0; border-radius:0 10px 10px 0; background:#DDD; text-align:center;} .nmd .safetyOverview .stars img{height:18px;} .nmd .safetyOverview .info{padding:5% 10% 0 10%;} .nmd .safety{float:right; width:40%; margin:10px 3% 0 0; overflow:hidden;} .nmd .safety li{float:left; width:100%; margin:0 3% 0 0; padding:1.5% 0 1.5% 0;} .nmd .safety .badge{float:left;width:12%; margin:0 3% 0 0;} .nmd .safety .detail{float:left;width:80%; padding:5px 0 0 0;} .nmd .safety .detail .bar{width:100%; padding:3px; margin:5px 0 0 0; background:#FFF; overflow:hidden; } .nmd .safety .detail .bar .value{height:12px;} .nmd #finance .leftCol{float:left; width:31%;} .nmd #finance .videoContainer{position:relative; padding-bottom:48.25%; padding-top:30px; height:0; margin:0 0 20px 0; overflow: hidden;} .nmd #finance .videoContainer iframe{position:absolute; top:0; left:0; width:100%; height:100%;} .nmd #finance .rightCol{float:right; width:66%;} .nmd #finance .adjust{margin:0 0 2% 0; padding:0.5% 0 0.5% 0; background:#DDD;} .nmd #finance .adjust .deposit{padding:0 0 0 1%;} .nmd #finance .adjust button{float:right; margin:0 1% 0 0;} .nmd #finance .container{float:left; width:49%; margin:0 1% 2% 0;} .nmd #finance .container table{width:100%; border-spacing:0; border-collapse:collapse; font-size:13px;} .nmd #finance .container table th{background-color:#EEE; text-align:left; padding:3%;} .nmd #finance .container table td{width:44%; padding:3%; background-color:#F9F9F9;} .nmd #finance .container table td.left{font-weight:bold; background-color:#F4F4F4;} /* --------------------------------------- Used Results ------------------------------------------*/ #ur .headImg {float:right; width:30%;} #ur .model {width:100%; margin:0 0 20px 0; margin:auto; overflow:hidden;} #ur .model li{float:left; width:25%;} #ur .model img{width:100%;} #ur .model a{display:block;} #ur .model h2{padding:0 0 0 10%; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px;} #ur .model .price{display:block; padding:0 0 0 10%; font-size:12px;} #ur .finance-update{background-color:#EEE; padding:10px;} #ur .finance-update .deposit{width:30%; display:inline-block;} #ur .finance-update .deposit input{width:48%;} #ur .finance-update .months{width:20%; margin-right:2%;} #ur .finance-update .mileage{width:20%; margin-right:2%;} #ur .finance-update button{float:right; width:24%} #ur .finance-update p{margin:10px 0 0 0; font-size:13px;} #ur .gallery{position:relative;} #ur .gallery li{position:relative; float:left; width:30.4%; min-height:415px; margin:15px 1.5% 0 0; padding:0.8%; border:1px solid #CCC; background:#EEE;-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} #ur .gallery li:hover{background:#FFF; box-shadow:0px 6px 8px -6px #222; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} #ur .gallery .title{width:100%; height:40px;} #ur .gallery .photo{width:100%;} #ur .gallery .offerSash{position:absolute; top:0.7%; left:0.8%; width:100px;} #ur .fuelsave{position:absolute; top:30%; left:0; padding:1.7% 3% 1.7% 3%; background:rgb(140,195,16); background:rgba(140,195,16,0.8); color:#FFF;} #ur .gallery h3{display:block; margin:4px 0 0 0; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:18px; line-height:20px; letter-spacing:-1px;} #ur .gallery .price{width:100%; min-height:70px; margin:3% 0; overflow:hidden;} #ur .gallery .price span{display:block; margin:0 0 0 0; font-size:11px; color:#777;} #ur .gallery .price label{display:block; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:18px; line-height:18px; letter-spacing:-1px;} #ur .gallery .price .our{float:left; width:33%;} #ur .gallery .price .hp{float:right; width:29%; margin:0 0 0 2%; padding:0 2% 0 0; border-left:1px solid #DDD; text-align:right;} #ur .gallery .price .pcp{float:right; width:29%; margin:0 0 0 2%; padding:0 2% 0 0; border-left:1px solid #DDD; text-align:right;} #ur .gallery dl{font-size:12px; margin:5px 0 0 0;} #ur .gallery dl dt{float:left; width:45.5%; padding:2%; margin:0 0.5% 0 0; border-top:1px solid #DDD;} #ur .gallery .enquire{float:left; width:100%; margin:4px 0 0 0;} #ur .gallery .save{float:left; width:49%; margin:4px 0 0 0; background:#AAA;} #ur .gallery .remove{float:left;width:49%; margin:4px 0 0 0; background:#5b9e3e;} #ur .list{position:relative;} #ur .list li{position:relative; float:left; width:98%; margin:15px 0 0 0; padding:0.8%; border:1px solid #CCC; background:#EEE;-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} #ur .list li:hover{background:#FFF; box-shadow:0px 6px 8px -6px #222; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} #ur .list .title{float:left; width:60%;} #ur .list .photo{float:left; width:30%; margin:0 1.5% 0 0;} #ur .list .detail{float:right; width:68.5%;} #ur .list .price{float:right; width:40%; margin:5px 0 0 0; font-size:11px;} #ur .list .price b{float:right; display:inline-block; padding:5px; font-size:14px; background:#FF6600; color:#FFF;} #ur .list h3{display:block; margin:4px 0 0 0; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:22px; letter-spacing:-1px;} #ur .list dl{clear:left; float:left; width:60%; font-size:14px; margin:20px 0;} #ur .list dl dt{float:left; width:44%; padding:2.5%; margin:0 0.5% 0 0; border-top:1px solid #DDD;} #ur .list .c2a{float:right; width:30%; margin:20px 0;} #ur .list .enquire{float:left; width:100%; margin:4px 0;} #ur .list .save{float:left; width:100%; margin:4px 0; background:#AAA;} #ur .list .remove{float:left; width:100%; margin:4px 0; background:#5b9e3e;} /* --------------------------------------- Enquiry Form SideSlide ------------------------------------------*/ .enquirySlide{position:fixed; top:0; right:0px; z-index:99; width:0px; height:100%; background:#5b6c90; color:#FFF; box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.35); overflow:auto;} .enquirySlide .inner{padding:25px 30px 30px 30px;} .enquirySlide .inner b{font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:28px; letter-spacing:-2px; font-weight:normal;} .enquirySlide .inner .closeSlide{float:right; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:28px; letter-spacing:-2px; color:#FFF; font-weight:normal;} .enquirySlide .inner p{margin:0px 0 15px 0;} .enquirySlide .inner input,textarea{width:95%; margin:6px 0 3px 0;} .enquirySlide .inner input[type=checkbox]{width:20px; margin:6px 0 3px 0;} .enquirySlide .inner .date{width:50%; margin:6px 0 3px 0;} .enquirySlide .inner select{width:100%; margin:6px 0 3px 0;} .enquirySlide .inner button{background:#5b6c90; margin:10px 0 0 0; width:49%; padding:1.5%;} .enquirySlide .inner button[type=button]{background:#CCC; color:#333;} .enquirySlide .downloadLink{width:40px; height:30px; padding:10px; border-radius:50%; cursor:pointer;} /* --------------------------------------- Used Detail ------------------------------------------*/ .ud #photoWrapper{position:relative; float:left; width:48%; padding:0.3%; border:1px solid #DDD;} .ud #photoWrapper .royalSlider{min-height:360px;} .ud #photoWrapper .rsDefault img{width:100%; min-height:360px;} .ud #videoicon{position:absolute; top:20px; right:10px; z-index:49; height:32px;} .ud #photoWrapper #c2a{display:none; position:absolute; bottom:20px; right:10px; z-index:49;} .ud #photoWrapper #c2a img{height:44px; margin:0 0 0 3px;} .ud .royalSlider {margin:0;} .ud #detail{float:right; width:49%;} .ud #detail .price b{color:#FF6600;} .ud #detail #enquiry{display:none; background:#CCC; padding:1.5% 2% 2% 2%; margin:0 0 15px 0;} .ud #detail #enquiry input{width:45%;} .ud #detail #enquiry textarea{width:90%;} .ud #detail #keyInfo{float:left; width:52%; padding:8px 0 0 0;} .ud #detail #keyInfo li{float:left; font-size:13px; width:25%; height:80px; text-align:center;} .ud #detail #keyInfo img{height:32px;} .ud #detail #actions{float:right; width:38%; background:#EEE; padding:3%; text-align:center;} .ud #detail #actions button{width:88%; margin:10px 0 0 0;} .ud #detail #actions .save{background:#AAA;} .ud #detail #actions .print{background:#AAA;} .ud #detail #actions .remove{background:#5b9e3e;} .ud #finance .leftCol{float:left; width:31%;} .ud #finance .videoContainer{position:relative; padding-bottom:48.25%; padding-top:30px; height:0; margin:0 0 20px 0; overflow: hidden;} .ud #finance .videoContainer iframe{position:absolute; top:0; left:0; width:100%; height:100%;} .ud #finance .rightCol{float:right; width:66%;} .ud #finance .adjust{margin:0 0 2% 0; padding:0.5% 0 0.5% 0; background:#DDD;} .ud #finance .adjust .deposit{padding:0 0 0 1%;} .ud #finance .adjust button{float:right; margin:0 1% 0 0;} .ud #finance .container{float:left; width:49%; margin:0 1% 2% 0;} .ud #finance .container table{width:100%; border-spacing:0; border-collapse:collapse; font-size:13px;} .ud #finance .container table th{background-color:#EEE; text-align:left; padding:3%;} .ud #finance .container table td{width:44%; padding:3%; background-color:#F9F9F9;} .ud #finance .container table td.left{font-weight:bold; background-color:#F4F4F4;} .ud .spec{clear:both; width:100%; overflow:hidden;} .ud .spec li{float:left; width:22%; padding:0.5%; margin:0 2% 0 0; border-top:1px solid #FFF;} .ud .spec .heading{width:100%; padding:0%; margin:0; border:0; background:none;} .udGallery{position:relative;} .udGallery li{position:relative; float:left; width:22.6%; min-height:400px; margin:0 1% 15px 0; padding:0.5%; border:1px solid #DDD; background:#FFF;-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .udGallery li:hover{background:#F3F3F3;-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .udGallery li.omega{display:none; margin-right:0;} .udGallery .title{width:100%; height:40px;} .udGallery .heading{width:98%; min-height:25px; padding:1%; margin:0; background:none; border:0px;} .udGallery .heading:hover{background:none;} .udGallery .photo{width:100%;} .udGallery .price{display:inline-block; margin:5px 0 0 0; font-size:11px;} .udGallery .price b{display:inline-block; padding:5px; font-size:14px; background:#FF6600; color:#FFF;} .udGallery h3{display:block; margin:4px 0 0 0; font-size:16px;} .udGallery dl{font-size:12px; margin:5px 0 0 0;} .udGallery dl dt{float:left; width:43%; padding:3%; margin:0.5% 0.5% 0 0; background:#EEE;} .udGallery button{float:left; width:100%; margin:4px 0 0 0;} .udGallery .save{background:#AAA; margin:4px 0 0 0;} .udGallery .remove{background:#5b9e3e;} /* --------------------------------------- Page ------------------------------------------*/ #page{} #page button{display:inline-block; margin:0 0 0 2%; background:#FFF; border-radius:0; text-transform:uppercase;} #page button:hover{color:#FFF;} /* ------------------------------------------------------------------------------- COMPARE BOX ----------------------------------------------------------------------------------*/ #comparebox-wrapper{position:fixed; bottom:0px; float:right; z-index:999; width:100%; padding:5px 0 5px 0; background-color:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000,endColorstr=#9F000000); border-top:1px solid #FFF; overflow:hidden; box-shadow:0 -4px 6px -6px #000;} .comparebox {margin:auto; width:980px; position:relative;} .comparebox label{font-size:14px; font-family: peugeot, Arial, Helvetica, sans-serif; padding:0 0 3px 0; margin-left:33px; display:block;} #comparebut{margin-right:31px;} #comparelist-wrapper{width:915px; height:211px; margin-left:33px; overflow:hidden; position:relative;} #comparelist{position:absolute; left:0; top:0;} #comparelist ul{position:relative; float:left; width:182px; padding-right:1px; text-align:left; color:#DDD; font-size:11px;} #comparelist li{background-color:#2B2B2B; padding:4px 6px 4px 6px; margin-bottom:1px;} #comparelist li:nth-child(even){background-color:#424242;} #comparelist li.top{position:relative;} #comparelist li.top div{height:14px; overflow:hidden;} #comparelist li.top span{position:absolute; right:6px; top:4px; font-weight:bold; color:#AA0000;} #comparelist img.thumb{width:50px; height:38px;} #comparelist img.remove{position:absolute; left:56px; top:0px; width:20px; cursor:pointer;} #compareprev{position:absolute; left:7px; top:116px;} #comparenext{position:absolute; left:953px; top:116px;} @media screen and (min-width: 1260px){ .comparebox {width:1200px;} #comparelist-wrapper{width:1135px;} #comparelist ul{width:226px;} #comparenext{left:1173px;} } /* --------------------------------------- Offers Results ------------------------------------------*/ .or .menu{overflow:hidden; margin:0 0 18px 0; text-transform:uppercase; box-shadow:0px 6px 8px -6px #555;} .or .menu a{float:left; padding:8px 10px 9px 10px; margin:0 1px 0 0; background:#CCC; border-bottom:1px solid #FFF; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:-1px; color:#333;} .or .menu a:hover{background:#333; color:#FFF;} .or .menu a.sel{border-bottom:1px solid #DDD; color:#FFF;} .or .item{clear:both;} .or .item li{margin:0 0 3% 0; background:#F1F1F1; cursor:pointer; border-bottom:1px solid #DDD;} .or .item h2{display:block; margin:1.5%;} .or .item .photo{position:relative; overflow:hidden; border-bottom:1px solid #FFF; line-height:0;} .or .item .photo .loading{position:absolute; top:0; left:0; z-index:6; width:100%; height:90%; padding-top:12%; background:#CCC; text-align:center;} .or .item .photo .loading img{width:32px;} .or .item .photo img{width:100%;} .or .item .photo .captionBox{position:absolute; z-index:5; padding:2%;} .or .item .photo .captionBox label{font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:24px; line-height:24px;} .or .item .photo .captionBox p{font-size:13px; line-height:16px;} /* --------------------------------------- Offers Detail ------------------------------------------*/ .od {} .od table,th,td{padding:0.8%; border:1px solid #DDD; border-collapse:collapse;} .od table{width:100%; background:#EEE;} .od table th{background:#DDD; text-align:left; font-weight:normal;} .od button{display:inline-block; margin:0 0 0 2%; background:#FFF; border-radius:0; text-transform:uppercase;} .od button:hover{color:#FFF;} .od .photo{position:relative; margin:1.5% 0 1.5% 0; overflow:hidden;} .od .photo{position:relative; overflow:hidden; border-bottom:1px solid #FFF; line-height:0;} .od .photo img{width:100%;} .od .photo .captionBox{position:absolute; z-index:5; padding:2%;} .od .photo .captionBox label{font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:24px; line-height:24px;} .od .photo .captionBox p{font-size:13px; line-height:16px;} .od .media {float:right; width:45%; margin:0 0 0 1%;} .od .media .videoContainer{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow: hidden;} .od .media .videoContainer iframe{position:absolute; top:0; left:0; width:100%; height:100%;} /* --------------------------------------- Customer Reviews ------------------------------------------*/ #reviews {} #reviews .postReview{float:right;} #reviews .item{clear:both; margin:30px 0 0 0;} #reviews .item li{padding:3% 0 3% 0; border-top:1px solid #DDD; overflow:hidden;} #reviews .item .stars{float:right; height:30px;} #reviews .item .date{color:#666; font-style:italic; font-size:13px;} /* --------------------------------------- Staff Results ------------------------------------------*/ .sr .profile li{position:relative; float:left; width:27%; padding:1% 3% 4% 3%; text-align:center; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; overflow:hidden;} .sr .profile img{width:90%; border-radius:50%; padding:7px; background:#E5E5E5; cursor:pointer;} .sr .profile img:hover{transition: all 0.2s ease-out;} .sr .profile b{display:block; margin:1% 0 0 0; font-size:18px; font-weight:normal;} .sr .profile p{margin:1% 0 0 0;} .sr .profile .desc{display:none; width:90%; padding:5%;} /* --------------------------------------- Location Results ------------------------------------------*/ .lr #map{width:99%; height:280px; padding:0.3%; border:1px solid #DDD;} .lr .gallery li{position:relative; float:left; width:30.1%; min-height:290px; margin:15px 1.3% 0 0; padding:1%; border:1px solid #DDD; cursor:pointer;} .lr .gallery li:hover{background:#FFF;} .lr .gallery .omega{margin-right:0;} .lr .gallery h2{font-size:16px;} .lr .gallery .mapPhoto{width:100%; margin:0 0 5px 0;} .lr .gallery .franchiseLogo{position:absolute; top:5px; right:7px; padding:3px; border-radius:0 0 0 5px; background-color:rgba(255,255,255,0.9);} .lr .gallery .franchiseLogo img{height:31px; margin:5px 5px 2px 5px;} /* --------------------------------------- Location Detail ------------------------------------------*/ #ld{} #ld .franchiseLogo{float:right; width:40%; text-align:center;} #ld .franchiseLogo img{height:100px; margin:40px 10px 0 0;} #ld #contact{float:left; width:50%; margin:10px 0;} #ld #contact .address{float:left; width:55%; border-right:1px dotted #DDD;} #ld #contact .dept{float:right; width:42%; text-align:right;} #ld #contact .dept li{clear:left; margin:4px 0 10px 0;} #ld #contact .dept li b{display:block;} #ld #contact button {margin:15px 0 0 0;} #ld #photo{float:right; width:47%; margin:6.5% 0;} #ld #photo .royalSlider{min-height:180px;} #ld #photo .royalSlider img{min-height:180px;} #ld #map{float:right; width:100%; height:300px;} #ld #opening{float:left; width:45%; margin:25px 0 0 0;} #ld #opening .heading{background:#5b6c90; color:#FFF; padding:2%; margin:1.5% 0 0 0; cursor:pointer;} #ld #opening .heading:hover{background:#EEE; color:#555;-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} #ld #opening .hours{display:none;} #ld #opening .hours li{padding:2%; border-top:1px dotted #DDD;} #ld #opening .hours span{float:right;} #ld #enquiry{float:right; width:46%; margin:25px 0 0 0; padding:2%; border:1px solid #DDD; } .genform .reg{text-transform:uppercase; background:#FFCC00 url(/images/bg-form-reg.png) 0 0 no-repeat; font-family:uknumberplate, Arial; height:28px; text-align:center; color:#000; font-size:32px; border-radius:5px;} .genform input,select,textarea{font-size:14px;} .genform select{clear:left; width:100%; height:32px; margin:0 0 5px 0;} .genform input[type=text],[type=tel],[type=email]{clear:left; width:95%; margin:0 0 5px 0;} .genform textarea{clear:left; width:95%; margin:0 0 5px 0;} .genform button{margin:10px 0 5px 0;} .genform p{margin:2px 0 10px 0;} /* --------------------------------------- Book a Service ------------------------------------------*/ .bs-form{float:left; width:65%; padding:0 10px 0 0; border-right:1px solid #EEE;} .bs-form li{clear:left; margin:0 0 5px 0; overflow:hidden;} .bs-form label{float:left; width:25%; padding:7px 0 0 0; font-weight:bold;} .bs-form .smenu{float:left; width:70%; margin:5px 0 10px 0;} .bs-form .smenu dt{margin:0 0 4px 0; overflow:auto;} .bs-form .smenu dd{width:100%; margin: 4px 0 20px 20px;} .bs-form select{float:left;} .bs-form textarea{float:left; width:70%;} .bs-form input[type=text]{float:left; width:70%; text-transform:capitalize;} .bs-form .tel{width:70%;} .bs-form .email{width:70%;} .bs-form .reg{text-transform:uppercase; background:#FFCC00 url(/images/bg-form-reg.png) 0 0 no-repeat; background-size:contain; font-family:UKNumberPlate, Arial; height:30px; width:230px !important; text-align:center; color:#000; font-size:32px; border-radius:5px;} .bs-form .mileage{width:100px !important;} .bs-form .date{width:100px !important;} .bs-branches{float:right; width:32%; margin:25px 0 0 0;} .bs-branches li{margin:0 0 0 0; padding:10px 0 10px 5px; font-size:13px; border-bottom:1px dotted #DDD; overflow:hidden;} .bs-branches a{font-weight:bold;} .bs-branches p{margin:0 0 0 0;} .bs-branches .logos img{float:right; width:30px; margin:0 4px 0 0;} /* --------------------------------------- Vehicle Valuation ------------------------------------------*/ .valueForm{float:left; width:65%; padding:0 10px 0 0;} .valueForm li{clear:left; margin:0 0 5px 0; overflow:hidden;} .valueForm label{float:left; width:25%; padding:7px 0 0 0; font-weight:bold;} .valueForm div{float:left; width:70%;} .valueForm .reg{text-transform:uppercase; background:#FFCC00 url(/images/bg-form-reg.png) 0 0 no-repeat; background-size:contain; font-family:UKNumberPlate, Arial; height:30px; width:230px !important; text-align:center; color:#000; font-size:32px; border-radius:5px;} .valueForm input{width:99%;} .valueForm textarea{width:99%;} .valueForm .mileage{width:50%;} .valueForm .tel{width:50%;} .valueForm .email{width:99%;} /*------------------------------------------------------- News Results ---------------------------------------------------------*/ .nr article{float:left; width:48%; margin:1% 3% 0 0; padding:2% 0% 2% 0%; border-top:1px solid #DDD;} .nr article .photo{float:right; width:40%; margin:0 0 1% 1%;} .nr article .snipet{font-size:14px;} .nr .latest{width:100%; margin:0; padding:0px; border:0px;} .nr .latest .media{float:right; width:48%; margin:0 0 1.5% 1.5%;} .nr .latest .media .photo{width:100%;} .nr .latest .headline .breaking{display:none;} .nr .latest .snipet{font-size:18px;} .nr .latest .mce-content{} /*------------------------------------------------------- News Detail ---------------------------------------------------------*/ .nd .snipet{font-size:18px;} .nd .media{float:right; width:48%; margin:0 0 1.5% 1.5%;} .nd .media img{width:100%;} .nd .media .videoContainer{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow: hidden;} .nd .media .videoContainer iframe{position:absolute; top:0; left:0; width:100%; height:100%;} .nd article{float:left; width:48%; margin:1% 3% 0 0; padding:2% 0% 2% 0%; border-top:1px solid #DDD;} .nd article .photo{float:right; width:40%; margin:0 0 1% 1%;} .nd article .snipet{font-size:14px;} /*------------------------------------------------------- Job Results ---------------------------------------------------------*/ .jr .joblist{width:100%; overflow:hidden;} .jr .joblist li{width:100%; margin:1px 0 0 0; background:#F4F4F4; overflow:hidden; cursor:pointer;} .jr .joblist li:hover{background:#DDD;} .jr .joblist .heading{background:#5b6c90; color:#FFF; cursor:default;} .jr .joblist .heading:hover{background:#5b6c90;} .jr .joblist span{float:left; display:block; padding:1.7%;} .jr .joblist .jobTitle{width:56%;} .jr .joblist .date{width:16%;} .jr .joblist .location{width:16%;} /*------------------------------------------------------- Job Detail ---------------------------------------------------------*/ #jd #overview{float:left; width:46%; margin:25px 0 0 0;} #jd #overview li{clear:left; padding:2.5%; border-bottom:1px dotted #DDD; overflow:hidden;} #jd #overview label{float:left; width:30%;} #jd #overview span{float:left; width:70%;} #jd #location {float:right; width:46%; margin:25px 0 0 0; padding:9px 0;} #jd #location #map{width:100%; height:250px; margin:2.5% 0 0 0;} /*------------------------------------------------------- Page Control/Numbers ---------------------------------------------------------*/ .controlBar{margin:1.5% 0; padding:5px; border:1px solid #DDD; font-size:13px; overflow:hidden;} .controlBar .result{float:left; padding:8px; border-right:1px solid #DDD;} .controlBar .sortby{float:left; margin:0 0 0 7px;} .controlBar .sortby select{float:left;} .controlBar .view{padding:3px 0 0 20px; overflow:hidden;} .controlBar .view img{height:24px; cursor:pointer;} .controlBar .pageNos{float:right; overflow:hidden;} .controlBar .pageNos a{display:inline-block; padding:8px;} .controlBar .pageNos span{display:inline-block; padding:8px; background:#333; color:#FFF; border-radius:3px;} /*------------------------------------------------------- Page Numbers (Mobile) ---------------------------------------------------------*/ .page-btns{display:none;} /* --------------------------------------- Footer ------------------------------------------*/ footer{clear:both; background:#EEE; border-top:1px solid #DDD; padding:15px 0 45px 0; margin:20px 0 0 0; overflow:hidden;} #foot{position:relative; width:980px; margin:auto auto 50px auto; line-height:22px;} #foot .company{float:left; width:45%; margin:0 3% 0 0;} #foot .company .heading{padding:1% 1% 2% 1%; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px; border:0;} #foot .company .frans{margin:0 0 10px 0; overflow:hidden;} #foot .company .frans li{float:left; width:16.66%; margin:5% 0 0 0;} #foot .company .frans img{width:65%;} #foot .col{float:right; width:18%; margin:0 2% 0 0;} #foot .col .heading{padding:1% 1% 2% 1%; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px; border:0;} #foot .col li{border-bottom:1px solid #DDD; padding:1%;} #foot .col a{color:#666;} #foot .col a:hover{color:#FF6600;} /* ------------------------------------------------------------------------------- Cookie Notice ----------------------------------------------------------------------------------*/ #cookie{position:fixed; right:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8F000000,endColorstr=#8F000000); color:#FFF; z-index:999;} #cookie div{width:960px; margin:auto; padding:20px 0; text-align:center;} #cookie p{display:inline-block; font-size:12px;} #cookie .more{background:#AAA;} /* --------------------------------------- RESPONSIVE ------------------------------------------*/ @media screen and (min-width: 1260px){ #head{width:1170px;} #main{width:1170px;} #full{width:100%;} #full section{width:100%;} #full section .wrapper{margin:auto; width:1170px;} #nav{width:1170px; font-size:14px;} #foot{width:1170px;} #cookie div{width:1170px;} aside{width:24%;} #hero{height:380px;} #hero .royalSlider{height:380px;} #hero .infoBlock{width:1170px; margin-left:-585px;} .ti{font-size:32px;} .subti{font-size:22px;} .nmd .vehiclePhoto{max-width:420px;} #ur .gallery li{width:30.5%; min-height:465px;} #ur .fuelsave{top:35%;} .ud #photoWrapper .royalSlider{min-height:441px;} .ud #photoWrapper .rsDefault img{width:100%; min-height:441px;} .ud #detail #keyInfo img{height:36px;} .udGallery li{width:17.9%;} .udGallery li.omega{display:block;} .genform input[type=text],[type=tel],[type=email]{width:96%;} .genform textarea{width:96%;} .or .item .photo .captionBox label{font-size:28px; line-height:28px;} .or .item .photo .captionBox p{font-size:14px; line-height:17px;} .od .photo .captionBox label{font-size:28px; line-height:28px;} .od .photo .captionBox p{font-size:14px; line-height:17px;} } @media screen and (max-width: 992px){ #head{width:100%;} #head .tel{font-size:22px; margin:46px 30px 0 0;} #head .tel img{top:9px;} #main{width:100%;} #full{width:100%;} #full section{width:100%;} #full section .wrapper{margin:auto; width:100%;} #nav{width:100%; font-size:12px;} #foot{width:100%;} #cookie div{width:100%;} #main aside{width:26%;} #main section{width:72%;} #hero .infoBlock{width:100%; margin-left:-50%;} #ur .gallery li{width:30.3%;} #ur .fuelsave{top:25%;} #ur .gallery .price label{font-size:15px;} .ud #photoWrapper .royalSlider{min-height:300px;} .ud #photoWrapper .rsDefault img{width:100%; min-height:300px;} .ud #detail #keyInfo img{height:32px;} .ud #detail p{font-size:12px;} #ur .gallery dl dt{width:46%; padding:1.5%;} .udGallery li{width:22.6%;} .nmd .overview .c2a{width:65%;} #franchises img{width:80%;} .or .item .photo .captionBox label{font-size:20px; line-height:20px;} .or .item .photo .captionBox p{font-size:12px; line-height:14px;} .od .photo .captionBox label{font-size:20px; line-height:20px;} .od .photo .captionBox p{font-size:12px; line-height:14px;} } /* Mobile */ @media screen and (max-width: 640px){ .noMobile{display:none;} .noDesktop{display:block;} button{width:100%; margin:5px 0 0 0; padding:5% 0 5% 0;} .ti{font-size:24px; letter-spacing:-2px;} .subti{font-size:20px; letter-spacing:-1px;} /* Header */ #head{width:100%; height:50px; background:#FFF; border-bottom:1px solid #DDD;} #head #logo{height:36px; margin:8px 0 0 8px;} #head .franchise{height:40px; margin:5px 0;} #head #groupLink{display:none;} #head .social{display:none;} #head .tel{display:none;} #head .menuBtn{position:relative; float:right; height:50px; border-left:1px solid #DDD; cursor:pointer;} #head .menuBtn:hover{background:#888;} #head .menuBtn img{float:left; height:50px;} /* Breadcrumbs */ #breadcrumbs{display:none;} #main{width:100%; padding:0;} #main .inner{width:90%; margin:auto; padding:5px 0 0 0;} #full{padding:0;} #full .inner{width:90%; margin:auto; padding:5px 0 0 0;} /* Nav */ nav{border-bottom:0;} #navMobile{display:block;} #nav{display:none; position:absolute; top:53px; right:0px; z-index:99; width:200px; height:480px;} #nav li{position:relative; width:100%; float:left; background:#888;} #nav li a{display:block; padding:14px 24px 14px 24px; color:#FFF; text-align:left;} #nav dl{position:static; width:220px; background:#BBB; text-align:left;} /* Footer */ #foot{width:96%;} #foot .company{float:left; width:100%; margin:1% 3% 0 0;} #foot .company .frans img{width:85%;} #foot .col{clear:both; float:none; width:100%; margin:5% 0 0 0; padding:20px 0 0 0; text-align:center;} #foot .col .heading{padding:1% 1% 2% 1%; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px; border:0;} #cookie div{width:96%;} /* Main Content Structure */ #main aside{clear:both; width:100%;} #main section{float:right; width:100%; padding:0; background:#F5F5F5;} .genform input[type=text],[type=tel],[type=email]{width:94%;} .genform textarea{width:94%;} .offerBanner .rsABlock .title{font-family:open_sanslight, Arial, Verdana, Helvetica, sans-serif; font-size:15px; line-height:16px; letter-spacing:-1px;} .offerBanner .rsABlock .caption{margin:3px 0 0 0; font-size:10px; line-height:12px;} /* Homepage */ #hero{height:200px; margin:0 0 20px 0;} #hero .royalSlider{height:200px;} #hero .infoBlock{width:100%; margin-left:0; left:0; bottom:0;} #hero .infoBlock .captionbox{padding:3% 3% 2% 3%; border-radius:0px; bottom:0;} #hero .infoBlock .captionbox .subti{font-size:15px;} #hero .infoBlock .captionbox p{font-size:11px; line-height:14px; margin:3px 0 8px 0;} .feat li{margin:0 1px 1px 0;} .feat label{top:7px; font-size:14px; letter-spacing:-1px; line-height:18px;} #franchises {text-align:center; padding:0 0 5px 0;} #franchises li{width:29.33%; padding:2.5% 2% 2% 2%; text-align:center; border:0; box-shadow:1px 1px 0px #DDD; } #franchises img{width:70%;} #fransIncTrade{margin:0 0 20px 0; overflow:hidden;} #fransIncTrade li{float:left; width:14%; padding:2% 0 2% 0; text-align:center; border-right:1px solid #DDD;} #fransIncTrade img{width:90%;} .home-nm .model li{float:left; width:50%; margin:0 0 3% 0;} /* Searchbox */ #searchbox select{width:49%; margin:0 0 5px 0; font-size:120%;} #searchbox #makes{width:100%; margin-top:10px;} #searchbox #models{width:100%;} #searchbox input[type=radio]{width:20px;} #searchbox{margin:0;} #searchbox-inner{clear:both; background:#333; padding:5%;} #searchbox .cvselect{width:49.6%; padding:3px 0 3px 0; font-size:18px;} #searchbox input[type="text"]{width:93%; margin:0 0 5px 0;} #searchbox button{width:100%; margin:10px 0 10px 0; padding:3%; font-size:24px;} #searchbox #counter{width:20%; min-height:23px; padding:2%;} #searchbox #advanced{display:none; padding:15px 0 0 0;} #searchbox #advBtn{float:right; height:32px; cursor:pointer;} /* New Model Gallery (on multiple pages) */ .modelGallery li{width:100%; margin:0 0 1% 0;} .modelGallery .heading{width:100%; padding:0 5% 1% 5%; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:22px; letter-spacing:-1px; line-height:22px;} .modelGallery .large{width:100%; margin:0 0 1.1% 0;} /* Tab Menu */ .tabMenu{font-size:16px; letter-spacing:-1px;} .tabMenu li{padding:6px 8px 6px 8px;} .tabMenu .heading{width:100%;} .tabContent{padding:20px 10px 20px 10px;} /* New Model */ .nm{padding:10px 0 0 0 !important;} .nm .photo{width:100%; margin:0 0 5% 0;} .nm .photo img{width:100%;} .nm .overview{float:none; width:90%; padding:0 5% 0 5%; margin:0 0 0 0; text-align:center;} .nm .model li{float:left; width:50%; margin:0 0 3% 0;} .nm .explore{width:90%; margin:0 10% 0 0;} .nm .subModel li{width:47.6%; margin:0 0 2% 0; padding:1%; border:0px solid #DDD; border-radius:0px;} .nm .list div{padding:2% 2% 0 3%;} .nm .list .mHeading{display:none;} .nm .list .heading{padding-bottom:3%;} .nm .list .title{width:90%; padding:4% 0 0 3%; font-size:16px;} .nm .list .fuel{clear:left; width:13%;} .nm .list .transmission{width:16%;} .nm .list .co2{width:15%;} .nm .list .mpg{width:15%;} .nm .list .mrrp{clear:left; width:13%; padding-bottom:3%; text-align:right; text-decoration:line-through;} .nm .list .price{width:13%; padding-bottom:3%; text-align:right;} .nm .offers{padding:10px 0 0 0;} .nm .offers .heading{width:100%; padding:0 5% 1% 5%; font-family:open_sansregular, Arial, Verdana, Helvetica, sans-serif; font-size:22px; letter-spacing:-1px; line-height:22px;} .nm .offers .item{width:100%; margin:0 0 3% 0;} .nm .offers .item .captionBox label{font-size:14px; line-height:16px;} .nm .offers .item .captionBox p{margin:4px 0 4px 0; font-size:10px; line-height:13px;} /* New Model Detail */ .nmd{padding:10px 0 0 0 !important;} .nmd .photo{width:100%; margin:0 0 5% 0;} .nmd .photo img{width:100%;} .nmd .warranty img{margin-top:-20px; width:100px;} .nmd .overview{float:none; width:90%; padding:0 5% 0 5%; margin:0 0 0 0; text-align:center;} .nmd .overview .c2a{width:100%;} .nmd .keySpec {margin:10px 0 20px 0;} .nmd .keySpec li{float:left; width:30.3%; height:70px; margin:0 0.5% 1% 0.5; padding:3% 1% 2% 1%; background:#F4F4F4; border-radius:5px; overflow:hidden;} .nmd .keySpec label{font-size:15px; letter-spacing:-1px;} .nmd .keySpec .value{display:block; font-family:open_sansbold, Arial, Verdana, Helvetica, sans-serif; font-size:20px; letter-spacing:-1px;} .nmd .specs{width:100%; margin:0 0 10px 0;} .nmd .options li{float:left; width:100%; margin:0; padding: 1.5% 0.5% 1.5% 0.5%; border-top:1px solid #FFF;} .nmd .safetyOverview{width:100%;} .nmd .safety{width:100%; margin:10px 0 0 0;} /* Used Results */ #ur{padding:10px 0 0 0 !important;} #ur .model li{float:left; width:50%;} #ur .model h2{font-size:16px;} #ur .model .price{display:block; padding:0 0 0 10%; font-size:11px;} #ur .finance-update .deposit{width:100%; display:block; text-align:right; margin-bottom:2%;} #ur .finance-update .deposit input{width:60%;} #ur .finance-update .deposit span{float:left; line-height:32px;} #ur .finance-update .months{width:48%; margin-right:2%; margin-bottom:1%;} #ur .finance-update .mileage{width:48%; margin-right:0; margin-bottom:1%;} #ur .finance-update button{float:none; width:100%} #ur .gallery{margin:10px 0 0 0;} #ur .gallery li{clear:left; width:92%; min-height:140px; margin:0; padding:4%; border:0px; border-top:1px solid #DDD;} #ur .gallery .photo{float:left; width:49%; margin:0 3% 0 0;} #ur .gallery .offerSash{position:absolute; top:3.2%; left:3.2%; width:50px;} #ur .gallery .price{min-height:50px;} #ur .gallery .price label{font-size:18px;} #ur .gallery dl{clear:left; padding:5px 0 0 0; font-size:12px;} #ur .gallery dl dt{float:left; width:31%; padding:3% 1% 2% 1%; margin:1px 1px 0 0;} #ur .gallery button{padding: 3% 0 3% 0;} #ur .gallery .enquire{width:100%;} #ur .gallery .save{display:none;} /* Enquiry Form SideSlide */ .enquirySlide .inner input,textarea{width:94%; margin:5px 0 3px 0; font-size:15px;} .enquirySlide .inner select{width:100%; margin:5px 0 3px 0; font-size:15px;} .enquirySlide .inner button{width:100%; padding:4% 1.5% 4% 1.5%;} /* Book a Service */ .bs{padding:10px 0 0 0 !important;} .bs-form{width:100%; border:0;} .bs-form label{display:none;} .bs-form .smenu{float:left; width:100%; margin:5px 0 10px 0;} .bs-form select{float:left; width:100%;} .bs-form select.branch{width:100%;} .bs-form textarea{float:left; width:94%;} .bs-form .mileage{width:50% !important;} .bs-form .date{width:50% !important;} .bs-form input[type=text]{float:left; width:94%; text-transform:capitalize;} .bs-form .tel{width:94%;} .bs-form .email{width:94%;} .bs-branches{width:100%;} /* Used Detail */ .ud #photoWrapper{width:100%; padding:0; border:0;} .ud #photoWrapper .royalSlider{min-height:240px;} .ud #photoWrapper .rsDefault img{width:100%; min-height:240px;} .ud #photoWrapper #c2a{display:block;} .ud #detail{width:92%; padding:4%;} .ud #detail #keyInfo{width:100%;} .ud #detail #actions{width:100%; padding:5% 0 8% 0;} .ud #detail #actions .save{display:none;} .ud .spec li{width:44%; padding:1%; margin:0.5% 0.5% 0 3%; border-top:1px solid #EEE; background:none;} .ud .spec .heading{width:95%; padding:1% 1% 1% 4%;} .ud #finance .leftCol{width:100%;} .ud #finance .rightCol{width:100%;} .ud #finance .adjust{margin:0 0 2% 0; padding:0.5% 0 0.5% 0; background:#DDD; overflow:hidden;} .ud #finance .adjust .deposit{padding:4% 0 0 1%;} .ud #finance .adjust input{float:right; width:47%;} .ud #finance .adjust select{width:49%;} .ud #finance .adjust button{float:right; margin:0 1% 0 0;} .ud #finance .container{float:left; width:100%; margin:1% 0 1% 0;} .ud #finance .container table{width:100%; border-spacing:0; border-collapse:collapse; font-size:13px;} .ud #finance .container table th{font-size:16px;} .udGallery{margin:30px 0 0 0;} .udGallery li{clear:left; width:92%; min-height:140px; margin:0; padding:4%; border:0px; border-top:1px solid #DDD;} .udGallery .heading{width:95%; padding:1% 1% 1% 4%;} .udGallery .photo{float:left; width:49%; margin:0 3% 0 0;} .udGallery dl{clear:left; padding:5px 0 0 0; font-size:12px;} .udGallery dl dt{width:31%; padding:1%; margin:1px 1px 0 0;} .udGallery button{width:100%; margin:4px 0 0 0; padding:3% 0 3% 0;} .udGallery .save{display:none;} .udGallery .remove{display:none;} /* Page */ #page{padding:10px 0 0 0 !important;} /* Offer Results */ .or {padding:10px 0 0 0 !important;} .or .item h2{display:block; padding:0.3% 0 0 3%; font-size:14px;} .or .item .photo .captionBox label{font-size:14px; line-height:16px;} .or .item .photo .captionBox p{margin:4px 0 4px 0; font-size:10px; line-height:13px;} /* Offer Detail */ .od {padding:10px 0 0 0 !important;} .od table{width:100%;} .od .media {clear:right; width:100%; margin:0;} .od .photo .captionBox label{font-size:14px; line-height:16px;} .od .photo .captionBox p{margin:4px 0 4px 0; font-size:10px; line-height:13px;} /* Customer Reviews */ #reviews {padding:10px 0 0 0 !important;} #reviews .postReview{display:none;} #reviews .item{clear:both; margin:30px 0 0 0;} #reviews .item li{padding:5%; border-bottom:1px solid #DDD; overflow:hidden;} #reviews .item .bgWhite{background:#FFF;} /* Staff Results */ .sr {padding:10px 0 0 0 !important;} .sr .profile li{float:left; width:60%; padding:5% 20% 5% 20%;} /* Location Results */ .lr {padding:10px 0 0 0 !important;} .lr #map{width:100%; height:200px;} .lr .gallery li{clear:left; width:93.5%; min-height:120px; margin:0; padding:2% 3% 3% 3.5%; border:0; border-top:1px solid #DDD;} .lr .gallery h2{display:block; margin:2.5% 0 0 0; font-size:16px;} .lr .gallery .mapPhoto{float:right; width:38%; margin:2% 0% 2% 2%;} .lr .gallery .franchiseLogo{position:absolute; top:8%; right:3%; padding:2px;} .lr .gallery .franchiseLogo img{height:31px; margin:2px 2px 1px 2px;} /* Location Detail */ #ld{padding:10px 0 0 0 !important;} #ld .franchiseLogo{display:none;} #ld #contact{width:90%; margin:10px 5% 0 5%;} #ld #contact button{width:90%;} #ld #photo{width:100%; margin:10px 0;} #ld #photo .royalSlider{margin:0;} #ld #map{float:right; width:100%; height:280px; border-bottom:1px solid #DDD;} #ld #opening{width:90%; padding:20px 5% 20px 5%; margin:0; overflow:hidden;} #ld #opening .heading{padding:3%; margin:1.5% 0 0 0;} #ld #enquiry{width:90%; padding:20px 5% 20px 5%; margin:0; background:#FFF; border:0; overflow:hidden;} /* News Results */ .nr article{float:left; width:100%; margin:0; padding:0%; border-top:1px solid #DDD;} .nr article .photo{float:left; width:40%; margin:0 2.5% 0 0;} .nr article .date{display:none;} .nr article .snipet{display:none;} .nr article h2{display:block; font-size:16px; margin:2.5% 0 0 0;} .nr .latest {position:relative; overflow:hidden;} .nr .latest .headline{position:absolute; bottom:0px; left:0px; padding:3% 3% 3.5% 3%; width:95%; background-color:rgba(0,0,0,0.7); color:#FFF;} .nr .latest .headline .breaking{position:absolute; top:0px; left:0px; padding:3% 3% 3.5% 3%; width:95%; height:94%; background:#FFCC00; color:#000; font-size:22px; font-weight:bold; line-height:22px; text-align:center;} .nr .latest .headline .ti{font-size:18px;} .nr .latest .media{width:100%; margin:0;} .nr .latest .date{display:none;} .nr .latest .snipet{display:none;} .nr .latest .mce-content{display:none;} .nr .latest a{color:#FFF;} /* News Detail */ .nd{padding:10px 0 0 0 !important;} .nd .media{width:100%; margin:0 0 10px 0 ;} .nd article{float:left; width:100%; margin:0; padding:0%; border-top:1px solid #DDD;} .nd article .photo{float:left; width:40%; margin:0 2.5% 0 0;} .nd article .date{display:none;} .nd article .snipet{display:none;} .nd article h2{display:block; font-size:16px; margin:2.5% 0 0 0;} /* Job Results */ .jr {padding:10px 0 0 0 !important;} .jr .joblist{width:96%; padding:0 2% 0 2%; background:#FFF;} .jr .joblist span{padding:2.7% 1.7% 2.7% 1.7%;} .jr .joblist .jobTitle{width:62%;} .jr .joblist .date{display:none;} .jr .joblist .location{width:26%;} /* Job Detail */ #jd {padding:10px 0 0 0 !important;} #jd #overview{width:90%; padding:0 5% 0 5%; background:#EEE;} #jd #enquiry{width:90%; padding:20px 5% 20px 5%; margin:0; background:#FFF; border:0; overflow:hidden;} #jd h2{margin:0 5% 0 6%; padding:0;} #jd #location{width:100%; margin:25px 0 0 0; padding:0;} /* Page ControlsNumbers */ .controlBar .pageNos{display:none;} .controlBar .sortby{float:right;} .controlBar .sortby select{width:130px; height:28px;} .controlBar .view{display:none;} /* Page Numbers (Mobile) */ .page-btns{display:block; clear:both; height:40px;} .page-btns a{display:inline-block; line-height:40px; background-color:#CCC; color:#444; text-decoration:none; text-align:center;} .page-btns .full{width:100%;} .page-btns .half{width:49%;} .page-btns .third{width:32%;} .page-btns .marg{margin-right:2%;} } /* --------------------------------------- Login ------------------------------------------*/ #login{display:none; position:fixed; bottom:0; left:0; z-index:99; width:100%; padding:10px; background-color:rgba(0,0,0,0.9); color:#FFF; } #login #container{width:960px; min-height:50px; margin:auto;} #login #container input{width:200px;} @media screen and (min-width: 1260px){ #login #container{width:1200px;} } .alpha, li.alpha, article.alpha, div.alpha {margin-left:0;} .omega, li.omega, article.omega, div.omega {margin-right:0;}