
/****** Global ******/
body{font-family:Roboto-Regular, Arial, sans-serif; font-size:15px;}
.ti-bold{font-family:Roboto-Bold, Arial, sans-serif;}
.ti{font-family:Roboto-Bold, Arial, sans-serif; }
.sub-ti{font-family:, Arial, sans-serif; }
.sub-ti-bold{font-family:, Arial, sans-serif; }

button{background:#004B80; color:#fff; font-family:Roboto-Bold, Arial, sans-serif; font-size:13px; border-radius:5px; text-transform: capitalize; letter-spacing:0px;}
button:hover{background:#e2003c; color:#fff;}

.btn{background:#004B80; color:#fff !important; font-family:Roboto-Bold, Arial, sans-serif; font-size:13px; border-radius:5px; text-transform: capitalize; letter-spacing:0px;}
.btn:hover{background:#e2003c; color:#fff !important;}

.btn2{background:#555; color:#fff !important; font-family:Roboto-Bold, Arial, sans-serif; font-size:13px; border-radius:5px; text-transform: capitalize; letter-spacing:0px;}
.btn2:hover{background:#eee; color:#555 !important;}

.highlight{font-family:Roboto-Bold, Arial, sans-serif; color:#004B80; font-size:20px;}

a:link    {color:#004B80;}
a:visited {color:#004B80;}
a:hover   {color:#e2003c;}

a.arrow:before {color:#004B80;}	




/****** Header ******/
#topper{background:#1c497a;}
header{height:95px; background:#fff; color:#444; border-bottom: 0px solid #004B80;}

header #head{height:95px;}
header #identity li#logo{height:95px;}
header #identity li#logo img{height:95px;}
header a{color:#fc0;}


#head-nav li{height:95px;}
#head-nav li{font-family:Roboto-Bold, Arial, sans-serif; font-size:13px; text-transform: capitalize; letter-spacing:0px;}
#head-nav li.highlite{background: #004B80; color:#fff;}
#head-nav li.highlite:hover{background: #e2003c; color:#fff;}


.icon-bar{background: #444;}

.mobile-menu{margin-top:7px;}


#quick-contact{background: #004B80; color:#fff;}

/****** Navigation ******/



nav{background: #f6f6f6; font-family:Roboto-Bold, Arial, sans-serif; font-size: 14px; text-transform: capitalize; letter-spacing:0px;}

nav a.navbtn{color:#111; border-bottom:3px solid #;}

@media screen and (max-width: 768px){
	#navbar{top:95px;}
}

@media screen and (max-width: 480px){
	#navbar{top:50px;}
}


/****** Model Caro ******/
.new-model-caro li .vehicle:hover {border-bottom: 2px solid #004B80;}	
.new-model-caro li .vehicle.sel {border-bottom: 2px solid #004B80;}	

/****** New Detail ******/
.new-c2a li{background:#555; color:#fff;}
.new-c2a li:hover{background:#e2003c; color:#fff;}

.grade-menu li a:hover, .grade-menu li a.sel{background:#004B80; color:#fff;}

#visual-stats .offer-bubble{background:#004B80 !important; color:#fff !important;}
#visual-stats .offer-bubble .arrow{border-top: 13px solid #004B80 !important;}


#feat-offers{background:#; color:#fff;}
.newoffer{background:#; color:#fff;}



/****** Leasing ******/
#nml .models h2{color:#004B80;}
#nml .models li b{color:#e2003c;}


/****** Book a Service ******/

#veh-service #find-veh h1{color:#;}
#veh-service #services .option li.sel, #veh-service #services .option li.sel:hover{background: #; border:3px solid #;}
#veh-service #mot .option li.sel, #veh-service #mot .option li.sel:hover{background: #; border:3px solid #;}
#veh-service #additional .option li label .ttl{color:#;}
#veh-service #additional .option li i{color:#;}
#veh-service #courtesy .option li.sel, #veh-service #courtesy .option li.sel:hover{background: #; border:3px solid #;}
#veh-service #courtesy .option li.sel .ar{border-top:12px solid #;}
#veh-service .branch-caro li.sel{background: #;}
#veh-service #alternative .ti-bold{color:#;}

#date-time #time li.sel, #date-time #time li.sel:hover{background: #; border:3px solid #;}
#date-time .ui-state-active{background: #;}

@media screen and (max-width:620px){
    #veh-service #services .option li.sel, #veh-service #services .option li.sel:hover{border:0; border-bottom:1px solid #;}
}


/****** Timeline ******/
#timeline-caro li .date-ti{border-bottom:3px solid #004B80;}
#timeline-caro li .date-ti span{border:3px solid #004B80;}

/****** New Model Overview ******/

.newoffer{background:#004B80;}


/****** New Model Grade ******/
#derv-list-heading{background:#444; color:#fff;}
#nmg #overview .story span{font-family:Roboto-Bold, Arial,  sans-serif;}
#nmg #overview .story strong{font-family:Roboto-Bold, Arial,  sans-serif;}
#nmg #overview #terms-adjust{color:#004B80;}
.derv-list .pricing li p{color:#004B80;}


/****** Misc ******/
.control-bar .page-numbers .sel{background:#222; border:1px solid #222;}
.control-bar .page-numbers a:hover{background:#222;}


/****** Model Navigation ******/
.nav-model dt .ti-box{background:# !important;}
.nav-model dt span{background:#004B80;}
.nav-model dt a{color:#fff;}


/****** Menus & Breadcrumbs ******/
.menu{border-bottom:3px solid #;}
.menu-mega{background:#;}
.breadcrumbs{background:#;}


/****** Tables ******/
table th{background:#444; color:#fff;}
table thead td{background:#444; color:#fff;}

.responsive-table tr {border-top: 5px solid #;}


/****** Search Box ******/
.used-search{background:#444; color:#fff;}
.used-search #filter-options .sel{background-color:#004B80 !important;}


/****** Branches Include ******/
#branches-inc ul li:first-child i{color:#004B80;}




/****** Used Vehicle Carousel Include ******/
.veh-caro .title{background: #444;}
.veh-caro .title span{border-bottom: 13px solid #444;}
.veh-caro .price{color:#e2003c;}
.veh-caro .attn{background:#;}


/****** Used Results ******/

#ur #gallery2 .price dt.cash b{color:#e2003c;}
#ur #gallery2 .price dt .price-month{color:#e2003c;}
#ur #gallery2 .sash.special{background:#111 !important;}

/****** Used Detail ******/
#veh-d #media #attn{background:#;}
#veh-d #detail #heading #price{color:#e2003c;}
#veh-d #detail #heading #attInfo span{color:#e2003c;}

#veh-d #media #veh-video .close{background:#004B80; color:#fff;}
#veh-d #media #veh-video .close:hover{background:#e2003c; color:#fff;}
#veh-d #media .sash.special{background:#111 !important;}
#veh-d #detail #c2a .telephone span{color:#004B80;}


#remind li.veh-info span{color:#e2003c;}





/****** Offer Results ******/
#or #catmenu li article:hover{border: 1px solid #;}
#or #gallery li img{border-bottom: 3px solid #;}


#or #gallery li .sash{background:#111;}

/****** Tab Menu ******/
.tab-menu li{border-bottom: 2px solid #004B80;}

/****** Staff ******/
#staff #hero .wrapper h1{font-family:, Arial, sans-serif; font-size: 48px;}

/****** Compare List ******/
#compare-list dt .del-btn{background:#004B80; color:#fff;}

#tab-btns li{background:#; color:#;}
.veh-location b { color: #004B80; }



/****** Book a Service ******/
#bs .arrow-flow.service{border-top: 13px solid #;}
#bs #your-vehicle{background:#;}

/****** Vehicle Valuation ******/
#vmv .arrow-flow.you{border-top: 13px solid #;}
#vmv #your-vehicle{background:#;}

#veh-value #veh-details .switch-list{border: 1px solid #004B80;}
#veh-value #veh-details .switch-list li.is-active{color:#fff;}
#veh-value #veh-details .switch-list li.is-indicator{background:#004B80; color:#fff;}
#veh-value #veh-details .switch-list li.is-arrow{border-top: 12px solid #004B80;}


/****** News ******/
#news .articles li.month{background: # !important; border-top:4px solid # !important;}
#news .search{background:#;}

/****** Footer ******/
#foot-menu{background: #333;} 
#cookies .head .logo span{color:#004B80;}
#cookies main section .ctrl li.sel{background:#004B80;}
