body.mappage #wrapper { background: none; }
body.mappage #content-wrapper { overflow: hidden; background:url("/images/layout/map-content-bg.png") no-repeat scroll 50% 0 transparent; padding:20px 0 0; }
body.mappage #breadcrumb-wrapper {
background:url("/images/layout/double-line-top.png") repeat-x scroll 0 bottom transparent;
margin:25px 43px 0px 42px;
padding:0 0 22px 25px;
}
body.mappage { }
body.mappage { }
#map { height: 500px; width: 915px; margin: 0 43px 0 42px; border-right: 1px solid #dfd9c6; border-bottom: 1px solid #dfd9c6; }
body.destination div#map { width: 663px; height: 380px; margin: 0; border: none !important;  }
#map-window { overflow: auto; position: absolute; top: 290px; right: 0; width: 150px; height: 150px; background: #fff; border: 2px solid #ccc; font: 10px Arial; }
#map-window ul { margin-bottom: 10px; }
#map-window ul li a { color: #000; }
#map-window ul li.current a { color: #ccc; }

body.mappage #map-filter-sidebar { overflow: hidden; position: absolute; left: 42px; padding-right: 30px; padding-left: 2px; width: auto; z-index: 1000; height: 500px; background: url("../images/map/map-filter-sidebar-bg.png") no-repeat 0 0; }
body.mappage #map-filter-sidebar.open { padding-right: 28px; }
body.mappage #map-slider { display: block; width: 30px; height: 78px; position: absolute; right: 0; top: 205px; } 
body.mappage #filter-sidebar {display: none; overflow-x:hidden; overflow-y: auto; margin-left: -2px; position:relative;left:0; width:218px; height: 500px; background:url("/images/layout/filter-header-bg.png") repeat-y scroll 0 0 transparent;  }

div#legend { position: absolute; right: 60px; top: 344px; width: 165px; border: 2px solid #91815b; background: #f7f3e4; padding: 1px; z-index: 1000; }
div#legend-content { padding: 10px 7px; border: 1px solid #c4ba9f; }
div#legend-content div { overflow: hidden; clear: both; }
div#legend img { float: left; display: inline; margin-right: 10px; margin-bottom: 10px; }
div#content div#legend p { color: #918362; font: 11px Arial; padding: 0; margin: 0 0 5px 0; }


body.mappage #content {
      float: none;
    margin: 0 0 0 0px;
    padding: 0 0 20px;
    position: relative;
    width: 100%;
}
body.mappage #content #filter-header h2 { padding-top: 16px; color:#514b3c; font-size:17px; background:url(/images/layout/filter-heading-bg.png) no-repeat 155px 21px; padding-bottom:4px; }
body.mappage #content .filter-inn-wrapper { position: static; }
body.mappage .filter-details { right:6px; }
body.mappage #arch-style-filter.active { }
body.mappage div#filter-state { background: #F4EFDF; margin: 0 4px 1px 0; padding: 20px 10px 11px 20px; position: relative; }
.filter-inner-wrapper select#filter-state { display: none; }
body.mappage select option.inactive { display: none; }
body.mappage #content div#filter-state h3 { color: #756D59; font: bold 10px/10px Arial,Helivetica,sans-serif; text-transform: uppercase; }
body.mappage ul#filter-city { text-transform:capitalize; margin-top: 10px !important;  }
body.mappage #content #filter-sidebar ul#filter-city li {     font: 11px/14px Arial,Helivetica,sans-serif; }
body.mappage #content #filter-sidebar ul#filter-city li a { color:#9F9575; font-weight:normal; text-decoration:none; }
body.mappage #content #filter-sidebar ul#filter-city li.active a{ color:#1b5b65; }
body.mappage #content #filter-sidebar #filter-property-style li a, 
body.mappage #content #filter-sidebar #filter-arch-style li a { color:#9F9575; font-weight:normal; text-decoration:none; }
body.mappage #content #filter-sidebar #filter-property-style li.active a, 
body.mappage#content #filter-sidebar #filter-arch-style li.active a { color:#1b5b65; }

body.mappage #content #filter-sidebar ul#filter-city li a:hover,
body.mappage #content #filter-sidebar #filter-property-style li a:hover,
body.mappage#content #filter-sidebar #filter-arch-style li a:hover { text-decoration: underline; }

body.mappage #content .filter-group h3 { margin-right: 25px; color:#756d59; font:10px/10px Arial, Helivetica, sans-serif; font-weight:bold;  text-transform:uppercase; cursor: pointer; }
body.mappage #content .filter-inner-wrapper  { padding:0; position:relative; display:none; }
body.mappage #content .filter-group li { color:#9f9575;  font:11px/14px Arial, Helivetica, sans-serif; }
body.mappage #content .filter-group li.selected { color:#1b5b65;}
body.mappage #content #filter-sidebar ul {list-style:none; margin:0; padding:0; }
body.mappage #content #filter-header li { display:inline; color:#1b1914; font:10px/10px Arial, Helivetica, sans-serif; }
body.mappage #content #filter-header li a { color:#1b5b65; text-decoration:none; }
#filter-sidebar select { height:28px; width:165px; border: 1px solid #90876b; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding: 4px; color:#7b6f5c; font:11px/11px Arial, Helvetica, sans-serif; -moz-box-shadow:inset 0 2px 4px -2px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 2px 4px -2px rgba(0,0,0,0.6); box-shadow:inset 0 2px 4px -2px rgba(0,0,0,0.6); }
body.mappage #content #filter-sidebar #filter-luxury { margin-bottom:-36px; }
body.mappage #content #filter-luxury li { height:18px; width:95px; }
body.mappage #content #filter-luxury li input { background: none; }
#filter-luxury .platinum, #filter-luxury .gold { margin-left:0; }
#filter-luxury .silver, #filter-luxury .bronze { margin-left:100px; position:relative; top: -36px; }
body.mappage #content #filter-sidebar #filter-prop-style li a, body.mappage #content #filter-sidebar #filter-arch-style li a { font-weight:normal; text-decoration:none; color:#9f9575; }
body.mappage #content #filter-sidebar #filter-prop-style li a:hover, body.mappage #content #filter-sidebar #filter-arch-style li a:hover { text-decoration: underline; }
body.mappage #content #filter-sidebar #filter-prop-style li.active a, body.mappage #content #filter-sidebar #filter-arch-style li.active a { color:#1b5b65; }

body.mappage div#filter-sidebar .active { zoom: 1; }
body.mappage div#filter-sidebar .active .filter-inner-wrapper { zoom: 1; }
body.mappage div#filter-sidebar .active .filter-inner-wrapper select { zoom: 1; }

div.infoWindowContent { width: 300px;  padding: 0; margin: 0; }
div.infoWindowContent h4 { margin: 0 0 5px 0 !important; }
div.infoWindowContent h4 a { font: bold 13px Arial; }
div.infoWindowContent div.inset { float: right; display: inline; margin-bottom: 10px; margin-left: 5px; padding: 0; width: auto;background: none repeat scroll 0 0 transparent; }
div.infoWindowContent div.inset img {border: none; vertical-align: middle; }
div.infoWindowContent p { font: 11px Arial; margin: 0 0 5px 0 !important;  padding: 0 !important; }
ul#direction-links { clear: both; list-style: none; font: 10px Arial; margin: 0 !important; padding: 0 !important; }
ul#direction-links li { display: inline; padding-right: 10px; }

div.infoWindowContent { width: 300px !important; min-height: 120px !important; height: 140px !important; max-height: 200px !important; }
body.destination div#content div.infoWindowContent h4 { margin: 0 0 5px 0 !important; }
body.destination div#content div.infoWindowContent div.inset { margin-bottom: 5px; width: 100px; height: 88px; }
body.destination div#content div.infoWindowContent div.inset img { width: 100px; height: 88px; }
body.destination div#content div.infoWindowContent p { font: 11px Arial; margin: 0 0 5px 0 !important;  padding: 0 !important; }
body.destination div#content ul#direction-links { clear: both; list-style: none; font: 10px Arial; margin: 0 !important; padding: 0 !important; }
body.destination div#content ul#direction-links li { display: inline; padding-right: 10px; }