/* Landing Page */
#mapcontainer {position: relative;}
	#mapcorner-tr {position: absolute; right:17px; top:-1px; z-index: 100;}
		#mapcorner-tr:hover {display: none;}/* this corner will cover the streetview "close" button, hence display none on hover */
	#mapcorner-br {position: absolute; right:17px; bottom:-1px; z-index: 100;}
	#mapcorner-bl {position: absolute; left:11px; bottom:-1px; z-index: 100;}
	#mapcorner-tl {position: absolute; left:11px; top:-1px; z-index: 100;}
#map {margin: 10px 0 10px 13px; font-size: 11px;
	border: 1px solid #d4d4d4;
}
	/* the contents of the ".box-dimensions" are measured by google before generating the map "info-window bubbles", so style everything in .box-demensions even though it is not seen */
#map h2, .box-dimensions h2 {color:#366c7f; margin: 0; font-size: 17px; font-weight: normal; line-height: 18px;}
#map h3, .box-dimensions h3 {margin:0; font-size: 14px; font-weight: normal; line-height: 15px;}
#map-key {font-size: 12px; display: none;}
.box-dimensions {margin:0; padding-bottom: 30px;}
.info-box .box-dimensions {margin: 0; padding: 0;}

.info-box h3, .info-box h2 {text-indent: 14px;}
#map h3, #map h2 {text-indent: 0px;}

.map-location .info-box {
	padding: 0; margin: 0;
}
#map-key .map-legend-link {
	margin-bottom: 5px;
	margin-left: 30px;
}
#map-key .map-legend-link .label {
	color: #999999;
	float: left;
	width: 18px;
	height: 40px;
}

#map-key .map-legend-link a {
	color: #999999;
	text-decoration: none;
}
#map-key .map-legend-link a:hover {
	color: #55595f;
	text-decoration: none;
}
#map a, #map a:hover, #map a:focus, #map a:active {margin:0; padding: 0; outline: none;}

/* search results page */
.resultitem {width: 740px; border: 1px dotted #d4d4d4; margin: 0 0 14px 20px; padding:12px 0; position:relative; font-size: 11px;
	/* -moz-border-radius: 10px; For FireFox */
	/* -webkit-border-radius: 10px; For Safari/Chrome */
	/* border-radius: 10px; For when the standard gets fully supported */}
	.resultitem h1 {font-size: 15px; color: #366c7f; margin:0;}
	.resultitem h2 {font-size: 14px; color: #000; font-weight: normal; margin: 0;}
		.resultitem h2.bold {font-weight: bold;}
	.resultitem h4 {font-size: 12px; margin: 12px 0 6px;}
	.resultitem input {font-size: 10px;}	
		
	span.expand {background-repeat: no-repeat; background-image: url(/images/site/locator/mt/expand-arrow.png); background-position: right 1px; padding-right: 15px; cursor: pointer; color: #848484; position: absolute; top:115px; right:20px; font-size: 11px; font-weight: bold;}		
		span.expand.current {background-image: url(/images/site/locator/mt/expand-arrow-down.png);}

	.collaspe-view {min-height: 112px;}
	.expand-view, .mapenddir {display: none;}
	
	.search-leftcol {float:left; width:120px; margin:0 8px; clear:left;}
		.search-thumbnail {margin: 5px 0 0 11px; max-width:90px; max-height: 120px;}
		.expand-view .search-leftcol img {margin-top: 16px;}
	
	.search-middlecol {float:left; width: 355px; margin:0 8px 0 0; text-align: left;}
	
	.search-rightcol {float:left; width:230px; position: relative;}
		.collaspe-view .search-rightcol {text-align: right;}
		.search-rightcol a, .search-rightcol span {font-size: 10px; color: #366c7f; text-decoration: none; line-height: 13px;}
		.search-rightcol a:hover {font-size: 10px; color: #cc7d48; text-decoration: none; line-height: 13px;}
			.search-rightcol span {margin: 0 2px;}
			.directionsform {height: 23px;}
				.directionsform input {display: inline;}
				.directionsform .mapenddir {display: none;}
		/* Hack for IE7 */
		.directionsform, .mapload, .streetviewload {
			*position: relative;
			* bottom: 0px;
			}		
				
.hours-table {font-size: 10px; margin: 0;}		
	.table-bold {font-weight: bold;}	
	
.map, .mapload, .streetviewload {margin: 8px 0 25px 4px;}

/* Modal Captcha popup */

a.modal-link {display: inline; font-size: 12px; color: #55595f;}
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:fixed; top:0; left:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window, #boxes #search-captcha {
  position:fixed;
  display:none;
  z-index:9999;
  padding:20px;
  left : 250px\9; /* IE8 and below */
}

#boxes #dialog, #boxes #searchButton, #boxes #search-captcha  {
  width:650px; 
  height:400px;
  background: white;
  -moz-border-radius: 20px; /* For FireFox */
	-webkit-border-radius: 20px; /* For Safari/Chrome */
	border-radius: 20px; /* For when the standard gets fully supported */
	box-shadow: 10px 10px 20px #000;	
	-moz-box-shadow: 10px 10px 20px #888;
    -webkit-box-shadow: 10px 10px 20px #888;

}
#popupContainer {
	background: white;
    -moz-border-radius: 20px; /* For FireFox */
	-webkit-border-radius: 20px; /* For Safari/Chrome */
	border-radius: 20px; /* For when the standard gets fully supported */}
    
    #popupInner {
	background: white; padding-bottom: 14px;
    -moz-border-radius: 20px; /* For FireFox */
	-webkit-border-radius: 20px; /* For Safari/Chrome */
	border-radius: 20px; /* For when the standard gets fully supported */
	box-shadow: 10px 10px 20px #000;	
	-moz-box-shadow: 10px 10px 20px #888;
    -webkit-box-shadow: 10px 10px 20px #888;}
 

.getdir-button {position: relative; top: 5px; left: 5px;}		

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */