#store-locator-container{
	float: left;
	max-height: 875px;
	width:100%;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
}

#page-header{
	float: left;
}

#form-container{
	clear: left;
	float: left;
	width: 100%;
}

#map-container{
	/* clear: left; */
	/* float: left; */
	margin-top: 20px;
	/*height: 530px;*/
	/*max-width: 875px;*/
	width: 1280px;}

#map-container a{
	font: 11px/20px Arial,sans-serif;
	color: #cba5c1;
	background: url('../images/icon_add_arr.png') no-repeat 0 2px;
	padding-left: 10px;

}

#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;
}

#loc-list{
	
}

#loc-list ul{
	display: block;
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#loc-list .list-label{
	width: 20px;
	height: 20px;
	background: #e9c8e1;
	border-radius: 50px;
	font-size: 11px;
	font-weight: bold;
	color: #262626;
	text-align: center;
	line-height: 20px;
	margin-bottom: 10px;
	display: block;
}

#loc-list .list-details{
	
}

#loc-list .list-content{
	color: #818181;
	font-size: 12px;
	line-height: 15px;
}
#loc-list .store-locator-image{
	padding: 0 10px 10px 10px;
}

#loc-list .loc-dist{
	font-weight: bold;
	font-style: italic;
	color: #8e8e8e;
}

#loc-list li{
	background: none!important;
	border-bottom: 1px solid #c8cccd;
    padding-bottom: 12px;
    width: 230px;
    padding: 12px 15px;
}

#loc-list .list-focus{
	background: #ffffff!important;
}

#map-container .loc-name{
	font-size: 12px;
	color: #4b4b4b;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#map-container .loc-phone {
	color: #818181;
	font-weight: bold;
}
#search-form{
	clear: left;
	float: left;
	height: 60px;
}

#form-input{
	
}

#form-input label{
	font-weight: bold;
}

#form-input input{
	
}

#address{
	margin: 0 0 0 10px;
}

#submit{
	
}

#loading-map{
	float: left;
	margin: 4px 0 0 10px;
	width: 16px;
	height: 16px;
	background: url(../images/ajax-loader.gif) no-repeat;
}

#map{
	width: 910px; 
	height: 600px; 
}

/* 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;
}

/* StoreLocator */
.storelocator-title { /* padding: 0 0 25px; */ /* border-bottom: 4px solid #9da1a2; */ /* margin-bottom: 30px; */ }
.bxStoreLocator { overflow: hidden; padding-bottom: 50px; }
.bxStoreLocator .bxStoreLocatorLeft { width: 910px; float: left; }
.bxStoreLocator .bxStoreLocatorRight { width: 335px; float: right; height: 760px; background: #ededee; overflow: hidden; }
.bxStoreLocator .itForm { padding-bottom: 25px; margin-bottom: 50px; border-bottom: 1px solid #9da1a2; }
.bxStoreLocator .itForm .lb { overflow: hidden; margin-bottom: 30px; }
.bxStoreLocator .itForm .lb .txtlb { background: url("../images/arr_right_black.png") no-repeat 0 13px; color: #4b4b4b; float: left; font-size: 14px; font-weight: bold; line-height: 35px; padding-left: 10px; text-transform: uppercase; }
.formStoreSearch { float: right; position: relative; width: 535px; border: 1px solid #b0b0b0; }
.formStoreSearch input { color: inherit; float: left; font: bold 14px/20px "Gisha",sans-serif; height: 33px; padding: 2px 10px; text-transform: uppercase; width: 485px; }
.formStoreSearch  button { background: none; bottom: 0; margin: 0; padding: 4px 0; position: absolute; right: 0; top: 0; }
.formStoreSearch button span { background: url("../images/search_lc.png") no-repeat 50% 50%; border-left: 1px solid #dadada; display: block; height: 25px; text-indent: -999em; width: 40px; }
.btReset { float: right; position: relative; font: 12px/20px arial,sans-serif; color: #818181; padding-right: 20px; text-decoration: underline; }
.btReset:after { background: url("../images/reload_ico.png") no-repeat 0 0; content: ""; height: 16px; right: 0; position: absolute; top: 0; width: 15px; }
.listAddress { padding: 20px 30px }
.listAddress .ttList { background: url('../images/bg_bt_list_map.png') no-repeat 50% 100%; font-size: 14px; text-transform: uppercase; color: #4b4b4b; text-align: center; height: 60px; }
.listAddress .locList { height: 640px; overflow: hidden; }
.locList .mCSB_scrollTools .mCSB_draggerRail { background: #ffffff }
.lbStoreLocator { border: 1px solid #c5c6c6; height: 600px; /* width: 930px;; height: 570px; */ }
.lbStoreLocator .ttSL { color: #8b8d8e; font: bold 40px/45px Trajan Pro,serif; padding-bottom: 60px; padding-top: 40px; text-align: center; position: relative; }
.lbStoreLocator .ttSL:after { background: none repeat scroll 0 0 #ededee; bottom: 35px; content: ""; height: 1px; left: 50%; margin-left: -67px; position: absolute; width: 135px; }
.storeLocatorView { height: 350px; margin: 0 auto; overflow: hidden; width: 620px; font-size: 15px; color: #737373; }
.lbStoreLocator .stViewLeft { width: 290px; float: left; }
.lbStoreLocator .stViewRight { float: right; width: 310px; background: #ededee; height: 350px; padding: 25px; font-size: 13px; }
.storeLocatorDescription .ico_lc { color: #8e8e8e; font-size: 12px; line-height: 15px; text-transform: uppercase; text-align: center; margin-bottom: 15px; }
.storeLocatorDescription .ico_lc span { background: url("../images/homelc.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 22px; width: 25px; }
.storeLocatorDescription .txt_lc { font-size: 12px; color: #8e8e8e; text-transform: uppercase; position: relative; text-align: center; margin-bottom: 15px; }
.storeLocatorDescription .line_lc { text-align: center }
.storeLocatorDescription .line_lc span { display: inline-block; background: #e8bcdd; height: 1px; width: 60px; }
.fancybox-close { background: url('../images/close_box.png') no-repeat; width: 72px; height: 10px; right: 0; }


@media (min-width:320px) and (max-width: 1340px) { 
	.bxStoreLocator .bxStoreLocatorLeft,
	.bxStoreLocator .bxStoreLocatorRight{width: auto; margin: 0 0 20px;float: none;height: auto;}
	#form-container,
	#map,
	.formStoreSearch,
	#form-input label,
	#map-container,
	#store-locator-container{width: auto; float: none; overflow: hidden; max-height: none;margin: 0;}

	#form-container{margin: 0;text-align: center;}
	.formStoreSearch{
    width: 290px;
    margin: auto;
    overflow: hidden;
}
	.formStoreSearch input {float: left;width: 240px;}
	#form-input label{text-align:center;display: block;}
	.btReset{float:none;}
	.bxStoreLocator .itForm .lb{margin-bottom:10px}
}