@import "1stoption/iehacks.css";
@import "preview.css";
body, h1, h2, h3, h4, h5, h6, a, ul, li, p, div, span, table, td, tr, blockquote, dl, dt, dd { margin: 0; padding: 0; }
table { border-collapse: collapse; clear: both; float: none; width: 100%; }
td, th { border-width:1px; border-style: solid; padding: 0.2em; }
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 76%; }
h1 { font-size: 1.6em; height: 1.2em; margin-bottom: 0.2em; }
h2 { font-size: 1.3em; margin-bottom: 0.57em; margin-top: 1em; }
h3 { font-size: 1.1em; margin-bottom: 0.57em; }
h4 { font-size: 1em; margin-bottom: 0.57em; }
p { line-height: 1.4em; margin-bottom: 1em; }
.hide { display: none; }
#main { min-height: 400px; min-width: 400px; }

#header { position: relative; width: 75.6em; margin: 0 auto; position: relative; top: 0; left: 0; z-index: 2; }
#logo { position: absolute; left: 0; top: 5px; width: 222px; height: 357px; z-index: 4; }
#header #logo a { display: block; }
#outer { width: 75.6em; position: relative; top: 0; left: 0; z-index: 1; margin: 0 auto; margin-top: 99px; }
#contentPane { clear: both; margin-left: 43px; padding: 1em 2em 1em 17em; min-height: 32em; }
.home #modules { display: block; height: 240px; left: 20em; position: absolute; top: 0; width: 462px; z-index: 10; }

/*
outside of the box using bg_home2.png:
 .home #extra4 { display: block; height: 268px; left: 260px; position: absolute; top: 140px; width: 504px; z-index: 13; } */

#recentItems { position: absolute; top: 215px; left: 0; width: 174px; height: 137px; padding:24px;}
#recentArticles h1 { font-size: 1.4em; width: 200px; height: 30px;}
#recentEvents,
#recentDocuments,
#recentPress,
#header #logo img,
#subTitle,
#extra1,
#extra2,
#extra3 { display: none; }
#recentArticles .articleDate { display: none; }
#recentArticles li { list-style: none; }

#header #siteSearchForm { height: 1.2em; position: absolute; right: 0px; top: 25px; vertical-align: middle; }
#header #siteSearchForm .button { height: 22px; letter-spacing: -1000em; text-indent: -500em; width: 25px; border: none; }
#header #siteSearchForm label { margin-right: 0.5em; }
#header #siteSearchForm input.input { height: 1.2em; line-height: 1; margin-right: 0.5em; padding: 0.1em; width: 8.5em; border-width: 2px; font-family: "Trebuchet MS"; font-size:.9em}
#header #siteSearchForm #searchErrors { position: absolute; right: 0; top: -1.5em; width: 25em; }

#header #listSearchForm { position: absolute; top: 155px; height: 10em; width: 13em; padding: 12px; margin: 12px; z-index: 4; }
#header #listSearchForm label { display: none; }
#header #listSearchForm input.input { width: 11.5em; }
#header #listSearchForm button { margin-top: .5em; border-width: 1px; border-style: solid; }

#header #siteMenu { position: absolute; right: 0; top: 57px; }
#header #siteMenu li.firstItem { border-width: 0; padding-right:.5em;}
#header #siteMenu li { border-width: 0 0 0 1px; border-style: solid; float: left; padding-left: .5em; }

#listFilter { display: block; margin: 1em 0 0; width: 100%; }
#listFilter #selectCategory { padding-top: 0.4em; }
#listFilter #selectCategory span { margin: 0 .5em 1em 0; }
#listFilter #selectCategory .fauxSelect { display: block; margin-right: 0.5em; }
#listFilter #selectCategory .fauxSelect a { padding-left: 15px; display: block; }
#listFilter #selectCategory .fauxSelect a.submenu { padding-left: 0; }
#listFilter #selectCategory .fauxSelect ul { margin: 0 0 0 0; padding: 0 0 0 0; }
#listFilter #selectCategory .fauxSelect li { float: none; margin: 0 0 0 1.2em; padding: 0 0 0 0; }
#listFilter #selectCategory .fauxSelect span { float: left; margin: 0 0 0 0; }
#listFilter #selectCategory .fauxSelect span.fold { display: block; width: 16px; height: 16px; }
#listFilter #selectCategory .fauxSelect span.collapsed { display: block; width: 16px; height: 16px; }

#contentPane #itemsPerPage select.input { width: 4em; }
#contentPane .pageLinks { margin: 1em 0; }
#contentPane .pageLinks .pageNumbers { display: inline; font-size: 2em; margin: 0 0.2em; }
#contentPane .pageLinks .pageNumbers a { font-size: 0.5em; padding-left:1em; }
#contentPane .pageLinks a img {vertical-align:bottom;line-height:2em;}
.searchResults #contentPane dt { margin-bottom: 0.5em; }
.searchResults #contentPane #listFilter { float: right; }

#featuredArticles { /*height: 34em;*/ left: 58em; position: absolute; top: 0; width: 17em; padding:1em}
#featuredArticles h1 { width: 200px; height: 30px; }
#featuredArticles hr { height: 1px; display: none; }
#featuredArticles h2 { font-size:.9em; }
#featuredArticles img { width:150px; height: auto; }
#featuredArticles .article {border-width:0 0 1px 0; padding-bottom:1em}

#contentPane li { margin-left: 1.2em; }
#contentPane ul { margin-bottom: 0.57em; }
#contentPane img { margin: 0.5em 1em; }
#contentPane img.logo { padding: 2px; }

#breadcrumbs { display: none; left: 0; margin-bottom: -3000px; padding-bottom: 3000px; position: absolute; top: 0; width: 11em; }

#contactForm { padding-top: 1em; width: 20em; }
#contactForm label { clear: left; display: inline; float: left; line-height: 2em; width: 10em; }
#contactForm input, #contactForm select { display: inline; float: left; margin-left: 11em; margin-top: -1.6em; }
#contactForm .required { clear: none; float: right; margin-top: -1.5em; }
#contactForm textarea { width:410px; }
#contactForm input.button { margin: 0; }
#contactForm input#subject { width:263px; }

#captcha { height:10em; width:35em;}
#captcha img { background: #fff; border: 2px solid #acc; padding: 0 10px; float:right; width:15em;  }
#captcha input { margin: 0; display: block; float: none; }
#captcha label { display:block; width:15em; float: none; }
#capthca p { float:left; clear:both;  }

#dynamicMenu { height: 54px; position: relative; top: 85px; left:0; z-index:1; width: 100%; font-size: .95em; }
#dynamicMenu ul.level1 { margin: 0 auto; width: 85em; }
#dynamicMenu li.firstItem { padding-left: 20em; }
#dynamicMenu li.firstItem a { border-left-width:0; padding-right:0}
#dynamicMenu ul { margin: 0 0 0 0; }
#dynamicMenu ul li { float: left; height: 54px; line-height: 52px; list-style: none; display: block; }
#dynamicMenu ul li a { height: 54px; line-height: 52px; border-width: 0 2px 0 1px; border-style: solid; display: block; width: 6em; padding: 0 2.25em; vertical-align: top; }

#footer { margin-top: 1em; line-height: 3em; height: 3em; font-size: 0.8em; clear: both; position: relative; top: 0; left: 0; z-index: 1; }
#footer #footerText { float: left; width:100%}
#footer #footerText #copyright, #footer #footerText #termsofuse, #footer #footerText #privacypolicy, #footer #footerText #poweredby { display: block; float: left; width: 22%; margin: 0 1%; }
#footer #footerText #poweredby span { display: none; }

.menushim, #onlineShop, #frontpage, #bankNews, #languageSelection, .menushim, #dateBar, #headerEnd, #contentEnd, #footerMenu, #footerEnd, #subTitle span, #extra4, #extra5, #extra6, #styleswitcher, div.adr, #obj1 { display: none; }
.sitePage li { list-style-position: inside; }

/* search results */
.searchResults dl { padding-top: 2em; }
.searchResults dt { margin-top: 1em; line-height: 1.5em; }
.searchResults dd { width: auto; margin: 0; padding: 0; font-size: .9em; }

body.email #contentPane h1 { font-size: 1.4em; margin-top: 2.5em; height: auto; text-indent: 0; width: auto; }
body.email #instructions { display: none; }

/* site pages */
.home #contentPane { width: 34em; padding-top: 250px; }

/* listings module */
.listingItemList #contentPane h1,
.listingItemList th.field_main_picture a { display: none; }
.listingItemList #contentPane h2 { margin-top: 0; }
.listingItemList table {text-align:center;}

/* -- details page */
.listingItemDetails .buttons { width: 8em; clear: left; }
.listingItemDetails .buttons form input.button { font-weight: bold; }
.listingItemDetails .buttons button.back {margin-top:2em;}

.listingItemDetails #item_1 {padding-top: 3em;}
.listingItemDetails #item_1 div { margin: .5em 0; width: 25em}
.listingItemDetails #item_1 .group_mainpicture .field_main_picture img { width:300px; }
.listingItemDetails #item_1 .group_mainpicture .field_main_picture { float: none; }
.listingItemDetails #item_1 .field_main_picture { float:right; }
.listingItemDetails #item_1 .field_main_picture .label,
.listingItemDetails #item_1 .field_address .label { display: none; }
.listingItemDetails #item_1 .label { width: 14em; float: left; }
.listingItemDetails #item_1 .field_description .label { display: block; float: none; }
.listingItemDetails #item_1 .field_description { margin-bottom: 1em; }
.listingItemDetails #item_1 .field_address { position: absolute; top: 1em; font-size: 1.4em; }

/*.listingItemDetails #item_1 {min-height: 58em}*/
.listingItemDetails #item_1 .group_heading,
.listingItemDetails #item_1 .group_mainpicture,
.listingItemDetails #item_1 .group_pictures,
.listingItemDetails #item_1 .group_pricing,
.listingItemDetails #item_1 .group_details
{ float: left; width: 25em; }

.listingItemDetails #item_1 .group_pricing { padding-top: 12px; }
.listingItemDetails #item_1 .group_details { padding-top: 12px; }
.listingItemDetails #item_1 .group_pictures img { width: 80px; }

.listingItemDetails #item_1 th.field_main_picture a { display: none; }
.listingItemDetails #item_1 .group_mainpicture { float: right; clear: right; width: 330px; }
.listingItemDetails #item_1 .group_mainpicture img { border-width: 5px; border-style: solid; }
.listingItemDetails #item_1 .group_pictures { float: right; clear: right; width: 300px; }
.listingItemDetails #item_1 .group_pictures div { float: left; width: 80px; height: 60px;  margin-right:14px; padding:2px; }
.listingItemDetails #item_1 .group_pictures div .label { display: none; }
.listingItemDetails #item_1 .group_pictures div img { margin: 0; }

.listingItemDetails #backlink { float: left; margin-top:-2em}
.listingItemDetails #listingItemForm { display: none; }

/* project pages */
#contentPane.hooiberg-plaza-residence img,
#contentPane.calbas-plaza-residence img,
#contentPane.montana-plaza-residence img,
#contentPane.palma-real img { border-width: 1px; border-style: solid; padding: .5em;  }
#contentPane.montana-plaza-residence td,
#contentPane.calbas-plaza-residence td,
#contentPane.palma-real td { border: none; }

.projects #contentPane td { border: none; vertical-align: top; }
.projects #contentPane td img { margin: 0; }

/* ============================================================================ */

/* Presentation */
th { background-color: #fff; }
td, th { border-color: #BDCFD9; padding: 0.2em; }
body {background-color: white; }
h1 {color: #DC2A1E; font-weight: bold; }
h1 a { text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { color: #3f596a; }
h3 { color: #DC2A1E; }
h4 { font-size: 1em; font-style: italic; font-weight: normal;  }
p { color: #333; }
a { color: #3f596a; text-decoration: underline; }
.alert { color: red; }

#header #logo { background: url(1stoption/logo.jpg) no-repeat 0 0 ; }
#header #logo a {text-decoration: none; }
#header #siteSearchForm a {color: black}
/*#header #siteSearchForm input:focus { background-color: #F5F5DC; border:1px solid gray}*/
#header #siteSearchForm .button { background: transparent url(1stoption/bt_search.jpg) no-repeat scroll center; cursor: pointer; }
#header #siteSearchForm #searchErrors { color: red; text-align:right}

#header #listSearchForm #listSearchErrors { color: red; }
#header #listSearchForm button { border-color: #3f596a; border-style: outset; background-color: #bdcfd9; }

#listFilter #selectCategory span { font-weight:bold;}
#listFilter #selectCategory .fauxSelect a { color: #224FAA; text-decoration: none; background: url(1stoption/ic_doc2.gif) no-repeat 0 0; text-indent: 0.2em; }
#listFilter #selectCategory .fauxSelect a.submenu {background-image:none;}
#listFilter #selectCategory .fauxSelect a:hover {text-decoration:underline;}
#listFilter #selectCategory .fauxSelect span.fold { background: url(1stoption/ic_folder2.gif) no-repeat 0 0; text-indent: -1000em; }
#listFilter #selectCategory .fauxSelect span.collapsed { background: url(1stoption/ic_folder_arr2.gif) no-repeat 0 0; text-indent: -1000em; }

#siteMenu { text-transform: capitalize; }
#siteMenu ul { list-style-type: none; }
#siteMenu li { border-color: #000; }
#siteMenu a { color: black; text-decoration: none; }
#siteMenu a:hover { text-decoration: underline; }

#dynamicMenu { background-color: #BDCFD9; }
#dynamicMenu a { text-transform:uppercase; color: #39586c; text-decoration:none;
border-left-color: #39586c; border-right-color: #d9e2e9; background: url(1stoption/menu_arrow.gif) no-repeat 10px 1.5em}
#dynamicMenu a:hover { background-color: #d9e2e9 }

#footer {background-color: #BDCFD9; }
#footer #footerText #poweredby,
#footer #footerText #termsofuse { text-align: right; }
#footer a { text-decoration: none; color: black}

#featuredArticles { background-color: #d9e2e9; }
#featuredArticles h2 a { text-transform: capitalize; letter-spacing: 0.1em; text-decoration: none; }
#featuredArticles .article { border-color: #666; border-style: solid; }
.home #contentPane #featuredArticles h1 { background: url(1stoption/hd_featured_properties.gif) no-repeat 0 0; text-indent: -5000px; }
.home #featuredArticles .details a {color: #3f596a}

#recentItems { background: url(1stoption/bg_news.jpg) no-repeat top left #d9e2e9; }
#recentItems h1 a { color: #DC2A1E; text-transform: capitalize; letter-spacing:0.1em}
#recentArticles h1 { background: url(1stoption/hd_news.gif) no-repeat 0 0; text-indent: -5000px; }
#recentArticles .articleText a { text-transform: capitalize; letter-spacing: 0.1em; color: #3f596a; text-decoration: none; font-weight: bold; }

/*.field { background-color: #99CC66; border: 0px solid green; width: 10em; height: 100px; }*/
#contentPane {background-color: #D9E2E9; }
#contentPane h1 { height: auto; }
/*.home #contentPane { background: url(1stoption/bg_home.jpg) no-repeat scroll 17em 0 #D9E2E9; }*/
.home #contentPane h1 { background: url(1stoption/hd_welcome.gif) no-repeat scroll 0 0 #D9E2E9; text-indent: -5000px; width: 230px; }
.home #modules { background: url(1stoption/bg_home.jpg) no-repeat 0 0 transparent; }

/* search results */
.searchResults dd { text-indent: 0; }
.searchResults .contentType { color: gray; }

/* listings module */
.listingItemList td.field_bedrooms, 
.listingItemList td.field_bathrooms, 
.listingItemList td.field_pool { text-align: center; }
.listingItemList td.field_low_season_weekly_price { text-align: right; } 

/* -- details page */
.listingItemDetails .buttons form input.button { color: #DC2A1E; }
.listingItemDetails #item_1 .field_description .label { font-weight: bold; }
.listingItemDetails #item_1 .field_address { color: #dc2a1e; }
.listingItemDetails #item_1 .group_pricing { background: url(1stoption/hd_price.gif) no-repeat top left; }
.listingItemDetails #item_1 .group_details { background: url(1stoption/hd_details.gif) no-repeat top left; }
.listingItemDetails #item_1 .label { font-weight: bold; }
.listingItemDetails #item_1 .group_pictures div { border-color:black; background: url(1stoption/picture-not-available.gif) no-repeat top left white}
.listingItemDetails #item_1 .group_mainpicture img { border-color: white; }

/* project pages */
#contentPane.hooiberg-plaza-residence img,
#contentPane.calbas-plaza-residence img,
#contentPane.montana-plaza-residence img,
#contentPane.palma-real img { border-color: #39586C; background-color: white; }
#contentPane.montana-plaza-residence td,
#contentPane.calbas-plaza-residence td,
#contentPane.palma-real td { vertical-align: top; }

/* IE hacks */
.listingItemDetails * html #item_1 { height: 58em; }