﻿/*# General items */
body {background-color:#f0f0f0; font-family:Open Sans, sans-serif;}
h1, h2, h3, h4, h5, h6 {color:#233E5F; font-family:Open Sans Condensed,sans-serif; font-weight:normal; text-transform:uppercase; margin:1em 0;}
h1 { font-size:31.5px; line-height: 28px; }
ul, li {list-style-type:none;}
.container-fluid {margin:0 auto; padding:0 !important;}
.container {max-width:1200px;}
input, textarea, button {font-family:Open Sans,sans-serif;}
a {color:#233E5F; outline:0;}
a:hover {color:#17af91; text-decoration:none;}
p { line-height: 25px; }
p:last-child { margin-bottom:0; }
button {background-color:#233E5F; border-radius:4px; box-shadow:none; color:#ffffff; outline:0; padding:5px 10px; transition:background-color, 0.3s;}
button:hover {background-color:#335e8d;}
button a {color:#ffffff;}
button a:hover {color:#ffffff;}
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color:#ffffff !important;}
::selection {background: #233E5F; color:#ffffff; /* Safari */}
::-moz-selection {background: #233E5F; color:#ffffff; /* Firefox */}
.hidden {display:none;}
.no-left-margin {margin-left:0 !important;}
.white {color:#ffffff !important;}
.shadow {text-shadow: 2px 2px 3px rgba(0,0,0,1);}
.approx { font-size:0.75em; font-style:italic; }

/* Header */
#header {background-color: #2c4665 /*rgba(35,62,95,0.95)*/; border-top:solid 4px #1D334E; color:#ffffff; }
#header a {color:#ffffff;}
#header h1, #header .logo { font-size: 1.6em; line-height: 20px; margin: 15px 0;}
#header h1 a, #header .logo a { font-weight: bold; }
#header h1 span, #header .logo span { display: block; font-size: .6em; }
#header .logo { font-family: Open Sans Condensed,sans-serif; font-weight: normal; text-transform: uppercase; }

.logo-wrap { float: left; }
.nav-wrap { float: right; }

/*# Navbar #*/
#main-menu {padding:0; position:relative; width:100%;}
#main-menu ul { display:inline-block; float:right; list-style:none; margin:0; }
#main-menu ul li{border-top:solid 4px #1D334E; float:left; position:relative; top:-4px;}
#main-menu ul li a { padding: 23px 15px; display: block; }
#main-menu ul li.current {border-top:solid 4px #376397;}
#main-menu ul li:hover{border-top:solid 4px #376397; cursor:pointer;}
#main-menu ul li a:hover{color:#f0f0f0;}

/* Select Menu */
.select-menu {background-color:#233E5F; border:solid 1px #ffffff; border-radius:0px; color:#ffffff; margin-top:12px; padding:5px; width:100%;}
.menu-icon { cursor:pointer; display:none; float: right; margin-top: 17px; width: 32px; }
.menu-icon .bar { background-color:#FFF; height:3px; margin-bottom:5px; }

/* Standard Page */
.standard-page { padding: 15px; }

/* Top */
#top-home {background:url('/Images/top-bg-dark.jpg') no-repeat; background-position:center; color:#ffffff;}
#top-home .search-icon {max-height:150px; margin-top: 5px;}
#top-home h2 {line-height:50px; font-size:60px;}
#top-home h2 span {font-size:45px; font-weight:normal;}
#search {background-color:rgba(35, 62, 95, 0.7); border-radius:4px; margin-bottom:10px; padding:15px;}
.lt-ie9 #search { background:url(/Images/blue-trans-dark.png) repeat; background-color:none; }
#search .search-label { margin-bottom: 15px; }
#search .search-error { font-weight: bold; font-size: 0.9em; }

#search input {color:#ffffff; width:80%;}
.lt-ie9 #search input[type=text] { background:url(/Images/blue-trans-dark.png) repeat; }
#search button {max-width:150px; padding:14px 0; width:100%;}
#search input, #top #search textarea {padding-left:40px; padding-right:10px;}
#search .form-input {position:relative;}
#search .form-input > i {left:2.5%; position:absolute; top:18px;}

#search .user-location { color: #FFF; font-size: 0.7em; }
#search .icon-search, #search .icon-map-marker { background-image: url("/Images/glyphicons-halflings-white.png"); }
#search .icon-search { background-position: -48px 0; }
#search .icon-map-marker { background-position: -24px -72px; }
#search-term-input { background-color:rgba(35, 62, 95, 0.7); border-radius:4px; border: 1px solid #CCC; margin-bottom:10px; padding:15px; }

/* Results Top */
#top-results h2 {line-height:28px;}
.result-item {background-color:#ffffff; font-size:0.85em; }
.result-item .result-title { background-color:#233E5F; color:#ffffff; }
.result-item .result-title a { color:#FFF; }
.result-item .result-body { overflow:hidden; padding:10px 20px 0;}
.result-item .pin-char { position:absolute; left:10px; top:10px; background-color:#fff; border-radius:20px; color:#233E5F; display:inline-block; font-weight:bold; text-align:center; width:20px; }
.result-item.active .result-title { background-color: #5C82AF; }

#location-results, #location-results ul { margin:0; }
.services-list { text-align:right; }
.services-list li { font-weight: bold; font-style: italic; margin-bottom:10px; }
.services-list i { color:green; float:right; margin-left:5px; }

div.adr {margin-bottom: 10px;}
div.adr address {margin-bottom: 5px;}
.dealerUrl {font-weight: bold; text-decoration: underline;}
.areas-served { clear:both; display:none; margin-bottom:10px; }
.more-info { border-top:1px solid #dbdbdb; clear:both; cursor:pointer; display:block; font-size: 0.95em; padding:5px 0; text-align:center; }

/* Counties */
.CountyListContainer .CountyList{ margin-left: 24px; }
.CountyListContainer .CountyList ul{ list-style-type: none; overflow: hidden; }
.CountyListContainer .CountyList ul li{ float: left; margin-bottom: 4px; width: 220px; }

/* Testimonials */
#testimonials {background-color:#2980b9; color:#ffffff; padding:15px; text-align:center;}
#testimonials label {font-family:Open Sans Condensed, sans-serif; font-size:31.5px; font-weight:bold; text-shadow:2px 2px 3px rgba(0,0,0,1); text-transform:uppercase;}
#testimonials label span{border:solid 2px #ffffff; border-radius:50%; padding:10px 10px 4px 10px;}
#testimonials h2 {float:left; margin:10px 0px 0px 10px; text-align:center;}

/* Forms */
.field-validation-error { font-size: 0.8em;}
input[type=submit] { outline:0; }

.vrnForm {margin: 0 0 10px 0; overflow:hidden;}
.vrnForm div {background: url(/Images/uk-reg.png) no-repeat left top; background-color: #fdf059; border: none; -webkit-border-radius: 4px; color:#000000; -moz-border-radius: 4px; border-radius: 4px; padding: 0 0 0 25px; position: relative; float: right; margin: 0; height: 35px; width: 123px;}
.vrnForm input {background: none; border: none; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; text-transform: uppercase; width: 100px}
.vrnForm button {background: none; border: none; margin: -5px 0 0 0; padding: 0;}

/* Footer */
#footer { border-top:solid 1px #cccccc; color:#233E5F; font-size:0.8em;  margin:0 auto; max-width:1140px; padding:15px; text-align:center; }

/* No Script */
.noscript-outer { background-color:#2C4665; margin-bottom: 10px; padding: 5px 0; }
.noscript-inner { border-radius: 4px; background-color: #FFF; font-size: 0.9em; margin: 10px auto; padding: 6px 10px; text-align: center; width: 90%; }
.noscript-inner p { margin:0; }

/* Media queries */
/* mobile */
@media (max-width:480px) {
    .result-title .seperator { display:none; }
    .result-title .distance { display:block; }
    #header .navbar-inner { padding-right: 5px; padding-left: 5px; }
    #header h1, #header .logo { font-size: 1.3em; }
}

/* small tablet */
@media (max-width:767px) {
	.desktop {display:none !important;}
	body {padding-left:0 !important; padding-right:0 !important;}
	header {padding:0px 15px;}
    .nav-wrap { float: none; }
    h3.mobile { float:left; }
    .menu-icon { display:block; }
	.mobile-center {text-align:center;}    
    #main-menu ul { clear:both; display:none; float:none; }
    #main-menu ul li { border:none; border-bottom:2px solid #376397; display:block; float:none; text-align:center; }
    #main-menu ul li:last-child { border-bottom:none; }
    #main-menu ul li:hover { border-top:none; }
    #main-menu ul li.current { border-bottom:2px solid #376397; border-top:none; }
    #main-menu ul li a{ padding: 15px 15px 10px; }
	.top {padding-top:52px;}
	#top-home h2 {margin-bottom:20px; margin-top:0;}
	#search button {margin:0 auto; max-width:none; width:60%;}
	#top-results {padding:12px 5% 0;}
    #about, #contact { padding:15px 5% 0; }
    .standard-page { padding-left:5%; padding-right:5%; }    
	#search .form-input > i {left:8%;}
    #top-results .result-item .result-body { text-align:center; }
    .services-list { margin-bottom: 20px; text-align:center; }
    .services-list i { float:none; margin-right:5px; }
    #search-form button { padding:8px; }

    #results-map { float: none; height: auto !important; }
    #map_outer { margin-bottom: 40px !important; max-width: 100%; position: static !important; }
    #map_canvas { height: 300px !important; }
    #top-results .result-item .result-body { text-align: center; }
    .services-list i { float: none; margin-right: 5px; }
    .vrnForm div { float: none; margin: 0 auto; }
}

/* tablet */
@media (min-width:768px) and (max-width:979px) {
	.mobile-only {display:none !important;}
	.select-menu {float:right; margin-top:15px;}	
	.top {padding-top:150px;}
	#top-home h2 {margin-bottom:20px; margin-top:0;}
    #top-results .result-item .result-body { text-align:center; }
    .services-list { text-align:center; }
    .services-list i { float:none; margin-right:5px; }
}

@media (min-width: 768px){    
    #main-menu ul { display: block !important; }
}

/* desktop */
@media (min-width:980px) {
	.mobile {display:none !important;}	
	.top {padding-top:180px;}
}