/* Gmap Responsive Styles */

/* start with mobile as the default style and scale up */
#map_locations {
	box-sizing: border-box;
	position: relative;
}
#map_locations * {
	box-sizing: border-box;
}
#map_locations .clear {
	clear: both;
	margin: 0;
}
#map_locations h1 {
	display: block;
	font-size: 1rem;
}
h1 { display: none; }

#loc_header h5 {
	font-size: 1rem;
}
#loc_header h5 {
	font-size: 1rem;
	float: left;
}
#loc_header .found {
	float: right;
	font-size: font-size: .9rem;
}

#loc_header div.left, #loc_header div.right {
	padding: 0 .5em;
	float: left;
}
#loc_map_wrapper, #loc_stores_wrapper {
	background-color: #eeeeee;
	padding: .4em;
	width: 100%;
	float: left;
}
#map {
	color: #000000;
	min-height: 18em;
}
#loc_header {
	background-color: #cccccc;
	color: #000000;
	width: 100%;
	overflow: hidden;
	padding: 10px;
	vertical-align: top;
	margin: 0;
}
#loc_header label {
	display: none;
}
#loc_header .form_row {
	display: block;
	overflow: hidden;
	margin: 0;
}
#loc_header input[type="text"], #loc_header select {
	margin-bottom: .4em;
	width: 100%;
	background-color: #ffffff;
}
#loc_header input[type="radio"] {
	margin-bottom: 1em;
}
#loc_header .button_row {
	clear: left;
}
#loc_header .button {
	float: none;
	height: auto;
	border-style: none;
}


#pagination {
	clear: both;
	padding: .5em 0;
}
.loc_paging { text-align: left; }
.loc_paging .count { float: left; margin: 3px 20px 0 0; }
.loc_paging .pages { float: left; }
.loc_paging .pages i { display: block; float: left; font: 12px Arial,sans-serif; }
.loc_paging .pages a { background-color: #eeeeee; border: 1px solid #999999; color: #000000; display: block; float: left; font-weight: normal; margin: 0 2px; padding: 2px 0; text-align: center; text-decoration: none; width: 26px; }
.loc_paging .pages a.firstlast { font-weight: bold }
.loc_paging .pages a:hover, .loc_paging .pages a:active { color: #676998; }
.loc_paging .pages a:active { color: #ffffff; background-color: #676998; }
.loc_paging a.current { font-weight: bold; color: #000000; background-color: #ffffff; color: #676998; border-color: #676998;}

#loc_stores_wrapper {

}
#loc_stores {
	background-color: #ffffff;
	color: #000000;
	height: auto;
	overflow: auto;
	padding: .4em;
}
#loc_stores .store {
	clear: left;
}
#loc_stores .store .icon,
#loc_stores .store .iconhover,
#loc_stores .store .noicon {
	background: transparent url("bg_balloon.png") no-repeat;
	color: #000000;
	font: 10px normal Arial, Helvetica, sans-serif;
	cursor: pointer;
	float: left;
	height: 32px;
	padding-top: .3em;
	margin-right: .3em;
	text-align: center;
	width: 24px;

}
#loc_stores .store .iconhover {
	color: #CC0000;
}
#loc_stores .store .noicon {
	background-image: none;
	background-color: #ffffff;
}

#loc_stores .store .name {
	float: left;
	text-transform: uppercase;
}
#loc_stores .store .detail {
	text-transform: none;
}
a.map_link {
	text-decoration: underline;
}

@media all and (min-width: 768px) {
/* device is greater than or equal to 768 */
	#loc_map_wrapper, #loc_stores_wrapper {
		width: 50%;
	}
	#map, #loc_stores {
		height: 22em;
	}
	#loc_header div.left, #loc_header div.right {
		float: left;
		padding: 0 5px 0 10px;
		width: 50%;
	}
	#loc_header div.right {
		float: right;
	}

	#loc_header label {
		display: inline-block;
	}
	#loc_header div.left label {
		width: 33%;
		text-align: right;
	}
	#loc_header input[type="text"], #loc_header select {
		display: inline;
		margin-bottom: .4em;
		width: 63%;
	}
	#loc_header .radius {
		display: block;
	}

}
@media all and (min-width: 800px) {
	#map, #loc_stores {
		height: 30em;
	}
}
@media all and (min-width: 830px) {
	#loc_header .radius {
		display: inline-block;
		margin-right: 10px;
	}
	#loc_header .radius_row {
		float: left;
		margin-right: 10px;
	}
}

@media all and (min-width: 1024px) {
/* device is greater than or equal to 1024 */
	#map, #loc_stores {
		height: 40em;
	}
	#loc_header .button_row {
		clear: none;
		float: left;
	}
}