/*------------------------------------------------------------------ [Reset] */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { 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; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } .inner { padding: 9px 18px 18px 18px; } .small-inner { padding: 1px; } /*------------------------------------------------------------------ [Global] */ body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; text-align:center; background:#1D336B url(/images/body-bg.jpg) 0 0 repeat-x; } a { color: #FFFFFF; } a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: underline; } strong, b { font-weight: bold; } em, i { font-style: italic; } p { margin-bottom: 18px; } h1,h2,h3,h4 { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #1D336B; } h1 { font-size: 24px; line-height: 36px; margin-bottom: 18px; } h2 { font-size: 18px; line-height: 18px; margin-bottom: 18px; } h3 { font-weight: bold; font-size: 1em; line-height: 18px; } h4 { font-weight: bold; font-size: 10px; line-height: 18px; } /*------------------------------------------------------------------ [Layout] */ #wrapper { position:relative; margin: 0 auto 0 auto; width:960px; text-align:left; } #header { height:107px; } #logo { float:left; height: 107px; width:250px; background:url(/images/logo.png) 0 0 no-repeat; } #criteria-search { position:relative; float:right; height: 107px; width:515px; background: url(/images/criteria-search-bg.png) 0 0 no-repeat; } #criteria-search input#criteria { position: absolute; border: 0; top:18px; left:25px; width:353px; font-size:16px; } #criteria-search-buy { position: absolute; border: 0; top:14px; left:382px; width:56px; } #criteria-search-rent { position: absolute; border: 0; top:14px; left:444px; width:56px; } #criteria-search-buy a, #criteria-search-rent a { display:block; width:56px; height:30px; text-indent:-9000px; } #criteria-search-buy a:focus, #criteria-search-rent a:focus { outline:none; } #criteria-search-help { position: absolute; top:60px; left:305px; width:195px; height: 18px; text-align:left; font-size:10px; background:url(/images/help.gif) 100% 50% no-repeat; } #nav { position:relative; height: 30px; background:url(/images/nav.png) 0 0 no-repeat; } #nav ul li { float:left; width: 137px; height:30px; color:#FFFFFF; font-size:16px; font-weight:bold; text-align:center; line-height:30px; text-indent: -9000px; } #nav ul li {display: inline;} #nav ul li a:link, #nav ul li a:visited {display: block; text-indent: -9000px; text-decoration:none; font-size:0.1em; width:137px; height:30px; top:0; } /* Navigation Hover */ #nav ul li#nav-home a:hover { background: url(/images/nav.png) no-repeat 0 -30px;} #nav ul li#nav-buying a:hover { background: url(/images/nav.png) no-repeat -137px -30px;} #nav ul li#nav-selling a:hover { background: url(/images/nav.png) no-repeat -274px -30px;} #nav ul li#nav-renting a:hover { background: url(/images/nav.png) no-repeat -411px -30px;} #nav ul li#nav-projects a:hover { background: url(/images/nav.png) no-repeat -548px -30px;} #nav ul li#nav-aboutus a:hover { background: url(/images/nav.png) no-repeat -685px -30px;} #nav ul li#nav-contactus a:hover { background: url(/images/nav.png) no-repeat -822px -30px;} .p-home #nav ul li#nav-home a { background: url(/images/nav.png) no-repeat 0 -30px;} .p-buying #nav ul li#nav-buying a { background: url(/images/nav.png) no-repeat -137px -30px;} .p-selling #nav ul li#nav-selling a { background: url(/images/nav.png) no-repeat -274px -30px;} .p-renting #nav ul li#nav-renting a { background: url(/images/nav.png) no-repeat -411px -30px;} .p-projects #nav ul li#nav-projects a { background: url(/images/nav.png) no-repeat -548px -30px;} .p-aboutus #nav ul li#nav-aboutus a { background: url(/images/nav.png) no-repeat -685px -30px;} .p-contactus #nav ul li#nav-contactus a { background: url(/images/nav.png) no-repeat -822px -30px;} #content-wrapper { min-height: 600px; background: #FFFFFF url(/images/content-wrapper-bg.gif) 0 0 repeat-y; } #content { float: right; width: 800px; } #content a {color: #1D336B; } #content a:hover { color: #566690; } #content ul { list-style:disc; margin: 18px 18px 18px 36px; } #sidebar { float:left; width:160px; color: #F7B62D; background:url(/images/sidebar-bg.png) 0 0 no-repeat; min-height: 495px; } #sidebar h2 { font-size: 16px; color: #FFFFFF; margin-left:8px; margin-bottom:0; line-height:40px; font-weight:bold; } #sidebar ul ul { margin-left: 18px; } #sidebar li { margin-bottom: 6px; } #sidebar .inner { padding: 9px; } #offices { width:960px; height: 50px; margin-top: 1px; background:url(/images/offices-bg.png) 0 0 no-repeat; } #offices ul li { float:left; padding: 0 22px; height:50px; color:#FFFFFF; font-size:14px; text-align:center; line-height:48px; } #offices-home { width:960px; height: 50px; margin-top: 1px; background:url(/images/offices-bg.png) 0 0 no-repeat; } #offices-home ul li { float:left; padding: 0 12px; height:50px; color:#FFFFFF; font-size:14px; text-align:center; line-height:48px; } #footer { width:960px; height: 30px; line-height: 30px; font-size: 11px; color:#FFFFFF; } #footer p.left { float:left; margin-left: 18px; } #footer p.right { float:right; margin-right: 18px; } .office-left { float:left; width:49%; } .office-right { float:right; width:49%; } .office-left p, .office-right p { margin-bottom:0; } .gradient { background:url(/images/offices-bg.png) 0 0 no-repeat; height: 40px; margin: 1px; } .light-gradient { background:transparent url(/images/light-gradient.png) 0 100% no-repeat; margin: 1px; } .blue-gradient { background:url(/images/offices-bg.png) 0 0 no-repeat; margin: 1px; color:#FFFFFF; } .office-select { height:40px; line-height: 40px; padding:0 18px; text-align:right; } #slideshow { position:relative; height:210px; width: 960px; } #slideshow div.slide { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 210px; width: 960px; } #slideshow DIV.active { z-index:10; opacity:1.0; } #slideshow DIV.last-active { z-index:9; } div.featured { margin-bottom: 1px; } div.featured img { width:320px; } div.feature-one, div.feature-two, div.feature-three { float:left; width:320px; height:210px; overflow:hidden; } div.feature-two { width:318px; margin: 0 1px; } #home-content { margin-bottom: 1px; } #home-content h2 { color:#FFFFFF; text-shadow: #000000 1px 1px 2px; height: 1.2em; filter: Shadow(Color=#000000, Direction=135, Strength=2); } #quicksearch, #quicklinks, #emag { float:left; width:320px; height:290px; overflow:hidden; background:#1D336B url(/images/blue-gradient.png) 0 100% no-repeat; } #quicksearch input, #quicksearch select, #quicksearch label { font-size: 11px; } #quicksearch input, #quicksearch select { padding: 1px; } #quicksearch h2 { margin-bottom: 6px; } #buying-tab, #renting-tab { float:left; width: 141px; height: 25px; margin-bottom: 1px; text-align:center; } #buying-tab a, #renting-tab a { display:block; width:141px; height:25px; text-align:center; line-height: 25px; font-size: 14px; color:#FFFFFF; outline:none; } #buying-tab a:hover, #renting-tab a:hover { text-decoration:none; } #renting-tab { margin-left:2px; } #buying-tab.selected, #renting-tab.selected { background:url(/images/selected-tab-bg.png) 0 0; } #buying-tab.inactive, #renting-tab.inactive { background:url(/images/tab-bg.png) 0 0; } #qs-suburb-box { height: 100px; width:278px; overflow:auto; border: 1px solid #809DB9; background:#FFFFFF; margin-bottom: 5px; padding:2px; } #qs-keywords, #qs-price, #qs-bed-pt { margin-bottom: 6px; } #qs-price, #qs-bed-pt { height: 20px; } #qs-keywords input { width: 278px; border: 1px solid #809DB9; padding: 4px 2px; } #qs-price select { width: 135px; border: 1px solid #809DB9; } #qs-price .left { float:left; } #qs-price .right { float:right; } #qs-bed-pt select { width: 135px; border: 1px solid #809DB9; } #qs-bed-pt .left { float:left; } #qs-bed-pt .right, #qs-proptype { float:right; } #quicklinks { width:318px; margin: 0 1px; } #quicklinks li { margin-bottom:12px; font-size: 13px; } .photoid { text-indent:-9000px; background:url(/images/photoid.png) 0 0 no-repeat; height:52px; width:300px; margin: 0 9px; } .form .formLabel { font-weight: bold; float:left; text-align:right; width:160px; margin:0; padding:8px 10px 8px 0; } .form .formField { float:left; margin:0; padding:8px 10px 8px 10px; border-left: 1px solid #FFFFFF; } /* Property Alert */ #property-alert { margin-bottom: 1px; background:url(/images/offices-bg.png) 0 0 no-repeat; color:#FFFFFF; height: 40px; } #property-alert .inner { padding:9px; } #property-alert h2 { color:#FFFFFF; font-size: 14px; margin-bottom:0; } /* Search Form */ #search-toolbar { position:relative; height: 30px; background: url(/images/search-toolbar-bg.png) 0 0 no-repeat; line-height: 29px; } #tally { position:absolute; top:0; left:9px; height: 30px; line-height: 29px; } #printPDF { position:absolute; top:0; left:320px; width: 160px; text-align: center; height: 30px; line-height: 29px; } #toggleSearchForm { position:absolute; top:0; left:670px; width: 90px; text-align:right; cursor:pointer; height: 30px; line-height: 29px; } #office-select { position:absolute; top:0; left:630px; width: 150px; text-align:right; cursor:pointer; height: 30px; line-height: 29px; } .up-arrow { padding-right: 32px; background: url(/images/up-arrow.png) 100% 0 no-repeat; } .down-arrow { padding-right: 32px; background: url(/images/down-arrow.png) 100% 0 no-repeat; } #search-form { position:relative; background:url(/images/light-gradient.png) 0 100% no-repeat; height: 210px; } #search-form input, #search-form select, #search-form label { font-size: 11px; padding: 1px; } #search-form label { padding: 0; } #search-form p { margin-bottom: 2px; } #search-form .inner { padding:9px; } #options-box { position:absolute; top:5px; left:470px; height: 130px; width:320px; } #suburbs-box { position:absolute; top:5px; left:9px; height: 130px; width:220px; } #suburbs-box select { width: 222px; border: 1px solid #809DB9; } #search-suburbs { height: 85px; width:220px; overflow:auto; border: 1px solid #809DB9; background:#FFFFFF; margin-bottom: 5px; } #pt-box { position:absolute; top:5px; left: 239px; height: 130px; width:220px; } #search-pt { height: 85px; width:220px; overflow:auto; border: 1px solid #809DB9; background:#FFFFFF; margin-bottom: 5px; } .text-label { float: left; width:95px; margin-bottom: 7px; } .search-options {float:right; text-align:right; width:225px; margin-bottom: 7px; } .search-options select { border: 1px solid #809DB9; } .small, .small-left { width: 110px; } .small-left { margin-right: 5px; } .large { width: 225px; } /* Results */ .results { width:798px; margin-top: 1px; background:url(/images/light-gradient.png) 0 100% no-repeat; } .results-photo { float: left; width:250px; overflow:hidden; position:relative; } .results-banner { position:absolute; top:0; left:0; } .results-photo img { width: 250px; float: left; } .results-text { float: left; width:320px; } .results-text .inner { padding: 9px; } #content .results-text p { margin-bottom: 0; } #content .results-text h3 { font-size:16px; font-weight:bold; padding-bottom: 4px; } #content .results-text h4 { font-size:14px; font-weight:bold; color:#6C7CA8; padding-bottom: 4px; } #content .results-text h4 a { color:#6C7CA8; } #content .results-text h5 { font-size:12px; font-weight:bold; color:#333333; padding-bottom: 4px; } #content .results-text h5 a { color:#333333; } .results-icons { float: right; width:220px; } .results-icons .inner { padding: 9px 9px 9px 0; } .results-car, .results-bath, .results-bed { float: right; margin-left: 6px; font-weight:bold; color: #1D336B; } .results-icons h3 { text-align:right; margin: 9px 0; color:#333333; } #pagination { position:relative; height: 30px; background: url(/images/search-toolbar-bg.png) 0 0 no-repeat; line-height: 29px; margin-top: 1px; } #back-link { position:absolute; top:0; left: 0; width: 100px; text-align:left; height:30px; } #back-link a { display:block; width:70px; height:30px; padding-left:30px; background:url(/images/left-arrow.png) 0 0 no-repeat; color:#333333; } #next-link { position:absolute; top:0; left: 698px; width: 100px; text-align:center; height:30px; text-align:right; } #next-link a { display:block; width:70px; height:30px; padding-right:30px; background:url(/images/right-arrow.png) 100% 0 no-repeat; color:#333333; } #page-links { position:absolute; top:0; left: 100px; width: 598px; text-align:center; height:30px; } #back-link a:hover, #next-link a:hover { text-decoration:none; color:#333333; } #content .left { float:left; width:30%; text-align:left; } #content .right { float:right; width:69%; text-align:left; } #content .left p, #content .right p { margin-bottom: 9px; } /* Full Display */ #back-to-results { position:absolute; top:0; left:0; width:200px; height: 30px; line-height: 29px; } #back-to-results a { display:block; width:170px; height:30px; padding-left:30px; background:url(/images/left-arrow.png) 0 0 no-repeat; color:#333333; } #new-search { position:absolute; top:0; left:680px; width: 100px; text-align:right; height: 30px; line-height: 29px; } #new-search a { display:block; width:100px; height:30px; color:#333333; } #back-to-results a:hover, #new-search a:hover { text-decoration:none; color:#333333; } #address-wrapper { height: 40px; overflow: hidden; } #property-address { float:left; } #property-address .inner { padding-left: 9px; } #property-address h2 { margin-bottom:0; line-height:1; } #property-icons { float:right; } #mainphoto { float:left; width:590px; height:390px; overflow:hidden; position:relative; } #mainphoto img { width:590px; } #mainphoto #banner { position:absolute; top:0; left:0; } #photos { float:right; width: 207px; height: 390px; overflow:hidden; } #photos img { width:207px; } #property-links-wrapper { position:relative; height: 30px; background: url(/images/search-toolbar-bg.png) 0 0 no-repeat; line-height: 29px; } #property-links { float: left; height: 30px; line-height: 29px; margin-left:9px; } #property-links a { color:#333333; } #property-id { float:right; height: 30px; line-height: 29px; margin-right:9px; } #property-left-col { float: left; width:590px; } #property-left-col strong { color: #1D336B; } #property-right-col { float:right; width:207px; } #description { margin-bottom: 18px; text-align: justify; } .agent { float: left; width:50%; } .agentphoto { float:left; width:100px; margin-right:18px; } #contact-form-header, #email-form-header, #contract-form-header { position: relative; height: 30px; line-height:30px; color: #FFFFFF; background:url(/images/form-header-bg.png) 0 100% no-repeat; cursor: pointer; } #contact-form-header h3, #email-form-header h3, #contract-form-header h3 { color: #FFFFFF; margin-bottom: 0; padding-left:9px; line-height: 30px; } #contact-form-content, #email-form-content, #contract-form-content { background:url(/images/form-bg.png) 0 100% no-repeat; text-align: center; } .plus, .minus { position: absolute; top:0; right:0; width: 30px; height:30px;} .plus { background:url(/images/plus.png) 0 100% no-repeat; } .minus { background:url(/images/minus.png) 0 100% no-repeat; } /* Lists */ .rent-results { width:798px; margin-top: 1px; background:url(/images/light-gradient.png) 0 100% no-repeat; } .rent-results-photo { float: left; width:80px; overflow:hidden; } .rent-results-photo img { width: 80px; float: left; } .rent-results-address { float: left; width:260px; } .rent-results-available { float: left; width:240px; } .rent-results-address .inner, .rent-results-available .inner, .rent-results-price .inner { padding: 9px; } #content .rent-results-address h3, #content .rent-results-available h3, #content .rent-results-price h3 { font-size:12px; font-weight:bold; padding-bottom: 0px; } #content .rent-results-available h3, #content .rent-results-price h3 { padding-top:9px; } .rent-results-price { float: right; width:218px; } .ofi-results { width:798px; margin-top: 1px; background:url(/images/light-gradient.png) 0 100% no-repeat; } .ofi-results-photo { float: left; width:80px; overflow:hidden; } .ofi-results-photo img { width: 80px; float: left; } .ofi-results-suburb { float: left; width:260px; } .ofi-results-address { float: left; width:240px; } .ofi-results-address .inner, .ofi-results-suburb .inner, .ofi-results-times .inner { padding: 9px; } #content .ofi-results-address h3, #content .ofi-results-suburb h3, #content .ofi-results-times h3 { font-size:12px; font-weight:bold; padding-bottom: 0px; } #content .ofi-results-suburb h3, #content .ofi-results-address h3, #content .ofi-results-times h3 { padding-top:9px; } .ofi-results-times { float: right; width:218px; } /* Offices */ #office-details { margin-bottom: 9px; background:url(/images/light-gradient.png) 0 100% no-repeat; padding:9px; } #office-photo { float:left; width: 160px; } #office-photo { float:left; display:inline; } #office-address { float:left; } #office-address2 { float:left; margin-left: 18px; } #validateForm input, #validateForm select, #validateForm textarea { border: 1px solid #809DB9; } #validateForm label.error { margin-left: 5px; font-weight:bold; color:#CC0000; } #validateForm input.error, #validateForm select.error, #validateForm textarea.error { border: 1px solid #CC0000; } #validateForm .roundButton input { border:0; } /* Buttons */ .roundButton { font-size:12px; background: #F7B72F url(/images/button-bg.gif) 0 0 repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; width:135px; } .roundButton input { border:0; font-weight:bold; color:#1D336B; background:none; width:135px; text-align:center; width:135px; cursor:pointer; height:25px; line-height:22px; padding:0; } #content p a.external, #content td a.external { padding-right: 16px; background: url(/images/external.gif) 100% 50% no-repeat; } /* Slider */ .staff-photo-wrapper { position:relative; background: #121F41 url(/images/profile-bg.png) 100% 0 no-repeat; color:#FFFFFF; height:200px; width:500px; overflow:hidden; } .staff-photo-corners { position:absolute; top:0; left:0; height:200px; width:500px; background: url(/images/profile-corners.png) 0 0 no-repeat; } .staff-photo { float:left; width: 200px; height:200px; overflow:hidden; } .staff-details-wrapper { margin-top: 9px; } .staff-details { float:left; width: 200px; } .staff-details h2 { margin-bottom:2px; } .staff-details h3 { margin-bottom:9px; color:#6C7CA8; } .staff-description { float:left; width: 280px; padding-right: 8px; height: 600px; overflow: auto; } #slider { float:left; width: 500px; margin: 0 20px 20px 20px; position: relative; } .scroll { height: 900px; width: 500px; overflow: auto; overflow-x: hidden; position: relative; clear: left; } .scrollContainer div.panel { height: 860px; width: 500px; } .staffthumb a { display:block; height:80px; width:80px; border: 1px solid #CCCCCC; } .staffthumb a:hover { border: 1px solid #F7B62D; } #content img.scrollButtons { position: absolute; top: 90px; cursor: pointer; } #content img.scrollButtons.left { left: -20px; width: auto !important; } #content img.scrollButtons.right { right: -20px; width: auto !important; } .page-numbers { padding: 2px 4px; margin-right: 3px; border: 1px solid #ECEFF5; text-decoration:none; } .page-numbers:hover { border: 1px solid #999999; } .page-numbers.current { background-color:#1D336C; border-color:#1D336C; color:#FFFFFF; font-weight:bold; } .next.page-numbers { background: #ffffff; border-color:#ffffff; text-decoration: underline; } .hide { display: none; }