/* @override http://theseventhletter.com/stockist/phpGoogleStoreLocator-css-stylesheet.css */

body{
margin: 15px;
}


a img{
border: 0;
}

img a{
border: 0;
}

#nav{
width: 200px;
float: left;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#nav img{
display: block;
}

#stockist{
margin-top: 83px;
margin-bottom: 35px;
width: 650;
float: left;
font: 11px Arial, Helvetica, Geneva, sans-serif;
}

#stockist a{
color: #000;
}

#stockist h4{
margin: 0;
margin-bottom: 37px;
}

#nav a{
display: block;
color: #999;
text-decoration: none;
}

#nav li a:hover{
text-decoration: underline;
}

a.logo{
margin-bottom: 40px;
}

a.tsl{
margin-bottom: 40px;
}

a.nav{
margin-bottom: 8px;
}

a.known{
margin-top: 30px;
}

img.online{
margin-top: 30px;
margin-bottom: 5px;
}

#nav ul, li{
margin: 0;
padding: 0;
list-style: none;
}

#nav li{
line-height: 17px;
}

div.phpGoogleStoreLocator_body p{
padding-left: 0;
margin-left: 0;
}

div.phpGoogleStoreLocator_body p.disclaimer{
color: #666;
padding-left: 0;
margin-left: 0;
}

input.store-zip{
width: 160px;
}

div.phpGoogleStoreLocator_body h4{
width: 250px;
color: #6e580a;
font: italic 25px/27px "Times New Roman", Times, serif;
margin: 0;
padding: 0px 0px 0px 0px;
}


/* This encompasses the ENTIRE results window */
div.phpGoogleStoreLocator_body {
width: 610px;
background: #000;
float: left;
}

div.phpGoogleStoreLocator_body form{
width: 610px;
}	

/* 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 the header that goes above the results list */
div.phpGoogleStoreLocator_results_header
{
/* border:solid;*/
/* display:none;*/
margin:10px;
}

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;
display: none;
}

/* This is the block that displays the Store Locations near: 80439 message*/
div.phpGoogleStoreLocator_results_store_locations_near
{
font-weight: bold;
border-bottom: 3px solid #fff;
padding-bottom: 5px;
margin-bottom: 3px;
/* 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
{
display:none;

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


div.phpGoogleStoreLocator_results_block
{
margin-top: 20px;
font-size: 11px;
}

div.phpGoogleStoreLocator_results_block hr{
display: none;
}

/* This is used to style each individual result */
div.phpGoogleStoreLocator_result {
border-top: 1px dotted #222;
padding-top: 10px;
width: 206px;
height: 95px;
margin: 5px;
float: left;
}

/* 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;
margin-right:40px;
padding:2px 5px;
background: #eee;
-webkit-border-radius: 3px 
}

div.phpGoogleStoreLocator_result_location_anchor_number a{
text-decoration: none;
}

/* 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 contain for the image that is associated with a location. */
div.phpGoogleStoreLocator_result_location_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;
width: 123px; 
/*  border-color:yellow; */

}


/* Use this to display/hide the storename */
div.phpGoogleStoreLocator_result_location_storename
{
font-weight: bold;
/*   border:solid;  */
/* display:none; */

}

/* Use this to display/hide the address */
div.phpGoogleStoreLocator_result_location_address
{
/*   border:solid;  */
/* display:none; */
}

/* Use this to display/hide the city */
div.phpGoogleStoreLocator_result_location_city
{
/*   border:solid;  */
/* display:none; */
}

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

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

/* 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
{
padding:10px;  
margin-bottom:-15px;
/*   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 0px;
/*   border:solid;  */
/* display:none; */
}

/* Use this to display/hide the hours*/
div.phpGoogleStoreLocator_result_location_hours
{
margin-bottom:-15px;
display: none;
/*   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; */
padding-top: 20px;
clear: both;
}

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


/* 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: #fff;
opacity: .80;
-moz-opacity: .80;
filter: alpha(opacity=80);
}

#footer{
clear: both;
margin-left: 200px;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}

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