/****** Global ******/
body{font-family:Raleway Regular, Arial, Helvetica, sans-serif; font-size:14px;}

.ti{font-family:Raleway Bold, Arial, Helvetica, sans-serif;}
.ti-size{font-size:22px;}

.ti-sub{font-family:Raleway Bold, Arial, Helvetica, sans-serif;}
.ti-sub-size{font-size:18px;}

.ti-model{font-family:Michroma, Arial, Helvetica, sans-serif;}
.ti-model-size{font-size:20px;}

@media screen and (max-width:768px){
	.ti-size{font-size:18px;}
	.ti-sub-size{font-size:16px;}
	.ti-model-size{font-size:px;}
}

input,select,textarea{font-family:'Raleway Regular' , Arial, Helvetica, sans-serif;}


.font-body-bold{font-family:Raleway Bold, Arial, Helvetica, sans-serif; font-size:14px;}

.fran-col{color:#222424;}
.fran-col-link{color:#222424 !important;}
.fran-col-link:hover{color:#999 !important;}
.fran-col-bg{background:#222424;}
.fran-col-border{border-color:#222424 !important;}
.fran-col-btn{background:#222424; color:#fff;}
.fran-col-default{color:#ac2425;}

#sow-tab{background: #222424;}

.switch dt.sel{background: #222424;}
.radio-switch dt.sel i{background: #222424;}
.switch-sel dt.sel{border:2px solid #222424;}

@media screen and (max-width:768px){
	.switch-sel dt:hover{border:2px solid #222424 !important;}
}

button, .btn{background:#222424; border:1px solid #222424; color:#fff; font-family:Raleway SemiBold, Arial, Helvetica, sans-serif; font-size:14px; border-radius:3px; text-transform: capitalize; letter-spacing:0px;}
button:hover, .btn:hover{background:#0082D1; border:1px solid #0082D1; color:#fff;}

.btn{background:#222424; color:#fff !important; font-family:Raleway SemiBold, Arial, Helvetica, sans-serif; font-size:14px; border-radius:3px; text-transform: capitalize; letter-spacing:0px; border-color:#;}
.btn:hover{background:#0082D1; color:#fff !important; border-color:#fff;}

.btn2{background:#ccc; border:1px solid #ccc;  color:#fff !important; font-family:Raleway SemiBold, Arial, Helvetica, sans-serif; font-size:14px; border-radius:3px; text-transform: capitalize; letter-spacing:0px; border-color:#ccc;}
.btn2:hover{background:#aaa; border:1px solid #aaa; color:#fff !important; border-color:#aaa;}

.btn-hollow{background:rgba(0,0,0,0.0); border:1px solid #ccc;  color:#444 !important; font-family:Raleway SemiBold, Arial, Helvetica, sans-serif; font-size:14px; border-radius:3px; text-transform: capitalize; letter-spacing:0px;}
.btn-hollow.over-photo{background:rgba(0,0,0,0.3); color: #fff !important;}
.btn-hollow:hover{background:#aaa; border:1px solid #aaa; color:#fff !important;}

.highlight{font-family:Raleway Bold, Arial, Helvetica, sans-serif; color:#222424; font-size:20px;}

a:link    {color:#111;}
a:visited {color:#111;}
a:hover   {color:#999;}

a.arrow:before {color:#222424;}	

/****** Dynamic Buttons ******/
.dyn-btn .btn-loop div{border-radius: 3px;}
.dyn-btn .btn-first{border-radius: 3px;}
.dyn-btn .btn-second{border-radius: 3px;}
.dyn-btn .btn-more{border-radius: 3px;}
.dyn-btn .btn-options dt{border-radius: 3px;}


/****** Header ******/
header{background:#fff; color:#; border-bottom: 2px solid #000;}
header a{color:#111;}

header #m-menu li{background: #111 !important;}

#head-nv2 li.contact{background: #222424; color:#fff;}
#head-nv2 li.contact:hover{background: #0082D1; color:#fff;}
#head-nv2 li.home a{color:#111;}

#custom-branding b span{color: #222424;}

.icon-bar{background: #;}

#quick-contact{background: #222424; color:#fff;}

/****** Navigation ******/
#top-nav {background: #222424 !important; font-size: 12px !important;}
#top-nav ul li a{color:#fff;}
#top-nav ul li.tel{background:#222424; color:#fff;}
#top-nav ul li.focal{background:#222424; color:#fff;}
#navbar #nav li a{color:#333;}


nav{background: #fff; font-family:Raleway SemiBold, Arial, Helvetica, sans-serif; font-size: 14px; text-transform: capitalize; letter-spacing:0px;} 
nav a.navbtn{color:#333 !important; border-bottom:3px solid #;}
nav .navbtn:hover{background:#f5f5f5;}
nav .navbtn.sel{background:#f5f5f5;}

@media screen and (max-width: 768px){
	#navbar{top:px;}
	#navbar #nav li a.navbtn{color:#000 !important;}
	nav .navbtn.sel, #navbar #nav li a.navbtn:hover{background:#f5f5f5;}
}

@media screen and (max-width: 480px){
	#navbar{top:50px;}
}

/****** Purchase ******/
.status-vert ul li.sel i{background: #222424;}
#part-ex-veh .ui-widget-header{background:#222424;}
#part-ex-veh .ui-state-default{background:#222424 !important;}

#sticky-head-bar .bar .status .bar-level{background: #222424;}

.date-sel li.sel div{background: #222424;}
.date-sel li:hover div{border:2px solid #222424;}
.date-sel li.sel small{color: #222424;}
.date-sel li:hover.sel div{background: #222424;}


/****** Buy Online ******/
#buy-online .fund-options dt:hover{padding:23px; border: 2px solid #222424;}
#buy-online .fund-options dt.sel{padding:23px; border: 2px solid #222424;}


/****** Valuations ******/
.px-valuations li:nth-child(1){border:2px solid #222424 !important;}
.px-valuations li.sel{border:2px solid #222424 !important;}

#location-sel .loc-list li.sel{border:2px solid #222424;}


/****** Vehicle Service ******/
#veh-service #pref-time li.sel{border:2px solid #222424;}

.caro-switch ul li.sel .border{border:2px solid #222424;}
.multi-select ul li.sel .border{border:2px solid #222424;}


/****** Homepage ******/
#multi-hero .owl-theme .owl-dots .owl-dot.active span {background: #222424 !important;}
#veh-search #filters li.budget dl dt.sel{border-bottom: 4px solid #222424;}
#veh-search .ui-widget-header{background:#222424;}
#veh-search .ui-state-default{background:#222424;}
#head-ribbon.bg, #head-ribbon .bg{background:#222424; color:#fff;}
#head-ribbon a{color:#fff;}

#heads-up.bg, #heads-up .bg{background:#222424; color:#fff;}
#heads-up a{color:#fff;}

#inline-heads-up.bg, #inline-heads-up .bg{background:#222424; color:#fff;}
#inline-heads-up a{color:#fff;}

/****** Service Offer Widget ******/
#sow .owl-theme .owl-dots .owl-dot.active span {background: #222424 !important;}
#sow #sow-contain a small i{color: #222424;}

/****** Locations ******/
#loc-list li:hover{border-left: 2px solid #222424;}
#loc-list li.active{border-left: 2px solid #222424; background: #f9f9f9;}

/****** Locations Details ******/
#sub-sec li .owl-theme .owl-dots .owl-dot.active span {background: #222424 !important; }
#branch-photos .owl-theme .owl-dots .owl-dot.active span {background: #222424 !important; }

#hours .menu-dept li.sel{padding: 8px 30px 8px 10px; border-bottom: 1px solid #222424;}
#hours .hours-dept li .dept-note{background: #222424;}
#hours .hours-dept li .dept-note b{border-bottom: 7px solid #222424;}


#address-tel #tel-numbers li a{color:#222424;}

/****** Locate Centre Map ******/
#locate-centre .search .search-field-wrapper .icons{color:#222424;}
#locate-centre .search .error-msg{background:#222424; color:#fff;}
#locate-centre .search .error-msg div{border-bottom:10px solid #222424;}

/****** Contactless Delivery ******/
#custom-hero{background: #444;} 
.custom-paras li div{background: #444;}


.para-layout .icon{background: #444;}


/****** Search ******/

#main-head.is-stuck{background:#222424;}


#new-search{background: #f5f5f5;}
#option-menu li{background: #f1f1f1;}
#option-menu li:hover{background: #f9f9f9;}
#option-menu li.sel{background: #f9f9f9;}
.option-res li label:hover{background: #f5f5f5;}



#sticky-head-bar #sticky-head-menu li:hover, #sticky-head-bar #sticky-head-menu li.sel{border-bottom: 2px solid #222424;}


/****** New Detail ******/
#price-settings .option ul li{background: #f9f9f9;}
#price-settings .option ul li:hover{background: #222424;}
#price-settings .option ul li.sel{background: #222424;}

#price-settings .budget dt.sel{border-color:#222424;}
#price-settings .ui-widget-header{background:#222424;}
#price-settings .ui-state-default{background:#222424;}


.px-cond dt:hover{border:2px solid #222424;}
.px-cond dt.sel{border:2px solid #222424;}


.new-c2a li{background:#ccc; color:#fff;}
.new-c2a li:hover{background:#0082D1; color:#fff;}

.grade-menu li a:hover, .grade-menu li a.sel{background:#222424; color:#fff;}

.grade-head{background: #f5f5f5;}



#visual-stats .offer-bubble{background:#222424 !important; color:#fff !important;}
#visual-stats .offer-bubble .arrow{border-top: 13px solid #222424 !important;}


#feat-offers{background:#; color:#fff;}
.newoffer{background:#; color:#fff;}


/****** Owners ******/
#service-options li{background:#f9f9f9;}
#service-options li:hover{border-bottom:2px solid #222424;}


/****** Timeline ******/
#timeline-caro li .date-ti{border-bottom:2px solid #222424;}
#timeline-caro li .date-ti span{border:2px solid #222424;}
#timeline-caro li .date-ti span b{background:#222424;}

/****** New Models 2 ******/
#model-family .fuel-highlight{color: #;}

/****** FAQs include ******/
#faq-block b{color:#222424;}


/****** New Model Overview2 ******/
#mm-sticky.is-stuck .enq{background: #222424;}
#mm-sticky.is-stuck .enq:hover{color:#222424;}
#mm-sticky.is-stuck .enq:hover i{color:#222424;}
#mm-sticky ul li i{color:#222424;}
#mm-sticky .inner .mm-menu li.call-centre{background: #222424;}

@media screen and (max-width:768px){
	#mm-sticky .enq{background: #222424;}
	#mm-sticky .inner .mm-menu li.call-centre i{color: #222424 !important;}
}

.next-steps ul li:hover .icons i{background: #222424;}
.next-steps ul li b{color:#222424;}
#semi-note{background: #222424;}
#offer-highlight .bg{display:none; background:#222424; color:#fff;}


.rangeslider__fill{background: #222424 !important;}


#fin-pref-switch{background: #222424}

/****** New Model Grade 2 ******/
.veh-list li .pricing dl dt b{color: #222424;}
.veh-list li .data .in-stock a{background: #222424; }

.veh-list .finance-tabs dt b{color: #222424;}




#veh-settings .option ul li{background: #f1f1f1;}
#veh-settings .option ul li:hover{background: #222424; color:#fff;}
#veh-settings .option ul li.sel{background: #222424; color:#fff;}


#ranges .model-menu li b:hover, #ranges .model-menu li.sel b{border-bottom: 3px solid #111;}

/****** New Model Overview ******/
.newoffer{background:#222424;}


/****** New Model Grade ******/
#derv-list-heading{background:#; color:#;}
#nmg #overview .story span{font-family:, Arial, Helvetica, sans-serif;}
#nmg #overview .story strong{font-family:, Arial, Helvetica, sans-serif;}
#nmg #overview #terms-adjust{color:#222424;}
.derv-list .pricing li .offer-price{color:#;}
.derv-list .pricing li p{color:#111;}


/****** Finance Adjust ******/
#finance-adjust main .ui-widget-header{background:#222424;}
#finance-adjust main .ui-state-default{background:#222424;}


.veh-list li .offer-alert a{background:#222424;}

/****** Misc ******/
.control-bar .page-numbers .sel{background:#; border:1px solid #;}
.control-bar .page-numbers a:hover{background:#;}


/****** Model Navigation ******/
.nav-model dt .ti-box{background:# !important;}
.nav-model dt span{background:#222424;}
.nav-model dt a{color:#fff;}


/****** Menus & Breadcrumbs ******/



/****** Tables ******/
table th{background:#; color:#;}
table thead td{background:#; color:#;}

.responsive-table tr {border-top: 5px solid #;}


/****** Search Box ******/
/*
	.used-search{background:#; color:#;}
	.used-search #filter-options .sel{background-color:#111 !important;}
*/

/****** Branches Include ******/
#branches-inc ul li:first-child i{color:#111;}

/****** Vehicle Results ******/
#results li p .new{background:#222424;}
#results li .stock-label span.nearly-new{border:1px solid #222424; color:#222424;}
#results li .stock-label span.brand-new, #results li .stock-label span.attn-grabber, #results li .stock-label span.offer-label {border:1px solid #222424; background: #222424;}
#results li .attn{background:#222424; color:#fff;}
#results li .offer-used{background:#222424; color:#fff; ?>;}

#veh-detail #detail .stock-label span.nearly-new{border:1px solid #222424; color:#222424;}
#veh-detail #detail .stock-label span.brand-new, #veh-detail #detail .stock-label span.attn-grabber, #veh-detail #detail .stock-label span.offer-label{border:1px solid #222424; background: #222424;}


/****** Location Results ******/
.info-window a {color:#222424;}

/****** Location Details ******/
#loc-opts .loc-opt li b{color:#222424;}
#loc-opts .loc-opt .stat .directions i{color:#222424;}
#loc-opts .loc-opt .stat .directions a{color:#222424;}
#loc-detail .tabs li.holiday{background:#222424 !important; color:#fff;}

/****** Used Vehicle Carousel Include ******/
.veh-caro .title{background: #;}
.veh-caro .title span{border-bottom: 13px solid #;}
.veh-caro .price{color:#;}
.veh-caro .attn{background:#;}


/****** Used Results ******/

#ur #gallery2 .price dt.cash b{color:#;}
#ur #gallery2 .price dt .price-month{color:#;}
#ur #gallery2 .sash.special{background:# !important;}

/****** Used Detail ******/
#veh-d{background:#f9f9f9;}	
#veh-d #media #attn{background:#;}
#veh-d #detail #heading #price{color:#;}

#veh-d #media #veh-video .close{background:#222424; color:#fff; border:1px solid #222424;}
#veh-d #media #veh-video .close:hover{background:#0082D1; color:#fff;}
#veh-d #media .sash.special{background:# !important;}
#veh-d #detail #c2a .telephone span{color:#111;}

#electric-info #ele-frame li.result dl dt b{color:#222424;}
#electric-info #ele-frame li.bars dl dt .bar .bg{background:#222424;}
#electric-info #ele-frame li.bars dl dt .bar label{color:#fff;}
#electric-info .switch-multi{background:#222424; border:2px solid #222424; color:#fff;}
#electric-info .switch-multi .sel{color:#222424;}


#remind li.veh-info span{color:#;}


.tab-menu{background:#f9f9f9;}
.tab-menu li{background:#f1f1f1;}


/****** Offer Results ******/
#or #catmenu li article:hover{border: 1px solid #;}
#or #gallery li img{border-bottom: 3px solid #;}


#or #gallery li .sash{background:#;}

/****** Tab Menu ******/
.tab-menu li{border-bottom: 2px solid #222424;}


/****** Compare List ******/
#compare-list dt .del-btn{background:#222424; color:#fff;}

#tab-btns li{background:#; color:#;}
.veh-location b { color: #111; }



/****** Book a Service ******/
#bs .arrow-flow.service{border-top: 13px solid #;}
#bs #your-vehicle{background:#;}

****** Service RTC ******/
#summary .book-info i{color:#222424;}

#content .step .container .locations li.sel{background:#222424; color:#fff;}
#content .step .container .locations li.sel i{color:#fff;}
#content .step .container .locations i{color:#222424;}

#content .step .container .services li .fa-kit{color:#222424;}

#content .step #step-content-4 .courtesy label.sel{background:#222424; color:#fff;}
#content .step #step-content-4 .times span.sel{background:#222424; color:#fff;}

#content .step.current .nav .circle{background: #222424;}
#content .step.current .nav .bar{background: #222424; background: -moz-linear-gradient(top, rgba(34,36,36,1) 0%, rgba(226,226,226,1) 100%); background: -webkit-linear-gradient(top, rgba(34,36,36,1) 0%,rgba(226,226,226,1) 100%); background: linear-gradient(to bottom, rgba(34,36,36,1) 0%,rgba(226,226,226,1) 100%);}
#content .step.complete .nav .circle{background: #222424;}
#content .step.complete .nav .bar{background: #222424;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#222424 !important; color:#fff !important;}

/****** Vehicle Valuation ******/
#vmv .arrow-flow.you{border-top: 13px solid #;}
#vmv #your-vehicle{background:#;}

#veh-value #veh-details .switch-list{border: 1px solid #222424;}
#veh-value #veh-details .switch-list li.is-active{color:#fff;}
#veh-value #veh-details .switch-list li.is-indicator{background:#222424; color:#fff;}
#veh-value #veh-details .switch-list li.is-arrow{border-top: 12px solid #222424;}

#veh-value #details .valuation{background:#222424; color:#fff;}


/****** Buy Online ******/
.budget-elements .ui-widget-header{background:#222424;}
.budget-elements .ui-state-default{background:#222424 !important;}


.switch-list li.is-active{color:#fff;}
.switch-list li.is-indicator{background:#222424; color:#fff;}


/****** News ******/
#news .articles li.month{background: # !important; border-top:4px solid # !important;}
#news .search{background:#;}

/****** Footer ******/
#foot-menu{background: #;}