/* mini reset to override other css */
div#global-footer {margin-top: 0px!important;}
#global-header-wrapper {margin-bottom: 0!important; background: rgba(255,255,255,.84); position: absolute; height: 55px; z-index: 2;
	border-bottom: 1px solid #cfcfcf; box-shadow: 1px 1px 1px rgba(0,0,0,.5); }
a:hover {text-decoration: none; color: #3396cf}
ul, ol, p {padding: 0; margin: 0;}
/* /reset */

#myMap{overflow: hidden; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; 
	-webkit-box-shadow: 0px 3px 3px #888;
	-moz-box-shadow: 0px 3px 3px #888;
	box-shadow: 0px 3px 3px #888;
	position:absolute; width:100%; height:auto;z-index:1; top: 32px;}
.container {z-index: 9999;}
.header {margin-bottom: -5px;}

/* results/directions panel */
#draggable { position:absolute; top:95px; left:0px; z-index:1;}
.dl-box {
	opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9;
	width:300px;
	height:auto; position:relative;
	border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
	left: -2px;
	-moz-border-radius:0 0px 4px 0;-webkit-border-radius:0 0px 4px 0;border-radius:0 0px 4px 0;
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,.5);-webkit-box-shadow:0px 2px 2px rgba(0,0,0,.5);;box-shadow:0px 2px 2px rgba(0,0,0,.5);;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#cfcfcf));
	background: -moz-linear-gradient(top,  #eee,  #cfcfcf);
	margin: 6px 0 3px;
}
.search-form{ padding: 15px;}
.search-form a {padding: 0 7px; margin-top: 1px;}
.dl-box select {
	display:block;
	border:1px solid #bababa;
	background-color:#fff;
	-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
	padding:6px;
	width:250px;
	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:4px ; -webkit-border-radius:4px; border-radius:4px;
	padding:0px 8px;
	width:210px;
	margin: 0 1px 10px 0px;
	color:#888;
	font-size: 14px;
	height:32px;
	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-num {margin: 8px 15px;}
p.result-txt {margin: 5px 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: 140px; 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: 53px; bottom: 59px;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: 7px; 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: 14px; padding: 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;}
.directions-options a img {padding: 0 0 0 7px;}
.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;
	-moz-border-radius:4px ; -webkit-border-radius:4px; border-radius:4px;
	padding:0px 8px;
	width:236px;
	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: 3px 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: #888;
	position: absolute; top: 7px; right: 5px; 
	margin: 0; padding: 0px 5px; 
	}
a.show-dir {margin-top: 10px;}
.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: 95px; right: 0px; padding: 0 15px 5px 15px; z-index: 1;
	border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;
	-moz-border-radius:0 0 0 4px;-webkit-border-radius:0 0 0 4px;border-radius:0 0 0 4px;
	-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; margin: 6px 0 3px;
	}
.map-controls span.zoom-controls {font-size: 28px; padding: 5px 5px 0 0; border-right: 1px solid silver; display: inline-block; vertical-align: top;}
.map-controls span.zoom-controls a {color: #555; margin: 0 10px 0 0; font-weight: 500;}
.map-controls span.zoom-controls a.in {float: left;}
.map-controls span.zoom-controls a.out {font-size: 40px; font-weight: 400; margin-top: -6px; float: right;}
.map-controls span.map-switcher {padding: 12px 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 all and (max-width: 1024px) and (min-width: 800px;) {ul.dl-result li a {padding: 7px 15px;}}
@media all and (max-width: 1280px) and (min-width: 1025px) {ul.dl-result li a {padding: 15px;}}
@media all and (max-width: 1440px) and (min-width: 1281px) {ul.dl-result li a {padding: 13px 15px;}}
@media all and (min-width: 1441px) {ul.dl-result li a {padding: 18px 15px;}}
@media print {.container, #myMap, .back-to-results, #directions-submit, .map-controls, .messages, .directions-options, .print { display: none; }
#draggable, #directions { display: block; }}
/* /media queries */