/****** Global ******/
body{font-family:Opel Next Light, Arial, Helvetica, sans-serif; font-size:16px;}

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

.ti-sub{font-family:Opel Next Light, Arial, Helvetica, sans-serif;}
.ti-sub-size{font-size:18px;}

.ti-model{font-family:Opel Next Light, Arial, Helvetica, sans-serif;}
.ti-model-size{font-size:18px;}

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

input,select,textarea{font-family:'Opel Next Light' , Arial, Helvetica, sans-serif;}

.underline-txt{border-bottom:2px solid #111;}
.font-body-bold{font-family:Opel Next Regular, Arial, Helvetica, sans-serif; font-size:16px;}

.fran-col{color:#111;}
.fran-col-alt{color:#111;}
.fran-col-bg{background:#111;}
.fran-col-bg-alt{background:#111;}
.fran-col-border{border-color:#111;}
.fran-col-border-alt{border-color:#111;}
.fran-col-btn{background:#111; color:#fff;}
.fran-col-default{color:#ac2425;}
.highlight-col{color:#111;}

#sow-tab{background: #111;}

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

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

button, .btn{background:#111; border:1px solid #111; color:#fff; font-family:Opel Next Regular, Arial, Helvetica, sans-serif; font-size:15px; border-radius:0px; text-transform: capitalize; letter-spacing:0px;}
button:hover, .btn:hover{background:#555; border:1px solid #555; color:#fff;}

.btn{background:#111; color:#fff !important; font-family:Opel Next Regular, Arial, Helvetica, sans-serif; font-size:15px; border-radius:0px; text-transform: capitalize; letter-spacing:0px;}
.btn:hover{background:#555; color:#fff !important;}

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

.btn-hollow{background:rgba(0,0,0,0.0); border:1px solid #ccc;  color:#444 !important; font-family:Opel Next Regular, Arial, Helvetica, sans-serif; font-size:15px; border-radius:0px; 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:Opel Next Bold, Arial, Helvetica, sans-serif; color:#111; font-size:20px;}

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

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

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


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


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

#head-nv2 li.contact{background: #111; color:#fff;}
#head-nv2 li.contact:hover{background: #555; color:#fff;}
#head-nv2 li.home a{color:#333;}

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

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

/****** Navigation ******/
#top-nav ul li a{color:#333; text-transform:capitalize;}
#top-nav ul li.tel{background:#111; color:#fff;}
#top-nav ul li.focal{background:#111; color:#fff;}
#navbar #nav li a{color:#333;}


nav{background: #fff; font-family:Opel Next Regular, Arial, Helvetica, sans-serif; font-size: 15px; text-transform: capitalize; letter-spacing:0px;} 
nav a.navbtn{color:#333 !important;}
nav .navbtn:hover{background:#f5f5f5;}
nav .navbtn.sel{background:#f5f5f5;}

@media screen and (max-width: 768px){
	nav a.navbtn {color:#111 !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: #111;}
#part-ex-veh .ui-widget-header{background:#111;}
#part-ex-veh .ui-state-default{background:#111 !important;}

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

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


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


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

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


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

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


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

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

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

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

/****** Locations Details ******/
#loc-hero .cover b span{color: #111;}
#sub-sec li .owl-theme .owl-dots .owl-dot.active span {background: #111 !important; }
#branch-photos .owl-theme .owl-dots .owl-dot.active span {background: #111 !important; }

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


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

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

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


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


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

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


#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 #111;}


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

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


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


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

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

.grade-head{background: #eee;}



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


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


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


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

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


/****** New Model Overview2 ******/
#mm-sticky.is-stuck .enq{background: #111; color:#fff;}
#mm-sticky.is-stuck .enq i{color:#fff;}
#mm-sticky.is-stuck .enq:hover{color:#fff; background:#555;}
#mm-sticky.is-stuck .enq:hover i{color:#fff;}

#mm-sticky .inner .mm-menu li.call-centre{background: #111; color:#fff;}
#mm-sticky .inner .mm-menu li.call-centre i{color: #fff;}

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

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


.rangeslider__fill{background: #111 !important;}


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

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

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




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


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

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


/****** New Model Grade ******/
#nmg #overview #terms-adjust{color:#111;}
.derv-list .pricing li p{color:#111;}


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


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


/****** Model Navigation ******/
.nav-model dt span{background:#111;}
.nav-model dt a{color:#fff;}

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

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

#veh-detail #detail .stock-label span.nearly-new{border:1px solid #111; color:#111;}
#veh-detail #detail .stock-label span.brand-new, #veh-detail #detail .stock-label span.attn-grabber{border:1px solid #111; background: #111;}
#veh-detail #media #used .main .attn{background:#111; color:#fff;}


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

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



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

/****** Used Detail ******/
#veh-d{background:#f9f9f9;}	

#veh-d #media #veh-video .close{background:#111; color:#fff; border:1px solid #111;}
#veh-d #media #veh-video .close:hover{background:#555; color:#fff;}
#veh-d #detail #c2a .telephone span{color:#111;}

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

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

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


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

.veh-location b { color: #111; }

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

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

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

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

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

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

/****** Vehicle Valuation ******/

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

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


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


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