@charset "utf-8";

@import url(navigation.css);

/*-------------------------------------------------*/
					/*BASE*/
/*-------------------------------------------------*/
* {margin:0; padding:0;}
body {background:url(../img/bgr2.jpg) top repeat-x #fff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
p {color:#415c6c;}
a {color:#bd0000; text-decoration:underline;}
a:hover {text-decoration:none; color:#000;}


/*-------------------------------------------------*/
					/*LAYOUT*/
/*-------------------------------------------------*/
#wrap {width:924px; margin:auto;}
.clearFix {display:block; clear:both; height:24px;}


/* HEADER
--------------------------------------------- */
#header {width:924px;}
#logo {float:left;}
#navigation {float:right; width:698px;}

/* CONTENT
--------------------------------------------- */
#contentBehind {background:url(../img/content-bahind-bgr.gif) center repeat-y; display:block; clear:both; overflow:visible; width:924px;}
#content {width:888px; display:block; background:url(../img/content-top-bgr.gif) top no-repeat; overflow:auto; padding:18px 18px 0 18px; clear:both}
#contentBottom {clear:both; width:924px; display:block;}

/* Left Column */
#leftColumn {float:left; overflow:auto; width:195px;}

#searchBox {float:left; width:175px; height:186px; background:url(../img/left-box-bgr.gif) top no-repeat; text-align:right; padding:10px 20px 0 0; clear:both}
#searchBox img{float:left; clear:both; margin:0 0 8px 15px;}
#searchBox p {float:left; padding:0 0 0 17px; text-align:left;}
#searchBox p a {color:#fff; text-decoration:none;}
#searchBox p a:hover {color:#e0eff9; text-decoration:underline;}
.selectBox {width:160px; margin:0 0 5px 0; height:20px; color:#72a5c6; font-size:11px;}
.selectBoxShort {width:78px; margin:0 0 3px 0; height:20px; color:#72a5c6; font-size:11px;}
.searchButton {background-color:#FFFFFF; border:#7f9db9 solid 1px; width:60px; margin:3px 0 0 0; padding:2px; color:#72a5c6; cursor:pointer; font-size:11px;}

.spacerDiv {float:left; display:block; width:15px; clear:left;}
.refHolder {display:block; float:left; border:#fff solid 1px; overflow:auto; padding:3px; margin:0 0 3px 0; width:150px;}
input.refField {float:left; width:110px; border:0; height:14px; color:#72a5c6; font-size:11px; padding:2px}
input.refButton {float:left; width:30px; border:0; background:#fff; font-size:10px; margin:0 0 0 5px; height:18px; color:#72a5c6; cursor:pointer;}

#newsBox {float:left; width:175px; height:186px; background:url(../img/left-box-bgr.gif) top no-repeat; text-align:left; padding:10px 20px 0 0; clear:both; margin:18px 0 0 0;}
#newsBox  img{float:left; clear:both; margin:0 0 0 15px;}
#newsBox p{float:left; clear:both; padding:0 0 0 15px;}
#newsBox p span{float:right; text-align:right}

#weatherBox {float:left; width:175px; height:186px; background:url(../img/left-box-bgr.gif) top no-repeat; text-align:left; padding:10px 20px 0 0; clear:both; margin:18px 0 0 0;}
#weatherBox img.title{float:left; clear:both; margin:0 0 0 15px; border:0}
#weatherBox img{float:left; margin:0 10px 0 0; border:#fff solid 1px}
#weatherBox p {text-align:left; padding:0 0 0 16px;}
#weatherBox p span{float:right; text-align:right; margin:5px 0 0 0;}

/* Right Column */
#rightColumn {float:right; overflow:visible; display:block; width:676px;}

.backPrintLink {display:none;}
#flashHolder {float:right; display:block; clear:both;}

.titleHome {float:left; width:666px; height:22px; padding:7px 0 0 10px; display:block; background:url(../img/titles/large-title-bgr.gif) top no-repeat; text-align:left;clear:both;}

#welcomeHome {float:right; display:block; clear:both; margin:18px 0 0 0;}
#textHome {float:left; width:676px; display:block;}
#textHome p.leftParagraph{float:left; width:329px; margin:18px 0 0 0; overflow:auto; text-align:justify;}
#textHome p.rightParagraph{float:right; width:329px; margin:18px 0 0 0; overflow:auto; text-align:justify;}
#textHome p.rightParagraph span{float:right; text-align:right}

#topPropsHome {float:right; display:block; clear:both; margin:18px 0 0 0; width:676px;}
.TopPropsTitle {float:left; clear:both; padding:8px 0 5px 5px; font-weight:bold; border-bottom:#CCCCCC solid 1px; text-transform:uppercase; width:205px; margin:0 0 5px 0;}
.TopPropsHomeBox {float:left; width:210px; margin:3px 15px 0 0; border-top:#CCCCCC solid 1px;}
.TopPropsHomeBoxRight {float:right; width:210px; margin:3px 0 0 0;}
.TopPropsHomeBox p, .TopPropsHomeBoxRight p{text-align:justify; padding:10px 0 0 0;}
.TopPropsHomeBox p.bottom, .TopPropsHomeBoxRight p.bottom{text-align:justify; padding:0 0 0 7px; clear:both;}
.TopPropsHomeBox p span, .TopPropsHomeBoxRight p span{float:right; text-align:right}
.TopPropsHomeBox img, .TopPropsHomeBoxRight img{float:left; background:url(../img/img-bgr.gif) center no-repeat; padding:9px;}

/* Top props Dynamic fix */
#quickPickTitleHolder {float:left; clear:both; margin:10px 0 0 0; width:676px;}
.quickPickTitleBox {float:left; width:220px; text-transform:uppercase; padding:8px 0 0 5px; font-weight:bold;}
.quickPickTitleBox a {color:#000; text-decoration:none;}
.quickPickTitleBox a:hover {text-decoration:underline;}
#quickPickBoxHolder {float:left; clear:both; margin:2px 0 0 0; width:676px;}
#quickPickMoreHolder {float:left; clear:both; margin:10px 0 0 0; width:676px;}
.quickPickMoreBox {float:left; width:205px; text-align:right; padding:0 20px 0 0;}

/* NEWS MORE
--------------------------------------------- */
#newsMoreHolder {float:left; width:656px; display:block; padding:10px;}
.newsMoreBox {float:left; width:656px; padding:10px 0; border-bottom:#cacac0 solid 1px; font-size:11px;}

/* FOOTER
--------------------------------------------- */
#footer {float:left; width:924px; padding:15px 0;}
#footer p {text-align:center; color:#5a7585}
#footer a {color:#5a7585;}


/* REST CONTENT
--------------------------------------------- */
#sideBox {float:left; width:195px; background:#cde6f6; text-align:left; padding:0; clear:both; margin:18px 0 0 0;}
#sideBox img.title{float:left; margin:0 0 0 15px;}

#sideBox ul li {list-style-type:none; float:left; font-size:12px;}
#sideBox li a{display:block; text-decoration:none; padding:3px 0 3px 7px; margin:0 5px 0 15px; color:#000; background:url(../img/bullet-bgr.gif) no-repeat; background-position:0px 9px; width:145px}
#sideBox li a:hover {color:#CC3300; text-decoration:underline;}
#sideBox li a.active {font-weight:bold;}
ul.sublink {padding:0 0 0 20px; margin:0; display:block; clear:both}
ul.sublink li a{display:block; width:130px;}

p.toTop a{display:block; text-align:right;}

#restContent {float:left; width:676px; margin:18px 0 0 0;}
#restContent h2 {font-size:16px; padding:15px 0; clear:both; text-transform:uppercase; color:#bd0000}
#restContent h3 {font-size:14px; padding:15px 0;}
#restContent p{text-align:justify; padding:5px 0;}

#restContent ul {padding:2px 0 2px 20px;}
#restContent li {list-style:inside disc; padding:3px 0; color:#415c6c;}

#restContent img {padding:0 5px;}
#restContent p img {display:block; padding:2px;	background:#fff; border:#ccc solid 1px;	margin:0 5px;}

.lettingTable {width:500px; margin:10px 0; background:#E0E0E0;} 
.lettingTable td, .lettingTable th {padding:5px; text-align:left; background:#fff}
.lettingTable th {width:80px; font-weight:normal;}
.lettingTable td {width:210px;}
.lettingTable td.tableTitle {background:#E0E0E0; font-weight:bold; width:300px;}

.climateTable {width:676px; margin:10px 0; background:#E0E0E0;} 
.climateTable td {padding:5px; background:#fff}
.climateTable th {width:10%; background:#fff; text-align:right; padding:0 5px 0 0;}
.climateTable td {width:7%; text-align:center;}
.climateTable tr.topTable td {background:#eeeeee; font-weight:bold;}
.climateTable tr.secondRow td, .climateTable tr.secondRow th {background:#f7f7f7;}

.yachtTable {width:400px; margin:10px 0; background:#E0E0E0; float:left;}
.yachtTable td {width:45%; text-align:center; padding:5px; background:#fff}
.yachtTable th {background:#fff; text-align:right; padding:0 5px 0 0;}
.yachtTable td.topYachtTable {text-align:left; background:#eeeeee; font-weight:bold;}

.yachtImg {float:right;}
.yachtImg p img {float:right; clear:both; margin:0 0 10px 0;}

#contactBox {float:left; width:676px;}
#contactForm {float:left; width:420px;}
#contactForm p{float:left; width:210px;}
#contactForm label, #contactForm input, #contactForm textarea , #contactForm select {float:left; clear:left;}
#contactForm label {padding:2px 0;}
#contactForm select {width:188px; margin:0 0 12px 0;}
#contactForm input {width:175px; height:30px; line-height:30px; padding:0 5px;}
#contactForm textarea {width:195px; height:136px; overflow:auto; clear:both;}
#contactForm input.contactButton {float:right; width:60px; height:20px; border:#a5acb2 solid 1px; background:#cde6f6; color:#254559; clear:both; margin:5px 13px 0 0; line-height:18px; font-size:11px; padding:0;}
#addressBox {float:right; width:250px; color:#666666; padding:20px 0 0 0;}
#addressBox b {color:#333;}

blockquote {padding:0 0 0 15px;}
#vacFull1 {display:none; border:#bcdbef solid 1px; width:670px; margin:10px 0 0 0;}
#vacFull1 span {text-align:right; display:block; width:660px; background:#bcdbef; padding:5px}

.majorProjectsBox {float:left; width:200px; padding:6px; background:#d1d1ca; margin:10px 20px 0 0;}
.majorProjectsInner {float:left; display:block; width:198px; height:138px; border:#fff solid 1px;}
.majorProjectsTitle {float:left; width:178px; background:#fff; padding:10px; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7; font-size:12px; font-weight:bold;}
.projectsMore a{float:right; color:#990000; text-decoration:none; padding:5px 0 0 0;}
.projectsMore a:hover {text-decoration:underline; color:#000;}

.projectsPopup {float:left; display:none; clear:both; width:664px; border:#d1d1ca solid 1px; padding:5px;}

/* DETAILED SEARCH CONTENT
--------------------------------------------- */
.leftDetailedSearchBox {float:left; width:329px; margin:18px 0 0 0;}
.leftDetailedSearchBox p {clear:both; height:3px;}
.leftDetailedSearchBox label {float:left; width:100px; text-align:right; line-height:20px;}
.leftDetailedSearchBox input {float:right; width:150px; margin:0 0 5px 7px; font-size:11px; padding:0 0 0 3px; color:#606061;}
.leftDetailedSearchBox input.goButton {float:right; width:50px; height:18px; background-color:#FFFFFF; border:#7f9db9 solid 1px; cursor:pointer;}
.leftDetailedSearchBox input.fieldShort {float:right; width:48px; height:16px; padding:0 0 0 3px;}
.leftDetailedSearchBox input.bottomButtons {float:right; width:80px;}
.leftDetailedSearchBox select {float:right; width:215px; font-size:11px; margin:0 0 5px 0; color:#606061;}
.leftDetailedSearchBox select.short {width:104px; margin:0 0 5px 6px;}
.leftDetailedSearchBox select.short2 {width:91px; margin:0 0 0 7px; float:right;}

.leftDetailedSearchBox input.checkBox {float:left; width:20px; margin:0 0 0 10px;}
.leftDetailedSearchBox b{float:left; font-weight:normal; width:42px; padding:3px 0 0 0;}

.detailedSearch {float:right; width:318px; height:194px; margin:18px 0 0 0; background:url(../img/mini-map.gif) no-repeat;}
.detailedSearch ul li {list-style-type:none;}
.detailedSearch ul {float:left; padding:52px 0 0 14px; line-height:13px;}
.detailedSearch li a{text-decoration:none;}

/* Mini map positions - FFox values (IE = iefix.css) */
#gozo {display:none; position:fixed; background:#ccc; margin:33px 0 0 378px; z-index:100;}
#north {display:none; position:absolute; background:#ccc; margin:69px 0 0 456px; z-index:100;}
#nwest {display:none; position:absolute; background:#ccc; margin:88px 0 0 460px; z-index:100;}
#neast {display:none; position:absolute; background:#ccc; margin:89px 0 0 527px; z-index:100;}
#west {display:none; position:absolute; background:#ccc; margin:101px 0 0 458px; z-index:100;}
#central {display:none; position:absolute; background:#ccc; margin:94px 0 0 493px; z-index:100;}
#cities {display:none; position:absolute; background:#ccc; margin:117px 0 0 579px; z-index:100;}
#ind {display:none; position:absolute; background:#ccc; margin:125px 0 0 549px; z-index:100;}
#south {display:none; position:absolute; background:#ccc; margin:126px 0 0 561px; z-index:100;}
#swest {display:none; position:absolute; background:#ccc; margin:119px 0 0 503px; z-index:100;}

#gozo-big, #swest-big, #south-big, #ind-big, #cities-big, #central-big, #west-big, #neast-big, #nwest-big, #north-big {display:none; position:absolute; background:#ccc; margin:19px 0 0 358px; z-index:100;}

/* SEARCH RESULTS CONTENT
--------------------------------------------- */
#SearchContent {float:right; display:block; margin:18px 0 0 0; width:676px;}
#textSearch {float:left; width:676px;}

#SearchResTop {float:left; text-align:left; padding:12px 0 12px 0px; font-size:12px; width:670px; margin:0 0 5px 0;}
#SearchResTop i {float:left; color:#72a5c6; font-size:11px; font-style:normal; color:#000;}
#SearchResTop span {float:right; font-size:11px; text-align:right;}
#SearchResTop span select {color:#72a5c6; font-size:11px;}

.searchResBox {float:left; clear:both; width:670px; color:#316d96; padding:10px 0; margin:0 0 10px 0; background:#eaeae2; border:#d4d4c8 solid 1px;}
.searchBoxImg {float:left; width:165px; padding:0 0 0 10px;}
.searchBoxImg img {background:url(../img/img-bgr-search.gif) center no-repeat; padding:5px; display:block; border:0;}

.searchBoxHolder {float:left; width:483px; background:#f8f8f0;}

.searchBoxDetails {float:left; display:block; width:145px; padding:10px 5px 5px 10px; min-height:86px; height:auto !important; height:86px; background:#f8f8f0; margin:3px 0 0 0;}
.detailsRowHolder {float:left; width:145px; clear:both;}
.searchBoxDetails b{float:left; clear:left; width:70px;}
.searchBoxDetails i{float:right; clear:right; width:75px; text-align:left;}

.searchBoxDescription {float:left; width:301px; margin:3px 0 0 1px; text-align:justify; padding:10px; background:#f8f8f0; min-height:81px; height:auto !important; height:81px; border-left:#eaeae2 solid 1px;}
.searchBoxDescription b {font-size:12px; float:left; width:270px; background:#eaeae2; padding:2px 2px 2px 0; margin:0 0 2px 0;}

.searchCommands {float:right; width:479px; background:#7297ad; height:16px; padding:2px; text-align:right; margin:0 12px 0 0;}
.searchCommands span {float:left; color:#fff; padding:0 0 0 5px; text-align:left;}
.searchCommands p {float:right; color:#fff; padding:0 10px 0 0;}
.searchCommands a {color:#fff; text-decoration:none;}
.searchCommands a:hover {text-decoration:underline;}

.searchFullBgr {float:left; background:#f8f8f0; width:650px;}
.searchBoxDetailsFullHolder {float:left; background:#f2f2eb; border-bottom:#eaeae2 solid 1px; width:300px}
.searchBoxDetailsFull {float:left; display:block; padding:10px 5px 5px 10px; min-height:76px; height:auto !important; height:76px; margin:3px 0 0 0; border-left:#eaeae2 solid 1px; margin:0; background:#f2f2eb; width:270px}
.detailsFullRowHolder {float:left; width:250px; clear:both;}
.searchBoxDetailsFull b{float:left; clear:left; width:80px;}
.searchBoxDetailsFull i{float:right; clear:right; width:100px; text-align:left;}


.searchGallery {float:left; width:328px; padding:8px;clear:left; border-top:#eaeae2 solid 1px;}
.searchGallery img {float:left; background:url(../img/img-bgr-search.gif) center no-repeat; padding:10px; display:block; border:0;}

.searchLargeImg {float:left; padding:10px 10px 15px 10px;}
.searchLargeImg img {border:#ccc solid 2px; padding:1px;}

#SearchResFooter {float:left; clear:both; height:25px; padding:10px 0 10px 0; width:673px;}
p.SearchResFooterBack {float:left; width:160px;}
p.SearchResFooterControl {float:right; width:497px; text-align:center; background:#b3b3a7; height:18px;}
p.SearchResFooterControl a {background:#b3b3a7; border:#f8f8f0 solid 1px; padding:4px; text-decoration:none; line-height:18px; color:#fff;}
p.SearchResFooterControl a:hover {background:#cecec3;}

.popupWin {position:absolute; opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.90; display:none; overflow:visible; height:auto !important; height:100px; min-height:100px; width:472px; padding:5px; margin:-60px 0 0 200px; background:#eaeae2; z-index:100; border:#ccc solid 5px;}
.popupEmailFix {width:150px; margin:-20px 0 0 320px;}
.popupWin p{text-align:left; color:#000; display:block;}