﻿html {overflow-y: scroll}

.fullMap {border:1px solid #b9aea3;margin:6px 1px 0 0}
.fullMap img {display:block}
.mapColumnWrapper{margin:6px 0 0}

/* Generic Content */
.contentWrap {border:1px solid #afb1b3;padding:8px 15px 15px}
.contentRightWrap .contentWrap {padding:8px}

/* Map */
.mapContainer {position:relative;float:left;margin:0;width:758px;height:370px;border:1px solid #afb1b3;overflow:hidden}
.mapContainer .mapWrapper {position:absolute;top:-226px;left:-505px;width:758px;cursor:pointer;margin:0;padding:200px 500px;background:#f2f8f1}
.mapContainer .mapWrapper .estateAssetContainer {position:absolute;width:13px}
.mapContainer .mapWrapper .estateAssetContainer .estateAssetIcon {width:100%}
.mapContainer .mapWrapper .estateAssetContainer .estateAssetIdentifier {position:absolute;top:0;left:0;width:5px}
.mapContainer .mapWrapper .mapCategoryContainer {position:absolute;width:75px}
.mapContainer .mapWrapper .mapCategoryContainer .estateAssetIcon {width:100%}
.mapContainer .mapCompass {position:absolute;bottom:6px;right:6px;width:35px;height:36px;background:url(../images/images-map/map-compass.png)}

/* Map Navigation Bar */
.mapContainer .mapNavBar {position:absolute;top:5px;right:10px;width:44px;height:127px;background:url(../images/images-map/navbar.png)}
.mapContainer .mapNavBar .mapNavBarContainer {position:relative;}
.mapContainer .mapNavBar .mapNavBarContainer .zoomIn, .mapContainer .mapNavBar .mapNavBarContainer .zoomOut, .mapContainer .mapNavBar .mapNavBarContainer .moveLeft, .mapContainer .mapNavBar .mapNavBarContainer .moveRight, .mapContainer .mapNavBar .mapNavBarContainer .moveUp, .mapContainer .mapNavBar .mapNavBarContainer .moveDown, .mapContainer .mapNavBar .mapNavBarContainer .slider{position:absolute;cursor:pointer;display:block;text-indent:-999em}
.mapContainer .mapNavBar .mapNavBarContainer .zoomIn {top:46px;left:16px;width:10px;height:10px}
.mapContainer .mapNavBar .mapNavBarContainer .zoomOut {top:117px;left:16px;width:10px;height:7px}
.mapContainer .mapNavBar .mapNavBarContainer .moveLeft {top:16px;left:3px;width:10px;height:10px}
.mapContainer .mapNavBar .mapNavBarContainer .moveRight{top:16px;left:29px;width:10px;height:10px} 
.mapContainer .mapNavBar .mapNavBarContainer .moveUp {top:3px;left:16px;width:10px;height:10px}
.mapContainer .mapNavBar .mapNavBarContainer .moveDown{top:28px;left:16px;width:10px;height:10px}
.mapContainer .mapNavBar .mapNavBarContainer .slider{top:60px;left:15px;width:11px;height:53px;z-index:10}
.mapContainer .mapNavBar .mapNavBarContainer .slider .sliderHandle{margin:0;width:14px;height:8px}
.mapContainer .mapNavBar .mapNavBarContainer .slider .activeHandle{background:url(../images/images-map/navbar-handle.png) left top no-repeat}

/* Map Sections*/
.estateAssetSections {position:relative;font-size:1.15em;letter-spacing:-0.02em;background:#d6d8d3;padding:4px 0 4px 1px}
.estateAssetSections ul {margin:0}
.estateAssetSections ul li {text-align:center;list-style-position:inside;list-style-type:none;float:left;display:list-item;margin:0;padding:0;color:#fff;border-left:4px solid #d6d8d3;background:#6c786d;width:0}
.estateAssetSections ul>li {width: auto}
.estateAssetSections ul li.first {margin:0}
.estateAssetSections ul li.last {margin:0}  
.estateAssetSections ul li.navRight{float:right;background:none;border-right:0;border-left:none;margin:0 6px 0 0;padding-top:2px;letter-spacing:0;}
.estateAssetSections ul li.navRight a{display:block;padding:3px 6px 3px 20px;color:#404040;font-size:0.9em;background:url(../images/images-main/magnify.gif) 4px 4px no-repeat #fff;text-transform:lowercase;border:1px solid #9a9a9a} 
.estateAssetSections ul li a {display:block;padding:5px 10px;color:#fff} 
.estateAssetSections ul li a:hover,.estateAssetSections ul li a:active,.estateAssetSections ul li a:focus,.estateAssetSections ul li.navActive {background:#4b574c} 
.estateAssetSections ul li.navRight a:hover,.estateAssetSections ul li.navRight a:active,.estateAssetSections ul li.navRight a:focus {background:url(../images/images-main/magnify.gif) 4px 4px no-repeat #fff;border:1px solid #6c786d;color:#1e1e1e}
.estateAssetSections ul li.navRight.navActive{background:none}

/* Estate Asset Categories */
.estateAssetCategories {margin:0;padding:6px;border:1px solid #afb1b3;min-height:358px;position:absolute;top:0;left:0;width:174px}
.estateAssetCategories ul {margin:0}
.estateAssetCategories ul li {list-style-position:inside;list-style-type:none;margin:0;padding:0;border-bottom:3px solid #fff}
.estateAssetCategories ul li h2 {width:auto;display:block;padding:8px 7px;font-size:1em;background:url(../images/images-main/map-category-nav-bg.jpg) #d3d8d5 repeat-x;border:1px solid #a7a9ac;margin:0!important;position:relative}
.estateAssetCategories ul li ul {margin:0;padding:0}
.estateAssetCategories ul li ul li {list-style-position:inside;list-style-type:none;background:#fff;border:none;margin:0;font-size:0.95em;line-height:1.3em;border-top:3px solid #fff}
.estateAssetCategories ul li ul li h3 {position:relative;padding:5px 6px;margin:0!important;font-size:1em;cursor:pointer;color:#555d55}
.estateAssetCategories ul li ul li h3.ui-state-active {color:#fff}
.estateAssetCategories ul li ul li h3:hover{cursor:pointer}
.estateAssetCategories ul li ul li h3 .accordionOpen{position:absolute;top:6px;right:12px;background:url(../images/images-main/map-sub-category-nav-arrow-up.png) no-repeat top right;height:10px;width:22px}
.estateAssetCategories ul li ul li h3 .accordionClosed{position:absolute;top:6px;right:12px;background:url(../images/images-main/map-sub-category-nav-arrow-down.png) no-repeat top right;height:10px;width:22px}
.estateAssetCategories ul li ul li .categoryContent {padding:0}
.estateAssetCategories ul li ul li .categoryContentWrapper {padding:5px}

/* Estate Asset Types */
.estateAssetCategories ul li ul li h3 {background:top right no-repeat}
.estateAssetCategories ul li ul li h3.ui-state-active {background:top right repeat-x}

/* Info Container */
.mapInfoContainer {float:left;width:758px;margin:6px 0 0;font-size:1.1em}
.mapInfoContainer .mapInfoTabs {position:relative;margin:0;padding:0}
.mapInfoContainer .mapInfoTabs ul {margin:0}
.mapInfoContainer .mapInfoTabs ul li,.mapInfoContainer .mapInfoTabs ul li.active {display:inline-block;cursor:pointer;list-style-type:none;list-style-position:inside;margin:0;padding:0;width:auto}
.mapInfoContainer .mapInfoTabs ul li {background:url(../images/images-main/inactive-tab-left.gif) no-repeat #d8dad7 left top;color:#828c84}
.mapInfoContainer .mapInfoTabs ul li span {display:block;background:url(../images/images-main/inactive-tab-right.gif) no-repeat right top}
.mapInfoContainer .mapInfoTabs ul li span span,.mapInfoContainer .mapInfoTabs ul li.active span span {display:block;background:none!important;padding:6px 12px 5px}
.mapInfoContainer .mapInfoTabs ul li.active {background:url(../images/images-main/active-tab-left.gif) no-repeat #566257 left top;}
.mapInfoContainer .mapInfoTabs ul li.active span {display:block;background:url(../images/images-main/active-tab-right.gif) no-repeat right top;color:#fff}
.mapInfoContainer .mapInfoTabs .mapDisclaimer {position:absolute;top:-25px;left:8px;font-size:0.9em}
.mapInfoContainer .mapInfoContentsWrapper {background:#566257;position:relative;padding:11px 3px 16px;min-height:243px}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents {min-height:108px;font-size:0.95em;color:#fff;margin:0;padding:0 7px}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents h2 {font-size:1.2em;margin:0 0 10px;padding:7px 9px;background:#455144;color:#fff}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents h3 {color:#fff;margin:10px 0 3px}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents a,.contactPanel a{color:#e7f890;text-decoration:none}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents a:hover,.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents a:focus,.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents a:active,.contactPanel a:hover,.contactPanel a:active,.contactPanel a:focus{color:#fff;text-decoration:underline}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents a.go{color:#fff;text-decoration:none}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents ul {margin:0}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents ul li {list-style-position:inside}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents ul.noBullets li {list-style-type:none}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents .leftColumn {float:left;width:560px;padding:0 0 0 7px}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents .rightColumn {margin:0 0 0 578px}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents .rightColumn p{margin:0}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoContents .infoTable {width:278px;float:right;margin:0 0 15px 20px}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoImage {margin:0 0 12px;width:160px;background:#4c594d;text-align:center;padding:0 0 9px;font-size:0.90em}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoImage img {display:block;border:1px solid #818f83;margin:0 auto 7px;max-width:158px}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoImage a {text-decoration:none;color:#fff}
.mapInfoContainer .mapInfoContentsWrapper .mapInfoImage a:hover,.mapInfoContainer .mapInfoContentsWrapper .mapInfoImage a:active,.mapInfoContainer .mapInfoContentsWrapper .mapInfoImage a:focus {text-decoration:none}
.mapInfoContainer .mapInfoContentsWrapper table thead th {text-align:left;background:#475345;font-weight:bold;padding:6px 8px;color:#fff;border:1px solid #818f83}
.mapInfoContainer .mapInfoContentsWrapper table tbody tr td {padding:5px 7px;border:1px solid #818f83;text-align:left;background:#566257}
.mapInfoContainer .mapInfoContentsWrapper table tbody tr td.alternatingRow {padding:5px 7px;background:#505c50;text-align:left}
.mapInfoContainer .mapInfoContentsWrapper table.infoTable thead th {text-align:center;padding:10px 8px}
.mapInfoContainer .mapInfoContentsWrapper table.infoTable tbody tr td {text-align:center;padding:10px 8px}
.mapInfoContainer .mapInfoContentsWrapper table.infoTable tbody tr td.alternatingRow {text-align:left;padding:8px}
.mapInfoContainer .mapInfoContentsWrapper table td span.strike,td span.strike:hover,td span.price,td span.price:hover{color:#99a39b}
.mapInfoContainer .mapInfoContentsWrapper table td span.price,td span.price:hover{color:#fff}
.mapInfoContainer .mapInfoContentsWrapper .controlbuttons span{color:#345900;background:url(../images/images-icons/alerticon.png) 7px 0 no-repeat #d6f2af;line-height:1.15em;padding:5px 10px 6px 32px!important;border:1px dotted #457500;display:inline-block;float:left;width:533px;margin:0 15px 0 0}
.noWrap {white-space:nowrap}

.additionalInfo{width:278px;float:right;margin:0 0 0 20px}
.openingTimes,.specialOffers{border:1px solid #818f83;padding:0 0 4px;margin:0 0 15px 0}
.openingTimes h3,.specialOffers h3{background:#475345;font-weight:bold;padding:6px 9px;color:#fff;margin:0 0 7px!important;font-size:1.05em}
.openingTimes p,.specialOffers p{padding:0 9px;margin:0 0 4px}

/* Loading Overlay */
.mapLoadingOverlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:14;background:url(../images/images-main/loading-overlay-bg.png) top left repeat;text-align:center;}
.mapLoadingOverlay img {margin:100px 0 0}
.infoLoadingOverlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:14;background:url(../images/images-main/loading-overlay-bg.png) top left repeat;text-align:center}
.infoLoadingOverlay img {margin:45px 0 0}

.contentRightWrap .form{width:185px;margin:0;padding:0}
.contentRightWrap fieldset,.contentRightWrap .fieldContainer{width:179px;background:none;padding:1px 3px 3px;border:1px solid #afb1b0;margin:0}
.contentRightWrap fieldset div,.contentRightWrap .fieldContainer div{background:#e8e9e6;padding:8px 10px!important}
.contentRightWrap legend,.fieldContainer h2{width:157px;margin:2px 0}
.contentRightWrap legend span{width:157px}
.contentRightWrap label {font-weight:bold}
.contentRightWrap select{width:158px}
.contentRightWrap h2,.contentRightWrap h3 {font-weight:normal}
.contentRightWrap .contentWrap p{font-size:0.95em}
.controlbuttons{float:right}
.controlbuttons span{color:#a60000;background:url(../images/images-icons/alerticon.png) 7px 0 no-repeat #ffddc4;line-height:1.15em;padding:5px 10px 6px 32px!important;border:1px dotted #ff0000;display:inline-block;float:left;width:533px;margin:0 15px 0 0}
td span{color:#0f6d81;text-decoration:underline;cursor:pointer}
td span:hover{color:#004655;text-decoration:underline}
td span.strike,td span.strike:hover,td span.price,td span.price:hover{color:#999999;text-decoration:line-through;cursor:auto}
td span.price,td span.price:hover{color:#1E1E1E;text-decoration:none}


.form div.fieldContainer div.arrivalDate,.form div.fieldContainer div.propertyType{padding:2px 0 0!important;margin:0;background:none}
.form div.registerInterest{padding:10px 0 0;margin:0}
td input{width:auto}

/* Availability table style */
.availabilityResultsContainer {position:relative;margin:10px 0 5px}
.availabilityResultsContainer th span {text-decoration:underline;cursor:pointer}
.availabilityResultsContainer .loadingOverlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:14;background:url(../images/images-main/loading-overlay-bg.png) top left repeat;text-align:center;}
.availabilityResultsContainer .loadingOverlay img {margin:50px 0 0}

table {width:100%;border-collapse:collapse;font-size:100%;margin:0 0 5px}
table thead {}
table thead th {text-align:left;background:#4b574c;font-weight:bold;padding:6px 8px;color:#fff;border:1px solid #666f65;border-bottom:none}
table thead th.noWrap {white-space:nowrap}
table thead th a:link, table thead th a:visited {color:#fff;text-decoration:underline;}
table thead th a:hover, table thead th a:active {color:#fff;text-decoration:none;}
table thead th.controls {width:47px;text-align:center;}
table thead th img {vertical-align:middle;}
table tfoot {}
table tfoot tr td {text-align:left;background:#97958e;font-weight:bold;padding:3px 5px;color:#fff;}
table tfoot tr td.total {text-align:right}
table tbody {}
table tbody tr.newrecord td {background:#ffffcc;}
table tbody tr td {padding:3px 6px;border:1px solid #d7d9d7;}
table tbody tr td.alternatingRow {background:#f2f4f2;}
table tbody tr td.alternatingRow .nogo {background:#f2f4f2;}
table tbody tr td.controls {width:35px;text-align:center;}
table tbody tr td.controls img { margin:0 5px; }
table tbody tr td.controls .ajaxanimation {float:none;width:100%;}
table tbody tr td.controls .ajaxanimation img {text-align:center;}
table tbody tr td.controls a {}
table tbody tr td.animated {background:#ffffff;}
table tbody tr td.altAnimated {background:#F4F4F4;}
table tbody tr td input {font-size:1em;background:none;border:none}
table tbody tr td .infoTable {width:278px;float:right;margin:0 0 15px 20px}

/* Grid expander */
tr.unitDetails td{padding:0 11px 8px}
tr.unitDetails .infoTable td{padding:5px;background:#fff;border:1px solid #cccecc}
tr.unitDetails td.alternatingRow .infoTable td{padding:5px;background:#f6f6f6;border:1px solid #bbc0bb}
tr.unitDetails .infoTable th,tr.unitDetails .infoTable td{text-align:center}
tr.unitDetails .infoTable th{background:#6d786c;border:1px solid #8b958a;border-bottom:none}
tr.unitDetails td.alternatingRow .infoTable th{background:#667165;border:1px solid #8b958a;border-bottom:none}
tr.unitDetails .infoTable td.alternatingRow{text-align:left;background:#e9ebe9}
tr.unitDetails td.alternatingRow .infoTable td.alternatingRow{text-align:left;background:#e4e6e4}
table tbody tr.unitDetails td .infoTable{margin-left:0!important}
tr.unitDetails .infoImage{float:left;width:168px;margin-bottom:10px}
tr.unitDetails .infoUnitTable{float:right;width:298px}
tr.unitDetails .infoDetails{margin:0 0 10px 191px}
tr.unitDetails .infoImage img{max-width:158px;margin-bottom:5px}
tr.unitDetails .infoImage p{margin:0}
tr.unitDetails h2{font-size:1.2em;margin:12px 0 4px}
tr.unitDetails h3{font-size:1.1em;margin:7px 0 2px}
tr.unitDetails img{border:1px solid #d8d7d2;padding:2px}
.infoImage {float:left;margin:0 14px 0 2px;}
.infoDetails {margin:0 0 0 180px}

/* Register Interest */
.registerInterest .column1, .registerInterest .column2, .registerInterest .column3 {float:left;width:240px;margin:0 10px 0 0}
.registerInterest .column3 {margin:0}
.registerInterest .buttonContainer {padding:0;text-align:right;width:auto}
.form div.clearfix{padding:0;margin:2px 0 16px}
.contactPanel{background:#3d483e;border-bottom:5px solid #5c645d;padding:8px 12px 8px;color:#fff;position:relative;z-index:6;width:164px;font-size:1.05em;line-height:1.2em}
.salesDisclaimer{border:1px solid #d7d9d7;margin-top:10px;padding:11px 14px}
.salesDisclaimer h2{font-size:1.1em;margin:0;padding:0}

/* View buttons */
.viewSelector{padding:6px 0;display:block;height:30px}
.viewSelector h2{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.viewSelector li{float:left}
.viewSelector li.first{margin-right:4px}
.viewSelector li a.gridView{display:block;width:88px;height:25px;text-decoration: none;background:url(../images/images-main/gridviewbtn.gif) 0 0 no-repeat;text-indent:-999em}
.viewSelector li a.gridView:hover,.viewSelector li a.gridView:active,.viewSelector li a.gridView:focus{background-position: -88px 0}
.viewSelector li.activeBtn a.gridView{background-position: -176px 0}
.viewSelector li a.mapView{display:block;width:96px;height:25px;text-decoration: none;background:url(../images/images-main/mapviewbtn.gif) 0 0 no-repeat;text-indent:-999em}
.viewSelector li a.mapView:hover,.viewSelector li a.mapView:active,.viewSelector li a.mapView:focus{background-position: -96px 0}
.viewSelector li.activeBtn a.mapView{background-position: -192px 0}
