﻿/* from type.css */
.search h3, #content .searchHead, .searchHead { font-size: 115%; font-weight: bold; font-style: oblique; text-transform: none; }
.salonDetailsLinks p span { text-transform: uppercase; }
.home .searchResult p { font-size: 95%; }

.search .message { font-size: 90%; }
.search .searchResult { font-size: 90%; }
.search .searchResult p { line-height: 1.2; vertical-align: middle; }

/* from layout.css */
.search p { padding-bottom: 2px; /*line-height: 1.5;*/ line-height: 1; }

.salonDetails, .salonDetailsLinks { padding: 1em 0 0 0; }

/* yes, this is singular (.salonDetail) below! */
.salonDetail .mainContent { width: 98%; clear: both; }

.searchResult { padding-bottom: 1em; }
.searchResult p { padding-bottom: 0; }
.searchResult ul { padding: .8em 0; }

.locatorContribCopy { left: 1em; }

.loggedin #header .search { bottom: 10px; }
#header .search { position: absolute; bottom: 5px; /*right: 0px;*/ left: 680px; }
.search form { float: left; }
.search .message { padding-bottom: 3px; }
.search .searchResult { padding-bottom: 0px; padding-right: 80px; }

.geoip a { text-transform: none; }

#sideCol .search { position: relative; top: 20px; }
#sideCol .sideContent .search h3 { padding-bottom: 0; }
#sideCol .search .searchResult { width: auto; padding-right: 0; }

.secContent .search { padding-bottom: .3em; }

/* from color.css */
.searchResult h4 { color: #FFFFFF; }
.map { border: 1px solid #000000; background: #ffffff; }

.loc_selectedLocations .loc_searchResults { width: 29em; height:100%;}
.loc_selectedLocations .loc_searchResults div { padding-left: 1.2em; }

#locator_col_end {clear:both;}
#componentLocator{margin-top:10px; float: left;}
#componentLocator #loc_example, #componentLocator #loc_fields {clear:left;}

#componentLocator #txtSearch, #componentLocator #selRadius, #componentLocator #btnSearch{ clear: none;  display: block;  margin-right: 5px; }
#componentLocator p { line-height: 1.5;}
#componentLocator h3 {clear: both; margin-top: .5em; width: 100%; }
#txtSearch, #selRadius{height:1.5em;}

#map_canvas {height:450px; width:450px; float: right; position: relative; }

.loc_searchinput { vertical-align: middle; }

/* layout styles */
#header #loc_findText{display:none;}
.loc_searchinput{height: 1.5em; vertical-align: middle;}
#loc_fields{padding-top:3px;}
#selRadius{height: 1.75em;}

#profileLocator .loc_searchResults { height: auto; max-height: inherit; }
.loc_searchResults { max-height: 230px; height: 230px; margin-bottom: .5em; overflow: auto; }
#noHeight { height: auto; }
.loc_searchResults li { padding: .5em 0 .8em 0; float: left; width: 100%; }
.loc_searchResults img {padding-right:5px;}
.loc_searchResults .marker { float: left; padding-right: .3em; }
.loc_searchResults div { float: left; width: 75%; }
.loc_searchResults h4 { float: left; }
.loc_searchResults p { float: left; padding-bottom: 0; clear: both; }
.loc_searchResults a { float: left; clear: left; }
.loc_searchResults .btn { margin-left: 1em; }
.loc_searchResults li ul { clear: left; }
.loc_searchResults li ul li { display: inline; padding: 0; float: none; width: auto; }
.loc_searchResults li ul li a { padding-right: .3em; margin-left: 0; float: none; }
.loc_searchResults input { float: left; margin-right: .5em; margin-top: .3em; }
.loc_resultInfo {padding-left:2px;}
.loc_searchResults li .loc_resultInfo h4 { width: 100%; }
.loc_searchResults li .loc_resultInfo p { width: 100%; }
.loc_searchResults li .loc_resultInfo a { width: 100%; }

/* color styles */
.loc_searchResults { border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
.loc_searchResults p {color: #284087; font-size:90%;}
.loc_searchResults li { background: #FFFFFF; border-bottom: 1px solid #284087; }
.loc_searchResults li.activeResult { background: #ffffff; }
.loc_searchResults li h4 { color: #284087; }
.loc_searchResults li ul li { background: none; }

/* type styles */
.loc_searchResults li { font-size: 90%; }
.loc_searchResults li a { font-size: 100%; }

#locator_col1{float:left; position:relative; top:1em; width: 27em; padding-bottom:0px;}
#locator_col2 {float: right; width: 450px;  margin-top:-122px;}
#locator_detailLinks{clear:both; padding-bottom:20px;}
.long { width: 15em; }
#salonLocatorContent { display: none; top:20px; padding-bottom:10px; position:relative; float:left; width: 400px;}
#directionsInput { padding-left: 25px; padding-bottom: 10px; float: left; }
.locatorContent{float:left; position:relative; top:1em; width: 27em;}
#pageHeader{ padding: 20px 0px 10px 0px;}
