/* ----------------------------------------------------------- Title: Mallorca-Properties.co.uk site base css styles Author: Jim Pannell, jim@sixmedia.net Updated: April 2009 Notes: Hand-crafted by Six Media, Copenhagen, Denmark ----------------------------------------------------------- */ /* `Basic HTML ----------------------------------------------------------------------------------------------------*/ body{font-size:81.3%;line-height:1.5em;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;color:#454555} html>body{font-size:13px;} a:focus{outline:1px dotted invert;} hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0;} small{font-size:80%;} /* get rid of those system borders being generated for A tags */ a:active{outline:none;} :focus{-moz-outline-style:none;} /* Class for clearing floats */ .clear{clear:both;} .nested{margin-left:0;} .nestedGoodness{padding-right:20px;} /* `Headings ----------------------------------------------------------------------------------------------------*/ h1,h2,h3,h4{font-weight:normal;letter-spacing:1px;} h1{font-size:2.18em;line-height:1.453em;color:#2e3f75;} /* 28.34px */ h2{font-size:1.64em;line-height:1.076em;margin-top:0;margin-bottom:0.538em;} /* 21px */ h3{font-size:1.45em;line-height:0.974em;color:#2e3f75;} /* 19px */ h4{font-size:1.18em;} /* 15px */ #contentPage h1{font-family:Georgia,serif;margin-bottom:0.25em;} #contentPage h1.about-us,#contentPage h1.uber-uns,#contentPage h1.majorca-info{background:url(/images/interface/icon-info-32.png) no-repeat left center;padding-left:44px;} #contentPage h1.kaufprozess{background:url(/images/interface/icon-home-32.png) no-repeat left center;padding-left:44px;} #contentPage h1.http://www.mallorca-properties.co.uk/de/mallorca-immobilien-kaufen/{background:url(/images/interface/icon-home-32.png) no-repeat left center;padding-left:44px;} #contentPage h1.property-in/,#contentPage h1.uber-uns,#contentPage h1.majorca-info{background:url(/images/interface/icon-info-32.png) no-repeat left center;padding-left:44px;} #contentPage h1.mallorca-immobilien-suche{background:url(/images/interface/icon-search_home-32.png) no-repeat left center;padding-left:44px;} #contentPage h1.mallorca-properties-search{background:url(/images/interface/icon-search_home-32.png) no-repeat left center;padding-left:44px;} #contentPage h1.ueber-uns{background:url(/images/interface/icon-info-32.png) no-repeat left center;padding-left:44px;} #contentPage h1.mallorca{background:url(/images/interface/icon-info-32.png) no-repeat left center;padding-left:44px;} #contentPage h1.properties{background:url(/images/interface/icon-info-32.png) no-repeat left center;padding-left:44px;} #contentPage h1.mallorca-mieten{background:url(/images/interface/icon-info-32.png) no-repeat left center;padding-left:44px;} #contentPage h1.search-results{background:url(/images/interface/icon-search_home-32.png) no-repeat left center;padding-left:44px;text-transform:capitalize;} #contentPage h1.top-locations,#contentPage h1.top-gebiete{background:url(/images/interface/icon-tag_blue-48.png) no-repeat left center;padding-left:52px;} #contentPage p.intro{font-family:Georgia,serif;color:#5375a4;font-size:1.5em;line-height:1.3em;padding-bottom:1em;border-bottom:1px solid #dfe8f1;margin-bottom:1em;} #contentPage h2{font-size:1.15em;line-height:1.4em;font-weight:bold;margin-bottom:0.769em;text-transform:uppercase;color:#2e3f75;} #contentPage h3{font-size:1.15em;line-height:1.2em;} /* =Links -----------------------------------------------------------------------------*/ a:link,a:visited{color:#5375a4;text-decoration:none;} a:hover,a:active{text-decoration:underline;} a.rounded, .button {outline:none;border:none;text-decoration:none;cursor:pointer;white-space:nowrap; vertical-align:middle; /* or top */ display:-moz-inline-box;display:inline-block; overflow:visible; /* IE6 form button fix */ } .button{padding:6px 14px;font-size:.9em;font-weight:bold;color:#036;background:#e8ecf1 url(/images/interface/noise-light.gif);} .button:hover,.sortorderButton:hover{color:#000 !important;background-color:#dce0e5;background-image:none;} .searchButton{padding:8px 10px 8px 45px;font-weight:bold;background:#ff9900 url(/images/interface/button-part-search.gif) no-repeat 10px center;color:#fff;font-size:1.2em;width:auto;cursor:pointer;}/* added some top and bottom padding to compensate since I adding the calss of roudned to the button */ #home .searchButton{position:absolute;bottom:20px;left:60px;border:none;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px} a[href^="http:"]{background:url(/images/interface/externalLink.gif) no-repeat right top;padding-right:10px;} a[href^="http://www.mallorca-properties.co.uk"],a[href^="http://mallorca-properties.co.uk"]{background-image:none;padding-right:0;} /* `Spacing ----------------------------------------------------------------------------------------------------*/ ol{list-style:decimal;margin-left:-30px;} #contentPage ol li{margin-bottom:1em;} ul {list-style:square} li{margin-left:30px;} p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset{margin-bottom:20px;} .hasLayout{height:1%;} /* `Branding, Navigation and Structure ----------------------------------------------------------------------------------------------------*/ #home{background:#fff url(/images/interface/home-bg.jpg) no-repeat scroll center top; z-index: 1;} #contentPage{background:#fff url(/images/interface/bg-contentPage.jpg) no-repeat scroll center top;} #start{height:36.923em;} #branding{position:relative;height:6.923em; z-index:12} /* z-index of 12 to fix ie bug with ddrop down hifdding behind flash and featured photo */ #logo{margin:0;position:absolute;top:0;left:0;z-index:3;width:245px;height:90px;background:url(/images/interface/mallorca-properties-property-sale-majorca.png) no-repeat;text-indent:-9000px;} #logo a{display:block;height:90px;background:url(/images/interface/mallorca-properties-property-sale-majorca.png) no-repeat;} #contentPage #branding{height:9.538em;} .brandingTopRight{position:absolute;top:0;right:10px;} .brandingTopRight img{margin:10px 0 0 5px;} #nav{margin:40px 0 0 0;} #nav, #nav ul{padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; font-family:Tahoma,Arial,sans-serif; letter-spacing:1px; font-size:85%;} #nav ul{margin:0;} #nav a{display:block;padding:2px 5px;color:#fff;text-decoration:none;text-transform:uppercase;background-color:#036;} #nav a:hover{background:#fff url(/images/interface/noise-white.gif); color:#333;} #nav li{float:left; position:relative; margin-left:0;} #nav ul {position:absolute; display:none; width:12em; top:1.5em;} #nav li ul a{width:12em;height:auto;float:left;} #nav ul ul{top:auto;} #nav li ul ul{left:12em; margin:0px 0 0 10px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;} #subNav ul{margin:0;padding:0 0 1em 0;list-style-type:none;} #subNav li{background:url(/images/interface/icon-favorite-16.png) no-repeat 0 2px;padding-left:22px;margin-left:0;} #subNav li ul li{margin-left:-22px;} /* `Homepage ----------------------------------------------------------------------------------------------------*/ .homeSearch,.homeFeatured{height:24.308em;margin-top:2.308em;position:relative} .homeFeatured img{padding:10px;background:#e8ecf1;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0px 1px 4px #999;-moz-box-shadow:0px 1px 4px #999;box-shadow:0px 1px 4px #999;} .homeSearch{background:#e8ecf1;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0px 1px 4px #999;-moz-box-shadow:0px 1px 4px #999;box-shadow:0px 1px 4px #999;} .homeSearch h2{margin:0;color:#2e3f75;} .homeSearchContent{padding:20px;} .homeSearch label{color:#2E3F75;font-size:1.2em;padding-bottom:1em;} .homeSearch small{color:#2E3F75;} #searchLeft{padding:0 0 10px 20px;width:205px;float:left;} #searchLeft fieldset select,#searchRight fieldset select,#searchRight fieldset input{width:145px;} p.numOne{background:url(/images/interface/numberOne.gif) no-repeat left top;padding-left:40px;margin-bottom:0.5em;} p.numTwo{background:url(/images/interface/numberTwo.gif) no-repeat left top;padding-left:40px;} p.numThree{background:url(/images/interface/numberThree.gif) no-repeat left top;padding-left:40px;} p.numFour{background:url(/images/interface/numberFour.gif) no-repeat left top;padding-left:40px;} #searchRight{padding:0 10px 10px 10px;width:215px;float:right;} .homeFeature_1,.homeFeature_bg{height:23em;} .homeFeature_bg{background:url(/images/interface/bg-home-features.jpg) no-repeat 0 22px;} h3.headingAboutus,h3.headingQuicklinks,h3.headingClientarea,h3.headingFeatured,h3.headingRss,h3.headingHome,h3.headingFooter_6{padding-left:50px;line-height:32px;margin-bottom:0.487em;letter-spacing:0;} h3.headingAboutus{background:url(/images/interface/icon-info-32.png) no-repeat left center;padding-left:40px;} h3.headingQuicklinks{background:url(/images/interface/icon-link-32.png) no-repeat 12px center;} h3.headingClientarea{background:url(/images/interface/icon-lock-32.png) no-repeat 12px center;} #footer h3.headingClientarea{background:url(/images/interface/icon-lock-32.png) no-repeat 0 center;padding-left:36px;} h3.headingFeatured{background:url(/images/interface/icon-favorite-32.png) no-repeat 12px center;letter-spacing:-1px;} h3.headingRss{background:url(/images/interface/icon-rss-32.png) no-repeat left center;padding-left:40px;} h3.headingHome{background:url(/images/interface/icon-home-32.png) no-repeat left center;padding-left:40px;} /** Homepage Featured Properties - BEGIN */ .homeFeatured-viewport{ padding:10px; width:440px; height:296px; overflow:hidden; border-radius:10px 10px 10px 10px; box-shadow:0 1px 4px #999999; background:#e8ecf1; } .homeFeatured-viewport a{display:block;} .homeFeatured-viewport img{ padding:0; border:none; border-radius:0; box-shadow:none; } .homeFeatured-viewport #featured_top_title{ top:0; left:0; } .homeFeatured-viewport #featured_front_page_desc{ bottom:0; left:0; } .homeFeatured-viewport .homeFeatured-properties{position:relative;} .homeFeatured-viewport .homeFeatured-property{ position:absolute; top:0; left:0; } .homeFeatured-nav{ position:absolute; bottom:14px; right:14px; z-index:100; } .homeFeatured-nav ul{ margin:0; padding:0; list-style:none; overflow:hidden; } .homeFeatured-nav ul li{ float:left; margin:0 0 0 4px !important; } .homeFeatured-nav ul li a{ display:block; width:9px; height:9px; overflow:hidden; text-indent:-1000px; border:1px solid #666; background:#e8ecf1; } .homeFeatured-nav ul li.active a{ border:1px solid #e8ecf1; background:#666; } /** Homepage Featured Properties - END */ /* 'Search Results ----------------------------------------------------------------------------------------------------*/ .back-next{clear:both;margin:10px 0;padding:0;list-style:none;} .back-next-left{float:left;} .back-next-right{float:right;} /*.results-property{background:#e8ecf1 url(/images/interface/noise-light.gif) repeat top left;}*/ .results-property{background:transparent url(/images/interface/bg-featured.gif) repeat scroll left top;} .results-header-outer{clear:both;float:left;width:100%;margin:0 0 20px 0;padding:0;} .results-header{float:left;margin:0;padding:0;width:100%;font-size:95%;list-style:none;} .results-header-left{float:left;width:500px;margin:0;padding:10px 0 0 15px;} .results-header-right{float:right;width:160px;text-align:right;margin:0;padding:10px 15px 0 0;font-size:1.3em;line-height:1.9em;} .results-header-right img{padding-right:63px;} .resultsDetail{clear:both;margin:0;padding:0 10px 20px 0;height:14em;position:relative;font-size:95%;} .resultsDetailImage{float:left;width:210px;height:180px;position:relative;margin:0 20px 0 10px;display:inline;} .resultsDetailImage img:hover{background:#ccc;} #searchResults{position:relative} #searchResults h3{margin-bottom:0;line-height:1.9em;font-size:1.3em;} #searchResults .button,.orangeButton{padding:7px 14px 6px 14px;margin-top:10px;font-size:.9em;font-weight:bold;color:#fff;background:#f90 url(/images/interface/noise-f90.gif);} #searchResults .button:hover,.orangeButton:hover{color:#fff !important;background-color:#335c85;background-image:none;} #searchResults .noLink{display:inline-block;padding:7px 14px} .sortorderButton{outline:none;border:none;text-decoration:none;cursor:pointer;white-space:nowrap;vertical-align:middle;display:-moz-inline-box;display:inline-block;overflow:visible; padding:7px 14px 6px 14px;font-size:.9em;font-weight:bold;color:#5375A4 !important;background:#E8ECF1 url(/images/interface/noise-light.gif);} /*.featured-property{background:#E8ECF1 url(/images/interface/bg-featured.gif) repeat scroll left top;}*/ .results-header h3 a:link,.results-header h3 a:visited{color:#fff;font-weight:bold;} .results-header h3 a:hover,.results-header h3 a:active{color:#E8ECF1;text-decoration:none;} .results-header h3 span{color:#ffffff;background-color:#cc0000;padding:2px;font-size:75%;font-weight:bold;} .results-header h3.headingNewProp a{padding-top:3px;} #searchResults .results-header-right b{color:#fff;} .resultsDetailText{position:relative;float:left;width:450px;} .resultsDetailText p{line-height:1.2em;} p.resultsDetailPara{margin-bottom:0.8em;} .FlagReserved{font-weight:bold;} .propertyDetails dl,.resultsDetailText dl{margin:0;padding:0 0 1em 0;line-height:1.3em;} .propertyDetails dl{font-size:0.92em;padding-bottom:2em;} .propertyDetails dt,.resultsDetailText dt{float:left;width:50px;margin:0;padding:0;font-weight:bold;text-align:right;color:#000;} .propertyDetails dt{width:100px;color:#454545;line-height:19px} .propertyDetails dd,.resultsDetailText dd{margin:0 0 0 65px;padding:0;} .propertyDetails dd{margin:0 0 0 115px;color:#454545;line-height:19px} .resultsDetailText ul{position:absolute;left:240px;top:0;width:100%;margin:10px 0 0 0;padding:0;list-style:none;} .clientareaOptions{padding-left:30px;} .clientareaOptions ul{margin:10px 0 0 0;list-style:none;} .clientareaOptions li,.resultsDetailText li{padding:0;line-height:24px;font-weight:normal;background-repeat:no-repeat;background-position:0 50%;} .clientareaOptions li a,.resultsDetailText li a{padding-left:29px;/* width of icon + whitespace */} li a:hover.clientareaOptions li a:hover, li a:hover.resultsDetailText li a:hover{text-decoration:underline;} .saveproperty{background-image:url(/images/interface/icon-add_to_favorites-24.png);} .affirmative{background-image:url(/images/interface/icon-affirmative.gif);} .arrangeviewing{background-image:url(/images/interface/icon-search_home-24.png);} .paymentcalc{background-image:url(/images/interface/icon-calculator-24.png);} /* Search Results Pagination */ div.pagination{font-weight:bold;font-size:85%;margin:0 0 5px 0;} div.pagination a,div.pagination strong{text-decoration:none;padding:1px .3em;border:1px solid #ccc;margin-left:.2em;margin-right:.2em;line-height:1.5em;} div.pagination strong{border:none;color:#000;padding:1px .3em;margin-left:.2em;margin-right:.2em;} div.pagination a:hover{color:#fff;background:#ed1b23;} .paginationContainer{position:relative;height:15px;margin-top:20px} .pagination-links{position:absolute;top:-5px;right:0} .pagination-links ul{margin-left:0;padding-left:0;float:left;} .pagination-links li{font-weight:bold;margin:0 0 5px 0;display:inline;} .pagination-links li#li-open{width:12px;height:24px;float:left;text-decoration:none;} .pagination-links li#li-close{width:11px;height:24px;float:left;} .pagination-links ul a{text-decoration:none;padding:1px .3em;border:1px solid #ccc;margin-left:.3em;line-height:1.5em;} .pagination-links strong, .pagination-links b{text-decoration:none;padding:1px .3em;border:none;margin-left:.3em;line-height:1.5em;} .pagination-links li#end-pagination strong, .pagination-links li#end-pagination b{text-decoration:none;padding:1px .3em;border:1px solid #ccc;margin-left:.3em;line-height:1.5em;color:#5A477B;} .pagination-links li#end-pagination a{text-decoration:none;padding:1px .3em;border:1px solid #ccc;margin-left:.3em;line-height:1.5em;color:#5A477B;} .pagination-links li#end-pagination a:hover{color:#fff} .pagination-links a:link{color:#5A477B;} .pagination-links a:visited{color:#5A477B;} .pagination-links a:hover{color:#fff;background:#ed1b23;} .pagination-links a#current{border:none;} /* `Property Details ----------------------------------------------------------------------------------------------------*/ #weather-LEPA{display:block;border:none;padding:0;min-height:100px} #weather-LEPA ul{margin:0 0 30px 0;list-style:none;} #weather-LEPA ul li{padding:0;background:transparent;margin-left:0} #weather-LEPA ul li#iconWeather{float:left;width:100px;height:80px;margin-top:-10px} .weather_title{font-weight:bold;color:#000} /* `Client Area ----------------------------------------------------------------------------------------------------*/ #primaryContent{float:left;width:505px;margin:0 0 20px 20px;padding:0;display:inline;} #primaryContent.primaryTop,#sideContent.primaryTop{margin-top:10px;} #primaryContent h1{margin-top:10px;margin-bottom:0;} #primaryContent p strong:first-child{font-size:20px;} #primaryContent div.boxLight ul.list-default{margin:10px 0 0 15px;} #primaryContent div.boxLight ul.list-default li a{text-transform:none;} #sideContent{float:left;width:170px;font-size:90%;margin:0;padding:10px 5px 10px 0;} #sideContent #usernav{width:175px;font-weight:bold;background-color:#003463;-moz-border-radius: 10px;} #sideContent #usernav h4{font-family:"Trebuchet MS","Tahoma",Helvetica,Arial;margin:5px 0 0 0;padding:0;color:#fff;} #sideContent ul#usernav{padding-bottom:5px;} #sideContent #usernav li{list-style:none;margin:0;padding:5px 0 0 10px;} #sideContent #usernav li ul{font-size:92%;font-weight:normal;margin:0;padding:0;} #sideContent #usernav li ul li{padding:3px 0 0 14px;background:url(/my-client-area/images/bullet-blue.gif) no-repeat 0 65%;font-size:95%;} #sideContent #usernav a{margin:0;padding:1px;text-decoration:none;color:#fff;border-bottom:none;} #sideContent #usernav a:hover,#usernav a.active{margin-right:0;padding:1px;color:#fff;text-decoration:underline;border-bottom:none;} #sideContent #usernav p{font-weight:normal;font-size:95%;} #sideContent #usernav1{width:175px;font-weight:bold;background-color:#fff; border: 1px; border-color: #000;-moz-border-radius: 10px;} #sideContent #usernav1 h4{font-family:"Trebuchet MS","Tahoma",Helvetica,Arial;margin:5px 0 0 0;padding:0;color:#000;} #sideContent ul#usernav1{padding-bottom:5px;} #sideContent #usernav1 li{list-style:none;margin:0;padding:5px 0 0 10px;} #sideContent #usernav1 li ul{font-size:92%;font-weight:normal;margin:0;padding:0;} #sideContent #usernav1 li ul li{padding:3px 0 0 14px;background:url(/my-client-area/images/bullet-blue.gif) no-repeat 0 65%;font-size:95%;} #sideContent #usernav1 a{margin:0;padding:1px;text-decoration:none;color:#000;border-bottom:none;} #sideContent #usernav1 a:hover,#usernav a.active{margin-right:0;padding:1px;color:#000;text-decoration:underline;border-bottom:none;} #sideContent #usernav1 p{font-weight:normal;font-size:95%;} .dotted-line{clear:both;width:400px;height:12px;background:url(/my-client-area/images/divider.gif) repeat-x 0 50%;} .property-header{float:left;margin:0 0 10px 0;padding:0;font-size:95%;list-style:none;border-right:1px solid #858585;border-bottom:1px solid #858585;width:95%;} .property-header-left{float:left;margin:0;padding:7px 5px 5px 5px;} .property-header-right{float:right;text-align:left;margin:0;padding:5px;} #ca-welcome-features ul{margin:8px 0;padding:0;} #ca-welcome-features li{list-style:none;padding-left:20px;line-height:1.5em;background:url(/my-client-area/images/bullet-orange.gif) no-repeat 0 6px;} #primaryContent form{margin:0;padding:0;} #primaryContent input,#primaryContent select,#primaryContent textarea{font-size:90%;font-family:Verdana,Arial,Helvetica;margin-bottom:10px;} /* fieldset styling */ #primaryContent fieldset{margin:1em 0;padding:1em;border:1px solid #ccc;background-color:#E8ECF1;} /* legend styling */ #primaryContent legend {font-weight: bold;} #primaryContent form p {position: relative;width: 100%;} /* style for labels */ #primaryContent label{float:left;width:13em;font-size:95%;} #primaryContent input{width:200px;} #primaryContent input.radio,#primaryContent input.checkbox,#primaryContent input.submit{width:auto;} #primaryContent fieldset select{width:200px;} /* style form elements on focus */ #primaryContent input:focus,#primaryContent textarea:focus{background:#ffc;} #primaryContent .asterisk{font-family:verdana,Helvetica,sans-serif;font-size:95%;color:#F68622;font-weight:bold;vertical-align:-2px;} /* PHP CALENDAR FUNCTION */ .calendar{margin:5px 0 0 10px;} .days{font-family:Verdana,arial,helvetica,sans-serif;color:#555;font-size:75%;} .calendar-month{font-family:Verdana,arial,helvetica,sans-serif;color:#454545;font-size:80%;font-weight:bold;} .calendar-numbers{font-family:Verdana,arial,helvetica,sans-serif;font-size:75%;} a.calendarlink:link{color:#f0f0f0;background-color:#900;padding:1px;font-size:75%;text-decoration:none;} a.calendarlink:visited{color:#f0f0f0;background-color:#900;padding:1px;font-size:75%;text-decoration:none;} a.calendarlink:hover{color:#f0f0f0;background-color:#900;padding:1px;font-size:75%;text-decoration:underline;} .feedback-headings{color:#333;background:#eee;border-bottom:1px solid #999;} .feedback-headings-right{color:#333;background:#eee;border-bottom:1px solid #999;border-right:1px solid #999;} /* Feature box styles */ .box-left{float:left;width:245px;margin-top:20px;padding-bottom:10px;border:1px solid #c0c0c0;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;} .box-right{float:right;width:245px;margin-top:20px;padding-bottom:10px;border:1px solid #c0c0c0;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;} .box-left h3,.box-right h3{color:#fff;margin:0;padding:6px 8px 4px 10px;font-size:13px !important;font-weight:bold;background-color:#003063;} .box-left ul,.box-wider ul,.box-right ul{padding-left:25px;font-size:90%;} .box-left p,.box-wider p,.box-right p{margin:0;padding:5px 10px 0 10px;font-size:90%;color:#333;} .box-wider{float:left;width:300px;margin-top:20px;padding-bottom:10px;background:url(/my-client-area/images/box-wider-bottom.gif) no-repeat bottom right;} .box-wider h3{margin:0;padding:6px 8px 4px 10px;font-size:95%;font-weight:bold;border-bottom:1px solid #fff;background:url(/my-client-area/images/h3-bg-main-wider.gif) no-repeat top left;} .box-100{margin-top:20px;padding-bottom:10px;border:1px solid #c0c0c0;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;} .box-100 h3{color:#fff;margin:0;padding:6px 8px 4px 10px;font-size:13px !important;font-weight:bold;background-color:#003063;} .box-100 ul{padding-left:25px;font-size:90%;} .box{webkit-box-shadow:0px 0px 4px rgba(0,0,0,.3);-moz-box-shadow:0px 0px 4px rgba(0,0,0,.3);box-shadow:0px 0px 4px rgba(0,0,0,.3);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}#homePage .box #homepageContentMain,#searchResults .box .boxRound{padding:10px;background:#e9e9e9;margin-bottom:1em;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 4px rgba(0,0,0,.3);box-shadow:1px 1px 4px rgba(0,0,0,.3);} .boxRound h4{margin-top:0;color:#067d78;font-weight:bold;text-shadow:1px 1px 0 #fff;font-family:Arial,Verdana,sans-serif;} .boxRound li{float:left;width:220px;padding-left:5px;line-height:1.5em;text-shadow:1px 1px 0 #fff} .box-side{margin-top:20px;padding-bottom:10px;border:1px solid #c0c0c0;-moz-border-radius: 10px;} .box-side h3{color:#fff;margin:0;padding:6px 8px 4px 10px;font-size:13px !important;font-weight:bold;background-color:#003063;} .box-side ul{padding-left:25px;font-size:90%;} .box-side p{margin:0;padding:5px 10px 0 10px;font-size:90%;color:#333;} /* Property Listings */ .property-list{clear:both;float:left;width:490px;padding:0;} .property-list dl{float:left;width:490px;margin:0 0 20px 0;padding:0;display:inline;/* fixes IE/Win double margin bug */} .property-list dt{float:right;width:335px;margin:0 0 7px 0;padding:0;font-size:105%;color:#333;font-weight:bold;} .property-list dt a{color:#333;} .property-list dt a:hover{color:#666;text-decoration:none;} .property-list dd{margin:0 0 0 156px;padding:0;font-size:90%;line-height:1.3em;} .property-list dd p{margin-top:10px;padding:0;line-height:1.2em;} .property-list dl dd.img{margin:0;} .property-list dd.img img{float:left;padding:3px;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #454545;border-bottom:1px solid #454545;} .property-list dd.img img:hover{padding:3px;border:1px solid #454545;border-left:1px solid #454545;border-right:1px solid #bbb;border-bottom:1px solid #bbb;background:#ccc;} /* `Advanced Search ----------------------------------------------------------------------------------------------------*/ #content #advancedSearch{padding:15px 0;background:#e8ecf1;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0px 1px 4px #999;-moz-box-shadow:0px 1px 4px #999;box-shadow:0px 1px 4px #999;} #content #advancedSearch fieldset{background:#e8ecf1;} #content #advancedSearch fieldset legend{margin-bottom:10px;font-size:14px;} #content #advancedSearch #searchLeft{width:355px;} #content #advancedSearch #searchLeft label{width:10em;} #content #advancedSearch #searchRight label{width:11em;} #content #advancedSearch #searchRight{float:left;width:300px} #content #advancedSearch #searchRight p small{float:right;padding-right:15px;} #content #advancedSearch input.radiobutton{width:auto;float:left;} #content #advancedSearch label.radiobutton{float:left;padding-left:10px;} #content #advancedSearch .searchButton{margin-left:20px;border:none;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px} /* `Misc ----------------------------------------------------------------------------------------------------*/ .imgFloatLeft{float:left;margin:0 10px 5px 0;} .imgFloatRight{float:right;margin:0 0 5px 10px;} .imgSmlBorder{padding:5px;background:#e8ecf1 url(/images/interface/noise-light.gif);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} .imgStdBorder{padding:10px;background:#e8ecf1 url(/images/interface/noise-light.gif);} .imgPropResultsBorder{padding:5px;background-color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} span.imgPropResultsFeatured{background:transparent url(/images/interface/label-featured.png) no-repeat top left;position:absolute;top:0;left:0;width:75px;height:75px;text-indent:-9000px;} span.imgPropResultsFeatured1{background:transparent url(/images/interface/label-bargain.png) no-repeat top left;position:absolute;top:0;left:0;width:70px;height:70px;text-indent:-9000px;} span.imgPropResultsFeatured2{background:transparent url(/images/interface/label-bargain1.png) no-repeat top left;position:absolute;top:0;left:0;width:90px;height:90px;text-indent:-9000px;} div.Flash.alert{background: #E8EAF0 url(http://www.mallorca-properties.co.uk/alert.png) no-repeat 10px 50%;} #weather { background: url(http://www.villerius.net/styles/images/weather.png) no-repeat 0 0; height: 227px; margin-top: 3px; position: relative; width: 270px; font-family: ArialNarrow; font-weight: normal; color: #E0E3EE; } .formButton{padding:6px 14px;font-size:.9em;font-weight:bold;color:#036;background:#e8ecf1 url(/images/interface/noise-light.gif);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer;width:auto;} .formButton:hover{color:#000 !important;background-color:#dce0e5;background-image:none;} .quickLinks ul{margin:0 0 1em 10px;padding:0;list-style-type:none;} .quickLinks li{background:url(/images/interface/icon-promotion-16.png) no-repeat 0 0;padding-left:21px;margin-left:0;} .buttonOrange{padding:7px 14px 6px 14px;margin-top:10px;font-size:.9em;font-weight:bold;color:#fff !important;background:#f90 url(/images/interface/noise-f90.gif);} .buttonOrange:hover{color:#fff !important;background-color:#335c85;background-image:none;} /* ---[ warnings ]------------------------------- */ #Flash{text-align:left;border:1px solid #f0f0f0;padding:5px 5px 5px 30px;font-size:95%;margin:0 auto 12px auto;margin-right:7px;} #Flash.bad{color:#fff;background:url(/my-client-area/images/alertbad_icon.gif) #d1201a left no-repeat;} #Flash.info{color:#000;background:url(/my-client-area/images/alertbad_icon.gif) #DDEE33 left no-repeat;} #Flash.good{border-right:1px solid #c99;border-bottom:1px solid #c99;color:#333;background:url(/my-client-area/images/alertgood_icon.gif) #e2f9e3 left no-repeat;} .default{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold} .defaultErr{color:#f00;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} /* for IE6 */ * html .clearfix{height:1%} /* for IE7 */ *:first-child+html .group{min-height:1px} /* Boxes */ .grid_3_bg{background:url(/images/interface/grid_3_bg.jpg) no-repeat top left;height:60em;} .boxLight{background:#e8ecf1 url(/images/interface/noise-light.gif) repeat top left;margin-bottom:2em;padding:0 10px 1px 10px;box-shadow: 10px 10px 5px #888;} .boxLight h3{font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;font-size:1em;color:#2e3f75;padding:10px 10px 10px 0;margin-bottom:0;text-transform:uppercase;letter-spacing:1px;line-height:1.3em;} .boxLight h3.keyInfo{background:url(/images/interface/icon-favorite-24.png) no-repeat 0 center;padding-left:30px;} .boxDark{background:#036 url(/images/interface/noise-dark.gif) repeat top left;margin-bottom:2em;padding:0 10px 1px 10px;box-shadow: 10px 10px 5px #888;} .boxDark h3{font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;font-size:1em;padding:10px 10px 10px 0;margin-bottom:0;text-transform:uppercase;letter-spacing:1px;line-height:1.3em;} .boxDark h3{color:#e8ecf1;} .boxLight h3{color:#2e3f75;} .boxLight h3 a:link,.boxLight h3 a:visited{color:#2e3f75;} .boxLight h3 a,.boxLight h3 a.visible{display:block;} .boxDark h3 a:link,.boxDark h3 a:visited{color:#e8ecf1;} .boxDark h3 a,.boxDark h3 a.visible{display:block;} .boxLight span{padding:0.3em 0 0.8em 0;color:#2E3F75;text-align:center;font-size:2em;display:block;} .boxDark ul{color:#e8ecf1;} .boxLight ul,.boxDark ul{padding-bottom:20px;margin-bottom:0;} .boxLight li,.boxDark li{margin-left:15px;} .boxDark li a{color:#e8ecf1;} .boxLight fieldset select,.boxDark fieldset select{width:160px;} /*h3.partnerLinkIcon {background:url(/images/interface/icon-link-32.png) no-repeat right center;padding-right:5px;line-height:32px;}*/ h3.clientareaIcon {background:url(/images/interface/icon-lock-24.png) no-repeat left center;padding-left:30px;line-height:32px;margin-bottom:10px;} h3.clientareaIcon a{color:#036;} #featuredSlideshowBox img{margin-bottom:1em;} #featuredSlideshowBox h4{margin-bottom:0.5em;} /* Blockquotes */ blockquote{background:transparent url(/images/interface/quote-first.gif) no-repeat top left;margin:1em 0 0.5em 0;} blockquote cite{font-style:italic;} blockquote p{text-indent:28px;font-size:100%;margin-bottom:1em;line-height:1.6em;} .lastword{padding:0 25px 20px 0;background:transparent url(/images/interface/quote-last.gif) no-repeat right top;} #content ul li{margin-left:0;} /* Legend styling */ legend{font-weight:bold;} form p{position:relative;width:100%;} /* Style for labels */ label{float:left;width:13em;font-size:95%;} input{width:200px;} input.radio,input.checkbox,input.submit{width:auto;} fieldset select{width:200px;} #search input{width:auto;} /* Style form elements on focus */ input:focus,textarea:focus{background:#ffc;} .asterisk{font-size:95%;color:#F68622;font-weight:bold;vertical-align:-2px;} .homeLogin form,.homeLogin p{margin-left:20px;} .homeLogin legend,.homeLogin form p{margin-bottom:0.5em;} .homeLogin form p{margin-left:0;} .homeLogin label{width:6.154em;font-weight:bold;} .homeLogin input{width:9.231em;} .homeLogin input.formButton{width:auto;border:0;} /* Tabs styling ----------------------------------------------------------------------------------------------------*/ #tabContent h3{color:#000;margin-bottom:5px;font-weight:bold;font-size:13px;} /* root element for tabs */ ul.css-tabs{margin:3em 0 0 0 !important;padding:0;height:30px;border-bottom:1px solid #777;} /* single tab */ ul.css-tabs li{float:left;padding:0;margin:0;list-style-type:none;} /* link inside the tab. uses a background image */ ul.css-tabs a{ float:left;font-size:13px;font-weight:bold;display:block; /*Shahed changes for CSS pane for Ratings*/ /*padding:5px 30px;*/ padding:5px 23px; /*Shahed changes for CSS pane for Ratings*/ text-decoration:none;border:1px solid #777;border-bottom:0px;height:18px;background:#e8ecf1 url(/images/interface/noise-light.gif) repeat scroll left top;color:#036;margin-right:2px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;position:relative;top:1px;} /*Shahed changes for CSS pane for Ratings*/ ul.css-tabs a:hover{background:#036;color:#fff;border:1px solid #036;} /* selected tab */ ul.css-tabs a.current{background-color:#fff;background-image:none;border-bottom:2px solid #fff;color:#036;cursor:default;} ul.css-tabs a.current:hover{border:1px solid #777;border-bottom:1px solid #fff;} /* tab pane */ div.css-panes div{display:none;border:1px solid #777;border-width:0 1px 1px 1px;min-height:150px;padding:15px 20px;background-color:#fff;} .tabList{margin-left:15px} .tabList li{line-height:30px} /* `Form stuff ----------------------------------------------------------------------------------------------------*/ form.cmxform fieldset,form#standardForm fieldset{margin-bottom:10px;border:1px solid #ccc;background:#f0f0f0} form.cmxform fieldset fieldset,form#standardForm fieldset fieldset{background:none;border:none} form.cmxform legend,form#standardForm legend{padding: 0 2px;font-weight:bold} form.cmxform label,form#standardForm label{display:inline-block;line-height:1.3;vertical-align:top} form.cmxform fieldset ol,form#standardForm fieldset ol{margin:0;padding:0} form.cmxform fieldset li,form#standardForm fieldset li{list-style:none;padding:5px 10px 7px;margin:0} form.cmxform em,form#standardForm em{font-weight:bold;font-style:normal;font-size:130%;color:#f00} form.cmxform label,form#standardForm label{width:150px; /* Width of labels */} form.cmxform label.wider,form#standardForm label.wider{width:150px} form.cmxform textarea,form#standardForm textarea{font-size:100%;font-family:verdana} form.cmxform .autoSize,form#standardForm .autoSize{width:auto;border:none} form.cmxform input.submit,form#standardForm input.submit{cursor:pointer;border:1px solid #fff;background:#84b84a;color:#fff;font-size:110%;font-weight:bold;padding:3px} form.cmxform input.submit:focus,form#standardForm input.submit:focus{background:#84b84a} form.cmxform select,form#standardForm select{width:300px} form.cmxform input.widerInput,form#standardForm input.widerInput{width:300px} form.cmxform label.error,form#standardForm label.error{float:right;color:#c00;font-weight:bold;width:240px} /* `Footer ----------------------------------------------------------------------------------------------------*/ #footer{clear:both;background:#036 url(/images/interface/glow.png) top center no-repeat;color:#f0f0f0;padding:2em 0 1.538em 0} #footer h3{color:#fff;} #footer h3.headingFooter_6{background:url(/images/interface/icon-promotion-32.png) no-repeat left center;padding-left:40px;line-height:1.8em;font-size:20px} #footer a:link,#footer a:visited{color:#f0f0f0;} #footer a:hover,#footer a:active{text-decoration:underline;} #footerAreaLinks ul{width:700px;} #footerAreaLinks li{float:left;width:200px;} #footer .grid_4 {margin-bottom:40px;} #footer a strong {background:#025675;padding:6px 12px;border-width:0px;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-shadow:1px -1px 0 rgba(0,0,0,.3);margin-top:40px;} #footer a strong:hover{background:#03698f;} /* `pab featured homepage photo : added position relative to the containing div .homeSearch,.homeFeatured --------------------------------------------------------------------------------------------------------------*/ #second_tier_footer input {font-family:Georgia,Cambria,serif;font-size:101%;} #featured_front_page_desc {background:url(/images/interface/black_trans.png) repeat 0 0;background:rgba(0,0,0,.5);position:absolute;bottom:10px;left:10px;width:440px;} #featured_front_page_desc h3{color:#fff;font-size:18px;text-transform:Capitalize;letter-spacing:-.5px;margin:0;padding:15px 10px 2.5px 20px;font-weight:bold;} h2#featured_top_title{background: url(/images/interface/black_trans.png) repeat 0 0;background:rgba(0,0,0,.5);color:#fff;font-size:18px;text-transform:Capitalize; letter-spacing:-.5px; margin:0;padding:8px 10px 10px 20px; font-weight:bold; position:absolute; top:10px; left:10px; width:410px;} span.thin {font-weight:100; letter-spacing:1px; font-family: "Helvetica Neue", Helvetica, Arial;} #featured_front_page_desc p { color:#fff; padding:0 20px 20px 20px; margin-bottom:0;} #new {position:absolute; bottom: 40px; right:20px; background:transparent url(/images/interface/new.png) no-repeat 0 0; width:50px; height:50px;text-indent:-9999px; display:block; z-index:10;} span#price {padding-left:20px; position:absolute; bottom:14px; right:20px; color:#fff; text-transform:uppercase;} hr.inset { margin: 20px 0 40px; height: 0; clear: both; border-width: 0; border-top: 1px solid #01304e; border-bottom: 1px solid #033d62;} /* `footer search --------------------------------------------------------------------------------------------------------------*/ #search_box{background: url(/images/interface/footer_shadow.png) no-repeat 90% 50%; min-height:185px;} #subscribe_box {background: url(/images/interface/footer_shadow.png) no-repeat 90% 50%; min-height:185px;} #subscribe_box p {margin-right:60px;} #search_box p {margin-right:60px;} #search_box input {border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px ;} #search_box h3 { background: url(/images/interface/icon-search_home-24.png) no-repeat top left; padding-left: 30px; padding-top: 5px;} #search_box input#search_term{ padding:7px 5px 7px 35px; border:none; background: url(/images/interface/SEARCH_icon.png) no-repeat 10px 5px #FFF; } #subscribe_box { margin-bottom: 40px;} #subscribe_box form input#newsletter_input {border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px ; padding:7px 5px 7px 15px; border:none;} /* SLIDESHOW */ #slideshow { height:265px; /* hier Hoehe der Slideshow-Bilder angeben */ position:relative; } #slideshow img { display:none; position:absolute; top:0; left:0; } #slideshow img.start {display:block;} /* AUTOCOMPLETE */ .ui-autocomplete{ max-height:200px; overflow:auto; } .featuredTitle h4{width:682px;font-family:Arial,Verdana,sans-serif;text-align:center;color:#fff;margin:0;padding:10px; text-transform:uppercase;font-weight:bold;font-size:14px;} .featuredProperties{position:relative;margin-bottom:2.5em;width:692px;} .featuredProperties .featuredItem{float:left;width:210px;text-align:center;padding:10px;text-shadow:1px 1px 0 #fff;} .featuredProperties .featuredItem span em{display:block;margin:7px 0;color:#32384a;font-size:18px;font-style:normal;font-weight:bold;font-family:Arial,serif;} .featuredProperties .featuredItem p{font-size:12px;margin-bottom:0;} /*Shahed*/ .ratings-stat{padding:10px 0 0 0;margin:0px;text-align:center;width:450px;} .ratings-stat-results{padding:6px 0 0 0;margin:0px;} #more_image{position:relative;bottom:-22px;left:-346px;border:none;} #more_image_img{background: none; border-radius: 0;border:none; box-shadow: none; padding: 0px;z-index:33;} /*Shahed*/ /*Shahed Home intro texts*/ #intro_texts{padding:5px 0 20px 0;color: #003369;} #intro_texts .box { margin:0 10px 0 0; margin:0 0 0 0!important; /*border-radius: 6px 6px 6px 6px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/ box-shadow: none; } #intro_texts .box h3 { background: url("/images/interface/icon-search_home-18.png") no-repeat scroll 5px 5px #205282; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #FFFFFF; font-size: 138.43%; margin: 0; padding: 7px 0 10px 30px; } #intro_texts .box .boxContents { background: url("/images/interface/glow2.png") repeat scroll left top #D9E1EA; /*background: none repeat scroll 0 0 #003369;*/ padding: 10px; } #intro_texts .eightCol .boxContents { padding-bottom: 2em; } #intro_texts .box #homepageContentMain h2, #searchResults div.article .box #homepageContentMain h2 { background: none repeat scroll 0 0 transparent; color: #225483; font-size: 1.231em !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-left: 0 !important; } #intro_texts .box #homepageContentMain { height: 210px; margin: 0; overflow: auto; /*text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);*/ width: 400px; } #intro_texts .box #homepageContentMain h2 { background: none repeat scroll 0 0 transparent; color: #225483; font-size: 15px; margin-bottom: 0 !important; margin-left: 0 !important; padding-left: 0 !important; } div.boxContents { height: 436px; } .boxContents.weather, .boxContents.searchopt, .boxContent.callback { height: 210px; } #intro_texts .eightCol .boxContents { padding-bottom: 1em; } #intro_texts .box #homepageContentMain p { margin-right: 10px;margin: 0 0 1.5em; } #intro_texts .box #bigbg{ background: url("/images/interface/icon-search_home-32.png") no-repeat scroll 5px 5px #205282;padding: 5px 0 10px 40px;} /*Shahed Home intro texts*/ #content h5{font-weight:normal;font-family:Georgia,serif;color:#5375a4;font-size:1.5em;line-height:1.3em;padding-bottom:1em;border-bottom:1px solid #dfe8f1;margin-bottom:1em;letter-spacing:.02em;}