/* =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: 'Century Gothic', Arial, Helvetica, sans-serif; font-size: 1.2em; background: #4c4d4f; } h1 { font-size: 22px; color:#f37a29; } h2 { font-size: 14px; } 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: #000; text-decoration: none; } a:hover, a:active { text-decoration: underline; } input, select, textarea { font-family: 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; } .emptydatatext { padding: 10px 30px; } .hide { display: none; } .note { color:#f00; font-size:16px; display:block; clear:both; } .noDataText { width:812px; padding:3px 10px; float:left; background:url(/ma/listing-background); } /*# Content #*/ #yem-intro { float:left; width:900px; height:600px; padding-top:30px; position:relative; z-index:100; background:url(/images/enter-website) bottom center no-repeat; } #yem-wrap { margin:0 auto; width:900px; position:relative; } #enter-website { float:left; display:block; width:900px; height:630px; background:url(/images/enter-website) no-repeat; position:absolute; top:0; left:0; z-index:200; background:transparent; } #wrap { margin: 0 auto; width: 900px; } #header { float:left; width:900px; padding-top:30px; position:relative; height:160px; z-index:6; } #logo a { background: url(/ma/logo) no-repeat; display: block; float: left; height: 84px; text-indent: -9999px; width: 249px; } #content { float: left; height: 400px; height: auto !important; min-height: 400px; position: relative; width: 892px; margin-left:4px; background:url(/ma/yem-logo) no-repeat bottom right; padding-bottom:110px; } #background { float:left; width:900px; background:url(/ma/background) no-repeat center top fixed; margin-top:20px; } #zoneTitle { width:822px; float:left; padding:10px 0 10px 10px; margin-left:30px; background:url(/ma/listing-background); } #zoneMain { width:892px; float:left; } .pageText { padding: 0 10px; width:570px; float:left; } .pageText ul { list-style: disc; margin-left: 25px; padding: 5px 0; } .pageText ol { list-style: decimal; margin-left: 25px; padding: 5px 0; } .pageText li { padding: 3px 0; } #contentImages { float:right; width:230px; margin-right:-25px; margin-top:-10px; } #contentImages img { border:1px solid #fff; float:left; clear:both; margin-top:10px; } #contentImages br { display:none; } /*# Navigation #*/ /*# Navigation/Main #*/ #navigation { float: left; width: 900px; z-index: 9; } #nav, #nav ul { line-height: 35px; margin: 0; padding: 0; } #nav a { background:url(/ma/yem-menu) no-repeat; color: #000; display: block; text-decoration: none; width: auto; height:39px; font-size:1px; text-indent:-9999px; } #nav li.active ul a { } #nav .active a { } #nav li ul a { background: #f2f2f2; border: none; color: #000; height:20px; padding: 0 10px; font-size:11px; text-indent:0; position:relative; } #nav li ul a:hover { background: #4c4d4f; color: #fff; } #nav li { float: left; font-size: 12px; text-align: center; width: auto; position:absolute; } #nav li li { font-size: 11px; line-height: 20px; text-align: left; text-indent: 10px; width: 150px; position:relative; } #nav li ul { left: -999em; position: absolute; z-index: 9; } #nav li ul ul { left: -999em; position: absolute; z-index: 9; } #nav li ul ul a { width:240px !important; } #nav li ul li:hover a { background: #4c4d4f; color: #fff; } #nav li ul li li a { background: #ff9000 !important; } #nav li ul li li a:hover { background: #4c4d4f !important; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li li:hover ul, #nav li.sfhover li:hover ul { left: 238px; margin-top:-20px; } .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; } .IE7 #nav li ul li { margin-left: -75px !important; clear:both; } .IE7 #nav li li:hover ul, .IE7 #nav li.sfhover li:hover ul { left: 0 !important; margin-top:-20px; margin-left:302px !important; } .IE7 #nav li ul li ul { margin-left: 302px !important; clear:both; margin-top:-20px; } #nav .differenceMenu li a { background:#ff9000; width:218px; } #nav .buyingMenu li a { background:#bad700; width:130px; } #nav .sellingMenu li a { background:#00f0ff; width:134px; } #nav .rentingMenu li a { background:#ff00d2; width:186px; } #nav .contactMenu li a { background:#008aff; width:124px; } #nav .differenceMenu { width:238px; top:127px; left:83px; z-index:4; } #nav .buyingMenu { width:150px; top:99px; left:297px; z-index:6; } #nav .sellingMenu { width:154px; top:117px; left:441px; z-index:5; } #nav .rentingMenu { width:206px; top:86px; left:556px; z-index:7; } #nav .contactMenu { width:144px; top:110px; left:723px; z-index:6; } #nav .differenceMenu a { background-position: 0 0; } #nav .buyingMenu a { background-position:-239px 0; } #nav .sellingMenu a { background-position:-390px 0; } #nav .rentingMenu a { background-position:-545px 0; } #nav .contactMenu a { background-position:-752px 0; } #nav .differenceMenu a:hover, #nav .differenceMenu:hover a, #nav .differenceMenu.active a { background-position: 0 -40px; } #nav .buyingMenu a:hover, #nav .buyingMenu:hover a, #nav .buyingMenu.active a { background-position:-239px -40px; } #nav .sellingMenu a:hover, #nav .sellingMenu:hover a, #nav .sellingMenu.active a { background-position:-390px -40px; } #nav .rentingMenu a:hover, #nav .rentingMenu:hover a, #nav .rentingMenu.active a { background-position:-545px -40px; } #nav .contactMenu a:hover, #nav .contactMenu:hover a, #nav .contactMenu.active a { background-position:-752px -40px; } /*# 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; } /*# General/Home #*/ #homeText { background:url(/ma/listing-background); padding:50px 472px 20px 50px; color:#234d0f; font-size:24px; width:370px; min-height:326px; height:auto !important; height:326px; } /*# General/Dynamic Text #*/ #dynamicText { float:left; background:url(/ma/listing-background); padding:5px 0 15px 0; width:832px; margin:0 0 30px 30px; min-height:300px; height:auto !important; height:300px; } /*# General/Contact Page #*/ #contactPage { float:left; background:url(/ma/listing-background); padding:15px 0; width:832px; margin:0 0 30px 30px; } /*# General/Sales Feature #*/ /* #salesFeature { float:right; width:449px; padding:5px; border:1px solid #bbd800; background:#fff; margin-right:15px; } #salesFeature .image { display:block; width:449px; height:299px; overflow:hidden; position:relative; } #salesFeature .image img { margin:-1px 0 0 -1px; } #salesFeature span { color:#a4be00; display:inline-block; padding:5px 0 0 5px; } #salesFeature span.addressText { font-size:13px; padding-left:0; } #salesFeature a:hover { text-decoration:none; color:#000; } #salesFeature a:hover span { color:#000; } */ /*# General/Calculators #*/ .calculator { float:left; background:url(/ma/listing-background); padding:5px 20px 15px 20px; width:792px; margin:0 0 0 30px; } .calculator h2 { padding-bottom:10px; font-weight:bold; } .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; width: 880px; } .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/News #*/ #newsArticles { float: left; padding: 10px; width: 880px; } #newsArticles .item { border-bottom: 1px dashed #b2b2b2; padding:10px 0; float:left; } #newsArticles .item .newsTitle { font-weight: bold; padding: 5px 0 10px 0; } #newsArticles .item .newsDate { font-size: 10px; font-weight: bold; } #newsArticles .item .text {} /*# General/Google Map #*/ .map-search { float:left; width:580px; height:3800px; overflow:hidden; } #Map { float:left; width:580px; height:380px; overflow:hidden; margin-right:4px; } #map-side-bar { float:left; width:368px; overflow:hidden; background:url(/ma/listing-background); padding:10px; display:none; } #map-side-bar .item { width:200px; float:left; } #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 { display:none; } #pagination a, #pagination span.qp_counter{ float:left; display:block; padding-right:10px; line-height:20px; } .map-footer { float:left; width:300px; } .gm_marker {} .gm_marker h1 { font-size:14px; } .gm_marker h2 { font-size:12px; } .gm_marker h3 { font-size:12px; } /*# Listings #*/ /*# Listings/Pager #*/ #PagerStyle, #BottomPagerStyle { float: left; height: 20px; padding: 10px; width:812px; background:url(/ma/listing-background); margin-bottom:10px; } #PagerStyle .PagerNav, #BottomPagerStyle .PagerNav { float: left; margin-left: 10px; } #PagerStyle .PagerSelect, #BottomPagerStyle .PagerSelect { float: right; margin-left: 10px; } #PagerStyle .PagerNav span, #BottomPagerStyle .PagerNav span { font-weight: bold; } #PagerStyle a, #BottomPagerStyle a { display: inline-block; line-height: 20px; } #PagerStyle span, #BottomPagerStyle span { display: inline-block; line-height: 20px; } #PagerStyle select, #BottomPagerStyle select { border: 1px solid #ccc; } .top-page { float: left; width: 840px; padding:0 10px 5px 10px; background:url(/ma/listing-background); margin-bottom:10px; } .top-page a { /*background: url(/ma/sprite-icons) 0 -32px no-repeat;*/ float: right; padding-left: 6px; } .top-page a span { display:block; 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) -208px 0; height: 60px; left: 0; position: absolute; top: 0; width: 60px; z-index: 1; } .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) -328px 0; height: 60px; left: 0; position: absolute; top: 0; width: 60px; z-index: 2; } .StickerLeased { background: url(/ma/sprite-icons) -268px 0; height: 60px; left: 0; position: absolute; top: 0; width: 60px; z-index: 3; } .StickerSold { background: url(/ma/sprite-icons) -148px 0; height: 60px; left: 0; position: absolute; top: 0; width: 60px; z-index: 3; } .listing { position: relative; } .listing .bbc { float: left; width: 186px; color:#000; } .listing .bbc li { height: 30px; line-height: 30px; margin-bottom: 5px; text-indent: 11px; width: 62px; float:left; font-size:17px; } .listing .bbc span { display: none; } .listing .bbc strong { display: block; text-align: center; text-indent: 0px; width: 12px; font-weight:normal; padding:0 5px 0 px; } .listing .bbc .bed { background: url(/ma/sprite-bbc) 15px 0 no-repeat !important; } .listing .bbc .bath { background: url(/ma/sprite-bbc) 15px -30px no-repeat !important; } .listing .bbc .car { background: url(/ma/sprite-bbc) 15px -60px no-repeat !important; float:right; } .listing .viewLink { font-weight: bold; color:#66a300; } /*# Listings/Summary #*/ #listing-summary { margin: 0 auto 20px auto; width: 832px; clear:both; } #listing-summary .listing { float: left; margin-bottom: 10px; width: 812px; padding:10px; background:url(/ma/listing-background); } #listing-summary .listing h2 { color:#005991; font-size:17px; padding-bottom:10px; } #listing-summary .listing h3 { color:#043350; font-size:17px; text-transform:uppercase; clear:both; padding:10px 0; } #listing-summary .listing h4 { } #listing-summary .listing .image { float:left; width:300px; } #listing-summary .listing .image a { position:relative; display:block; width:279px; height:209px; overflow:hidden; } #listing-summary .listing .image a img { margin:-1px 0 0 -1px; } #listing-summary .listing .text { float:left; width:500px; color:#000; padding-top:10px; } #listing-summary .listing .auctionDate { padding-top:6px; } /*# Listings/Detail #*/ #listing-detail { margin: 0 auto; width: 860px; } #listing-detail .listing { background:url(/ma/listing-background); float:left; width:840px; padding:10px; margin-bottom:10px; } #listing-detail .listing h3 a { color: #666; } #listing-detail .listing h4 { font-size: 14px; text-transform: uppercase; } #listing-detail .left { height: 200px; height: auto !important; min-height: 200px; padding-right: 10px; width: 600px; } #listing-detail .right { width: 180px; } #listing-detail h1 { color: #005991; font-size: 20px; margin-bottom: 10px; padding: 0 0 5px 0; } #listing-detail h3.priceText { color: #000; float: right; font-weight: bold; font-size:18px; padding:10px 0; } #listing-detail h4.catchPhrase { font-weight: bold; } #listing-detail .dateAvailable { padding:5px 0; } #listing-detail .overview { float: left; height: 200px; height: auto !important; min-height: 200px; padding-top: 30px; position: relative; width: 840px; } #listing-detail .text { color: #000; float: left; height: 80px; height: auto !important; line-height: 1.3; margin-bottom: 10px; min-height: 80px; padding: 5px 0 10px 0; width: 600px; } #listing-detail .details { clear: both; float: left; padding-top: 20px; width: 840px; } #listing-detail .details h4 { font-size: 16px; font-weight: bold; text-transform: none; } #listing-detail .details dl { line-height: 16px; width: 300px; } #listing-detail .details dt { float: left; font-weight: bold; width: 90px; } #listing-detail .details dd { float: left; width: 200px; } #listing-detail .agent { float: left; width: 180px; color:#005991; } #listing-detail .agent h4 { font-size: 12px; font-weight: bold; text-transform: none; padding-top:20px; } #listing-detail .agent a { color:#005991; } #listing-detail .agent p { line-height: 20px !important; padding: 0 0 10px 0; } #listing-detail .agent .image { float: right; margin-left: 10px; width:74px; height:99px; overflow:hidden; border:1px solid #8f8f8f; } #listing-detail .agent img { float: right; margin:-1px 0 0 -1px; } #listing-detail .agent .member { float: left; width: 180px; padding-bottom:10px; } #listing-detail .imageContainer { height: 485px !important; overflow: hidden !important; } #listing-detail .imageContainer #main { float: left; } #listing-detail .imageContainer .thumbs { float: right; width: 180px; } #listing-detail .imageContainer .thumbs a { display:block; height: 158px; margin-bottom: 5px; overflow: hidden; width: 180px; } #listing-detail .imageContainer .thumbs a img { margin: -1px 0 5px -1px; } #listing-detail .bbchide { display: none; } .webFeatures { padding:10px 0; } .webFeatures li { padding: 3px 0; } /*# Listings/Detail/Toolbox #*/ .toolbox { clear: both; float: right; margin: 10px 0; width: 180px; } .toolbox a { background:url(/ma/toolbar) no-repeat 0 0; color: #354b58; display: block; height: 23px; line-height: 22px; padding-left: 10px; width: 170px; } .toolbox a:hover { color:#fff; text-decoration: none; } .toolbox li { float: left; text-align: left; } .toolbox .slideshowUrl a { background-position: -5px -23px; } .toolbox .floorplanUrl a { background-position: -5px -92px; } .toolbox .printPdfBtn a { background-position: -5px -69px; } .toolbox .emailFriendUrl a { background-position: -5px -115px; } .toolbox .emailAgentUrl a { background-position: -5px -115px; } .toolbox .mapUrl a { background-position: -5px -46px; height:22px; } .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 #*/ #listing-ofi { margin:0 auto 20px auto; width:832px; } #listing-ofi tr td.title { font-size: 13px; padding: 15px 0px 5px 0; } #listing-ofi tr.head { background: url(/ma/listing-background); border: 1px solid #7f7f7f; font-size: 12px; } #listing-ofi tr.head th { padding: 5px 10px; } #listing-ofi tr.light { background: url(/ma/listing-background); border: 1px solid #7f7f7f; } #listing-ofi tr.dark { background: url(/ma/ofi-dark); border-left: 1px solid #7f7f7f; border-right: 1px solid #7f7f7f; color: #fff; } #listing-ofi tr.dark a { color: #fff; } #listing-ofi tr.light td, #listing-ofi tr.dark td { padding: 5px 10px; } .downloadAppointment { display:block; width:16px; height:16px; background:url(/ma/sprite-icons) -16px -32px; } .downloadAppointment span { display:none; } /*# 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 #*/ #zone-search { float:left; margin:0 0 10px 30px; width:812px; padding:10px; background:url(/ma/search-background) } #zone-search .search-text { float:left; width:430px; color:#fff; font-size:23px; } #zone-search .search-text strong { font-size:28px; } #main-search { float:right; width:250px; padding:15px 0; } #main-search h2 { color:#005991; font-size:17px; padding-bottom:10px; font-weight:bold; } .search-form { float: left; padding: 0px; width: 250px; } .search-form div { padding: 4px 0; } .search-form div div { padding: 0; } .search-form select { width: 200px; border:1px solid #ccc; } .search-form input { border:1px solid #ccc; } .search-form .suburb { clear: both; float: left; width: 350px; } .search-form .suburb select { float: left; font-size: 12px; } .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 0 0; } .search-form .actions { padding-top:2px; float:left; width: 110px; } .search-form .actions .button { float: right; margin:0; width:105px; height:29px; border:none; background:url(/ma/search-button) no-repeat; color:#005991; font-weight:bold; } .search-form .actions .button:hover { cursor:pointer; color:#000; } .search-form label, .search-form .type, .search-form .enter-suburb, .search-form .suburb span, .search-form .address, .search-form .landarea, .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; border:none; } .search-form .listingtype span label { padding-left: 5px; width: auto; } .search-form .floorarea { clear: both; float: left; width: 100%; } .search-form .floorarea input { width: 93px; } .search-form .floorarea .from { float: left; } .search-form .floorarea .to { float: left; padding-left: 11px; } .search-form .floorarea .from label, .search-form .floorarea .to label { display: none; } .search-form .landarea { clear: both; float: left; width: 100%; } .search-form .landarea input { width: 93px; } .search-form .landarea .from { float: left; } .search-form .landarea .to { float: left; padding-left: 11px; } .search-form .landarea .from label, .search-form .landarea .to label { display: none; } .search-form .tenure { clear: both; float: left; width: 100%; } .search-form .tenure input { border:none; } .search-form .tenure table label { display: inline; float: none; height: 14px; line-height: 14px; margin-left: 5px; width: auto; } .comm-search .features .carparks { float: left; margin: 0; padding: 0 0 0 149px; } .comm-search .features .carparks label { display: none; } /*# Forms/Search/Rural #*/ .search-form.rural .features .carparks { clear: none; padding: 0 0 0 10px; } /*# Forms/Search/Home #*/ #home-search {} #home-search .search-form { padding:0; } #home-search label { display:none; } #home-search .suburb span, #home-search .suburb select, #home-search .enter-suburb input, #home-search .enter-suburb span, #home-search .actions .button { float:left; } #home-search .carparks, #home-search .type { padding-left:0; } /*# 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 .row { clear: both; padding: 3px 0; float:left; width:520px; } .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; } .bizform .RadioButtonList input { border:0; width:auto; } .bizform .RadioButtonList label { float:none; margin-left:10px; } .bizform .CheckBoxListField input { vertical-align: middle; width: auto !important; border:0; } .bizform .CheckBoxListField label { display: inline; float: none; margin-left: 10px; vertical-align: middle; width: auto; } .ErrorLabel { color: #f00; padding: 15px 0; font-size:11px; } .bizform .EditingFormErrorLabel { color: #f00; display: inline !important; float:left; width:360px; padding-left:150px; vertical-align: top; font-size:11px; clear:both; font-weight:normal;} .FormButton { cursor: pointer; margin: 10px 0 0 150px; width: auto !important; padding:3px 5px; } .bizform.boxed .FormButton { margin: 10px 0 0 20px; } .bizform .labelNote { padding-left:150px; font-size:11px; } #MarketAppraisl { padding: 0 10px; width:570px; float:left; } #contactForm { float:left; width:500px; } #contactForm label { text-align:left; width:100px; } #contactForm legend { padding:0; } #contactForm input { width:200px; } #contactForm textarea { width:200px; } #contactForm .FormButton { margin-left:110px; } /*# Forms/Buyer Enquiry #*/ .buyer-enquiry { padding: 0 10px; width:570px; float:left; } .buyer-enquiry div { padding: 2px 0; } .buyer-enquiry span.validation { color:#f00; } .buyer-enquiry fieldset { display: block; 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; text-align: right; width: 134px; } .buyer-enquiry select, .buyer-enquiry input { width: 231px; border:1px solid #ccc; } .buyer-enquiry textarea { height: 100px; width: 231px; border:1px solid #ccc; } .buyer-enquiry .office { width: 400px; } .buyer-enquiry .checkbox input { width: auto !important; border:0; } .buyer-enquiry .contactable .checkbox, .buyer-enquiry .investment .checkbox { margin-left: 144px; } .buyer-enquiry .contactable label, .buyer-enquiry .investment label { display: inline; float: none; margin-left: 5px; } .buyer-enquiry .suburb .check-list, .buyer-enquiry .propertytype .check-list { background: #fff; border: 1px solid #ccc !important; float: left; height: 100px; overflow: auto; padding: 2px; width: 225px; } .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 .features, .buyer-enquiry .price, .buyer-enquiry .investment { clear: both; } .buyer-enquiry .features label { display: none; } .buyer-enquiry .features div label { display: block; } .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 { clear: both; } .buyer-enquiry .actions .button { height: auto; margin-left: 144px; width: auto; padding:3px 5px; } .buyer-enquiry .emailalert label { display: inline; float: none; margin-left: 5px; } .buyer-enquiry .emailalert .checkbox { margin-left: 144px; } .buyer-enquiry .enquirytype { clear: both; float: left; margin-left: 146px; } .buyer-enquiry .enquirytype br { display: none; } .buyer-enquiry .enquirytype input { display: inline; float: left; margin-right: 5px; width: auto; border:none; } .buyer-enquiry .enquirytype label { float: left; width: 20px; } .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; } /*# Staff #*/ /*# Staff/Summary #*/ .staff { float:left; background:url(/ma/listing-background); padding:5px 20px 15px 20px; width:792px; margin:0 0 0 30px; } .staff h4 { border-bottom: 1px solid #ccc; clear: left; font-size: 13px; margin-bottom: 10px; padding: 10px 0 6px 0; } .staff .staff-item a { font-size: 10px; } .staff .staff-item p { margin-left: 130px; padding-top: 10px; } .staff .staff-item a.image { display:block; width:120px; height:160px; overflow:hidden; float:left; } .staff .staff-item img { float: left; margin:-1px 0 0 -1px; } .staff .staff-item { float: left; margin-left: 10px; padding: 5px 0; width: 250px; } /*# Staff/Profile #*/ .staff-profile { float:left; background:url(/ma/listing-background); padding:5px 20px 15px 20px; width:792px; margin:0 0 0 30px; } .staff-profile h3 { font-size: 14px; font-weight: bold; } .staff-profile .section-a { float: left; width: 250px; } .staff-profile .section-a .image { float: left; width: 195px; height:260px; overflow:hidden; } .staff-profile .section-a .image img { margin:-1px 0 0 -1px; } .staff-profile .section-a ul { margin: 10px 0; clear:both; float:left; } .staff-profile .section-b { float: left; width: 320px; } .staff-profile .section-b ul { margin: 20px 0; } .staff-profile .section-b ul li { line-height: 1.5; } .staff-profile .section-b ul li strong { display:inline-block; float: left; width: 70px; } /*# 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 { border-left: 0; border-right: 0; border: 1px solid; margin-bottom: 10px; text-align: center; } .account-links a { display: inline-block; padding: 5px; } .account-links .signoutButton { background: none; border: 0; } .account-links .signOutBtn { display: inline-block; } .account-links .signOutBtn input { background: none; border: 0; width: auto; } .add-edit { float: right; font-size: 14px; padding: 0 10px; } .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: 700px; } #enquiry-summary thead td { background: #335789; 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; } /*# 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; } .loginForm .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; border:1px solid #ccc; } .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 #*/ .sms {} .sms p { font-weight: bold; } .sms label { display: block; float: left; width: 80px; } .sms .name input, .sms .phoneNumber input { border: 1px solid #999; width: 150px; } .sms span { clear: both; color: #999; float: right; font-size: 10px; text-align: left; width: 200px; } .sms .name, .sms .phoneNumber { clear: both; padding: 3px 0; } .sms .navigation { clear: both; } /*# Site #*/ /*# Site/Footer #*/ #footer { color:#fff; clear: both; float: left; width: 880px; padding:40px 10px 10px 10px; background:url(/ma/footer) repeat-x #37373a; margin-bottom:20px; } #footer a { color:#fff; } #footer .links { float: left; width:400px; padding-top:15px; } #footer .powered { float: right; } #footer .afe { width:112px; height:151px; background:url(/ma/afe) no-repeat; margin-top:10px; display:block; float:right; clear:both; } #footer .social { float:left; width:120px; padding-top:15px; padding-left:20px; } #footer .social span { display:none; } #footer .social .facebook { width:40px; height:40px; display:inline-block; background:url(/ma/facebook); } #footer .social .youtube { width:40px; height:40px; display:inline-block; background:url(/ma/you-tube); margin-left:10px; } #footer .footer-logos { background:url(/ma/footer-logos) no-repeat; width:333px; height:79px; float:right; } #footer .footer-logos span { display:none; } /*# 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, .printStocklistButton { background: url(/ma/sprite-icons) -127px -17px no-repeat; display: block; height: 22px; position: absolute; right: 40px; top: 10px; width: 20px; z-index: 1; } .print span, .printOfiButton span, .printStocklistButton span { display: none; } .printOfiButton, .printStocklistButton { 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; } }