@charset "utf-8";
/* CSS Document */

body{
	background:url(../img/imag000.gif);
	text-align:center;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

#container{
	background:#ADBEEC;
	width:993px;
	margin:0 auto;
}

#logo img{width:100%}

#body{padding:20px}
#title{text-align:center;}
#title h1{font-size:38px}

#btn-home,#btn-other{width:140px}

#btn-home a, #btn-other a{width:140px;height:105px;display:block;text-indent:-10000px}
#btn-home a{background-image:url(../img/imag004.jpg)}
#btn-home a:hover{background-image:url(../img/imag004A.jpg)}
#btn-other a{background-image:url(../img/imag008.jpg)}
#btn-other a:hover{background-image:url(../img/imag008B.jpg)}

#show-if-mobile{display:none;text-align:center;margin:0 0 10px;font-size:16px}

	/* #Store Styles
	================================================== */
	.store-list{margin:0;padding:0;overflow:auto;height:440px}
	.store-list li,.storelocator-panel .directions-panel{list-style-type:none;margin:0;padding:8px 0 8px 10px;}
	.storelocator-panel .directions-panel{padding:5px;background:#fff;height:425px;overflow:auto}
	.store-list li{border-bottom:1px solid #98ADE7;background:url(../img/gradient1.png) top left repeat-x;}
	.storelocator-panel .directions-panel{font-size:.8em}
	.storelocator-panel .store-list li.store:hover{cursor:pointer;background:#eee}
	.storelocator-panel .store-list li.highlighted,.storelocator-panel .store-list li.highlighted:hover{background:#ccf}
	.storelocator-panel .location-search{padding:8px 0 8px 5px;border-bottom:1px solid #ccc;border-top:1px solid #d0d0d0;background:#202F80;color:#fff}
	.storelocator-panel .location-search input{width:95%}
	h4{font-size:14px;margin:0 0 5px;padding:0}
	.storelocator-panel .store-list .no-stores{color:grey}
	.storelocator-panel .feature-filter{overflow:hidden}
	.storelocator-panel .feature-filter label{display:block;font-size:.8em;float:left;margin:0 .4em}
	.store .title{font-weight:bold;font-size:14px;color:#202F80}
	.store .address,.store .phone,.store .web,.store .misc{font-size:12px;margin-top:.2em;margin-bottom:.5em;display:block}
	.storelocator-panel .address{font-size:11px;margin:3px 0 0;color:#000;line-height:14px}
	.store .features{overflow:hidden;color:grey;font-size:70%;max-width:250px;margin:0;padding:0}
	.store .features li{display:inline;float:left;padding-right:.8em}
	.store .web a{color:green}
	.store .action{font-size:.8em;color:green;margin-right:.5em}
	.storelocator-panel .directions,.storelocator-panel .store .features{display:none}
	.mbt-title{display:block;font-size:13px}
	.mbt-phone{display:block;margin-top:8px}
	#panel .mbt-title{display:none}
	#panel .mbt-phone{display:none}
	#map-canvas .address{margin-top:8px}
	div.pac-item{padding:4px;font-size:13px}

	#map-canvas,#panel{height:500px}
	#panel{width:260px;float:left}
	#panel .feature-filter label{width:130px}
	@media only screen and (max-width: 400px) {
		#panel{display:block;float:none;width:100%;height:240px}
		.store-list{height:183px}
		#map-canvas{display:block;float:none;width:100%;height:260px}
		.store-list li,.storelocator-panel .directions-panel{padding:5px 0 5px 8px}
	}

@media only screen and (max-width: 959px) {
	body{padding:0 15px}
	#container{width:100%}
}
@media only screen and (max-width: 640px) {
	body{padding:0}
	#body{padding:0 10px 20px}
	#title h1{font-size:28px;margin:0}
	#btn-home,#btn-other{width:0}
	#btn-home a,#btn-other a{display:none;}
	#show-if-mobile{display:block;}
}