/* 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; } /* SHORT RESULT TAGS ------------------------------------------------ */ #searchListResult .photoMain { width:219px; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; vertical-align:top; } #searchListResult .overview { vertical-align:top; background-color:#E5E7E1; } #searchListResult .road { padding:10px 0 0 15px; font-size:140%; font-weight:700; } #searchListResult .area { padding:5px 0 10px 15px; font-size:100%; font-weight:normal; } #searchListResult .propertyRef { display:inline; margin:0 0 0 5px; } #searchListResult .headerRow1 { background-color:#b4bd96; border-bottom:1px solid #FFFFFF; } #searchListResult .overviewDescription { padding:0 15px 5px 15px; } #searchListResult .bedrooms { margin:10px 0 0 15px; font-weight:bold; } #searchListResult .price { padding:0 15px 0 15px; font-size:140%; text-align:right; } #searchListResult .footer { border-top:1px solid #96998c; border-bottom:1px solid #FFFFFF; background-color:#E5E7E1; } #searchListResult .propertySummary { margin:5px; margin-left:15px; } #searchListResult .footer a.more { background-image:url(../images/but_full_details.gif); background-repeat:no-repeat; background-position:0 0; width:75px; height:19px; display:block; } #searchListResult .footer a.more:hover { background-position:0 -19px; } #searchListResult .navResults { clear:both; background-color:#CCCCCC; border-bottom:1px solid #FFFFFF; } #searchListResult .navResults .lookingFor { padding:10px 0 0 15px; } #searchListResult .navResults .areas { padding:0 0 0 15px; } #searchListResult .navResults .resultSet { padding:0 0 0 15px; } #searchListResult .navResults select { margin:0 15px 0 0; } #searchListResult .perPage {text-align:right; } #searchListResult .order { text-align:right; } #searchListResult .results { clear:both; } /* FULL DETAIL, HEADER TAGS ------------------------------------------------ */ #local-nav { padding:0 0 10px 0; width:501px; } #local-nav a { padding:0 5px 0 0; } #particulars .headerRow1 { background-color:#73736f; color:#FFFFFF; } #particulars .headerRow2 { background-color:#c7c7c0; color:#5c604d; } #particulars .road { padding:10px 0 10px 20px; font-size:140%; font-weight:700; } #particulars .area { display:inline; font-size:80%; font-weight:normal; } #particulars .bedrooms { padding:5px 0 5px 20px; font-size:110%; font-weight:normal;} #particulars .bedrooms .type { display:inline; } #particulars .marketprice { font-size:140%; display:inline; padding:0 10px 0 0; } #particulars .tag { display:inline; margin:0 5px 0 0; } #particulars .locationMap, #particulars .areaSchool, #particulars .floorplans, #particulars .areaSchool, #particulars .emailFriend, #particulars .virtualTour, #particulars .callMe { padding:20px 15px 10px 15px; } .sectionLabel, h6 { font-size:14px; padding:0 0 0 0; margin:0 0 2px 0; } /* FULL DETAIL, PHOTO TOUR REGION TAGS ------------------------------------------------ */ #particulars .gallery { padding:20px 0 10px 15px; } #particulars .photoSlideshow { padding:20px 0 10px 15px; } #particulars .gallery .galleryImages a { border:1px solid #FFFFFF; display:block; } #particulars .gallery .galleryImages a:hover { border:1px solid #CC0000; } #particulars .gallery ul { margin:0; padding:0; width:516px; } #particulars .gallery li { padding:0 5px 5px 0; margin:0; list-style:none; float:left; background-image:none;} /* FULL DETAIL, PUBLIC TRANSPORT TAGS ------------------------------------------------ */ #particulars .tflJourneyPlannerSection { border:1px solid #CCCCCC; margin:0 0 10px 0; background-color:#EEEEEE; width:500px; } #particulars .tflJourneyPlannerOption { border:1px solid #CCCCCC; margin:0 0 10px 0; background-color:#EEEEEE; width:500px;} #particulars .tflJourneyPlannerOption table, #fullDetails .tflJourneyPlannerSection table { margin:10px; } #particulars .tflJourneyPlannerOption table table, #fullDetails .tflJourneyPlannerSection table table { margin:0px; } /* FULL DETAIL, AREA INFORMATION ------------------------------------------------ */ #map_box #text { max-width: 80%; } /* FULL DETAIL, OVERVIEW REGION TAGS ------------------------------------------------ */ #particulars .floorplanSample { margin:5px 10px 0 5px; background-color:#FFFFFF; display:block; padding:10px; } #particulars .overview { padding: 10px 20px 20px 20px } #particulars .options { background-color:#f6f7f5; width: 100px; } #particulars .roomTitle { font-weight:700; margin:10px 0 0 0; } #particulars .roomMetric { display:inline; } #particulars .roomImperial { display:inline; } #particulars .roomDescription { } #particulars .photos { background-color:#e5e7e1; } #particulars .photoMain { width:auto; padding:0 0 5px 0; } #particulars .photoMain img { margin:10px 0 0 20px; border:1px solid #FFFFFF; } #particulars .photoAlt { margin:0; padding:8px 0 0 0; } #particulars .photoAlt img { border:1px solid #FFFFFF; } #particulars .photoAlt li { padding:2px 0 0 5px; list-style:none; margin:0; background-image:none;} /* FULL DETAIL, NAVIGATION REGION TAGS ------------------------------------------------ */ #navResults { background-color:#f7f6f1; padding:10px 0 10px 0; } #navResults a { text-decoration:none; color:#5c604d; } #navResults a:hover { color:#CC0000; } #navResults .division { display:inline; padding:0 10px 0 20px; font-weight:bold;} #navResults .current { display:inline; color:#CC0000; font-weight:bold; margin:0 5px 0 0; } #navResults .records { display:inline; } #navResults .backToList { width:100px; text-align:center;} #navResults .nextRecord { padding:0 10px 0 0;width:100px; text-align:center;} #navResults .nextRecordOff { padding:0 10px 0 0;width:100px; text-align:center; color:#999999;} #navResults .previousRecord { } #moreDetail { padding:10px 10px 0 5px; } #moreDetail th { color:#FFFFFF; background-color:#b4bb97; text-align:left; padding:10px 0 10px 15px; } #moreDetail ul { margin:0; padding:0; list-style:none; } #moreDetail li { border-bottom:1px solid #FFFFFF; list-style:none; padding:0; margin:0;background-image:none; background-repeat:no-repeat; background-position:5px 0;} #moreDetail li a { width:150px; height:23px; display:block; } #moreDetail li a:hover {background-repeat:no-repeat; background-position:5px 0; } #moreDetail .fulldetails { background-image:url(../images/more_detail_fulldetails_1.gif); } #moreDetail .fulldetails a:hover { background-image:url(../images/more_detail_fulldetails_2.gif); } #moreDetail .slideshow { background-image:url(../images/more_detail_slideshow_1.gif);} #moreDetail .slideshow a:hover { background-image:url(../images/more_detail_slideshow_2.gif); } #moreDetail .floorplan { background-image:url(../images/more_detail_floorplan_1.gif); } #moreDetail .floorplan_unavailable { background-image:url(../images/more_detail_floorplan_3.gif); background-repeat:no-repeat; background-position:5px 0; width:150px; height:23px; display:block; } #moreDetail .floorplan a:hover { background-image:url(../images/more_detail_floorplan_2.gif); } #moreDetail .location { background-image:url(../images/more_detail_location_1.gif); } #moreDetail .location a:hover { background-image:url(../images/more_detail_location_2.gif); } #moreDetail .virtualtour { background-image:url(../images/more_detail_videotour_1.gif); } #moreDetail .virtualtour_unavailable { background-image:url(../images/more_detail_videotour_3.gif); background-repeat:no-repeat; background-position:5px 0; width:150px; height:23px; display:block; } #moreDetail .virtualtour a:hover { background-image:url(../images/more_detail_videotour_2.gif); } #moreDetail .printable { background-image:url(../images/more_detail_printable_1.gif); } #moreDetail .printable a:hover { background-image:url(../images/more_detail_printable_2.gif);} #moreDetail .hip { background-image:url(../images/more_detail_hip_1.gif); } #moreDetail .hip a:hover { background-image:url(../images/more_detail_hip_2.gif); } #moreDetail .schools { background-image:url(../images/more_detail_schools_1.gif); } #moreDetail .schools a:hover { background-image:url(../images/more_detail_schools_2.gif); } #moreDetail .information { background-image:url(../images/more_detail_transport_1.gif); } #moreDetail .information a:hover { background-image:url(../images/more_detail_transport_2.gif); } #interested { margin-left:5px; } #interested td { padding-top:10px; font-size:1em; vertical-align:top; } #interested td.callNumber { font-size:1.4em } #interested td.callLabel { vertical-align:bottom;} #options { padding:10px 10px 0 5px; } #options th { color:#FFFFFF; background-color:#b4bb97; text-align:left; padding:10px 0 10px 15px; } #options ul { margin:0; padding:0; } #options li { border-bottom:1px solid #b3bc94; list-style:none; margin:0; padding:0; background-image:none; background-repeat:no-repeat; background-position:5px 0;} #options li a { width:150px; height:23px; display:block; } #options li a:hover { background-repeat:no-repeat; background-position:5px 0;} #options .emailfriend { background-image:url(../images/options_email_friend_1.gif); } #options .emailfriend a:hover { background-image:url(../images/options_email_friend_2.gif); } #options .callme { background-image:url(../images/options_call_me_1.gif); } #options .callme a:hover { background-image:url(../images/options_call_me_2.gif); } #options .favourites { background-image:url(../images/options_favourites_1.gif); } #options .favourites a:hover { background-image:url(../images/options_favourites_2.gif); } #options .favouritesRemove { background-image:url(../images/options_fav_remove_1.gif); } #options .favouritesRemove a:hover { background-image:url(../images/options_fav_remove_2.gif); }