



/* ------ general
-----------------------------------------------*/

body {
font-family: Helvetica, Arial , sans-serif;
background:#fff;
font-size:12px;
line-height:16px;
}

#container {
 position:relative;
width: 280px;
background: transparent url(../images/mapoverlay.png) -4px -2px no-repeat;
}

a img {
border:none;
}




/* ------ map
-----------------------------------------------*/

.mapWrapper {
position:relative;
width:280px;
height:200px;
top:20px;
left:-105px;
  z-index:  250;
}

#map {
position:absolute;
z-index:  250;
margin-top:-18px;
margin-left:111px;

}


#directions{
    position:absolute;
  width:280px;
  height:58px;
  left:100px;
  top:250px;
  text-align: center;
  font-size:11px;
  color:#3E79C6;
  line-height:13px;
  z-index:  90;
}

.point {
position:fixed;
display:none;
color:#3F7AC6;
padding:5px 7px 3px 7px;
background:#ffffff;
font-size:12px;
font-weight:bold;
border:1px solid #DEDEDE;
 z-index:  650;
-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
 border-radius: 4px 4px 4px 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
/* useful if you don't want a bg color from leaking outside the border: */
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

#text {
 position:absolute;
 left:0px;
 top:0px;
 color:#444444;

 width:270px;
 height:200px;
 overflow: auto;
 background: transparent url(../images/bg-tile.gif) repeat-x;
  z-index:300;
  font-size:11px;
}
.close{
  position: absolute;
  right:20px;
  top:10px;
  z-index:800;
  background: transparent url(../images/close_btn.png) no-repeat;
  width:22px;
  height:22px;
  cursor:pointer;
  display:none;
}
.close:hover{
  background-position: 0 -21px;
}

#text h1{
   font-size:14px;
   font-weight:bold;
   color:#444444;
   margin-bottom:0px;
   margin-top:-10px;
   line-height: 18px;
}

#text a{
  text-decoration: underline; color:#006FFF; font-size:11px; cursor:pointer;
}


.mapWrapper img {
float: left;
padding-right: 5px;
padding-top: 2px;
}

.mapWrapper ul{
margin-left: 30px;
}


