/* @override http://www.hslgloucester.com.au/wp-content/themes/fruit/style.css */ /* THEME NAME: Fruit THEME URI: http://www.agentlog.com.au DESCRIPTION: Fruit Property sites. VERSION: 2.0 AUTHOR: Jen Germann AUTHOR URI: http://www.agentpoint.com.au */ /* Fruit default */ /* colors 184e00 - blue 487633 - green f0efdb - lite green 487633 - link dark green 666666 - text grey */ /* Global Styles ------------------------------------------------------------------*/ html, body { border:0; margin:0; padding:0; } body { background: url(images/backgrounds/bg_body.jpg) repeat-x 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; font-size:100%; line-height:1.125em; } /* font size is set to browser default, typically 16; line height: 16 x 1.125 = 18 */ body#home { background-image: url(images/backgrounds/bg_body_home.jpg); } body#email_subscribe { background-image: none; } /***** Main Containing Elements *****/ #header { width: 100%; height: 224px; } #main_body { width: 1040px; margin: 0 auto; padding: 0; } body#home #main_body { width: 980px; } body#email_subscribe #main_body { width: 460px; margin: 20px 0 0 20px; } #wrapper { width: 980px; background: url(images/backgrounds/bg_wrapper.gif) no-repeat 0 -1px; margin: 0; padding: 0 20px; float: left; } #content { width: 640px; margin: 50px 0; padding: 0; float: right; border-top: 4px solid #184e00; } body#home #content { width: 980px; margin: 21px 0; float: left; border-top: 0; } #sidebar { width: 260px; margin: 0; padding: 90px 20px 40px; float: left; } body#property-page #sidebar { padding-top: 34px; } #extra { width: 100%; background-color: #215B33; margin: 0; padding: 35px 0 30px; border-top: 2px solid #f0efdb; float: left; color: #fff; } #footer { width: 100%; height: 35px; background-color: #f0efdb; margin: 0 auto; padding: 10px 0 15px; border-top: 2px solid #fff; color: #487633; } /***** Typography *****/ h1, h2, h3, h4, h5, h6, legend { margin:0; padding:0 0 18px; font-family: "Trebuchet MS", Georgia, serif; font-weight:bold; color: #184e00; } h1 { padding: 0; } /* main page heads in content */ h2, legend { font-size: 1.5em; line-height: 1em; padding-top: 10px; letter-spacing: -1px; } #latest_news h2 { padding: 0; } h3 { line-height: 1em; padding-bottom: 9px; text-transform: capitalize; } /* sidebar heads */ h2 span, h3 span { color: #628851; } h4 { text-transform: capitalize; color: #487633; } /* #extra headers */ h5 { color: #487633; } #featured_properties h5 { font-size: 1em; color: #184e00; text-align: center; padding-bottom: 8px; } /* featured properties suburb */ #sidebar h3, #latest_listings h2, #featured_properties h2, #agentinfo_contactform h2, #property_main_sub_images h2, h2.title_cloud_land, h2.title_cloud_sales, h2.title_cloud_rentals, #connect h2, #welcome_bar h2 { height: 20px; padding-top: 10px; } p, ul, ol { margin:0; padding:0 0 18px 0; } #property_id_backtosearch p { font-size: 0.8125em; font-weight: bold; } #content p, #content ul, body#email_subscribe p, body#email_subscribe ul { font-size:0.75em; } /* 16 x .75 = 12 */ #sidebar p, #sidebar ul, #sidebar ul li ul, #sidebar label, #date_weather p, #sidebar label { font-size:11px; } p label, label input { font-size: 1em; } ol li label { font-size: 1em !important; } #extra p, #extra ul { font-size:0.75em; line-height: 1.5em; } #footer p { padding: 0; font-size:0.6875em; color: #487633; } 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: #333; } ul, ol { list-style:none; } small { font-size:0.85em; color: #aaa; } img { border:3px solid #184e00; } .photo_roll img, .block_extra_1 img { border: 0; } acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; } strong, em { } .green { color: #487633; } body#email_subscribe span { color: #184e00 !important; } /***** Links *****/ a:link, a:visited { color: #487633; text-decoration:none; } a:hover, a:active { border-bottom: 1px solid; } .post:hover a:link, .post:hover a:visted { border-bottom: 1px dotted #ccc; } .post:hover a:hover { border-bottom-style: solid; } h2 a:link, h2 a:visited { color: #184e00; } h2 a:hover { border-bottom-color: #184e00; } .post h2 a:hover { border: 0; } #featured_properties a { color: #184e00; } #featured_properties a:hover, #featured_properties a:hover, p.entry-commentlink a:hover { color: #414141; } #extra a:link, #extra a:visited { color: #fff; } #extra a:hover { border: 0; } #extra .block_extra_2 ul li:hover a:link, #extra .block_extra_2 ul li:hover a:visited { color: #487633; } #extra .block_extra_2 ul li:hover a:hover { border-bottom: 1px solid; } .block_extra_3 a:link, .block_extra_3 a:visited { margin-right: 10px; } .block_extra_3 a:hover { text-decoration: underline; } /***** Forms *****/ form { margin:0; padding:0; } fieldset { margin:0; padding:0; border: 0; } input, select, textarea { padding: 4px 3px; border: 1px solid #999; font-family: verdana, arial, sans-serif; color: #414141; } select { padding: 3px 3px 3px 0; } #sidebar select { font-size: 11px !important; } body#email_subscribe input.radio { border: 0; } body#email_subscribe input.textbox { width: 250px; } body#fourOfour input { margin: 0 5px; } textarea { 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; } body#email_subscribe textarea.textarea { height: 74px; } body#email_subscribe input, body#email_subscribe select, body#email_subscribe textarea { font-size: 0.75em; } label { color: #414141; } input.input_search_textfield { height: 19px; background: url(images/backgrounds/bg_time_weather.gif) repeat-x 0 0; margin-top: 9px; padding: 8px 3px 3px 10px; border: 1px solid #487633; font-weight: bold; color: #487633; } /***** Email subscription *****/ body#email_subscribe #main_body { width: 460px; background: none; margin: 25px 0 0 20px; } body#email_subscribe ul.email_list { padding: 0 0 17px; list-style: none; clear: both; } body#email_subscribe ul.email_list li { margin: 0 10px 0 0; float: left; } body#email_subscribe ul.form_fields { margin: 0 0 20px; padding: 0; list-style: none; } body#email_subscribe ul.form_fields li { height: 22px; margin: 0 0 8px; clear: both; } body#email_subscribe ul.form_fields li label { width: 80px; margin: 3px 0 0; float: left; } body#email_subscribe ul.form_fields li label span { width: 80px; display: block; } body#email_subscribe ul.form_fields li input { float: left; } body#email_subscribe input.radio { border: 0; } body#email_subscribe input.textbox { width: 250px; } body#email_subscribe input.radio { border: 0; } body#email_subscribe input.textbox, body#email_subscribe textarea.textarea { width: 244px; padding: 3px; } body#email_subscribe textarea.textarea { height: 74px; } body#email_subscribe input, body#email_subscribe select, body#email_subscribe textarea { font-size: 0.875em; } .email_subscribe { } .email_subscribe p { margin-right: 10px; float: left; } .email_subscribe, .spam_question { margin-top: 10px; clear: both; } .email_subscribe input { margin-right: 5px; } .spam_question input { font-size: 0.9375em !important; } /* /***** Tables *****/ table { border:0; margin:0 0 18px; padding:0; } #sidebar table { font-size: 0.6875em; } table th { text-align: left; } table td { padding:2px; } /***** Global Classes *****/ .clearer { clear:both; } .float-left, .alignleft { float:left; } .float-right, .alignright { float:right; } .alignleft { margin: 0 15px 10px 0; } .alignright { margin: 0 0 10px 15px; } .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; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } .nomargin { margin:0; } .nopadding { padding:0; } .noborder { border: 0; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none; } .nodisplay, .hide { display: none; } /* Main Content Elements ------------------------------------------------------------------*/ /***** Header *****/ .headerwrap { width: 1040px; height: 154px; margin: 0 auto; padding: 0; text-align: center; } .headerwrap h1 a, .headerwrap h1 a img { border: 0; } /***** Navigation *****/ #nav { width: 980px; height: 69px; margin: 0 auto; } #nav ul { margin: 0; padding: 0; } #nav ul li { float: left; } #nav ul li a { height: 69px; background: url(images/backgrounds/bg_nav3.gif) no-repeat 0 0; border: 0; display: block; text-indent: -9999px; } #nav ul li.page-item-277 a { width: 129px; background-position: -585px 0; } #nav ul li.page-item-11 a { width: 112px; background-position: 0 0; } /* Home */ #nav ul li.page-item-18 a { width: 142px; background-position: -112px 0; } /* Sales */ #nav ul li.page-item-2 a { width: 142px; background-position: -254px 0; } /* Lease */ #nav ul li.page-item-20 a { width: 189px; background-position: -396px 0; } /* Livestock */ #nav ul li.page-item-37 a { width: 125px; background-position: -714px 0; } /* Company */ #nav ul li.page-item-39 a { width: 138px; background-position: -839px 0; } /* Our Local */ #nav ul li.page-item-13 a { width: 142px; background-position: -838px 0; } /* News */ #nav ul li a:hover { border: 0; } #nav ul li.page-item-277 a:hover, #nav ul li.page-item-277 a.current {background-position: -585px -69px;} #nav ul li.page-item-11 a:hover, #nav ul li.page-item-11 a.current { background-position: 0 -69px; } #nav ul li.page-item-18 a:hover, #nav ul li.page-item-18 a.current { background-position: -112px -69px; } #nav ul li.page-item-2 a:hover, #nav ul li.page-item-2 a.current { background-position: -254px -69px; } #nav ul li.page-item-20 a:hover, #nav ul li.page-item-20 a.current { background-position: -396px -69px; } #nav ul li.page-item-37 a:hover, #nav ul li.page-item-37 a.current { background-position: -714px -69px; } #nav ul li.page-item-39 a:hover, #nav ul li.page-item-39 a.current { background-position: -839px -69px; } #nav ul li.page-item-13 a:hover, #nav ul li.page-item-13 a.current { background-position: -838px -69px; } /* drop down menus */ #nav ul li ul { background-color: #414141; margin: 0; padding: 0; border: 1px solid #595959; border-top: 0; font-size: 0.6875em; position:absolute; left: -9999px; z-index: 99 !important; } #nav ul li.page-item-18 ul { width: 141px; } #nav ul li.page-item-2 ul { width: 142px; } #nav ul li.page-item-20 ul { width: 190px; } #nav ul li.page-item-37 ul { width: 128px; } #nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; } #nav ul li ul li { width: auto; height: auto; background: none; margin: 0; padding: 4px 0 5px 10px; border-bottom: 1px dotted #fff; float:none; clear:both; } #nav ul li ul li:hover, #nav ul li ul li.sfhover { background-color: #595959; } #nav ul li ul li a { width: auto !important; height: auto; background-image: none; padding: 0; display: block; clear:both; text-indent: 0; color: #fff; } #nav ul li ul li:hover a:link, #nav ul li ul li.sfhover a:link, #nav ul li ul li:hover a:visited, #nav ul li ul li.sfhover a:visited { } #nav ul li ul li:hover a:hover, #nav ul li ul li.sfhover a:hover { text-decoration: underline; } /***** Time Weather *****/ #welcome_bar { width: 100%; height: 177px; margin: 0; } #date_weather { width: auto; height: 24px; background: url(images/backgrounds/bg_time_weather.gif) repeat-x 0 0; margin: 9px 0 10px; padding: 3px 3px 3px 10px; border: 1px solid #487633; float: right; font-weight: bold; color: #487633; } span.date_time { margin-right: 11px; padding: 3px 11px 0 0; border-right: 1px solid #487633; float: left; display: block; } span.weather { margin-top: 2px; float: left; display: block; color: #184e00; } span.weather img { margin: -2px 0 0 0; border: 0; vertical-align: middle; } /***** Featured Properties *****/ #featured_properties { width: 920px; height: 310px; background: url(images/backgrounds/bg_featured_properties.gif) no-repeat 0 0; margin: 0 0 20px; padding: 10px 30px; } * html #featured_properties { } .feature_container { width: 240px; height: 270px; background: url(images/backgrounds/bg_feature_container.gif) no-repeat 0 0; margin: 0; padding: 20px 25px; float: left; } .fp_container0, .fp_container1 { margin: 0 25px 0 0; } p.featured_image { width: 240px; height: 180px; padding: 0; } p.featured_image img { width: 234px; height: 174px; border: 3px solid #184e00; } p.featured_info { width: 240px; margin: 12px 0 0 0; font-size: 0.8125em; line-height: 1.3125em; font-weight: bold; text-align: center; color: #414141; } /***** Content *****/ /***** Home *****/ /* Latest News */ #latest_news { width:585px; height: 100px; background: url(images/backgrounds/bg_latest_news.gif) no-repeat 0 0; margin: 20px 0 0; padding: 20px 25px; } #latest_news ul li { background: url(images/icons/icon_star.gif) no-repeat 0 10px; padding: 5px 0 4px 15px; border-top: 1px dotted #959595; font-size: 1.25em !important; } #latest_news ul li:first-child { border: 0; } /* # home quick_search */ #quick_search { width: 280px; height: 360px; background: url(images/backgrounds/bg_quick_search.gif) no-repeat 0 0; padding: 20px; float: left; } #quick_search form label, #quick_search form input, #quick_search form select { font-size: 11px !important; } #quick_search form select { padding: 3px 1px 1px; } ul.qs-ul { padding: 0; } ul.qs-ul li { clear: both; } .property_type { width: 280px; margin: 0 0 10px 0; } .property_type select { width: 280px; } .enterSuburb { width: 135px; margin-bottom: 10px; float: left; } .enterSuburb input { width: 122px; padding: 4px 2px 0; } .prices { width: 135px; margin: 0 0 10px 0; float: left; } .price_min { margin-right: 10px; } .prices select { width: 135px; } .numberofrooms { width: 135px; margin: 0 0 10px 0; float: left; } .bedrooms { margin-right: 10px; } .numberofrooms label { line-height: 12px; } .numberofrooms select { width: 135px; } .suburb_select select, .states_select select { width: 280px; } #sidebar #quick_search { width: 258px; height: auto; background: none; padding: 0; } #sidebar .property_type, #sidebar .property_type select, #sidebar .suburb_select select, #sidebar .states_select select { width: 258px; } #sidebar .prices, #sidebar .prices select, #sidebar .numberofrooms, #sidebar .numberofrooms select { width: 124px; } /***** contact_connectboxes *****/ #contact_boxes_news { width: 635px; float: right; } /* contact_connectboxes */ #contact_connectboxes { width:585px; height: 200px; background: url(images/backgrounds/bg_contact_connectboxes.gif) no-repeat 0 0; padding: 20px 25px; } #agencycontact { width: 190px; margin: 0 20px 0 0; float: left; } #sidebar #agencycontact { width: 260px; margin-bottom: 30px; } /* Connect Boxes */ #connect { width: 370px; height: 200px; margin: 0; float: left; } .home_blocks { width: 180px; height: 200px; background: url(images/backgrounds/bg_home_blocks.jpg) no-repeat 0 0; float: left; } .home_blocks p { padding: 0; } #connect h3, #connect p { text-indent: -9999px; } #connect a { border: 0 !important; } #rss_feeds { margin-right: 10px; } #rss_feeds.home_blocks { background-position: 0 0; } #rss_feeds p.feed_sales { margin-top: 12px; } #rss_feeds a { width: 165px; height: 30px; margin: 0 auto 10px; display: block; } #rss_feeds a:hover { background: url(images/backgrounds/bg_home_blocks_hover.jpg) no-repeat center center; } #rss_feeds p.feed_sales a:hover { background-position: -7px -40px; } #rss_feeds p.feed_rentals a:hover { background-position: -7px -80px; } #rss_feeds p.feed_news a:hover { background-position: -7px -120px; } #rss_feeds p.email_alert a:hover { background-position: -7px -160px; } #sell_with.home_blocks { background-position: -200px 0; } #sell_with a { width: 100px; height: 105px; margin: 65px auto 0; display: block; } #sell_with a:hover{ background: url(images/backgrounds/bg_home_blocks_hover.jpg) no-repeat -240px -93px;} * html #sell_with a:hover { background-position: -40px -163px; } /*#property_mngt.home_blocks { background-position: -400px 0; margin-right: 0 !important; } #property_mngt a { width: 100px; height: 105px; margin: 136px auto 0; display: block; } #property_mngt a:hover{ background: url(images/backgrounds/bg_home_blocks_hover.jpg) no-repeat -440px -164px;} * html #property_mngt a:hover { background-position: -440px -163px; } */ /* featured properties #featured_properties { width: 380px; height: 280px; margin: 0 20px 0 0; float: left; } #featured_properties .feature_photo { width: 380px; height: 280px; position: relative; } #featured_properties .feature_photo img { width: 374px; height: 274px; } #featured_properties .feature_photo img:hover { border-color: #999; } * html #featured_properties .feature_photo img { width: 373px; } #featured_properties p { width: 300px; } #featured_properties .feature_photo p a { border: 0 !important; } #featured_properties p strong { float: left; } #featured_properties p span { float: right; text-align: right; } .feature_photo .overlay { width:374px; height:37px; background: url(images/backgrounds/bg_feature_photo_overlay.png) no-repeat 0 0; margin: 0 0 0 3px; padding-top:13px; display:block; position: absolute; top: 204px; text-align:center; color:#fff; } * html .feature_photo .overlay { width: 373px; padding-top:15px; } .feature_photo .overlay h4 { font-weight: normal; font-size: 1.5em !important; } .feature_photo .overlay a, .feature_photo .overlay a:visited { color:#fff; text-decoration: none; } .feature_photo .overlay a:hover, .feature_photo .overlay a:active { } */ /* latest listings */ #latest_listings { width: 580px; float: left; } #latest_listings .photo { width: 180px; margin-right: 20px; float: left; } #latest_listings .photo.photo3, #latest_listings .photo.photo6, #latest_listings .photo.photo9, #latest_listings .photo.photo12 { margin-right: 0; } #latest_listings .photo img { width: 174px; height: 130px; margin-bottom: 2px; } * html #latest_listings .photo img { width: 173px; } #latest_listings .photo img:hover { border-color: #999; } #latest_listings p { padding-bottom: 5px; } #latest_listings a { border: 0 !important; } #latest_listings p strong { } /* Posts */ .post, h2.pagetitle { margin-bottom: 40px; } .post h2 { padding-bottom: 18px; } .post ul, .post ol { padding-left: 25px; list-style: disc; } body#fourOfour .post h2 { padding-bottom: 18px; } p.postdate { color: #888; } p.meta, p.postmetadata, p.meta-tags { padding: 8px 0 0 0; border-top: 1px solid #ccc; color: #999; } .entry-meta { margin-top: 20px; } /***** Comments *****/ #comments-post, #commentform-container { width: 100%; margin:0 0 40px; padding: 0 0 30px 0; float: left; } #commentform-container { border-top: 4px solid #184e00; } * html #comments-post { width: 99%; } #comments-post h2 { text-transform: capitalize; } /* Comment List */ h3#comments { color: #184e00; } #comments-post ol { } #comments-post ol li { width: 98%; background-color: transparent; margin-bottom: 10px; padding: 10px; } #comments-post ol li.alt { background-color: #d6e8ce; margin-bottom: 15px; } #comments-post .commentmeta { width: 100%; margin-bottom: 6px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; float: left; font-size: 0.75em; font-weight: bold; color: #487633; } #comments-post cite { float: left; padding-right: 15px; margin-right: 15px; border-right: 1px dotted #ccc; font-style: normal; text-transform: capitalize; } #comments-post span.edit_comment { padding-left: 15px; margin-left: 11px; border-left: 1px dotted #ccc; } #comments-post span.commentmetadata { float: left; } #comments-post ol li p { padding-bottom: 8px; } /* Leave a Reply */ #commentform-container { } #commentform-container textarea { width: 480px; height: 120px; font-size: 1em; } .requi { color: #184e00; } p.is_required { width: 140px; float: left; } /**** Property Search tables ****/ table.property { width: 640px !important; margin: 0; padding: 0; border: 0; } table.property td { padding: 20px 0; border-bottom: 1px solid #184e00; } 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 #184e00; } td.imageCont .image img:hover { border-color: #999; } td.imageCont .image_overlay { position: absolute; top: 47px; left: 67px; } td.imageCont .image_overlay img { width: 60px; height: 60px; padding: 0; border: 0; background: transparent; } td.descCont { width: 425px; padding: 10px 0; } td.descCont p { padding: 0 0 9px 0; font-size: 100% !important; font-size: 0.6875em !important; } td.descCont h5.suburb { padding: 0 0 3px 0; font-size: 1em; } 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: 0; padding: 0; float: left; font-weight: bold; text-align: left; list-style: none; } ul.rooms li { width: 45px; margin: 0 3px 0 0; padding: 0; float: left; color: #184e00; } ul.rooms li img { border: 0; vertical-align: bottom; } .land_building_size { float: right; } .land_building_size p { padding: 0 !important; font-weight: bold; color: #184e00; } .land_building_size p span { color: #487633; } /***** Open for Inspection tables *****/ table.date_container { width: 640px; padding-bottom: 17px; border-bottom: 1px solid #bbb; font-size: 0.75em; } 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: #487633; } table.date_container td.alt { border-top: 1px solid #184e00; } td.time_cell { width: 140px; } td.suburb_cell { width: 150px; } td.address_cell { width: 240px; } td.property_link { width: 110px; } /***** Sorter and Search filter *****/ .sorter_search_quick { width: 640px; margin: 0; padding: 0 0 1px 0; border-bottom: 1px solid #487633; 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 { } #search_quick { float: right; } #search_quick select { font-size: 0.75em; } /***** Page toolbar *****/ .page_toolbar { width: 640px; margin-bottom: 12px; padding: 3px 0 4px 0; border-bottom: 1px solid #487633; font-size: 1em; } .page_toolbar p { padding: 0; } .page_prev { float: left; margin-right: 20px; } .page_prev a { background: url(images/icons/icon_prev.gif) no-repeat 0 center; margin: 0; padding: 0 0 0 10px; } .page_next { float: right; } .page_next a { background: url(images/icons/icon_next.gif) no-repeat right center; margin: 0; padding: 0 10px 0 0; } .page_numbers { width: 430px; float: left; overflow: hidden; } .page_numbers a { height: 8px; 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 Page *****/ #property_id_backtosearch { width: 640px; height: 21px; padding: 16px 0 0 340px; text-align: center; font-weight: bold; color: #184e00; } 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_back_bar.gif) no-repeat 0 center; padding: 0 0 0 12px; color: #184e00; } #property_description { width: 640px; margin: 0 0 30px 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: #184e00; } #property_description h4.bond span, #property_description h4.date_available span { color: #333; } #property_description ul.action_buttons li { width: 160px; height: 25px; background: #184e00 url(images/buttons/btn_sidebar_left.png) no-repeat 0 0; margin: 0 10px 0 0; float: left; } * html #property_description ul.action_buttons li { background-image: url(images/buttons/btn_sidebar_left.gif); } #property_description ul.action_buttons li:hover { background-color: #487633; } #property_description ul.action_buttons li a { width: 160px; height: 22px; background: url(images/buttons/btn_sidebar_right.png) no-repeat 100% 0; padding-top: 3px; border: 0; display: block; color: #fff; font-weight: bold; text-align: center; text-transform: lowercase; } * html #property_description ul.action_buttons li a { background-image: url(images/buttons/btn_sidebar_right.gif); } #agentinfo_contactform { width: 640px; margin: 0 0 40px 0; border-top: 4px solid #184e00; float: left; clear: both; } .agent_page #agentinfo_contactform { border: 0; } #property_agents { width:310px; float: right; } .agent_info { width:310px; } .agent_info ul { padding-left: 0; list-style: none; } .agent_info h5 { padding: 0 0 9px 0; font-size: 1.125em; } .agent_info .agent_contact_info { margin: 0 0 20px 0; float: left; } .agent_info .agent_contact_info p { padding: 0; } .agent_info p.agent_photo { margin-right: 10px; float: left; } .agent_info p.agent_photo img { } /* formpart */ .formpart { width: 290px; margin:0; padding:0; border: 5px solid #487633; float:left; } .formpart form { width: 268px; background-color: #d6e8ce; padding: 15px 10px 10px; border: 1px solid #184e00; float: left; } .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: #184e00; } .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:0; float:right; display: block; font-weight: bold; color: #184e00; text-align:right; } #property_main_sub_images { width: 640px; margin: 0 0 20px 0; border-top: 4px solid #184e00; float: left; clear: both; } #property_main_sub_images p.photo_gallery_banner a { width: 102px; height: 36px; background: url(images/titles/title_view_gallery.gif) no-repeat 0 0; float: right; border: 0; text-indent: -9999px; } #property_main_sub_images .main_photo_overlay { width: 640px; 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: 294px; height: 219px; } #property_main_sub_images .main_photo_overlay .image_overlay { position: absolute; bottom: -3px; right: -3px; } #property_main_sub_images .main_photo_overlay .image_overlay img { width: 200px; height: 150px; padding: 0; border: 0; background: transparent; } ul.photo li { width: 200px; margin: 0 20px 20px 0; float: left; } ul.photo li.photo3, ul.photo li.photo6, ul.photo li.photo9, ul.photo li.photo12 { margin-right: 0; } ul.photo li a { border: 0; } ul.photo li img { width: 194px; height: 118px; } * html ul.photo li img { width: 193px; } .details { width: 260px; border-top: 4px solid #8b8b8b; } body#property-page #sidebar p { padding-bottom: 6px; } .field { width: 95px; margin-right: 5px; padding-bottom: 3px; float: left; } .value { width: 160px; padding-bottom: 3px; display: block; float: left; } .off { color: #888; } .mort_calc form { width: 250px !important; margin-bottom: 10px; border: 5px solid #487633; } .mort_calc table.mort_calc_table { width: 250px; background-color: #d6e8ce; margin: 0; padding: 0; border: 1px solid #184e00; } .mort_calc table.mort_calc_table td { } .mort_calc table.mort_calc_table td.mort_calc_field, .mort_calc table.mort_calc_table td.mort_calc_btn { padding-left: 10px; } .mort_calc table.mort_calc_table td.mort_calc_btn { padding-bottom: 10px; } .mort_calc table.mort_calc_table td input { width: 75px; padding: 2px; cursor: pointer; } .property_map { width: 640px; margin: 0 auto; border-top: 4px solid #184e00; clear: both; } .property_map h1 { padding-bottom: 16px; } .property_map #map_canvas { width: 640px !important; height: 209px; border: 1px solid #184e00; } #street_view_button{ color:#000000; background:#FFFFFF; font:small Arial, Helvetica, sans-serif; border:1px solid #000000; padding:2px 2px 3px; margin: 0; width:6em; text-align:center; cursor:pointer; position: absolute; top: 0; left: 30px; } /***** Team Member Page *****/ .search_team_member { margin: 3px 0 18px; padding: 20px 0 2px; } .search_team_member h3 { padding: 0 0 12px 0; } .search_team_member h5 { padding: 0 0 6px 0; line-height: 1em; } p.search_team_member_photo { float: right; } p.search_team_member_photo img { border-color: #184e00; } body#team_page_popup { background-image: none; } body#team_page_popup #main_body { width: 640px; margin: 0 0 0 20px; } body#team_page_popup #content { width: 640px; float: none; } /***** Sidebar *****/ .sidebar_section { width: 260px; margin-bottom: 30px; float: left; clear: both; } /* welcome to our office */ .office_details p span { font-weight: bold; } /* #subscribe_to_rss */ #subscribe_to_rss p { padding-bottom: 6px; } #subscribe_to_rss p a { padding-bottom: 1px; border-bottom: 1px dotted #184e00; } #subscribe_to_rss p a:hover, #subscribe_to_rss p a:active { border-bottom: 1px solid #487633; } #subscribe_to_rss ul, #email ul { margin:5px 0 0; color:#666; list-style-type:none; font-weight: bold; } #subscribe_to_rss ul li { background: url(images/icons/icon_small.gif) no-repeat 0 6px; padding:5px 0 5px 20px; display:block; } #subscribe_to_rss ul li a { display:block; color:#666; text-decoration:none; border: 0; } #subscribe_to_rss ul li a:hover { color: #999; } /* side categories and archives */ #side_cats ul li, #archives ul li { margin-bottom: 2px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; } /* #email (syndicate) */ #email p { padding-bottom: 3px; } #email ul.email_list { padding-bottom: 9px; } #email ul.email_list li { padding:5px 0; display:block; color:#666; text-decoration:none; } #email ul.email_list li input.checkbox { margin-right: 7px; padding: 0; border: 0; vertical-align: middle; } #email input#email_subscriber { width: 254px; } .email_subscribe { width: 260px; margin: 15px 0; float: left; display: block; } .email_subscribe p { margin: 0 10px 0 0; float: left; } .email_subscribe input { border: 0; vertical-align: middle; } /* #rssFeeds (stay current with our feed) */ #sidebar p.rssFeed_link { width: 36px; height: 36px; padding-bottom: 0; float: left; } #sidebar p.sign_up { width: 218px; padding: 0; float: right; } #sidebar p.rssFeed_link span a { width: 32px; height: 32px; background: url(images/icons/icon_big.gif) no-repeat 0 3px; margin: 0; padding: 0; float: left; border: 0; text-indent: -9999px; } * html #sidebar p.rssFeed_link { padding-left: 0; } * html #sidebar p.sign_up { margin-left: 0; } /***** Buttons *****/ .buttons p { margin: 0 10px 0 0; padding: 0 !important; float: left; } /* sidebar buttons */ #sidebar .buttons { } #sidebar .buttons p { width: 80px; height: 25px; background: #184e00 url(images/buttons/btn_sidebar_left.png) no-repeat 0 0; margin-bottom: 5px; } * html #sidebar .buttons p { background-image: url(images/buttons/btn_sidebar_left.gif); } #sidebar .buttons p:hover { background-color: #487633; } #sidebar .buttons a.btn { width: 80px; height: 22px; background: url(images/buttons/btn_sidebar_right.png) no-repeat 100% 0; padding-top: 3px; border: 0; display: block; color: #fff; font-weight: bold; text-align: center; text-transform: lowercase; } * html #sidebar .buttons a.btn { background-image: url(images/buttons/btn_sidebar_right.gif); } input.calculate { width: 77px !important; height: 25px; background: url(images/buttons/btn_formpart.gif) no-repeat 0 0; margin: 5px 0 0 140px; padding: 0; border: 0; color: #fff; font-weight: bold; text-align: center; cursor: pointer; } input.calculate:hover { background: url(images/buttons/btn_formpart_hover.gif) no-repeat 0 0; } #sidebar .buttons.property_box_btns p, #sidebar .buttons.property_box_btns a.btn, #sidebar .buttons.details_buttons p, #sidebar .buttons.details_buttons p a.btn, #sidebar .buttons.email_buttons p, #sidebar .buttons.email_buttons p a.btn, #sidebar .buttons p.view_all_sales_btn, #sidebar .buttons p.view_all_sales_btn a.btn { width: 140px; } /*content buttons */ #content .buttons p, body#email_subscribe .buttons p { width: 80px; height: 25px; background: #184e00 url(images/buttons/btn_content_left.png) no-repeat 0 0; } * html #content .buttons p, * html body#email_subscribe .buttons p { background-image: url(images/buttons/btn_content_left.gif); } #content .buttons p:hover, body#email_subscribe .buttons p:hover { background-color: #487633; } #content .buttons a.btn, #content .buttons input.btn, body#email_subscribe .buttons p input.btn, body#email_subscribe .buttons p a.btn { width: 80px; height: 25px; background: url(images/buttons/btn_content_right.png) no-repeat 100% 0; border: 0; display: block; color: #fff; font-weight: bold; text-align: center; text-transform: lowercase; cursor: pointer; } * html #content .buttons a.btn, * html #content .buttons input.btn, * html body#email_subscribe .buttons p input.btn, * html body#email_subscribe .buttons p a.btn { background-image: url(images/buttons/btn_content_right.gif); } #content .buttons.comments_btn input { font-size: 1em; } #content .buttons.comments_btn p, #content .buttons.comments_btn input.btn { width: 160px; cursor: pointer; } body#email_subscribe .buttons p { font-size: 0.75em; } body#email_subscribe .buttons p input { font-size: 1em; } body#email_subscribe .buttons p a { padding: 3px 0 0 0; } #content #contact_bar .buttons p { width: 100px; } #content #contact_bar .buttons p a.btn { width: 100px; height: 22px; padding-top: 3px; } a#search-property-id-submit { width: 32px; height: 26px; background: url(images/buttons/btn_go.gif) no-repeat 0 0; margin: 9px 0 0; padding: 6px 0 0; float: left; display: block; border: 0; font-size: 12px; font-weight: bold; color: #fff; text-align: center; } /* individual button exceptions */ body#home a.btn { padding: 3px 0 0; } .agency_details_btns a.btn { margin-right: 20px; } /***** Extra *****/ .extra { width: 980px; margin: 0 auto; } .extra_block { padding: 0; float: left; } .block_extra_1 { width: 640px; margin-right: 20px; } .block_extra_1 p { } .block_extra_1 p img { margin: 0 10px 5px 0; float: left; } .block_extra_2 { width: 240px; float: right; } .block_extra_2 h4 { padding: 0 0 3px; color: #f6a71e; } .block_extra_2 p span { color: #e4f3c8; } /* .block_extra_2 { width: 300px; margin-right: 20px; } .block_extra_2 h4 { padding-bottom: 9px; } .block_extra_2 ul { } .block_extra_2 ul li { background: url(images/icons/icon_page.gif) no-repeat 3px 7px; padding: 4px 0 5px 18px; border-bottom: 1px dotted #fff; } .block_extra_2 ul li:hover { background-color: #f0efdb; } */ /***** Footer *****/ #footer:hover a:link, #footer:hover a:visited { border-bottom: 1px dotted; } #footer a:link, #footer a:visited { color: #487633; } #footer:hover a:hover { border-bottom: 1px solid; } .footerwrap { width: 1000px; margin: 0 auto; text-align: center; } /* lightbox ------------------------------------------------------------------*/ #lightbox { width: 100%; position: absolute; left: 0; z-index: 100; text-align: center; line-height: 0; } #lightbox a, #lightbox a img, #lightbox img { border: 0; padding: 0; } #outerImageContainer {width: 250px; height: 250px; background-color: #fff; margin: 0 auto; border: 4px solid #184e00; 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: 4px solid #184e00; 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 */ #flashcontent { width: 640px; margin: 15px 0; position: relative; } span.help_tab { padding: 0; position: absolute; top: 0; right: 0; } #SSP_content { } ul.ui-tabs-nav { height: 25px; padding: 0; list-style: none; } ul.ui-tabs-nav li { margin:0 5px 0 0; padding: 0 !important; float: left; } ul.ui-tabs-nav li a { padding: 4px 6px; text-transform: uppercase; cursor: pointer; } ul.ui-tabs-nav li.ui-tabs-selected a { background: #184e00; font-weight: bold; color: #fff; } #SSP_content .ui-tabs-hide { display: none; } #sidebarspace { height:50px; width:100px; display:block; } .recentlease h3, .recentlease .view_all_sales_btn {display:none}