/* Body */ * ul li{margin:0; padding:0;} body {background:url(../images/bgrepx.png) repeat-x #fff; padding-top:40px;} .whitebg {background-color:#fff; padding:10px 0px; border-left:1px solid #ccccff; border-right:1px solid #ccccff;} /* INFOBOX / POP-UP */ .infobox {position:relative; display:inline; } .infobox img {vertical-align:middle;} .infobox .popup {position: absolute; left: 50%; width:150px; text-align:center;} .infobox .popup .top {border: 1px solid #c0d5e7; background-color:#fff; border-width: 1px 1px 0 1px; position: relative; left: -75px;} .infobox .popup .bottom {background:url(../images/infobox-bot.gif) no-repeat; height:30px; position: relative; left: -75px;} .infobox .popup .content {border: 1px solid #c0d5e7; background-color:#fff; border-width: 0 1px; padding:10px 0; position: relative; left: -75px; color:#686868;} /* Home header */ #home-header { background:url(../images/bg-home.jpg) no-repeat; width:785px; overflow:hidden; float:left; padding:30px 45px 0 35px;} #home-logo {float:left;} #home-logo a {background:url(../images/logo.jpg) no-repeat; width:204px; height:58px; float:left; display:block;} #home-header h2 {color:#215c97; margin:20px 0px 0px 0px ; font-size:24px; float:right;} #your-property-home {float:right; margin:0px 0px 10px 0px;} #your-property-home a {background:url(../images/your-property-home.jpg) no-repeat top; height:29px; width:194px; display:block; color:#fff; font-size:13px; font-weight:bold; padding:0px 0px 0px 40px; text-decoration:none; line-height:27px;} #your-property-home a:hover {background:url(../images/your-property-home.jpg) no-repeat bottom; } /* Home content */ #home-content { background:url(../images/bg-home-repy.jpg) repeat-y; width:828px; overflow:hidden; padding-bottom:10px; float:left; padding-left:35px;} /* BUY */ #left-content {float:left; width:390px; } #buy-button {} #buy-button a {background:url(../images/buy-home-img.jpg) no-repeat bottom; width:390px; height:180px; display:block;} #buy-button a:hover {background:url(../images/buy-home-img.jpg) no-repeat top;} #buy-txt {margin-top:15px; width:390px; float:left;} #buy-txt a { display:block; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; line-height:12px; display:block;} #buy-txt a:hover { color:#fff; text-decoration:underline;} /* RENT */ #right-content {float:left; margin-left:10px; } #rent-button {} #rent-button a {background:url(../images/rent-home-img.jpg) no-repeat bottom; width:390px; height:180px; display:block;} #rent-button a:hover {background:url(../images/rent-home-img.jpg) no-repeat top;} #rent-txt {margin-top:15px; width:390px; float:left;} #rent-txt a { display:block; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; line-height:12px;} #rent-txt a:hover { color:#fff; text-decoration:underline; } #portfolio{ margin:0; list-style:none; float:left;} #portfolio img {float:left; margin:0; padding:0;} /* Blocks home */ .top-home {background:url(../images/txt-top.jpg) no-repeat; height:35px; padding:0px 10px;} .top-home span { float:left; line-height:22px; margin-top:5px; color:#fff;} .top-home a:hover span { text-decoration:underline; } .top-home .button { width:135px; height:30px; } .top-home .amount { width:205px; text-align:right; padding-right:26px; font-size:12px;} .middle-home {border-left:1px solid #e9e9ff; border-right:1px solid #e9e9ff; padding:0 10px;} .middle-home p { margin:0; color:#585858;} .middle-home hr { margin-bottom:8px; color:#e9e9ff; background-color:#e9e9ff; } .bottom-home {background:url(../images/txt-bottom.jpg) no-repeat; height:6px;} .top-home-r {background:url(../images/txt-topr.jpg) no-repeat; height:35px; padding:0px 10px;} .top-home-r span { float:left; line-height:22px; margin-top:5px; color:#fff;} .top-home-r a:hover span { text-decoration:underline; } .top-home-r .button { width:135px; height:30px; white-space:nowrap; } .top-home-r .amount { width:205px; text-align:right; padding-right:26px; font-size:12px;} .middle-home-r {border-left:1px solid #e9e9ff; border-right:1px solid #e9e9ff; padding:0 10px;} .middle-home-r p { margin:0; color:#585858;} .middle-home-r hr { margin-bottom:8px; color:#e9e9ff; background-color:#e9e9ff; } .bottom-home-r {background:url(../images/txt-bottom.jpg) no-repeat; height:6px;} /* Toplist home */ #toplist-home-title-buy { background:url(../images/toplist-title-home.jpg) no-repeat; height:31px; padding:4px 0px 0px 10px; width:380px;} #toplist-home-title-buy a { color:#215c97; font-size:14px; text-decoration:none; display:block;} #toplist-home-title-buy a:hover {text-decoration:underline;} #toplist-home-title-rent { background:url(../images/toplist-title-rent-home.jpg) no-repeat; color:#ff5500; font-size:14px; height:31px; padding:4px 0px 0px 10px; width:380px; } #toplist-home-title-rent a { color:#ff4400; font-size:14px; text-decoration:none; display:block;} #toplist-home-title-rent a:hover {text-decoration:underline;} .toplist-home { margin-top:15px; } .toplist-home ul {margin:1px 0px; list-style:none; } .toplist-home ul li { background:url(../images/home-topselection-bg.jpg); float:left; width:180px; height:119px; padding:5px;} .toplist-home ul li p {margin:0;} .toplist-home ul .item2 { float:left; margin-left:10px; } /*SEO text*/ #seo-texts {margin-top:1em; color:#585858; background:url(../images/seo-txt-top.jpg) no-repeat top;width:788px;padding:6px 0px;} #seo-texts p {background:url(../images/seo-txt-bottom.jpg) no-repeat bottom; padding:8px; border-left:1px solid #e9eaff;border-right:1px solid #e9eaff;} /* Home footer */ #home-footer { background:url(../images/bg-home-footer.jpg) no-repeat; width:863px; height:34px; float:left; } #home-footer ul { list-style:none; width:600px; margin:0 auto; color:#fff;} #home-footer ul li { float:left; padding:10px 20px; } #home-footer ul li a { color:#f2f2f2; } #home-footer ul li a:hover { } /*Top menu background*/ #topmenu-begin {background:url(../images/top-menu-begin.jpg) no-repeat; height:35px; width:7px; float:left;} #topmenu-repeat {background:url(../images/top-menu-repeat.jpg) repeat-x; height:35px; float:left;max-width:480px;} #topmenu-end {background:url(../images/top-menu-end.jpg) no-repeat; height:35px; width:7px; float:left;} #topmenu-background {float:right; margin-right:45px;} /*holly hack*/ * html #topmenu-repeat {width:400px;} /* Header*/ #header {background:url(../images/roundtop.jpg) top no-repeat; float:left; width:952px; } #logo a {background:url(../images/logo.jpg) no-repeat; width:204px; height:58px; float:left; margin:13px 0px 0px 20px; display:block;} #header h2 {color:#215c97; margin-top:40px; font-size:26px; float:left; margin-left:130px;} /*Top menu in header*/ .top-menu { float:right; height:35px;} .top-menu ul { list-style:none; margin:0; float:left;} .top-menu ul li { float:left; line-height:35px; padding:0px 10px; background:url(../images/top-menu-item-border.jpg) no-repeat right;} .top-menu ul li a { display:block; font-size:10px; color:#585858;} .top-menu ul li a:hover { color:#787878; } #languageswitch {float:left; width:156px;} #languageswitch li { background:none !important; padding-top:6px;} /* Content */ /* Pull down opmaak */ #selector { background: url(../images/bg.jpg) no-repeat; height: 17px; width: 268px; font: 13px Arial, Helvetica, sans-serif; padding-left: 2px; padding-top: 4px; color:#666699; line-height:12px; } .selectitems { width:268px; height:21px; border-bottom: solid 1px #99ccff; padding-left:0px; padding-top:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666699; } .selectitems span { margin-left: 5px; } #iconselectholder { width: 268px; overflow: auto; display:none; position:absolute; background-color:#fff; border:1px solid #99CCFF; } .hoverclass { background-color:#f3f6fa;} .selectedclass {background-color:#dce6f3;} /* Contactform */ .contactform { width:92%; float:left; clear:both;} fieldset { border:1px solid #98bcd6; position:relative; } fieldset legend { color:#215c97; position:relative; background:white;} .property-left .clear{ margin-top:2em; } .contactform label { float:left; width:160px; font-weight:normal; position:relative; text-align:right; padding:0px 20px 0px 0px;} .contactform select{ margin:2px; background-color:#fff;} .contactform input { margin:2px; height:18px; border:1px solid #98bcd6; padding-top:2px;} .contactform textarea { border:1px solid #98bcd6; font:inherit; } .contactform #title { width:230px; } .contactform #name {width:230px;} .contactform #lastname {width:230px;} .contactform #email {width:230px;} .contactform #rep-email {width:230px;} .contactform #phone-country { width:70px; } .contactform #phone {width:150px;} .contactform #mobile-country, .contactform #mobile_country { width:70px; } .contactform #mobile {width:150px;} .contactform #message {height:100px; width:220px; } .contactform .button {background:url(../images/submit-formbg.jpg) no-repeat; float:left; border:none; color:#ff6600; height:38px; width:173px; padding:0; margin: 0 0 10px 260px; font-weight:bold; font-size:14px;} .contactform #languages-contact {clear:both; overflow:hidden; } #languages-contact ul {float:left; list-style:none; margin:0; padding:0; width:100px;} #languages-contact ul li { vertical-align:middle; } #languages-contact ul li input {margin-top:8px; height:10px;} #send-succes {width:400px; padding:20px; color:#9b9b9b; border:1px solid #9b9b9b; margin:15px 0px 0px 0px ;} .field { clear:both; } /* loginform */ .logintitle { background:transparent url(../images/title.jpg) repeat-x ; float:left; height:35px; padding-left:10px; width:940px; } .logintitle h2{ color:#fff;} .loginform { margin-top:15px; } .loginform .field { float:left; clear:both;width:100%;} .loginform div p {float:left;clear:both;width:100%;} .loginform .field a {text-decoration:none;} .loginform label {float:left; font-weight:normal; padding:4px 20px 4px 0; position:relative; text-align:right; width:125px;} .loginform input { margin:2px; height:18px; border:1px solid #98bcd6; padding-top:2px; } .login-button {display:inline; background:url(../images/login-button.jpg) no-repeat top;width:120px; margin:0px 0px 0px 170px; text-align:center; float:left; height:30px; line-height:30px;} .login-button a { display:block; color:#215c97; font-weight:bold; } .loginform ul {list-style:none; margin:0px 0px 0px 0px;} .loginform ul li {padding:0px 24px;} .loginform ul li a {font-weight:bold; color:#215c97; text-decoration:underline;} .loginform ul li a:hover { text-decoration:none; } .login-info { background-color:#9b9b9b; color:#fff; padding:0 6px; border:#000 1px solid;} .reg-pass { float:right; margin:10px 0px 0px 0px; } .reg-pass ul { margin:0px 40px 0px 0px;} .reg-pass ul li {float:left; } #reg-info { background-color:#f2f2f2; color:#9b9b9b; margin-top:15px; padding:20px; border:1px solid #9b9b9b;} .error { overflow:hidden; background:url(../images/error.jpg) no-repeat right #FBE2E5; } .error p { font-weight:bold; margin:0; } .error ul li { display:block; } .register {background:url(../images/register.jpg) no-repeat left;} .forgot {background:url(../images/forgotpasword.jpg) no-repeat left;} /*publishform*/ #publish_form {} #publish_form label {float:left; font-weight:normal; padding:4px 20px 4px 0; position:relative; text-align:right; width:125px;} #publish_form input { margin:2px; height:18px; border:1px solid #98bcd6; padding-top:2px; } #publish_form button {background:transparent url(../images/login-button.jpg) no-repeat center top; border:none; float:left; height:30px; line-height:30px; margin:3px 0 0 173px; text-align:center; width:120px;} #publish_form br {clear:both;} #publish_form textarea { border:1px solid #98bcd6; font:inherit;float:left;width:335px;height:150px;} #publish_form select { margin-top: 0; } /* Home */ #buy { height:190px; display:block; font-size:12px; width:400px; float:right; text-align:center; } #buy a { display:block; background-color:#f2f2f2; height:110px; color:#6F6F6F; padding-top:80px; font-size:18px; font-weight:bold; } #buy a:hover { background-color:#DFDFDF; } #buy_options { width:400px; float:right; text-align:left; margin-top:10px; } #rent { height:190px; display:block; font-size:12px; width:400px;float:left; text-align:center;} #rent a { display:block; background-color:#f2f2f2; height:110px; color:#6F6F6F; padding-top:80px; font-size:18px; font-weight:bold; } #rent a:hover { background-color:#DFDFDF; } #rent_options { width:400px; float:left; text-align:left; margin-top:10px; } /* Buy Property */ .main-menu { width:950px; height:32px; float:left; } .main-menu ul {list-style:none; width:950px; margin:0;} .main-menu ul li {float:left; width:145px; height:32px; text-align:center; line-height:32px; margin-left:10px;} .main-menu ul li a {background:url(../images/nav-button-normal.jpg) no-repeat top; display:block; color:#fff; white-space:nowrap; text-decoration:none;} .main-menu ul li a:hover {background:url(../images/nav-button-normal.jpg) 0 -32px no-repeat; } .main-menu ul .main-menu-active { float:left; width:145px; height:32px; text-align:center; line-height:32px; } .main-menu ul .main-menu-active a, .main-menu ul .main-menu-active a:hover {background:url(../images/nav-button-active.jpg) no-repeat; display:block; color:#215c97; white-space:nowrap; text-decoration:none; font-size:12px; border-bottom:1px solid #fff;} .main-menu ul #myhouse { margin-left:260px;} .main-menu ul #myhouse.logged_in { margin-left:105px;} .main-menu ul #myhouse a{ background:url(../images/myhouse.jpg) no-repeat top; padding-left:20px; height:32px; width:181px; } .main-menu ul #myhouse a:hover{ background:url(../images/myhouse.jpg) no-repeat bottom; } .submenu { background-color:#F2F2F2; padding:10px; width:170px;} .submenu ul { list-style:none; margin:0;} .submenu ul li { margin-top:1px; height:30px; line-height:30px;} .submenu ul li a { background-color:#fff; display:block; padding:0px 10px; } .submenu ul li a:hover { background-color:#d4d4d4; color:#fff;} .submenu ul .submenu-active a { background-color:#c2c2c2; color:#fff; } #breadcrumb { background:url(../images/bg-breadcrumb.jpg) repeat-x; height:38px; padding:0px 5px; margin:0px 1px; } #breadcrumb ul { list-style:none; margin:0;} #breadcrumb ul li{ float:left; padding:0px 5px; color:#215c97; line-height:38px;} #breadcrumb ul li a{ color:#ff7700; } #breadcrumb ul li a:hover{ } .left-title {width:180px; padding-left:10px; color:#fff; font-size:16px; background:url(../images/title.jpg) repeat-x; height:35px; line-height:35px;} .left-titles {width:180px; padding-left:10px; color:#fff; font-size:16px; background:url(../images/title.jpg) repeat-x; height:35px; line-height:35px; margin-top:10px;} #regions {} #regions ul {margin:0; list-style:none; background-color:#dde7ef; border-right:#dde7ef 1px solid; border-bottom:#dde7ef 1px solid; border-top:#dde7ef 1px solid;} #regions ul li { background:url(../images/bg-subnav.jpg) repeat-x; height:25px; margin:1px 0px; line-height:25px; white-space:nowrap;} #regions ul li a { display:block; text-decoration:none; padding:0px 10px; color:#215c97; width:168px; } #regions ul li a:hover {background-color:#ebebeb; background:url(../images/bg-subnav-hov.jpg) repeat-x; height:25px; line-height:25px;} #regions ul li .active { background:url(../images/info-sub-active.jpg) repeat-x; color:#ff6600;} #regions ul li .active:hover { color:#ff6600;} #regions ul .sub-top {background:url(../images/bg-sub-top.jpg) repeat-x; color:#215c97; padding-left:10px;} #regions ul li .sub-bot {background-color:#fff; color:#518dc4; padding-left:20px; width:158px;} #regions ul li .sub-bot:hover {background-color:#f6f9fa;} #regions ul li .sub-bot-active {background-color:#f6f9fa; color:#f2f2f2;} .tabs-view-property { float:left; margin-top:10px; width:740px; padding: 10px 0px 0px 0px;} .tabs-view-property ul {margin:0; list-style:none; border-bottom:1px solid #ecedef; height:26px;} .tabs-view-property ul li {float:left; background-color:#fff; text-align:center; margin:0px 0px 0px 10px;} .tabs-view-property ul li a { background:url(../images/tabs-view-property.jpg) no-repeat top; width:135px; height:27px; line-height:27px; display:block; color:#fff; text-decoration:none;} .tabs-view-property ul li a:hover {background:url(../images/tabs-view-property.jpg) no-repeat bottom;} .tabs-view-property-active a {background:url(../images/tabs-view-property-active.jpg) no-repeat !important; width:135px; height:27px; line-height:27px; display:block; color:#215c97 !important;} #view-submenu {margin-top:10px;} #view-submenu ul {margin:0; list-style:none; background-color:#f2f2f2;} #view-submenu ul li {height:25px; line-height:25px; margin:1px 0px 1px 0px; padding:0px 1px; white-space:nowrap;} #view-submenu ul li a {background-color:#DFDFDF; display:block; text-decoration:none; padding:0px 10px; color:#5c5c5c;} #view-submenu ul li a:hover {background-color:#ebebeb;} #view-submenu ul li .active {background-color:#9B9B9B; color:#fff;} #view-submenu ul li .active:hover {background-color:#9B9B9B; color:#fff;} #view-submenu ul li .sub-top {background-color:#DFDFDF; color:#5C5C5C;} #view-submenu ul li .sub-bot {background-color:#f8f8f8; color:#5C5C5C;} #view-submenu ul li .sub-bot-active {background-color:#9B9B9B; color:#f2f2f2;} #view-submenu ul li .sub-bot-active:hover {background-color:#9B9B9B; color:#fff;} #recent-news {float:left; width:190px;} #recent-news ul li p { margin:4px 0px; line-height:10px; font-size:10px; color:#666;} #recent-news ul {margin:0; list-style:none; background-color:#ccccff; border-bottom:1px solid #ccccff;} #recent-news ul li { background:url(../images/newsbg.jpg) repeat-x; height:80px; margin:0px 1px; border-top:1px solid #ccccff; padding:0px 5px;} #recent-news ul li a { display:block; text-decoration:underline; color:#3876b1;} #recent-news ul li a:hover { color:#1d4e7d; } .recent-news-date {font-size:10px; color:#6699cc !important;} .recent-news-title {font-size:12px; color:#215c97; font-weight:bold} #pagetitle {float:left; width:540px; height:35px;background:url(../images/title.jpg) repeat-x; padding-left:10px;} #pagetitle h2 {color:#fff; margin:0;} #search-property { background:url(../images/bgrepy-content.jpg) repeat-y; float:left; width:510px; padding:10px 20px; border-bottom:1px solid #9cc5e7;} #search-property h3 { color:#9b9b9b;} #searchprice {width:270px; float:left; overflow:hidden;} #searchprice span { color:#215c97; } #searchprice h3 { color:#ff7700; } #search { float:left; width:270px} #search input { background:url(../images/inputbg.jpg) repeat-x; border:1px solid #9CC5E7; color:#666699; height:21px; padding:2px 0px 0px 0px; width:268px;} #price { float:left; width:270px; margin-top:10px;} #price #select1 { background:url(../images/inputbg.jpg) repeat-x #fff;; width:130px; margin-right:7px; height:21px; border:1px solid #9CC5E7; color:#666699;} #price #select2 { background:url(../images/inputbg.jpg) repeat-x #fff; width:130px; height:21px; border:1px solid #9CC5E7; color:#666699;} #provence-select { width:270px; float:left; margin-top:10px;} #provence-select select { background:url(../images/inputbg.jpg) repeat-x #fff; width:270px; height:21px; border:1px solid #9CC5E7; color:#666699;} #reference-search { width:270px; float:left; margin-top:10px; } #reference-search input { background:url(../images/inputbg.jpg) repeat-x; border:1px solid #9CC5E7; color:#666699; height:21px; padding:2px 0px 0px 0px; width:268px; } #searchmap { float:left; margin:80px 0px 20px 8px; width:230px; } #maptitle { background:url(../images/maptitlebg.jpg) repeat-x; color:#fff; height:25px; line-height:25px; padding:0px 0px 0px 10px; font-size:14px;} #map {height:192px; width:230px; color:#fff; border:1px solid #ccccff;} #map-searchbutton { height:33px; margin:15px 0px 0px 0px; } #map-searchbutton a { background:url(../images/search-but-map.jpg) no-repeat top; display:block; color:#fff; line-height:33px; width:210px; font-weight:bold; font-size:14px; text-decoration:none; padding:0px 0px 0px 20px;} #map-searchbutton a:hover { background:url(../images/search-but-map.jpg) no-repeat bottom; display:block; color:#fff; line-height:33px; width:210px; font-weight:bold; font-size:14px; text-decoration:none; padding:0px 0px 0px 20px;} #select-type {width:510px; float:left;} #select-type span { color:#215c97; } #select-type ul{list-style:none; margin:0; float:left; width:150px; overflow:hidden;} .checklabel { font-weight:normal; color:#215c97; } .bedbath {width:150px; float:left; margin:15px 0;} .bedbath span { color:#215c97; } .bedbath ul {list-style:none; margin:0;} .bedbath ul li {} .bedbath ul li select {width:140px; background:#fff;} .bedbath ul li a:hover {} #searchbutton { float:left; text-align:left; } #searchbutton a {background:url(../images/searchbig.jpg) no-repeat top; width:210px; height:32px; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; display:block; line-height:32px; padding:3px 30px;} #searchbutton a:hover {background:url(../images/searchbig.jpg) no-repeat bottom; } /* Search results */ /* Search left sidebar*/ .leftbar { color:#fff; padding:10px;} .leftbar a { color:#fff; } .search-leftbar { margin-top:10px;} .search-leftbar ul { margin: 0px; list-style:none; padding:0px 10px;} .search-leftbar ul li { color:#215c97;} .emptyli {height:1px;} .search-leftbar ul li hr {margin:15px 0px;} .search-leftbar ul li a { background:url(../images/searchbutton-leftbar.jpg) no-repeat top; display:block; height:28px; color:#fff; text-align:center; line-height:28px; text-decoration:none; margin-top:10px;} .search-leftbar ul li a:hover {background:url(../images/searchbutton-leftbar.jpg) no-repeat bottom; } .search-leftbar input { background:url(../images/inputbg.jpg) repeat-x #fff; border:1px solid #9CC5E7; color:#666699; height:21px; padding:2px 0px 0px 0px; width:160px; } .search-leftbar select {background:url(../images/inputbg.jpg) repeat-x #fff; width:165px; color:#666699; border:1px solid #9CC5E7;} /*Page nav*/ .pagenav-nr { width:528px; height:30px; float:left; padding-left:20px; background:url(../images/pagenavtop.jpg) repeat-x; border-left:1px solid #9cc5e7; border-right:1px solid #9cc5e7;} .pagenav-nr ul { margin:0 auto; list-style:none; width:380px; line-height:30px; } .pagenav-nr ul li { float:left; margin:0px 5px;} .pagenav-nr ul li a { color:#215c97; font-weight:bold; } .pagenav-nr ul li a:hover { text-decoration:none; } .pagenav-nr-active { background-color:#fff; padding:0px 5px; text-decoration:none; border:1px solid #9b9b9b; } .prevnext {} .pagenav-nr-bottom { width:530px; height:30px; float:left; padding-left:20px; background:url(../../images/pagenavbot.jpg) repeat-x; margin-top:15px; border:1px solid #9cc5e7;} .pagenav-nr-bottom ul { margin:0 auto; list-style:none; width:380px; line-height:30px; } .pagenav-nr-bottom ul li { float:left; margin:0px 5px; color:#215c97;} .pagenav-nr-bottom ul li a { color:#215c97; font-weight:bold; } .pagenav-nr-bottom ul li a:hover { text-decoration:none; } .pagenav-nr-active { background-color:#fff; padding:0px 5px; text-decoration:none; border:1px solid #ff6600; } .prevnext {} /*Sort by*/ .sort-by { width:538px; height:35px; float:left; padding-left:10px; background:url(../images/sortbybg.jpg) repeat-x; border-left:1px solid #9cc5e7; border-right:1px solid #9cc5e7; border-bottom:1px solid #9cc5e7;} .sort-by ul { margin:0; list-style:none; line-height:35px; width:528px;position:relative;} .sort-by ul li { float:left; margin:0px 5px; color:#215c97; } .sort-by ul li a { margin:5px 0px; font-weight:bold; color:#215c97; } .sort-by ul li a:hover { text-decoration:none; } /*.results {padding-left:190px;}*/ .results {position:absolute; right:0;} /* Search items */ .search-item { width:550px; float:left; background-color:#fff; margin-top:15px; border:1px solid #9cc5e7;} .search-item-title {background:url(../images/search-item-title.jpg) repeat-x; float:left; width:540px; height:31px; padding:2px 0px 0px 10px; border-bottom:1px solid #e4e4e4; } .search-item-title-txt { width:350px; float:left; color:#fff;} .search-item-title-txt h3 a{ color:#215c97; } .search-item-title-price { width:180px; float:left; text-align:right; } .search-item-title-price h3{ color:#215c97; } .search-item-content {float:left; width:530px; padding:10px;} .search-item-content-img { width:138px; height:103px; background-color:#fff; color:#9b9b9b; text-align:left; float:left; } .search-item-content-img a {display:block;} .search-item-content-img a img {border:1px solid #698ca9;} .search-item-content-txt { width:240px; margin:0 10px; float:left; } .search-item-content-txt ul { margin:0; list-style:none;} .search-item-content-txt ul li { } .search-item-content-txt ul li p { margin-top:10px; color:#585858;} .key-atrib { font-weight:bold; border-bottom:1px solid #215c97; color:#215c97;} .search-item-content-cta { width:130px; float:left; } .search-item-content-cta a {color:#fff; font-weight:normal; font-size:12px; text-decoration:none; width:130px; height:32px; display:block; line-height:32px;} .search-item-content-refnr { width:120px; height:20px; padding:5px; color:#215c97;} .search-item-content-favo a { background:url(../images/favourite-button.jpg) no-repeat top; margin-top:5px; color:#215c97; text-align:center; } .search-item-content-favo a:hover { background:url(../images/favourite-button.jpg) no-repeat bottom; margin-top:5px; color:#215c97; text-align:center; } .search-item-content-view a { margin-top:5px; background:url(../images/view-property-button.jpg) no-repeat top; text-align:center; font-size:12px; } .search-item-content-view a:hover { background:url(../images/view-property-button.jpg) no-repeat bottom;} /*TOP SELECTION TITLE SEARCH ITEM*/ .toplist-search-item-title {background:url(../images/title.jpg) repeat-x; float:left; width:540px; height:31px; padding:2px 0px 0px 10px; } .toplist-search-item-title-txt { width:350px; float:left; color:#fff;} .toplist-search-item-title-txt h3 a{ color:#fff; } .toplist-search-item-title-price { text-align:right; padding-right:10px; } .toplist-search-item-title-price h3{ color:#fff; } /* View property */ .back-search a { background:url(../images/back-search.jpg) no-repeat top; height:37px; width:170px; line-height:34px; display:block; text-align:center; margin:10px 0px 10px 10px; text-decoration:none; font-weight:bold; color:#215c97;} .back-search a:hover { background:url(../images/back-search.jpg) no-repeat bottom;} .view-property-title { background:url(../images/title.jpg) repeat-x; float:left; height:35px; padding-left:10px; width:740px; } .view-property-title-txt {} .view-property-title-txt h1, .view-property-title-txt h2 { font-size:2em; float:left; color:#fff; line-height: 1.5; } .view-property-title-price {} .view-property-title-price h2 { width:210px; float:left; color:#fff; text-align:right; } .view-property-content { overflow:hidden; float:left; width:470px; } .view-property-content-img { float:left; height:330px; width:450px; background-color:#f1f1f1; text-align:center; color:#9b9b9b; font-weight:bold;} .info-field {overflow:hidden; margin-bottom:20px;} .info-image {float:left; width:40px;} .info-txt {float:left; width:350px; margin-left:10px;} .info-txt p {float:left; width:414px; margin:0px !important;} .info-txt strong {color:#215c97;} .thumb-title { background:url(../images/images-description.jpg) no-repeat; height:36px; width:440px; line-height:36px; color:#215c97; padding-left:10px;} .two-lines {background:url(../images/images-description-high.jpg); height:72px;} .thumb-list { width:450px; float:left; padding:5px 0px;} .thumb-list ul { margin:0; list-style:none; padding:5px 0px; overflow:hidden;} .thumb-list ul li{ margin: 0px 4px; text-align:center;} .thumb-list ul li a { color:#fff; display:block;} .thumb-list ul li a:hover { } .thumb-image { background:url(../images/thumb-bg.jpg) no-repeat; float:left; height:102px; width:135px; padding:2px;} .map-location {border:1px solid #ccccff;} .property-shortcuts { float:left; width:450px; padding:10px; } .property-shortcuts ul {list-style:none;} .property-shortcuts ul li {float:left; padding:0px 10px;} .property-shortcuts ul li a {} .property-shortcuts ul li a:hover {} .property-txt { margin-top:15px; } .property-txt h2,h3,h4,h5,h6 { margin:5px 0px; color:#215c97; } .property-txt p { margin-top:10px; color:#585858;} .property-txt hr {margin-bottom:5px;} .property-txt ul { float:left; margin:10px 5px; list-style:none;} .property-txt ul li { margin:0px 5px; } .property-txt ul li p { margin:5px 0; } .property-txt table {border:1px solid #ccccff;} .property-txt table tbody{} .property-txt table tbody tr{} .property-txt table tbody tr td{background:url(../images/td-repx.jpg) repeat-x; height:25px; color:#585858;} .contact-info {width:230px; float:left; padding:0px 5px;} .contact-info p {clear:both;width:100%;} .contact-image {width:218px; height:165px; float:left; background-color:#ff9900; margin-top:10px; border:1px solid #98BCD6;} .tabletop { background:url(../images/td-repx-top.jpg) repeat-x !important; color:#fff !important; font-weight:bold;} /* removed as per clients request .intro-txt {float:left; margin-top:15px; width:460px;} .intro-txt h3 { color:#215c97; float:left;} .intro-txt .right-h3 { float:right; } */ .intro-txt {display:none;} .property-left { width:460px; padding:10px;} .property-left p {font-weight:bold; color:#215c97;float:left;margin-top:1em;font-size:1.3em;} .property-left div p {font-weight:normal;color:black;margin-top:0;font-size:1em;} /* Information pages */ #information {} .information-block {float:left; width:738px;} .information-block-news {float:left; width:550px;} .information-title { background:url(../images/subtitle.jpg) repeat-x; height:34px; margin-top:15px; padding:0px 10px; border-left:#98bcd6 1px solid; border-right:#98bcd6 1px solid; border-top:#98bcd6 1px solid; } .information-title h2 {color:#fff; line-height:30px;} .information-title h3 {color:#215C97; line-height:30px;} .information-title-news {background:url(../images/title.jpg) repeat-x; height:34px; margin-top:10px; padding:0px 10px; border-left:#98bcd6 1px solid; border-right:#98bcd6 1px solid; border-top:#98bcd6 1px solid; width:528px;} .information-title-news h2{color:#fff; line-height:30px;} .information-title-news h3{color:#fff; line-height:24px;} .information-title-news-old {background:url(../images/subtitle.jpg) repeat-x; height:34px; margin-top:15px; padding:0px 10px; border-left:#98bcd6 1px solid; border-right:#98bcd6 1px solid; border-top:#98bcd6 1px solid; width:528px;} .information-title-news-old h2{color:#fff; line-height:30px;} .information-title-news-old h3{color:#215C97; line-height:24px;} .information-txt {padding:10px 10px 0px 10px; background-color:#fff; border-left:#98bcd6 1px solid; border-right:#98bcd6 1px solid; border-bottom:#98bcd6 1px solid; color:#585858; overflow:hidden;} .information-txt a {color:#FF7700; font-weight: bold;} .information-txt h3 {font-size: 1.4em;} .information-txt h4 {font-size: 1.3em;} .information-txt ul {margin: 10px 1.5em 10px 1.5em;} .information-txt ul li {margin: 10px 0;} .information-txt-news {padding:10px 10px 0px 10px; background-color:#fff; border-left:#98bcd6 1px solid; border-right:#98bcd6 1px solid; border-bottom:#98bcd6 1px solid; color:#585858; overflow:hidden; width:528px;} .information-txt-news p { margin:15px 0px;} .information-txt-news a { color:#215c97; font-weight:bold; margin:5px 0px; display:block;} #information h1 { margin:20px 0px 0px 10px; color:#215c97; } #information h2 { margin:2px 0px 0px 0px; color:#215c97; font-size:1.5em; } #information hr { margin-bottom:15px; } .news-date {background:url(../images/news-icon.jpg) no-repeat left; color:#4D80AF; font-style:italic; font-size:12px; margin:5px 0px; padding-left:25px; font-weight:bold;} .note { background-color:#eef3f6; color:#215c97; width:auto; padding:10px; border:1px solid #98bcd6; margin:20px 0px; clear:both;} .note ul { margin:0; padding:0; list-style:none; } /* Lawyers */ .lawyerblock-first { width:230px; float:left; background-color:#f1f1f1; margin-top:15px;} .lawyerblock { width:230px; float:left; margin-left:20px; background-color:#f1f1f1; margin-top:15px;} .block-title { width:210px; height:24px; padding:3px 10px; float:left; font-size:15px; font-weight:bold; background-color:#dfdfdf; white-space:nowrap; } .block-txt { float:left; width:210px; padding:10px; } .block-link { float:left; width:210px; padding:10px 10px; } #lawyerlist { list-style:none; } /* News */ .news {} .main-news {background-color:#f2f2f2;} .news-txt {padding:10px;} .past-news {background-color:#f2f2f2; margin-top:15px;} .news-topselection { padding-top:10px; } /*Right sidebar*/ .rightbar { padding:10px 0px 0px 0px; } .right-title { background:url(../images/right-title-bg.jpg) no-repeat; width:250px; padding-left:10px; color:#fff; font-size:14px; height:36px; line-height:35px; margin-top:10px; color:#215C97;} #right-reference-number { background:url(../images/bg-reference-number-l.jpg) no-repeat; font-size:14px; height:36px; text-align:center; line-height:35px; color:#215c97; width:260px;} .right-favouritebutton a{ background:url(../images/add-to-favourites-l.jpg) no-repeat top; width:250px; height:25px; padding:5px; display:block; text-align:center; margin-top:10px; line-height:25px; text-decoration:none; font-size:14px; color:#215C97; } .right-favouritebutton a:hover { background:url(../images/add-to-favourites-l.jpg) no-repeat bottom; } .right-contactbutton a{background:url(../images/contact-owner-l.jpg) no-repeat top; width:260px; height:36px; margin-top:10px; text-align:center; line-height:35px; display:block; color:#fff; text-decoration:none; font-size:14px;} .right-contactbutton a:hover{background:url(../images/contact-owner-l.jpg) no-repeat bottom; } .virtual-tour { background-color:#ECECEC; width:260px; font-size:12px; font-weight:bold; float:left; text-align:center; margin-top:2px; border:1px solid #dddddd;} .virtual-tour a { color:#9b9b9b; display:block; padding:2px;} #thumbs { margin-top:10px; } #thumblist1 { margin:0; list-style:none; float:left; } #thumblist1 li{ margin:2px 2px 2px 0px; } #thumblist1 li a{ display:block; padding:20px; background-color:#f1f1f1; color:#9b9b9b; } #thumblist1 li a:hover{ background-color:#ececec; } #thumblist2 { margin:0; list-style:none; float:left; } #thumblist2 li{ margin:2px; } #thumblist2 li a{ display:block; padding:20px; background-color:#f1f1f1; color:#9b9b9b; } #thumblist2 li a:hover{ background-color:#ececec; } #thumblist3 { margin:0; list-style:none; float:left; } #thumblist3 li{ margin:2px 0px 2px 2px; display:block; } #thumblist3 li a{ display:block; padding:20px; background-color:#f1f1f1; color:#9b9b9b; } #thumblist3 li a:hover{ background-color:#ececec; } #details {float:left; margin-top:10px; width:260px;} #details ul {margin:0; list-style:none; float:left;} #details ul li {background:url(../images/bg-details-list.jpg) repeat-x !important; height:25px; line-height:25px; padding-left:10px;} #details #options { font-weight:bold; width:129px; color:#215c97; border-left:1px solid #e3ecf3; border-bottom:1px solid #e3ecf3;} #details #answers {width:129px; color:#585858; border-right:1px solid #e3ecf3; border-bottom:1px solid #e3ecf3;} #my-details {} #my-details fieldset {width:705px;} #my-details fieldset ul {float:left; margin:0; list-style:none;} #my-details fieldset ul li {height:30px; line-height:30px; background-color:#f2f2f2; margin:1px;} #my-details fieldset ul li label {position:relative; width:150px; float:left; text-align:right; padding-right:20px;} #my-details fieldset label { display: block; float:left; width:250px; margin-right:1em; } #my-details fieldset .field { padding:2px 0; } .en label, .nl label, .es label, .de label { background:transparent url(../images/translate-flag.png) no-repeat right; } /* Tijdelijk weg gehaald vanwege ontwikkeling tijdens presentaties #my-details fieldset label { display: block; width: 200px; float: left; text-align: right; margin-right: 10px; } #my-details fieldset input { display: block; width: 200px; } */ #delete-account {margin:10px auto; background-color:#9b9b9b; width:340px; text-align:center; height:30px; line-height:30px;} #delete-account a { display:block; color:#fff; font-weight:bold; font-size:15px;} .area {background-color:#f2f2f2; width:220px; margin:0; list-style:none;} .area li { padding:5px; background-color:#9b9b9b; margin:5px 0px; color:#fff;} .area li h3 { color:#fff; } .area li a { color:#f2f2f2; } #extra { color:#585858; width:460px; padding:0px 0px 10px 0px; overflow:hidden;} #extra ul{ margin:0px 0px 12px 0px; list-style:none; } #extra ul li{padding:0px;} #extra .bold { font-weight:bold; } #location { padding:0px 0px 10px 0px; color:#585858; margin-top:20px;} #location hr { margin:0; } #location ul {float:left; margin:0; list-style:none; margin-top:12px;} #location ul li {} #location .bold {font-weight:bold; width:100px;} #location .button {background-color:#9B9B9B; float:left; font-size:12px; margin-top:10px; text-align:center; width:260px;} #location .button a {color:#FFFFFF; display:block; padding:5px; } .location-lawyer { padding:0px 0px 10px 0px; color:#585858; overflow:hidden;} .location-lawyer p {float:left; margin:10px 0px; width:650px;} .location-lawyer hr { margin:0; } .location-lawyer ul {float:left; margin:0; list-style:none;} .location-lawyer ul li {} .location-lawyer .bold {font-weight:bold; width:100px;} .location-lawyer .button {background-color:#9B9B9B; float:left; font-size:12px; margin-top:10px; text-align:center; width:260px;} .location-lawyer .button a {color:#FFFFFF; display:block; padding:5px; } /* Top selection */ .top-selection-favo { float:left; margin-top:15px;} .top-selection-title { width:180px; padding-left:10px; color:#fff; font-size:16px; background:url(../images/title.jpg) repeat-x; height:35px; line-height:35px; } .top-selection-items { margin-top:1px; overflow:hidden;} .top-selection-button { height:22px; width:190px; margin-bottom:5px;} .top-selection-button a { } #top-selection-list { list-style:none; margin: 0; } .top-selection-property { background:url(../images/bg-toplist-item.jpg) no-repeat; height:119px; width:179px; margin:0 0 5px 1px; padding:5px;} .top-selection-property p {margin:0; padding:0;} .top-selection-property-title { color:#215c97; font-weight:bold; font-size:16px; white-space:nowrap; } .top-selection-property-title a{ color:#215c97; text-decoration:none; } .top-selection-property-title a:hover {text-decoration:underline;} .top-selection-property-img {height:55px; width:90px; float:left;} .top-selection-property-price { width:84px; margin:0px 0px 0px 5px !important; float:left; font-size:16px; font-weight:bold; color:#ff5500;} .top-selection-property-txt { width:65px; margin:0px 0px 0px 5px !important; float:left; font-size:10px; line-height:10px;} .top-selection-property-button { width:179px; height:25px; margin:10px 0 0 0; float:left; text-align:center;} .top-selection-property-button a{ background:url(../images/top-selection-button.jpg) no-repeat top; line-height:25px; font-weight:bold; color:#215c97; display:block; text-decoration:none; } .top-selection-property-button a:hover { background:url(../images/top-selection-button.jpg) no-repeat bottom; } .selection-banner { margin-top:10px; } .selection-banner h3 { color:#fff; } .selection-banner a { background-color:#fff; display:block; } #all-toplist {float:left;} #all-toplist a{background:url(../images/all-toplist-button.jpg) no-repeat top; display:block; color:#fff; font-size:13px; height:28px; width:190px; text-decoration:none; text-align:center; line-height:25px; font-weight:bold;} #all-toplist a:hover{background:url(../images/all-toplist-button.jpg) no-repeat bottom;} /* Footer */ #footer { background:url(../images/footerbg.jpg) no-repeat; margin:0px 0px 30px; float:left; color:#f2f2f2; width:952px; height:38px;} #footer ul { list-style:none; width:600px; margin:0 auto; } #footer ul li { float:left; padding:10px 20px; } #footer ul li a { color:#f2f2f2; } #footer ul li a:hover { } /* 404 page */ .page404-holder {width:574px; margin:0 auto; margin-top:20px;} .page404-top {background:url(../images/404top.jpg) no-repeat top; height:180px; width:574px;} .page404-top h1 {font-weight:bold; font-size:44px; color:#215c97; padding:50px 0px 0px 220px; margin:0;} .page404-top p {font-size:14px; margin:10px 20px 0px 220px; color:#484848;} .page404-mid {background:url(../images/404repy.jpg) repeat-y; width:574px; overflow:hidden; padding:0px 0px 0px 50px;} .page404-mid ul { margin:0; float:left; margin-left:20px; list-style:none; margin-bottom:20px; margin-top:20px;} .page404-mid ul li { background:url(../images/404-arrow.jpg) no-repeat left; padding:0px 0px 0px 20px; margin:5px 0px 2px 0px; text-align:center;} .page404-mid ul li a {background:url(../images/404button.jpg) no-repeat top; height:30px; width:200px; display:block; line-height:30px; color:#215c97; text-decoration:none;} .page404-mid ul li a:hover {background:url(../images/404button.jpg) no-repeat bottom;} .page404-bot {background:url(../images/404bot.jpg) no-repeat; width:574px; height:6px;} /* edit images*/ #property_images { list-style-type:none; margin:0; padding:0; } #property_images li { padding:.5em; border-bottom:1px solid #DDE7EF; position:relative; } #property_images li .controls { position:absolute; right:1em; top:0; } #property_images img { cursor:move; } .drag { position:relative; top:1em; margin-left:1em; } /* messages */ #flash_messages { margin:1em; border:1px solid #3674B1; padding:1em; padding-left:3em; background:#F1F5F8 url(../images/information.png) no-repeat 1em 1.2em; } #flash_messages ul { margin:0; padding:0; list-style-type:none !important; } /* promo fancy table */ .sales-landing th { background: 0 none; } .sales-landing .check { background: url(../images/check.png) no-repeat center center; } * html .sales-landing .check { background: url(../images/check-8-white.png) no-repeat center center; } * html .sales-landing .act-check { background: url(../images/check-8.png) no-repeat center center; } .sales-landing tr td.act, .sales-landing tr th.act { background-color: #F0F0F0; } .sales-landing thead tr td.act, .sales-landing thead tr th.act, .sales-landing tbody tr.first td.act { background: #eaeaea; } .sales-landing tfoot td { padding-bottom: 15px; } .sales-landing .first td { font-weight: bold; } .sales-landing tbody td { color: #555; font-weight: normal; padding-top: 9px; padding-bottom: 9px; border-bottom: 1px dashed #ccc; } .sales-landing tbody td.tac { color: #666; font-weight: bold; } .sales-landing tbody td.act { color: #111; } .sales-landing thead th { padding-top: 16px; } #information .promo { font-size: 47px; color: #444; letter-spacing: -0.02em; font-weight: bold; text-align: center; font-weight: normal; } #information .promo-feature { font-size: 21px; color: #999; margin: 10px 0 10px 0; text-align: center; } #information .promo-feature strong { font-weight: normal; color: #EF5E0D; } .sales-landing small { font-size: 11px; color: #999; padding-left: 2px; } .color-emphasize { color: #EF5E0D; } .gratis { color: #090; } .packet-title { font-size: 28px; text-align: center; font-weight: bold; letter-spacing: 1px; color: #444; letter-spacing: -0.03em; } .tac { text-align: center; } .price { color: #EF5E0D; font-size: 17px; font-weight: bold; font-style: italic; color: #D1480E; } .price span { font-size: 21px; font-weight: normal; } .price .btn-buy { border: 1px solid #fff; background: url(../images/all-toplist-button.jpg) no-repeat -5px -5px; padding: 2px 15px; font-weight: normal; font-weight: bold; color: #fff; text-decoration: none; -moz-box-shadow: 1px 1px 4px #AAA; font-size: 12px; font-style: normal; text-shadow: 0 -1px rgba(0, 0, 0, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .price .btn-buy:hover { background-position: -5px -30px; } .sticky-note { position: absolute; margin: -10px 0 0 -15px; color: #333; line-height: 130%; } .sticky-content { position: relative; background: #FDFECB; width: 240px; padding: 7px 9px; border-right: 1px solid #B8B8B8; border-bottom: 1px solid #B8B8B8; } .sticky-note .shadow { border-right: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; } .sticky-content em { color: #f00; font-style: normal; font-weight: bold; } .sticky-note strong { display: block; } /* end promo fancy table */ /* register page modifications */ .register-form, .register-form-text { margin-top: 60px !important; } .register-form fieldset { padding-top: 0; height: 394px; margin-bottom: 60px; } .register-form legend { position: absolute; top: -11px; } .register-form .error { padding-top: 1.4em; } .register-form .first-field { padding-top: 55px; } .register-form .with-error { padding-top: 0; } .register-form .field { height: 35px; } .register-form input { width: 174px; } .register-form select { width: 178px; } .register-form label { width: 95px !important; } .register-form .error .errors { margin-bottom: 0; } .register-form .error { margin: 20px 0 10px 0; } h2 small { font-size: 14px; } h3 small { font-size: 13px; }