body, html, div, span, ul, li, p, a, table { margin: 0; padding: 0; }

#wrapper { width: 956px; margin: 20px auto; font-family: Arial, sans-serif; }
#agentSearch {}
#head {}
#head div.AllstateLogo img { border: none; }
#footer {}
#footer img { border: none; }
div#ErrorContent { height: 400px; font-family: helvetica, sans-serif; color: #666666; font-size: 14px; }
div#ErrorContent span#lblPleaseCall { font-size: 18px; display: block; padding: 20px 30px; }
div#ErrorContent span.button { background-color: #3583C5; padding: 5px 50px; color: #fff; font-weight: bold;
     font-size: 14px; border-radius: 3px; cursor: pointer; }

span.closebtn2 { background-color: #3583C5; color: #fff; font-size: 12px; padding: 0px 3px 1px 3px; cursor: pointer;
    display: block; position: absolute; top: 10px; right: 10px; font-weight: bold; border-radius: 3px; font-family: Cursive; }

div.waiting { display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; }
div.waiting div.background { background-color: #000; opacity: 0.3; filter: alpha(opacity = 30); width: 100%; height: 100%; }
div.waiting div.box { color: #056794; border: 4px solid #3483C5; width: 550px; height: 200px; border-radius: 15px; background-color: #fff; position: absolute; top: 250px; left: 360px; }
div.waiting div.box img { display: block; width: 280px; margin: 0 auto; margin-top: 70px; }
div.waiting div.box span { display: block; width: 460px; font-size: 40px; font-family: Arial, sans-serif; margin: 0 auto; margin-top: 30px; }
div.waiting div.box span.closebtn2 { font-family: Cursive; font-size: 16px; top: -15px; right: 15px; position: absolute; width: 12px; }

div.DrivingDirections div.calculatingDirections { display: none; margin: 0 auto; padding-top: 50px; width: 300px;
                            font-size: 14px; font-family: Arial, sans-serif; }
div.calculatingDirections img.ajaxLoad { display: block; margin: 0 auto; width: 30px; }
div.calculatingDirections span { display: block; width: 150px; margin: 0 auto; padding-top: 10px; }

div.termAgentsPopup { display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; }
div.termAgentsPopup div.background { background-color:#CCCCFF; opacity: 0.5; filter: alpha(opacity = 40); width: 100%; height: 100%; }
div.termAgentsPopup div.msgbox { background-image: url("../images/bkgd.gif"); background-repeat:repeat-x; border:14px solid #EE8722; width: 800px; height: 380px; position: absolute; top: 200px; left: 225px; }
div.termAgentsPopup div.msgbox span { text-align: center; display: block; width: 740px; font-size: 22px; font-family: Arial, sans-serif; color: white; margin: 0 auto; margin-top: 20px; }
div.termAgentsPopup div.msgbox a {  color: white; }
div.termAgentsPopup div.okbtn span { text-align: center; display: block; width: 60px; margin: 0 auto; margin-top: 20px; }

div.emailMe { display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; }
div.emailMe div.background { background-color: #000; opacity: 0.3; filter: alpha(opacity = 30); width: 100%; height: 100%; }
div.emailMe div.msgbox { display: none; color: #666; border: 1px solid #3483C5; border-radius: 5px; width: 760px; height: 620px; background-color: #fff; position: absolute; top: 20px; left: 270px; }
div.emailMe div.msgbox img { display: block; width: 40px; margin: 200px 360px; position: absolute; z-index: 50; }
div.emailMe div.msgbox iframe { display: block; width: 760px; margin: 0 auto; font-size: 40px; font-family: Arial, sans-serif; }
div.emailMe span.closebtn2 { font-family: Cursive; font-size: 16px; top: 5px; right: 5px; position: absolute; width: 12px; }


.clear { clear: both; }
div.disclaimer { font-family:Arial, sans-serif; font-size:10px; color:#000000; margin-top: 15px; background-color: #E6E6E6; padding: 10px; }

div.searchWrap {  }
div.searchHead { color: #fff; background-color: #1A5D8A; height: 30px; font-family: helvetica, sans-serif; font-size: 22px; position: relative;
	padding: 10px 0 10px 20px;}
a.langToggle { position: absolute; top: 15px; right: 40px; font-family: helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: bold; text-decoration:none; }
div.showMode1 div.searchDivs div.businessName {font-size: 12px;position: absolute;margin:127px 10px;float:left; left:20px;width: 618px;}
div.showMode2 div.businessName {font-size: 12px;margin: 54px 20px; position: absolute;bottom:0;width: 618px;}
h1{ font-size:26px; margin-bottom:3px; margin-top:0px; color: #0C5EB4; }
h1.head2 { display: none; }
span.button { cursor: pointer; border-radius: 3px; }
span.active { border: 1px dotted #d2d2d2; }
span.hideSearch { position: absolute; right: 20px; top: 15px; font-size: 12px; font-weight: bold; width: 100px; cursor: pointer; display: none;  }

div.showMode1, div.showMode2 { position: relative; }
div.showMode1 { border: 1px solid #6E6D6E; border-top: none; height: 195px; background: url("../images/bkSlice.png") repeat-x top left #fff; }
div.extraCIC {height: 242px;}

div.showMode1 > ul { list-style: none; float: left; margin: 20px 30px; }
div.showMode1 > ul li  { border-right: 1px solid #056794; }
div.showMode1 > ul li:hover { cursor: pointer; }
div.showMode1 > ul li.selected { border: 1px solid #056794; border-right: none; background: url("../images/bkSliceInverted.png") 0 0px ; }
div.showMode1 > ul li span { padding: 18px 40px; display: block; color: #666666; font-weight: bold; font-size: 13px; }
div.showMode1 > ul li.selected span { color: #056794; }
div.showMode1 > ul li span.active { border: 0px dotted #d2d2d2; }

div.searchCity, div.searchName,div.searchAgentID { display: none; }

div.showMode1 div.ResultsMapArea { display: none; }

div.showMode1 a.showMode2langToggle { display: none; }
div.showMode1 div.searchDivs { float: left; position: relative; border: 1px solid #056794; border-left: none; margin-top: 20px; width: 660px; height: 156px;
 margin-left: -30px; background: url("../images/bkSliceInverted.png") repeat-x top left #fff; }
div.extraCIC div.searchDivs {height:208px;}
div.showMode1 div.searchDivs img.closebtn { display: none; }
div.showMode1 div.searchDivs span.closebtn2 { display: none; }
div.showMode1 div.searchDivs > div { position: absolute; margin: 14px 10px; width: 600px; padding-left: 20px; }



div.showMode1 div.searchDivs  span.label { color: #056794; width: 225px; display: block; float: left; font-weight: bold;
 font-size: 13px; margin-bottom: 10px; }
div.showMode1 div.searchDivs input, div.showMode1 div.searchDivs select { clear: left; width: 193px; margin-right: 20px; border: 1px solid #3583C5;
    padding: 2px 5px; padding-right: 1px; border-radius: 3px; }
div.showMode1 div.searchDivs span.button { background-color: #3583C5; padding: 5px 25px; color: #fff; font-weight: bold; font-size: 14px;}
div.showMode1 div.searchDivs div.products { position: static; margin-top: 92px; width: 300px; font-size: 12px; float: left; }
div.showMode1 div.searchDivs div.language { position: static; margin-top: 92px; width: 200px; font-size: 12px; float: left; }
div.showMode1 div.searchDivs div.results { display: none; }

div.showMode1 div.products input,div.showMode1 div.language input{width:10px;margin-right: 5px;border:none;}
div.showMode1 div.products label { padding-right: 5px; }


div.showMode2 { border: 1px solid #6E6D6E; height: 745px; position: relative; }
div.showMode2 > ul { margin-top: 20px; margin-left: 10px; width: 740px; }
div.showMode2 > ul li { display: inline; }
div.showMode2 > ul li span{ padding: 5px 20px; color: #666666; font-size: 13px; font-weight: bold; }

div.showMode2 a.showMode2langToggle { color: #666666; font-size: 14px; }

div.showMode2 div.overlayWindow { height: 195px; overflow: hidden; margin: 0 10px; margin-top: 5px; border-top: 1px solid #3483C5; }

div.showMode2 div.searchDivs { border: 1px solid #3483C5; border-top: none; background-color: #F0F9FD; height: 165px; position: relative; 
 padding: 10px 15px; margin-top: -130px; z-index:30; opacity: 0.9; filter: alpha(opacity = 90);}
div.showMode2 div.searchDivs img.closebtn { top: 30px; right: 30px; position: absolute; cursor: pointer; }
div.showMode2 div.searchDivs  > div { position: absolute;  }
div.showMode2 div.searchDivs  span.label { color: #056794; width: 230px; padding-left: 10px; display: block; float: left; font-weight: bold;
 font-size: 13px; margin-bottom: 10px; }
div.showMode2 div.searchDivs  input, div.showMode2 div.searchDivs select { clear: left; width: 193px; margin-right: 20px; border: 1px solid #3583C5;
            padding: 2px 5px; padding-right: 1px; border-radius: 3px; }
div.showMode2 div.searchDivs  span.button { background-color: #3583C5; padding: 5px 50px; color: #fff; font-weight: bold; font-size: 14px;}

div.showMode2 div.searchDivs div.products { position: static; font-size: 12px; margin-top: 70px; float: left; width: 400px; }
div.showMode2 div.searchDivs div.language { position: static; font-size: 12px; margin-top: 70px; float: left; width: 200px; }
div.showMode2 div.searchDivs div.results { position: static; font-weight: bold; font-size: 12px; margin-top: 115px; }
div.showMode2 div.searchDivs div.results span.DisplayMessage { margin-left: 400px; }
div.showMode2 div.searchDivs div.results span.DisplayMoreThanFiftyMessage { color:Red ; }
div.showMode2 div.products input,div.showMode2 div.language input{width:10px;margin-right: 5px;border:none;}

div.showMode2 > ul li:hover { cursor: pointer; }
div.showMode2 > ul li span { padding: 9px 20px; border-radius: 5px 5px 0 0; }
div.showMode2 > ul li.selected span { background: url("../images/searchArrow.png") no-repeat center bottom #3483C5; color: #fff; }
div.showMode2 > ul li:hover span { background-color: #3483C5; color: #fff; }

div.showMode2 ul.anAgentInList { position: relative; visibility: visible; background:#FFFFFF; border: none; } /*#F0F9FD;} */
div.showMode2 ul.anAgentInList li { margin: 7px 1px 7px 1px; border-bottom: 1px solid #BCDAE2; height:auto; padding:7px 7px 17px 7px; list-style-type:none; }
div.showMode2 img.infoImage {width:69px; float:left; margin-right: 10px;}

div.showMode2 ul.anAgentInList li div.waitingUpdate { height: 90px; }
div.showMode2 ul.anAgentInList li div.waitingUpdate img { display: block; margin: 0 auto; margin-top: 50px; }

div.showMode2 div.ResultsMapArea {margin-top:-130px; border:0px solid gray; padding:10px; clear:right;font-size: 12px;	color: #666666;
	font-family:Arial, helvetica, sans-serif; }
div.ResultsMapArea a{color:#1768AB;	text-decoration:none; font-weight:bold;	}
#resultsList {text-align: left;overflow: scroll; overflow-x: hidden; width:448px; height:600px; float:left; clear:left;
    position: relative; border: 1px solid #BCDAE2; border-right: none; }
div#mapDiv { width:480px; height:600px; z-index:20; float:right; border: 1px solid #3483C5; }
div#mapDiv .NavBar_compassControlContainer, div#mapDiv .NavBar_zoomControlContainer, div#mapDiv .NavBar_modeSelectorControlContainer
 { background-color: #F0F9FD; border: 1px solid #3483C5; border-top: none; border-left: none; }
div#mapDiv .NavBar_zoomControlContainer .NavBar_zoomDrop { background-color: #F0F9FD; border: 1px solid #3483C5; border-top: none; }

div.showMode2 span.howPopup div { display: none; position: absolute; z-index: 200; border: 1px solid #3483C5; background-color: #fff;
    color: #666666; padding: 10px 20px; font-weight: normal; border-radius: 4px; top: 20px; right: 10px; width: 340px; text-align: justify; }
div.showMode2 span.howPopup { color: #3483C5; padding-left: 10px; text-decoration: underline; cursor: pointer; position: relative; }
div.showMode2 span.howPopup div span {  display: block; padding-bottom: 3px; }
div.showMode2 span.howPopup:hover div { display: block; }


div.mapControls { width: 900px; margin-left: 55px; color: #666666; font-size: 12px; font-weight: bold; font-family: helvetica, sans-serif; }

div.mapControls span.interactiveText, div.mapControls span.moreAgents { float: left; margin-top: -6px; }

div.mapControls span.moreAgents { width: 190px; }
div.mapControls input { float: left; margin-top: -4px; margin-left: 10px; }
div.mapControls ul.pagestyle  { height: 19px; margin: -6px 30px 7px 10px; padding: 0; width: 147px; float: left; }
ul.pagestyle li { background-color: #FFFFFF; border: 1px solid #BCDAE2; color: #3483C5; cursor: pointer; display: inline; font-size: 13px;
    font-weight: bold; list-style: none outside none; margin: 2px; padding: 3px 5px; }
ul.pagestyle li.active { background:#F0F9FD; color: #1768AB; border: 1px solid #3483C5; }
ul.pagestyle li:hover {	background:#3483C5;	color: #FFFFFF;	}


.agent-info span{display:block;	}
.agent-listing{	border-top:1px solid #BCDAE2;border-left:1px solid #BCDAE2;width:437px;padding-bottom:10px;}
#listing-container .active{	background: #FFFFFF; } 
.search-result-single-hover{ background: #F0F9FD; } 
.agent-listing:hover{	background:#F0F9FD;	}
.AgentIDDisplay { color: #1768AB; font-weight: bold; padding-left: 0px;}
.listing-photo img{	border:1px solid #3483C5; margin-left:1px; max-width:75px; max-height:75px;}
.list-highlighted{color:#3483C5;font-size:14px;font-weight:bold;float:left;display:normal;line-height:13px;margin-right:3px;}
.list-infolist{color:#3483C5;font-size:14px;font-weight:bold;float:left;display:normal;line-height:13px;margin-right:3px; padding-top:13px; padding-left:28px;}
.list-designation{float:left;	display:normal;	line-height:15px;}
.list-normal{float:left;display:normal;line-height:15px;}
.list-bold{float:left;color: #1768AB;font-weight: bold;text-decoration: none; margin-left:3px;}
.list-products{width:212px;}
.list-esp{color:#3483C5;font-style: italic;}
.list-cicinfomessage{color:#f20440;font-style: italic;width: 270px;}
.listing-links img{	display:inline;}
.list-badges{ margin-bottom:10px; }
.list-badges img { height:38px; display: block; float: right; margin-top: -3px; }
.list-badges img.EAimg {
    margin-bottom: 5px;
}
.list-emailme, .InfEmailme{	background:url(../images/email.png) no-repeat right; color: #1768AB; font-weight: bold; padding-right:20px; cursor: pointer;	}
.list-directions { background: url("../images/directions.png") no-repeat scroll right center transparent; padding-right: 20px; color: #1768AB; font-weight: bold; cursor:pointer; }
span.InfDirections { background: url("../images/directions.png") no-repeat scroll right center transparent;	padding-right: 20px; color: #1768AB; font-weight: bold; cursor:pointer; }
div.showMode2 #GetDirections {width:388px; height:560px; margin-left: -454px; position: absolute; background-color: #fff; z-index: 20;
    padding: 20px; border-right: 1px solid #BCDAE2; }
div.showMode2 div.DrivingDirections span.lblDD { color: #056794;float: left;font-size: 13px;font-weight: bold;width:50px;margin-left:20px;}
div.showMode2 div.DrivingDirections input{width:285px;margin-bottom: 10px; } 
div.showMode2 span.btnGetDirections{ background-color: #3583C5; padding: 5px 50px; color: #fff; font-weight: bold; font-size: 14px;margin-left:157px;}
div.directionsSearch { padding-top: 20px; clear:left;}
div.directionsSearch input { padding: 2px 5px; padding-right: 1px; border-radius: 3px; border: 1px solid #3583C5; }
div.directionsSearch span.button { background-color: #3583C5; padding: 5px 50px; color: #fff; font-weight: bold; font-size: 14px; margin-left: 110px;}
div#GetDirections div.listing-info { padding-left: 8px; }
div#directionsItinerary { position: relative; padding-top: 10px; }
div#directionsItinerary span.directionError { position: absolute; top: 20px; left: 20px; padding: 20px; font-size: 14px; color: Red; }



.highlightError {    background: none repeat scroll 0 0 #F6CECE;  border: 1px solid #FB3450 !important;}
div.showMode1 div.searchDivs  div.ErrorMessage {float: left;font-size: 12px; margin: 65px 10px;
    position: absolute;width: 618px;color:red;font-weight:bold;}
div.showMode2 div.searchDivs  div.ErrorMessage {float: left;font-size: 12px; margin: 53px 0px;
    position: absolute;width: 906px;color:red;font-weight:bold;} 
    
.error { border: 1px solid red !important; background-color: #F6CECE; }

.infoBoxPopUp {	width:430px; border:1px solid #444444; margin-bottom:5px; padding-bottom:40px; color: #666666; font-family: Arial,helvetica, sans-serif; font-size: 12px; background:#ffffff; z-index: 999; }
div.agent-info { padding: 5px 0 0 3px; }
.listing-photo { float: left; width: 75px; }
.listing-info {	float: left; line-height: 17px; width: 176px; padding-left: 5px; }
.listing-links {float: left; margin-left: 5px; text-align: right; width: 149px; }
#map-agent span { display: block; }
.list-name { color: #3483C5; float: left; font-size: 14px; font-weight: bold; line-height: 13px; margin-right: 3px;	}
.listing-links a { color: #3483C5; font-weight: bold; text-decoration: none; }
.list-website {	background: url("../images/web.png") no-repeat right center transparent; padding-right: 20px; clear: both; cursor:pointer;}
.list-call { background: url("../images/call.png") no-repeat right center transparent; padding-right: 20px; }
#map-toptabs { border-bottom: 1px solid blue; margin: 14px auto 0; width: 410px; }
#map-agent { width:410px; margin:auto; padding-top:10px; }
#map-toptabs ul { height: 19px;	margin: 0; padding: 0; }
#map-toptabs ul li { display: inline; font-size: 13px; font-weight: bold; list-style: none outside none; margin: 0;	padding: 0;	}
#map-toptabs span {	color: #444444;	padding: 4px 10px 4px; text-decoration: none; }	
#map-toptabs span.closebtn2 { background-color: #3583C5; color: #fff; font-size: 12px; padding: 0px 3px 1px 3px; cursor: pointer;
    display: block; position: absolute; top: 10px; right: 10px; font-weight: bold; border-radius: 3px; font-family: Cursive; }		
#map-toptabs span:hover{cursor:pointer;}
#map-info { height:110px; }
#map-info a { color: #1768AB; font-weight: bold; text-decoration: none;	}
#bubble h4 { color: #1768AB; margin-top:0px; margin-bottom:4px;	}
#hour-holder { width:400px;	}
#left {	width:200px; float:left; }
#right { width:200px; float:right; }
#map-hours { height:100px; }
#days {	width:70px;	float:left;	}
#hours { width:122px; float:right; }
.closed { color:#1768AB; }
.Infobox { z-index:150; }
.closebtn { width:40px; float:right; margin-top:-25px; }
.closebutton img{float:right; margin-top:-25px; margin-right: 15px;}
#agentlist-info { height:110px; }
#map-toptabs ul li.selected span { background:#3483C5; color: #FFFFFF; }
#map-toptabs ul li:hover span {	background:#3483C5;	color: #FFFFFF;	}	
.map-info {	height:110px; }
.map-info a { color: #1768AB; font-weight: bold; text-decoration: none;	}
#map-agent ul.lilist li { margin-left: 50px; padding: 5px 5px 5px 4px; list-style-type:square; }
.SimplyCall {padding-top:10px;}
.agentDisplayCIC{display:block;}
div.agentDisplayLeftPanel > div.infoBoxPopUp {border:none; padding-bottom: 10px;}
.GetDirectionsCICSearch{margin-left:auto !important; border-right:inherit !important; display:inherit;}
.rowLandmark {display: flex;}
div.agentLandmarkInfo{ box-sizing: border-box; width: 100%; padding-top: 15px;}
.columnLandmark{flex: 50%; padding: 10px; height: auto; list-style-type: none;}
div.splitRight > .search-result-single-hover{background:none;}
div.columnLandmark .list-highlighted{color:#1768ab;}
.landmarkPin {clear: both; cursor:pointer;}
.splitLeft > img {width: 20px; height:20px; padding-top: 5px;}
.splitLeft{flex: 10%; height: auto;}
.splitRight{flex: 90%; height: auto;}
.landmarkContainer{display: flex; height: auto; width: auto;}
/*agent id must be uppercase to return results*/ 
#txtAgentID {text-transform: uppercase;}