@font-face {
font-family: 'VAGRounded-Bold';
src: url('fonts/vagrounded-bold.eot');
src: local('☺'), url('fonts/vagrounded-bold.woff') format('woff'), url('fonts/vagrounded-bold.ttf') format('truetype'), url('fonts/vagrounded-bold.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
body, h1, h2, h3, h4, h5, h6, a, ul, li, p, div, span, table, td, tr, blockquote { margin: 0; padding: 0; }
body { font: normal 76% Arial, Helvetica, sans-serif; color: #555; background: #f2ecda; }
h1, h2 { color: white; height: 20px; background: #759663; padding: 0 5px; position: absolute; top: -20px; left: 0; }
h1#page-title-client { background: #EFE; margin-bottom: 10px; }
#main { position: relative; margin: 20px auto 60px; width: 980px; background: white; border: 1px solid #bcbec0; }
#main { -webkit-box-shadow: 0px 0px 7px #bcbec0;
-moz-box-shadow: 0px 0px 7px #bcbec0;
box-shadow: 0px 0px 7px #bcbec0; }
.ieFix { display: none; }
#extra1, #extra2, #extra3, #extra4, #extra5, #extra6 { display: none; }
/* header */
#header { background: url(images/header-bg.jpg) center bottom no-repeat; height: 330px; position: relative }
#dateBar { display: none; }
#logo { overflow:hidden; position:absolute; margin: 18px 0 19px 10px; }
#logo img { display:inline; }
#subTitle { position: absolute; top: 108px; left: 5px; }
#subTitle h1 { background: none; color: black; font: normal 9px Arial, Helvetica, sans-serif; margin: 0; position: relative; top: 0; }
/* search */
#siteSearchForm { position: absolute; top: 105px; right:10px; }
#siteSearchForm label { display: none; }
#siteSearchForm input { border: 1px solid #ccc; padding: 1px; width: 178px; margin-right: 4px; }
#siteSearchForm button { background: url(images/go-button.gif) no-repeat 0 0; width: 32px; height: 18px; text-indent: -9999px; border: none; cursor: pointer; }
#siteSearchForm button:hover { background-position: 0 -20px; }
#siteSearchForm #searchErrors { position: absolute; top: -35px; color: #993333;}
#results { margin-bottom: 20px; }
.result { margin-bottom: 10px; }
.result .summary { /*display: none;*/ }
#slideshow { display: none; }
#headerEnd { display: none; }
/* outer and inner */
#outer, #inner { position:relative; width:100%; }
#outer { background: #FFF; overflow: hidden }
#inner { overflow: hidden; margin-top: 10px; }
/* navigation */
#nav { position: relative; background: #EE9337; width: 960px; margin: 0 auto; height: 30px; z-index: 10; }
#nav ul { list-style-type: none; float: left; }
#nav li, #nav li a { float: left; }
#nav li { position: relative; }
#nav li:hover ul.level2 { display: block; }
#nav .level1 a { color: #FFF; padding: 0 25px; text-decoration: none; text-shadow: #854 1px 1px 2px; height: 30px; line-height: 30px; background: url(images/menu-separator.gif) no-repeat right center; }
.seo { display: none; }
#nav .level1 .lastItem a { background: none; }
#nav .level2 { display: none; position: absolute; top: 100%; left: 0; background: url(images/sub-menu-bg.png) repeat-x 0 0 white; border-bottom: 1px solid #EE9337 }
#nav .ABOUTARUBA .level2 { right: 0; }
#nav .level2 a { color: #333; text-shadow: none; width: 115px; text-decoration: none; }
#nav .level2 li:hover a { text-decoration: underline; }
#nav .FORSALE, #nav .FORRENT, #nav .FINDSERVICES, #nav .ADVICE, #nav .ABOUTARUBA { background: url(images/drop-indicator.gif) no-repeat right center; }
#siteMenu { position: absolute; top: 103px; right: 268px; height: 24px; }
#siteMenu ul { list-style-type: none; float: left; }
#siteMenu li, #siteMenu li a { float: left; }
#siteMenu li {	position: relative; }
#siteMenu a { display: block; height: 16px; color: #259; margin: 4px 0; border-left: 1px solid #259; padding: 0 10px; }
#siteMenu .firstItem a { border-left: none; padding-left: 0; }
#siteMenu .lastItem a { padding-right: 0; }
#siteMenu a:hover { color: #154665; }
#siteMenu .Facebook a, #siteMenu .Twitter a, #siteMenu .RSSFeed a { background: url(images/social-icons.png) no-repeat 0 0; width: 16px; text-indent: -9999px; padding: 0 4px; border-left: none; }
.rssFeedLinks { list-style: none; }
.rssFeedLink {	background: url(images/social-icons.png) no-repeat -64px center; padding-left: 26px; height: 20px; line-height: 20px; display: block; }
#siteMenu .Facebook a { background-position: 0 0; margin-left: 25px }
#siteMenu .Twitter a { background-position: -32px 0; }
#siteMenu .RSSFeed a { background-position: -64px 0; padding-right: 0; }
/* modules */
#login { display: none; position: absolute; right: 350px; top: 10px; }
#loginForm { display: none; position: absolute; right: 10px; top: 10px; }
#informationMenu { background: #EE8899; float: left; width: 200px; margin-top:25px; }
#informationMenu ul { list-style-type: none; }
#informationMenu li a { display: block; color: #160; background: #E9A; padding: 0 20px; width:160px; }
#informationMenu li a:hover { color: #632; background: #A8B4CD; }
.home #informationMenu li.Home a,
.about #informationMenu li.about a { color: #AB5; background: #A66; }
#modules, #contentPane, #recentItems { float:left; overflow:hidden; position:relative; }
#modules { width: 195px; padding-left: 10px; }
/* contentPane */
body.home #contentPane { width: 470px; }
#contentPane { padding-left: 10px; position: relative; width: 755px }
#contentPane ul { list-style-position:inside; margin: 0 0 0.57em 1.2em; }
#contentPane img { margin-bottom: 12px; }
h1,h2 { color: white; font-weight: bold; margin-bottom: 12px; line-height: 20px; }
h1 { font-size: 14px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; margin-top: 20px; }
h4 { margin-bottom: 20px; }
p { margin: 0 0 0.57em; }
a { color: #933; }
a:hover, a:active { color: #339; }
#contentEnd { display: none; }
#featuredServices,
#arubaMap,
/*div.subLinks,*/
#recentArticles,
#propertyAssistant,
#zone_1,
#listProperty,
#listingItemListForm,
#articleForm,
#searchForm,
#frmExtendedContact,
#frmExtendedContact2,
#siteMap,
#contactForm { background: white url(images/mudules-bg.jpg) repeat-x 0 0; border-top: 1px solid #759663; border-bottom: 1px solid #759663; margin: 20px 0 40px; position: relative; padding: 10px; }
/* slide show */
.hasCarousel { position: relative; height: 480px; background: url(images/slide-show-bg.jpg) repeat-x 0 0; border-top: 1px solid #009AD8; border-bottom: 1px solid #009AD8; margin-top: 20px; padding: 10px; width: 450px; }
.hasCarousel h2 { background: #009AD8; }
.hasCarousel .slide_item { position: absolute; }
.hasCarousel .slide_item .title, .hasCarousel .slide_item .details { display: none; }
.hasCarousel img { border: 1px solid #b7b7b7; }
.hasCarousel #num_nav { position: absolute; top: 470px; }
.hasCarousel #num_nav span { background: #9cd4f2; cursor:pointer; display:block; float:left; font-size:80%; line-height:20px; margin-right:5px; text-align:center; width:20px; }
.hasCarousel #num_nav span.selected { background: #1b8cc9; color: white;}
.hasCarousel .propertyInfo { margin-top: 10px; }
.hasCarousel .propertyInfo .discription { margin-bottom: 10px; display: block; }
.hasCarousel .propertyInfo .town { font: 16px 'VAGRounded-Bold', sans-serif; color: #2A8BC8; }
.hasCarousel .propertyInfo .price { font: 16px 'VAGRounded-Bold', sans-serif; color: black; }
.hasCarousel .viewDetails { float: right; }
.hasCarousel .viewDetails a { display: block; background: url(images/view-more-bg.png) no-repeat 0 0; width: 111px; height: 30px; color: white; text-align: center; line-height: 30px; text-decoration: none; }
.hasCarousel .viewDetails a:hover { background-position: 0 -30px; }
.hasCarousel hr { display: none; }
/* welcome */
#welcome { margin: 40px 0 10px; padding: 10px; background: url(images/slide-show-bg.jpg) repeat-x 0 0; border-top: 1px solid #009AD8; border-bottom: 1px solid #009AD8; position: relative; }
#welcome h2 {
background: #009AD8; 
}
/* left items */
#modules { float: left; width: 195px; /*background: url(images/mudules-bg.jpg) repeat-x 0 0;*/ }
#propertyAssistant, #listProperty { color: #333; }
#propertyAssistant h2 { width: 185px; }
#propertyAssistant em, #frmExtendedContact em, #listProperty em { font-weight: bold; font-style: normal; }
#propertyAssistant ul, #listProperty ul { list-style-position: outside; margin-left: 13px; margin-bottom: 1.57em; }
#propertyAssistant a, #listProperty a { font-weight: bold; text-decoration: none; color: white; height: 52px; display: block; width: 140px; text-align: center; margin-left: 36px; text-indent: -9999px }
#propertyAssistant a { background: url(images/get-started-bg.png) no-repeat 0 0; }
#listProperty a { background: url(images/get-listed-bg.png) no-repeat 0 0; }
#propertyAssistant a:hover, #listProperty a:hover { background-position: 0 -66px; }
#listProperty { margin-bottom: 10px; }
#frmExtendedContact { height: 475px; margin-bottom: 0; }
#frmExtendedContact2 { background: white url(images/slide-show-bg.jpg) repeat-x 0 0; border-color: #009ad8; padding-top: 0; height: 525px; margin-bottom: 0; }
#frmExtendedContact #extContForm { width: 450px; padding: 10px; margin-right: 20px; }
.right { width: 250px; padding: 10px; }
#frmExtendedContact2 #extContForm { width: 100%; }
#extContForm { float: left; padding-top: 0; }
.right { float: right; background: white; border: 1px solid #759663; }
.right ul {	list-style-position: inside; }
#frmExtendedContact h3, #frmExtendedContact2 h3 { color: black; margin-bottom: 3px; }
#frmExtendedContact2 h2 { background: #009ad8; display: inline; }
#frmExtendedContact #extContForm, #frmExtendedContact2 #extContForm { overflow: hidden; }
#frmExtendedContact .field, #frmExtendedContact2 .field { overflow: hidden; }
#frmExtendedContact2 .field{ float: left; }
#frmExtendedContact2 #div_subject, 
#frmExtendedContact2 #div_title, 
#frmExtendedContact2 #div_in-aruba,
#frmExtendedContact2 #div_comments,
#frmExtendedContact2 #div_mailing-list,
#frmExtendedContact2 #captcha { width: 450px; }
#frmExtendedContact2 #comments { width: 375px; }
#frmExtendedContact2 #div_mailing-list { margin-left: 75px; }
#frmExtendedContact2 #div_mailing-list label { width: 300px; }
#frmExtendedContact2 #div_mailing-list input { width: 20px; }
#frmExtendedContact2 #captcha { overflow: hidden; }
#frmExtendedContact2 #captcha img { float: right; }
#frmExtendedContact label, #frmExtendedContact2 label { float: left; display: block; width: 75px; font-weight: bold; }
#frmExtendedContact2 #div_in-aruba { margin-left: 75px; }
#div_in-aruba label { width: 95px; }
#div_in-aruba label, #div_price-range label { float: none; }
#frmExtendedContact #div_price-range input { float: none; width: 60px; }
#div_price-range #price-low { margin-right: 5px; margin-left: 8px; }
#div_price-range #price-high { margin-left: 6px; }
#div_bed, #div_bath { width: 95px; }
#div_bed { float: left; margin-right: 27px; }
#div_bed label { width: 45px; }
#div_bath label { margin-left: 10px; width: 34px; }
#frmExtendedContact input, #frmExtendedContact2 input { float: left; width: 140px; border-color: #B7B7B7; }
#frmExtendedContact input { width: 350px; }
#frmExtendedContact .required-indicator, #frmExtendedContact2 .required-indicator { float: left; display: block; text-indent: -9999px; background: url(images/required.gif) no-repeat 0 0; width: 12px; height: 12px; margin: 4px 5px 0 5px; }
#frmExtendedContact #required .required-indicator, #frmExtendedContact2 #required .required-indicator { margin: 0 5px 0 0; }
#frmExtendedContact #div_in-aruba select, #frmExtendedContact #div_comments textarea { width: 217px; }
#frmExtendedContact #div_comments textarea { float: left; border-color: #B7B7B7; }
#frmExtendedContact #div_mailing-list input { width: 20px; }
#frmExtendedContact #div_mailing-list label { width: 190px; }
#extContForm .button { height: 30px; width: 111px; background: url(images/view-more-bg.png) no-repeat 0 0; border: none; color: white; font-weight: bold; margin-left: 243px; }
#extContForm .button:hover { background-position: 0 -30px; }
#frmExtendedContact2 #extContForm .button { margin-left: 75px; }
#frmExtendedContact #captcha { left:260px; position:absolute; top:197px; }
#frmExtendedContact #captcha input { width: 120px; border-color:#B7B7B7; }
#frmExtendedContact #captcha img { border: 1px solid #759663; margin-bottom: 23px; }
/* small banner */
#zone_1 { text-align: center; margin-top:-20px; }
/* recent items */
#recentItems { width: 275px; padding-left: 10px; display: none; }
body.home #recentItems { display: block; }
#featuredServices .article { position: relative; overflow: hidden; margin-bottom: 15px; }
#featuredServices span { margin-bottom: 15px; display: block; }
#featuredServices div a { color: #333; text-decoration: none; font-weight: bold; font-size: 12px; position: absolute; left: 60px; }
#featuredServices div a:hover { text-decoration: underline; }
#featuredServices .previewImage { position: relative; }
#featuredServices img { border: 2px solid #9fba91; position: absolute; margin-right: 10px }
#featuredServices .previewText { font-size: 12px; margin: 0 0 10px 60px; padding-top: 18px; }
#featuredServices #moreServices { font-weight: bold; text-decoration: none; color: white; background: url(images/more-services-bg.png) no-repeat 0 0; height: 30px; display: block; line-height: 30px; width: 131px; text-align: center; margin-left: 124px; }
#featuredServices #moreServices:hover { background-position: 0 -30px; }
#recentArticles ul { list-style-type: none; }
#recentArticles li { padding: 1px; margin-bottom: 15px; }
#recentArticles .articleDate { float: right; font-size: 85%; }
#recentArticles .articleText a { color: #333; text-decoration: none; font-weight: bold; }
#recentArticles .articleText a:hover { text-decoration: underline; }
#sidebarNav { display: none; }
/* listimgs */
#listingItemListForm { background: #E6F1F3 url(images/slide-show-bg.jpg) repeat-x 0 0; border-color: #009AD8; margin-bottom: 10px; }
#listingItemListForm h1 { background: #009AD8; }
#listingItemListForm .list-description { margin-bottom: 30px; }
/* --temp please remove items from this if there is no more sample listings-- */
.list-Apartments_For_Rent #listFilter,
.list-Apartments_For_Rent noItems,
.list-Vacation_Homes_For_Rent #listFilter,
.list-Vacation_Homes_For_Rent noItems,
.list-Commercial_For_Rent #listFilter,
.list-Commercial_For_RentnoItems { display: none; }
/* --------------------------------------------------------------- */
#listingItemListForm #listFilter { position: relative; }
#itemsPerPageField { position: absolute; right: 10px; top: 10px; }
div.pageLinks { margin: 10px 0 20px; height: 15px; }
div.pageLinks p { display: none; }
.pageLinks ul { list-style: none; margin: 0; display: inline; }
.pageLinks li { float: left; text-align: center; display: block; width: 16px; height: 16px; line-height: 16px; font-weight: bold; }
.pageLinks a { display: block; }
.pageLinks a:hover { color: black; }
.first,
.previous,
.next,
.last { text-indent: -9999px; background: url(images/pagination.gif) no-repeat 0 0; }
.first { background-position: 0 0; }
.previous { background-position: 0 -16px; }
.next { background-position: 0 -32px; }
.last { background-position: 0 -48px; }
.range-display { margin-left: 20px; display: inline }
#listingItemListForm th { font-size: 110%; padding: 0 10px 5px; cursor: pointer; color: black; }
#listingItemListForm th.field_thumbnail { visibility: hidden; }
#listingItemListForm th div { background: url(images/sort.gif) no-repeat center right; display: inline; padding-right: 10px; }
#listingItemListForm th div.DESC { background: url(images/desc.gif) no-repeat center right; }
#listingItemListForm th div.ASC { background: url(images/asc.gif) no-repeat center right; }
#listingItemListForm table { border-collapse: collapse; width: 100%; }
#listingItemListForm tr:hover td { background: #F9D7B3; cursor: pointer; }
#listingItemListForm tr:hover td.field_thumbnail { background: #EE9337; }
#listingItemListForm td { text-align: center; background: white; border-top: 2px solid #009AD8; border-bottom: 2px solid #009AD8; /*padding: 0 5px;*/ }
#listingItemListForm td.field_thumbnail { border-left: 2px solid #009AD8; padding: 0; width: 90px; background: white; padding: 5px; }
#listingItemListForm td.field_thumbnail:hover { background: #EE9337; }
#listingItemListForm td.field_refno { width: 150px; }
#listingItemListForm td.field_location { border-right: 2px solid #009AD8; }
.list-Land_for_Sale #listingItemListForm td.field_location { border-right: none; }
.list-Land_for_Sale #listingItemListForm td.field_area_sq_m { border-right: 2px solid #009AD8; }
#listingItemListForm img { margin: 0; }
.viewListingItem #item_1 { padding: 0 10px 10px 0; background: url(images/list-details-bg.png) repeat-x 0 0; min-height: 320px; }
.viewListingItem .group { margin-bottom: 20px; }
.viewListingItem .group-title { display: none; }
.viewListingItem .list-field { padding-left: 10px; }
.viewListingItem .field_picture { padding: 0; }
.viewListingItem .group_heading { width: 445px; }
.viewListingItem .group_price, 
.viewListingItem .group_description, 
.viewListingItem .group_amenities,
.viewListingItem .group_facts { width: 400px; }
.viewListingItem .field_location { margin-top: 10px; }
.viewListingItem .group_photos_videos { position: absolute; top: 0; right: 0; width: 310px; padding: 0; }
.viewListingItem .toggle .showPicture,
.viewListingItem .toggle .showLocation,
.viewListingItem .toggle .showFloorplan,
.viewListingItem .toggle .showVideo { height: 20px; text-decoration: none; line-height: 20px; display: block; float: left; padding: 0 10px; background: #C8DDBE; color: #333; margin-right: 2px; }
.viewListingItem .toggle .current { background: #759663; color: white; }
.viewListingItem .hide { display: none; }
.viewListingItem #picture-section,
#item_1 #location-section,
#item_1 #floorplan-section,
#item_1 #video-section { background: url(images/mudules-bg.jpg) repeat-x 0 0; border-top: 1px solid #759663; border-bottom: 1px solid #759663; position: absolute; top: 20px; left: 0; padding: 10px; }
.viewListingItem .field_picture hr, #item_1 .field_picture span.label { display: none; }
.viewListingItem .label { float: left; width: 150px; font-weight: bold; }
.viewListingItem .group_amenities .label { float: none; }
.viewListingItem .field_refno { font-family: 'VAGRounded-Bold', sans-serif; font-size: 16px; border-bottom:1px solid #759663; height: 20px; }
.viewListingItem .field_refno .value { color: black; }
.viewListingItem .field_thumbnail span, #item_1 .field_description span { display: none; }
#contentPane .GalleryPhotoItem{ display: inline; float: left; margin: 0; position: relative; }
#contentPane .GalleryPhotoItem a{ border: 1px solid #759663; display: block; height: 64px; margin-right: 4px; padding: 0; position: relative; width: 92px; }
#contentPane .GalleryPhotoItem img{ border: medium none; clip: rect(0px 92px 64px 0px); height: auto; padding: 0; position: absolute; width: auto; }
#strip-inner, #strip-inner2 { width: 294px; height: 66px; position: relative; overflow: hidden; }
#strip, #strip2 { width: 1800px; height: 66px; position: absolute; left: 0; top: 0; overflow: hidden; }
#strip .mediablock, #strip2 .mediablock{ margin: 0; }
#thumbs, #thumbs2{ position: relative; width: 290px; }
#thumbs button, #thumbs2 button { border: none; width: 16px; height: 40px; text-indent: -9999px; cursor: pointer; border: 1px solid #759663; position: absolute; top: 13px; }
#thumbs #previousGalleryItem, #thumbs2 #previousGalleryItem2 { background: url(images/prev-gallery.gif) no-repeat 0 0; border-left: none; left: 0; }
#thumbs #previousGalleryItem:hover, #thumbs2 #previousGalleryItem2:hover { background-position: 0 -40px; }
#thumbs #nextGalleryItem, #thumbs2 #nextGalleryItem2 { background: url(images/next-gallery.gif) no-repeat 0 0; border-right: none; right: 0; }
#thumbs #nextGalleryItem:hover, #thumbs2 #nextGalleryItem2:hover { background-position: 0 -40px; }
.viewListingItem .boxed, .viewListingItem .request { background: url(images/view-more-bg.png) no-repeat 0 0; color: white; display: block; height: 30px; line-height: 30px; text-align: center; text-decoration: none; width: 111px; margin-left: 300px; }
.viewListingItem .boxed:hover, .viewListingItem .request:hover { background-position: 0 -30px; }
.viewListingItem #backlink { height: 20px; padding: 5px 10px 5px 20px; border-top:1px solid #759663; background: url(images/back-to-list.png) no-repeat 0 center; }
.services #backlink { height: 20px; padding: 5px 10px 5px 20px; background: url(images/back-to-list.png) no-repeat 0 center; display: block; }
/* featured services */
#articleForm { background: url(images/slide-show-bg.jpg) repeat-x 0 0; border-color: #009AD8; }
#articleForm h1 { background: #009AD8; }
#articleForm #article-nav { display: none; }
#arubaMap img { border:3px solid #FFFFFF; display:block; margin:0 auto; }
/* seach results */
#searchForm { background: #E6F1F3 url(images/slide-show-bg.jpg) repeat-x 0 0; border-color: #009AD8; }
#searchForm h1 { background: #009AD8; }
#searchForm #listFilter { float: right; }
/* services */
.services #listingItemListForm h2, div.combined h2, div.services h2 { background: #009AD8; }
.combined #listingItemListForm .list h2, #listingItemListForm .group_info { display: none; }
.services #listingItemListForm a, .services #listFilter { display: none; } 
.services .item { padding: 10px; }
.services .field_organization a { display: block }
.services .field_category_id, .services .result-listItem { display: none; }
.services .label { float: left; font-weight: bold; width: 100px; height: 15px; display: block; }
.services #searchForm { margin-bottom: 0; }
.services #searchForm h1 {	display: none; }
.services .field_organization,
.services .field_street,
.services .field_location,
.services .field_telephone,
.services .field_fax { height: 15px; }
div.services .smallArticle { position: relative; height:140px; }
div.services .smallArticle h2{ margin-left: 140px; top: 0; position: relative; background: none; padding: 0; }
div.services .smallArticle h2 a{ margin-left: 0; }
div.services .smallArticle p { height: 60px; }
div.services .smallArticle strong { width: 80px; float: left; }
/* tables */
.bank-info { background: white url(images/table-bg.png) repeat-x 0 0; border-collapse: collapse; border: 1px solid #d4d4d4; }
.bank-info thead th { padding: 10px; }
.bank-info h3{ font-size: 20px; font-weight: bold; line-height: 20px; }
/* information sitepages */
.wrapper, div.default, #faqListForm { background: url(images/article-bg.jpg) repeat-x 0 0; padding: 20px 10px; position: relative; margin-top: 20px; border-top:1px solid #759663; }
#outer .about-aruba h2, 
#outer .find-services h2, 
#outer .advice h2,
#outer .tips-ideas h2,
#outer .privacy-policy h2,
#outer .about h2,
#outer .rss-feeds h2,
#outer .faq h2,
#outer .viewArticle h2,
#outer .residences h2 { position: relative; padding: 0; top: 0; color: #555; background: none; margin: 0; /*clear: both;*/ }
h2#Calling_Aruba,
h2#Credit_Cards,
h2#Currency,
h2#Customer_Service,
h2#Electricity,
h2#Banking_hours { clear: both; }
.wrapper h2#Aruba, .wrapper h2#Accommodation{ clear: none; }
.wrapper p, #outer .wrapper ul { margin-bottom: 20px; }
.wrapper p a { padding-right: 14px; background: url(images/external-link.png) no-repeat center right; }
.wrapper .link-cont { text-align: right; }
.wrapper .back-to-top {	background: url(images/back-to-top.png) no-repeat 0 center; height:20px; padding:5px 30px 5px 20px; }
.wrapper p .internal-link, .wrapper p .boxed{ background: none; padding: 0; }
#outer .wrapper .nav { -moz-column-count: 2; -moz-column-gap: 1em; }
#inner .about-aruba img { border: 2px solid #9FBA91; margin: 0 10px; }
.about-aruba p, .fact-file table { margin-bottom: 20px; }
.fact-file table { width: 100%; }
#inner div.climate img { border: none; margin: 0; padding: 0; }
/* temp residences */
body.residences .wrapper h1 { background: #009AD8; color: white; }
body.residences .wrapper { background:#E6F1F3 url(images/slide-show-bg.jpg) repeat-x scroll 0 0; border-top-color: #009AD8; }
.smallArticle { background: white; padding: 5px; position: relative; margin-bottom: 10px; position: relative; /*overflow: hidden;*/ }
.smallArticle .info { position: absolute; }
.smallArticle img { float: left; margin-right: 10px; border: none; border:1px solid #B7B7B7; width: 130px; height: 93px; }
.smallArticle h2 a { text-decoration: none; color: black; margin-left: 140px; }
.smallArticle p { /*width: 579px;*/ margin-bottom: 20px; margin-left: 140px; }
.smallArticle .info-link { margin-left: 140px; }
/* footer */
#footer { color: #222; font-size: .9em; width: 100%; position: absolute; margin-top: 10px; }
#footer a { color: #259; text-decoration: none }
#footer a:hover { text-decoration: underline; }
#footer ul { list-style: none; }
#footerMenu { display: none; }
.vcard { display:none; }
#copyright { float: left; margin-left: 10px; text-align: left; height: 15px; }
.subNav, .aruba { float: left; margin-left: 33px; padding-left: 33px; height: 15px; border-left: 1px solid #BCBEC0; }
.subNav li, .aruba li { position: relative; float: left; }
.subNav a, .aruba a { padding: 0 5px; }
#footer .firstItem a { padding-left: 0; }
#footer .lastItem a { padding-right: 0; }
/* contact us */
.contact .adr { display: none; }
.contact #instructions, .contact #assistance { margin-bottom: 20px; z-index: 1; }
.contact #contactForm { padding: 20px 10px 20px; border-bottom: none; }
.contact select { width: 360px; }
.contact input, .contact textarea{ width:350px; padding:4px; clear:none; }
.contact label { float: left; width: 12em; font-weight: bold; }
.field { margin-bottom: 8px; }
.contact .field {	height: 26px }
.contact .message, .contact #captcha { height: 124px; position: relative; }
.field input, .field textarea, #captcha-text { border:1px solid #b7b7b7; }
legend { font-weight: bold; color: black; }
fieldset { margin: .5em; width: 37em; }
textarea { clear: left; font-family: sans-serif;}
.checkbox { padding-bottom:20px; }
.checkbox label { display: block; float: none; margin-left: 12em; width: 326px; padding: 0 4px 0 28px; position: relative; font-weight: normal; }
.checkbox input { float:none; border:none; width: 20px; position: absolute; left: 0; }
.contact #captcha img { border: 1px solid #759663; position: absolute; margin-left:160px; }
.contact #captcha-text { width: 140px; margin-right: 10px; position: absolute; }
.contact #contactForm .button { background: url(images/view-more-bg.png) no-repeat 0 0; border: none; color: white; font-weight: bold; width: 111px; height: 30px; margin-left: 146px; position: absolute; }
.contact #contactForm .button:hover { background-position: 0 -30px; }
#errors {color:red;}
#frmExtendedContact ul.alert, #frmExtendedContact2 ul.alert, #contactForm ul.alert { color: red; margin: 0 0 15px 15px; }
#frmExtendedContact2 #errors { display: none; }
/* faq */
div.faq #faqBreadCrumbs { list-style: none; margin: 0 0 20px; }
div.faq #faqBreadCrumbs img {	margin: 0 5px; }
div.faq h3 { margin-top: 10px; cursor: pointer; text-decoration: underline; }
.faq-description { display: none; }
#faqListForm #itemsPerPageField { right: 10px; top: 10px; }
/**
* SqueezeBox - Expandable Lightbox
*
* Allows to open various content as modal,
* centered and animated box.
*
* @version	1.1 rc4
*
* @license	MIT-style license
* @author	Harald Kirschner <mail [at] digitarald.de>
* @copyright	Author
*/
#sbox-overlay {
position: absolute;
background-color: #000;
left: 0px;
top: 0px;
zoom: 1;
}
#sbox-window {
position: absolute;
background-color: #F2ECDA;
text-align: left;
overflow: visible;
padding: 10px;
/* invalid values, but looks smoother! */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#sbox-btn-close {
position: absolute;
width: 30px;
height: 30px;
right: -15px;
top: -15px;
background: url(/styles/member/squeezebox/closebox.png) no-repeat center;
border: none;
}
.sbox-window-ie6 #sbox-btn-close {
background-image: url(/styles/member/squeezebox/closebox.gif);
}
.sbox-loading #sbox-content {
background-image: url(/styles/member/squeezebox/spinner.gif);
background-repeat: no-repeat;
background-position: center;
}
#sbox-content {
clear: both;
overflow: auto;
background-color: #fff;
height: 100%;
width: 100%;
}
.sbox-content-image#sbox-content {
overflow: visible;
}
#sbox-image {
display: block;
}
.sbox-content-image img {
display: block;
width: 100%;
height: 100%;
}
.sbox-content-iframe#sbox-content {
overflow: visible;
}
/* Hides scrollbars */
.body-overlayed {
overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
visibility: visible;
}
/* Shadows */
.sbox-bg {
position: absolute;
width: 33px;
height: 40px;
}
.sbox-bg-n {
left: 0;
top: -40px;
width: 100%;
background: url(/styles/member/squeezebox/bg_n.png) repeat-x;
}
.sbox-bg-ne {
right: -33px;
top: -40px;
background: url(/styles/member/squeezebox/bg_ne.png) no-repeat;
}
.sbox-bg-e {
right: -33px;
top: 0;
height: 100%;
background: url(/styles/member/squeezebox/bg_e.png) repeat-y;
}
.sbox-bg-se {
right: -33px;
bottom: -40px;
background: url(/styles/member/squeezebox/bg_se.png) no-repeat;
}
.sbox-bg-s {
left: 0;
bottom: -40px;
width: 100%;
background: url(/styles/member/squeezebox/bg_s.png) repeat-x;
}
.sbox-bg-sw {
left: -33px;
bottom: -40px;
background: url(/styles/member/squeezebox/bg_sw.png) no-repeat;
}
.sbox-bg-w {
left: -33px;
top: 0;
height: 100%;
background: url(/styles/member/squeezebox/bg_w.png) repeat-y;
}
.sbox-bg-nw {
left: -33px;
top: -40px;
background: url(/styles/member/squeezebox/bg_nw.png) no-repeat;
}
/* ----------------IMAGE SLIDER------------- */
#strip1-outer { width: 510px; margin: 10px auto 10px; background: #333333; display: block; position: relative; padding: 0px 10px 0px; border-bottom: 5px #000000 solid; }
#strip1-outer .SlideItMoo_forward,
#strip1-outer .SlideItMoo_back { display: block; position: absolute; cursor: pointer; width: 25px; height: 250px; bottom: 0px; right: 5px; background: url(/styles/member/slideit/slideitmoo_forward.png) no-repeat center; }
#strip1-outer .SlideItMoo_back { left: 5px; background: url(/styles/member/slideit/slideitmoo_back.png) no-repeat center; }
#strip1-inner { position: relative; overflow: hidden; width: 474px; margin: 0px auto 0px; padding: 10px 0px 10px; }
#strip1-items { display: block; position: relative; }
#strip1-items div.SlideItMoo_element { display: block; position: relative; float: left; margin: 0px 15px 0px; font-size: 11px; width: 300px; text-align: center; color: #FFFFFF; }
#strip1-items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#333333; padding:2px; }
#strip1-items a img{ border:none; }
/* SLIMBOX */
#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}
.lbLoading {
background: #fff url(slimbox/loading.gif) no-repeat center;
}
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(slimbox/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(slimbox/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(slimbox/closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
#selectCategory ul,
#selectCategory div,
#selectCategory li,
#selectCategory a {
margin:0 0 0 0;
padding:0 0 0 0
}
#contentPane #selectCategory li {
/*	margin-left: 1em;*/
list-style: none;
list-style-image: none;
display: inline;
}
#selectCategory .level1 {text-indent: .2em}
#selectCategory .level2 {text-indent: 1em}
#selectCategory .level3 {text-indent: 2em}
#selectCategory .level4 {text-indent: 3em}
#selectCategory .level5 {text-indent: 4em}
#selectCategory .level6 {text-indent: 5em}
#selectCategory .level7 {text-indent: 6em}
#selectCategory .level8 {text-indent: 7em}
#selectCategory .level9 {text-indent: 8em}
#selectCategory .level10 {text-indent: 9em}
#expandableSelect1 {
position: absolute;
overflow: auto;
width: 21em;
max-width: 21em;
background-color: white;
border: 1px solid #7F9DB9;
border-top: none;
z-index: 10;
padding:0 0 0 0;
height:auto;
}
#selectCategory a {
text-decoration: none;
padding-left: 1.5em;
color: black;
font-weight: normal;
line-height: 1.5em;
cursor: pointer;
display: block;
border-top: 1px dashed gray;
vertical-align: top;
}
#selectCategory li.firstItem a {
border-top: none;
}
#selectCategory li li.firstItem a {
border-top: 1px dashed gray;
}
#selectCategory #expandableSelect1 ul li a:hover {
text-decoration: none;
background-color:silver;
}
#selectCategory a.submenu{
margin-left: 0em;
}
#selectCategory .fold {
background: url(/images/folding/minus.gif) no-repeat center center;
cursor: pointer;
width: 1.5em;
line-height: 1.5em;
text-indent: -999em;
display: block;
float: left;
}
#selectCategory .collapsed {
background: url(/images/folding/plus.gif) no-repeat center center;
}
#selectCategory .level2 {
clear: left;
}
#contentPane #selectCategory .selectCategory
{
color: black;
border: 1px solid #7F9DB9;
padding: 2px 0px 2px 1em;
width: 20em;
cursor: auto;
background: url(visitaruba/uparrow.png) no-repeat 98% center;
}
#contentPane #select1.collapsed
{
background: url(visitaruba/downarrow.png) no-repeat 98% center;
}
#selectCategory input {margin-top:2em; background-color: #F5F5DC; border:1px solid gray}
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */
.hidden {
opacity: 0;
position: absolute;
}
.visible {
opacity: 1;
}
input.calendar,
select.calendar {
width: 99px;
}
button.calendar {
background: url(calendar/calendar-icon.gif);
border: 0;
cursor: pointer;
float: left;
height: 20px;
margin-right: 6px;
width: 20px;
}
button.calendar:hover,
button.calendar.active {
background-position: 0 20px;
}
div.calendar {
background: url(calendar/calendar.png);
height: 195px;
padding: 0 6px;
text-align: center;
width: 147px;
}	
div.calendar * {
margin: 0;
padding: 0;
}	
div.calendar div {
background: none !important;
/*cursor: move;*/
height: 185px;
overflow: hidden;
padding-top: 10px;
position: relative;
width: 147px;
}	
div.calendar caption {
color: #333;
font: normal 12px/16px Arial, Helvetica, sans-serif;
padding-top: 6px;
text-align: center;
width: 100%;
}
div.calendar caption a {
cursor: pointer;
display: block;
height: 12px;
overflow: hidden;
position: absolute;
text-indent: -100px;
top: 17px;
width: 11px;
}
div.calendar caption a.prev {
background-image: url(calendar/calendar-prev.gif);
left: 0;
}
div.calendar caption a.next {
background-image: url(calendar/calendar-next.gif);
right: 0;
}
div.calendar caption a:hover {
background-position: 0 12px;
}
div.calendar caption span {
height: 25px;
position: relative;
text-align: center;
}
div.calendar caption span.month {
padding-right: 8px;
}
div.calendar caption span.month:after {
content: ',';
}
div.calendar table {
background: #FFF;
border: 0;
border-collapse: collapse;
border-spacing: 0;
cursor: default;
margin: 0 auto;
overflow: hidden;
width: 147px;
}
div.calendar td,
div.calendar th {
border: 0;
color: #0597DB;
font: normal 12px Arial, Helvetica, sans-serif;
text-align: center;
height: 21px;
width: 21px;
}
div.calendar td {
background: url(calendar/calendar-td.gif);
color: #FFF;
font-size: 11px;
}
div.calendar td.valid {
color: #333;
cursor: pointer;
font-weight:bold;
}
div.calendar td.invalid {
background: url(calendar/calendar-invalid.gif);
color: #0597DB;
}
div.calendar td.hilite {
background: url(calendar/calendar-hilite.gif);
}
div.calendar td.inactive {
background: url(calendar/calendar-td.gif) 0 100%;
color: #FFF;
}
/*div.calendar td.hover,*/
div.calendar td.active
{
background: url(calendar/calendar-valid.gif) 0 100%;
color: #FFF;
cursor: pointer;
}
div.calendar td.invalid:hover {
background: url(calendar/calendar-valid.gif) 0 bottom;
}
div.calendar td.today { color:red }
#dynamic-calendar div.calendar td.invalid { background: url(calendar/calendar-valid.gif); color: #333; cursor: pointer; font-weight: bold; }
#dynamic-calendar div.calendar td.valid { color: #999; font-weight: normal; cursor: default;}