/* =font-size hints 2em displayed at 24px 1.5em displayed at 18px 1.25em displayed at 15px 1em displayed at 12px */ /*# Site/Reset #*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,td,small { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; font-size:1em; } /*# Site/Helpers #*/ .clear { clear:both; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } .clearfix { display:inline-block; } .left{ float:left; } .right{ float:right; } .debug{ border:1px solid #f00; } /*# Site/Elements #*/ html { font-size: 62.5%; } body { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; } h1 { color:#333c40; text-transform:uppercase; font-size: 15px; margin-bottom: 0px; font-weight:bold; padding:15px; } h2 { font-size: 14px; color:#333c40; } h3 { font-size: 12px; } h4 { font-weight: bold; } h5 { font-weight: bold; line-height: 18px; padding-top: 10px; } h6 { } p { line-height: 1.4; padding: 3px 0; } b, strong, .required { font-weight: bold; } i, em { font-style: italic; } a { outline: none; } a:link, a:visited { color: #cdd522; text-decoration: none; } a:hover, a:active { color:#738589 !important; } input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; } ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; font-size: 1em; } table a { position: static; } .emptyData { padding:0 15px; } .emptydatatext { padding: 10px 30px; } .hide { display: none; } .note { color:#f00; font-size:16px; display:block; clear:both; } /*# Content #*/ #wrap { margin: 0 auto; width: 930px; } #header { float:left; width:930px; background:#333c41; } #logo a { background: url(/ma/logo) no-repeat; display: block; float: right; height: 100px; margin:0 30px; text-indent: -9999px; width: 280px; } #content { float: left; height: 400px; height: auto !important; min-height: 400px; position: relative; width: 890px; background:#fff; z-index:3; } #spacer { background:#333c41; float:left; width:930px; } #shade { float:left; width:930px; background:url(/ma/shade) repeat-y; padding:0 17px 0 3px; } .pageText { padding: 0 15px; color:#738589; float:left; width:527px; } .pageText ul { list-style: disc; margin-left: 20px; padding: 5px 0; } .pageText ol { list-style: decimal; margin-left: 28px; padding: 5px 0; } .pageText li { padding: 3px 0; } #editable-text #zoneImage { width:330px; float:left; border-right:3px solid #333c40; } #editable-text #zoneTitle { width:557px; float:right; } #editable-text #zoneLeft { width:557px; float:right; } /*# Navigation #*/ /*# Navigation/Main #*/ #navigation { clear: both; float: left; position: relative; width: 930px; z-index: 9; background:#333c41; margin-top:-1px; } #nav, #nav ul { line-height: 35px; margin: 0; padding: 0; } #nav a { background: none; color: #fff; display: block; padding: 0 10px; text-decoration: none; width: auto; } #nav .active a { } #nav li.active ul a { } #nav a:hover { color: #fff; } #nav .active a, #nav li:hover { color:#cdd522 !important; } #nav li ul a { border: none; color: #b3c1c2 !important; width: 140px; } #nav li ul a:hover { color: #fff !important; } #nav li li.lastItem a { padding-bottom:5px; } #nav li { float: left; font-size: 12px; text-align: center; width: auto; } #nav li li { font-size: 11px; line-height: 20px; text-align: left; width: 150px; } #nav li ul { left: -999em; position: absolute; width: 160px; z-index: 9; padding:0 20px 20px 20px; margin-left:-20px; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li:hover a { color: #cdd522 !important; background:#333c41; } #nav li:hover ul a { color: #b3c1c2 !important; } #nav li:hover ul a:hover { color: #fff !important; } .IE6 #nav li:hover ul, .IE6 #nav li.sfhover ul { left: auto !important; margin-left: auto; } .IE7 #nav li:hover ul, .IE7 #nav li.sfhover ul { left: auto !important; margin-left: auto; } /*# Navigation/Sub #*/ /*# General #*/ .pdfIcon { background:url(/ma/sprite-icons) -127px 0 no-repeat; padding-left:16px; line-height:16px; display:inline-block; } .pdfIcon span { display:inline-block; background:#fff; padding-left:5px; } .getAdobe { background:url(/ma/sprite-icons) 0 0 no-repeat; width:88px; height:31px; display:inline-block; } .getAdobe span { display:none; } a.freePropertyAppraisal:link, a.freePropertyAppraisal:visited { margin-top:10px; float:left; display:block; background:#333c40; color:#cdd521 !important; padding:3px 5px; text-transform:uppercase; width:100px; text-align:center; } a.freePropertyAppraisal:hover, a.freePropertyAppraisal:active { color:#738589 !important; } #slideshowImages { float:left; width:330px; height:460px;} .downloadRight { float:right; padding:10px; margin:0 0 5px 10px; background:#738589; color:#fff; } .downloadRight a { color:#fff; } .downloadRight a:hover { color:#333C40 !important; } /*# General/Portfolio #*/ #portfolioSlideshow { float:left; width:890px; height:300px; padding-bottom:10px; } #portfolioSlideshow img { width:890px; height:300px; } .portfolioLeft { float:left; border:1px solid #b3c1c2; border-right-width:0; border-left-width:0; float:left; width:260px; color:#fff; padding:10px; height:100px; font-size:11px; } .portfolioRight { float:left; border:1px solid #b3c1c2; width:420px; color:#fff; padding:10px; height:100px; font-size:11px; } .portfolioLeft a { color:#333c40; background:#CDD522; padding: 5px; text-decoration:none; display:block; width:150px; } .portfolioLeft li { padding-top:1px; } .portfolioLeft a:hover { color:#ffffff !important; background:#aab2b1; } /*# General/Scroll #*/ #scrollPane { width:530px; height:400px; outline: none; } .holder, .jScrollPaneContainer, .jScrollPaneScrollable, .scroll-pane { outline:none !important; } .snapShotScroll #scrollPane { height:383px; } .descriptionText #scrollPane { height:330px; width:257px !important; padding-right:20px; } .rentListing .descriptionText #scrollPane { height:180px; width:247px !important; padding-right:20px; } .staff-profile .section-c #scrollPane { height:266px; width:380px !important; padding-right:20px; } #scrollPaneA, #scrollPaneB, #scrollPaneC, #scrollPaneD, #scrollPaneE, #scrollPaneF, #scrollPaneG, #scrollPaneH, #scrollPaneI, #scrollPaneJ, #scrollPaneK, #scrollPaneL, #scrollPaneM, #scrollPaneN, #scrollPaneO, #scrollPaneP, #scrollPaneQ, #scrollPaneR, #scrollPaneS, #scrollPaneT, #scrollPaneU, #scrollPaneV, #scrollPaneW, #scrollPaneX, #scrollPaneY, #scrollPaneZ { width:520px; height:310px; outline: none; } /*# General/Offices #*/ .officeMap { float:left; min-height:352px; height:auto !important; height:352px; color:#738589; } .officeMap p a:link, .officeMap p a:visited { margin-top:5px; display:inline-block; background:#cdd522; padding:2px 5px; color: #738589 !important; text-decoration: none; } .officeMap p a:hover, .officeMap p a:active { color:#fff !important; } .contactPage { font-size:11px; } .contactPage a:link, .contactPage a:visited { color: #333c40 !important; text-decoration: none; } .contactPage a:hover, .contactPage a:active { color:#cdd522 !important; } .contactPage a.map-link { background:#cdd521; color:#333c40 !important; padding:3px 5px; } .contactPage a.map-link:hover { color:#738589 !important } .contactPage a.freePropertyAppraisal:link, .contactPage a.freePropertyAppraisal:visited { float:right; display:block; background:#333c40; color:#cdd521 !important; padding:3px 5px; text-transform:uppercase; width:100px; text-align:center; } .contactPage a.freePropertyAppraisal:hover, .contactPage a.freePropertyAppraisal:active { color:#738589!important; } .officeMap { float:left; clear:both; } .officeMap .map-search { margin:0; padding:0; height:400px; } .officeMap #Map { width:557px; height:400px; } .officeMap .map-search { float:left; width:870px; padding-left:20px; height:447px; display:block; } .officeMap #Map { float:right; margin:0 0px 0px 0; width:557px; height:447px; } .officeMap #map-side-bar { float:left; width:300px; padding:10px 10px 0 0; overflow:hidden; display:block; float:left; border-right:3px solid #333c40; height:447px; display:block; } .officeMap #map-side-bar .item { border:0; } .officeTitle { padding:0 0 10px 0; } /*# General/Suburb Snapshot #*/ #suburb-snapshot #zoneImage { width:330px; float:left; border-right:3px solid #333c40; } #suburb-snapshot #zoneTitle { width:557px; float:right; } #suburb-snapshot #zoneLeft { width:527px; float:right; padding:10px 15px; } #suburb-snapshot .pageTitle { padding-bottom:0; } #suburb-snapshot ul#suburbMenu { padding:0 15px; } #suburb-snapshot ul#suburbMenu li { float:left; } #suburb-snapshot ul#suburbMenu a { display:block; padding:0 10px 10px 0; } /*# General/Glossary #*/ .retp { color:#A5B7BA; float:left; width:370px; padding-left: 20px; font-size:15px; } .retp a { color:#A5B7BA; } .glossary-wrap { color:#2C393E; float:right; width:517px; padding:0 20px 20px 0; height:329px; overflow:hidden; } .glossary-wrap a { color:#2C393E; } .glossary h3 { font-size:17px; } .glossary { padding-bottom:14px; float:left; width:517px; } .anchorWrap { padding-bottom:10px; } #gB, #gC, #gD, #gE, #gF, #gG, #gH, #gI, #gJ, #gK, #gL, #gM, #gN, #gO, #gP, #gQ, #gR, #gS, #gT, #gU, #gV, #gW, #gX, #gY, #gZ { /*display:none;*/ } /*# General/Home #*/ #webbAlerts { color:#fff; border:1px solid #b3c1c2; border-right-width:0; border-left-width:0; float:left; width:260px; padding:10px; height:110px; font-size:11px; } #webbAlerts a { color:#cdd522; } #webbAlerts h2 { color:#cdd522; font-size:17px; padding-bottom:10px; } #homesForLife { color:#fff; border:1px solid #b3c1c2; border-left-width:0; float:right; width:320px; padding:10px; height:110px; font-size:11px; } #homesForLife a { color:#cdd522; } #homesForLife h2 { color:#cdd522; font-size:17px; padding-bottom:10px; } /*# General/Home/Search #*/ #home-search { float:left; height:110px; width:247px; padding:10px; border:1px solid #b3c1c2; font-size:11px; color:#fff; position:relative; } #home-search h2 { color:#cdd522; font-size:17px; padding-bottom:10px; } #home-search select { font-size:11px; } #home-search .search-form { width:250px; overflow:hidden; padding:3px 0 0 0; } #home-search .suburb select { height:auto; float:left; width:247px; } #home-search .suburb span { display:none; } #home-search .suburb { padding-top:7px; } #home-search .price { display:none; } #home-search .features { display:none; } #home-search label { display:none; } #home-search .type { padding:0; } #home-search .type span label { padding-left: 2px; width: 20px; } .IE7 #home-search .type span label { padding-top:3px; } #home-search .actions { float:left; width:248px; padding:0 2px 0 0; } #home-search .actions .button, #home-search .actions .mapButton { float:right; border:1px solid #b3c1c2; background: #333c41; color:#cdd522; width:44px !important; height:19px; text-transform:uppercase; cursor:pointer; } #home-search .actions .button:hover { color:#fff; } #home-search .actions .mapButton:hover { color:#cdd522; } #home-search .propertytype { padding:0; } #home-search .propertytype select { width:140px; position:absolute; top:42px; right:10px; } #home-search .searchtext input { width:241px; padding:2px; border:1px solid #b3c1c2; } #home-search .street-address .searchtext { float:left; width:190px; } #home-search .street-address .searchtext input { width:190px; } #home-search .street-address .actions { width:25px; clear:none; margin:0; padding:0 3px 0 0px; margin-left:13px; float:left; } .IE7 #home-search .street-address .actions { margin-left:7px; } #home-search .street-address .actions input { margin:0; float:left; } #home-search .suburb-postcode { float:left; padding:10px 0 10px 0; } #home-search .suburb-postcode .searchtext { float:left; width:140px; } #home-search .suburb-postcode .searchtext input { width:135px } #home-search .suburb-postcode .actions { width:107px; clear:none; margin:0; padding:0 3px 0 0; float:right; } #home-search .suburb-postcode .actions input { margin:0; } #home-search .suburb-postcode .mapButton { margin-right:3px !important; } /*# General/Home/Features #*/ #home-features { float:left; position:relative; width:890px !important; height:300px; overflow:hidden; padding:0; margin-bottom:10px; } #home-features .item { float:left; width:890px !important; } #home-features #navSlide { position:absolute; bottom:20px; right:310px; z-index:9; } #home-features #navSlide a { padding: 3px 5px; margin-left:5px; border: 1px solid #fff; color:#fff; background: #333c41; text-decoration: none; display:inline-block; } #home-features #navSlide a.activeSlide { color:#cdd522; } #home-features #navSlide a:focus { outline: none; } #home-features .image { float:left; width:600px; } #home-features .text { float:right; width:260px; margin-left:10px; height:280px; padding:10px; background:#738589; } #home-features h2 { color:#fff; font-weight:bold; font-size:14px; padding-bottom:10px; } #home-features p { color:#fff; } #home-features .readMore { background:#333c41; color:#738589; padding:3px 5px; text-transform:uppercase; margin-top:10px; display:inline-block; clear:both; } #home-features .readMore:hover { color:#fff !important; text-decoration:none; } #home-features .staff { position:absolute; bottom:5px; right:0; width:270px; font-size:11px; padding:0 !important; } #home-features .staff h3 { color:#fff; font-weight:bold; font-size:12px; } #home-features .staff a { color:#fff; } #home-features .staff a:hover { color:#cdd522 !important; } /*# General/Calculators #*/ .calculator { float: left; padding: 30px 50px; width: 600px; } .calculator .caption { float: left; padding-bottom: 5px; width: 120px; } .calculator .textbox { padding-bottom: 5px; } .calculator .textbox input { width: 170px; border:1px solid #ccc; } .calculator select { border:1px solid #ccc; } .calculator .button input { border:1px solid #ccc; padding:3px 5px; } /*# General/Testimonials #*/ .testimonials { float: left; padding: 10px 0 0 0; width: 930px; } .testimonials .item { border-bottom: 1px dashed #b2b2b2; padding-top: 20px; } .testimonials .name { font-weight: bold; padding: 5px 0 10px 0; } .testimonials .date { font-size: 10px; font-weight: bold; } /*# General/Google Map #*/ .map-search { float:left; width:610px; padding-left:20px; height:447px; overflow:hidden; margin-top:-48px; } #Map { float:left; margin:0 20px 0px 0; width:610px; height:447px; } #map-side-bar { float:left; width:300px; display:none; } #map-side-bar .item { width:300px; float:left; padding:10px 0; border-bottom:1px solid #000; } #map-side-bar .item h3 { float:left; } #map-side-bar .item h4 { float:right; } #map-side-bar .item p { float:left; clear:left; } #map-side-bar .item div { float:left; width:300px; clear:both; } #map-side-bar .item ul { width:120px; float:right; } #map-side-bar .item li { float:left; text-align:right; padding-left:5px; } #pagination { clear:both; } #pagination a, #pagination span.qp_counter{ float:left; display:block; padding-right:10px; line-height:20px; } .map-footer { float:left; width:400px; display:none; } .gm_marker {} .gm_marker h1 { font-size:14px; padding:0; } .gm_marker h2 { font-size:12px; } .gm_marker h3 { font-size:12px; } /*# Listings #*/ /*# Listings/Pager #*/ #PagerStyle, #BottomPagerStyle { float: right; padding: 10px 50px 10px 0; width:840px; } #PagerStyle .PagerNav { width:840px; float:left !important; } #PagerStyle .PagerNav, #PagerStyle .PagerSelect, #BottomPagerStyle .PagerNav, #BottomPagerStyle .PagerSelect { float: left; margin-left: 10px; } #PagerStyle .PagerNav span, #BottomPagerStyle .PagerNav span { font-weight: bold; } #PagerStyle a, #BottomPagerStyle a { display: inline-block; line-height: 20px; color:#000; } #PagerStyle span, #BottomPagerStyle span { display: inline-block; line-height: 20px; } #PagerStyle select, #BottomPagerStyle select { border: 1px solid #ccc; } .top-page { float: left; width: 780px; padding-bottom:20px; } .top-page a { background: url(/ma/sprite-icons) 0 -32px no-repeat; float: right; padding-left: 6px; color:#333c40; } .top-page a span { display:block; background:#fff; padding-left:5px; } /*# Listings/Map #*/ .gm_marker h1 { font-size: 13px; } .gm_marker h2 { font-size: 12px; font-weight: bold; } .gm_marker h3 { font-size: 12px; } /*# Listings/General #*/ .StickerNew { background: url(/ma/sprite-icons) -15px -41px; height: 25px; width: 113px; margin:-10px 0 10px -11px; } .StickerUnderOffer { background: url(/ma/sprite-icons) -388px 0; height: 60px; left: 0; position: absolute; top: 0; width: 60px; z-index: 2; } .StickerUnderContract { background: url(/ma/sprite-icons) -258px 0; height: 53px; left: 0; position: absolute; top: 0; width: 104px; z-index: 2; } .StickerLeased { background: url(/ma/sprite-icons) -363px 0; height: 53px; left: 0; position: absolute; top: 0; width: 103px; z-index: 3; } .StickerSold { background: url(/ma/sprite-icons) -148px 0; height: 53px; left: 0; position: absolute; top: 0; width: 108px; z-index: 3; } .listing { position: relative; } .listing .bbc { float: left; width: 120px; } .listing .bbc li { float:left; width:40px; padding-right:20px; line-height:16px; padding-bottom:10px; } .listing .bbc span { display:inline-block; width:24px; height:16px; background:url(/ma/sprite-bbc); text-indent:-9999px; } .listing .bbc .bed span { background-position:0 0; } .listing .bbc .bath span { background-position:-25px 0; } .listing .bbc .car span { background-position:-50px 0; } .listing .bbc .study span { background-position:-75px 0; } .listing .viewLink { font-weight: bold; } /*# Listings/Summary #*/ .listing-summary { margin: 0 auto; width: 890px; } .listing-summary .listing { float: left; margin-bottom: 10px; width: 840px; color:#333c40; border:2px solid #b3c1c2; border-left-width:0; } .listing-summary .listing h3 { padding-bottom:15px; font-size:13px; } .listing-summary .listing .image { float:left; width:280px; } .listing-summary .listing .image a { position:relative; display:block; width:279px; height:209px; overflow:hidden; } .listing-summary .listing .image a img { margin:-1px; } .listing-summary .listing .text { float:left; width:330px; padding:10px; } .listing-summary .listing .auctionDate { padding-top:6px; } .listing-summary .listing a { color:#333c40; display:block; } .listing-summary .bbc { margin-top:10px; } .listing-summary .extra { width:180px; float:right; padding:10px; } .listing-summary .extra a { color:#738589; display:inline-block; font-size:9px; padding-right:10px; text-transform:uppercase; } .viewMap { width:140px; padding:3px 0; text-align:center; font-weight:bold; font-size:12px !important; text-transform:lowercase !important; background:#CDD522; color:#333C40 !important; display:block; } .viewMap span { display:block; } /*# Listings/New #*/ .newListing { border:2px solid #87888a; border-left-width:0; } .newListing .newTitle { background:#333C40; color:#cdd522; padding:0 10px; line-height:30px; margin-bottom:10px; font-weight:bold; font-size:16px; } .newListing .addressText { float:left; width:200px; padding:13px 10px 10px 10px; } .newListing .bbc { float:right; } .newListing .extra { width:100px; float:left; font-size:11px; } .newListing .text { width:220px !important; font-size:11px; } .newListing h5 { padding-top:0; } /*# Listings/Featured #*/ #featured .listing { border:2px solid #333C40; } #featured .listing h3 { color:#cdd522; background:#333C40; padding:10px; float:left; width:540px; } #featured .listing h5 { padding-top:0; } /*# Listings/Detail #*/ #listing-detail { width:890px; margin:0 auto; } #listing-detail .text { line-height:1.3; padding:5px 0 10px 0; } #listing-detail .detailText { float:left; width:190px; padding:10px 10px 0 10px; font-size:11px; } #listing-detail .descriptionText { float:left; width:277px !important; padding:10px; overflow:hidden; font-size:11px; } #listing-detail .agent { float:left; width:645px; padding-top:10px; } #listing-detail .bbc { margin-top:5px; width:180px; } #listing-detail .bbc .bath { padding-right:60px; } #listing-detail .detailText h4 { font-weight:bold; padding-top: 10px; } #listing-detail .detailText .webID { font-weight:bold; } #listing-detail .detailText h3 { color:#2C393E; padding-bottom:10px; font-size:13px; p } #listing-detail .detailText .detailList strong { color:#2c383e; padding-top: 10px; display:block; } #listing-detail .detailText .toolbox a { color:#333c40; background:#CDD522; padding: 5px; text-decoration:none; } #listing-detail .detailText .toolbox li { padding-top:1px; } #listing-detail .detailText .toolbox a:hover { color:#ffffff !important; background:#333c40; } #listing-detail .detailText .dateAvailable span { display:block; } #listing-detail .detailText .inspect span, #listing-detail .detailText .detailList span { display:inline-block; width:100px; } #listing-detail .descriptionText h4 { color:#C3D941; font-size:17px; font-weight:normal; } #listing-detail .descriptionText .backUrl { float:right; } #listing-detail .descriptionText .backUrl a { width:90px; padding:5px 10px; font-weight:bold; text-align:center;color:#fff; display:block; background:#C3D941; text-decoration:none; } #listing-detail .descriptionText .backUrl a:hover { background:#667C82; } #listing-detail .imageContainer { float:left; width:380px; position:relative; border-right:3px solid #333c40; background:#333c40; } #listing-detail .imageContainer .slideshowSticker { background: url(/ma/slideshow) 0 0; height: 19px; right: 10px; position: absolute; top: 256px; width: 18px; z-index: 3; } #listing-detail .imageContainer .thumbs a { float:left; } #listing-detail .imageContainer .thumbs { float:left; width:384px; } #listing-detail .imageContainer .thumbs img { float:left; padding-right:4px; padding-bottom:4px; } #listing-detail .imageContainer #main { float:left; padding-bottom:3px; } .toolbox { width:140px; float:left; padding-top:5px; } .toolbox li, .toolbox a { display:block; height:auto; } .floorplanUrl { display:none; } .floorplanUrl.fpr0 { display:block; } /*# Listings/Brochure #*/ .printBrochure { padding: 10px; position: absolute; right: 0; } .Brochure { position: relative; width: 660px; } .Brochure #popup-banner { display: none; } .Brochure .brochureLogo { padding-bottom: 10px; } #brochure, #brochure .listing, #brochure #listing-detail { margin: 0 auto; overflow: hidden; width: 660px; } #brochure .imageContainer { background: none; height: 370px !important; } #brochure .imageContainer .thumbs { float: right; width: 160px; } #brochure .imageContainer .thumbs li { height: 120px; width: 160px; } #brochure .bbc-brochure { clear: both; float: left; padding: 5px 0; width: 660px; } #brochure .bbc-brochure li { float: left; font-weight: bold; width: 50px; } /*# Listings/OFI #*/ #OFI { width:850px; padding:0 0 20px 20px; float:left } #OFI #listing-ofi tr td.title { font-size: 13px; padding: 15px 0px 5px 0; } #OFI #listing-ofi tr.head { background: #f2f2f2; border: 1px solid #7f7f7f; font-size: 12px; } #OFI #listing-ofi tr.head th { padding: 5px 10px; } #OFI #listing-ofi tr.light { background: #f2f2f2; border: 1px solid #7f7f7f; } #OFI #listing-ofi tr.dark { background: #7f7f7f; border-left: 1px solid #7f7f7f; border-right: 1px solid #7f7f7f; color: #fff; } #OFI #listing-ofi tr.dark a { color: #fff; } #OFI #listing-ofi tr.dark a:hover { color: #cdd522 !important; } #OFI #listing-ofi tr.light a { color: #000; } #OFI #listing-ofi tr.light td, #OFI #listing-ofi tr.dark td { padding: 5px 10px; } /*# Listings/OFI PDF #*/ .ofiPrint .stripe { background: #d2d2d2; } .ofiPrint h2 { font-size: 18px; padding-top: 10px; } .ofiPrint strong { font-weight: bold; } .ofiPrint td { padding: 3px 5px; } /*# JQuery #*/ /*# JQuery/Carousel #*/ .jcarousel-skin-tango .jcarousel-container-vertical { height: 489px; width: 205px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { height: 163px; width: 245px; } .jcarousel-skin-tango .jcarousel-clip-vertical { height: 489px; width: 205px; } .jcarousel-skin-tango .jcarousel-item { height: 163px; width: 210px; } /*# Forms #*/ /*# Forms/Search #*/ .search-form { float: left; padding: 20px 0; width: 100%; } .search-form div { padding: 4px 0; } .search-form div div { padding: 0; } .search-form label { display: block; float: left; padding-right: 10px; text-align: right; width: 139px; } .search-form select { width: 200px; border:1px solid #ccc; } .search-form input { border:1px solid #ccc; } .search-form .type { display: block !important; height: 16px; padding-left: 149px; } .search-form .type input { float: left; border:0; } .search-form .type span label { display: inline-block !important; padding-left: 5px; width: auto; } .search-form .type br { display: none; } .search-form .enter-suburb { clear: both; width: 350px; } .search-form .enter-suburb input { float: right; font-size: 12px; width: 200px; } .search-form .enter-suburb span { color: #999; float: right; font-size: 10px; text-align: left; width: 200px; } .search-form .suburb { clear: both; float: left; width: 350px; } .search-form .suburb select { float: right; font-size: 12px; height: 100px; } .search-form .suburb span { color: #999; float: right; font-size: 10px; text-align: left; width: 200px; } .search-form .address { clear: both; overflow: hidden; width: 352px; } .search-form .address input { float: right; font-size: 12px; padding: 2px; width: 195px; } .search-form .propertytype, .search-form .propertygroup { clear: both; width: 350px; } .search-form .price { clear: both; float: left; } .search-form .price select { width: 95px; } .search-form .price .from { float: left; } .search-form .price .to { float: left; padding-left: 10px; } .search-form .price .from label, .search-form .price .to label { display: none; } .search-form .features { clear: both; width: 350px; } .search-form .features select { width: 95px; } .search-form .features .bedrooms { float: left; } .search-form .features .bathrooms { float: left; margin-left: 10px; } .search-form .features .carparks { clear: both; float: left; padding: 8px 0 8px 148px; } .search-form .features .bedrooms label, .search-form .features .bathrooms label, .search-form .features .carparks label { display: none; } .search-form .landarea { clear: both; width: 350px; } .search-form .landarea input { padding: 2px; width: 88px !important; } .search-form .landarea .landfrom { float: left; } .search-form .landarea .landto { float: left; padding-left: 10px; } .search-form .landarea .landfrom label, .search-form .landarea .landto label { display: none; } .search-form .actions { clear: both; width: 350px; } .search-form .actions .button { float: right; margin: 4px 1px; } .search-form .office, .search-form .surrondingsuburb { display: none; } /*# Forms/Search/Commercial #*/ .search-form .listingtype { display: block !important; height: 16px; } .search-form .listingtype br { display: none !important; } .search-form .listingtype input { float: left; width:auto !important; } .search-form .listingtype span label { padding-left: 5px; width: auto !important; display:block !important; } .search-form .floorarea, .search-form .landarea, .search-form .tenure { display:none; } .comm-search .features .carparks { float: left; margin: 0; padding: 0 0 0 144px; } .comm-search .features .carparks label { display: none; } /*# Forms/Search/Rural #*/ .search-form.rural .features .carparks { clear: none; padding: 0 0 0 10px; } /*# Forms/Search/Recent Sales #*/ .recentSalesSearch { padding:10px 10px 5px 10px !important; margin:20px 48px 10px 0; float:right !important; width:267px; height:auto !important; } .recentSalesSearch h2 { color:#333c40 !important; font-size:14px !important; font-weight:bold; margin:0 !important; padding:0 !important; } .recentSalesSearch .type { display:none !important; } .recentSalesSearch .search-form { padding:0 !important; } .recentSalesSearch .propertytype { display:none; } .recentSalesSearch .button { border:0 !important; } .recentSalesSearch .holdCtrl { display:inline-block; color:#999; font-size:9px; width:180px; margin-top:-10px; } /*# Forms/Search/Main #*/ #searchWrap { float:left; width:260px; } #quickSearch { padding-left:20px; } #quickSearch .actions .button { float:left; color:#b3c1c2; cursor:pointer; background:#323d40; padding:3px 4px; border:0; } #quickSearch .short input { border:1px solid #ccc; width:230px; padding:2px; font-size:10px; } #quickSearch .short { padding-bottom:5px; } #mainSearch { padding-left:20px; padding-bottom:20px; float:left; clear:both; } #mainSearch .search-form { padding:0; } #mainSearch label { display:none; } #mainSearch input { width:230px; padding:2px; } #mainSearch .suburb select { float:left; width:234px; } #mainSearch .propertytype select, #mainSearch .propertygroup select { width:234px; } #mainSearch select { width:112px; } #mainSearch .suburb span { float:left; } #mainSearch .enter-suburb span { float:left; } #mainSearch .enter-suburb input { float:left; } #mainSearch .carparks { padding-left:0; } #mainSearch .actions .button { width:auto; border:0; float:left; color:#b3c1c2; cursor:pointer; background:#323d40; padding:3px 4px; } /*# Forms/Bizforms #*/ .bizform * { margin: 0; padding: 0; } .bizform { line-height: 1.3; padding: 20px 0; } .bizform fieldset { margin-bottom: 20px; padding: 0 12px 12px 12px; } .bizform.boxed fieldset { border: 1px solid #ccc; } .bizform legend { color: #333; font-size: 1.1em; font-weight: bold; padding: 4px; } .bizform p { clear: both; padding: 3px 0; } .bizform .disclaimer p { margin: 0.5em 0; } .bizform .disclaimer h3+p { margin-top: 0; } .bizform ol { list-style-type: decimal; margin: 10px 20px; } .bizform li { padding: 4px 0; } .bizform label, .bizform span.EditingFormLabel { float: left; margin-right: 10px; padding-top: 2px; text-align: right; width: 140px; } .bizform select { width: 315px; border:1px solid #ccc; } .bizform input, .bizform textarea { width: 310px; border:1px solid #ccc; } .bizform .radio td { padding: 0; } .bizform .radio input { vertical-align: middle; width: auto !important; border:0; } .bizform .radio label { display: inline; float: none; margin-left: 10px; vertical-align: middle; width: auto; } .ErrorLabel { color: #f00; margin-left: 150px; padding: 15px 0; } .bizform .EditingFormErrorLabel { color: #f00; display: inline !important; margin-left: 10px; vertical-align: top; } .FormButton { cursor: pointer; margin: 10px 0 0 160px; width: auto !important; padding:3px 5px; } .bizform.boxed .FormButton { margin: 10px 0 0 20px; } /*# Forms/Bizforms/Property Appraisal #*/ #propertyAppraisal .radio .EditingFormLabel { display:none !important; } #propertyAppraisal .radio td { padding-bottom:3px; } #propertyAppraisal .radio label { text-transform:capitalize; } #propertyAppraisal { font-size:11px; color:#738589; } #propertyAppraisal .left { width:180px; padding-right:20px; } #propertyAppraisal .right { width:180px; float:left; } #propertyAppraisal input { width:180px; color:#738589; } #propertyAppraisal label { text-align:left; color:#738589!important; text-transform:uppercase; } #propertyAppraisal textarea { width:180px; height:46px !important; color:#738589; } #propertyAppraisal select { width:182px; color:#738589; } #propertyAppraisal .FormButton { float:left; margin-left:0; background:#333c40; border:0; color:#b3c1c2 !important; text-transform:uppercase; font-weight:bold; } #propertyAppraisal .row { padding-bottom:3px; } #propertyAppraisal legend { padding-left:0; } #propertyAppraisal fieldset { padding-top:0; margin:0; } #propertyAppraisal .required { text-transform:uppercase; } #propertyAppraisal .ErrorLabel { display:block; width:500px; margin:0; padding-left:10px; } .selectStaff { font-size:11px; width:190px; padding-left:10px; } .selectStaff select { width:180px; color:#738589; border:1px solid #ccc; } .selectStaff label { color:#738589!important; text-transform:uppercase; float: left; margin-right: 10px; padding-top: 2px; width: 140px; } #agentBox { display:none; } /*# Forms/Buyer Enquiry #*/ .webbLeft { float:left; width:800px; padding:0 20px 20px 20px; color:#738589; font-size:11px; } .webbRight { float:left; width:300px; color:#738589; font-size:11px; } .buyer-enquiry { padding:10px 20px; width:640px; font-size:11px; border:2px solid #b3c1c2; border-left-width:0; float:left; margin:15px 0; position:relative; } .buyer-enquiry div { padding: 2px 0; } .buyer-enquiry fieldset { display: block; padding-left: 40px; width: 440px; } .buyer-enquiry legend { color: #000; font-size: 1.1em; font-weight: bold; padding: 20px 10px; } .buyer-enquiry td { text-align: left; } .buyer-enquiry label { display: block; float: left; line-height: 18px; margin-right: 10px; width: 134px; clear:both; color:#738589; } .buyer-enquiry select, .buyer-enquiry input { width: 201px; border:1px solid #ccc; /*clear:both; float:left;*/ } .buyer-enquiry textarea { height: 100px; width: 231px; border:1px solid #ccc; } .buyer-enquiry .alertLeft { float:left; width:230px; } .buyer-enquiry .alertMiddle { float:left; width:250px; } .buyer-enquiry .alertRight { float:left; width:160px; padding-top:100px; } .buyer-enquiry .email, .buyer-enquiry .titles, .buyer-enquiry .givenname, .buyer-enquiry .surname { position:relative; } .buyer-enquiry .indicator { position:absolute; right:15px; top:20px; } .buyer-enquiry .validation { position:absolute; right:30px; top:7px; font-size:9px; color:#f00; } .buyer-enquiry .alertLeft label { padding-top:1px; } .buyer-enquiry .office { width: 400px; } .buyer-enquiry .checkbox input { width: auto !important; border:0; } .buyer-enquiry .contactable .checkbox, .buyer-enquiry .investment .checkbox { } .buyer-enquiry .contactable label, .buyer-enquiry .investment label, .buyer-enquiry .emailalert label { display: inline; float: none; margin:0; padding-left: 5px; /*width:130px !important; line-height:12px; height:16px;*/ } .buyer-enquiry .suburb .check-list, .buyer-enquiry .propertytype .check-list { background: #fff; border: 1px solid #ccc !important; float: left; height: 55px; overflow: auto; padding: 2px; width: 223px; } .buyer-enquiry .suburb .check-list label, .buyer-enquiry .propertytype .check-list label { display: inline; float: none; height: 14px; line-height: 14px; margin-left: 5px; width: auto; } .buyer-enquiry .suburb .check-list input, .buyer-enquiry .propertytype .check-list input { height: 14px; width: auto; border:0; } .buyer-enquiry .suburb .check-list table, .buyer-enquiry .propertytype .check-list table { width: 150px; } .buyer-enquiry .propertytype .check-list td { overflow: hidden; width: 200px !important; } .buyer-enquiry .suburb .check-list td, .buyer-enquiry .propertytype .check-list td { padding: 2px; } .buyer-enquiry .propertytype select { width:230px; } .buyer-enquiry .features, .buyer-enquiry .price, .buyer-enquiry .investment { clear: both; } .buyer-enquiry .features label { display: none; } .buyer-enquiry .features div label { display: block; } .buyer-enquiry .features { width:230px; } .buyer-enquiry .features .bedrooms { width:120px; float:left; } .buyer-enquiry .features .carparks { width:100px; float:left; } .buyer-enquiry .price, .buyer-enquiry .features { padding: 0; } .buyer-enquiry .price div label { display: none; } .buyer-enquiry .features select, .buyer-enquiry .price select { width: 110px; } .buyer-enquiry .price .from { float: left; } .buyer-enquiry .price .to { float: left; margin-left: 10px; } .buyer-enquiry .actions { position:absolute; right:112px; top:260px; } .IE7 .buyer-enquiry .actions { right:90px; } .buyer-enquiry .actions .button { padding:3px 5px; float:left; margin-left:0; background:#333c40; border:0; color:#b3c1c2 !important; text-transform:uppercase; font-weight:bold; } .buyer-enquiry .enquirytype br { display: none; } .buyer-enquiry .enquirytype { display: block !important; height: 16px; padding-left: 149px; } .buyer-enquiry .enquirytype input { display: inline; margin-right: 5px; width: auto; } .buyer-enquiry .enquirytype span label { float: none; width: 20px !important; display:inline-block; } .buyer-enquiry .suburb { clear: both; float: left; } .buyer-enquiry .propertytype { display: inline; float: left; margin: 3px 0; } .buyer-enquiry .propertytype .check-list div { overflow: hidden !important; width: 208px !important; } .buyer-enquiry .topText { width:640px; float:none; clear:both; } .buyer-enquiry .topText a { color:#738589; } .buyer-enquiry .topText a:hover { color:#333c40 !important; } .buyer-enquiry .topText h2 { color:#333c40; text-transform:uppercase; font-size: 14px; margin-bottom: 0px; font-weight:bold; } .loginEnquiry .buyer-enquiry .features { width:380px; } .loginEnquiry .buyer-enquiry .features div label { display: none; } .loginEnquiry .buyer-enquiry .features label { display: block; } .loginEnquiry .investment { padding-left:145px; } /*# Staff #*/ #staffSlideshow { float:left; height:460px; } /*# Staff/Summary #*/ .staff-all a.freePropertyAppraisal { position:absolute; bottom:10px; right:10px; } div.panes div.staffWrap { display:none; } .staff { padding-left:15px; } .staff .staff-item a.staff-link { font-size: 11px; width:60px; height:80px; display:block; overflow:hidden; border:1px solid #333c40; background-position:-1px -1px !important; } .staff .staff-item a.staff-link span { display:none; } .staff .staff-item img { float: left; margin:-1px; } .staff .staff-item { float: left; width: 60px; padding:0 9px 9px 0; } .staff ul.tabs { float:left; } .staff ul.tabs li { float:left; } .staff ul.tabs li a { color:#000; display:inline-block; padding:5px 10px; background:url(/ma/team-bg); border-right:1px solid #fff; } .staff ul.tabs li a:hover { background:#333c40; color:#fff !important; } .staff .staffWrap { float:left; clear:both; padding-top:10px; } .staff .TransformationError { display:none; } .staff .staff-name { display:block; text-align:center; line-height:25px; height:20px; color:#333C40; } /*#CNManagers .staff-item { width:119px; height:180px; } #CNManagers a.staff-link { width:119px; height:159px; }*/ #CNManagers .staff-item { width:96px; height:158px; } #CNManagers a.staff-link { width:96px; height:128px; } #CNManagers a.staff-name { width:102px; height:20px; margin-left:-3px; } #CNSales .staff-item { width:45px; height:60px; } #CNSales a.staff-link { width:45px; height:60px; } #CNAuctioneers .staff-item { width:96px; height:158px; } #CNAuctioneers a.staff-link { width:96px; height:128px; } #CNAuctioneers a.staff-name { width:102px; height:20px; margin-left:-3px; } #CNPropertyManagement .staff-item { width:51px; height:68px; } #CNPropertyManagement a.staff-link { width:51px; height:68px; } #CNMarketing .staff-item { width:114px; height:172px; } #CNMarketing a.staff-link { width:114px; height:152px; } /*# Staff/Tooltip #*/ .staff-link { display:block; color:#000; } .staff .tooltip { display:none; background:#333c40; padding:10px; color:#fff; width:350px; z-index:9; } .staff .tooltip img { padding-right:10px; float:left; width:120px; } .staff .tooltip strong { padding-bottom:10px; display:block; } .staff .tooltip span { color:#cdd522; display:block; padding-top:5px; } .staff .tooltip span:hover { color:#738589; } .staff .tooltip .text { float:left; width:220px; } .staff .tooltip a.emailAddress { color:#fff; } /*# Staff/Profile #*/ .staff-profile .section-c a.freePropertyAppraisal { position:absolute; bottom:-25px; right:-20px; } .staff-profile { color:#738589; font-size:11px; float:left; width:860px; clear:both; } .staff-profile h2 { font-size: 14px; font-weight: bold; text-transform:uppercase; } .staff-profile h3 { font-size: 13px; font-weight: bold; } .staff-profile a { color:#b3c1c2; } .staff-profile .section-a { float: left; width: 470px; position:relative; height:360px; } .staff-profile .section-a ul { margin: 10px 0; } .staff-profile .section-b { float: right; width: 190px; color:#323d40; } .staff-profile .section-b h2 { display:none; } .staff-profile .section-b a { color:#323d40; } .staff-profile .section-c { float:right; width:380px; position:relative; height:324px; } .staff-profile .section-c ul { margin: 10px 0; position:absolute; bottom:0; } .staff-profile .section-c ul li { line-height: 1.5; text-transform:uppercase; } .zoneSimple { position:relative; float:left; } .videoBackLink { position:absolute; top:315px; left:480px; } .videoBackLink a { color:#b3c1c2; } .videoBackLink { } .videoBackLink li { line-height: 1.4; text-transform:uppercase; font-size:11px; } .videoBackLink .backToPeople { padding-top:5px; } .videoBackLink .backToPeople a { background:#CDD522; color:#333C40 !important; padding:3px 5px; } .videoBackLink .backToPeople a:hover { color:#fff !important; } #staffSlideshow { float:left; } .staff-profile #navSlide { position:absolute; bottom:10px; left:280px; z-index:9; } .staff-profile #navSlide a { padding: 3px 5px; margin-left:5px; border: 1px solid #fff; color:#fff; background: #333c41; text-decoration: none; display:inline-block; } .staff-profile #navSlide a.activeSlide { color:#cdd522; } .staff-profile #navSlide a:focus { outline: none; } /*# Staff/Testimonials #*/ .agent-testimonials { clear: both; float: left; padding: 10px 0 0 270px; width: 400px; } .agent-testimonials h3 { font-size: 14px; font-weight: bold; } .agent-testimonials .item { border-bottom: 1px dashed #b2b2b2; padding-top: 20px; } .agent-testimonials .name { font-weight: bold; padding: 0px 0 10px 0; } /*# Membership #*/ /*# Membership/Main #*/ .accessDeniedSignOut { padding:10px 0 0 20px; } .account-links { padding:10px 0; margin-bottom: 10px; text-align: center; } .account-links a { color:#000; display:inline-block; padding:5px 5px; background:url(/ma/team-bg); } .account-links a:hover { background:#333c40; color:#fff !important; } .account-links .signoutButton { background: none; border: 0; } .account-links .signOutBtn { display: inline-block; } .account-links .signOutBtn input { width: auto; color:#000; display:inline-block; border:0; padding:4px 5px; background:url(/ma/team-bg); } .account-links .signOutBtn input:hover { background:#333c40; color:#fff !important; cursor:pointer; } .add-edit { float: right; font-size: 14px; padding: 0 10px; } .add-edit a { color:#738589 !important; } .add-edit a:hover { color:#333c40 !important; } .sign-out { position: absolute; right: 5px; top: 5px; } .sign-out-text { padding: 20px; } #enquiry-summary { border-bottom: 0; border: 1px solid #999; clear: both; margin: 20px auto 0 auto; width: 830px; } #enquiry-summary thead td { background: #333c40; color: #fff; font-size: 12px; font-weight: bold; padding: 10px; } #enquiry-summary tr.odd { background: #f2f2f2; } #enquiry-summary tr.even { background: #e2e2e2; } #enquiry-summary td { border-bottom: 1px solid #999; padding: 5px 10px; } #enquiry-summary a { color:#738589 !important; } #enquiry-summary a:hover { color:#333c40 !important; } /*# Membership/Login #*/ .loginForm { float: left; margin-left: 60px; width: 300px; } .loginForm h3, .registrationForm h3 { font-size: 16px; } .login-text { padding: 0 0 40px 40px; width: 400px; } .registrationForm { border-left: 1px solid; float: left; padding-left: 40px; width: 350px; margin-bottom:10px; } .loginForm input, .registrationForm input { border:1px solid #ccc; } .registrationForm label { width:140px; display:block; } .registrationForm .LogonTextBox { margin-bottom:2px !important; } .registrationForm .RadioButtonList label { width:auto; display:inline-block; padding:0 5px; } .remember-me { display:none; } /*# Membership/Form #*/ .ma-form { padding: 20px; } .ma-form div { clear: both; float: left; padding: 3px 0; width: 300px; } .ma-form label { display: block; float: left; line-height: 18px; width: 100px; } .ma-form input { width: 130px; } .ma-form .check-box input { width: auto !important; } .ma-form .check-box { margin-left: 100px; } .ma-form .check-box label { display: inline; float: none; margin-left: 5px; } .ma-form input.button { float: right; width: auto; } .ma-form .ma-button { width: 232px; } .buyer-enquiry .button { height: auto; margin-left: 184px; width: auto !important; } .CalendarIcon { height: auto !important; width: auto !important; } .requiredfrom label { padding-top: 10px; } .buyer-enquiry .enquirytype { width: 200px; } /*# SMS #*/ .smsEmail { padding-top:10px; } .smsEmail .sms { clear:both; float:left; padding-bottom:10px; } .smsEmail .sms p { font-weight:bold; } .smsEmail .sms label { width:100px; display:block; float:left; } .smsEmail .sms span { width: 168px; font-size:10px; float:right; text-align:left; color:#999; clear:both; font-size:9px; } .smsEmail .sms .name, .smsEmail .sms .phoneNumber { padding:3px 0; clear:both; } .smsEmail .sms .name input, .smsEmail .sms .phoneNumber input { width:150px; border:1px solid #999; } .smsEmail .sms .navigation { clear:both; float:right; } .smsEmail .sms .navigation input { background:#C3D941; color:#fff; font-weight:bold; padding:2px 3px; border:1px solid #C3D941; } .smsEmail .sms .navbutton { margin-top:5px; } .smsEmail .email { clear:both; float:left; padding-bottom:10px; } .smsEmail .email p { font-weight:bold; } .smsEmail .email label { width:100px; display:block; float:left; } .smsEmail .email span { width: 168px; font-size:10px; float:right; text-align:left; color:#999; clear:both; font-size:9px; } .smsEmail .email { padding:3px 0; clear:both; } .smsEmail .email input { width:150px; border:1px solid #999; } .smsEmail .email .navigation { clear:both; float:right; } .smsEmail .email .navigation input { background:#C3D941; color:#fff; font-weight:bold; padding:2px 3px; border:1px solid #C3D941; } .smsEmail .email .navbutton { margin-top:5px; width:auto; } .smsEmail .type { display: block !important; height: 16px; } .smsEmail .type input { display:inline-block; border:0; } .smsEmail .type span label { display: inline-block !important; padding:0 5px; width: auto; } .smsEmail .type br { display: none; } /*# Site #*/ /*# Site/Footer #*/ #footer { clear: both; float: left; width: 950px; margin-bottom:30px; color:#b3c1c2; position:relative; z-index:1; } #footer a { color:#333; } #footer a:hover { color:#CDD522 !important; text-decoration:none; } #footer .suburb { background:url(/ma/footer) top left; float:left; width:950px; height:55px; } #footer .suburb span { display:none; } #footer .links { float: left; } #footer .powered { float: right; } #footer ul { float:left; padding:10px 0 0 30px; text-transform:uppercase; font-size:9px; } #footer ul .title{ font-weight:bold; } #footer ul#buyMenu { padding-left:20px; } #footer ul#contactMenu { width:100px; } #followUsMenu { font-size:11px; padding:15px; float:left; color:#333; } #followUsMenu .title { padding-bottom:5px; } #followUsMenu .facebookIcon { display:inline-block; background:url(/ma/icons) top left; width:28px; height:28px; float:left; margin-right:2px; } #followUsMenu .twitterIcon { display:inline-block; background:url(/ma/icons) top right; width:28px; height:28px; float:left; } #followUsMenu a span { display:none; } #followUsMenu a.freePA { clear:both; } #followUsMenu a.freePA:link, #followUsMenu a.freePA:visited { margin-top:10px; float:left; display:block; background:#333c40; color:#cdd521 !important; padding:3px 5px; text-transform:uppercase; width:100px; text-align:center; } #followUsMenu a.freePA:hover, #followUsMenu a.freePA:active { color:#738589 !important; } #followUsMenu a.freePA span { display:block; } .poweredBy { font-size:8px; text-transform:uppercase; position:absolute; right:60px; top:25px; color:#b3c1c2; } .poweredBy a { color:#b3c1c2 !important; } /*# Site/Site map #*/ #siteMap { clear: both; float: left; min-height: 325px; padding: 10px 10px 10px 50px; width: 760px; } #siteMap ul { font-weight: bold; list-style: none !important; margin: 10px 0 !important; } #siteMap ul li { padding: 5px 0; } #siteMap ul ul { font-weight: normal; margin-left: 50px !important; } #siteMap ul ul li { padding: 2px 0; } #siteMap a:link, #siteMap a:visited { color: #000; text-decoration: none; } #siteMap a:hover, #siteMap a:active { text-decoration: underline; } /*# Site/Popups #*/ .ob_show_panel { overflow: hidden !important; } body.popup { background: #fff; width: 100%; } .popup #header { border: 0; clear: both; float: none; width: 100% !important; } .popup #container { background: none; height: 100%; width: 100%; } .popup #content { border: none; min-height: 100px; padding: 10px; } .popup #map { height: 420px; margin: 30px auto 0 auto; width: 540px; } .popup .main { clear: both; float: left; padding-top: 10px; width: 100%; } .popup .show { clear: both; margin: 0 auto; width: 800px; } .popup img#logo { margin: 20px; } .popup .wizard, .popup .wizardcomplete { border: 1px solid #ccc; height: 350px; margin-left: 100px; width: 600px; } .wizard .header, .wizardcomplete .header { background: #ccc; font-weight: bold; padding: 10px; } .wizard .mainstep, .wizard .step { padding-top: 10px; } .wizard .caption { clear: left; float: left; margin-top: 5px; padding-right: 10px; text-align: right; width: 280px; } .wizard .box { float: left; margin-top: 5px; width: 210px; } .wizard .validator { margin-top: 5px; } .wizard input, .wizard textarea { width: 200px; } .wizardcomplete .message { padding: 20px; } .popup .navigation { margin: 10px auto; position: relative; text-align: right; top: -40px; width: 500px; } .popup .form-email table { width: 100%; } #popup-container { margin: 0 auto; /*padding:10px;*/ } #popup-container.Slideshow, #popup-container.Floorplan { height: 723px; left: 50%; margin: -364px 0 0 -396px; position: absolute; top: 50%; width: 766px; } #popup-banner { background: #fff; height: 80px; padding: 10px; } #popup-wrapper { background-color: #fff; border: 3px solid #fff; } #popup-footer { background: #666; border-top: 3px solid #fff; clear: both; color: #fff; line-height: 2em; padding: 5px 10px; text-align: right; } #popup-footer a { color: #fff; } #popup-footer span { padding: 0 5px; } #popup-container.Email #popup-content { height: 350px; margin: 0 auto; overflow: hidden; width: 600px; } #popup-container.Email .wizard, .EmailFriend .wizardcomplete { border: none; height: 315px; width: 600px; } #popup-container.Email .header { background-color: #b2b2b2; color: #fff; font-size: 12px; font-weight: bold; padding: 10px; text-align: left; } #popup-container.Email .caption { clear: both; float: left; font-size: 12px; font-weight: bold; padding: 5px 5px 5px 5px; text-align: right; width: 200px; } #popup-container.Email .box { float: left; padding: 5px 5px 5px 5px; text-align: left; width: 240px; } #popup-container.Email .validator { color: #333333; float: right; font-size: 12px; font-weight: bold; padding-top: 8px; width: 115px; } #popup-container.Email input { border: 1px solid #999; width: 260px; } #popup-container.Email textarea { border: 1px solid #b2b2b2; height: 90px; width: 260px; } #popup-container.Email .message { float: left; font-weight: bold; padding: 10px; } #popup-container.Email .navigation { display: none !important; float: right; padding: 0 10px 10px 0; } #popup-container.Email .navbutton { background-color: #f2f2f2; border: 1px solid #b2b2b2; color: #666; cursor: pointer; float: right; padding: 2px; width: auto !important; } #popupLightBox { background: #fff; } #popupLightBox.Email { height: 350px; overflow: hidden; width: 600px; } #popupLightBox.Email .wizard, .EmailFriend .wizardcomplete { height: 280px; margin: 0 auto; width: 600px; } #popupLightBox.Email .header { background-color: #b2b2b2; color: #fff; font-size: 12px; font-weight: bold; padding: 10px; text-align: left; width:600px; } #popupLightBox.Email .caption { clear: both; float: left; font-size: 12px; font-weight: bold; height:10px; padding: 5px 5px 5px 5px; text-align: right; width: 200px; } #popupLightBox.Email .box { float: left; height:10px; padding: 5px 5px 5px 5px; text-align: left; width: 240px; } #popupLightBox.Email .validator { color: #333333; float: right; font-size: 12px; font-weight: bold; padding-top: 8px; width: 115px; height:15px; } #popupLightBox.Email input { border: 1px solid #999; width: 260px; } #popupLightBox.Email textarea { border: 1px solid #b2b2b2; height: 90px; width: 260px; } #popupLightBox.Email .message { float: left; font-weight: bold; padding: 10px; } #popupLightBox.Email .navigation { float: right; padding: 0 10px 10px 0; } #popupLightBox.Email .navbutton { background-color: #f2f2f2; border: 1px solid #b2b2b2; color: #666; cursor: pointer; float: right; margin-right: 50px; padding: 2px; width: auto !important; } #popupLightBox.Floorplan .error, #popupLightBox.Slideshow .error { height: 580px; height: auto !important; min-height: 580px; padding: 10px; } #pdf-floorplan { width:900px; margin:0 auto; } /*# Site/DesignMode #*/ .CMSEditModeButtonEdit, .CMSEditModeButtonDelete, .CMSEditModeButtonAdd { display: inline-block; float: left; width: auto !important; } #footHTML { clear:both; } /*# Site/Print #*/ .print, .printOfiButton { background: url(/ma/sprite-icons) -127px -17px no-repeat; display: block; height: 22px; position: absolute; right: 5px; top: 5px; width: 20px; z-index: 1; } .print span, .printOfiButton span { display: none; } .printOfiButton { z-index: 5; } @media print { body { color:#000 !important; } a, a:link, a:visited { color:#000 !important; text-decoration:none !important; } #navigation, #footer, #PagerStyle, .print, .top-page, .SoldSticker, .UnderContractSticker, .printBrochure, .note { display:none !important; } #logo a { font-size: 22px; height: auto; margin: 0px; text-indent: 0; width: auto; } }