div.phpGoogleStoreLocator_map { width:600px; height:305px; border:1px solid #999;}

/* 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
{   /* For some reason, height 100% will not actually set the height to 100% of the phpGoogleStoreLocator_result container div, I dont know why. */
    /* But in anycase, this height simulates a table column cell that stretches down to the bottom of the container */
    float:left; padding-right:40px;  }


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

/* 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:11px; color:#fff; padding:10px;}
div.phpGoogleStoreLocator_map_balloon_body a {border:0;}

/* 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; /*white-space: nowrap; */ margin: 0;
  padding: 2px 4px;  border:1px solid black; background: #000;
        opacity: .80;
        -moz-opacity: .80;
        filter: alpha(opacity=80);
          -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px; }

/* 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 7px;
   border: 1px solid #000; background: #000; color:#fff;
   opacity: .90;
  -moz-opacity: .90;
  filter: alpha(opacity=90); 
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px; }

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

/***** Modified by Lynn  ******/
.locator-results td			{color:#333; font-size:.85em; padding:11px 0 11px 10px; line-height:1.2em; border-bottom:1px solid #ccc; font-family:Verdana, Helvetica, Geneva, sans-serif;}
.locator-results td a		{border:0;}
.locator-results td a:hover	{border-bottom:1px dotted #666;}
.locator-results			{margin-top:15px;}
.locator-results th			{background-color:#373737; color:#ccc; line-height:2em; text-align:left; padding-left:10px;}
.locator-results th.distance	{width:150px;}
.locator-results th.addr		{width:250px;}
.locator-results th.contact-info{width:200px;}
.locator-results h3				{font-weight:bold; letter-spacing:.03em; font-size:1.1em; line-height:1.3em; font-family:Arial, Helvetica, Geneva, sans-serif;}
a.markerDetailClose				{border:0;}
input.zip						{width:100px;}
.locator-search label			{width:120px;}