﻿/* from type.css */
.search h3, #content .searchHead, .searchHead { font-size: 115%; font-weight: bold; font-style: oblique; text-transform: none; }
.search{width:290px; position:absolute; top:35px; right:0;}
.salonDetails 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; }
.locatorContent{float:left; position:relative; top:1em; width: 20em;}
.search p { padding-bottom: 2px; line-height: 1; }
.locatorContribCopy { left: 1em; }
.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; font-size:100%;}
#sideCol .search .searchResult { width: auto; padding-right: 0; }
.secContent .search { padding-bottom: .3em; }
.map { border: 1px solid #000000; background: #ffffff; }
.loc_selectedLocations .loc_searchResults { height: 100%; width: 25em; }
.loc_selectedLocations .loc_searchResults div { padding-left: 1.2em; }
/* layout styles */
#profileLocator .loc_searchResults { height: auto; max-height: inherit; }
#cuWrapper #componentLocator .loc_searchResults { height: auto; max-height: inherit; }
#noHeight { height: auto; }
.loc_searchInput:hover{	border:1px solid #333333;background:#FFFFFF;}
.loc_searchInput:focus{	border:1px solid #333333;background:#FFFFFF;}
.loc_searchButton{border:1px solid #d2d2d2;vertical-align:middle;}
.loc_searchButton:Hover{border:1px solid #666666;}

#componentLocator{margin-top:15px;}
#loc_example p{font-size: 10px;color:#000000; margin-bottom:3px;}
#loc_findText{font-size: 12px;color:#000000;font-weight:bold;text-transform:uppercase;text-align:left;}
.loc_searchInput{width:200px;border:solid 1px #d2d2d2;background:#ffffff;padding:2px;font-size:90%;font-weight:bold;vertical-align:middle;}
#loc_fields{height:25px;}
#loc_fields p{margin:0px;padding:0px;vertical-align:middle;}
#loc_fields p #txtSearch,#loc_fields p #selRadius,#loc_fields p #btnSearch{clear:none;vertical-align:middle;}
#txtSearch{border:solid 1px #999999;font-size:100%;vertical-align:middle;width:120px;}
#selRadius{border:solid 1px #999999;font-size:95%;vertical-align:middle;width:75px;}
#txtSearch:hover,#selRadius:hover{border:solid 1px #333333;	background:#FFFFFF;}
#txtSearch:focus,#selRadius:focus{border:solid 1px #333333;background:#FFFFFF;}
#btnSearch{vertical-align:middle;width:60px;height:20px;}
.loc_searchInput:hover{border:solid 1px #333333;background:#FFFFFF;}
.loc_searchInput:focus{border:solid 1px #333333;background:#FFFFFF;}
.loc_searchButton{border:solid 1px #d2d2d2;vertical-align:middle;}
.loc_searchButton:Hover{border:solid 1px #666666;}
#locator_form{position:absolute;width:400px;left:25px;top:40px;z-index:7;}
#locator_details{position:relative;width:100%;left:25px;top:40px;z-index:5;}
#locator_mapResults{position:relative;width:auto;height:auto !important;height: 450px;left:25px;}
#locator_details #locator_mapResults{position:relative;	width:auto;	height:auto !important;top:-140px;left:0px;padding-bottom:10px;}
#locator_titleImage{}
#locator_headerContent{margin:10px 0px;font-size:115%;color:#000000;line-height:125%;}
#locator_searchHelp{font-size:100%;color:#000000;line-height:100%;padding-top:10px;}
#locator_searchHelp li{line-height:125%;}
#map_canvas {position:relative;float:right;height:375px;width:375px;border:solid 1px #000000;}
#salonLocatorContent {display: none;float:left;padding-top:20px;position:relative; width:345px;}
#locator_col1 {float:left;  margin-right:25px; width:335px; position:relative;}
#locator_col1 .loc_searchResults{max-height: 355px; height: 355px;}
#locator_col2 {float: right; width: 375px; position:relative; margin-top:15px;}
#directionsInput{z-index:11;margin-bottom:15px;float:left;}
#directionsInput h3{margin-bottom:5px;}
#addrFrom{width:225px;padding:1px;vertical-align:middle;}
#btnGetDirections{vertical-align:middle;}
.loc_searchResults{list-style: none;margin:0px;padding:0px; max-height: 250px; height: 250px; overflow: auto;border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
.loc_searchResults li{float: left; width: 100%; font-size: 90%;padding:5px 0 5px 0;border-bottom:solid 1px #cccccc;border-top:solid 1px #ffffff;margin:0;background: #e9e4e5; }
.loc_searchResults li a { font-size: 100%; }
.loc_searchResults a{float:left;clear: left; vertical-align:middle;padding-right:5px;}
.loc_searchResults input{float:left;margin-top:13px;margin-right:3px;}
.loc_searchResults img{padding-top:5px;padding-left:5px;}
.loc_searchResults .marker { float: left; }
.loc_searchResults div { float: left; width: 75%; }
.loc_selectedLocations .loc_searchResults div {float: left; width: 90%;}
.loc_searchResults h4 { float: left; color: #E21D38;width:100%; font-size:100%;}
.loc_searchResults p { float: left; padding-bottom: 0; clear: both; width:100%;}
.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.activeResult { background: #ffffff; }
.loc_searchResults li .loc_resultInfo a {width: 100%;}
.searchResult{border-bottom:solid 1px #cccccc;}
.searchResult {margin-bottom:10px;}
.salonDetail{}
.salonDetail img{float:left;}
.searchResult h4{color:#E21D38;margin:0;padding:8px 0 0 30px;font-size:100%;}
.loc_resultInfo p{clear:left;margin:0;padding: 0;}
#selLocations .loc_resultInfo p{text-indent:0px;}
.searchResult p{clear:left;margin:0;padding:0;padding-left:30px;}
.salonDetail{height:auto !important;}
.searchResult {padding-bottom:10px;}
.salonDetails {padding-bottom:10px;}
.salonDetails h3,p{margin:0;padding:0;}
#locator_detailLinks{position:relative;padding-bottom:10px;clear:left;}
.salonDetailsLinks{margin-bottom:10px;}
#slResults {position:relative;}
#componentLeftCol{float:left;height:auto !important;position:relative;margin-top:10px;top:0px;clear:none;}
#componentRightCol{float:left;height:auto !important;position:relative;left: 475px;margin-top:20px;width:290px;margin-bottom:20px; z-index:10;}
#componentRightCol #loc_findText{text-align:left;}
#componentRightCol #loc_fields p #txtSearch, #componentRightCol #loc_fields p #selRadius,#componentRightCol #loc_fields p #btnSearch {clear:none;vertical-align:middle;margin-right:5px;}
#selLocations{clear:left;}
#selLocations .loc_resultInfo{margin-bottom:15px;}
#selLocations p{margin:0;padding:0;}
#cuServiceDate label{margin-top:15px;}
#locBrowse{position:relative; left:15px; height:430px;}

/*New Mods*/
#frmSearch{position:relative;}
#componentRightCol #searchForm{margin-top:15px;}
#searchForm{position:relative; top:0; line-height:1;}
#searchFind{font-size:125%; font-weight:bold; text-transform:none; font-style:oblique;}
#searchExample{font-size:10px; color:#000000; margin-bottom:3px;}
#searchEntryField{position:absolute; top:29px;}
#searchRadiusField{position:absolute; left:127px; top:29px; }
#searchRadius{border:1px solid #999999; width:75px; }
#searchAddress{width:120px; border:1px solid #999999;}
#searchSubmitButton{position:absolute; left:205px; top:28px; }

#result_Header{position:relative;clear:both;}
#frmResults{position:relative; margin-top:15px; font-size:90%;}
#componentRightCol #frmResults{margin-top:30px;}
.jobApp #frmResults ul{max-height:250px}
#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:335px}
#frmResults #result_StandardSearch ul{position:relative; max-height:375px; height:375px; 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:#e4e4e4;}
.result_SalonName{color:#E70033; font-weight:bold;}
#result_SalonSelect {position:relative;}
#result_SalonSelect .result_LocationContainer{position:relative; left:50px; top:4px; width:210px; padding-left:0;font-size:80%;}
#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;}
#locBrowse .result_Submit{position: absolute; top:380px; right:100px;}
.result_Submit{position: relative; margin-top:20px; }

#result_StateCitySearch .result_MapMarker{position:absolute;top:5px; left:10px;}
.result_MapMarker{position:absolute;top:7px; left:6px;}
#result_StateCitySearch_All .result_MapMarker, #result_StateCitySelect .result_MapMarker {position:absolute; top:5px; left:10px;}
.result_LocationContainer{position:relative; padding-left:20px; width: 230px;}
.result_InputField{position:absolute; top:10px; left:30px; }
#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: 395px; left:645px;}

/*State List*/
#result_StateList{position:absolute; left:20px; width:210px;}
#result_StateList_Header{position:relative;overflow: hidden; height:40px;}
#result_StateList_Header .isActive {margin-top: -40px; display:block;}
#result_StateList ul{position:relative;border:1px solid #CCCCCC;height:380px; max-height:380px;overflow:auto;}
#result_StateList li{border-bottom:1px solid #CCCCCC; padding:5px 0 5px 25px;}

/*City List*/
#result_CityList{position:absolute; left:230px; width:210px;}
#result_CityList_Header{position:relative;overflow: hidden; height:40px;}
#result_CityList_Header .isActive {margin-top: -40px; display:block;}
#result_CityList ul{position:relative;border:1px solid #CCCCCC;height:380px; max-height:380px;overflow:auto;}
#result_CityList li{border-bottom:1px solid #CCCCCC; padding:5px 0 5px 25px;}

/*Salon List*/
#result_StateCitySearch, #result_StateCitySelect{position:absolute; left:440px; 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;}
#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:380px; max-height:380px; overflow:auto;}
#result_StateCitySelect ul{position:relative; border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;height:350px; max-height:350px; 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:10px; height:190px; width:100%;}
.mapMarker_OpenSoon{}
.mapMarker_SalonName{color:#ffffff; padding-top:8px; padding-bottom:3px; font-weight:bold;}
.mapMarker_SalonName a {color:#E70033;}
.mapMarker_MoreInfo{padding-bottom:3px;}
.mapMarker_Address1{}
.mapMarker_Address2{}
.mapMarker_Phone{font-weight:bold; padding-bottom:3px;}
.mapMarker_PreferredLink{}
.mapMarker_ReminderLink{}
.mapMarker_JobAppLink{}
.mapMarker_ShowDirections{padding-top:5px;}
.mapMarker_GetDirections{display:none; position:relative;}
.mapMarker_StartDirections{padding-top:5px;}
.mapMarker_StartDirectionsField{position:absolute; top:18px;}
.mapMarker_StartDirectionsField input{width:125px; height:16px;}
.mapMarker_StartDirectionsSubmit{position:absolute; top:18px; left:133px;}
.mapMarker_StartDirectionsSubmit input {padding:0; border:0;}
