/* 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 */
#salonLocatorContent {position:absolute; display: none; float:left; width:28%;}
.search p { padding-bottom: 2px; /*line-height: 1.5;*/ line-height: 1; }

.salonDetails, .salonDetailsLinks { padding: 1em 0 0 0; }
#locator_detailLinks{padding-left:1em; clear:both;}

/* 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: #e70033; }
.map { border: 1px solid #000000; background: #ffffff; }

.loc_selectedLocations .loc_searchResults { height: 180px; width: 22em; }
.loc_selectedLocations .loc_searchResults div { padding-left: 1.2em; }

#locator_col1{float:left; width: 14.5em; padding-left:15px; padding-top: 10px; }

#locator_col2 {float: left; width: 400px; padding-left:1em; padding-top: 10px;}

#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:380px; width:400px; float: right; position: relative; }

#directionsInput { padding-left: 25px; padding-bottom: 20px; float: left; }

.loc_searchinput { vertical-align: middle; }

/* layout styles */
#profileLocator .loc_searchResults { height: auto; max-height: inherit; }
.loc_searchResults { max-height: 350px; height: 350px; margin-bottom: .5em; overflow: auto; }
#noHeight { height: auto; }
.loc_searchResults li { padding: .5em 0 .8em 0; float: left; width: 94%; }
.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 li { background: #e9e4e5; border-bottom: 1px solid #ffffff; }
.loc_searchResults li.activeResult { background: #ffffff; }
.loc_searchResults li h4 { color: #e70033; }
.loc_searchResults li ul li { background: none; }

/* type styles */
.loc_searchResults li { font-size: 90%; }
.loc_searchResults li a { font-size: 100%; }


/*New Mods*/
#frmSearch{position:relative;}
#componentRightCol #searchForm{margin-top:10px;}
#searchForm{position:relative; top:0;}
#searchFind{font-weight:bold;position:relative; top:27px;}
#searchExample{position:relative; top:25px;}
#searchEntryField{position:relative; top:-28px;}

#searchRadiusField{position:absolute; left:155px; top:4px; }

#searchRadius{height:1.65em;}
#searchAddress{height:1.5em;}

#searchSubmitButton{position:absolute;left:240px; top:2px;}



#result_Header{position:relative;clear:both;visibility:hidden;height:0px;}
#frmResults{position:relative; margin-top:10px; font-size:90%;}
#frmResults ul{position:relative;margin:0; padding:0;overflow:auto; list-style:none outside none; border-top:1px solid #000000; border-bottom:1px solid #000000; max-height:350px;}
#frmResults #result_StandardSearch ul{position:relative; max-height:370px; height:370px; overflow:auto;}
#frmResults li{position:relative; cursor:pointer; padding:5px 0 10px; border-bottom:1px solid #FFFFFF; background-color:#E9E4E5;}
#frmResults li:hover, #frmResults li.isActive{background-color:#FFFFFF;}
.result_SalonName, .result_MallName{color:#E70033; font-weight:bold;}
#result_SalonSelect {position:relative;}
#result_SalonSelect .result_LocationContainer{position:relative; left:50px; top:4px; width:130px; padding-left:0;}
#result_StandardSearch .result_LocationContainer{position:relative; top:4px; left:35px;padding-left:0;}
#result_StateCitySearch .result_LocationContainer{position:relative; top:4px; left:35px;padding-left:0; width: 230px;}
.result_Submit{position: absolute; margin-top:5px;}

#result_StateCitySearch .result_MapMarker{position:absolute;top:5px; left:10px;}
.result_MapMarker{position:absolute;top:5px; left:3px;}
#result_StateCitySearch_All .result_MapMarker, #result_StateCitySelect .result_MapMarker {position:absolute; top:5px; left:5px;}
.result_LocationContainer{position:relative; padding-left:50px; width: 140px;}
.result_InputField{position:absolute; top:10px; left:33px; z-index:100; }
#result_StateCitySearch_Header .result_MapMarker{position:absolute; top:10px; left:15px;}
#result_StateCitySearch_Header .result_LocationContainer{position:relative; left:20px; top:12px;  width:240px;}
#result_StateCitySearch_All .result_LocationContainer{position:relative; left:35px; top:8px;  width:240px;}
#resultsBrowseWrapper .result_Submit{position: absolute; top: 392px; left:20px;}

#result_State_Header_Text{color:#FFFFFF; background-color:#004780; position:absolute; height:15px;left:20px;border:1px solid #CCCCCC; width:128px; padding:5px;display:block; font-weight:bold;text-shadow: 0.1em 0.1em #333}
#result_City_Header_Text{color:#FFFFFF; background-color:#004780; position:absolute; height:15px;left:160px;border:1px solid #CCCCCC; width:158px; padding:5px;display:block; font-weight:bold;text-shadow: 0.1em 0.1em #333}
#result_StateCitySearch_Header_Text{color:#FFFFFF; background-color:#004780; position:absolute;height:15px;left:330px;border:1px solid #CCCCCC; width:285px; padding:5px;display:block; font-weight:bold;text-shadow: 0.1em 0.1em #333}

/*State List*/
#result_StateList{position:relative; left:20px; top:25px; width:140px;}
#result_StateList_Header{position:relative;overflow: hidden; height:40px;display:none;}
#result_StateList_Header .isActive {margin-top: -40px; display:block;}
#result_StateList ul{position:relative;border:1px solid #CCCCCC;height:360px; max-height:360px; overflow:auto;}
#result_StateList li{border-bottom:1px solid #CCCCCC; padding:5px 0 5px 25px;}

/*City List*/
#result_CityList{position:absolute; left:160px; top:25px; width:170px;}
#result_CityList_Header{position:relative;overflow: hidden; height:40px;display:none;}
#result_CityList_Header .isActive {margin-top: -40px; display:block;}
#result_CityList ul{position:relative;border:1px solid #CCCCCC;height:360px; max-height:360px;overflow:auto;}
#result_CityList li{border-bottom:1px solid #CCCCCC; padding:5px 0 5px 25px;}

/*Salon List*/
#result_StateCitySearch, #result_StateCitySelect{position:absolute; left:331px; top:25px; width:295px;}
#result_StateCitySearch_All{position:relative; left:40px; width:465px;}
#result_StateCitySearch #result_StateCitySearch_Header, #result_StateCitySelect #result_StateCitySearch_Header{position:relative;overflow: hidden; height:40px;display:none;}
#result_StateCitySearch_All #result_StateCitySearch_Header{position:relative;}
#result_StateCitySearch_Header .isActive {margin-top: -40px; display:block;}
#result_StateCitySearch ul{position:relative; border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;height:360px; max-height:360px; overflow:auto;}
#result_StateCitySelect ul{position:relative; border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;height:360px; max-height:360px; overflow:auto;}
#result_StateCitySearch_All ul{position:relative; border:1px solid #CCCCCC;height:340px; overflow:auto;}
#result_StateCitySearch li, #result_StateCitySearch_All li, #result_StateCitySelect li {position:relative; border-bottom:1px solid #CCCCCC; padding:5px 0 20px 10px; overflow:auto; }
#result_StateCitySearch a, #result_StateCitySearch_All a, #result_StateCitySelect a{text-decoration:none; color:#9a9a9a; font-weight:bold;} 
#result_StateCitySelect .result_InputField{left:35px;}
#result_StateCitySelect .result_LocationContainer{top:4px; left:45px; width:220px; padding-left:0;}

/*Map Marker*/
.mapMarker_Container{font-size:11px; height:175px;}
.mapMarker_OpenSoon{}
.mapMarker_SalonName{color:#ffffff; padding-top:8px; padding-bottom:3px; font-weight:bold;}
.mapMarker_SalonName a {color:#FF0000;}
.mapMarker_MoreInfo{padding-bottom:3px;width:229px;}
.mapMarker_Address1{}
.mapMarker_Address2{}
.mapMarker_Phone{font-weight:bold; padding-bottom:3px;}
.mapMarker_PreferredLink{padding-top:5px;}
.mapMarker_ReminderLink{}
.mapMarker_JobAppLink{}
.mapMarker_ShowDirections{padding-top:5px;}
.mapMarker_GetDirections{display:none; position:relative;}
#salonDetailsMap .mapMarker_ShowDirections{display:none; padding-top:5px;}
.mapMarker_StartDirections{padding-top:5px;}
.mapMarker_StartDirectionsField{position:absolute; top:18px;}
.mapMarker_StartDirectionsField input{width:125px; height:16px;}
.mapMarker_StartDirectionsSubmit{position:absolute; top:14px; left:133px;}
.mapMarker_StartDirectionsSubmit input {padding:0;border:0;}