/* This encompasses the ENTIRE results window */
div.phpGoogleStoreLocator_body
{
	color: #765c3a;
   /* This is here for seeing the borders of the application when embedded in your site. */
/*     border:solid; */

/* Original background color */
    /* background-color:#fff; */
    
   /* Uh.  You can hide the whole app with this, but what would be the point? lol */
   /* display:none;*/
}
#productsleft2 {float:left; width:200px; padding-top:3px; color:#4a3923; font-weight:bold; text-transform:uppercase; font-size:10px; text-decoration:none; line-height:13px;}

.locate{
	text-transform: none;
	font-weight: normal;

}
.locate form input.zipcode{
	border: 1px solid #765c3a;
	width:120px;
	font-size: 16px;
	line-height: 20px;
	color: #5cc151;
	text-align: center;
}
.selectarea{
	height: 20px;
	margin-left: 12px;
	font-size: 16px;
	width: 90px;
}
.selectradius{
	border: 1px solid #765c3a;
	margin-left: 12px;
	width:90px;
	font-size: 16px;
	line-height: 20px;
	color: #5cc151;
	text-align: center;
}
.milesfrom{

}

.locate form .dropdown{
}

.search_instructions{
	margin-left: 117px;
	padding:5px;
	background-color: #d7cfc4;
	color: #765c3a;
	width:454px;
}

.loc_results{
	text-align: left;
	font-weight: normal;
	color: #765c3a;
	text-transform: none;
}
.loc_results a.lr:link, .loc_results a.lr:visited {color:#765c3a; font-weight: normal; text-decoration: underline; font-style: normal;}
.loc_results a.lr:hover, .loc_results a.lr:active {color:#765c3a; font-weight: normal; text-decoration: none; font-style: normal;}

.loc_marker{ color: #765C3A; font-weight: bold; text-decoration: none;}

.loc_divider{ height:13px; margin-bottom: 13px; border-bottom: 1px solid #e4ddd2;}

.search_divider{ height:10px; margin-bottom: 25px; border-bottom: 1px solid #e4ddd2; margin-left: -25px; margin-right: -25px;}

/* This is the width/height of the map that is displayed on the results page.  This can also be used to hide the map.*/
div.phpGoogleStoreLocator_map
{
 
 /*border:solid;*/
/* width:445px;*/
 height:445px;
   /* Hide the map */
   /* display:none; */
   
   /* Put a border around the map */
   /* border:solid;*/
}



/* This is for the white balloon that pops up on the map when you click on a location icon on the map.  */
div.phpGoogleStoreLocator_map_balloon_body
{
/*  white-space:nowrap;  */
 font-size:11px;
}
.phpGoogleStoreLocator_map_balloon_body input{
border: 1px solid #e4ddd2;
width: 80%;
margin-bottom: 6px;

}

.btn_submit{
	/*margin-left: 14px;*/
	padding: 3px 5px 2px 5px;
	background-color: #5cc151;
	color: #ffffff;
	width: 60px;
	cursor: pointer;
}
/* Google tool tip marker, this is for the tooltip that shows when you hover over an icon on the map. */
div.markerToolTip, div.markerDetail 
{
    text-align: center;
    margin: 2px;
    padding: 5px;
    border: 1px solid #e4ddd2;
    font-weight: bold;
    background: #FFFFFF;
    width:200px;
}

/***** This is critical to layout design to line things up, dont change it.  ******/
.clearboth {
clear:both;
}