/*Note: site must have an ie-old class for the dark backgrounds*/

body .gm-style-cc * { word-wrap: normal!important; } /* Fix for Google Maps in IE */
@media (max-width: 767px) {
	#google-map .info-window { width: 200px !important; }
	#google-map .info-window img { display:none; }
}
@media all and (max-width: 550px) {
	html #google-map-canvas-wrap { padding-top: 92.7%; }
}

.adp-step, .adp-substep {
	padding:6px 10px;
}

#google-map-canvas-wrap {
	padding-top: 61.8%; /* ratio */
	position: relative;
}

#map_canvas img {
	max-width: none;
}

#google-map-wrap #google-map-overlay {
	height: 100%;
	top: 0;
	right:0;
	left: 0;
	bottom:0;
	position: absolute;
	width: 100%;
	z-index: 1;
	display:block;
	background:url(../images/transparent.png) top left repeat;
}

html #map_canvas {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 0;
}

#google-map-directions .info-window { min-width: 170px; max-width:250px; }
#google-map-directions .info-window h5 { font-size: 18px; margin: 0 0 6px; }
#google-map-directions .info-window p { font-size: 15px; margin: 0 0 4px; }
#map_directions table img { margin:0px; }

#map_canvas .info-window img {
	float: right;
	margin-left:10px;
	margin-top:5px;
	max-width:80px;
}

.gm-style-iw{
	overflow: hidden !important;
}

html .gm-style-cc * {
	word-wrap: normal !important;

}

.marker-label,
.marker-icon {
	z-index: 99;
	position: absolute;
	display: block;
	margin-top: -50px;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	font-size: 20px !important;
	text-align: center;
	color: #FFFFFF;
	white-space: nowrap;
	line-height: 3.2em;
}

#google-map-wrap {
	overflow: hidden;
	position: relative;
}

#google-map-wrap .map-button {
	background-color: rgba(44, 47, 54, 0.8);
	border-bottom: 0 none;
	display: block;
	position: absolute;
	transition: background-color 0.3s ease-in-out 0s;
	-moz-transition: background-color 0.3s ease-in-out 0s;
	-webkit-transition: background-color 0.3s ease-in-out 0s;
	-o-transition: background-color 0.3s ease-in-out 0s;
	z-index: 4;
}
#google-map-wrap .map-button:hover {
	background-color: rgba(44, 47, 54, 0.9);
}

.ie-old #google-map-wrap .map-button, .ie-old #google-map-wrap .map-button:hover {
	background: url("../images/semi-trans-black-50.png") repeat scroll left top;
}

#google-map-wrap .map-reset {
	bottom: 0;
	left: 0;
}

#google-map-wrap .map-reset:hover {
	left: 0;
}

#google-map-wrap .map-reset .map-reset-container {
	background: url("../images/icon-center-map.png") no-repeat scroll right center;
	color: #ffffff;
	font-size: 16px;
	line-height: 1em;
	padding: 16px 50px 16px 12px;
	width: 90px;
	box-sizing: content-box;
}

#google-map-wrap .map-lock {
	right: 0;
	top: 0;
}

#google-map-wrap .map-lock .map-lock-container {
	background: url("../images/icon-locked-map.png") no-repeat scroll center center;
	color: #ffffff;
	font-size: 16px;
	height: 50px;
	line-height: 1em;
	text-align: center;
	width: 50px;
}

#google-map-wrap .map-lock.unlocked .map-lock-container {
	background: url("../images/icon-unlocked-map.png") no-repeat scroll center center;
}

#google-map-wrap .map-navigation {
	background-color: rgba(44, 47, 54, 0);
	bottom: 0;
	right: 0;
}
#google-map-wrap .map-button.map-navigation:hover {
	background-color: rgba(44, 47, 54, 0);
}

#google-map-wrap .map-navigation .map-prev, #google-map-wrap .map-navigation .map-next {
	background-color: rgba(44, 47, 54, 0.8);
	float: left;
	transition: background-color 0.3s ease-in-out 0s;
	-moz-transition: background-color 0.3s ease-in-out 0s;
	-webkit-transition: background-color 0.3s ease-in-out 0s;
	-o-transition: background-color 0.3s ease-in-out 0s;
}

#google-map-wrap .map-navigation .map-prev:hover, #google-map-wrap .map-navigation .map-next:hover {
	background-color: rgba(44, 47, 54, 0.9);
}
#google-map-wrap .map-navigation .map-prev .map-prev-container {
	background: url("../images/icon-prev-map.png") no-repeat scroll center center;
	height: 50px;
	width: 50px;
}

#google-map-wrap .map-navigation .map-next .map-next-container {
	background: url("../images/icon-next-map.png") no-repeat scroll center center;
	height: 50px;
	width: 50px;
}

/* Desktop Only */
@media all and (min-width: 1021px) {
	#google-map-wrap .map-reset {
		left: -102px;
		transition: left 0.3s ease-out 0s, background-color 0.3s ease-in-out 0s;
		-moz-transition: left 0.3s ease-out 0s, background-color 0.3s ease-in-out 0s;
		-webkit-transition: left 0.3s ease-out 0s, background-color 0.3s ease-in-out 0s;
		-o-transition: left 0.3s ease-out 0s, background-color 0.3s ease-in-out 0s;
	}
	
}
@media all and (max-width: 1020px) {
	#google-map-wrap {
		padding-bottom: 50px;
		background-color: rgba(44, 47, 54, 0.9);
	}
	
	.esp-google-map #google-map-wrap {
		padding-bottom:0px;	
	}
	
	#google-map-wrap .map-reset,
	#google-map-wrap .map-navigation .map-prev,
	#google-map-wrap .map-navigation .map-next {
		background-color: rgba(44, 47, 54, 0);
	}
	
	.esp-google-map #google-map-wrap .map-reset,
	.esp-google-map #google-map-wrap .map-navigation .map-prev,
	.esp-google-map #google-map-wrap .map-navigation .map-next {
		background-color: rgba(44, 47, 54, 0.8);
	}

	#google-map-wrap .map-reset:hover,
	#google-map-wrap .map-navigation .map-prev:hover,
	#google-map-wrap .map-navigation .map-next:hover {
		background-color: rgba(44, 47, 54, 1);
	}

}

.ui-widget-content .ui-menu-item .ui-icon {
    width: 100%;
    margin-top: 5px;
    height: 100%;
}

.ui-widget-content .ui-menu-item .cat-0 {
    background-image: none;
}

.ui-menu-icons .ui-menu-item {
    margin-bottom: 6px !important;
}