/* Purpose: Search Style Sheet Site: www. Author: Mark Rowlands, (c) Fusion Advertising & Design Ltd 2006 Version: 0.01 (6th April 2006) Changes: 0.01 MR 06/04/2006 Initial development */ /* SHARED TAGS ------------------------------------------------ */ .box { clear:both; } .box .topRight { background-image:url(../images/box_top_right.gif); background-repeat:no-repeat; background-position:bottom; width:5px; } .box .top { background-image:url(../images/box_top.gif); background-repeat:repeat-x; height:5px; background-position:bottom; text-align:center; } .box .topLeft { background-image:url(../images/box_top_left.gif); background-repeat:no-repeat; background-position:bottom; width:5px; } .box .data { background-color:#FFFFFF; } .box .bottomRight { background-image:url(../images/box_bottom_right.gif); background-repeat:no-repeat; background-position:bottom right; width:5px; } .box .bottomLeft { background-image:url(../images/box_bottom_left.gif); background-repeat:no-repeat; width:5px; background-position:bottom left; } .box .bottom { background-image:url(../images/box_bottom.gif); background-repeat:repeat-x; background-position:bottom; height:5px; font-size:1px; } .box .left { background-image:url(../images/box_left.gif); background-repeat:repeat-y; background-position:left; width:5px; } .box .right { background-image:url(../images/box_right.gif); background-repeat:repeat-y; background-position:right; width:5px; } .box .topTab { background-image:url(../images/box_top.gif); background-repeat:repeat-x; background-position:bottom; } #searchPreference .backgroundLeft { background-image:url(../images/box_left.gif); background-repeat:repeat-y; float:left; } #searchPreference .backgroundRight { background-image:url(../images/box_right.gif); background-repeat:repeat-y; background-position:right; float:left; width:597px; } #SEOAreaList { margin:35px 0 0 20px; } #SEOAreaList ul { float:left; } #SEOAreaList li { } /* PAGE SELECTORS Search Result Pagination Tags ------------------------------------------------*/ #pageSelectorContainer { padding:0px 10px 0px 10px; width:674px;} .pageSelectors { width:330px; float:right;} .pageSelectors ul { margin:5px 0px 0px 0px; padding:0px 0px 10px 6px; float:right;/* width:100%;*/ } .pageSelectors li { padding:0px 0px 0px 4px; margin:0; list-style:none; float:left; background-image:none; font-size:1em; } .pageSelectors a { background-position:0 -14px; display:block; text-align:center; background-image:url(../images/page_bg_numbers.gif); text-decoration:none; color:#999999; width:1.6em; height:1.4em; line-height:1.4em; } .pageSelectors a:hover { background-position:0 0; color:#96bf0d;} .pageSelectors .current a {background-position:0 0px; font-weight:bold; color:#96bf0d; } /* Active State */ .pageSelectors a.last { background-image:url(/resources/images/page_last.gif);text-indent:-50000px; } .pageSelectors a.next { background-image:url(/resources/images/page_next.gif); text-indent:-50000px; } .pageSelectors a.first { background-image:url(/resources/images/page_first.gif); text-indent:-50000px; } .pageSelectors a.previous { background-image:url(/resources/images/page_previous.gif); text-indent:-50000px; } /* SEARCH PREFERENCE TAGS ------------------------------------------------ */ #searchPreference { } #searchPreference ul { margin:0; padding:0; } #searchPreference li { margin:0 1px 0 0; padding:0; float:left; list-style:none; background-image:none; } #searchPreference li a { padding:0px 0px 0px 10px; width:60px; height:24px; display:block; background-repeat:no-repeat; text-decoration:none; background-image:url(/resources/images/bul_cookiecrumb.gif); background-position:0px -25px;} #searchPreference li a:hover { text-decoration:underline } #searchPreference li a.active, #searchPreference li a.active:hover { background-position:0 0; } #searchPreference div.mainArea li a { padding:0px 0px 0px 10px; width:100px; height:24px; display:block; background-repeat:no-repeat; text-decoration:none; background-image:none;} #searchPreference div.mainArea li a:hover { text-decoration:underline;} #searchPreference li.searchBy { width:60px; } #searchPreference li.searchBy a { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#000000; text-decoration:none; } #searchPreference li.areas a { background-image:url(../images/search_tab_area.gif); } #searchPreference li.tube a { background-image:url(../images/search_tab_tube.gif); } #searchPreference li.street a { background-image:url(../images/search_tab_street.gif); } #searchPreference li.postcode a { background-image:url(../images/search_tab_postcode.gif); width:92px; } #searchPreference li.office a { background-image:url(../images/search_tab_office.gif); } #searchPreference label { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; } #searchPreference label.type { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; margin:0px 0px 0px 5px; } #searchPreference select { width:85px; margin:0 10px 5px 0; font-size:1.1em; } #searchPreference input { font-size:1.1em; } #searchPreference .box { width:670px; } #searchPreference .backgroundLeft { background-image:url(../images/box_left.gif); background-repeat:repeat-y; float:left; padding:0 5px 0 5px; } #searchPreference .backgroundRight { background-image:url(../images/box_right.gif); background-repeat:repeat-y; background-position:right; float:left; width:670px; } #searchPreference .noResults { width:658px; margin:0 20px 10px 0; border: 1px solid #cc0000; padding:6px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; background-color:#FFcccc; } /* AREA SEARCH PARAMETERS ------------------------------------------------ */ #searchPreference #areaList li div { background:#eeeeee; color:#96bf0d; font-weight:bold; font-size:1.1em; padding:2px; line-height:1.7em; border:1px solid #cccccc; } #searchPreference #areaList ul { margin:0; padding:0; width:661px;} #searchPreference #areaList li { margin:0; padding:0 0 10px 0; list-style:none; width:100%; background-image:none;} #searchPreference #areaList ul li ul { margin:0; padding:0; } #searchPreference #areaList ul li ul li { margin:0; float:left; width:183px; list-style:none; padding:2px 0 2px 2px; font-size:0.9em; } /* TUBE LINE SEARCH PARAMETERS ------------------------------------------------ */ #searchPreference #tubeLines li div { background:#b4bb97; color:#fff; font-weight:bold; font-size:1.1em; padding:2px;} #searchPreference #tubeLines ul { margin:0; padding:0; } #searchPreference #tubeLines li { margin:0; padding:0 0 10px 0; list-style:none; width:100%; background-image:none;} #searchPreference #tubeLines ul li ul { margin:0; padding:0; } #searchPreference #tubeLines ul li ul li { margin:0; float:left; width:195px; list-style:none; padding:2px 0 2px 0; } #searchPreference #tubeLines div.bakerlooline{ background:#956338; } #searchPreference #tubeLines div.piccadillyline{ background:url(/resources/images/stations/tube_piccadilly.gif) left no-repeat #034ea2; } #searchPreference #tubeLines div.northernline{ background:url(/resources/images/stations/tube_northern.gif) left no-repeat #231f20; } #searchPreference #tubeLines div.jubileeline{ background:#8a8c8e; } #searchPreference #tubeLines div.victorialine{ background:url(/resources/images/stations/tube_victoria.gif) left no-repeat #0095d7; } #searchPreference #tubeLines div.metropolitanline{ background:url(/resources/images/stations/tube_metropolitan.gif) left no-repeat #78004c; } #searchPreference #tubeLines div.districtline{ background:url(/resources/images/stations/tube_district.gif) left no-repeat #009a5a; } #searchPreference #tubeLines div.hammersmithcityline{ background:#f386a1; } #searchPreference #tubeLines div.circleline{ background:url(/resources/images/stations/tube_circle.gif) left no-repeat #ffdd00; } #searchPreference #tubeLines div.waterloocityline{ background:#79cbbe; } #searchPreference #tubeLines div.centralline{ background:#ed1b2e; } #searchPreference #tubeLines div.docklandsdlr{ background:url(/resources/images/stations/tube_docklands.gif) left no-repeat #00707b; } #searchPreference #tubeLines div.eastlondon{ background:#faa61a; } #searchPreference #tubeLines div.nationalrail{ background:url(/resources/images/stations/nationalrail.gif) left no-repeat #FFFFFF; color:#000000; border:1px solid #999999;} /* SEARCH RESULTS BY LIST TAGS ------------------------------------------------ */ /* For Each Property Result */ .search h2 { color:#000000; font-size:1.1em; padding:0px; margin:0px;} .search .search { width:680px; } .search #navResults .searchHeader { padding:0px; margin:0px 0px 10px 0px; width:680px; } .search #navResults .searchHeader h1.pageTitle { width:680px; margin:0px;} /*.search .searchHeader a { background-image:url(/resources/images/but_register.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:22px; width:120px;} .search .searchHeader a:hover { background-position:0 -22px; }*/ .search .spanThree { margin:0px; padding:0px; width:680px;} #searchListResult .resultColumn { float:left; width:217px; margin:0px 0px 10px 0px;} #searchListResult .resultColumnRight { float:right; width:217px; margin:0px 0px 10px 0px;} #searchListResult .results { display:block; width:680px; clear:both; margin:0px; padding:10px 0px 0px 0px; } #searchListResult .results li { margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; background-color:#FFFFFF; height:174px; border-bottom:1px solid #e5e5e5; list-style:none; background-image:none;} #searchListResult .overviewPhoto { width:177px; float:left; padding:0px 10px 0px 0px; margin:0px; height:174px;} #searchListResult .discription { width:492px; padding:0px 0px 0px 0px; margin:0px; height:174px; float:left; } #searchListResult .overview { width:594px; height:40px; padding:0px; margin:0px; vertical-align:top; background-image:url(../images/bg_list_reults.gif); background-repeat:repeat-x; background-position:0 0; } #searchListResult .searchResultStreet { width:336px; margin:8px 0px 3px 0px; font-size:1.5em; font-weight:normal; float:left; } #searchListResult .area { padding:5px 0 10px 0; font-size:1em; font-weight:normal; } #searchListResult .overviewDescription { width:490px; padding:0 0 10px 0px; font-size:1em; float:left; } #searchListResult .overviewDescription p { margin:0px; padding:0px; } #searchListResult .overviewDescription a { color:#ed1c24; } #searchListResult .bedrooms { margin:0px 0px 10px 0px; font-size:1.1em; float:left; } #searchListResult .searchResultPrice { width:130px; text-align:right; margin:8px 0px 3px 0px ; font-size:1.5em; font-weight:normal; float:right; } #searchListResult .tenure { float:right;} #searchListResult .searchResultFooter { clear:both; height:23px; width:680px;} #searchListResult p { margin-left:10px; } #searchListResult .propertySummary { margin:0px; padding:0px 0px 0px 6px; font-size:1.4em; } #searchListResult .propertySummary td { vertical-align:top; padding:0px 0 0 0; text-align:centre; } #searchListResult .propertySummary td span { font-size:0.9em; padding-right:1px; } #searchListResult .propertySummary .bedrooms img {padding:0px } #searchListResult .propertySummary .bathrooms img { padding:0; } #searchListResult .propertySummary .reception img { padding:0; } #searchListResult .propertySummary .parking img { padding:0; } #searchListResult #options { float:right; width:196px; height:28px; margin:5px 0px 0px 0px; } #searchListResult #options li { margin:0px 0px 0px 0px; height:22px; border:none; width:72px; padding:0; list-style:none; background-image:none; float:right; } #searchListResult #options li.shortlist { width:79px; margin:0px 5px 0px 0px;} #searchListResult #options li.shortlistRemove { width:79px; margin:0px 5px 0px 0px;} #searchListResult #options .more a { background-image:url(/resources/images/but_more.gif); background-repeat:no-repeat; background-position:0 0; width:79px; height:22px; display:block; } #searchListResult #options .more a:hover { background-position:0 -22px; } #searchListResult #options .shortlist a { background-image:url(../images/but_shortlist.gif); height:22px; background-repeat:no-repeat; padding:0px 6px 0px 0px; background-position:0 0; width:79px; height:22px; display:block; } #searchListResult #options .shortlist a:hover { background-position:0 -22px; } #searchListResult #options .shortlistRemove a { background-image:url(/resources/images/but_shortlist_remove.gif); padding:0px 6px 0px 0px; background-repeat:no-repeat; background-position:0 0; width:79px; height:22px; display:block; } #searchListResult #options .shortlistRemove a:hover { background-position:0 -22px; } #searchListResult .overviewDetails { float:left; width:270px;} #searchListResult .overviewDetails ul { margin:0px; padding:0px; border-bottom:none;} #searchListResult .overviewDetails li { font-size:1em; margin:0px; float:left; background-position:11px 0px; border-bottom:none; background-repeat:no-repeat; height:16px; padding:24px 0px 0px 0px; width:54px; text-align:center;} #searchListResult .overviewDetails li.bedroom { background-image:url(../images/ico_bedroom_mini.gif); } #searchListResult .overviewDetails li.reception { background-image:url(../images/ico_reception_mini.gif); } #searchListResult .overviewDetails li.bath { background-image:url(../images/ico_bathroom_mini.gif);} #searchListResult .overviewDetails li.car { background-image:url(../images/ico_car_mini.gif);} #searchListResult .overviewDetails li.garden { background-image:url(../images/ico_garden_mini.gif);} /* TAB RESULT TAGS Tabs for changing search result presentation i.e. Map to List ------------------------------------------------ */ #resultByTabs ul {background-image:url(/resources/images/bg_tab_results.gif); margin:0px; padding:0; background-repeat:repeat-x; background-position:0 0px; width:680px; height:32px; } #resultByTabs li { margin:0 1px 0 0; padding:0; float:left; list-style:none; background-image:none; margin:1px 4px 0px 0px; } #resultByTabs li a { height:26px; display:block; background-repeat:no-repeat; background-position:0 0; } #resultByTabs li a:hover { background-position:0 -26px; } #resultByTabs li a.active { background-position:0 -26px; } #resultByTabs li a.active:hover { background-position:0 -26px;} #resultByTabs li.list a { background-image:url(../images/tab_result_list.gif); width:90px; margin:0px 0px 0px 0px; } #resultByTabs li.grid a { background-image:url(../images/tab_result_grid.gif); width:90px; } #resultByTabs li.flow a { background-image:url(/resources/images/tab_result_flow.gif); width:121px; } #resultByTabs li.map a { background-image:url(../images/tab_result_map.gif); width:90px; } #resultByTabs li.shortlist a { background-image:url(/resources/images/tab_result_shortlist.gif); width:90px;} #resultByTabsPhoto ul { background-image:url(/resources/images/bg_tab_results.gif); padding:0; background-repeat:repeat-x; background-position:0 0; width:100%; height:20px; margin:10px 0px 15px 0px; } #resultByTabsPhoto li { margin:0 1px 0 0; padding:0; float:left; list-style:none; background-image:none; } #resultByTabsPhoto li a { width:92px; height:20px; display:block; background-repeat:no-repeat; background-position:0 -20px; } #resultByTabsPhoto li a:hover { background-position:0 -40px; } #resultByTabsPhoto li a.active, #resultByTabs li a.active:hover { background-position:0 0; } #resultByTabsPhoto li.list a { background-image:url(../images/tab_result_list.gif); } #resultByTabsPhoto li.grid a { background-image:url(../images/tab_result_grid.gif); } #resultByTabsPhoto li.flow a { background-image:url(/resources/images/tab_result_flow.gif); } #resultByTabsPhoto li.map a { background-image:url(../images/tab_result_map.gif); } /*#resultByTabs li.shortlist a { background-image:url(../images/tab_result_shortlist.gif); width:96px; } #resultByTabs li.refine a { width:94px; background-image:url(../images/tab_result_refine.gif); } */ /* Customised for List Results*/ #searchListResult #resultByTabs ul { width:747px; } #searchListResult #resultByTabs li.list { } #shortlistHeader { padding:10px 0px 0px 0px;} #shortlistHeader a { margin:0px 0px 20px 0px ; background-image:url(/resources/images/but_register.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:22px; width:120px;} #shortlistHeader a:hover { background-position:0 -22px; } /* Property Search Result Navigation */ #navResults { margin:0px; padding:0; width:680px; } #particulars, #searchMapResult { margin:0 0 0px 0; padding:0px ; width:680px; } #navResults .pageTitle { margin:0px 10px 0px 4px; padding:0; line-height:1.1em; height:25px; width:100%; } #searchMapResultContainer { width:680px;} #searchMapResultContainer #resultByTabs { background-image:url(/resources/images/more-detail_bg.gif); background-repeat:no-repeat; background-position:0 0; } #searchMapResultContainer #resultByTabs ul { margin:0; width:680x; } #searchMapResultContainer .searchHeader { width:680px; padding:10px 0px 0px 0px;} #searchMapResultContainer .searchHeader a { margin:0px 0px 20px 0px ; background-image:url(/resources/images/but_register.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:22px; width:120px;} #searchMapResultContainer .searchHeader a:hover { background-position:0 -22px; } #searchMapResult { vertical-align:top; width:680px; padding:10px 0px 0px 0px; width:660px; } #searchMapResultInner { margin:0px; padding:0px; background-color:#FFFFFF;} .shortlistNone { width:660px; padding:10px 0px 0px 0px; margin:0px;} .shortlistNoneInner { background-color:#FFFFFF; padding:20px 0px 20px 0px;} #searchListResult .shortlistNone p { margin:0px; padding:0px;} /* Property Result Navigation */ .resultSetControlContainer { width:680px; background-position:0 0; padding:7px 0px 6px 0px; margin:0px 0px 0px 0px; float:left; border-bottom:1px solid #E5E5E5; } .resultSeperator { width:660px; float:left;} .resultSetControl { background-color:#FFFFFF; width:680px; float:left; } .resultSetControl select.price { margin:0 0px 5px 4px; font-size:1.1em; float:right; } .resultSetControl select.show { margin:0px 10px 5px 0px; font-size:1.1em; float:right;} .resultSetControl .perPage {text-align:right; } .resultSetControl .order { text-align:right; } .resultSetControl .resultSet { font-size:1.1em; padding:5px 0px 0px 5px; width:325px; } .resultSetControl .resultSet b { } .resultSetControl .pages { padding:0px 0px 5px 5px;} .resultSetControl .sort { } .resultSetControl .resultColumn { width:340px; float:left; } .resultSetControl .resultColumnActions { float:right; width:320px;} .resultSetControlShortlist { width:731px; background-position:0 0; padding:6px 10px 5px 6px; margin:0px; } .resultSetControlShortlist select { margin:0 10px 0 0; font-size:1.1em; } .resultSetControlShortlist .perPage {text-align:right; } .resultSetControlShortlist .order { text-align:right; } .resultSetControlShortlist .resultSet { padding-left:10px; } /* diffrent view navigation rg.list photo flow */ #navResults ul.viewByPhoto li.backToDisplay a { } #navResults ul.viewByPhoto li.backToList a {} #navResults ul.viewByPhoto li.backToMap { } #navResults ul.viewByPhoto li.backToMap a {} #navResults ul.viewByPhoto li.backToPhotoFlow a { } /* View Results by */ #navResults ul.viewByPhoto { padding:0px; position:absolute; top:20px; right:0px; text-align:right; width:460px; } #navResults ul.viewByPhoto li { margin:0px 3px 0px 3px; padding:0; list-style:none; background-image:none; float:right; font-size:1em; } #navResults ul.viewByPhoto li a { text-decoration:underline; color:#00149B; display:block; height:30px; background-repeat:no-repeat; } #navResults ul.viewByPhoto li a:hover { text-decoration:none; background-position:0 0; color:#f7861b;} /* ADDITIONAL TAGS FOR PHOTO FLOW -----------------------------------------------*/ #photoflowContainer { float:left; width:180px; height:27px; } #photoflow_details { margin:30px 10px 0px 10px; } #photoflow_details a { height:22px; width:79px; color:#f7861b; text-decoration:underline;} #photoflow_details a:hover { background-position:0 -22px; color:#f7861b; text-decoration:none;} #photoflow_details .more { float:left;} #photoflow_details .shortlist { float:right; } #photoflow_details .shortlistRemove { float:right;} #photoflow_details a.moreDetails { color:#ed1c24; text-decoration:underline; height:20px; } #photoflow_details a.moreDetails:hover { color:#ed1c24; text-decoration:none;} #photoflow_details .blueHeader { margin:0 0 10px 0; font-size:1.3em; font-weight:normal; line-height:1.3em; color:#037dc0; font-weight:bold; } #photoflow_details .featuresList { font-size:0.9em;} #photoflow_details .stationList { font-size:0.8em;} .particularsSubTitle { font-size:1.5em; color:#F46F1E; } .overviewPhotoflow { margin:0px 7px 0px 0px; padding:0px; font-size:0.9em; height:172px; } .photoMap { } /* zoommap loacal amenities for the photoflow page*/ #zoommapLocalAmenitiesPhoto { padding-bottom:20px; float:left; font-size:0.9em; padding-top:3px; } #zoommapLocalAmenitiesPhoto ul { margin:0; padding:0; width:155px; } #zoommapLocalAmenitiesPhoto li { background-image:none; margin:0; padding:0; width:170px; height:40px; } #zoommapLocalAmenitiesPhoto li a { color:#00149B; padding:0px 0px 0px 35px; line-height:2.3em; text-decoration:none; width:115px; background-position:0 0; } #zoommapLocalAmenitiesPhoto li a:hover { color:#f7861b; background-position:0 0; height:40px; text-decoration:underline;} #zoommapLocalAmenitiesPhoto .particularsSubTitle { margin:10px 0 10px 0;} #zoommapLocalAmenitiesPhoto .nationalRail { background-image:url(/resources/images/ico_train.gif); background-repeat:no-repeat; background-position:0 0; } #zoommapLocalAmenitiesPhoto .supermarket {background-image:url(/resources/images/ico_shopping.gif); background-repeat:no-repeat; background-position:0 0; } #zoommapLocalAmenitiesPhoto .hospital {background-image:url(/resources/images/ico_hospital.gif); background-repeat:no-repeat; background-position:0 0;} #zoommapLocalAmenitiesPhoto .school { background-image:url(/resources/images/ico_schools_sign.gif); background-repeat:no-repeat; background-position:0 0;} /* ADDITIONAL TAGS TIPS SECTION ON THE PHOTO FLOW PAGE ------------------------------------------------*/ #photoFlowTips { height:100%; width:747px; margin-bottom:10px;} #photoFlowTips .showHide { color:#ed1c24; font-size:0.9em; float:right; margin:5px 20px 0px 0px; text-align:right; } #photoFlowTipsInner { height:100%; margin:0px 0px 0px 10px; padding:5px 0px 0px 10px; width:715px; background-color:#f2f1f1;} #photoFlowTips #photoFlowTipsInner h3.tipHeader { text-align:left; color:#ed1c24; font-weight:bold; padding:3px 0px 0px 5px; margin:0px; } #photoFlowTips a { color:#ed1c24; text-decoration:none;} #photoFlowTips a:hover { color:#ed1c24; text-decoration:underline;} #photoFlowTips .help { width:21px; height:21px; padding:0px; margin:0px;} #photoFlowTips #photoFlowTipsInner ul.tipText { background-color:#f2f1f1; width:715px; height:100%; float:left; display:block; padding:4px 0px 5px 0px; margin:0px; } #photoFlowTips #photoFlowTipsInner ul.tipText li { width:340px; float:left; list-style:none; list-style-type:none; display:block;}