#submit{ width:100%; height:40px; padding:9px 0}
.storelocator-title h1{ margin:0; padding:0; font-size:24px; line-height:40px;}
.slchead{ padding-bottom:40px; padding-top:40px;}
.loc-dist{ display:none;}
.loc-directions{ display:none;}
#loc-list{ padding-top:15px; padding-bottom:60px;}
#loc-list #list{ list-style:none; position:relative; padding:0; margin:0;}
#loc-list #list li { float: left; margin: 10px 0 20px; padding-right: 3%; position: relative; width: 33.33%; border-top:0 !important;}
#loc-list #list li:nth-child(3n+3) { padding-right:0;}
#loc-list #list li:nth-child(3n+1) { clear:left;}
#loc-list #list:after{ content:''; clear:both; display:block;}
#loc-list #list .list-label{ position:absolute; left:0; top:30px; background:url(locbullet.png) no-repeat; width:27px; height:39px; font:14px 'Calibre-Bold'; color:#a7a3a3; text-align:center; line-height:28px; cursor:pointer;}
#loc-list #list .list-label:hover{ color:#4f4948;}
#loc-list #list .list-details{ padding-left:40px; border-top:1px solid #ececec; padding-top:30px;}
#loc-list #list .list-details .loc-name{ color:#302d2b; font:17px 'calibre-semibold'; line-height:28px; padding-bottom:10px;}
#loc-list #list .list-details .loc-phone{padding-top:15px;}
#search-form { clear: left; float: left; height: 60px;}
#form-input { float: left; margin-top: 3px; margin-left: 36%;}
#form-input label { font-weight: bold;}
#form-input input { padding: 4px; line-height: 16px; border: 1px solid #ccc;}
#loading-map { float: left; margin: 4px 0 0 10px; width: 16px; height: 16px; background: url(../images/ajax-loader.gif) no-repeat;}
#map { width:100%; height:500px;}
/* 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%;}
.bottom-line { clear: left; float: left; border-bottom: 1px solid #CCCCCC; margin-top: 5px; width: 100%;}
.detail-label { font-weight: bold;}
#store-locator-container > #result-text { color: #fdbd5f; font-size: 24px; margin-top: 1.5em; letter-spacing:0.05em;}

/************************************For responsive view*************************/
@media only screen and (max-width:1260px) {
#loc-list, #map, #store-locator-container { float: none; width: 100%;}
#user-location #form-input { margin-left: 0px;}
#map-container { height: inherit;}
#store-locator-container #form-input #address { max-width: 365px; width: 100%!important; margin: 15px 0px;}
}
@media (min-width:800px) and (max-width:991px){
	#loc-list #list li { padding-right:20px;}
}
@media (min-width:992px) and (max-width:1169px){
	#loc-list #list li { padding-right:25px;}
}