﻿
/* SEARCH FORM */
#searchFind{color: #F99C1C;font-family: Arial,Helvetica,sans-serif;font-size: 90%;font-weight: bold;}
#locator #searchFind{display:none;}
#searchExample{padding-bottom:3px;}
#searchEntryField{position:relative;float:left;height:1.5em;padding-right:5px;}
#searchRadiusField{position:relative;padding-right:5px;float:left;}
#searchRadius{height:1.5em;}
#searchSubmitButton{position:relative;float:left;}

#componentRightCol{position:absolute; left: 31em; top: 1em; width:28em; z-index:1;}
#componentRightCol #frmSearch {padding: 190px 0px 0px 0px;}
#locator #frmSearch {margin-top:-11px;}
#componentLocator  #frmSearch {padding: 0px 0px 0px 0px;}
#componentRightCol .loc_searchResults { height: auto;  float: left;}
#componentRightCol #result_UL  { height: auto;  float: left;}


#locatorLbl{padding-bottom:10px;font-size:14px; text-transform: uppercase; font-weight:bold;}



/* SEARCH RESULTS */

#result_UL .result_MapMarker {position:relative; float: left; padding-right: 10px; }
.result_SalonName {position:relative;float:left;color:#284087;font-family: Arial,Helvetica,sans-serif;font-size: 90%;font-weight: bold;padding: 5px 5px 0px 10px;}
.result_SalonName:after{content:":";}
.result_MallName {float:left;color:#284087;font-family: Arial,Helvetica,sans-serif;font-size: 90%;font-weight: bold;padding:5px 0px 0px 0px;}
.result_Distance {display:none;}
.result_Street {float:left;color:#284087;font-family: Arial,Helvetica,sans-serif;font-size: 90%;padding: 0px 15px 0px 20px;}
.result_Location {clear:both;color:#284087;font-family: Arial,Helvetica,sans-serif;font-size: 90%;padding: 0px 15px 0px 20px;}
.result_Phone {clear:both;color:#284087;font-family: Arial,Helvetica,sans-serif;font-size: 90%;padding: 0px 15px 0px 20px;}
.result_MoreInfo {font-size: 90%;padding: 0px 15px 0px 20px;}
.result_Remove {padding: 0px 15px 0px 20px;}
.result_InputField{float: left; margin-top:5px;}
.result_Submit {padding-top:5px;}
#result_SalonSelect .result_Street {padding-left:25px;}
#result_SalonSelect .result_Location  {padding-left:59px;}
#result_SalonSelect .result_Phone {padding-left:59px;}
#result_SalonSelect .result_MoreInfo {padding-left:59px;}

#result_StandardSearch .result_Street {padding-left:25px;}
#result_StandardSearch .result_Location {padding-left:59px;}
#result_StandardSearch .result_Phone {padding-left:59px;}
#result_StandardSearch .result_MoreInfo {padding-left:59px;}

#result_StateCitySearch .result_SalonName{padding-left:35px;}
#result_StateCitySearch .result_Street {padding-left:35px;}
#result_StateCitySearch .result_Location {padding-left:35px;} 
#result_StateCitySearch .result_Phone {padding-left:35px;}
#result_StateCitySearch .result_MoreInfo {padding-left:35px;}


#frmResults{position:relative; font-size:90%;  height:auto}
#frmResults ul{position:relative;margin:0; padding:0;overflow:auto; list-style:none outside none; border:1px solid #cccccc; max-height:280px; padding:0;}
#frmResults #result_StandardSearch ul{position:relative; max-height:281px; height:281px; overflow:auto;border:1px solid #cccccc; padding:0;}
#frmResults li{position:relative; background-color:white; color: #284087; cursor:pointer; padding:5px 0 10px; border-bottom:1px solid #cccccc;}
#frmResults li:hover, #frmResults li.isActive{background-color:#E5E5FF;}





#componentLocator #frmResults {clear:both;position:relative;float:left;}
#componentLocator  #result_UL{position:relative;float:left;max-height: 250px; height: 250px;}

.result_LocationContainer{}


/* GOOGLE MAP */
#map_canvas {height:450px; width:450px; float: right; position: relative; }

/* LOCATOR PAGE */
#locator_col1{clear:both;float:left; position:relative; top:1em; width: 27em; padding-bottom:0px;}
#locator_col2 {float: right; width: 450px;  margin-top:-124px;}
#pageHeader{ padding: 20px 0px 10px 0px;}

/*Map Marker*/
#map_canvas {color:white;}
.mapMarker_Container{font-size:11px; height:170px;background-color:#284087}
.mapMarker_OpenSoon{}
.mapMarker_SalonName{color:#284087; padding: 10px 10px 0px 10px; padding-bottom:3px; font-weight:bold;}
.mapMarker_SalonName a {}
.mapMarker_MoreInfo{padding: 0px 10px 5px 10px;}
.mapMarker_Address1{padding: 0px 10px 0px 10px;}
.mapMarker_Address2{padding: 0px 10px 0px 10px;}
.mapMarker_Phone{font-weight:bold; padding: 0px 10px 5px 10px;}
.mapMarker_PreferredLink{padding: 0px 10px 0px 10px;}
.mapMarker_ReminderLink{}
.mapMarker_JobAppLink{}
.mapMarker_ShowDirections{padding: 0px 10px 10px 10px;}
.mapMarker_GetDirections{display:none; position:relative;padding: 0px 10px 0px 10px;}
.mapMarker_StartDirections{padding: 10px 0px 0px 0px;}
.mapMarker_StartDirectionsField{position:absolute; top:25px;}
.mapMarker_StartDirectionsField input{width:125px; height:16px;}
.mapMarker_StartDirectionsSubmit{position:absolute; top:23px; left:140px;}
.mapMarker_StartDirectionsSubmit input {padding:0;}

/* SALON DETAIL */
#detailA_Salon {color: #FFFFFF; font-weight:bold;}
#detailB, #detailD, #detailF {color: #F99C1C;font-family: Arial,Helvetica,sans-serif;font-size: 90%;font-weight: bold;}

/* LOCATOR BROWSE */
#result_State_Header_Text{background-color: #284087;border: 1px solid #CCCCCC;color: #FFFFFF;display: block;font-weight: bold;height: 15px;top:14px;left: 70px;
    padding: 5px;position: absolute;width: 199px;}
#result_StateList_Header img{display:none;}
#result_City_Header_Text{background-color: #284087;border: 1px solid #CCCCCC;color: #FFFFFF;display: block;font-weight: bold;height: 15px;top:14px;left: 280px;
    padding: 5px;position: absolute;width: 199px;}
#result_CityList_Header img{display:none;}
#result_StateCitySearch_Header_Text{ background-color: #284087;border: 1px solid #CCCCCC;color: #FFFFFF;display: block;font-weight: bold;height: 15px;top:14px;
    left: 490px;padding: 5px;position: absolute;width: 388px;}
#result_StateCitySearch_Header img{display:none;}

#result_StateCitySearch .result_MapMarker{position:absolute;top:5px; left:10px;}
#result_StateCitySearch_All .result_MapMarker, #result_StateCitySelect .result_MapMarker {position:absolute; top:5px; left:10px;}
#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: 385px; left:630px;}
#resultsBrowseWrapper{position:relative; min-height:440px;background-color:white;}

/*State List*/
#result_StateList{position:absolute; left:70px; 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:280px; 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:490px; width:400px;}
#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-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;height:380px; max-height:380px; overflow:auto;}
#result_StateCitySelect ul{position:relative;border-top:1px solid #CCCCCC;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_StateCitySelect .result_InputField{left:35px;}
#result_StateCitySelect .result_LocationContainer{top:4px; left:45px; width:220px; padding-left:0;}


