/* Reset the Stylesheet */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }body{line-height:1; }ol, ul{list-style:none; }blockquote, q{quotes:none; }:focus{outline:0; }ins{text-decoration:none; }del{text-decoration:line-through; }table{border-collapse:collapse; border-spacing:0; } a img { border: none; } /* Provincial Real Estate v1.0 */ html { background: #1a1818; } body { background: #fff url("/images/bg.png") top left repeat-x; color: #3f4146; font: 12px Verdana, Arial, Sans-serif; } .clear { clear:both; height:0; font-size:1px; line-height:1px; width:100%; overflow:hidden; } h2 { font: bold 14px 'Lucida Grande', Verdana, Arial, Sans-serif; padding: 10px; } p { line-height: 20px; padding: 10px; } a { color: #343434; text-decoration: none; } a:hover { color: #77ba33; text-decoration: none; } /* Header & Nav */ #header { width: 1066px; height: 115px; margin: 0 auto; } #header a#logo { display: block; width: 197px; height: 84px; float: left; background: transparent url("/images/logo.png") 0 0 no-repeat; margin: 35px 0 0 241px; } #header a#logo span { display: none; } .nav { float: left; padding: 0; } .nav ul { width: 590px; height: 88px; background: transparent url("/images/menu.png") 0 0 no-repeat; margin-top: 11px; } .nav li { display: block; width: 118px; height: 88px; list-style-type: none; float: left; } .nav li a { display: block; width: 118px; height: 88px; background: transparent url("/images/menu.png") 0 0 no-repeat; float: left; } .nav li a#nav_home { background-position: 0px 0px } .nav li a#nav_buy { background-position: -118px 0px; } .nav li a#nav_sell { background-position: -236px 0px; } .nav li a#nav_rent { background-position: -354px 0px; } .nav li a#nav_about { background-position: -472px 0px; } .nav li a:hover#nav_home, .nav li a.active-trail#nav_home { background-position: 0px -88px; } .nav li a:hover#nav_buy, .nav li a.active-trail#nav_buy { background-position: -118px -88px; } .nav li a:hover#nav_sell, .nav li a.active-trail#nav_sell { background-position: -236px -88px; } .nav li a:hover#nav_rent, .nav li a.active-trail#nav_rent { background-position: -354px -88px; } .nav li a:hover#nav_about, .nav li a.active-trail#nav_about { background-position: -472px -88px; } .nav li a span { display: none; } /* Home Page Styles */ #banner { width: 990px; margin: 0 auto; padding: 40px 0 0; } #front_page .left_col { width: 670px; } #front_page .right_col { width: 170px; } /* Content */ #main { background: #fff url("/images/content_bg.png") top left repeat-x; margin-top: 40px; } #content { width: 920px; margin: 0 auto; background: transparent url("/images/tree.png") 0 0 no-repeat; padding-left: 70px; behavior: url("http://provincialrealestate.com.au/css/resources/iepngfix.htc") } #content_full { width: 990px; margin: 0 auto; } .one_col { padding: 20px; } #content_full .one_col { padding: 20px 0; } .left_col { padding: 20px; width: 320px; float: left; } .right_col { padding: 20px; width: 520px; float: left; } span.submitted { display: none; } .float_right { float: right; padding-left: 20px; } .float_left { float: left; } .buy_guides { width: 319px; height: 292px; float: right; background: transparent url("/images/buy_guides.png") top right no-repeat; behavior: url("http://provincialrealestate.com.au/css/resources/iepngfix.htc") } .sell_guides { width: 325px; height: 298px; float: right; background: transparent url("/images/sell_guides.png") top right no-repeat; behavior: url("http://provincialrealestate.com.au/css/resources/iepngfix.htc") } .staff_header { background-color: #585657; height: 26px; padding: 0 20px; font: bold 13px 'Lucida Grande', Verdana, Arial, Sans-serif; color: #fff; line-height: 26px; display: block; } .staff_header a { color: #fff; } .staff_info { border: 1px solid #585657; background-color: #ebebeb; padding: 20px; margin-bottom: 20px; } /* Buttons */ .attachments li a, a.upload_attachments, a.lge_grey_button { display: block; width: 160px; height: 25px; background: transparent url("/images/buttons/large_grey_button.png") top left no-repeat; text-align: center; color: #fff; line-height: 25px; margin: 10px; } a.mid_grey_button { display: block; width: 100px; height: 25px; background: transparent url("/images/buttons/medium_grey_button.png") top left no-repeat; text-align: center; color: #fff; line-height: 25px; } /* Lists */ ul.green_tick { margin: 0 10px; } ul.green_tick li { margin: 5px; padding-left: 20px; background: transparent url("/images/tick.png") 0 0 no-repeat; line-height: 16px; } /* Forms */ .webform-client-form label { display: block; width: 150px; float: left; margin: 10px; } .form-text { display: block; float: left; } .form-item { clear: left; } .form-submit { display: block; width:75px; height: 25px; background: transparent url("/images/buttons/small_grey_button.png") top left no-repeat; border: none; text-align: center; color: #fff; line-height: 25px !important; margin: 0 10px; padding: 0; } #search_form { width: 247px; height: 209px; background: transparent url("/images/searchform_bg.png") top left no-repeat; margin: 10px; padding: 20px; } #search_form label { margin: 10px; color: #fff; font: bold 13px 'Lucida Grande', Tahoma, Verdana, Arial, Sans-serif; } #search_form select { margin: 10px; font-size: 10.5px; } #search_form #suburb, #search_form #prop_type { width: 220px; } #search_form #minprice, #search_form #maxprice { width: 100px; float: left; } #search_form_inline { width: 859px; height: 25px; background: transparent url("/images/searchforminline_bg.png") top left no-repeat; margin: 10px; padding: 20px 0; } #search_form_inline label { float:left; margin: 3px 0 10px 10px; color: #fff; font: bold 13px 'Lucida Grande', Tahoma, Verdana, Arial, Sans-serif; } #search_form_inline select { float:left; margin: 3px 0 10px 10px; font-size: 10.5px; } #search_form_inline .form-submit { float: left; } #search_form_inline #suburb, #search_form_inline #prop_type { width: 150px; } #search_form_inline #minprice, #search_form_inline #maxprice { width: 90px; } /* Search Results */ #search_results .property { padding: 10px; } #search_results .property .prop_header { background-color: #585657; height: 26px; padding: 0 20px; } #search_results .property .prop_header h2 { padding: 0; font: bold 13px 'Lucida Grande', Verdana, Arial, Sans-serif; color: #fff; line-height: 26px; display: block; width: 250px; float: left; } #search_results .property .prop_header h3 { padding: 0; font: bold 13px 'Lucida Grande', Verdana, Arial, Sans-serif; color: #fff; line-height: 26px; display: block; width: 411px; float: left; } #search_results .property .prop_header h3.sold { text-indent: -999px; background: transparent url("/images/sold_banner.png") 0 3px no-repeat; behavior: url("http://provincialrealestate.com.au/css/resources/iepngfix.htc") } #search_results .property .prop_header h3.under_offer { text-indent: -999px; background: transparent url("/images/underoffer_banner.png") 0 3px no-repeat; behavior: url("http://provincialrealestate.com.au/css/resources/iepngfix.htc") } #search_results .property .prop_header h3.leased { text-indent: -999px; background: transparent url("/images/leased_banner.png") 0 3px no-repeat; behavior: url("http://provincialrealestate.com.au/css/resources/iepngfix.htc") } #search_results .property ul.bedbathcar { display: block; width: 159px; height: 26px; background: transparent url("/images/bedbathcar.png") top left no-repeat; float: left; } #search_results .property ul.bedbathcar li { display: block; width: 17px; padding-left: 36px; height: 26px; line-height: 26px; color: #fff; float: left; } #search_results .property .prop_wrapper { background-color: #ebebeb; padding: 20px; } #search_results .property .prop_image { float: left; width: 135px; } #search_results .property .prop_details { float: left; width: 645px; padding: 0 20px; } #search_results .property .prop_details h3 { color: #36832e; padding-bottom: 5px; } #search_results .property .prop_details h4 { color: #3c3d3e; padding-bottom: 5px; border-bottom: 1px solid #a9a9a9; } #search_results .property .prop_details p { padding: 20px 0; } #search_results .property .prop_details a.more_info { display: block; width: 96px; height: 25px; background: transparent url("/images/buttons/more_info.png") top left no-repeat; float: right; } #search_results .property .prop_details a.more_info span { display: none; } /* Search Details */ #search_details .property { padding: 10px; } #search_details .property .prop_header { background-color: #585657; height: 26px; padding: 0 20px; } #search_details .property .prop_header h2 { padding: 0; font: bold 13px 'Lucida Grande', Verdana, Arial, Sans-serif; color: #fff; line-height: 26px; display: block; width: 250px; float: left; } #search_details .property .prop_header h3 { padding: 0; font: bold 13px 'Lucida Grande', Verdana, Arial, Sans-serif; color: #fff; line-height: 26px; display: block; width: 521px; float: left; } #search_details .property .prop_header h3.sold { text-indent: -999px; background: transparent url("/images/sold_banner.png") 0 3px no-repeat; behavior: url("http://provincialrealestate.com.au/css/resources/iepngfix.htc") } #search_details .property .prop_header h3.under_offer { text-indent: -999px; background: transparent url("/images/underoffer_banner.png") 0 3px no-repeat; behavior: url("http://provincialrealestate.com.au/css/resources/iepngfix.htc") } #search_details .property .prop_header h3.leased { text-indent: -999px; background: transparent url("/images/leased_banner.png") 0 3px no-repeat; behavior: url("http://provincialrealestate.com.au/css/resources/iepngfix.htc") } #search_details .property ul.bedbathcar { display: block; width: 159px; height: 26px; background: transparent url("/images/bedbathcar.png") top left no-repeat; float: left; } #search_details .property ul.bedbathcar li { display: block; width: 17px; padding-left: 36px; height: 26px; line-height: 26px; color: #fff; float: left; } #search_details .property .prop_wrapper { background-color: #ebebeb; padding: 20px; } #search_details .property .prop_image { float: left; width: 400px; height: } #search_details .property #map_canvas { width: 398px; height: 298px; border: 1px solid #a9a9a9; } #search_details .property .prop_details { float: left; width: 450px; padding: 0 40px; } #search_details .property .prop_details h2 { padding: 0 0 20px 0; } #search_details .property .prop_details h3 { color: #36832e; padding-bottom: 5px; } #search_details .property .prop_details h4 { color: #3c3d3e; padding-bottom: 5px; border-bottom: 1px solid #a9a9a9; } #search_details .property .prop_details p { padding: 20px 0; } #search_details .property ul.propertysummary { width: 250px; margin: 10px; padding: 0; } #search_details .property ul.propertysummary li { line-height: 16px; padding: 5px; } /* Footer & Sitemap */ #footer { background: #1a1818 url("http://www.provincialrealestate.com.au/images/footer_bg.png") top left repeat-x; padding: 40px 0; } #site_map { width: 990px; padding: 0 38px; margin: 0 auto; background: transparent url("http://www.provincialrealestate.com.au/images/address_leaf.png") top right no-repeat; } #site_map ul { width: 665px; padding: 0; float: left; } #site_map ul li { display: block; list-style-type: none; float: left; width: 145px; } #site_map ul li.first { width: 85px; } #site_map ul li a { display: block; width: 100%; height: 23px; font: bold 13px 'Lucida Grande', Verdana, Arial, Sans-serif; color: #fff; line-height: 23px; } #site_map ul li a:hover { text-decoration: underline; } #site_map ul li ul { width: 145px; } #site_map ul li ul li { display: block; } #site_map ul li ul li a { display: block; width: 145px; height: 20px; font: normal 12px Verdana, Arial, Sans-serif; color: #5fb661; line-height: 20px; } #contact_address { width: 325px; float: left; color: #fff; text-align: right; font-size: 14px; } #footer a.pixo { background:transparent url("/images/pixo.png") no-repeat right top; display:block; float:right; font-size:10px; line-height:15px; padding-right:20px; } #footer a:hover.pixo { color: #5fb661; } #footer span.copy { font-size: 10px; } /* BEGIN GALLERIA STYLE */ #main_image { width: 400px; height: 300px; overflow: hidden; } #scroller { width: 400px; float: left; height: 85px; margin: 0; padding:0; } #images { height: 85px; } #images li img {display:none} .galleria{list-style:none;width:400px} .galleria li{display:block;width:75px;height:75px;overflow:hidden;float:left;margin:10px 10px 10px 0} .galleria li a{display:none} .galleria li div{position:absolute;display:none;top:0;left:180px} .galleria li div img{cursor:pointer} .galleria li.active div img,.galleria li.active div{display:block} .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:75px;height:75px} .galleria li .caption{display:block;padding-top:.5em} * html .galleria li div span{width:400px} /* MSIE bug */ span.caption { display: none; } /* start jcarousel */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; width: 330px; height: 75px; padding: 0 35px; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 330px; height: 75px; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; margin-bottom: 10px; } /** * The buttons are added dynamically by jCarousel before * the