#form-container{overflow:auto;margin-bottom:20px;padding:5px 0;}
#map-container a{color:#649792;text-decoration: none;}
#map-container a:hover, #map-container a:active{text-decoration: underline;}
#map-container .custom-marker{width:32px;height:37px;color: #fff;background: url(../images/custom-marker.png) no-repeat;padding: 3px;cursor: pointer;}
ul#list {padding:0;}
#loc-list {height:560px;overflow:auto;}
#loc-list .list-label{margin:10px 0 0 10px;padding:5px;width:22px;text-align: center;background:#516573;color: #fff;font-weight: bold;}
#loc-list .list-details{padding: 10px;}
#loc-list .list-content{}
#loc-list .loc-dist{font-weight: bold;font-style: italic;color: #8e8e8e;}
#loc-list li{display: block;clear: left;float: left;margin-bottom:15px;cursor: pointer;width:100%;border: 1px solid #fff; /* Adding this to prevent moving li elements when adding the list-focus class*/}
#loc-list .list-focus{border:1px solid #649792;}
.loc-phone {padding:5px 0;font-weight:bold;}
#map-container .loc-name{color:#D83A37;margin:8px 0;}
#map-container .loc-name, #map-container .loc-phone, #map-container .loc-web {font-weight:bold;}
#search-form{clear: left;float: left;height: 60px;}
#form-container #form-input{float: left;}
#form-container #form-input input{padding:4px;line-height:20px;border:1px solid #ccc;height:35px;}
#form-container #submit{float: left;cursor: pointer;margin:0 0 0 10px;padding:7px 10px;background:#649792;color:#FFF;border:1px solid #649792;}
#loading-map{float: left;margin: 4px 0 0 10px;width: 16px;height: 16px;background: url(../images/ajax-loader.gif) no-repeat;}
#map{height:560px;}

/* Infowindow Roboto font override */
.gm-style div, .gm-style span, .gm-style label, .gm-style a{font-family: Arial, Helvetica, sans-serif;}

/* Modal window */
#overlay{position: fixed;left: 0px;top: 0px;width:100%;height:100%;z-index: 10000;background: url(../images/overlay-bg.png) repeat;}
#modal-window{position: absolute;left: 50%;margin-left: -460px; /* width divided by 2 */margin-top: 60px;width: 920px;height: 590px;z-index: 10010;background: #fff;border-radius: 10px;box-shadow: 0 0 10px #656565;}
#modal-content{float: left;padding: 0 22px; /* there's already a margin on the top of the map-container div */}
#close-icon{position: absolute;top: -6px;right: -6px;width: 18px;height: 18px;cursor: pointer;background: #2c2c2c url(../images/close-icon.png) 3px 3px no-repeat;border: 1px solid #000;border-radius: 3px;box-shadow: 0 0 3px #656565;}


/* The following is for the geocode page and not the store locator */
#geocode-result{clear: left;float: left;margin-top: 30px;width: 100%;}

@media screen and (max-width:992px) {
	#map {margin-bottom:20px;}
	#loc-list {height:190px;overflow:auto;}
}