/** Default styles **/ * { margin:0; padding:0; } body { font-family:Arial, Verdana, serif; font-size:10pt; background:#d6d6d6; color:#646464; padding:0; margin:0; } form { pading:0; margin:0; } h1 { color:#eb4901; font-weight:bold; font-size:1.7em; margin:0.5em 0 0.2em 0; } h2 { font-size:1.2em; margin:0.2em 0 0.2em 0; } ul { margin:0.8em 0 0.8em 0; padding: 0 0 0 1.5em; list-style-type:disc; } p { margin:0.2em 0 1em; } a { color:#eb4901; } img { border:none; } ul { list-style-type:disc; margin:1em 0 1em 0; padding-left:25px; } ol { list-style-type:decimal; margin:1em 0 1em 0; padding-left:25px; } /** Styled form layout */ form.styled .row { padding-bottom: 10px; } form.styled .row label { display:block; font-weight:bold; height:0px; overflow:hidden; } form.styled .row input.textbox { width:240px; color:#8f8f8f; padding:5px; border: solid 1px #cfcfcf; } form.styled .row input.xHasValue { color:Black !important; } form.styled .smallprint { color:#646464; font-size:8pt; margin-bottom:10px; } form.styled label.radio { display:inline; height:auto; } /** HTML styled dropdown menue */ .htmldd { position:relative; float:left; margin-left:5px; color:Black; font-size:11px; } .htmldd { cursor:pointer; } .htmldd a.cur { background:White; float:left; height:27px; line-height:27px; width:68px; border:solid 1px White; border-bottom:none; padding: 0 12px 0 8px; color:#646464; text-decoration:none; background:White url(../images/htmldd.png) no-repeat scroll 67px 5px; } .htmldd a.curropen { border:solid 1px Black; border-bottom:none; } .htmldd a.cur:hover { text-decoration:underline; } .htmldd ol { position:absolute; top:26px; left:0; list-style-type:none; padding:0; margin:0; background-color:White; border: solid 1px Black; border-top:none; color:Black; width:88px;} .htmldd ol a { color:#EB4901; font-weight:bold; text-decoration:none; display:block; padding:3px 10px 3px 10px; font-size:10px; border-top:solid 1px #ccc; } .htmldd ol a:hover { background-color:#efefef; } .htmldd ol a.selected { background-color:#efefef; } /** Tabs **/ ul.tabs { list-style-type:none; padding:0; margin:0; } ul.tabs li { display:inline; } ul.tabs li a { float:left; margin-right:5px; background:transparent url(../images/tabs.png) no-repeat scroll 0 -120px; text-decoration:none; color:White; font-size:1.1em; margin-top:4px; padding-left:10px; cursor:pointer; } ul.tabs li a span { line-height:1.8em; display:block; float:left; height:1.8em; padding-right:10px; background:transparent url(../images/tabs.png) no-repeat scroll 100% -120px; } ul.tabs li a:hover { text-decoration:underline; } ul.tabs li a.active { text-decoration:none; cursor:default; margin-top:0; font-weight:bold; background-position:0 -80px; } ul.tabs li a.active span { background-position:100% -80px; padding-top:2px; padding-bottom:2px; } #page ul.tabs { padding-top:10px; } #page ul.tabs a { background-position:0 -40px; color:Black; } #page ul.tabs a span { background-position:100% -40px; } #page ul.tabs a.active { background-position:0 0; color:#DF3405; } #page ul.tabs a.active span { background-position:100% 0; } /** Buttons **/ button.iv { border:none; filter:none; background:Transparent; cursor:pointer; padding:0; margin:0; } button .xbtn { float:none; margin-left:0; } .xbtn { cursor:pointer; font-size:10pt; font-weight:bold; text-decoration:none; float:left; display:block; background:Transparent url(../images/lozenge1.png) no-repeat scroll 100% -22px; color:White; height:20px; padding-right:10px; margin-left:6px; } .xbtn span { display:block; background:Transparent url(../images/lozenge1.png) no-repeat scroll 0 0; line-height:20px; padding-left:10px; text-align:center;} .xbtnGray { background-position:100% -66px; } .xbtnGray span { background-position:0 -44px; } .xbtnRed { background-position:100% -110px; } .xbtnRed span { background-position:0 -88px; } .xbtnGray2 { background-position:100% -154px; } .xbtnGray2 span { background-position:0 -132px; } /** Rounded Corners */ .xrb1 { position:relative; background:White; } .xrb1tl, .xrb1tr, .xrb1bl, .xrb1br { position:absolute; width:10px; height:10px; overflow:hidden; display:block; background:Black; background:transparent url(../images/corners.png) no-repeat scroll 0 0; } .xrb1tl { top:0; left:0; background-position:0 0; } .xrb1tr { top:0; right:0; background-position:-10px 0; } .xrb1bl { bottom:0; left:0; background-position:0 -10px; } .xrb1br { bottom:0; right:0; background-position:-10px -10px; } .xrb2 { position:relative; background:#efefef; } .xrb2tl, .xrb2tr, .xrb2bl, .xrb2br { position:absolute; width:10px; height:10px; overflow:hidden; display:block; background:Black; background:transparent url(../images/corners.png) no-repeat scroll 0 0; } .xrb2tl { top:0; left:0; background-position:0 -20px; } .xrb2tr { top:0; right:0; background-position:-10px -20px; } .xrb2bl { bottom:0; left:0; background-position:0 -30px; } .xrb2br { bottom:0; right:0; background-position:-10px -30px; } .xrb3 { position:relative; background:White; } .xrb3tl, .xrb3tr, .xrb3bl, .xrb3br { position:absolute; width:10px; height:10px; overflow:hidden; display:block; background:Black; background:transparent url(../images/corners.png) no-repeat scroll 0 0; } .xrb3tl { top:-1px; left:-1px; background-position:0 -40px; } .xrb3tr { top:-1px; right:-1px; background-position:-10px -40px; } .xrb3bl { bottom:-1px; left:-1px; background-position:0 -50px; } .xrb3br { bottom:-1px; right:-1px; background-position:-10px -50px; } .xrb4 { position:relative; background:#212121; } .xrb4tl, .xrb4tr, .xrb4bl, .xrb4br { position:absolute; width:10px; height:10px; overflow:hidden; display:block; background:transparent url(../images/corners.png) no-repeat scroll 0 0; } .xrb4tl { top:0; left:0; background-position:0 -60px; } .xrb4tr { top:0; right:0; background-position:-10px -60px; } .xrb4bl { bottom:0; left:0; background-position:0 -70px; } .xrb4br { bottom:0; right:0; background-position:-10px -70px; } .xrb5 { position:relative; background:#cfcfcf; } .xrb5tl, .xrb5tr, .xrb5bl, .xrb5br { position:absolute; width:10px; height:10px; overflow:hidden; display:block; background:Black; background:transparent url(../images/corners.png) no-repeat scroll 0 0; } .xrb5tl { top:0; left:0; background-position:-20px -60px; } .xrb5tr { top:0; right:0; background-position:-30px -60px; } .xrb5bl { bottom:0; left:0; background-position:-20px -70px; } .xrb5br { bottom:0; right:0; background-position:-30px -70px; } .xrb6 { position:relative; background:#393939; } .xrb6tl, .xrb6tr, .xrb6bl, .xrb6br { position:absolute; width:10px; height:10px; overflow:hidden; display:block; background:Black; background:transparent url(../images/corners.png) no-repeat scroll 0 0; } .xrb6tl { top:0; left:0; background-position:0 -80px; } .xrb6tr { top:0; right:0; background-position:-10px -80px; } .xrb6bl { bottom:0; left:0; background-position:0 -90px; } .xrb6br { bottom:0; right:0; background-position:-10px -90px; } .xrb7 { position:relative; background:#ffedd9; } .xrb7tl, .xrb7tr, .xrb7bl, .xrb7br { position:absolute; width:10px; height:10px; overflow:hidden; display:block; background:Black; background:transparent url(../images/corners.png) no-repeat scroll 0 0; } .xrb7tl { top:0; left:0; background-position:-20px -80px; } .xrb7tr { top:0; right:0; background-position:-30px -80px; } .xrb7bl { bottom:0; left:0; background-position:-20px -90px; } .xrb7br { bottom:0; right:0; background-position:-30px -90px; } .xrb8 { position:relative; background:#ffedd9; } .xrb8tl, .xrb8tr, .xrb8bl, .xrb8br { position:absolute; width:10px; height:10px; overflow:hidden; display:block; background:Black; background:transparent url(../images/corners.png) no-repeat scroll 0 0; } .xrb8tl { top:0; left:0; background-position:0 -100px; } .xrb8tr { top:0; right:0; background-position:-10px -100px; } .xrb8bl { bottom:0; left:0; background-position:0 -110px; } .xrb8br { bottom:0; right:0; background-position:-10px -110px; } .xrb9 { position:relative; background:#eaeaea; } .xrb9tl, .xrb9tr, .xrb9bl, .xrb9br { position:absolute; width:10px; height:10px; overflow:hidden; display:block; background:Black; background:transparent url(../images/corners.png) no-repeat scroll 0 0; } .xrb9tl { top:0; left:0; background-position:-20px -40px; } .xrb9tr { top:0; right:0; background-position:-30px -40px; } .xrb9bl { bottom:0; left:0; background-position:-20px -50px; } .xrb9br { bottom:0; right:0; background-position:-30px -50px; } /** Page structure **/ .pageBlock { width:960px; left:50%; margin:0 auto 0 auto; } .mainBlock { width:970px; padding-left:10px; } .clear {display:block;height:0px;clear:both;} .pageWrapper {position:relative;clear:both;} #page { clear:both; position:relative; z-index:1; width:960px;} /** PAGE **/ .firstCol { width:600px; float:left; padding:20px; background:White; } .firstCol .xrb1tl { background-position:-30px 0; } .firstTab .xrb1tl { background:White; } .shortlistTab .xrb1tr { display:none; } .secondCol { width:320px; float:right; } .secondCol .sideBox { width:260px; background:White; margin-bottom:20px; margin-left:20px; padding:20px; clear:both; } .secondCol .mpu { width:300px; margin-left:20px; margin-bottom:20px; clear:both; } .secondCol .joinedBox { width:300px; background:White; margin-bottom:20px; padding:20px 20px 20px 0; float:left; clear:both; width:300px; } .secondCol .joinedBox .xrb1tl { display:none; } .secondCol .joinedBox .xrb1bl { bottom:-10px;background-position:-20px 0; } .heading { clear:both; background:White; padding:20px; width:920px; } .heading hr { clear:both; } .heading .xrb1bl, .heading .xrb1br { display:none; } .headedCol { padding-top:0; } .headedCol .xrb1tl, .headedCol .xrb1tr { display:none; } #header { height:90px; padding:20px 12px 12px 12px; border-bottom:solid 2px #e4e4e4; background:White url(../images/breadcrumbshadow.png) repeat-x scroll 0 0; } #header .logo { display:block; float:left; width:200px; height:94px; overflow:hidden; } #header .logo span { display:none; } #header .leaderboard { float:right; width:728px; height:90px; } #content { clear:both;} #footer { margin-top:40px; padding:30px 0 20px 0; background:#444444; border-top:solid 2px #e4e4e4; } #footer .logo { display:block; margin-top:15px; float:left; width:120px; height:45px; background:transparent url(../images/logo.png) no-repeat scroll 0 -94px; overflow:hidden; } #footer .logo span { display:none; } #footer .mainLinks { float:left; color:White; padding:10px 20px 10px 20px; margin:0 20px 0 20px; text-align:left; width:460px; line-height:30px; } #footer .mainLinks a { color:#fe9c37; text-decoration:none; } #footer .eaLink { cursor:pointer; float:right; display:block; padding:20px; text-align:center; width:260px; line-height:40px; height:40px; } #footer .eaLink a { font-weight:bold; font-size:1.2em; text-decoration:none; } #footer .moreLinks { clear:both; padding-top:20px; padding-bottom:20px; padding-left:140px; font-size:0.8em; text-align:left; line-height:2em; } #footer .moreLinks a { color:#ccc; } #navigation { position:relative; width:960px; } #navigation p { left:0; margin:0; float:left; width:350px; height:30px; line-height:30px; } #navigation p a { color:Black; } #navigation ul { clear:left; } #navigation ul li { float:left; margin-top:10px; } #navigation ul li a { font-size:16px; } #navigation ul.secondary { clear:none; } #navigation ul.secondary li { display:inline; float:none; margin:0; } #navigation ul.secondary li a { float:right; font-size:10pt; padding-left:30px; font-weight:bold; background:transparent url(../images/buttons.png) no-repeat scroll 0 -216px; margin-top:0; } #navigation ul.secondary li a span { background:transparent url(../images/buttons.png) no-repeat scroll 100% -216px; height:30px; line-height:30px; } #navigation ul.secondary li a.searches { background-position:0 -250px; } #navigation ul.secondary li a.searches span { background-position:100% -216px; } #navigation ul.secondary li.tertiary { margin-top:0; float:none; } #navigation ul.secondary li.tertiary a { margin-top:3px; display:block; float:right; margin-left:5px; padding-left:10px; background:transparent url(../images/tabs.png) no-repeat scroll 0 -200px; color:#efefef; font-size:12px; } #navigation ul.secondary li.tertiary a span { display:block; height:24px; line-height:24px; padding-right:10px; background:transparent url(../images/tabs.png) no-repeat scroll 100% -200px; } #navigation ul.secondary li.epc a { background-position:0 -224px; } #navigation ul.secondary li.epc a span { background-position:100% -224px; } #navigation ul.secondary li.oil a { margin-right:10px; } #breadcrumbs { background:#373634; color:#d5d5d5; font-size:11px; } #breadcrumbs a { color:White; text-decoration:none; } #breadcrumbs p { margin:0 auto 0 auto; padding:5px; width:960px; text-align:left; } /** Search */ #search { clear:both; color:White; float:left; width:970px; background:transparent url(../images/searchbg.png) no-repeat scroll left bottom; position:relative; z-index:2; } #search .form { padding:15px 15px 0 15px; float:left; width:940px; background:transparent url(../images/searchbg.png) no-repeat scroll left top; } #search .end { clear:both; background:#D6D6D6 url(../images/searchbg.png) no-repeat scroll left bottom; height:24px; } #search .extraSeparator { clear:both; background:#D6D6D6 url(../images/searchbg.png) no-repeat scroll left -126px; height:20px; } #search fieldset { border:none; padding:0; width:925px; float:left; margin-top:4px; } #search fieldset label { display:none; } button.search { float:left; margin-left:10px; position:relative; top:-3px; cursor:pointer; font-size:12pt; width:75px; height:33px; line-height:33px; text-align:center; background:Transparent url(../images/button1.png) no-repeat scroll 0 0; border:none; filter:none; color:White; font-weight:bold; } #search input.textbox, #search div.textbox { float:left; color:#646464; font-size:11px; background:White; border:solid 1px White; border-bottom:none; } #search input.textbox { width:450px; padding:7px 4px 7px 4px; } #search .hasSuggestions { border-color:Black !important; } #search div.extraWidth1 { width:465px; } #search div.textbox { max-height:53px; min-height:27px; overflow:auto; } #search div.textbox input{ font-size:11px; position:relative; top:7px; float:left; height:13px; width:20px; outline:none !important; } #search div.textbox a.term { display:block; margin:3px 4px 3px 4px; float:left; text-decoration:none; background:#efefef; border:solid 1px #c4c4c4; color:#646464; padding:2px 4px 2px 4px; height:14px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; } #search div.textbox a.term:hover { text-decoration:line-through; } #search input.xTbDef { color:#949494; } #search span.dd { float:left; height:18px; padding: 8px 8px 8px 8px; background-color:White; margin-left:5px; } #search select { border:none; font-size:10pt; width:88px; font-size:14px;} #search select.beds { width:80px; } #search fieldset .separator { color:#666;} #search div.advanced { width:97px; float:right; text-align:left; margin-top:3px; } #search div.advancedWithStyles { margin-top:26px; } #search div.advanced a { color:White; font-size:10px; display:block; } #search .style { float:left; width:160px; } #search .style-detachedBungalow { width:110px; } #search .style-townhouse { width:110px; } #search .style-semidetachedBungalow { width:170px; } #search .style-endTerrace { width:170px; } #search .styles { border-top:solid 1px #f5a580; margin-top:10px;padding-top:10px;padding-bottom:8px; width:835px; } #search .styles label { display:inline; font-size:11px; } #search .styles h3 { float:left; font-size:12px; width:100px; margin-top:3px; } #search .checkboxes { float:right; width:730px; } #search .checkboxes .xPt-farm { width:230px; } #search .extra { color:#d5d5d5; height:33px; padding:0 30px 14px 20px; line-height:33px; width:920px; background:#D6D6D6 url(../images/searchbga.png) no-repeat scroll 0 0; color:White; clear:both; } #search .extra a { color:White; } #search #searchForm_style2Wrapper { width:130px; } #search #searchForm_style6Wrapper { width:130px; } #search #searchForm_style3Wrapper { width:180px; } #search #searchForm_style7Wrapper { width:180px; } #search #searchForm_style2Wrapper { width:120px; } #search #searchForm_style6Wrapper { width:120px; } #search #searchForm_style10Wrapper { width:140px; } #search #searchForm_style8Wrapper { width:140px; } #search #searchForm_style4Wrapper { width:110px; } #search #searchForm_style9Wrapper { width:110px; } /** Search results list styling */ .resultsList { width:593px; } .resultsList .title { padding:10px; float:left; width:568px; margin:10px 0 20px 0; } .resultsList .title h1, .resultsList .title h2 { font-size:14px; width:380px; float:left; margin:2px; color:Black; } .resultsList .noresults { float:left;clear:left;width:550px;padding:20px;margin-top:20px;} .resultsList .noresults h2 { font-size:1.6em; color:#eb4901; font-weight:normal; } .resultsList .title select {font-size:8pt;} .resultsList .sort {float:right;font-size:8pt;width:180px;padding-top:3px; text-align:right;} .resultsList .noresults .suggestions { line-height:1.5em; font-size:11pt; } .resultsList .noresults h3 { font-size:11pt; } .resultsList .noresults ul { list-style-type: disc; padding-left:20px; margin:10px 0 10px 0; } .resultsList .pages { clear:both; font-size:1em; margin-bottom:10px; height:22px; width:587px; } .resultsList .pages a.np { text-decoration:none; color:#7f7f7f; font-size:9pt; } .resultsList .pages .np { display:block; float:right; height:22px; line-height:22px; font-size:10pt; background:transparent url(../images/tabs.png) no-repeat scroll 0 -278px; padding-left:9px; margin-left:10px; } .resultsList .pages .np span { display:block; background:transparent url(../images/tabs.png) no-repeat scroll 100% -278px; padding-right:22px; } .resultsList .pages .prev { padding: 0 9px 0 0; background-position:100% -278px; } .resultsList .pages .prev span { padding: 0 0 0 22px; background-position:0 -278px; } .resultsList .pages span.prev { display:none; } .resultsList .pages a.next { background-position:0 -251px; color:White; } .resultsList .pages a.next span { background-position:100% -251px; } .resultsList .pages span.np { opacity:0.3; cursor:default; } .resultsList .pages .numbers { position:absolute; bottom:0; left:0; font-size:0.8em; } .resultsList .pages .numbers a, .resultsList .pages .numbers span { display:block; float:left; padding:5px; color:#6f6f6f; text-decoration:none; } .resultsList .pages .numbers .page { width:30px; text-align:center; background-color:#f7f7f7; border-top:solid 1px #e2e2e2; border-right:solid 1px #e2e2e2; } .resultsList .pages .numbers span { background-color:#f7f7f7; border-top:solid 1px #e2e2e2; border-right:solid 1px #e2e2e2;} .resultsList .pages .numbers span.page { background-color:White; border-color:White; border-right:solid 1px #e2e2e2; font-weight:bold; color:#eb4901;} .resultsList .pages .numbers span.page_last{ border-right:none; } .resultsList .bottomPages { padding-bottom:30px; float:left;clear:both;width:585px; } .resultsList ul { list-style-type:none; margin:0; padding:0; } .resultsList li .time { padding-top:10px; font-style:italic;display:block;color:#DF3405;font-size:8pt;text-align:left;font-weight:bold;} .resultsList li .timeupdated {color:#2f7dff;} .resultsList li .timeadded .label {display:block;float:left;width:37px;height:12px;background:#efefef url(../images/newupdated.png) no-repeat scroll -57px 0;margin-right:5px;margin-top:1px;} .resultsList li .timeupdated .label {display:block;float:left;width:57px;height:12px;background:#efefef url(../images/newupdated.png) no-repeat scroll 0 0;margin-right:5px;margin-top:1px;} .resultsList li .timeauction .label {display:block;float:left;width:50px;height:12px;background:#efefef url(../images/newupdated.png) no-repeat scroll -94px 0;margin-right:5px;margin-top:1px;} .resultsList li .timeauction { color:#f59600; } .resultsList li.hover { background-color:#efefef; border-color:#efefef !important; } .resultsList li.hover .xrb3tl { background-position:0 -20px; } .resultsList li.hover .xrb3tr { background-position:-10px -20px; } .resultsList li.hover .xrb3bl { background-position:0 -30px; } .resultsList li.hover .xrb3br { background-position:-10px -30px; } /** Some global styles */ .tabButtons { position:absolute; top:0; right:0; width:180px; } a.btn { display:block; float:left; padding-left:10px; height:26px; line-height:26px; text-align:center; color:White; text-decoration:none; background: transparent url(../images/buttons.png) no-repeat scroll 0 0; } a.btn span { display:block; padding-right:10px; width:125px; background: transparent url(../images/buttons.png) no-repeat scroll 100% 0; } a.ibtn { padding-left:40px; } a.shortlist { background-position:0 -60px; } a.shortlist span { background-position:100% -60px; } a.contactbtn { background-position:0 -30px; } a.contactbtn span { background-position:100% -30px; width:100px; } /** Get listed dialoge box */ .getlisted h1, .getfeatured h1 { color:Black; font-size:14pt; margin-bottom:10px;} .getlisted, .getfeatured { font-size:11pt; width:500px; padding:10px 20px 10px 20px; } .getlisted .owner, .getfeatured .owner { width:330px; margin-bottom:0; } .getfeatured p.action, .getlisted p.action {float:left; margin-right:10px; } .getfeatured p, .getlisted p {clear:both;} /** Search helper */ .searchHelp { width:458px; line-height:1.5em; border:solid 1px Black; border-top:none; background:White; font-size:9pt; } .searchHelp h3 {margin:10px 0 5px 0; font-size:8pt; font-weight:normal; font-style:italic;} .searchHelp .suggestions { background:White; } .searchHelp .suggestions a { text-decoration:none; display:block; background:White; padding:3px 10px 3px 10px; border-top:solid 1px #ccc; color:#646464; } .searchHelp .suggestions a:hover { background-color:#efefef; } .searchHelp .suggestions a strong { color:#EB4901;} .searchHelp .suggestions a.selected { background-color:#efefef; } .searchHelp .suggestions h3 { margin:0; padding:1px 10px 1px 10px; border-top:solid 1px #ccc; background-color:#ccc; color:#333; } /** Popup styling */ #popup { margin-top:40px; } #popup .charly { z-index:3;position:absolute; bottom:0; right:-35px; background: Transparent url(../images/homepage-charly.png) no-repeat scroll 0 0; width:201px; height:130px; } #popup.loginForm .popup_t { background:#393939; } #popup.loginForm .popup_tl { background:Transparent url(../images/corners.png) no-repeat scroll -20px -100px; } #popup.loginForm .popup_tr { background:Transparent url(../images/corners.png) no-repeat scroll -30px -100px; } #popup.loginForm .popup_b { background:#d8d6d7; } #popup.loginForm .popup_bl { background:Transparent url(../images/corners.png) no-repeat scroll -20px -110px; } #popup.loginForm .popup_br { background:Transparent url(../images/corners.png) no-repeat scroll -30px -110px; } #popup.saveSearch .popup_t { background:#ff2001; } #popup.saveSearch .popup_tl { background:Transparent url(../images/corners.png) no-repeat scroll -20px -130px; } #popup.saveSearch .popup_tr { background:Transparent url(../images/corners.png) no-repeat scroll -30px -130px; } #popup.saveSearch .popup_b { background:#d8d6d7; } #popup.saveSearch .popup_bl { background:Transparent url(../images/corners.png) no-repeat scroll -20px -110px; } #popup.saveSearch .popup_br { background:Transparent url(../images/corners.png) no-repeat scroll -30px -110px; } #popup.emailAlert .popup_t { background:#ffac44; } #popup.emailAlert .popup_tl { background:Transparent url(../images/corners.png) no-repeat scroll -20px -120px; } #popup.emailAlert .popup_tr { background:Transparent url(../images/corners.png) no-repeat scroll -30px -120px; } #popup.emailAlert .popup_b { background:#d8d6d7; } #popup.emailAlert .popup_bl { background:Transparent url(../images/corners.png) no-repeat scroll -20px -110px; } #popup.emailAlert .popup_br { background:Transparent url(../images/corners.png) no-repeat scroll -30px -110px; } #popup.saveSearch .head { background:#ff2001; } #popup.emailAlert .head { background:#ffac44; } /** Save search page */ #page_savesearch { width:400px; } #page_savesearch .head { padding:30px 30px 20px 30px; background:#ffac44; } #page_savesearch .foot { padding:10px 30px 0; background:#d8d6d7; } #page_savesearch .body { padding:20px 30px; } #page_savesearch label { height:auto !important; margin-bottom:5px; } #page_savesearch h2 { color:Black; font-size:14pt; margin:10px 0 0 0; color:White; } #page_savesearch .buttonRow { margin-top:15px; } #page_savesearch .freqLabel { margin-bottom:5px; } /** Login page */ #page_login { color:#7f7f7f; width:360px; } #page_login h2 { color:#c82611; font-size:14pt; margin-bottom:10px; margin-top:20px; } #page_login p { margin:15px 0 15px 0; } #page_login p a { color:#7f7f7f; } #page_login p.pad { margin-bottom:110px; } #page_login .selectForm { padding-bottom:10px; padding-top:10px; } #page_login .termsRow label { display:inline; font-weight:normal; } #page_login .keepLogin label { display:inline; } #page_login .buttonRow { width:150px; padding:0; } #page_login button { padding:0; } #page_login .head { background:#393939; color:#efefef; padding:30px 30px 20px 30px; } #page_login .head a { color:#c82611; } #page_login .head p, #loginForm .foot p { margin:0; } #page_login .foot { background:#d8d6d7; color:#393939; padding:10px 30px 0; } #page_login .foot a { color:#c82611; } #page_login .body { padding:0 30px; } #page_login .row input.textbox { width:250px; padding-left:30px; } #page_login .termsRow { font-size:11px; } #page_login #email { background:White url(../images/emailLbl.png) no-repeat scroll 8px center; } #page_login #password { background:White url(../images/passwordLbl.png) no-repeat scroll 10px center; } #page_login #firstName { background:White url(../images/nameLbl.png) no-repeat scroll 8px center; } #page_login #surname { background:White url(../images/nameLbl.png) no-repeat scroll 8px center; } #page_login #confirm { background:White url(../images/confpwdLbl.png) no-repeat scroll 10px center; } #page_login .login .signupOnly, .forgot .signupOnly {display:none;} #page_login .signup .loginOnly, .forgot .loginOnly {display:none;} #page_login .signup .forgotOnly, .login .forgotOnly {display:none;} #page_login .forgot .loginSignupOnly { display:none; } /** Homepage */ #page_home .header { float:left; margin-top:10px; width:908px; border:solid 1px #cdcdcd; border-bottom:none; background:White url(../images/home-gradient.png) repeat-x scroll 0 0; padding:25px; position:relative; } #page_home .header h1 { margin-top:0; color:#393939; margin-bottom:0; } #page_home .header h1 strong { color:#eb4901; } #page_home .header p { margin:0 0 20px 0; font-size:11pt; } #page_home .header p .now { color:#898989; } #page_home .header p .week { color:#afaeae; } #page_home .header .xrb1bl, .header .xrb1br {display:none;} #page_home .header .xrb1tl {background-position:-20px -20px; top:-1px; left:-1px; } #page_home .header .xrb1tr {background-position:-30px -20px; top:-1px; right:-1px;} #page_home .header .statbox {float:left; padding:10px; border-left:solid 1px #d4d4d4; width:160px; height:110px; text-align:center; } #page_home .header .statbox .num { font-size:16pt; display:block; font-weight:bold; color:#898989;} #page_home .header .statbox .cls { font-size:11pt; display:block; color:#393939; font-weight:bold;line-height:25px;} #page_home .header .statbox .week { font-size:9pt; display:block; color:#898989; height:25px;} #page_home .header .statbox a { text-decoration:none; } #page_home .header .statbox a.search { font-size:11px; padding-left:10px;display:block; background:; color:White; text-decoration:none; font-weight:bold; line-height:20px; background:Transparent url(../images/buttons.png) no-repeat scroll 0 -427px; width:125px; margin:20px auto 0 auto; } #page_home .header .statbox a.search span { padding-right:10px;display:block; background:Transparent url(../images/buttons.png) no-repeat scroll 100% -427px; } #page_home .header .hsale a.search { width:105px; } #page_home .header .hrent a.search { width:105px; } #page_home .header .morebox { height:110px; font-size:9pt; float:left; padding:10px 10px 10px 20px; border-left:solid 1px #d4d4d4; } #page_home .header .freelistings {position:absolute; top:30px; right:20px; color:#AFAEAE; } #page_home .header .freelistings a { font-weight:normal; } #page_home .header .freelistings a span { padding:0 5px 0 15px; } #page_home .header .charly { position:absolute; bottom:0; right:-12px; background: Transparent url(../images/homepage-charly.png) no-repeat scroll 0 0; width:201px; height:130px; } #page_home .recent { background:#eae8e8; padding:20px; clear:both; float:left; width:920px; position:relative; } #page_home .recent h2 {padding:10px; color:White; background:#898989;width:90px; position:relative; top:-10px; left:-25px;} #page_home .recent ul {list-style-type:none;padding:0;margin:0; clear:both;float:left;width:920px;} #page_home .recent ul li {display:block;float:left; font-size:8pt; width:170px;height:290px; margin-left:12px; } #page_home .recent ul li a {font-size:8pt;} #page_home .recent ul li h3 {margin:12px 0 12px 0; height:2em;} #page_home .recent ul li .photo { text-align:center; background-image:url(../images/placeholder_bg.png); width:148px;height:111px;border:solid 10px White;overflow:hidden;position:relative;} #page_home .recent ul li .photo img {} #page_home .recent ul li .priceInfo {color:#8c8b8b;} #page_home .recent ul li .logo {display:block;width:170px; padding:20px 0 10px 0;} #page_home .recent ul li .logo img { } #page_home .recent ul li .time {font-size:8pt; display:block; margin-top:5px;} #page_home .recent ul li .timeadded { color:#df3405; padding-left:42px; background:transparent url(../images/time_added.png) no-repeat scroll 0 1px; } #page_home .recent ul li .timeupdated { color:#2f7dff; padding-left:62px; background:transparent url(../images/time_updated.png) no-repeat scroll 0 1px; } #page_home .recent .recentWrapper {height:290px; overflow:hidden; position:relative;} #page_home .recent #recentSlider { position:absolute;top:0;left:0; } #page_home .recent .recentSelect { position:absolute; top:20px; right:20px; } #page_home .recent .recentSelect a { font-size:9pt; display:block; text-align:center; padding:0 10px 0 10px; line-height:26px; float:left; font-weight:bold;text-decoration:none;color:White; background:#898989; } #page_home .recent .recentSelect a#recent_rent {margin:0 2px 0 2px;} #page_home .recent .recentSelect a.current { color:#898989; background:White; } #page_home .recent .recentSelect a#recent_sale { background:Transparent url(../images/buttons.png) no-repeat scroll 0 -453px; padding-left:15px; } #page_home .recent .recentSelect a#recent_new { background:Transparent url(../images/buttons.png) no-repeat scroll 100% -453px; padding-right:15px; } #page_home .recent .recentSelect a#recent_sale.current { background:Transparent url(../images/buttons.png) no-repeat scroll 0 -483px; } #page_home .recent .recentSelect a#recent_new.current { background:Transparent url(../images/buttons.png) no-repeat scroll 100% -483px; } #page_home .content .xrb1tl, #page_home .content .xrb1tr {display:none;} #page_home .content { clear:both; padding:20px; clear:both; float:left; width:920px;} #page_home .content .box {padding:20px 16px 20px 16px; width:260px; height:250px; float:left; border-right:solid 1px #e1e1e1; } #page_home .content .box h2 { font-size:14pt; font-weight:normal; margin-bottom:20px; } #page_home .content .aboutbox {font-size:8pt; padding:20px 16px 15px 16px; height:255px;} #page_home .content .aboutbox a {color:#646464;} #page_home .content .contentWrapper { float:left; width:876px; height:290px; overflow:hidden; border:solid 1px #cdcdcd; position:relative; } #page_home .content #contentSlider { float:left; width:1465px; position:absolute; top:0; left:0; } #page_home .content a#contentPrev { cursor:pointer; display:block; float:left; width:20px; height:292px; background: Transparent url(../images/homepage-contentnav.png) no-repeat scroll 0 0; } #page_home .content a#contentNext { cursor:pointer; display:block; float:left; width:20px; height:292px; background: Transparent url(../images/homepage-contentnav.png) no-repeat scroll -20px 0; } #page_home .content a#contentPrev.disabled { background-position:-40px 0; } #page_home .content a#contentNext.disabled { background-position:-60px 0; } #page_home .content .box .more strong { color:#EB4901; } #page_home .content .box .more a {color:#646464;} #page_home .content .blog { } #page_home .content .blog .post { float:left; clear:both; margin-bottom:20px; padding-bottom:10px; border-bottom:solid 1px #d9d9d9; padding-right:20px; width:230px;} #page_home .content .blog .post img { float:left; } #page_home .content .blog .post h3 { float:right; width:140px; margin-top:0; margin-bottom:5px; margin-left:10px; font-size:10pt;} #page_home .content .blog .post .date { float:right; width:140px; font-size:8pt;clear:right;} #page_home .content .tabs {clear:both;} #page_home .content .pane {clear:both;padding:20px;border:solid 1px #DCDBDB; float:left; width:878px; } #page_home .content ul.tabs li a span { background-position:100% -365px; height:30px; line-height:30px; padding-right:15px; } #page_home .content ul.tabs li a { background-position:0 -365px; margin-top:4px; padding-left:15px; } #page_home .content ul.tabs li a.activetab span {height:34px;line-height:34px;} #page_home .content ul.tabs li a.activetab { color:#EB4901; cursor:default; font-weight:bold; margin-top:0; position:relative; text-decoration:none; top:1px; z-index:1;} #page_home .content .pane {display:none;} #page_home .content .pane h3 {font-size:10pt;} #page_home .content .activepane {display:block;} #page_home .content #saleLinks .xrb3tl {display:none;} #page_home .content .xrb3 .xrb3tl {background-position:-20px -30px;} #page_home .content .linkspane .region { float:left; width:136px; margin-right:10px; font-size:11pt; } #page_home .content .linkspane .region a { color:#a7a6a6; text-decoration:none; } #page_home .content .linkspane .region .link { padding:5px 0 5px 0; margin:5px 0 5px 0; border-bottom:solid 1px #ececec; } #page_home .content .linkspane h3 {margin-top:0;} #page_home .content .linkspane .count { font-size:9pt; } #page_home .content .milclub ul { list-style-type:none; margin:0; padding:0; } #page_home .content .milclub li { float:left; width:260px; clear:both; font-size:8pt; padding-bottom:5px;margin-bottom:10px; border-bottom:solid 1px #d9d9d9;} #page_home .content .milclub .photo { float:left; margin:0 10px 5px 0; height:37px; width:56px; text-align:center;} #page_home .content .milclub h3 { margin:0 0 5px 0; font-size:8pt;} #page_home .content .milclub .detail {float:right;width:190px;} #page_home .content .showcase .photo img {border:none;} #page_home .content .showcase .name {padding-top:10px;font-weight:bold;} /** Advanced search page */ #page_advanced { padding:20px; width:920px; padding-top:90px; } #page_advanced h1 { position:absolute; top:10px; left:-10px; background:#949494; color:White; padding:10px; } #page_advanced .form { border:solid 1px #DCDBDB; width:918px; } #page_advanced .form fieldset { padding:20px; border:none; border-bottom:solid 1px #DCDBDB; margin:0; } #page_advanced button { float:none; position:static; margin:20px; } #page_advanced h2 { float:left; width:90px; margin:0; } #page_advanced .fields { float:right; width:760px; } #page_advanced .field { float:left; margin-right:10px; } #page_advanced .field label { display:block; font-size:10px; margin-bottom:5px; } #page_advanced .termbox { width:200px; height:180px; overflow:auto; border:solid 1px #ccc; margin:0; padding:0; list-style-type:none; float:left; margin-right:20px; } #page_advanced .termbox li { font-size:11px; padding:4px; color:#646464; cursor:default; } #page_advanced .termbox li { font-weight:bold; } #page_advanced .termbox li.hover { background:#efefef; cursor:pointer; } #page_advanced .termbox li.selected { background:#efefef; color:Red; } #page_advanced .termbox li.children { color:#646464; background-image:url(../images/advarrow.png); background-repeat:no-repeat; background-position: 98% 50%; } #page_advanced #term-box-4 { margin-right:0; } #page_advanced #term-box-4 li.children { font-weight:normal; } #page_advanced .termboxWrapper { float:left; } #page_advanced .termboxWrapper h3 { margin:0 0 10px 0; height:20px; font-size:14px; } #page_advanced .empty { border-color:#efefef; } #page_advanced .empty li { color:#ccc; } #page_advanced .textbox { width:900px; } #page_advanced .textbox a.term { display:block; margin:3px 4px 3px 4px; float:left; text-decoration:none; background:#efefef; border:solid 1px #c4c4c4; color:#646464; padding:2px 4px 2px 4px; height:14px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; } #page_advanced .textbox a.term:hover { text-decoration:line-through; } #page_advanced .checkbox { float:left; width:200px; } #page_advanced .style .checkbox { float:left; width:300px; } #page_advanced .landType .checkbox { float:left; width:135px; } #page_advanced .category { height:45px; } #page_advanced .category h2 { margin-top:20px; } #page_advanced .category select { font-size:16px; } #page_advanced .price { height:55px; } #page_advanced .price h2 { margin-top:25px; } #page_advanced .price label { margin-left:23px;} #page_advanced .price .fields { width: 780px; } #page_advanced .price .pricePeriod { font-size:16px; margin-right:10px; } #page_advanced .price .pound { font-size:16px; font-weight:bold; margin-left:10px; } #page_advanced .price .textbox { font-size:16px; padding:5px; width:100px; } #page_advanced .location .custom { margin-bottom:20px; clear:both; padding-top:20px; } #page_advanced .location .select { clear:both; } #page_advanced .location .controll h3 { margin-top:15px; height:20px; margin-bottom:15px; } #page_advanced .location .radius { margin-left:8px; margin-top:2px; font-size:16px; width:80px; } #page_advanced .location { padding-right:30px !important; } #page_advanced .location .textbox { float:left; font-size:11px; max-height:53px; min-height:26px; overflow:auto; border:solid 1px #ccc; margin-bottom:15px;} #page_advanced .location .textbox input{ font-size:11px; position:relative; top:7px; float:left; height:13px; width:20px; outline:none !important; } #page_advanced .location .textbox a.term { display:block; margin:3px 4px 3px 4px; float:left; text-decoration:none; background:#efefef; border:solid 1px #c4c4c4; color:#646464; padding:2px 4px 2px 4px; height:14px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; } #page_advanced .location .textbox a.term:hover { text-decoration:line-through; } #page_advanced .location .radius { float:left; } #page_advanced .location .xTbDef { color:#949494; } .advancedHelper { border-color:#ccc; border-top-style:solid; border-top-width:1px; } .advancedHelper .suggestions a { border:none; font-weight:bold; color:#646464; } .advancedHelper .first { border-top:none; } /** Mypage styles */ #page_mypage .detailsForm { padding:20px; } #page_mypage .detailsForm h2, .detailsForm h3 { border-bottom:solid 1px #c4c4c4; padding-bottom:5px;margin-bottom:15px; margin-top:0; } #page_mypage .detailsForm h3 { margin-top:20px; } #page_mypage .detailsForm .row { display:block; } #page_mypage .detailsForm .row label { display:block; font-weight:bold;} #page_mypage .detailsForm .row input.textbox { display:block; width:255px; } #page_mypage .searchesTab .title { padding:10px; width:580px; margin-bottom:20px; } #page_mypage .searchesTab .title h1 { font-size:1.1em; margin:0; padding:0; color:Black; } #page_mypage .searchesTab ul { list-style-type: none; margin:0; padding:0; } #page_mypage .searchesTab .xrb1tr { display:none; } #page_mypage .searchesTab ul li { padding:20px; border:solid 1px #DCDBDB; margin-bottom:20px; float:left; clear:both; width:560px; } #page_mypage .searchesTab ul li h3 { color:Black; margin-top:0; font-size:14px;} #page_mypage .searchesTab ul li a.delete { float:right;} #page_mypage .searchesTab ul li a.results { float:right; } #page_mypage .searchesTab ul li p { font-size:14px; color:#949494; } #page_mypage .searchesTab ul li .saved { font-size:13px; color:#646464; } #page_mypage .searchesTab ul li .frequency { font-size:13px; color:#646464; margin-left:20px; } #page_mypage .searchesTab ul li .emailed { font-size:13px; color:#646464; margin-left:20px; } #page_mypage .searchesTab hr { height:1px; border:none; border-bottom:solid 1px #d5d5d5; margin-top:20px;margin-bottom:15px; } #page_mypage .searchesTab .changeFreq { display:none; } #page_mypage .searchesTab form { font-size:13px; height:20px; } #page_mypage .searchesTab form input { position:relative; top:2px; } #page_mypage .searchesTab form button { margin-left:30px; font-size:11px; } #page_mypage .searchesTab form button span { font-size:11px; } #page_mypage .missingProps .prop { margin-bottom:5px; } #page_mypage .missingProps a { color:#646464; } /** Estate agents in town page */ #page_eatown { padding:20px; margin-top:20px; } #page_eatown h1 { margin-bottom:15px; } #page_eatown #welcomeText { font-size:14px; margin-bottom:10px; line-height:1.5em; } #page_eatown #welcomeText a { color:#646464; } #page_eatown .box { padding:20px; border:solid 1px #DCDBDB; margin-bottom:20px; width:878px; clear:both; } #page_eatown .box ul { list-style-type:none; padding:0; margin-left:0; } #page_eatown .box ul li { float:left; width:270px; margin:5px 10px 5px 0; } #page_eatown .box ul li a { font-size:14px; color:#A7A6A6; } #page_eatown .places { } #page_eatown .places ul li { width:208px; } #page_eatown .properties { } /** Unsubscribe page */ #page_unsubscribe { margin-top:20px; padding:20px 0 20px 0; } #page_unsubscribe h1 { color:White; background-color:#EB4901; padding:8px 0; width:300px; font-size:20px; text-align:center; position:relative; left:-12px; } #page_unsubscribe .panel { padding:40px 60px 40px 60px; background-color:#efefef; margin:20px 0 20px 0; color:#868688; font-size:14px; } #page_unsubscribe .panel form { padding:20px; } #page_unsubscribe .panel form .row { margin-bottom:12px; } #page_unsubscribe .panel form .or { color:#EB4901; font-size:20px; } #page_unsubscribe .panel form button { margin-top:40px; } #page_unsubscribe .panel form .current { color:Red; margin-left:20px; } #page_unsubscribe .panel h2 { color:#868688; margin-bottom:30px; font-size:20px; font-weight:normal; } #page_unsubscribe .panel h3 { color:#EB4901; margin-top:30px; font-size:14px; margin-bottom:5px; } #page_unsubscribe .panel .thankyou { margin-top:30px; } /** Contact page */ #page_contact { padding:20px; } #page_contact .form { float:left; width:500px; } #page_contact .info { float:right; width:300px; margin-top:20px; } #page_contact .info .national { display:block; padding-top:10px; } #page_contact .info .international { font-size:10px; } /** FAQs */ #page .faqs { padding:20px; }