/*INTERACTIVE MAP*/
#map-content { width:960px; z-index:50; }

#interactiveMapWrapper { position:relative; }
.iframeMapWrapper {
  position: relative;
  padding-bottom: 47.92%; /* 16:9 */
  height: 0;
}
.iframeMapWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#map-wrapper { position:relative; background:#FFF9F0; box-shadow: 0px 0px 20px #E1CDB0; }
#mapContentLeft { width:100%; height:360px; }
#mapContentRight { width:100%; }
#MapRightCol { position:relative; z-index:999; }
#map { min-height:500px; }

/*TOP BAR*/
#MapTopBar { line-height:35px; border-top:1px solid #afafb0; color:#414141; }
#MapTopBarControls { line-height:35px; vertical-align:middle; padding-right:5px; }
#MapTopBarControls input { vertical-align:middle; margin:0; padding:2px; }
#MapTopBarControls input.tBarText { border:1px solid #afafb0; background:#FFF; width:258px; margin-bottom:15px; }
#MapTopBarControls input.tBarButton { border:1px solid #bdbdbd; background:#bdbdbd; cursor:pointer; padding:2px 10px; font-size:14px; font-weight:bold; color:#2f4f62; }
#MapTopBarControls input.tBarButton:hover, #MapTopBarControls input.tBarButton:focus { background:#1E313E; color:#bdbdbd; }


/*MAIN NAV*/
#MapCatsNav dd { display:block; position:relative; margin:0; padding:0; }
#MapCatsNav dd.ddMapButton { width:100%; margin-bottom:10px; border:1px solid #afafb0; }
#MapCatsNav dd .mapButton { width:100%; height:45px; padding:12px; vertical-align:middle; background:#bdbdbd; color:#2f4f62; font-size:14px; font-weight:bold; cursor:pointer; }
#MapCatsNav dd .mapButton .icon { width:30px; height:30px; margin:-5px 10px 3px 10px; display:block; float:left; }
#MapCatsNav dd:hover .mapButton, #MapCatsNav dd:focus .mapButton { background:#1E313E; color:#bdbdbd; }
#MapButton_cat1 .icon { background: url(/images/icons/blue-icon_9.png) left top / auto 100% no-repeat; }
#MapButton_cat2 .icon { background: url(/images/icons/blue-icon_10.png) left top / auto 100% no-repeat; }
#MapButton_cat3 .icon { background: url(/images/icons/blue-icon_11.png) left top / auto 100% no-repeat; }
#MapButton_cat4 .icon { background: url(/images/icons/blue-icon_12.png) left top / auto 100% no-repeat; }
#MapButton_cat5 .icon { background: url(/images/icons/blue-icon_13.png) left top / auto 100% no-repeat; }

#MapCatsNav dd ul { position:absolute; bottom:41px; left:10px; display:none; list-style:none; margin:0; padding:0; max-height:250px; overflow-y:auto; overflow-x:hidden; }
#MapCatsNav dd:hover ul, #MapCatsNav dd:focus ul { display:block; }

#MapCatsNav dd ul li { line-height:18px; vertical-align:middle; margin:0; padding:0 3px; white-space:nowrap; background:#FFF; border-top:1px solid #afafb0; border-right:1px solid #afafb0; border-left:1px solid #afafb0; width:310px; height:auto; }
#MapCatsNav dd ul li:before { display:none; }
#MapCatsNav dd ul li:nth-child(even) { background:#f3f3f3; }
#MapCatsNav dd ul li input { vertical-align:middle; }
#MapCatsNav dd ul li:hover, #MapCatsNav dd ul li:focus { background:#b9b9b9; }
#MapCatsNav dd ul li span { font-weight:normal!important; font-style:normal!important; }

#GMapWrapper { width:100%; height:360px; position:relative; }
#GMapCanvas { width: 100%; height:360px; position:relative; z-index:1; }
#GMapPreloader { background: #FFF url(/images/icons/loading.gif) no-repeat center; text-align: center; width: 100%; height:460px; margin: 0 auto; position: absolute; top: 0; left: 0; z-index: 2; filter: alpha(opacity=85); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
#GMapNoResults { display: none; cursor: pointer; background: #FFF none; border: 1px solid #000; width: 400px; text-align: center; position: absolute; top: 100px; left: 132px; z-index: 5; padding: 50px 0; filter: alpha(opacity=9); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

@media screen and (min-width: 1225px) {
  #mapContentLeft { height:800px; }
  #GMapWrapper, #GMapCanvas { height:800px; }
}

/**RESPONSIVE**/
.mapFrame { width:960px; height: 460px; margin:0 auto;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

@media screen and (min-width: 240px) {
  .mapFrame {
  -ms-transform: scale(.25);
  -moz-transform: scale(.25);
  -o-transform: scale(.25);
  -webkit-transform: scale(.25);
  transform: scale(.25);
  }
}
@media screen and (min-width: 320px) {
  .mapFrame {
  -ms-transform: scale(.33);
  -moz-transform: scale(.33);
  -o-transform: scale(.33);
  -webkit-transform: scale(.33);
  transform: scale(.33);
  }
}
@media screen and (min-width: 375px) {
  .mapFrame {
  -ms-transform: scale(.39);
  -moz-transform: scale(.39);
  -o-transform: scale(.39);
  -webkit-transform: scale(.39);
  transform: scale(.39);
  }
}
@media screen and (min-width: 384px) {
  .mapFrame { 
  -ms-transform: scale(.4);
  -moz-transform: scale(.4);
  -o-transform: scale(.4);
  -webkit-transform: scale(.4);
  transform: scale(.4);
  }
}
@media screen and (min-width: 414px) {
  .mapFrame { 
  -ms-transform: scale(.43);
  -moz-transform: scale(.43);
  -o-transform: scale(.43);
  -webkit-transform: scale(.43);
  transform: scale(.43);
  }
}
@media screen and (min-width: 480px) {
  .mapFrame { 
  -ms-transform: scale(.5);
  -moz-transform: scale(.5);
  -o-transform: scale(.5);
  -webkit-transform: scale(.5);
  transform: scale(.5);
  }
}
@media screen and (min-width: 568px) {
  .mapFrame { 
  -ms-transform: scale(.59);
  -moz-transform: scale(.59);
  -o-transform: scale(.59);
  -webkit-transform: scale(.59);
  transform: scale(.59);
  }
}
@media screen and (min-width: 600px) {
  .mapFrame { 
  -ms-transform: scale(.625);
  -moz-transform: scale(.625);
  -o-transform: scale(.625);
  -webkit-transform: scale(.625);
  transform: scale(.625);
  }
}
@media screen and (min-width: 667px) {
  .mapFrame {
  -ms-transform: scale(.69);
  -moz-transform: scale(.69);
  -o-transform: scale(.69);
  -webkit-transform: scale(.69);
  transform: scale(.69);
  }
}
@media screen and (min-width: 736px) {
  .mapFrame { 
  -ms-transform: scale(.76);
  -moz-transform: scale(.76);
  -o-transform: scale(.76);
  -webkit-transform: scale(.76);
  transform: scale(.76);
  }
}
@media screen and (min-width: 768px) {
  .mapFrame { 
  -ms-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  -webkit-transform: scale(.8);
  transform: scale(.8);
  }
}
@media screen and (min-width: 960px) {
  .mapFrame { 
  -ms-transform-origin: 480px 0;
  -moz-transform-origin: 480px 0;
  -o-transform-origin: 480px 0;
  -webkit-transform-origin: 480px 0;
  transform-origin: 480px 0;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@media screen and (min-width: 1024px) {
  .mapFrame { 
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  }
}
@media screen and (min-width: 1100px) {
  .mapFrame  { 
  -ms-transform: scale(1.13);
  -moz-transform: scale(1.13);
  -o-transform: scale(1.13);
  -webkit-transform: scale(1.13);
  transform: scale(1.13);
  }
}
@media screen and (min-width: 1200px) {
  .mapFrame { 
  -ms-transform: scale(1.24);
  -moz-transform: scale(1.24);
  -o-transform: scale(1.24);
  -webkit-transform: scale(1.24);
  transform: scale(1.24);
  }
}
@media screen and (min-width: 1300px) {
  .mapFrame { 
  -ms-transform: scale(1.34);
  -moz-transform: scale(1.34);
  -o-transform: scale(1.34);
  -webkit-transform: scale(1.34);
  transform: scale(1.34);
  }
}
@media screen and (min-width: 1400px) {
  .mapFrame { 
  -ms-transform: scale(1.44);
  -moz-transform: scale(1.44);
  -o-transform: scale(1.44);
  -webkit-transform: scale(1.44);
  transform: scale(1.44);
  }
}
@media screen and (min-width: 1500px) {
  .mapFrame { 
  -ms-transform: scale(1.55);
  -moz-transform: scale(1.55);
  -o-transform: scale(1.55);
  -webkit-transform: scale(1.55);
  transform: scale(1.55);
  }
}