#lebmap{
	position: relative;
	min-height: 540px;
}
#map {
	width:1000px;
	height:497px;
	margin-top: 5px;
}
#map-container {
	margin:0;
	padding:0;
	width:392px;
	height:497px;
	overflow:hidden;
	position:relative;
	background-color:#EDEFF6;
	float:left;
	margin-right: 20px;
}
#map-preview-img {
	width:392px;
	height:497px;
	position:relative;
	top:0;
	left:0;
	z-index:6;
}
#map-pins {
	width:392px;
	height:497px;
	position:relative;
	top:0;
	left:0;
	z-index:5;
}
#map-pins span {
	display:block;
	position:absolute;
	width:15px;
	height:20px;
	cursor: pointer;
}
#map-correction {
	width:392px;
	height:497px;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
}
#map-inside {
	width:392px;
	height:497px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	display: none;
}
#map-titles {
	width:392px;
	height:497px;
	position:absolute;
	z-index:2;
	display:none;
	color: #fff;
	font: 14px/14px "MyriadProSemibold";
}
#map-titles dd{
	font: 10px/11px "MyriadProSemibold";
}
.beirut{
	position: absolute;
	top: 225px;
	left: 50px;
	color: #1c5291;
}
.mount{
	position: absolute;
	top: 270px;
	left: 90px;
}
.north{
	position: absolute;
	top: 100px;
	left: 180px;
}
.south{
	position: absolute;
	top: 420px;
	left: 45px;
}
.beqaa{
	position: absolute;
	top: 222px;
	left: 200px;
}
.jbeil{
	position: absolute;
	top: 160px;
	left: 180px;
}
.keserwan{
	position: absolute;
	top: 195px;
	left: 150px;
}
.metn{
	position: absolute;
	top: 222px;
	left: 150px;
}
.baabda{
	position: absolute;
	top: 244px;
	left: 149px;
}
.aley{
	position: absolute;
	top: 275px;
	left: 130px;
}
.shouf{
	position: absolute;
	top: 330px;
	left: 100px;
}

#map-states-links dt{
	border-top: 1px dotted #DDDDDD;
    clear: both;
    color: #195090;
    font-family: "MyriadProRegular";
    font-size: 16px;
    margin-top: 15px;
    padding-top: 10px;
}

#map-states-links dt#map-beirut-link{
	margin-top: 5px;
	border-top: none;
	padding-top: 0;
}
#map-states-links dd{
    margin-right: 10px;
}
#map-states-links dt a, #map-states-details dd a{
	color: #159339;
}
#map-titles dt{
	width: 80px;
	text-align: center;
}
#map-titles dd, dt{
	display:block;
}
#map-bg {
	width:392px;
	height:497px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display: none;
}
#map-info {
	float:left;
	display: none;
	width: 588px;
}
#map-info p{
	padding: 3px 0 10px;
	border-bottom: 1px solid #eee;
}
#map-info dd {
	display:block;
	position: relative;
}
#map-info #map-states-details dd {
	padding-left: 25px;
}
#map-info #map-states-details dd.selected{
	background: #EDEFF6;
}
#map-info dd a{
	cursor: pointer;
}
.map-info-display {
	display:none;
	background-color:#edeff6;
	position: absolute;
	top: -50%;
	right: 0px;
	left: 200px;
	padding: 10px;
	font-size: 11px;
}
.map-info-display li span{
	font-weight: bold;
}
#map-preloader {
	width:42px;
	height:42px;
	position:absolute;
	top:232px;
	left:180px;
	z-index:7;
}
#map-states-details dt{
	color: #195090;
	font-family: "MyriadProRegular";
	font-size: 16px;
}

#map-states-details dt, #legend li{
	height: 21px;
	padding-left: 25px;
	margin-bottom: 4px;
}
#map-states-details dd a{
	text-transform: capitalize;
}
#map-states-details dd a.branch-email-address{
	text-transform: lowercase;
}
#map-states-details dt#map-states-branches, #legend li.bank{
	background: url(../i/bank.png) no-repeat left;
}
#map-states-details dt#map-states-atms, #legend li.atm{
	background: url(../i/atm.png) no-repeat left;
	margin-top: 10px;
}
#legend li.atm{
	margin-top: 0;
	margin-left: 20px;
}
#xtra{
	position: absolute;
	top: 510px;
	left: 0;
	width: 392px;
	height: 30px;
}
#zoomOut{
	display: block;
	position: absolute;
	z-index: 100;
	left: 10px;
	top: 10px;
}
#zoomOut a{
	display: block;
	background: url(../i/zoomout.png) no-repeat top left;
	width: 55px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-size: 10px;
	padding-left: 27px;
}
#zoomOut a:hover{
	background-position: bottom;
	text-decoration: none;
}
#legend{
	float: right;
}
#legend li{
	float: left;
	font-size: 10px;
}