body			{ background:#FFF; margin-top:0px; margin-left:40px; align:center}
td img			{ display:block; align:center}
td				{ vertical-align:top; horizontal-align:middle; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:11px; color:#666; line-height:15px; }
.spacertop		{ background:#B5A0BB; }
a				{ color:#768598; text-decoration:none; }
a:hover			{ color:#AFC573; text-decoration:underline; }
a.gray			{ color:#666; text-decoration:none; }
a:hover.gray	{ color:#666; text-decoration:underline; }
a.white			{ color:#FFF; text-decoration:none; }
a:hover.white	{ color:#FFF; text-decoration:none; }
td.greenbar		{ background:#433036; }
td.hm_purpleBox	{ background:#C7BBC5 url("../images/bg_purplegradient.jpg"); }
div.hm_purpleboxText{ margin:0px; padding-right:5px; padding-bottom:7px; padding-top:3px; padding-left:14px; }
td.hm_listBox	{ border-left:1px dashed #C3C5C4; }
td.designby		{ text-align:left; font-size:10px; }
td.copyright	{ text-align:right; font-size:10px; }
td.paddingBottom10px { padding-bottom:10px; }
td.hm_flash		{ background:#CEC2CC; }
tr.rollover		{ background:#FFF; }
tr:hover.rollover{ background:#F7F7F7; }

img.nav_ini		{ background:#545454; }
img.nav_ro		{ background:#A7A5B5; }
div.nav_dropdown{ background:#768598; border:1px solid #6B7E8F; width:154px; padding:5px; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:11px; color:#666; line-height:19px; visibility:hidden; filter: alpha (opacity=75); text-align:left}
.nav_link_ini	{ background:none; color:#FFF; text-decoration:none; padding-left:7px; }
.nav_link_ro	{ background:#A7A5B5; color:#AFC573; text-decoration:none; padding-left:7px; }
#nav_home		{ position:absolute; left:40px; top:107px; z-indez:3; }
#nav_products	{ position:absolute; left:400px; top:107px; z-indez:3; }
#nav_storelocator	{ position:absolute; left:280px; top:107px; z-indez:3; }
#nav_wholesale	{ position:absolute; left:520px; top:107px; z-indez:3; }
#nav_shop		{ position:absolute; left:160px; top:107px; z-indez:3; }
#nav_aboutus	{ position:absolute; left:640px; top:107px; z-indez:3; width:106px; }

td.subnav		{ padding:10px; padding-top:17px; text-align:left }
td.subnavnarrow		{ padding:3px; padding-top:17px; }


td.maincontent	{ border-left:1px dashed #C3C5C4; padding:23px; padding-right:60px; text-align:justify; }
td.maincontentnarrow	{ border-left:1px dashed #C3C5C4; padding:5px; text-align:justify; }

.textPad_43	{ margin-left:43px; }

/* This is the header that goes above the results list */
div.phpGoogleStoreLocator_results_header
{
   /* border:solid;*/
   /* display:none;*/
   padding:10px;
   margin:10px;
   background-color:gray;
   color:white;
}

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

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

div.phpGoogleStoreLocator_results_header_information
{
 float:left;
}



/* This is the block that displays the Store Locations near: 80439 message*/
div.phpGoogleStoreLocator_results_store_locations_near
{
   /* Hide the store locations near message */
   /* display:none; */

   /* Put a border around the message */
   /*border:solid;*/
}

/* This is the block that displays the list of categories that the results came from */
div.phpGoogleStoreLocator_results_categories_list
{
   /* Hide the categories list */
   /* display:none; */

   /* Put a border around the list */
   /* border:solid;*/
}


div.phpGoogleStoreLocator_results_block
{
 border:solid;
 border:solid 4px;
/*  border-color:red; */
 /* display:none; */
}

/* This is used to style each individual result */
div.phpGoogleStoreLocator_result
{

   /* Hide the categories result.  Uh, why would u want to do this? lol*/
   /* display:none; */

   /* Put a border around the result.  This puts a border around each result.  Each result comprises of multiple divs as well, this puts a border
      around all of those divs that make up each result */

    border-color:red;
     padding:10px;  
     margin:10px;  

}

/* 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
{
/*   border:solid;  */
 /* display:none; */
    /* 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; 
}

/* Use this to display/hide the distance */
div.phpGoogleStoreLocator_result_location_distance
{
/*   border:solid;  */
 /* display:none; */

 float:left;
  padding-right:10px; 


}

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

/* This is the container for the image that is associated with a location. */
div.phpGoogleStoreLocator_result_location_image
{

 float:left;
 padding-right:10px; 
/*  border:solid; */
/*  border-color:purple; */
}

/* 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; 
/*  border:solid; */
/*  border-color:purple; */
}

/*  Start Data set div, this aligns everything to the left when there is no image available */
div.phpGoogleStoreLocator_result_location_data
{ 
/*   border:solid;  */
  float:left; 
/*  border-color:yellow; */

}


/* Use this to display/hide the storename */
div.phpGoogleStoreLocator_result_location_storename
{
margin-left:22px;
/*   border:solid;  */
 /* display:none; */

}

/* Use this to display/hide the address */
div.phpGoogleStoreLocator_result_location_address
{
margin-left:22px;
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the city */
div.phpGoogleStoreLocator_result_location_city
{
margin-left:22px;
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the state */
div.phpGoogleStoreLocator_result_location_state
{
margin-left:22px;
/*   border:solid;  */
 /* display:none; */
   float:left;
   }


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

/* Use this to display/hide the country */
div.phpGoogleStoreLocator_result_location_country
{
/*   border:solid;  */
 display:none;


}

/* Use this to display/hide the comments AND ratings stars*/
div.phpGoogleStoreLocator_result_location_phone
{
          margin-left:150px;
padding:10px;  
     /*   border:solid;  */
 /* display:none; */

 
}

/* Use this to display/hide the comments AND ratings stars*/
div.phpGoogleStoreLocator_result_location_comments
{
     padding:10px;  
     margin-bottom:-15px;
/*   border:solid;  */
 /* display:none; */
 
}

/* Use this to display/hide the map and directions info*/
div.phpGoogleStoreLocator_result_location_map_and_directions
{
     padding:10px;
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the hours*/
div.phpGoogleStoreLocator_result_location_hours
{
     padding:10px;  
     margin-bottom:-15px;
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_result_location_notes
{
     padding:10px;
     margin-bottom:-10px;
/*   border:solid; */
 /* display:none; */
 }

/* Use this to display/hide the powered by msg*/
div.phpGoogleStoreLocator_powered_by
{
 /* border:solid; */
  display:none;
 text-align:center;
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_execution_time
{
 /* border:solid; */
 /* display:none; */
 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
{
/*  white-space:nowrap;  */
 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;
   /*white-space: nowrap; */
   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;
}