/* clears the float  */
.floatClear { overflow: hidden; }
/* LOCATIONS */
#locations { background: #fff; border: 1px solid #ccc; padding: 10px; position: relative; }
#locations .floatClear { margin-bottom: 10px; }
#locations h1 { color: #2c5da9; font-size: 20px; font-weight: bold; }
#locations h2 { background: url(images/locations-h2.jpg) repeat-x; color: #fff; font-family: arial, sans-serif; font-weight: bold; font-size: 14px; height: 34px; line-height: 34px; overflow: hidden; padding: 0 10px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }
/* location search */
#locationsSearch { position: absolute; right: 10px; top: 10px; }
#locationsSearch fieldset { border: none; padding: 0; }
#locationsSearch ul { padding-left: 0; margin: 0; }
#locationsSearch li { float: left; list-style-type: none; margin-left: 5px; }
#locationsSearch input[type="button"] { background: url(images/locations-search-button.jpg) no-repeat; border: none; height: 25px; width: 68px; }
#locationsSearch input[type="button"]:hover { cursor: pointer; }
/* location box */
.location { background: #fff; border: 1px solid #ccc; float: left; margin-left: 7px; padding: 10px 10px; width: 326px; position: relative; }
.location:first-child { margin-left: 0; }
.location h3 { color: #f01c26; font-size: 14px; font-weight: bold; margin: 0 0 4px 0; text-transform: capitalize; }
.location .info { overflow: hidden; padding-bottom: 5px; }
.location .info img { float: left; margin-right: 10px; }
.location ul { overflow: hidden; padding-left: 0; }
.location .info li { color: #666; font-family: "Arial black", arial, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 4px; list-style-type: none; text-transform: capitalize; }
.location .buttons { overflow: hidden; padding-top: 5px; }
.location .buttons a { float: left; margin-left: 3px; }
.location .buttons a:first-child { margin-left: 0; }
.location .buttons a, .location .buttons a img { border: none; vertical-align: top; }