.locations .location

{
	float:left;
	width:203px;
	margin-right:20px;
	margin-bottom: 20px;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 3px 0px #bebebe;
	background-color:#ffffff;
}

.locations .location:nth-of-type(3) {
	margin-right:0;	
}


.locations .location.hasPhoto

{

	padding: 170px 20px 25px;

    position: relative;

}



.locations .location h3

{
	text-transform: none;
	font-size: 18px;
	line-height: normal;
	margin: 0 10px 10px;
	color:#000000;
}

.locations .location .location-photo

{

	background-size: cover;

    border: 1px solid #DDDDDD;

    height: 150px;

    left: 0;

    margin-bottom: 10px;

    max-width: 100%;

    position: absolute;

    right: 0;

    top: 0;

}



.locations .location .location-photo img

{

}



.locations .location .address

{
    margin:0 10px 15px;
	line-height:20px;
	min-height: 60px;
}



.locations .location .map_link

{
	margin:10px 10px 20px;
	line-height:20px;
}



.locations .location .map_link .divider

{

	color: #ccc;

	margin: 0 2px;

}



.locations .location .phone-wrapper,

.locations .location .fax-wrapper

{

	margin:0 10px 10px;
	padding-bottom:10px;
	border-bottom: 1px solid #eee;
	line-height:20px;

}



.locations .location .phone-wrapper strong,

.locations .location .fax-wrapper strong

{

	display: inline-block;

	width: 65px;

}



.locations .location .phone-wrapper .num,

.locations .location .fax-wrapper .num

{

	text-align: right;

	float: right;

}



.locations .location .locations_gmap{

	margin:0 0 10px 0;
	height:237px;
	overflow:hidden;

}



/* Store Locator */

.store_locator

{



}

.store_locator .input_wrapper

{

	padding-bottom: 10px;

}

.store_locator .input_wrapper label

{

	display: block;

}



/* Fix to make sure the Google Maps controls don't get messed up.

 * More info: See http://stackoverflow.com/questions/7471830/google-maps-api-v3-weird-ui-display-glitches-with-screenshot

 */

#map-canvas img { max-width: none !important; }