@charset "UTF-8";
/* mini reset to override legacy.css */
body {font-family: 'Open Sans', 'Open-Sans', "HelveticaNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif;}
ol, ul, li {margin: 0;} ol li {margin: 0;} p, img, dl, address{ margin: 0; }
:focus { outline:none;} select:focus { outline: none;}
.left {float: left;} .right {float:right;}
a { text-decoration: none;} /* use bottom-border instead */
/* /reset */

#myMap{overflow: hidden;}
.container {z-index: 9999; margin: 0 0 0 15px;}
.header {margin-bottom: -5px;}

/* results/directions panel */
#draggable { position:absolute; top:99px; left:0px; z-index:1000;}
.dl-box {
	opacity: 0.95; -moz-opacity: 0.95; -khtml-opacity: 0.95; -webkit-opacity: 0.95;
	width:300px;
	height:auto; position:relative;
	border: 2px solid #ccc;
	-moz-border-radius:0 0 12px 0;-webkit-border-radius:0 0 12px 0;border-radius:0 0 12px 0;
	-moz-box-shadow:3px 2px 3px #888;-webkit-box-shadow:3px 2px 3px #888;box-shadow:3px 2px 3px #888;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eee,  #cfcfcf); /* for firefox 3.6+ */
}
h1 {color: #222; font-size: 28px; font-weight: normal; margin: 0 0 15px 0; text-shadow:1px 1px 1px #222;}
.search-form{ padding: 15px;}
.dl-box select {
	display:block;
	border:2px solid #bababa;
	background-color:#f5f5f5;
	-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;
	padding:6px;
	width:96%;
	vertical-align:middle;
	white-space:nowrap;
	font-size: 14px;
	color:#555;
}
.dl-box input.location {
	border:2px solid #bababa;
	background-color:#f5f5f5;
	-moz-border-radius:6px ; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;
	padding:0px 8px;
	width:193px;
	margin: 10px 3px 10px 0px;
	color:#888;
	font-size: 14px;
	height:28px;
	vertical-align:middle;
}
span.active-dealer-type, span.entered-location {color: #555;}
.dl-box .button-more a {margin:5px auto;position:inherit;clear:both;}
p.result-txt, p.result-num {font-size:14px; margin: 8px 15px;}
p.result-num {text-align:center; margin: 0 0 -25px;}

ul.dl-result { list-style:none; margin:0; padding:0;}
ul.dl-result li {color:#007cc3;display:block;font-size: 14px;border-bottom:1px solid #bababa; }
ul.dl-result li a{ display: block; padding: 10px 15px; width: 90%;}
ul.dl-result li span.name {width:290px; font-size:14px;}
ul.dl-result li span.distance {float: right; width:80px; color:#333; font-size: 14px; text-align: right;}
ul.dl-result li:hover {background:#eee;}
ul.dl-result li:hover span.name {color:#134561;}
ul.dl-result li.selected, ul.dl-result li.selected:hover{background: #007cc3;}
ul.dl-result li.selected a, ul.dl-result li.selected span.distance,ul.dl-result li.selected:hover span.name {color: #fff;}

#accordion {position:absolute; top: 135px; bottom: 0; width: 300px;}
#accordion .accordion-toggle {position:absolute;}
.accordion-toggle{ display:none; position: absolute; z-index: 1001;top:50%; height: 44px; width: 44px; background-image: url('http://static.garmincdn.com/shared/m/g/project/dealerlocator/drawer-arrow.png'); background-repeat: no-repeat; }
.accordion-toggle.open{ display: block; background-position: center top;right:-27px}
.accordion-toggle.closed{display: block; background-position:center -44px;right:-27px}
.accordion-content{position: absolute;top: 65px; bottom: 70px;width: 100%; overflow-y: auto; overflow-x:hidden;}

.dl-map-bg{position: absolute; top: 0; left: 0;}
ul.dl-result a {color: #848d37; text-transform: capitalize;}
.morelessresults{position: absolute; bottom: 15px; width: 275px; left: 12px; padding: 15px 0px 5px 0;}
 
.direction-list{padding: 15px; float: left; overflow-y: auto; overflow-x: hidden; width: 90%; position: absolute; top: 190px; bottom: 57px;}
.direction-list p {font-size: 20px; padding: 10px 0 0 0;}
.direction-list p strong {font-weight: bold; color: #555;}
ol.directions-results { font-size: 14px; list-style-type: decimal; list-style-position: inside; padding: 10px 0 10px 15px; text-indent: -15px; width: 250px;}
ol.directions-results li { color: #222; padding: 5px 0; line-height: 20px;}
ol.directions-results li:hover {color:#007cc3; cursor: pointer;}
ol.directions-results li.selected {color: #007cc3; font-weight: bold;}
.back-to-results {position: absolute; bottom: 15px;}
.directions-form {width: 90%; padding: 15px;}
.from-to {padding: 0 0 7px 0; width: 100%;}
.pointsAtoB {
	color:#fff; font-size:11px; font-weight:bold;
	height:22px;
	vertical-align:middle;
	white-space:nowrap;
	padding: 4px 7px; margin-right: 4px;
	border: 2px solid #ccc;
	-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;
	background-image: -webkit-gradient( linear, left bottom,left top,color-stop(0.25, rgba(255,255,255,0)),color-stop(1, rgba(255,255,255,0.25)));
	background-image: -moz-linear-gradient( center bottom, rgba(255,255,255,0) 25%,rgba(255,255,255,0.5) 100%);
	-webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;
	text-shadow:0px 0px 2px #222; 
	background-color:#222;
}
div.from-to input.location-directions {
	border:2px solid #bababa;
	background-color:#f5f5f5;
	border-radius:6px; -moz-border-radius:6px ; -webkit-border-radius:6px; -khtml-border-radius:6px;
	padding:0px 8px;
	width:210px;
	margin: 7px 0px 5px 0px;
	color:#888;
	font-size: 14px;
	height:28px;
	vertical-align:middle;
}
a.btn1.loading{ padding: 0; border: 0; background: #007CC3 url('http://static.garmincdn.com/shared/m/g/project/dealerlocator/blue-loader.gif') center center no-repeat;}
/* /results/directions panel */

/* Map results - pins and bubbles */
.dealer{ background: url('http://static.garmincdn.com/shared/m/g/project/dealerlocator/pins.png') top center no-repeat; cursor: pointer;}
.dealer.selected{ background-position:center -48px; z-index: 200;}
.poi-tooltip{
	position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f7f7f7,  #eee); /* for firefox 3.6+ */
    border: 3px solid #ccc;
    border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
    -moz-box-shadow: 0px 10px 20px 2px rgba(0,0,0,.7);
    -webkit-box-shadow: 0px 10px 20px 2px rgba(0,0,0,.7);
    box-shadow: 0px 10px 20px 2px rgba(0,0,0,.7);		
    padding: 15px;
	width: 333px;
	z-index: 1001;
}
.poi-tooltip h4.name{ font-size: 24px; color: #222; text-transform: capitalize; margin:0px 25px 10px 0px;}
.poi-tooltip address span{display: block; margin: 5px 0; color: #555; font-size: 14px; line-height: 18px; font-style: normal;}
.poi-tooltip p {margin-right: 25px; letter-spacing: .07em; color: #555; line-height: 18px; font-size: 14px;}
.poi-tooltip p a {color: #AAB200;}
.poi-tooltip p a:hover {color: #848d37;}
.poi-tooltip p.phone {padding: 0 0 7px;}
.poi-tooltip a.close {
	font-size: 12px; font-weight: bold; color: #aaa;
	position: absolute; top: 7px; right: 5px; 
	margin: 0; padding: 0px 5px; 
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
    border: 2px solid #bbb;
	}
.poi-tooltip a.close:hover {background-color: #995E00; border: 2px solid #995E00; color:#fff;}
.poi-arrow-border {
	border-color: #ccc transparent transparent transparent;
    border-style: solid;
    border-width: 22px;
    height:0;
    width:0;
    position:absolute;
    bottom:-22px;
    left:23px;
    border-left: 0;
    border-bottom: 0;
}
.poi-arrow {
	border-color: #eee transparent transparent transparent;
	border-style: solid;
	border-width: 18px;
	height:0;
	width:0;
	position:absolute;
	bottom:-14px;
	left:26px;
	border-left: 0;
	border-bottom: 0;
}
/* /Map results - pins and bubbles */

/* Map controls */
.map-controls {position: absolute; top: 99px; right: 0px; padding: 10px 15px 5px 15px; z-index: 102;
	border: 2px solid #ccc; -moz-border-radius:0 0 0 12px;-webkit-border-radius:0 0 0 12px;border-radius:0 0 0 12px;
	-moz-box-shadow:2px 2px 3px #888;-webkit-box-shadow:2px 2px 3px #888;box-shadow: 2px 2px 3px #888;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eee,  #cfcfcf); /* for firefox 3.6+ */
	opacity: 0.95; -moz-opacity: 0.95; -khtml-opacity: 0.95; -webkit-opacity: 0.95;
	}
.map-controls span.zoom-controls {font-size: 28px; padding: 0 5px 0 0; border-right: 1px solid silver; display: inline-block; vertical-align: top;}
.map-controls span.zoom-controls a {color: #555; margin: 0 5px 0 0;}
.map-controls span.zoom-controls a:hover {color: #222;}
.map-controls span.zoom-controls a.out {font-size: 36px; font-weight: 400;}
.map-controls span.map-switcher {padding: 3px 15px 0; overflow: hidden; display: inline-block;}
.map-controls .map-type .active { display: none;}
.map-controls span.map-switcher div span.current {color: #555; font-size: 20px; margin: 0 5px 0 0; padding: 0 5px 0 0;}
.map-controls span.map-switcher div span.current:hover {cursor: pointer;}
.map-controls span.map-switcher ul.map-type {padding-bottom: 5px;}
.map-controls span.map-switcher ul.map-type li {list-style: none; margin: 4px 0; font-size: 14px;}
.map-controls span.map-switcher ul.map-type li:hover {cursor: pointer;}
.map-controls span.map-switcher ul.map-type li a {color: #888;}
.map-controls span.map-switcher ul.map-type li a:hover {color: #555;}
.arrow{
	background-image: url('http://static.garmincdn.com/shared/m/g/project/dealerlocator/mapcontrols-arrow.png');
	height: 33px;
	width: 33px;
    display: block;
	position: absolute;
	right: 5px;
	top: 7px;
	background-position: center top;
}
.arrow:hover {cursor: pointer;}
.open .arrow {display: block; background-position:center -33px; top: 7px; right: 5px;}
/* /Map controls */

/* Error messages */
.messages .message.error { margin-right: 10px; padding: 15px 15px 20px; border: none; color: #fff; font-size: 18px; background-color: transparent; line-height: 24px; 
	position: absolute; top: 120px; width: 350px; z-index: 2000; left: 355px; 
	-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;
	-moz-box-shadow:2px 4px 5px #111;-webkit-box-shadow:2px 4px 5px #111;box-shadow: 2px 4px 5px #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#770000), to(#440000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #770000,  #440000); /* for firefox 3.6+ */
	opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9;}
.messages .message a {position: absolute; right: 11px; top: 2px; color:#ffcece; font-size: 14px; font-weight: bold;}
.messages .message a:hover {color:#fff;}
/* /Error messages */

/* media queries for results display nicety */
@media screen and (max-device-width: 1024px){ul.dl-result li a{ padding: 5px 15px;}}
@media screen and (min-width: 1441px){ul.dl-result li a{ padding: 18px 15px;}}
/* /media queries */