/* THEME NAME: Ah Sunflower THEME URI: http://www.agentlog.com.au DESCRIPTION: Ah! Sunflower, by William Blake, uses natural imagery to suggest how we are doomed and blessed by our desires. VERSION: 2.0 AUTHOR: Jen Germann AUTHOR URI: http://www.agentpoint.com.au */ /* John Ackroyd Real Estate */ /* widths 1 column : 105px 2 columns: 230px 3 columns: 355px 4 columns: 480px 5 columns: 605px 6 columns: 730px 7 columns: 855px 8 columns: 980px margin in between is 20px */ /* Global Styles ------------------------------------------------------------------*/ html, body { border:0; margin:0; padding:0; } body { background: #fff url(images/backgrounds/bg_body.gif) repeat-x 0 0; font-family: Arial, Verdana, sans-serif; font-size:100%; line-height:1.125em; color: #111; } /* font size is set to browser default, typically 16; line height: 16 x 1.125 = 18 */ body#lease-list, body#property-management, body#property-appraisal, body#rental-application-form { background-image: url(images/backgrounds/bg_body_lease.gif); } body#email_subscribe, body#team_page_popup { background-image: none; } /***** Main Containing Elements *****/ #header { width: 1000px; height: 185px; margin: 0 auto; } #main_body { width: 980px; margin: 0 auto; padding: 0; position: relative; } body#home #main_body { width: 100%; margin: 0; } body#email_subscribe #main_body { width: 460px; margin: 20px 0 0 20px; } #wrapper { width: 980px; background: url(images/backgrounds/bg_wrapper.gif) repeat-y 0 10px; margin: 1px 0 0 0; padding: 0; float: left; } body#lease-list #wrapper, body#property-management #wrapper, body#property-appraisal #wrapper, body#rental-application-form #wrapper { background-image: url(images/backgrounds/bg_wrapper_lease.gif); } #latest_listings { width: 980px; height: 680px; margin: 34px auto 0; padding: 0; clear: both; } #sidebar { width: 325px; height: 1300px; background: #9a9a9a url(images/backgrounds/bg_sidebar.gif) repeat-x 0 0; margin: 0; padding: 39px 15px 0; float: left; } body#lease-list #sidebar, body#property-management #sidebar, body#property-appraisal #sidebar, body#rental-application-form #sidebar { background-color: #e772a4; background-image: url(images/backgrounds/bg_sidebar_lease.gif); } body#home #sidebar { width: 100%; height: 380px; padding: 25px 0 30px; } body#property-page #sidebar { padding-top: 77px; } * html body#property-page #sidebar { padding: 10px 0 0 0; } #content { width: 605px; margin: 0; padding: 34px 0 20px 20px; float: right; } #extra { width: 100%; min-height: 300px; background: #303030 url(images/backgrounds/bg_extra.gif) repeat-x 0 0; margin: 0; padding: 25px 0 0 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; float: left; } * html #extra { padding-bottom: 0; } #footer { width: 100%; height: 50px; background: #78b228; padding: 20px 0 0 0; } body#lease-list #footer, body#property-management #footer, body#property-appraisal #footer, body#rental-application-form #footer { background: #d9528c; } /***** Typography *****/ /* Header designation: h1 - logo in the header h2 - article titles and content headers h3 - sidebar headers h4 - extra headers h5 - miscellaneous */ h1, h2, h3, h4, h5, h6, legend { margin:0; padding:0 0 18px; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; color: #78b228;} body#lease-list h1, body#lease-list h2, body#lease-list h5, body#lease-list h6, body#property-management h1, body#property-management h2, body#property-management h5, body#property-management h6, body#property-appraisal h1, body#property-appraisal h2, body#property-appraisal h5, body#property-appraisal h6, body#property-appraisal legend, body#rental-application-form h1, body#rental-application-form h2, body#rental-application-form h5, body#rental-application-form h6{ color: #d9528c; } h1 { line-height: 1em; padding: 0; } h2 { font-size:1.875em; line-height: 1em; letter-spacing: -1px; } h3 { font-size:1.5em; line-height: 1em; color: #e1e1e1; } h4 { font-size:1.25em; line-height: 1em; } h5, legend { font-size:1.25em; line-height: 1em; padding: 0; } h6 { font-size:0.75em; line-height: 1em; font-family: Arial, Verdana, sans-serif; padding: 0 0 6px; letter-spacing: normal; } p, ul, ol, label { margin:0; padding:0 0 16px; font-size: 0.75em; } #sidebar p, #sidebar ul, #sidebar ol, #sidebar label { color: #fff; } #extra p, #extra ul, #extra ol, #extra label { color: #d1d1d1; } p label, p input, label input, li label, li input { font-size: 1em; } #sidebar ul li ul p { font-size: 1em; } #header p, #footer p { font-size:0.75em; line-height: 1em; } blockquote { background: url(images/quote.gif) no-repeat 20px 3px; margin:0; padding:5px 50px 20px; } blockquote p { padding: 0; font-style: italic; } blockquote strong { color: #303030; } ul, ol { list-style:none; } small { font-size:0.85em; } img { border:2px solid #d9d9d9; } acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; } strong, em { } /***** Links *****/ /* links */ a:link, a:visited { color: #111; text-decoration: none; border-bottom: 1px dotted #aaa; } a:hover { color: #78b228; border-bottom: 1px solid; } body#lease-list a:hover, body#property-management a:hover, body#property-appraisal a:hover, body#rental-application-form a:hover { color: #d9528c; } #sidebar a:link, #sidebar a:visited, #sidebar a:hover { color: #d5e04d; border: 0; } #sidebar:hover a { border-bottom: 1px dotted #d5e04d; } #sidebar:hover a:hover { border-bottom: 1px solid #d5e04d; text-decoration: none; } body#lease-list #sidebar a, body#property-management #sidebar a, body#property-appraisal #sidebar a, body#rental-application-form #sidebar a { color: #aad272 !important; border-color: #aad272 !important; } #extra a:link, #extra a:visited, #extra a:hover { color: #d1d1d1; border: 0; } #extra:hover a { border-bottom: 1px dotted #919191; } #extra:hover a:hover { border-bottom: 1px solid #c1c1c1; text-decoration: none; } body#lease-list #extra a, body#property-management #extra a, body#property-appraisal #extra a, body#rental-application-form #extra a { color: #d1d1d1 !important; border-color: #919191 !important; } a.emphasize:link, a.emphasize:visited { font-style: italic; color: #d5e04d; } h2 a:link, h3 a:link, h4 a:link, h2 a:visited, h3 a:visited, h4 a:visited { color: #78b228; border: 0; } body#lease-list h2 a:visited, body#property-management h2 a:visited, body#lease-list h3 a:visited, body#property-management h3 a:visited, body#lease-list h4 a:visited, body#property-management h4 a:visited, body#property-appraisal h2 a:visited, body#property-appraisal h3 a:visited, body#property-appraisal h4 a:visited, body#rental-application-form h2 a:visited, body#rental-application-form h3 a:visited, body#rental-application-form h4 a:visited { color: #d9528c; } h2 a:hover, h3 a:hover, h4 a:hover { color: #111; border-bottom: 1px solid; } p.more, li.more, li.more a, p.more a, p.whatis, p.whatis a { color: #d5e04d !important; font-weight: bold; } /***** Forms *****/ form { margin:0; padding:0; } input, select, textarea { background: #e1e1e1; margin: 0; font-size:0.75em; } input { padding: 1px 3px; } label input, p input, input.calculate { font-size: 1em; } body#fourOfour input { margin: 0 5px; } textarea { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; line-height:1.25em; } body#email_subscribe input.radio { border: 0; } body#email_subscribe input.textbox, body#email_subscribe textarea.textarea { width: 244px; padding: 3px; font-size: 0.9375em; } body#email_subscribe textarea.textarea { height: 74px; } label { } /***** Tables *****/ table { border:0; margin:0; padding:0; } table td { padding:2px; } /***** Global Classes *****/ .clearer { clear:both; } .float-left { float:left; } .float-right { float:right; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } hr { background: #fff; color: #fff; margin: 10px 0 20px !important; } #sidebar hr { margin: 5px 0 14px !important; } body.contributors hr { margin: 0 0 27px 0 !important; } hr.solid { border-style: solid; border-color: #a9a9a9; } .underline { margin: 0; padding: 0; border: 0; border-bottom: 1px solid #a9a9a9; clear: both; } .highlight { background:#ffc; } .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } .nopadding { padding:0; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none;background: none !important; } /* Main Content Elements ------------------------------------------------------------------*/ /***** Header *****/ .headerwrap { } h1.logo { width: 260px; height: 150px; margin: 0; padding: 0; float: left; } h1.logo a { width: 260px; height: 150px; border: 0; display: block; } h1.logo img { border: 0; padding: 0; } h5.description { margin: 87px 10px 0 0; float: right; color: #fff; font-size: 1.75em; font-style: italic; } body#home h5.description, body#lease-list h5.description, body#property-management h5.description, body#property-appraisal h5.description, body#rental-application-form h5.description { margin: 0 10px 0 0; } body#home h5.description img, body#lease-list h5.description img, body#property-management h5.description img, body#property-appraisal h5.description img, body#rental-application-form h5.description img { border: 0; } /***** Navigation Styles *****/ #nav { width: 994px; height: 25px; margin: 0; padding: 0; } #nav ul { width: 630px; margin: 0; padding: 0; list-style:none; font-size: 0.6875em; float: right; } #nav ul li { float: left; } #nav ul li a { height: 21px; margin: 0; padding: 4px 10px 0; float: left; border: 0; display: block; text-decoration: none; color: #fff; } * html #nav ul li a { height: 25px; margin-right: 15px; } #nav ul li a:hover { background-color: #d5e04d; color: #101101; } /* drop down menus */ #nav ul li ul { width: 155px; background: #101101; margin: 0 0 0 -12px; padding: 0; border: 1px solid #fff; border-bottom: 0; position:absolute; left: -9999px; z-index: 99; font-size: .9375em; } #nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; } #nav ul li ul li { width: auto !important; height: auto; background: #101101; margin: 0; padding: 0; float:none; clear:both; } * html #nav ul li ul li { height: 22px; } #nav ul li ul li a { width: 129px !important; height: auto; margin: 0; padding: 4px 13px; display: block; float: none; clear:both; border-bottom: 1px solid #fff; color: #fff; } /***** Content *****/ /***** Sorter and Search filter *****/ .sorter_search_quick { width: 605px; margin: 0; padding: 0 0 1px 0; border-bottom: 1px solid #666; float: left; clear: both; } p.sorter_nav { float:left; } p.sorter_nav a { margin: 0 9px 0 3px; padding: 0; font-weight: bold; } p.sorter_nav a.sortDateAdded { background: none; } p.sorter_nav a:hover { } div.entry form { } p.number_properties { } .property_type_dropdown { float: right; } .property_type_dropdown select { font-size: 0.75em; } /***** Page toolbar *****/ .page_toolbar { width: 605px; margin-bottom: 12px; padding: 3px 0 4px 0; border-bottom: 1px solid #666; font-size: 0.75em; } .page_prev { float: left; margin-right: 20px; } .page_prev a { height: 10px; background: url(images/icons/icon_prev.gif) no-repeat 0 center; margin: 0; padding: 0 0 0 7px; } .page_next { float: right; } .page_next a { background: url(images/icons/icon_next.gif) no-repeat 100% center; margin: 0; padding: 0 7px 0 0; } .page_numbers { width: 415px; float: left; overflow: hidden; } .page_numbers a { height: 8px; background: url(images/icons/icon_page_number.gif) no-repeat 100% center; margin: 0 6px 0 1px; padding: 0; } .page_prev a:hover, .page_next a:hover, .page_numbers a:hover, .page_prev a:active, .page_next a:active, .page_numbers a:active { } .page_numbers a.current_page, .page_numbers a:hover { color: #888; } /**** Property Search tables ****/ table.property { width: 605px !important; margin: 0; padding: 0; border: 0; } table.property td { padding: 20px 0; border-bottom: 1px solid #78b228; } body#lease-list table.property td, body#property-management table.property td, body#property-appraisal table.property td, body#rental-application-form table.property td { border-color: #d9528c; } td.imageCont { width: 215px; vertical-align: top; } td.imageCont a { border: 0 !important; } td.imageCont a img { padding: 0; border: 0; } td.imageCont .image { width: 194px; height: 145px; float: left; position: relative; } td.imageCont .image img { width: 194px; height: 145px; border: 3px solid #ddd; } td.imageCont .image img:hover { border-color: #999; } td.imageCont .image_overlay { position: absolute; top: 40px; left: 65px; } td.imageCont .image_overlay img { width: 75px; height: 75px; padding: 0; border: 0; background: transparent; } td.descCont { width: 390px; } td.descCont p { padding: 0 0 9px 0; } td.descCont h3.suburb { padding: 0 0 9px 0; } td.descCont p.property_state { float: right; font-weight: bold; } td.descCont p.property_price { float: left; font-weight: bold; } td.descCont p.type { float: left; font-weight: bold; } td.descCont p.description { clear: both; padding-bottom: 16px; } ul.rooms { margin-top: 7px; padding: 0; float: left; font-weight: bold; text-align: left; list-style: none; font-size: 1.25em; } ul.rooms li { width: 37px; height: 20px; margin: 0 18px 0 0; padding: 3px 0 0 0; float: left; color: #78b228; } body#lease-list ul.rooms li { color: #d9528c; } ul.rooms li.beds { background: url(images/icons/icon_bedrooms.gif) no-repeat 100% 2px; margin: 0 16px 0 0; } body#lease-list ul.rooms li.beds { background-image: url(images/icons/icon_bedrooms_lease.gif); } ul.rooms li.baths { background: url(images/icons/icon_bathrooms.gif) no-repeat 100% 2px; } body#lease-list ul.rooms li.baths { background-image: url(images/icons/icon_bathrooms_lease.gif); } ul.rooms li.car { background: url(images/icons/icon_carparks.gif) no-repeat 100% 1px; } body#lease-list ul.rooms li.car { background-image: url(images/icons/icon_carparks_lease.gif); } .land_building_size { float: right; } .land_building_size p { padding: 0 !important; font-weight: bold; color: #666; } .land_building_size p span { color: #999; } /***** Open for Inspection tables *****/ table.date_container { width: 640px; padding-bottom: 17px; border-bottom: 1px solid #bbb; } table.date_container tr:hover { color: #222; } table.date_container th, table.date_container td { vertical-align: top; text-align: left; } table.date_container th { color: #78b228; } body#lease-list table.date_container th, body#property-management table.date_container th, body#property-appraisal table.date_container th { color: #d9528c; } table.date_container td.alt { border-top: 1px solid #78b228; } body#lease-list table.date_container td.alt, body#property-management table.date_container td.alt, body#property-appraisal table.date_container td.alt { border-color: #d9528c; } td.time_cell { width: 140px; } td.suburb_cell { width: 150px; } td.address_cell { width: 240px; } td.property_link { width: 110px; } /***** Property Page *****/ #property_id_backtosearch { width: 605px; height: auto; margin: 15px 0 0 0; padding: 0; float: right; text-align: center; font-weight: bold; } span.property_id { float: left; } span.backtosearch { width: 175px; padding: 0 0 4px 0; display: block; float: right; text-align: right; } span.backtosearch a { height: 23px; background: url(images/icons/icon_prev.gif) no-repeat 0 center; padding: 0 0 0 12px; } #property_description { width: 605px; margin: 0 0 40px 0; float: left; clear: both; } #property_description .subtitle, #property_description p.lease_avail_date { float: left; } #property_description .offered, #property_description .rental_price, #property_description .security_bond { float: right; } #property_description h4.bond { } #property_description .property_features h5, #property_description .open_times h5 { padding: 0 0 3px 0; } #property_description h4.date_available { } #property_description span.open_date { } #property_description span.open_time, #property_description p.lease_avail_date span { color: #78b228; } body#lease-list #property_description p.lease_avail_date span, body#property-management #property_description p.lease_avail_date span, body#property-appraisal #property_description p.lease_avail_date span { color: #d9528c; } #property_description h4.bond span, #property_description h4.date_available span { color: #333; } ul.action_buttons li { width: 151px; height: 25px; margin: 0 10px 0 0; float: left; } ul.action_buttons li a { width: 151px; height: 24px; background: url(images/buttons/button_bg_action.gif) no-repeat 0 0; margin: 0; padding: 7px 0 0 0; display: block;border: 0 !important; font-weight: bold; color: #fff !important; cursor: pointer; text-align: center; text-decoration: none; } body#lease-list ul.action_buttons li a { background-image: url(images/buttons/button_bg_action_lease.gif); } ul.action_buttons li a:hover { background-position: 0 -31px; color: #101101 !important; } #agentinfo_contactform { width: 605px; margin: 0 0 40px 0; float: left; clear: both; } #agent_info { width:290px; float: right; } #agent_info h5 { width: 300px; padding: 0 0 9px 0; font-size: 1.125em; } #agent_info .agent_contact_info { width: 175px; margin: 0 0 20px 0; float: left; } #agent_info .agent_contact_info p { padding: 0; } #agent_info p.agent_photo { margin-right: 15px; float: left; } #agent_info p.agent_photo img { } /* formpart */ .formpart { width: 290px; height: 430px; margin:0; padding:0; border: 5px solid #888; float:left; } .formpart form { width: 268px; height: 408px; background-color: #fff; padding: 10px; border: 1px solid #78b228; float: left; } body#lease-list .formpart form { border-color: #d9528c; } .formpart .name_email_phone_boxes { width: 260px; float: left; } .formpart form p { padding: 0 0 9px 0; } .formpart form label { width: 260px; } .formpart form label span { color: #78b228; } body#lease-list .formpart form label span { color: #d9528c; } .formpart form input { width:260px; } .formpart form textarea { width:260px; height:67px; } * html .formpart form textarea { height:73px; } .formpart form input.submit { width:77px; height:25px; background: url(images/buttons/btn_formpart.gif) no-repeat 0 0; margin:1px 0 0 0; padding: 0 0 1px 0; border: 0; float:left; font-weight:bold; text-transform:lowercase; text-align:center; color:#fff; cursor: pointer; } .formpart form input.submit:hover { background-image: url(images/buttons/btn_formpart_hover.gif); } .formpart form p.requi { width: 150px; margin:3px 0 0 0; float:right; display: block; font-weight: bold; color: #78b228; text-align:left; } body#lease-list .formpart form p.requi { color: #d9528c; } #property_main_sub_images { width: 605px; margin: 0 0 20px 0; float: left; clear: both; } #property_main_sub_images p.photo_gallery_banner { background: url(images/icons/icon_next.gif) no-repeat 100% center; margin-top: 10px; padding: 0 11px 0 0; float: right; text-align: right; } #property_main_sub_images .main_photo_overlay { width: 605px; height: 225px; margin: 0 0 20px 0; position: relative; } #property_main_sub_images p.main_photo p { padding: 0; } #property_main_sub_images p.main_photo a { border: 0; } #property_main_sub_images p.main_photo img { width: 290px; height: 218px; } #property_main_sub_images .main_photo_overlay .image_overlay { position: absolute; top: 40px; left: 65px; } #property_main_sub_images .main_photo_overlay .image_overlay img { width: 75px; height: 75px; padding: 0; border: 0; background: transparent; } ul.photo li { width: 195px; margin: 0 10px 10px 0; float: left; } ul.photo li.photo4, ul.photo li.photo7, ul.photo li.photo10, ul.photo li.photo13 { margin-right: 0; } ul.photo li a { border: 0; } ul.photo li img { width: 191px; height: 143px; } * html ul.photo li img { width: 190px; } .details { width: 320px; margin-bottom: 30px; float: left; clear: both; } body#property-page #sidebar p { padding-bottom: 6px; } .field { width: 145px; margin-right: 5px; padding-bottom: 3px; float: left; } .value { width: 170px; padding-bottom: 3px; display: block; float: left; } .off { color: #888; } .mort_calc form { width: 310px !important; margin-bottom: 10px; border: 5px solid #888; } table.mort_calc_table { width: 310px; background-color: #fff; margin: 0; padding: 5px; border: 1px solid #78b228; } body#lease-list table.mort_calc_table { border-color: #d9528c; } td.mort_calc_field { padding-left: 10px; } td.mort_calc_field, td.mort_calc_btn { font-size: 0.75em; } .mort_calc_table td input { width: 85px; } .property_map { width: 605px; margin: 0 auto; clear: both; } .property_map h1 { padding-bottom: 16px; } .property_map #map_canvas { width: 605px !important; height: 209px; border: 1px solid #d8d8d8; } /***** Team Member Page *****/ body#team_page_popup #main_body { width: 605px; margin: 20px 0 0 20px; } body#team_page_popup #content { width: 605px; } .search_team_member { width: 605px; margin: 0 0 22px 0; padding: 0; border-bottom: 1px dotted #d1d1d1; } .search_team_member h2 { padding: 0 0 6px; } .search_team_member p.search_team_member_detail { padding: 0 0 3px; } p.search_team_member_photo { margin-top: -5px; float: right; } /* Posts */ .post, h2.pagetitle { padding-bottom: 20px; } h2.entry-title { padding-bottom: 3px; } .entry ul { margin-left: 12px; list-style: disc; } body#sale .entry ul, body#lease-list .entry ul, body#property-appraisal .entry ul, body#rental-application-form .entry ul { margin-left: 0; list-style: none; } body#fourOfour .post h2 { padding-bottom: 15px; } p.postdate { color: #888; } p.meta, p.postmetadata { padding: 10px 0 30px 0; border-top: 1px solid #ddd; } p.postmetadata { padding-bottom: 10px; border-bottom: 1px solid #ddd; } .navigation { width: 100%; padding-top: 10px; border-top: 1px dotted #a9a9a9; float: left; } /***** Comments *****/ /* Comment List */ #comments-post { width: 100%; padding-bottom: 30px; float: left; } * html #comments-post { width: 99%; } #comments-post ol { margin-bottom: 30px; border-bottom: 1px solid #a9a9a9; } #comments-post ol li { width: 98%; background-color: transparent; margin-bottom: 10px; padding: 10px; } #comments-post ol li.alt { background-color: #e1e1e1; margin-bottom: 15px; } #comments-post .commentmeta { width: 100%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #a9a9a9; float: left; } #comments-post cite { float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #a9a9a9; color: #a9a9a9; } #comments-post span.commentmetadata { float: left; } #comments-post ol li p { padding-bottom: 8px; } /* Leave a Reply */ #commentform-container { width: 100%; margin-top: 20px; padding: 30px 0 0 0; border-top: 1px solid #a9a9a9; } #commentform-container input, #commentform-container select, #commentform-container textarea { padding:3px; margin-bottom: 9px; background: #fff; } #commentform-container input, #commentform-container select { width: 347px; } #commentform-container textarea { width: 472px; overflow:auto; } /* Buttons */ input#submit { width: 111px; height: 31px; background: url(images/buttons/button_bg.gif) no-repeat 0 0; margin: 0; padding: 0; border: 0; font-weight: bold; color: #fff; cursor: pointer; } body#lease-list input#submit, body#property-management input#submit, body#property-appraisal input#submit, body#rental-application-form input#submit { background-image: url(images/buttons/button_bg_lease.gif); } input#submit:hover { background-position: 0 -30px; color: #101101 !important; } .buttons a.btn { width: 111px; height: 24px; background: url(images/buttons/button_bg.gif) no-repeat 0 0; margin: 0; padding: 7px 0 0 0; display: block; border: 0 !important; font-weight: bold; color: #fff !important; cursor: pointer; text-align: center; text-decoration: none; } body#lease-list .buttons a.btn, body#property-management .buttons a.btn, body#property-appraisal .buttons a.btn, body#rental-application-form .buttons a.btn { background-image: url(images/buttons/button_bg_lease.gif); } #sidebar .buttons a.btn { background-image: url(images/buttons/button_bg_sidebar.gif); } body#lease-list #sidebar .buttons a.btn, body#property-management #sidebar .buttons a.btn, body#property-appraisal #sidebar .buttons a.btn, body#rental-application-form #sidebar .buttons a.btn { background-image: url(images/buttons/button_bg_sidebar_lease.gif); color: #101101 !important; } .buttons a.btn:hover { background-position: 0 -30px; color: #101101 !important; } body#email_subscribe .buttons p, #email .buttons { margin-top: 16px; } input#commentsubmit { width: 151px; height: 31px; background: url(images/buttons/button_bg_action.gif) no-repeat 0 0; margin: 0; padding: 0; display: block; border: 0 !important; font-weight: bold; color: #fff !important; cursor: pointer; text-align: center; text-decoration: none; } body#lease-list input#commentsubmit, body#property-management input#commentsubmit, body#property-appraisal input#commentsubmit, body#rental-application-form input#commentsubmit { background-image: url(images/buttons/button_bg_action_lease.gif); } input#commentsubmit:hover { background-position: 0 -31px; color: #101101 !important; } /***** Sidebar *****/ body#home .sidebarwrap { width: 980px; margin: 0 auto; } #sidebar .sidebar_section { width: 325px; margin: 0 0 30px 0; clear: both; } body#home #sidebar .sidebar_section { width: 230px; margin-right: 20px; float: left; clear: none; } body#home #sidebar #email.sidebar_section { margin: 0; } #sidebar h3 { background: url(images/backgrounds/bg_sidebar_embellish.gif) no-repeat 100% 2px; } #page_links h3 { width: 130px; } #quick_search h3 { width: 215px; } #subscribe_to_rss h3 { width: 180px; } #property_quick_links h3 { width: 200px; } #email h3 { width: 190px; } .details h3 { width: 245px; } .details_view h3 { width: 235px; } .details_tools h3 { width: 125px; } .mort_calc h3 { width: 290px; } #page_links ul { font-weight: bold; } /* quick search */ #quick_search { width: 230px !important; height: 350px; margin: 0; padding: 0 0 30px 0; } body#home #quick_search { padding: 0; } #quick_search p { width: 230px; padding-bottom: 20px; } * html #quick_search p { padding-bottom: 3px; } .search_type { width: 230px; margin: 0 0 10px 0; padding: 0; float: left; clear: both; } .search_type label.search_type_header { margin-right: 5px; } .search_type label.buy_label, .search_type label.rent_label { } .search_type label.buy_label { margin-right: 6px; } .search_type input { background-color: transparent; margin-right: 4px; border: 0; vertical-align: middle; } .property_type { margin: 0 5px 10px 0; float: left; } .property_type select, #price select, #house_rooms select { width: 110px !important; } label.enterSuburb { width: 110px; margin: 0; float: right; } * html label.enterSuburb { width: 97px; margin-right: 0; } label.enterSuburb input { width: 102px; } * html label.enterSuburb input { width: 97px; } #price, #house_rooms { width: 230px; margin-bottom: 10px; float: left; } .price_min, .bedrooms { float: left; } .price_max, .bathrooms { float: right; } .suburb_select select { width: 230px; margin: 8px 0 10px; } /* #subscribe_to_rss */ #subscribe_to_rss ul, #email ul { margin:5px 0 0; list-style-type:none; font-weight: bold; } #subscribe_to_rss ul li { background: url(images/icons/icon_subscribe_to_rss.gif) no-repeat 0 5px; padding:5px 0 5px 20px; display:block; } /* #email (syndicate) */ #email p { } #email ul.email_list { padding-bottom: 9px; } #email ul.email_list li { padding:5px 0; display:block; text-decoration:none; } #email ul.email_list li input.checkbox { background-color: transparent; margin-right: 7px; vertical-align: middle; } #email input#email_subscriber { width: 222px; } .email_subscribe { width: 222px; margin: 15px 0; float: left; display: block; } .email_subscribe p { margin: 0 10px 0 0; float: left; } .email_subscribe input { background-color: transparent; margin-right: 4px; vertical-align: middle; } /***** Latest Listings *****/ #latest_listings .ll_photo { width: 230px; height: 200px; margin-right: 20px; float: left; position: relative;} #latest_listings .ll_photo.ll_photo4, #latest_listings .ll_photo.ll_photo8, #latest_listings .ll_photo.ll_photo12 { margin-right: 0; } #latest_listings .ll_photo img { width: 220px; height: 145px; margin-bottom: 8px; border-width: 5px; } .ll_photo .overlay { width: 220px; height: 20px; background: url(images/backgrounds/bg_feature_photo_overlay.png) no-repeat 0 0; margin: 0 0 0 5px; padding-top:3px; display:block; position: absolute; top: 115px; text-align:center; color:#fff; } #latest_listings p { width: 230px; margin-bottom: 0; padding: 0; display: block; line-height: 1.25em; } .ll_photo a, .ll_photo a:visited { color:#fff; border: 0; text-decoration: none; } * html #latest_listings .ll_photo { margin-right: 0; } * html #latest_listings .photo img { width: 219px; } * html .ll_photo .overlay { width: 219px; padding-top:5px; } * html #latest_listings .ll_photo.ll_photo1, * html #latest_listings .ll_photo.ll_photo2, * html #latest_listings .ll_photo.ll_photo3, * html #latest_listings .ll_photo.ll_photo5, * html #latest_listings .ll_photo.ll_photo6, * html #latest_listings .ll_photo.ll_photo7, * html #latest_listings .ll_photo.ll_photo9, * html #latest_listings .ll_photo.ll_photo10, * html #latest_listings .ll_photo.ll_photo11 { margin-right: 20px; } /* Property Page Sidebar */ body#property-page #sidebar ul { padding: 0; list-style: none; } body#property-page #sidebar ul li { padding: 0 0 16px 0; } body#property-page #sidebar ul li a { border: 0; } /***** Extra *****/ #extra h4 { background: url(images/backgrounds/bg_extra_embellish.gif) no-repeat 0 0; padding: 0 0 18px 20px !important; } .extrawrap { width: 980px; margin: 0 auto; } .extra_block { width: 230px; margin-right: 20px; float: left; } .extra_block li { padding-bottom: 8px; } .block_extra_1 { } .block_extra_2 { } .block_extra_3 { } .block_extra_3 p { text-transform: lowercase; } .block_extra_3 a { margin-right: 11px; } .block_extra_4 { margin-right: 0; } * html .block_extra_4 { float: right; } .block_extra_4 a:link, .block_extra_4 a:visited { color: #d5e04d; text-decoration: none; } .block_extra_4 a:hover { color: #d5e04d; text-decoration: underline; } /***** Footer *****/ .footerwrap { width: 980px; margin: 0 auto; } #footer p { padding-bottom: 8px; text-align: center; color: #fff; } #footer a { border: 0; color: #fff; text-decoration: none; } #footer:hover a { border-bottom: 1px dotted #fff; } #footer a:hover { border-bottom: 1px solid #fff; } /* LIGHTBOX STARTS */ #lightbox { width: 100%; position: absolute; left: 0; z-index: 100; text-align: center; line-height: 0; } #lightbox a, #lightbox a img { border: 0; } #outerImageContainer {width: 250px; height: 250px; background-color: #fff; margin: 0 auto; border: 5px solid #666; border-bottom: 0; position: relative; } #imageContainer { padding: 10px; } #loading { width: 100%; height: 25%; position: absolute; top: 40%; left: 0%; text-align: center; line-height: 0; } #hoverNav { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } #imageContainer>#hoverNav { left: 0;} #hoverNav a { outline: none;} #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; left: 0; float: left;} #nextLink { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { } #nextLink:hover, #nextLink:visited:hover { } #imageDataContainer { width: 100%; background-color: #fff; margin: 0 auto; border: 5px solid #666; border-top: 0; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; overflow: auto; } #imageData { padding:0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; } #overlay { width: 100%; height: 500px; position: absolute; top: 0; left: 0; z-index: 90; } /* LIGHTBOX ENDS */