/** ..:: Hairfree | Locations ::.. **/

/* Common */
#locations { overflow: hidden; padding-left: 20px; }
#locations .box { display: block; float: left; width: 88px; height: 88px; padding: 20px; margin: 0 2px 2px 0; text-decoration: none; overflow: hidden; }

.aurora-slides-container { background: url('/Resources/HF/Sites/HF/Images/Backgrounds/australia-map.png') no-repeat scroll center 65px; }

#locations { float: left; width: 810px; }

/* States */
#locations .state { clear:both; overflow: hidden; margin-bottom: 20px; -moz-box-sizing:border-box; }
#locations .state h2 { font-weight: normal; font-size: 18px; margin-bottom: 10px; }
#locations .state h1 { font-weight: normal; font-size: 32px; line-height: 32px; margin-bottom: 20px; }

/* State Navigation */
#stateNav { float: left; width: 90px; padding-right: 20px; }
#stateNav p { color: black; margin: 0 0 10px; }
#stateNav a { display: block; padding: 10px; color: #006EAD; font-size: 16px; text-decoration: none; border-bottom: 1px solid #eee; border-bottom: 1px solid rgba(0,0,0,0.1); }
#stateNav a:hover { background: #eee; color: #111; }
#stateNav .selected, #stateNav .selected:hover { padding-right: 20px; margin-right: -20px; border-color: white; background: #006EAD url('/Resources/HF/Sites/HF/Layout/stateNav_selected.png') center right no-repeat; color: white; }

/* Locations */
#locations .location { border: 1px solid #ddd; border: 1px solid rgba(0,0,0,0.2); padding: 21px; font-size: 11px; color: #006EAD; background: rgba(255,255,255,0.5); }
#locations .location:hover, #locations .location:focus { border: 3px solid #006EAD; padding: 19px; color: #333; background: white; }

#locations .location span { display: block; }
#locations .location .name { font-weight: bold; }
#locations .location .address { margin: 10px 0; color: #666; }


/** ..:: Hairfree | Location ::.. **/

/* The Map*/
#google-map { margin-top: 20px; background-color:#E5E3DF; height:312px; position:relative; width:1000px;}

#BackToLocations { position: absolute; right: 30px; margin-top: 13px; }

/* The Centre */
#centre .photo { display: block; margin: 10px 0; border: 1px solid #ccc; padding: 4px; overflow: hidden; }
#centre .photo:hover { border: 4px solid #3B9FEF; padding: 1px;}
#centre .photo img { margin-bottom: -3px; }

/* New Store */
.newstore { color: #ff0000; }