/*** 
STORE LOCATOR CSS
--------------------
Don't forget to change your images to match your website!
			-locator_pic.gif
			- bt_go.gif
			- locationhead.png			
****/
/*** 
	Main Grid 
		-change this width to match the content
		on your website
****/
div#store-locator {

}
div#store-locator h2 {
	color:#3F1B1F;
	border-bottom:1px solid #3F1B1F;
	margin-bottom:4px;
}
div#store-locator p {
	margin:10px 0;
	font-size:14px;
}
div#map {
	width:700px;
	height:600px;
	float:right;
	border:1px solid #666;	
}
div.search-fields {
	width:250px;
	float:left;
}
div.results {
	height:330px;
	overflow: auto;
}
p.go input#search-store {
	margin:0;
	padding:6px 0 0 0;
	border:none;	
}
/***
	 Typography 
*****/	
.location, div.results {
	font-family: "Helvetica Neue", "Helvetica CY", Helvetica, Geneva, Verdana, sans-serif;
	font-size:12px;	
}
.location p {
	padding:0;
	margin: 0;
	line-height: normal;
}	
/*** 
	 Locator Layout 
****/
form#search-form {
	padding-top:5px;
	margin-bottom:10px;
}
form#search-form p {
	line-height:auto;
	padding:0;
	margin:0;
}
form#search-form p.sub-info {
	font-size:12px;
	color:#666;
	font-family: Arial, sans-serif;
}
form#search-form p label {
	margin:5px 0 2px 0;
	display:block;
}
form#search-form select, form#search-form input {
	border:1px solid #ccc;
	padding:3px;
}

/***
	 Results Layout 
****/

div.location {
	padding:10px 0;	
	border-bottom:1px solid #eee;
}
p.no-location {text-align: center;}
.name a,
.name a:visited,
.name a:active {
	color:#660000;
	font-size:14px;
	font-weight: bold;
	padding-bottom:3px;
	display: block;
}
p.address, p.direction-help, p.phone, p.email {
	font-size:11px;
	color:#666;
}
p.direction-help span {color:#333;	}
p.distance {
	color:#333;
	font-weight: bold;
	font-size:15px;
	padding:8px 0;
}
div.results p a.map-link,
div.results p a.map-link:active,
div.results p a.map-link:visited {
	color:#660000;
	padding:10px 0 10px 20px;
	display: block;
	background: transparent url(/a/image/map_magnify.png) left no-repeat;
}

div.distributor {
	padding:15px 0;
	margin:10px 0;
	text-align: center;
	border-top:1px solid #eee;
}
div.distributor p {
	font-size:15px;
	line-height:20px;
}
div.distributor a,
div.distributor a:visited,
div.distributor a:active, 
div.distributor a:hover {
	color:#660000;
	font-size:14px;
}



