/* UNIVERSAL TAGS ------------------------------------------------------------------------------------------------------- All universal non-page specific tags here eg body, h1-6, p a etc */ h1 { color:#08365E;} h2 { color:#08365E;} h3 { color:#08365E;} INPUT ,SELECT { color: #7f7f7f;} body { font-family: Trebuchet MS,Arial, Helvetica, sans-serif; color:#002f56; background:#e5e5e5 url(../images/bg.gif) repeat-y; background-position:center;} table.form-data td, table.form-data th {background:#b4c8d9;color:#012F56;padding:4px;border-bottom:1px solid #fff;} table.form-data tr.even td { background-color:#d8e2eb;} table.form-data th { background:#285C89 none repeat scroll 0 0; color:#FFFFFF;} #map-canvas { border:1px solid #688ba7;} #banner {padding-top:0px;margin-top:0px;} #banner div{width:150px;padding-top:0px;} /* HEADER & NAVIGATION BAR ------------------------------------------------------------------------------------------------------- including logo, top-navigation, masthead and my properties status box */ #topmenu { background: #103E66 url(../images/bg_menu.gif) repeat-x top left; color: #C1CD23;} #topmenu a { color: #C1CD23; border-right: 1px solid #2A616D;} #topmenu a:hover { color: #FFFFFF; background: url(../images/bg_menuon.gif) repeat-x;} #topmenu a.on { color: #FFFFFF; background: url(../images/bg_menuon.gif) repeat-x;} /* SUBMENU STYLES */ #submenu { background: #b0c5d7 url(../images/bg_submenu.gif) repeat-x top left; color: #fff;} #submenu a { color: #3D6384;} #submenu a:hover ,#submenu li:hover { background: #96adc1; color:#fff;} #submenu2 { background: #b0c5d7 url(../images/bg_submenu2.gif) repeat-x top left;color: #3d6384;} #submenu2 a { color: #3d6384;} #submenu2 a:hover { color: #083053; background: url(../images/bg_submenuon.gif) repeat-x;} /* CONTENT ------------------------------------------------------------------------------------------------------- All content page formatting here, h1-6, p a etc */ div#content .testimonial { background:#e8f2fb;margin:0 0 20px 0;padding:10px;} div#content .testimonial p { font-style:italic;font-size:13px;font-family:Helvetica, Arial, sans-serif;} .contents{ color:#2b5b86;} .contents a{ color:#2b5b86;} .currentenews{ background:url(../images/bg_newsletter_box.gif) top left no-repeat;color:#0b3961;} .currentenews a,.currentenews a:visited{color:#0b3961;} /*privacy*/ #privacy-policy{font-size:13px;color:#2b5b86;line-height:18px;padding:10px;} #privacy-policy h2 {color:#2b5b86;} .privacytable td{ background-color:#e8eef4;padding:5px;} /* SIDEBAR ------------------------------------------------------------------------------------------------------- Sidebar formatting for all content pages */ div#sidebar{margin-top:0px;} /* FOOTER ------------------------------------------------------------------------------------------------------- Standard footer formatting, text, background, link styling and any logos or artwork */ #footer { background: #a7ad1b url(../images/bg_footer.gif) top left;color: #3d6384;} #footer li { color: #828b05;} #footer .copyright, #footer .copyright a { color: #828B05;} #footer li a { color: #08365E;} /* HOMEPAGE ------------------------------------------------------------------------------------------------------- All homepage-specific elements such as feature properties, recent listings and */ /* FEATURE PROPERTY ---------------- */ #featureProperty { background:#a1b9cc url(../images/bg_featureprop.gif) no-repeat;} #featureProperty .view a.button{ background:#08365E url(../images/bg_button.gif) repeat-x; border:1px solid #300156; border-top:1px solid #08365E;color:#ffffff;} #featureProperty .heading { background:#1e4a6e url(../images/bg_featureprop_heading.gif) repeat-x;color: #ffffff;} #featureProperty .photo img { border:1px solid #08365e;} #featureProperty .icons { background:#002f56 url(../images/bg_icons.gif);color: #c1cd23;} #featureProperty .icons li.ico1 { background: url(../images/icon_bed.gif) center left no-repeat;} #featureProperty .icons li.ico2 { background: url(../images/icon_bath.gif) center left no-repeat;} #featureProperty .icons li.ico3 { background: url(../images/icon_car.gif) center left no-repeat;} #featureProperty .description { color: #002f56;} #featureProperty .description .suburb { color: #043259;} #featureProperty .description .address {color: #1b598e;} #featureProperty .description .title { color: #000000;} /* LATEST LISTING BOX ------------------ */ #controller-static.home #latestListings { background:#c2cd3f url(../images/bg_newlisting.gif) no-repeat;} #controller-static.home #latestListings .heading { background: #6d7412 url(../images/bg_newlisting_heading.gif) repeat-x;color: #ffffff;} #controller-static.home #latestListings a.viewall { background:#2B5B85 url(../images/bg_button.gif) repeat-x; border:1px solid #300156;color:#ffffff;} #controller-static.home #latestListings .listing { border-bottom-color: #97a115;} #controller-static.home #latestListings div.listing:hover { background:#f2fb6d !important;} #controller-static.home #latestListings .listing .photo { background-color: #6c7212;} #controller-static.home #latestListings .listing .suburb { color: #395300;} #controller-static.home #latestListings .listing .address { color: #395300;} #controller-static.home #latestListings .listing .price { color: #395300;} /* SEARCH ------------------------------------------------------------------------------------------------------- All search forms, including quick search, advanced search and refine search fields and formatting */ #toggle-advanced-search{ color:#0b3960; background:url(../images/arrowup.gif) center right no-repeat;} #toggle-basic-search{ color:#0b3960; background:url(../images/arrowdown.gif) center right no-repeat;} #search { color: #5c620c; background: #c1cd23 url(../images/bg_quicksearch.gif) top left no-repeat;} #search a.searchbutton{ color: #ffffff;background-color: #666D09;} #search a.searchbutton:hover{ background: #434800;} #search input { color: #777e15;} #search div.search-form-top{ background:url(../images/qsearch1.gif) top left no-repeat ;} #search #advanced-search-form{ color: #5c620c;} #search #advanced-search-form td{ color: #5c620c;} #search #advanced-search-form label.display{ border-bottom: 1px solid #8e9808;} /* RESULTS ------------------------------------------------------------------------------------------------------- All formatting for search results page with exception to refine search functions, found under SEARCH */ a.resultstaboff /*green*/{ background:#666d09; border:1px solid #666d09; border-right:1px solid #434709;border-bottom:1px solid #434709; color:#ffffff;} a.resultstab:hover /*light grey*/{ background:#d5d5d5; border:1px solid #d5d5d5; border-right:1px solid #434709;border-bottom:1px solid #434709; color:#ffffff;} a.resultstab /*grey*/{ background:#929292; border:1px solid #929292; border-right:1px solid #535353;border-bottom:1px solid #535353; color:#ffffff;} span.resultstaboff /*green*/{ background:#666d09; border:1px solid #666d09; border-right:1px solid #434709;border-bottom:1px solid #434709; color:#ffffff;} span.resultstab:hover /*light grey*/{ background:#d5d5d5; border:1px solid #d5d5d5; border-right:1px solid #434709;border-bottom:1px solid #434709; color:#ffffff;} span.resultstab /*grey*/{ background:#929292; border:1px solid #929292; border-right:1px solid #535353;border-bottom:1px solid #535353; color:#ffffff;} .h1results { color: #08365e;} td.resultheading{ color:#3d6384;} td.resultheading strong{ color:#3d6384;} .resultpaging{ color:#ffffff;} .resultpaging a,.resultpaging a:link{ color:#ffffff; background:#c1cd23;} .resultpaging a:hover{ color:#ffffff;background-color:#08365e;} .resultpaging span{ color:#ffffff;background-color:#08365e;} td.resultheading2{ color:#3d6384;} td.resultheading2 strong{ color:#3d6384;} .resultpaging2{ color:#ffffff;} .resultpaging2 a,.resultpaging2 a:link{ color:#ffffff;background-color:#c1cd23;} .resultpaging2 a:hover{ color:#ffffff;background-color:#08365e;} .resultpaging2 span{ color:#ffffff;background-color:#08365e;} .resultType{ color:#3D6384;border-bottom:1px solid #3D6384;} .resultPID{ color:#3D6384;border-bottom:1px solid #3D6384;} .resultPropHeading{ color:#08365E;} .resultPrice{ color:#969D01;} .resultIcons{} .resultIcons strong{ color:#ffffff;background-color:#08365e;} .resultMore a, .resultMore a:hover{ color:#fff; background:#c1cd23;} .resultSuburb, .resultSuburb a { color:#08365E;} .resultSuburb a img{border:1px solid #c1cd23;} .resultdescription{ color:#08365e;} ul.properties-list li.even{ background:url(../images/resultbg.gif) repeat-x;} ul.properties-list li.odd{ background:url(../images/resultbg_alt.gif) repeat-x; } /* PROPERTY RESULTS */ ul.properties-list li.property { border-top:1px solid #989fb4;} /* Feature Icons */ ul.properties-list li.property span.icons span{ color:#ffffff;background:#08365e;} ul.properties-list li.property span.icons span.bedrooms {background: #08365e url(../images/lblBed.gif) center left no-repeat;} ul.properties-list li.property span.icons span.bathrooms {background: #08365e url(../images/lblBath.gif) center left no-repeat;} ul.properties-list li.property span.icons span.carparks {background: #08365e url(../images/lblPark.gif) center left no-repeat;} /* PAGINATION */ .search-meta { color:#3d6384;} .pagination a, .pagination span { background: #969d01;color: #fff;} .pagination a:hover { background: #08365e;} .pagination span.current { background: #08365e;color:#ffffff;} .pagination span.disabled { background: #d3dc0d; } /* DETAILS and DETAILS POPUPS ------------------------------------------------------------------------------------------------------- All formatting and styling for property details page, INCLUDING all popups eg 'Print Brochure', 'Slideshow' */ td.property-details-column{ } #propertydetails { background: #fff url(../images/bg_propdetails.gif) no-repeat;} #propertydetails .heading { background: #829fb7 url(../images/bg_propdetails_heading.gif) repeat-x; color: #ffffff;} #propertydetails .suburb { color: #ffffff;} #propertydetails .address { color: #E5F100;} .type { color: #456B8D;} .banner { color:#E53400;} .price { color: #e5f100;} .salemethod { color: #ffffff;} #propertydetails .title{ color: #043259;border-top:1px solid #7E9AAF;} #propertydetails .descriptions{ color: #283746;} #controller-properties.action-details .iconbox { color: #666d09; background-color:#c1cd23; border:1px solid #666d09;} /**/ #controller-properties.action-details .features{ list-style-image: url(../images/bullet.gif);} /*features lists*/ #wrapper { background: #bac9d4 url(../images/bg_features.gif) no-repeat;} #wrapper .heading { background: #7E9AAF;color: #ffffff;} #wrapper .features{ color: #002f56;} #agentbox { background:#e0e691 url(../images/bg_agent.gif) no-repeat;} #agentbox li a { color: #70762d;border-bottom-color: #959d01;} #agentbox li a:visited { border-bottom-color: #d6de6d;} #agentbox li a:hover { color: #2B5B85; background: #fff; border-bottom-color: #959d01;} #agentbox li.title { border-bottom-color: #d6de6d;background:url(../images/icon_agent_title.gif) bottom left no-repeat;} #agentbox .agentimage{ border:1px solid #a2ad18;} #agentbox .agentdetails{ color:#70762d;} #agentbox .agentdetails strong{ color:#70762d;} #agentbox .agentdetails a{ color:#70762d;} #agentbox .wrap{ color:#70762d;} /* PROPERTY DETAIL POPUPS ---------------------- */ #popup INPUT ,#popup SELECT{ color: #002f56;} Body#popup { color: #002f56;} #popup .topbar { color:#c1cd23;} #popup .topbarright { } #popup input.button,#popup a.button{ color: #fff;border:1px solid #002f56;} #popup .slideshowaddress{ color:#5e3274;} #popup .slideshowsuburb{ color:#002f56;} #popup .btnicons{ border:1px solid #012f56;color:#fff;background:#2b5b85;} /* PRINT BROCHURE */ #printbrochure .maingimage img{ border:1px solid #002f56; } #printbrochure .features{ background:url(../images/bg_brochure_summary.gif) top right no-repeat;color:#70762d;} #printbrochure .features-inner{ color:#70762d;} #printbrochure .features-inner .category{ color:#70762d; } #printbrochure .features-inner .style{ color:#70762d; } #printbrochure .address { background-color:#c1cd23;color:#2B5B85;} #printbrochure .address b { color:#012F56;} #printbrochure .price { background-color:#c1cd23;color:#012F56;} .printbrochuredetails .pid { color:#666d09; } .printbrochuredetails .heading { color:#012F56; } .printbrochuredetails .description { color:#012F56; } #printbrochure .second-image img{ border:1px solid #012F56;} #printbrochureagent { color:#70762d;background:url('../images/bg_brochure_agent.gif') bottom right no-repeat; } #printbrochure .iconbox { color: #666d09; background-color:#c1cd23; border:1px solid #666d09;} #printbrochure #map_canvas{ border:1px solid #70762d; } #popup .printbrochure .mainimage{ border:2px solid #204397; } #popup .printbrochure .thumbs img{ border:2px solid #204397; } #popup .printbrochure .addresses{ background-color:#e2e9fb;} #popup .printbrochure .addresses .salemethod{ color:#ff0a20;} #popup .printbrochure .addresses .suburb{ color:#041a50;} #popup .printbrochure .addresses .propertyaddress{ color:#204397; } #popup .printbrochure .addresses .price{ color:#041a50;} #popup .printbrochure .addresses .type{ color:#204397;} #popup .printbrochure .params span{ color: #fff;} #popup .printbrochure .params span.ico1{ background: url(../images/bg_ico.gif) no-repeat;} #popup .printbrochure .params span.ico2{ background: url(../images/bg_ico.gif) no-repeat;} #popup .printbrochure .params span.ico3{ background: url(../images/bg_ico.gif) no-repeat;} #popup .printbrochure .params span.ico4 { background: url(../images/bg_ico.gif) no-repeat;} #popup .printbrochure .features{ background-color:#e2e9fb;} #popup .printbrochure .features b { color:#204397;} #popup .printbrochure .features li{ color: #041a50;background: url(../images/arrow_right_dark_s.gif) no-repeat 0 .5em;} #popup .printbrochure .propertydetails .heading{ color:#204397; } #popup .printbrochure .propertydetails .details{ color:#041a50; } #popup .printbrochure .propertydetails .details .sum{color:#041a50; } #popup .printbrochure #map_canvas { border: 2px solid #204397;} #popup #googlemap #map_canvas { border: 2px solid #204397;} #popup .tblHeader{ background-color:#96ab00; color:#ffffff;} #popup .tblSubHeader{ background-color:#d0d95a;} #popup.action-email_to_agent .repuired,#popup.action-email_to_friend .repuired{color:#939b00;} #popup.action-print_brochure .agent .contactagent{ color:#3b66d5;} #popup.action-print_brochure .agent .contactdetails { color:#041a50;} #popup.action-print_brochure .agent .spacer{ background-color:#5c85c6;} #popup.action-print_brochure .agent .agencyname{ color:#5c85c6;} #popup .propertyhits b span{ color:#000000;} #popup #signup_success { color:#4c4c4c;} #popup #signup_success li{ color:#b50001;} /* SLIDESHOW */ .slideshowbox{ background:#C1CD23;} .slideshow a{ color:#666D09;} .slideshow span.suburb { color:#ffffff;} .slideshow span.address { color:#043259;} .emailfriend { color:#08365e;background:#c1cd23;} /* AUCTIONS AND INSPECTIONS ------------------------------------------------------------------------------------------------------- Styling for OFI and Auction Time lists */ .listboxheader { background-color:#9353B9; color:#FFFFFF;} .listboxheader th.bedrooms { background:#9353b9 url(../images/bedrooms-home.gif) no-repeat scroll center center;} .listboxheader th.bathrooms { background:#9353b9 url(../images/bathrooms-home.gif) no-repeat scroll center center;} .listboxheader th.off-street-carparks { background:#9353b9 url(../images/offstreet-carparks-home.gif) no-repeat scroll center center;} .listboxheader th.secure-carparks { background:#9353b9 url(../images/carparks-secure-home.gif) no-repeat scroll center center;} table#listbox tr.even td { color:#012F56;} table#listbox tr.odd td { color:#012F56; background-color:#DCCBF1;} /* FORMS and CONTACT ------------------------------------------------------------------------------------------------------- All form formatting, typically used in Appraisal Requests, Maintenance and Contact Forms */ /* B: glovebox styles */ #GB_overlay { background: #000;} .GB_Gallery .content { background-color: #fff; border: 3px solid #ddd;} .GB_header { border-bottom: 2px solid #555; border-top: 2px solid #555;} .GB_header .inner { background-color: #333;} #GB_middle { color: #eee;} .GB_Window .content { background-color: #fff; border: 3px solid #c1cd23;} .GB_Window .header { border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; color: #333;} .GB_Window .on { border-bottom: 1px solid #333; } .GB_Window .click { border-bottom: 1px solid red; } #onlineenquiry a.submitbutton{ color: #c0ce51;background: #666D09;} #onlineenquiry a.submitbutton:hover{ background: #434800;} /* contact page */ #controller-static.action-contact .contentbox{} .contactrequired{ color:#c1cd23;} #contacttable .contactForm { background:url(../images/bg_contact.gif) top left no-repeat;} #contacttable .contactImages { background:url(../images/contactimages.gif) top left no-repeat;} #contacttable td.title{ color:#08365E;} #contacttable span.contactarrow{ color:#c1cd23;} .contactdetails{ color:#0a1f62;background:url(../images/bg_contactdetails.gif) top left no-repeat;} .contactdetails a{ color:#0a1f62;} #contacttable #map-canvas{ border:1px solid #688ba7;} /* appraisal */ #controller-enquiries.action-market_appraisal .repairform li { color:#447bab;} #controller-enquiries.action-market_appraisal .arrangementform { background-color:#e1e791; border:1px solid #c1cd23;} #controller-enquiries.action-market_appraisal .title { background-color:#c1cd23; color:#09365d;} #controller-enquiries.action-market_appraisal label { color:#565541;} #controller-enquiries.action-market_appraisal button, #controller-enquiries.action-market_appraisal input[type="submit"] { background:#2b5b86 url(../images/bg_button.gif) repeat-x scroll left top; border:1px solid #0e4774; color:#FFFFFF;} /* maintenance request */ #controller-enquiries.action-repair .repairform{ background-color:#d3e1f7;color:#1b4e9f;} #controller-enquiries.action-repair .repairdetails{ color:#1b4e9f;} #controller-enquiries.action-repair .arrangementform { background-color:#edf3fc;} #controller-enquiries.action-repair .company{ color:#1b4e9f;} #controller-enquiries.action-repair .companyname{ color:#0d4463;} #controller-enquiries.action-repair .arrangement{ color:#1b4e9f;} #controller-enquiries.action-repair .arrangement .text{ color:#0d4463;} #controller-enquiries.action-repair .arrangement .select{ color:#0d4463;} /* buyer enquiry */ #popup.action-email_home_finder table.form{ background-color:#e1e791;color:#565541; } #popup.action-email_home_finder table.form td.title{ background-color:#c1cd23;color:#09365d; } /* STAFF PROFILES ------------------------------------------------------------------------------------------------------- All styling for staff profiles pages */ /* JCAROUSEL */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 68px; height: 87px; } .jcarousel-list li img{ width: 68px; height: 87px; } /** * The buttons are added dynamically by jCarousel before * the