/* 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 */ #searchListResultContainer { text-align:left; vertical-align:top; width:771px; border-right:1px solid #999999; min-height:500px; } #searchListResult { padding:0 0 15px 0;margin-left:19px; width:727px; } #particularsContainer { margin-left:21px; width:959px; background-color:#FFFFFF; border-left:1px solid #999999; border-right:1px solid #999999; } #particulars { vertical-align:top; margin-left:20px; width:919px; } .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:10px; 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:16px; } #searchListResult .overview { width:480px; vertical-align:top; } #searchListResult .searchResultStreet { font-family:Georgia, "Times New Roman", Times, serif;margin:0 0 0 0; font-size:1.6em; font-weight:700; } #searchListResult .area { padding:5px 0 10px 0; font-size:1em; font-weight:normal; } #searchListResult .overviewDescription { width:480px; padding:0 0 5px 0; font-size:1.1em; } #searchListResult .bedrooms { font-family:Georgia, "Times New Roman", Times, serif;margin:3px 0 10px 0; font-size:1.2em; } #searchListResult .searchResultPrice { font-family:Georgia, "Times New Roman", Times, serif; text-align:right; margin:0 0 0 0; font-size:1.6em; font-weight:bold;color:#BF0000; } #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; } #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; } #searchListResult .footer #options .shortlistRemove a span { display:none;} #searchListResult .footer #options a.remove { cursor:pointer; background-image:url(/resources/images/but_minus_shortlist.gif); background-position:0 0; background-repeat:no-repeat; width:82px; height:19px; display:block;} #searchListResult .footer #options a.remove:hover { background-position: 0 -19px;} #searchListResult .footer #options a.remove span { display:none;} #searchListResult .footer #options a.add { cursor:pointer; background-image:url(/resources/images/but_plus_shortlist.gif); width:82px; height:19px; background-position:0 0; background-repeat:no-repeat; display:block;} #searchListResult .footer #options a.add:hover { background-position:0 -19px;} /* Property Result Navigation */ #searchListResult .navResults { clear:both; background-color:#f0ede9; margin-bottom:10px; padding-top:5px; padding-bottom:5px; } #searchListResult .navResults .resultSet { padding:0 0 0 15px; } #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:10px; 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; } /* Property Header */ #particulars { clear:both; } #particulars .particularsTitle { font-family:Georgia, "Times New Roman", Times, serif; padding:0; font-size:2.2em; margin-top:5px; color: #6E7160; font-weight: normal; } #particulars #headerRow { margin-bottom:5px; } #particulars .particularsStreet { font-family:Georgia, "Times New Roman", Times, serif; padding:0; font-size:2.2em; margin-top:5px; } #particulars .particularsBedrooms { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.7em; margin-bottom:5px;} #particulars .particularsPrice { font-family:Georgia, "Times New Roman", Times, serif; font-size:2.2em; text-align:right; color:#BF0000; } #particulars .divisionTag { margin:20px 0 0 0; } #particulars .particularsTenure { font-family:Georgia, "Times New Roman", Times, serif; text-align:right; text-transform:uppercase; font-size:1.2em; margin-top:3px; } /* Gallery / Slide Show Tags */ #particularsGallery li a { border:1px solid #FFFFFF; display:block; } #particularsGallery li a:hover { border:1px solid #CC0000; } #particularsGallery ul { margin:0; margin-top:5px; padding:0; width:728px; } #particularsGallery li { padding:0 4px 4px 0; margin:0; list-style:none; float:left; background-image:none;} /* FULL DETAIL, OVERVIEW REGION TAGS ------------------------------------------------ */ #particulars .photoMain { width:505px; } #particulars .photoMain img { margin:5px 0 0 0; border:none; } #particulars .photoAlt { margin:0; padding:0 0 0 0; } #particulars .photoAlt img { border:none; margin:1px 0 0 1px; } #particulars .photoAlt li { padding:0; margin:0; list-style:none; background-image:none; float:left;} #particulars .photoAlt li.first img { margin:1px 0 0 0;} #particulars .propertyOverview { } #particulars .overview { text-align:justify; margin-bottom:15px; font-size:1.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 p { font-weight:bold; margin:0px 0px 3px 0px; } #particulars #bulletPoints ul { clear:both; margin:0; margin-right:10px; padding:0; width:185px; } #particulars #bulletPoints li { } #particulars .propertySummary { margin-left:15px; float:left; width:150px; } #particulars .propertySummary p { margin:0px 0px 3px 0px; font-weight:bold;} #particulars .propertySummary td { padding-bottom:5px; } #particulars .propertyReference { margin-bottom:10px;} #propertyDescription { margin-right:15px; } #propertyDescription .overviewDescriptionFull { margin:0 0 10px 0; font-size:1.1em; } #particulars .roomTitle { font-weight:700; margin:0 10px 0 0; font-size:1.1em; } #particulars .roomDimensions { font-weight:normal; margin:0 0 5px 0px; } #particulars .roomDescription { margin:0 10px 10px 0; font-size:1.1em;} #particulars .noticeTitle { margin:0; padding:0; padding-top:15px;} #particulars .notice { margin:0 0 10px 0; padding:0; } .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:20px 0 10px 0; width:500px; text-align:right; } #navResults a { text-decoration:none; color:#BF0000; } #navResults a:hover { color:#BF0000; } #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; padding:0; background-image:url(/resources/images/more_bg.gif); height:27px; background-position:0px 4px; background-repeat:repeat-x; } #moreDetail li { list-style:none; padding:0; margin:0; float:left; background-image:none; background-repeat:no-repeat; background-position:0 0;} #moreDetail li a { width:78px; height:27px; display:block; } #moreDetail li a:hover { background-position:0 -27px; } #moreDetail li a.active { background-position:0 -54px; } #moreDetail li a.active:hover { background-position:0 -54px; } #moreDetail li a.unavailable { background-position:0 -54px; } #moreDetail .fulldetails a { background-image:url(../images/more_overview.gif); } #moreDetail .gallery a { background-image:url(../images/more_gallery.gif); width:68px;} #moreDetail .floorplan a { background-image:url(../images/more_floorplan.gif); } #moreDetail .transport a { background-image:url(/resources/images/more_transport.gif); width:74px; } #moreDetail .location a { background-image:url(../images/more_map.gif);width:109px; } #moreDetail .virtualtour a{ background-image:url(../images/more_detail_videotour_1.gif); } #moreDetail .printable a { background-image:url(../images/more_print.gif); width:128px; } #moreDetail .epc a { background-image:url(/resources/images/more_epcs.gif); width:57px; } #moreDetail .schools a { background-image:url(../images/more_schools.gif); width:73px; } #moreDetail .information a { background-image:url(../images/ico_area_map.gif); width:109px; } #moreDetail .directions a { background-image:url(/resources/images/more_directions.gif);width:88px; } /* Interested, Used on 'Overview' Page */ #interested { margin-top:1px; } #interested p { clear:both; font-size:1.2em; margin-bottom:0; } #interested p.branchTel { clear:both; font-size:1.7em;font-family:Georgia, "Times New Roman", Times, serif; } #interested p.branchTel .propertyReference { font-size:0.6em; font-family:Geneva, Arial, Helvetica, sans-serif; } #interested ul { margin:0; padding:0; height:55px; } #interested li { margin:0; padding:0; list-style:none; background-image:none; float:left;} #interested li a { display:block; height:43px; background-position:0 -43px; } #interested li a:hover { background-position:0 0;} #interested li.callme a { background-image:url(/resources/images/but_call_me_back.gif); width:105px;} #interested li.viewing a { background-image:url(/resources/images/but_book_viewing.gif); width:105px; } #interested li.shortlist a { background-image:url(/resources/images/but_shortlist.gif); width:111px; } #interested li.shortlistRemove a { background-image:url(/resources/images/but_remove_shortlist.gif); width:111px; } #interested li.email a { background-image:url(/resources/images/but_email_friend.gif); width:93px; } /* Interested, Used everywhere other than the 'Overview' Page */ #interestedAlt { text-align:left; width:165px; } #interestedAlt p { clear:both; font-size:1.2em; margin-bottom:0; text-align:left; margin-top:10px;} #interestedAlt ul { margin:0; padding:0; } #interestedAlt li { margin:0; padding:0; list-style:none; background-image:none; } #interestedAlt li a { display:block; width:165px; height:37px;} #interestedAlt li a:hover { background-position:0 -37px; } #interestedAlt li.callme a { background-image:url(/resources/images/but2_callme.gif); } #interestedAlt li.viewing a { background-image:url(/resources/images/but2_book_viewing.gif); } #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/but2_email_a_friend.gif); } #interestedAlt p.branchTel { font-family:Georgia, "Times New Roman", Times, serif; clear:both; font-size:1.7em;margin:0; margin-bottom:15px; } #interestedAlt p.branchTel .propertyReference { font-size:0.6em;font-family:Geneva, Arial, Helvetica, sans-serif; } /* FULL DETAIL, AREA INFORMATION ------------------------------------------------ #map_box #text { max-width: 80%; } */ /* contact us ------------------------------------------------*/ .contactUs { float:left; width:450px;} .contactSignIn { float:left; display:block; padding:14px 14px 0px 14px; width:265px; height:79px; background-image:url(/resources/images/myaccount/quick_sign_in_bg.gif); background-position:0 0; background-repeat:no-repeat;} .contactSignIn .heading { color:#bf0000; font-size:1.2em; font-weight:bold; margin:0px 0px 4px 0px;} .contactSignIn p { margin:0px 0px 6px 0px;} /* sliding door button - Added to particulars.css as the myaccount.css will clash with the form styling if added to the call me page -------------------------------------------*/ .contactSignIn a.button { cursor:pointer; text-transform:uppercase; text-decoration:none; display:block; background-image:url(/resources/images/myaccount/but_slide-right.gif); background-position:top right; float:left; font-size:12px; background-repeat:no-repeat; padding-right:15px; color:#FFFFFF; font-weight:bold; font-size:1em;} .contactSignIn a.button span { display:block; float:left; background-image:url(/resources/images/myaccount/but_slide-left.gif); background-repeat:no-repeat; background-position:top left; height:17px; padding:4px 0px 0px 15px; } .contactSignIn a.button:hover { background-position:bottom right; text-decoration:none; color:#333333;} .contactSignIn a.button:hover span { background-position:bottom left; text-decoration:none;}