/* You can override this with your own body stuff if you so wish.  Just comment it out to use your own css */
/* I stole it from tizag.com which is a css help site. It's a good place to start learning CSS if you dont already know it.*/
/* Another good place is www.csszengarden.com/ */
/*body {
  background-color: #87AEC5;
  font-family: arial;
  font-size: 80%;
}*/

/* This encompasses the ENTIRE results window */
div.phpGoogleStoreLocator_body {
  width:775px;
}

/* 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 {
  width:445px;
  height:445px;
  float: left;
  border: solid 2px rgb(0,51,102);
  margin: 10px 10px 0 5px;
}

/* This is the block that displays the Store Locations near message */
div.phpGoogleStoreLocator_results_store_locations_near {
  float: left;
  width: 290px;
}

/* This is the header that goes above the results list */
div.phpGoogleStoreLocator_results_header {
  padding: 5px 0 0 5px;
  color: rgb(255,255,255);
  background-color: #6fb43f; /*rgb(0,51,102) */
  display: table;
  height: 25px;
}

div.phpGoogleStoreLocator_results_header_anchor {
  float:left;
  padding-right:10px;
}

div.phpGoogleStoreLocator_results_header_distance {
  float:left;
  padding-right:20px;
}

div.phpGoogleStoreLocator_results_header_information {
  float:left;
  padding-right:60px;
}

/* This is the block that displays the list of categories that the results came from */
div.phpGoogleStoreLocator_results_categories_list {
}

div.phpGoogleStoreLocator_results_block {
  border: solid 0px rgb(0,51,102);
}

/* This is used to style each individual result */
div.phpGoogleStoreLocator_result {
  margin:5px;
}

/* This is the number of the result in the results it has an anchor tag on it that takes you to that location on the map */
div.phpGoogleStoreLocator_result_location_anchor_number {
  float:left;
  width: 20px;
  margin-right: 5px;
  border: 1px solid rgb(0,0,205);
  padding: 1px;
}

/* This is the container for the image that is associated with a location. */
div.phpGoogleStoreLocator_result_location_image {
  float:left;
  padding-right:10px;
}

/* This is the image that is associated with a location. */
img.phpGoogleStoreLocator_result_location_image {
  width:75px;
  height:75px;
  border:0px;
}

/* Use this to display/hide the distance */
div.phpGoogleStoreLocator_result_location_distance {
  float:left;
  width: 75px;
  margin-left: 26px;
}

/* This is the container for the image that is associated with a location and displayed in the info balloon. */
div.phpGoogleStoreLocator_map_balloon_image {
  float:left;
  padding-right:10px;
}

/*  Start Data set div, this aligns everything to the left when there is no image available */
div.phpGoogleStoreLocator_result_location_data {
  float:left;
  width: 290px;
}

/* Use this to display/hide the storename */
div.phpGoogleStoreLocator_result_location_storename {
  float:left;
  font-weight: bold;
}

/* Use this to display/hide the address */
div.phpGoogleStoreLocator_result_location_address {
  float:left;
  margin-left: 26px;
}

/* Use this to display/hide the city */
div.phpGoogleStoreLocator_result_location_city {
  float:left;
  margin-left: 26px;
}

/* Use this to display/hide the state */
div.phpGoogleStoreLocator_result_location_state {
  float:left;
}

/* Use this to display/hide the zip */
div.phpGoogleStoreLocator_result_location_zip {
  float:left;
}

/* Use this to display/hide the country */
div.phpGoogleStoreLocator_result_location_country {
  float:left;
  margin-left: 26px;
}

/* Use this to display/hide the comments AND ratings stars*/
div.phpGoogleStoreLocator_result_location_phone {
  float:left;
  margin-left: 26px;
}

/* Use this to display/hide the comments AND ratings stars*/
div.phpGoogleStoreLocator_result_location_comments {
}

/* Use this to display/hide the map and directions info*/
div.phpGoogleStoreLocator_result_location_map_and_directions {
  float: left;
  width: 150px;
}

/* Use this to display/hide the hours*/
div.phpGoogleStoreLocator_result_location_hours {
  float:left;
  margin-left: 26px;
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_result_location_notes {
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_execution_time {
  text-align:center;
}

/* 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 {
  font-size:12px;
  color: black;
}

/* This is for the white balloon that pops up on the map when you click on a location icon on the map.  */
div.markerDetail {
  /* Font-size cannot be changed here, I dont know why, use the balloon_body class above */
  background-color: white;
  margin: 0;
  padding: 2px 4px;
  border: 1px solid black;
  background: #ddd;
  opacity: .80;
  -moz-opacity: .80;
  filter: alpha(opacity=80);
}

/* Google tool tip marker, this is for the tooltip that shows when you hover over an icon on the map. */
div.markerToolTip {
  text-align: center;
  white-space: nowrap;
  margin: 0;
  padding: 2px 0.5ex;
  border: 1px solid #555;
  font-weight: bold;
  background: #ddd;
  opacity: .80;
  -moz-opacity: .80;
  filter: alpha(opacity=80);
}

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

.clearright {
  clear:right;
}

#pubContainer	{
	text-align:center;
	margin-left:200px;
}