/* Purpose: Particulars, Style Sheet Site: www. Author: Mark Rowlands, (c) Fusion Advertising & Design Ltd 2006 Version: 0.01 (13th February 2006) Changes: 0.01 MR 13/09/2003 Initial development */ .stageCaption { background-color:#CC0000; text-transform:uppercase; padding:3px; color:#FFFFFF; font-size:10px; display:inline; margin:0 5px 0 0; font-weight:normal; } /* SEARCH RESULTS BY LIST TAGS ------------------------------------------------ */ /* For Each Property Result */ #searchListResult .results { padding-bottom:14px; background-image:url(/resources/images/dotted_h_search.gif); background-repeat:repeat-x; background-position:bottom left; clear:both;} #searchListResult .photoMain { width:235px; vertical-align:top; } #searchListResult .photoMain img { margin-right:12px; } #searchListResult .overview { width:480px; vertical-align:top; } #searchListResult .searchResultStreet { margin:0 0 0 0; font-size:1.7em; font-weight:700; } #searchListResult .area { padding:5px 0 10px 0; font-size:1em; font-weight:normal; } #searchListResult .overviewDescription { padding:0 0 5px 0; font-size:1.1em; } #searchListResult .bedrooms { margin:3px 0 10px 0; font-size:1.1em; } #searchListResult .searchResultPrice { text-align:right; margin:0 0 0 0; font-size:1.6em; font-weight:bold;color:#0a1f58; } #searchListResult .footer { } #searchListResult .propertySummary { margin:5px; margin-left:0px; font-size:1.4em; } #searchListResult .propertySummary .bedrooms { width:25px; } #searchListResult .propertySummary .bathrooms { width:30px; text-align:center; } #searchListResult .propertySummary .reception { width:30px; text-align:center; } #searchListResult .propertySummary .parking { width:25px; } #searchListResult .propertySummary { margin:5px; margin-left:0px; font-size:1.4em; } #searchListResult .footer #options { float:right; width:180px; } #searchListResult .footer #options li { margin:0; margin-left:5px; padding:0; list-style:none; background-image:none; float:left;} #searchListResult .footer #options .more a { background-image:url(../images/but_more.gif); background-repeat:no-repeat; background-position:0 0; width:82px; height:19px; display:block; } #searchListResult .footer #options .more a:hover { background-position:0 -19px; } #searchListResult .footer #options .shortlist a { background-image:url(../images/but_plus_shortlist.gif); background-repeat:no-repeat; background-position:0 0; width:82px; height:19px; display:block; } #searchListResult .footer #options .shortlist a:hover { background-position:0 -19px; } #searchListResult .footer #options .shortlistRemove a { background-image:url(../images/but_minus_shortlist.gif); background-repeat:no-repeat; background-position:0 0; width:82px; height:19px; display:block; } #searchListResult .footer #options .shortlistRemove a:hover { background-position:0 -19px; } /* Property Result Navigation */ #searchListResult .navResults { clear:both; margin-bottom:10px; padding-top:5px; padding-bottom:5px; } #searchListResult .navResults .resultSet { padding:0 0 0 12px; } #searchListResult .navResults select { margin:0 15px 0 0; font-size:1.1em; } #searchListResult .perPage {text-align:right; } #searchListResult .order { text-align:right; } /* FULL DETAIL TAGS ------------------------------------------------ */ /* Tab Sub-Navigation */ #local-nav { margin-top:12px; padding:0 0 10px 0; width:485px; } #local-nav a { /*padding:0 5px 0 0;*/ } #local-nav .sectionLabel { font-size:1.4em; padding:0 0 0 0; margin:0 0 2px 0; } #local-nav-floor-plan { margin-top:12px; padding:0 0 0px 0; width:485px; } #local-nav-floor-plan a { /*padding:0 5px 0 0;*/ } #local-nav-floor-plan .sectionLabel { font-size:1.4em; padding:0 0 0 0; margin:0px; } /* Property Header */ #particulars { clear:both; padding-top:10px; } #particulars .particularsTitle { padding:0; font-size:2.2em; margin-top:5px; color: #6E7160; font-weight: normal; } #particulars #headerRow { margin-bottom:5px; } #particulars .particularsStreet { padding:0; font-size:2.2em; margin-top:5px; } #particulars .particularsBedrooms { font-size:1.7em; margin-bottom:5px; } #particulars .particularsPrice { font-size:2.2em; text-align:right; color:#0a1f58; margin-right:12px; margin-top:5px; } #particulars .divisionTag { margin:0 0 0 0; } #particulars .particularsTenure { text-align:right; text-transform:uppercase; font-size:1.2em; margin-top:3px; margin-right:12px; } #particulars .floorplanContainer { float:left; width:560px;} #particulars .interestedSmContainer { float:right; height:250px; } #particulars .detailsContactHeader { width:440px; padding:0px 0px 0px 2px; margin:0px 0px 15px 0px; } /* Gallery / Slide Show Tags */ #particularsGallery { width:180px; margin-right:12px; margin-left:12px; } #particularsGallery li a { border:1px solid #FFFFFF; display:block; } #particularsGallery li a:hover { border:1px solid #CC0000; } #particularsGallery li a.inactive { filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; width: 88px; /* width is required to make transparencies work in IE. */ } #particularsGallery li a.active { border:1px solid #CC0000; } #particularsGallery ul { margin:0; margin-top:5px; padding:0; width:717px; } #particularsGallery li { padding:0 4px 4px 0; margin:0; list-style:none; float:left; background-image:none;} #slideShow3 { width:260px; margin-top:10px; } #slideShow3 li a { border:1px solid #FFFFFF; display:block; width: 104px; padding:0; margin:0; } /* width is required to make transparencies work in IE. */ #slideShow3 li a:hover { border:1px solid #021245; } #slideShow3 li a.inactive { filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; } #slideShow3 li a.active { border:1px solid #021245; } #slideShow3 ul { margin:0 0 0 6px; padding:0; width:224px; } #slideShow3 li { padding:0 0 6px 6px; margin:0; list-style:none; float:left; background-image:none;} /*#particulars .sectionTransport { width:566px; }*/ /* FULL DETAIL, OVERVIEW REGION TAGS ------------------------------------------------ */ #particulars .photoMain { } #particulars .photoMain img { margin:12px 0 12px 12px; border:none; } #photoAlt { padding:0 0 10px 0; } #photoAlt ul { margin:4px 0 0 0; padding:0; list-style:none; width:355px; } #photoAlt li { float:left; margin:0 4px 0 0; padding:0; background-image:none; } #particulars .summaryContainer { width:265px; padding-top:12px; } #particulars .summary { margin-left:1px; width:264px; height:352px; background-image:url(../images/bg_particulars_overview.jpg); background-position:0 0; background-repeat:no-repeat; } #particulars .summaryInner { width:240px; text-align:justify; margin:0 12px 12px 12px; padding-top:12px; font-size:1.1em; } #particulars .summaryInner .floorplan { margin-top:12px; text-align:center; } .interest { height:82px; background-image:url(../images/bg_particulars_interest.jpg); background-position:0 0; background-repeat:no-repeat; } .interestInner { text-align:justify; } .interestInner p.branchTel { padding-top:25px; margin:0 0 0 12px; font-size:1.7em;} .interestInner p.propertyReference { margin:0 0 0 12px; font-size:1em; } /* #particulars .lifestyleCaption { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; margin-bottom:5px; margin-top:10px; } */ /* #particulars #bulletPoints { float:left; } #particulars #bulletPoints ul { clear:both; margin:0; margin-right:10px; padding:0; width:185px; } #particulars #bulletPoints li { } */ #particulars .propertySummary { background-color:#D3DBEA; text-align:center; width:358px; } #particulars .propertySummary ul { width:354px; clear:both; background-color:#d3dbea; height:65px; padding:0px; margin:0px 2px 0px 2px; } #particulars .propertySummary ul li { float:left; display:block; list-style:none; list-style-image:none; text-align:center; width:58px; height:25px; background-repeat:no-repeat; margin:0px; padding:36px 0px 0px 0px; background-position:10px 7px;} #particulars .propertySummary ul li.bed { background-image:url(../images/ico_bedrooms.gif); text-align:center; } #particulars .propertySummary ul li.reception { background-image:url(../images/ico_reception.gif); } #particulars .propertySummary ul li.bath { background-image:url(../images/ico_bathrooms.gif); } #particulars .propertySummary ul li.car { background-image:url(../images/ico_parking.gif); } #particulars .propertySummary ul li.garden { background-image:url(../images/ico_garden.gif); } #particulars .propertySummary ul li.train { background-image:url(../images/ico_train.gif); } #particulars .propertyReference { float:right; font-size:1.4em; margin:20px 10px 10px 0px; } #particulars .propertyReferenceSM { float:left; font-size:1.2em; margin:10px 0px 0px 0px; } #particulars .propertyOverview { width:356px; } #particulars .detailsOverview { border-top:1px solid #FFFFFF; background-color:#eeeef8; width:358px; height:165px;} #particulars .overview { margin:10px 0px 0px 11px } #particulars .overviewDescription { padding:10px 16px 16px 16px; width:324px; height:115px;} #particulars .moreDetails { text-align:left; } #propertyDescription { margin-top:12px; margin-bottom:10px; width:560px; border:1px solid #cccccc; /*background-image:url(../images/bg_particulars_overview.jpg); background-position:0 0; background-repeat:no-repeat;*/ } #propertyDescriptionInner { width:536px; margin:12px; font-size:1.1em; } #propertyDescription .overviewDescriptionFull { margin:0 0 10px 0; } #propertyDescription .descriptionFooter{width:264px; background-image:url(../images/bg_particulars_overview_bottom.gif); background-position:bottom right; background-repeat:no-repeat; height:12px; } #particulars .roomTitle { font-weight:700; margin:0 10px 0 0; font-size:0.9em; } #particulars .roomDimensions { font-weight:normal; margin:0 0 5px 0px;font-size:0.9em; } #particulars .roomDescription { margin:0 10px 10px 0;} #particulars .floorplanTitle { font-size:1.1em; margin-bottom:8px; font-weight:bold; } #particulars .floorplanMore { font-size:0.9em; margin-bottom:8px; float:right; margin-right:10px; } .epcEfficiency, .epcEnvironment { float:left; width:200px; margin-right:15px; } .epcEfficiency p, .epcEnvironment p { margin-top:5px; font-family:tahoma,verdana,arial,sans-serif; font-size:0.9em; line-height:1.4em; } /* Property Search Result Navigation */ #navResults { padding:0 12px 10px 0; width:300px; } #navResults a { text-decoration:none; } #navResults a:hover { } #navResults .current { display:inline; color:#CC0000; font-weight:bold; margin:0 5px 0 0; } #navResults .records { display:inline; } #navResults .backToList { width:75px; text-align:center;} #navResults .nextRecord { padding:0 0 0 0;text-align:right;} #navResults .nextRecordOff { padding:0 0 0 0;width:75px;text-align:right; color:#999999;} #navResults .previousRecord { } /* More Details, Buttons / Tabs for accessing more property information */ #moreDetail ul { margin:0 0 0 1px; padding:0; background-image:url(/resources/images/more_bg.gif); height:27px; width:727px; } #moreDetail li { list-style:none; padding:0; margin:0; margin-right:0px; float:left; background-image:none; background-repeat:no-repeat; background-position:0 0;} #moreDetail li a { width:82px; height:27px; display:block; } #moreDetail li a:hover { background-position:0 -27px; } #moreDetail li a.active { background-position:0 -54px; } #moreDetail li a.unavailable { background-position:0 -27px; } #moreDetail .blank a { width:12px; } #moreDetail .fulldetails a { background-image:url(../images/more_overview.gif); width:81px;} #moreDetail .gallery a { background-image:url(../images/more_gallery.gif); width:78px;} #moreDetail .floorplan a { background-image:url(../images/more_floorplan.gif); width:101px; } #moreDetail .transport a { background-image:url(/resources/images/more_transport.gif); width:81px;} #moreDetail .location a { background-image:url(../images/more_map.gif); width:118px; } #moreDetail .printable a { background-image:url(../images/more_print.gif); width:118px; } #moreDetail .hip a { background-image:url(../images/more_hips.gif); width:70px; } #moreDetail .schools a { background-image:url(../images/more_schools.gif); width:80px;} /* Interested, Used on 'Overview' Page */ #interested { width:356px; } #interested .noticeTitle { margin:12px; margin-left:0; margin-bottom:0; padding:0; font-size:0.9em; } #interested .notice { margin:0 12px 5px 12px; margin-left:0; padding:0; font-size:0.9em; } #interested .viewingTitle { margin:5px 0px 0px 21px; padding:0; font-size:0.9em; } #interested .viewing { padding:0; font-size:0.9em; } #interested .branchPhoneContainer { width:356px; padding:0px; margin:0px; float:left; width:180px; } #interested .branchPhoneContainer p { color:#3b3a8c; margin:7px 0px 0px 0px; } #interested .refrenceContainer { float:right; } #interested .propertyReference { margin:30px 10px 0px 0px;} #interested .shortListRemove { width:133px; height:20px; background-image:url(../images/ico_favourite.gif); background-repeat:no-repeat; background-position:3px 1px; text-align:right; display:block; float:right;} #interested .shortListAdd { width:100px; height:20px; background-image:url(../images/ico_favourite.gif); background-repeat:no-repeat; background-position: 3px 1px; text-align:right; display:block; float:right;} #interested ul {margin:0px 0px 0px 0px; padding:0; height:53px; } #interested li { margin:0; padding:0; list-style:none; background-image:none; float:left;} #interested li a { display:block; height:53px; background-position:0 -53px; } #interested li a:hover { background-position:0 0;} #interested li.callme a { background-image:url(/resources/images/but2_call_me_back.gif); width:113px; height:53px} #interested li.viewing a { background-image:url(/resources/images/but_book_viewing.gif); width:114px; height:53px; } #interested li.email a { background-image:url(/resources/images/but_email_friend.gif); width:121px; height:53px; } /*#interested li.shortlist a { background-image:url(/resources/images/interested_shortlist_add.gif); width:111px; } #interested li.shortlistRemove a { background-image:url(/resources/images/interested_shortlist_remove.gif); width:111px; } #interested .interestedFooter { height:82px; margin-right:12px; background-image:url(../images/interested_footer_bg.gif); background-position:bottom right; background-repeat:no-repeat; }*/ #interestedFooter { height:82px; margin-right:12px; } #interestedFooter ul {margin:0px 0px 0px 19px; padding:0; } #interestedFooter li { margin:0; padding:0; list-style:none; background-image:none; } #interestedFooter li a { display:block; height:53px; background-position:0 -53px; } #interestedFooter li a:hover { background-position:0 0;} #interestedFooter li.callme a { background-image:url(/resources/images/but_call_me_back.gif); width:113px; height:53px} #interestedFooter li.viewing a { background-image:url(/resources/images/but_book_viewing.gif); width:114px; height:53px; } #interestedFooter li.email a { background-image:url(/resources/images/but_email_friend.gif); width:121px; height:53px; } #interested2 { margin-right:39px; } #interested2 .noticeTitle { margin:12px; margin-left:0; margin-bottom:0; padding:0; font-size:0.9em; } #interested2 .notice { margin:0 12px 5px 12px; margin-left:0; padding:0; font-size:0.9em; } #interested2 .viewingTitle { margin:5px 0px 0px 21px; padding:0; font-size:0.9em; } #interested2 .viewing { padding:0; font-size:0.9em; } #interested2 ul {margin:0px 0px 0px 0px; padding:0; background-image:url(../images/interested_bg.gif); background-repeat:repeat-x; background-position:0 0; } #interested2 li { margin:0; padding:0; list-style:none; background-image:none; float:left;} #interested2 li a { display:block; height:53px; background-position:0 -53px; } #interested2 li a:hover { background-position:0 0;} #interested2 li.callme a { background-image:url(/resources/images/but_call_me_back.gif); width:113px; height:53px} #interested2 li.viewing a { background-image:url(/resources/images/but_book_viewing.gif); width:114px; height:53px; } #interested2 li.email a { background-image:url(/resources/images/but_email_friend.gif); width:121px; height:53px; } #interestedmap { width:100%; } #interestedmap .noticeTitle { margin:12px; margin-left:0; margin-bottom:0; padding:0; font-size:0.9em; } #interestedmap .notice { margin:0 12px 5px 12px; margin-left:0; padding:0; font-size:0.9em; } #interestedmap .viewingTitle { margin:5px 0px 0px 21px; padding:0; font-size:0.9em; } #interestedmap .viewing { padding:0; font-size:0.9em; } #interestedmap ul {margin:0px 0px 0px 0px; padding:0; background-image:url(../images/interested_bg.gif); background-repeat:repeat-x; background-position:0 0; } #interestedmap li { margin:0; padding:0; list-style:none; background-image:none; float:left;} #interestedmap li a { display:block; height:53px; background-position:0 -53px; } #interestedmap li a:hover { background-position:0 0;} #interestedmap li.callme a { background-image:url(/resources/images/but_call_me_back.gif); width:113px; height:53px} #interestedmap li.viewing a { background-image:url(/resources/images/but_book_viewing.gif); width:114px; height:53px; } #interestedmap li.email a { background-image:url(/resources/images/but_email_friend.gif); width:121px; height:53px; } #intrestedCallMe { width:100%;} #schools { width:717px; margin-right:12px; margin-left:0px; } /* FULL DETAIL, AREA INFORMATION ------------------------------------------------ #map_box #text { max-width: 80%; } */ /* Interested, Used everywhere other than the 'Overview' Page*/ #interestedAlt { text-align:left; width:160px; margin:17px 0px 0px 0px; height:260px; } #interestedAlt p { clear:both; font-size:1.2em; margin-bottom:0; text-align:left; margin-top:5px;} #interestedAlt img { margin-bottom:10px;} #interestedAlt ul { margin:0px; padding:0; } #interestedAlt li { margin:0; padding:0; list-style:none; background-image:none; } #interestedAlt li a { display:block; width:140px; height:43px; background-repeat:no-repeat; background-position:0 -43px;} #interestedAlt li a:hover { background-position:0 0; } #interestedAlt li.callme a { background-image:url(/resources/images/but_call_me_back2.gif); } #interestedAlt li.callme { margin:0px 0px 2px 0px;} #interestedAlt li.viewing a { background-image:url(/resources/images/but_book_viewing2.gif); } #interestedAlt li.viewing { margin:0px 0px 2px 0px;} /*#interestedAlt li.shortlist a { background-image:url(/resources/images/but2_shortlist.gif); } #interestedAlt li.shortlistRemove a { background-image:url(/resources/images/but2_remove_shortlist.gif); } */#interestedAlt li.email a { background-image:url(/resources/images/but_email_friend2.gif); } #interestedAltFloor p.branchTel { clear:both; font-size:1.7em;margin:0; margin-bottom:15px; } #interestedAltFloor p.branchTel .propertyReference { font-size:0.6em;font-family:Geneva, Arial, Helvetica, sans-serif; } #interestedAlt .shortListRemove { width:133px; height:20px; margin-left:2px; margin-top:8px; background-image:url(../images/ico_favourite.gif); background-repeat:no-repeat; background-position:3px 1px; text-align:right; display:block; } #interestedAlt .shortListAdd { width:100px; height:20px; margin-left:21px; margin-top:8px; background-image:url(../images/ico_favourite.gif); background-repeat:no-repeat; background-position: 3px 1px; text-align:right; display:block; }