@charset "utf-8";
/* CSS Document */

/*** Layout ***/
#headlineDiv .hdlimg {margin-left:10px; vertical-align:middle;}
#headlineDiv .hdlimg img {margin-right:4px;}
#headlineDiv span {font-size:18px;}

.normal {font-size:inherit;}
.error {color:#F00;}
.btn-primary a {color:#222;}

/* Map + Search Form */
#mapDiv {border:1px solid #c3c3c4; height:auto;background-color: #F1F1F1;}
#mapDLDiv {height:400px; border-right:1px solid #c3c3c4;}

#search-container {padding:15px 10px; background-color:#f1f1f1;height:auto;}
#search-container .field-item {margin:5px 0px;}
#search-container .field-item input {}
#search-container .field-item .rangeCheckbox input {width:auto;}
#search-container .field-item .rangeCheckbox img {padding-left:3px;}
#search-container .field-item .rangeCheckbox span {padding-left:5px;}
#search-container .field-item select {height:26px;}
#search-container .field-item span.h6 {font-weight:bold;}
#search-container .pull-left {border-top:1px solid #c3c3c4; padding-top:10px;}

#search_form .fa {color:#222; font-size:18px;}
@media screen and (max-width: 767px) {
#search-container .pull-left {
	margin-top:10px;
}
}
#contentDiv {margin-top:15px;}
#contentDiv .logos {margin-top:10px;}
#contentDiv .logoBox {width:238px; float:left;}
#contentDiv .logoBox.second {margin-left:10px; margin-right:10px;}
#contentDiv .listDealer div p {padding-left:10px;}

.preloadingDiv .preloadingInnerDiv p {padding:10px;}


#radius-button {font-size:11px; color:#fff; background:url('../images/button_gw.gif;'); margin:10px;width:108px; height:16px;text-align:center;cursor:pointer;}

/* Sorting Selector */
#sortingSearchSelect {margin-left:3px;}
#sortingSearchSelect .distancelist, 
#sortingSearchSelect .resultslist {padding-right:15px; position:relative;}
#sortingSearchSelect .distancelist select,
#sortingSearchSelect .resultslist select {margin-left:5px; height:26px; margin-bottom:10px;}
#sortingSearchSelect .distancelist span,
#sortingSearchSelect .resultslist span {padding-top:3px;}
#sortingSearchSelect .chooseSelector,
#sortingSearchSelect .chooseSelectorN {padding: 2px 8px 0px; border:1px solid #fff; border-bottom:none;height:22px;}
#sortingSearchSelect .chooseSelector.hover,
#sortingSearchSelect .chooseSelectorN.hover {background:url('../images/bg_select.gif') repeat-x;border:1px solid #c3c3c4;border-bottom:none;}
#sortingSearchSelect ul.dropdownList,
#sortingSearchSelect ul.dropdownListN {padding: 5px;margin: 0px;clear: left;list-style: none;background-color: white;border: 1px solid #C3C3C4;font-size: 12px;position:absolute;top:25px;left:0px;min-width:170px; width:auto;}
#sortingSearchSelect ul.dropdownList li,
#sortingSearchSelect ul.dropdownListN li {font-weight:bold;font-size:11px;line-height:22px;color:#404245;cursor:pointer;background:url('../images/arrow_greyLeft.png') no-repeat 5px 7px;padding-left:15px;}
#sortingSearchSelect ul.dropdownList li:hover,
#sortingSearchSelect ul.dropdownListN li:hover {background-color:#f1f1f1;border-radius:5px,-moz-border-radius:5px;-webkit-border-radius:5px;}
#sortingSearchSelect .chooseSelector .text,
#sortingSearchSelect .chooseSelectorN .text {background: url('../images/arrow_blueLeft.png') no-repeat 2px 5px;font-weight: bold;padding-left: 10px;display: block;cursor: pointer;font-size:12px;color:#c68c00;}
@media screen and (max-width: 767px) {
#sortingSearchSelect .distancelist select,
#sortingSearchSelect .resultslist select {margin-left:0px;}
}
/* Pageing */
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus,
.pagination>li>a,
.pagination>li>span {
	border-radius: 0px;
	padding: 5px 10px;
}

.pager {
	margin:10px 0px;
}
.pagination {
	margin-bottom:0px;
}

@media screen and (max-width: 767px) {
.pagination-sm>li:last-child {
	display: inline-block;
	width: auto;
	height: inherit;
}
.pagination-sm>li:last-child>a, 
.pagination-sm>li:last-child>span {
	border-radius: 0 5px 5px 0;
	display: inline-block;
	width: inherit;
	background: none;
	font-weight: normal;
	height: inherit;
	line-height: inherit;
}
.pagination-sm>li:last-child>a:hover, .pagination-sm>li:last-child>span:hover {
	background: inherit;
}

.pagination-sm>li.page-link.next:hover a {
	background:#f1f1f1;
}
}
/* Search Table/List Dealer */
#contentTable table {width:100%;}
#contentTable .tibResult * {font-size: 12px;vertical-align: baseline;}
#contentTable .tibResult .tibRoute  a {color:#e1b600;}
#contentTable .tibResult table tr  {border-bottom:1px solid #c2c2c3;}
#contentTable .tibResult table tr td {line-height:normal;border-top:1px solid #c3c3c4;vertical-align:top;padding: 10px 0 10px 10px;}
#contentTable .tibResult table tr td.tibRoute {padding-right:10px;}
#contentTable .tibResult table tr td.highlight {background-color: #F1F1F1;}
#contentTable table tr td img {margin: 0 4px 1px 0;}
#contentTable table tr td p {padding:1px 0px;}

@media screen and (max-width: 767px) {
#contentTable .tibResult .tibDealer  a {
	padding:10px 10px 10px;
	color: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: linear-gradient(rgba(136,136,136,1) 0%, rgba(85,85,85,1) 100%);
	border: none;
	font-weight: 600;
	border-radius:5px;
	margin:10px 0px;
	display:inline-block;
	text-align:center;
}

#contentTable .tibResult .tibRoute  a {
	padding:10px 10px 10px;
	color: #222;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: linear-gradient(rgba(255,221,0,1) 0%, rgba(225,182,0,1) 100%);
	border: none;
	font-weight: 600;
	border-radius:5px;
	display:block;
	text-align:center;
}	
}


/* Dealer Information */
#contactDealer {}
#contactDealer .linkgroup {margin-top:15px; border-top:1px dashed #e2e2e3; margin-right:15px; padding-top:15px;}
#contactDealer .linkgroup p {margin-bottom:5px;}
#contactDealer .linkgroup a {}
#contactDealer p.cntText {line-height:20px;}

#infoDealerDiv .h4 {
	border-bottom:1px solid #c2c2c3;
	padding-bottom:5px;
}
#infoDealerDiv #contactDealer .h4 {
	margin-right:15px;
}
#infoDealerDiv #locationDealer a {
padding-top:10px;
}
@media screen and (max-width: 767px) {
#infoDealerDiv #locationDealer {margin-bottom:10px;}

#infoDealerDiv #locationDealer a.normal {
	padding:10px 10px 10px;
	color: #222;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: linear-gradient(rgba(255,221,0,1) 0%, rgba(225,182,0,1) 100%);
	border: none;
	font-weight: 600;
	border-radius:5px;
	display:block;
	text-align:center;
}
}


/* Dealer Opening Times + Holiday */
#openingTimesDiv table,
#holidayTimesDiv table {font-size:12px; width:100%; border-top:1px solid #c3c3c4;text-align:left;}
#openingTimesDiv table col:nth-child(1n+2),
#openingTimesDiv table thead tr th:nth-child(2n+1),
#openingTimesDiv table thead tr th:first-child,
#holidayTimesDiv table col:nth-child(1n+2),
#holidayTimesDiv table thead tr th:nth-child(2n+1),
#holidayTimesDiv table thead tr th:first-child {background-color:#e1e1e2;}
#openingTimesDiv table col:nth-child(2n+1),
#holidayTimesDiv table col:nth-child(2n+1) {background-color:#fff;}
#openingTimesDiv table thead tr th:nth-child(2n+0),
#holidayTimesDiv table thead tr th:nth-child(2n+0) {background-color:#c3c3c4;}
#openingTimesDiv table tbody tr td,
#holidayTimesDiv table tbody tr td,
#openingTimesDiv table thead tr th,
#holidayTimesDiv table thead tr th {border-bottom:1px solid #c3c3c4; padding:7px;}
#holidayTimesDiv table thead tr th, #openingTimesDiv table thead tr th {font-weight:bold;}

/* Dealer Shop Images */
#dealerShopImagesDiv .imageBox  {width:176px; margin-right:10px;}
#dealerShopImagesDiv .imageBox:last-child {width:176px; margin:0px;}

/* Route */
#calcRouteDiv #calcRouteForm {background-color:#f1f1f1; border:1px solid #c3c3c4;padding:10px;}
#calcRouteDiv .routeFrom {padding-right:15px;} 
#calcRouteDiv .routeFrom p:first-child,
#calcRouteDiv .routeTo p:first-child {border-bottom: 1px solid #c2c2c3;padding-bottom: 5px;}
#calcRouteDiv input {width:100%; padding:0 5px;}
#routecalc {border-top:1px solid #c2c2c3; padding-top:10px;}


#tableRouteDiv {margin-bottom:10px;}
#tableRouteDiv table {font-size:12px;text-align:left; width:100%; margin-bottom:15px;}
#tableRouteDiv table thead tr th {font-weight:bold; background-color:#f1f1f1;border-right:1px solid #c3c3c4;}
#tableRouteDiv table tbody tr td {border-right:1px solid #c3c3c4;}
#tableRouteDiv table thead tr th:nth-last-child(1),
#tableRouteDiv table tbody tr td:nth-last-child(1) {border:none;}
#tableRouteDiv table thead tr th, #tableRouteDiv table tbody tr td {padding:7px;}
#tableRouteDiv table tbody tr:nth-child(even) {background-color:#f1f1f1;}
#tableRouteDiv table tbody tr:nth-child(odd) {background-color:#fff;}
#tableRouteDiv table tbody tr:nth-last-child(1) {font-weight:bold;}


#tableRouteDiv .routeHead {border-bottom:1px solid #c2c2c3; font-weight:bold;padding-bottom:5px; margin-bottom:10px;}
#tableRouteDiv .btn {margin-right:5px;}
#route_map {min-height:300px;margin: 15px 0px;}

@media screen and (max-width: 767px) {
#calcRouteDiv #calcRouteForm {margin-bottom:10px;}	
#calcRouteDiv .routeFrom {padding-bottom:15px;margin-bottom:15px; border-bottom:1px dashed #c2c2c3;padding-right:0px;}
}

/* City List Dealer */
.listCityDealer .letter {border-bottom:1px solid #c2c2c3;font-size:24px;color:#e1b600}
.listCityDealer .letter span {font-size:12px;margin-top: 10px;}
.listCityDealer a {display:block;}
.listCityDealer a:hover {font-weight:bold;}
.listCityDealer .pull-right a:hover {font-weight:normal;}

/* Search overlay */
div.preloadingDiv { color: red; position: absolute; width:100%; z-index: 1; background-color:rgba(255,255,255,0.7);}
div.preloadingInnerDiv {
	border: 1px solid rgba(255,221,0,1);
	background-color: rgba(255,221,0,1);
	position: absolute;
	width: 340px;
	height: 62px;
	color: #222;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
div.preloadingInnerDiv img {padding: 15px 15px;}
div.preloadingInnerDiv p {
	position: absolute;
	margin:0px;
	display: inline;
}

.jslink {text-decoration: none;font-size:12px;color:#c68c00;font-weight:bold; padding-left:10px;display:block;cursor:pointer;}
.jslink:hover {color:#f7ba00;}

/* Balloon */
.dealer-balloon-loading{background-image: url("../../images/ajax-loader.gif");background-position: center center;background-repeat: no-repeat;}
.dealer-info-balloon-container {padding:10px;box-shadow:0px 0px 5px 2px #c3c3c4;}
.dealer-info-balloon{ font-size:12px;height:auto;width:320px;}
.dealer-balloon-logo-img{ height: auto;	padding-bottom:10px;}
.dealer-balloon-separator{ background-color: black; height: 1px; margin-bottom: 3px; margin-top:7px; width:90%;}
.dealer-balloon-details{float: left; width: 100%;}
.dealer-balloon-name{font-size: 16px;font-weight: bold;	text-transform:uppercase;}
.dealer-balloon-address{font-size:12px;font-weight:bold;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid #c3c3c4;margin-bottom:10px;}
.dealer-balloon-details-line{padding-top:10px;	height: 25px;}
.dealer-balloon-contact{float: left; margin-right: 10px;padding-top: 5px;}
.dealer-balloon-link{float: left;margin-left: 100px;padding-top: 5px;}
.dealer-balloon-distance{float: left; width: 200px;}
.dealer-balloon-details-link {padding-bottom:5px;}
.dealer-balloon-webpage a,
.dealer-balloon-webpage a:link,
.dealer-balloon-link a,
.dealer-balloon-link a:link {display: block;font-size: 12px;}
.dealer-balloon-details-link a,
.dealer-balloon-details-link a:link {display: block;font-size: 12px;}
.dealer-balloon-subunits{float: right; padding-bottom:5px; /* width: 30%; */}
.dealer-balloon-subunits img { margin-left:4px;}
.dealer_type_img {padding-left:5px;}

/* info window */
div#dealerBubble {/* background-color: white; */padding: 6px;}
div.dealer-info-balloon-container {background-color: white;}
div.dealer-info-balloon-container * {background-color: white;}
#map_container {min-height:300px; background-color: #efefef; margin-bottom:10px;}
#map_container p {padding-top: 140px;text-align: center; }

p.searchTermWarning {    color: black;    font-family: Arial,sans-serif;    font-size: 14px;    padding: 20px;}

.jslink.back { margin-bottom: 22px; }

/* modal box */
#dl-modal .close,
.bootstrap-dialog .close {color:#fff;opacity:1; text-shadow:none;}
#dl-modal .modal-header,
.bootstrap-dialog .modal-header {background:#222; color:#fff;}
#dl-modal .modal-body .h4 {border-bottom:1px solid #c2c2c3;width:100%;display:block; padding-bottom:5px;margin-top: 0px;}