/* * CSS for Eurolandproperties, v2 * Created: 24-08-2006 * Edited: */ * {margin:0;padding:0} /** * Structure */ body {background:#F4F4F4 url(/assets/images/structure/body-tile.png) repeat-x;font:12px/150% Verdana, Arial, Helvetica, sans-serif;color:#333} #wrap-out {background:url(/assets/images/structure/wrap-out-tile.png) repeat-y 50% 0} #wrap-mid {background:url(/assets/images/structure/wrap-mid-tile.png) no-repeat 50% 0} #wrap-inn {width:760px;margin:0 auto;position:relative;background:#fff;overflow:hidden} #header {background:url(/assets/images/structure/header-lang.png) no-repeat;width:760px;margin:0 auto;height:53px;} .en #header {background:url(/assets/images/structure/header.png) no-repeat;width:760px;margin:0 auto;height:53px;} #flash-promo {background:url(/assets/images/structure/flash-promo-default.png) no-repeat;width:760px;height:149px;margin:0 auto;} #content-sub {float:left;width:190px;background:url(/assets/images/structure/side-top.png) no-repeat;padding:32px 0 0 0} #content-main {float:right;width:540px;overflow:hidden;padding:15px;background:url(/assets/images/structure/content-top.png) no-repeat 0 -1px;} #listing #content-main, #result #content-main {width:570px;padding:15px 0;} .result-holder {margin:0 -15px;padding-left:15px} #footer {clear:both;background:url(/assets/images/structure/footer.png) no-repeat;height:90px} /** * HTML */ h1, .pseudo-h1 {padding-bottom:6px;font: bold 18px/130% Verdana, Arial, Helvetica, sans-serif;color:#036} #listing h1, #result h1 {padding:0 15px 6px 15px;} h2 {margin:0 0 5px 0;font: bold 13px/130% Verdana, Arial, Helvetica, sans-serif;color:#036;clear:both} h3 {font: bold 11px/130% Verdana, Arial, Helvetica, sans-serif;color:#036} p {padding: 0;margin:0 0 10px 0} a {color:#333} a:hover {text-decoration:none} a img {border:none} ol, ul {margin:0 0 1em 2em} #contacts dt {margin:2em 0 0.5em 0;font-weight:bold;font-size:1.1em;border-bottom:1px solid #ccc} /** * Accessibility Stuff */ ul#access li, .access, #search, ul#access li#logo a span, #print-prop-images, #top-links li a span, #contact-panel h2, #contact-panel-ga h2, #special-offers h2, #e-mail a span, #print-mast-img {height: 0;left: -19000px;overflow: hidden;position: absolute;width: 0;} /** * Misc Classes */ .clear {clear:both} .right {float:right} .left {float:left} .center {text-align:center} .warning {color: #DA2521 !important;font-weight: bold;} .bottom {bottom:0} .block {display:block} .small {font-size:0.8em} #flash_map {width:410px;margin:0 auto} #blurb a {color:#333} /** * Logo */ ul#access {margin:0;padding:0} ul#access li#logo {left:2px;position:absolute;top:5px;height:60px;width:183px;padding: 0;margin: 1px 0 0 1px;z-index:4020} ul#access li#logo a {height: 82px;width:183px;display:block;} ul#access li#logo a:hover {border-bottom:2px solid #eee;background:none !important} /** * Drop Shadows for Images -> http://www.alistapart.com/articles/cssdropshadows/ */ .img-shadow {float:right;clear:right;display:inline;background: url(/assets/images/structure/master-1.png) no-repeat bottom right;margin: 10px 10px 0 20px;} .areas .img-shadow {float:left;margin-bottom:10px} .img-shadow img {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -6px 5px 5px -6px;padding: 4px;} .img-norm {float:right;clear:right;display:inline;margin: 0px 10px 10px 20px;} /** * Search Form */ .searchform {} .searchform div {margin:0 !important} #content-sub .searchform {background:#FFE240} .searchform select {width:170px;font-size:12px;margin-bottom:2px;position:relative;left:8px} #searchinput {margin-left:10px;width:170px;font-size:12px;} #post-search {padding:0 20px 20px 20px;clear:both} #search-error #post-search, #sitemap #post-search, #gen #post-search {padding:0} #post-search form {text-align:center;margin:2em 20px 2em 15px;width:220px;font-weight:bold;float:left} #post-search input {font-size:13px;font-weight:bold} #post-search .searchform {margin-top:0} #post-search .searchform select {width:200px;font-size:13px;margin-bottom:5px;display:block;font-weight:bold} #post-search p {text-align:center;padding:5px;background:#EDEDF1;border:1px solid #A9A7C9;} #post-search .img-shadow {margin-top:2.5em} #post-search .pseudo-h1 {margin-top:-25px} .quick-search {float:right;border:1px solid #ccc;padding:10px;background:#EDEDF1;width:260px} #result .quick-search {margin:0 20px 20px 0} .quick-search ul li {margin:2px 0} /** * Nav */ ul#nav {list-style:none;list-style-position:outside;margin:0 0 20px 0;padding:0 0 15px 0;background:#FFE240 url(/assets/images/structure/nav-bottom.png) no-repeat bottom} ul#nav li {margin:0;padding:0;} #nav li a, #nav li a:visited {display:block;padding:6px 5px 7px 10px;border-bottom:1px solid #fff;color:#333;font: normal 11px/130% Verdana, Arial, Helvetica, sans-serif !important;text-decoration:none;} #nav li a:hover {color:#fff;background:#5F7FB2} ul#nav li ul {list-style:none} /** * Header Links */ #top-links {position:absolute;top:0;left:0} #top-links ul {list-style-type:none;list-style-position:outside;margin:0;padding:0} #top-links ul li {float:left} #top-links ul li a {display:block;} #top-info-pack a {position:absolute;left:250px;width:145px;height:28px} #top-info-pack a:hover {background:url(/assets/images/structure/top-nav.png) -257px 30px} #top-exhibitions a {position:absolute;left:395px;width:155px;height:28px} #top-exhibitions a:hover {background:url(/assets/images/structure/top-nav.png) -402px 30px} #top-contact a {position:absolute;left:550px;width:120px;height:28px} #top-contact a:hover {background:url(/assets/images/structure/top-nav.png) -557px 30px} #top-language {position:absolute;top:3px;left:655px;width:100px;font-size:0.9em} /** * Sub Modules */ #contact-panel {background:url(/assets/images/structure/contact-us.png) no-repeat;padding:110px 0 10px 0;width:191px;margin-bottom:20px} #contact-panel ul {margin:0} #contact-panel-ga {background:url(/assets/images/structure/contact-us-ga.png) no-repeat;padding:110px 0 10px 0;width:191px;margin-bottom:20px} #contact-panel-ga ul {margin:0} #e-mail a {width:191px;height:40px;display:block;} #special-offers {background:url(/assets/images/structure/special-offers.png) no-repeat; width:191px;height:161px} #special-offers form {padding-top:95px;text-align:center} #special-offers form input {display:block;margin:0 auto 5px auto} /** * HomePage */ #halfs {clear:both;} #halfs div {width:260px;height:234px;float:left;margin:10px 10px 10px 0;} #halfs div a {width:260px;height:234px;display:block} #featured-prop {background:url(/assets/images/indexpage/fprop.jpg) no-repeat} #kih {background:url(/assets/images/indexpage/ready-now.png) no-repeat} #mortgage-calculators {background:url(/assets/images/indexpage/mcalc.jpg) no-repeat} #info-pack-box {background:url(/assets/images/indexpage/info-pack.jpg) no-repeat} #inspection-visits {width:260px;height:234px;background:url(/assets/images/indexpage/inspection-visits.jpg) no-repeat} #blurb {padding:5px 0 0 5px;font-size:0.9em;line-height:1.4} #map {width:358px;float:right;margin:0 0 10px 10px;} #map ul {list-style-type:none;height:22px;margin:0 0 0 -1px;padding:0} #map ul li {float:left} #map ul li a {display:block;height:22px;width:82px;text-indent:-9000px} #spain-tab, #spain-tab a {background: url(/assets/images/indexpage/map-tabs.png) no-repeat;} #spain-tab a:hover, .spain #spain-tab a {background: url(/assets/images/indexpage/map-tabs.png) no-repeat 0 -29px;} #turkey-tab, #turkey-tab a {background: url(/assets/images/indexpage/map-tabs.png) no-repeat -82px 0;} #turkey-tab a:hover, .turkey #turkey-tab a {background: url(/assets/images/indexpage/map-tabs.png) no-repeat -82px -29px;} #cyprus-tab, #cyprus-tab a {background: url(/assets/images/indexpage/map-tabs.png) no-repeat -164px 0;} #cyprus-tab a:hover, .cyprus #cyprus-tab a {background: url(/assets/images/indexpage/map-tabs.png) no-repeat -164px -29px;} #map-top {background: url(/assets/images/indexpage/map-box-top.png) no-repeat;padding-top:20px;} #map-bot {background:url(/assets/images/indexpage/map-box-bot.png) no-repeat bottom;height:173px} #map-container {background:url(/assets/images/spain.png) no-repeat bottom;min-height:195px;} /** * Forms * * These rules apply to the feedback pages * that is, pages with urls as follows: * /feedback/[function]/[propnum=''] */ form div {margin:3px 0;} form label {width:100px;display:block;float:left} label em {display:none} .error label {background:#E79AE4;padding:2px 0 2px 4px;margin-right:-4px} #group-1 label {width:470px;margin:2em 0;float:none;display:inline;font-weight:bold;font-size:0.9em} #group-1 input {vertical-align:middle} #group-2, #group-3 {width:270px;margin:2em 0;float:left} #group-4 {display:none;width:470px;margin:2em auto;clear:both;font-size:0.9em} #group-4 input {width:100px;} #group-4 label {width:290px;} #pca_country-label {width:220px !important;} #group-5 {width:540px;margin:2em 0;clear:both} #group-5 label {width:250px;} #group-5 input {width:262px;} #group-5 div {clear:both;} #group-6 {clear:both} #group-6 a {display:none} #group-6 textarea {height:120px;width:506px;padding:3px} #group-6 label {float:none;width:500px;margin-bottom:10px} #addressdrop-div {width:520px;} #addressdrop-div p {clear:both;font-size:0.9em;text-align:center} #addressdrop-div select {width:450px;float:left} #addressdrop-div input {float:right;width:60px} #form-div-pca_postcode .form-help {text-align:center;font-size:0.9em;margin-top:10px} #submit-postcode {float:right;width:60px !important} .form-top {display:none} .form-title {display:none} /** * Listing Stuff */ #listing {} .euro-bump{margin-left:13px} .title {margin-bottom:10px} .search-nav {background:#eee;padding:3px 10px 3px 20px;text-align:right;border:1px solid #CBCBCC;border-width:1px 0;} .search-nav img {vertical-align: text-top;} .search-nav a.arrow:hover {background:#ffe240} .search-nav span {float:left} .search-nav a {text-decoration:none} .search-nav a:hover {text-decoration:underline;} .search-nav-results {background:#C6D3DE;padding:5px 20px 5px 20px;margin:0 0 10px 0;border-top:1px solid #EEEAE7;} .search-nav-bottom {background:#fff;border:3px solid #eee;border-width:3px 0 0 0;padding:6px 25px 2px 20px;clear:both;margin:0 0 0 0;} #prop-top {background:#E2E8F1} .property-action {width:170px;float:right;} .property-action p {padding:5px 8px 5px 10px;} .property-action ul {list-style:none;list-style-position:outside;margin:0 0 0 1px;padding:0;} .property-action ul li {margin:0;padding:0;} .property-action ul li a, .property-action ul li a:visited {display:block;padding:5px 8px 7px 10px;border-bottom:2px solid #ddd;color:#4A5879;font: bold 11px/130% Verdana, Arial, Helvetica, sans-serif !important;text-decoration:none;} .property-action ul li a:hover {color:#036;background:#FFE240} #property-images {width:400px;height:267px;float:left;overflow:hidden;display:inline} #property-images img {display:block;width:400px;height:267px;} #photo-nav {font-size:0.9em;clear:both;background:#eee;padding:5px 15px 4px 15px;line-height:1.8;color:#666;border:1px solid #CBCBCC;border-width:1px 0} #photo-nav a {padding:2px 5px 2px 5px;background-color:#fff;color:#666;text-decoration:none;border: 1px solid #CBCBCC} #photo-nav a:hover {background-color:#CBCBCC;color:#000;text-decoration:none} #property-data {width:131px;float:right;padding:13px 10px;margin:1px 0 0 10px;background:#E2E8F1;font-size:0.9em;border:1px solid #CBCBCC;display:inline} #property-data li {list-style-position:inside;padding:0;line-height:1.2;margin-bottom:5px} #property-description {padding:15px 15px 20px 15px;} h3.title {font-size:15px;color:#333} #bottom-enquire {text-align:center;} #bottom-enquire a {text-decoration:none;display:block;background:#ffe240;padding:5px} #bottom-enquire a:hover {background:#5f7fb2;color:#ffe240} /** * Exhibition tables */ #exhibition-table {border-top:1px solid #999;border-collapse:collapse;font-size:11px;background:#EDEDF1;margin:12px} #exhibition-table td, #exhibition-table th {border:1px solid #999;padding:5px} #exhibition-table td {font-size:10px;} #exhibition-table th {background:#c6d3de;} /** * Contact Page */ .body-box-small {margin-bottom:2em;clear:both} .body-box-top {background: url(/assets/images/structure/body-module-top.png) no-repeat;height:94px} .body-box-small .tile {background: url(/assets/images/structure/body-module-mid.png) repeat-y;_height : 1%;} .body-box-bottom {background: url(/assets/images/structure/body-module-bot.png) no-repeat bottom left;height:19px;width:540px;clear:both} .body-box-small h2 {padding:8px 15px 15px 15px;color:#fff} .body-box-small h3, .body-box-small p {padding:5px 20px 5px 15px} .contact-left {float:left;width:230px;font-size:11px;margin-left:20px;height:85px} .contact-right {float:left;width:270px;font-size:11px}