li {list-style: url(/cms/developer/images/accent-dark.png);}
/* {
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
}*/
html, body
{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

html {
  overflow: scroll !important;
}
body
{
  background: transparent url(/cms/developer/images/body-bg.jpg) repeat top left;
}
html, body, div, p, a, span, li, ol, ul, table, tr, td, th
{
  font-family: Arial, Verdana, Geneva, sans-serif;
  font-size: 13px;
  color: #D0CBC3;
}
a img, img
{
  border: 0 none;
}
a
{
  color: #420000;
  text-decoration: underline;
    outline: none;
}
a:hover
{
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6
{
  font-family: Arial, Verdana, Geneva, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
}
h1
{
  font-size: 16px;
  color: #887D6A;
  padding: 0 0 22px 0;
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
}
h1.floating-title
{
  position: absolute;
  top: 20px;
  left: 206px;
  background: #430000;
  text-decoration: none;
  font-size: 24px;
  color: #FFF;
  padding: 5px;
  margin: 0;
}
h1.floating-title a
{
  color: #FFF;
  text-decoration: none;
  font-size: 24px;
}
h2
{
  padding: 0 0 5px 0;
  font-size: 16px;
  font-weight: normal;
  color: #430000;
}

h4 {
  color: #B97F46;
}

ul, ol
{
  margin: 0;
  padding: 0 0 10px 15px;
}
li
{
  line-height: 18px;
}
form
{
  padding: 0;
  margin: 0;
}
input, select, textarea
{
  border: 1px solid #000;
  font-family: Arial, Verdana, Geneva, sans-serif;
  color: #000;
  font-size: 13px;
}
p
{
  padding: 0 0 10px 0;
  margin: 0;
  line-height: 18px;
}
div#container
{
  padding: 20px 0 0 0;
}
div#main_wrap {
  background: #F3F2F0;
  margin: 0 auto;
  position: relative;
  width: 975px;}
  
  
div#top_menu_container
{
  height: 37px;
  margin: 0 auto;
  width: 965px;
  position: relative;
}
div#agent_login
{
  position: absolute;
  top: -1px;
  right: -3px;
  width: 121px;
  height: 25px;
  padding: 1px 4px 7px 3px;
  background: transparent url(/cms/developer/images/agent-login.png) top right no-repeat;
}
div#agent_login a
{
  display: block;
  height: 19px;
  width: 91px;
  padding: 6px 20px 0 10px;
  color: #887D6A;
  font-size: 14px;
  text-decoration: none!important;
}
div#top_menu
{
  background: #FFF;
  height: 25px;
  margin: 0 auto;
  padding: 5px 128px 0 190px;
  width: 625px;
}
div#top_menu a
{
  padding: 0 10px;
  margin: 3px 0;
  line-height: 19px;
  color: #5E6066;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 2px;
  text-decoration: none!important;
}
div#top_menu a.border-left
{
  border-left: 1px solid #D0CBC3;
}
div#top_menu a.left
{
  float: left;
}
div#top_menu a.right
{
  float: right;
}
div#top_menu a:hover
{
  color: #420000;
}

ul#latest_news_ticker {
  height: 19px;
  margin: 3px 0;
  padding: 0 10px;
}

div#main_menu
{
  /*background: #FFFED8;*/
  height: 37px;
  /*margin: 0 auto;*/
  /*padding: 0 0 0 199px;*/
  position: absolute;
  right: 20px;
  top: 45px;
  width: 730px;
  text-align: center;
  /*background: transparent url(/cms/developer/images/main-menu-background.jpg) top right no-repeat;*/
  z-index: 2;
}
div#main_menu table
{
  width: 100%;
  margin: 0;
  padding: 0;
}
div#main_menu table, div#main_menu table td
{
  border-collapse: collapse;
  border: 0 none;
}
div#main_menu table td
{
  border-right: 2px solid transparent;
  height: 37px;
}
div#main_menu table td.end
{
  border-right: 0 none!important;
}
div#main_menu table td a, div#main_menu table td a.selected
{
  background: transparent url(/cms/developer/images/main-menu-button-background.png) center center repeat-x;
  color: #FFF;
  display: block;
  font-size: 13px;
  font-weight: normal;
  height: 27px;
  padding: 10px 0 0 0;
  text-decoration: none;
  width: 100%;
}
div#main_menu table td a:hover, div#main_menu table td a.selected
{
  background: transparent url(/cms/developer/images/main-menu-button-background-active.png) center center repeat-x;
}
div#main_body
{
  /*background: #FFFED8;*/
  height: 490px;
  margin: 0px auto 0 auto;
  /*height: 459px;*/
  padding: 0;
  width: 975px;
}
div#announcement 
{
  left: 225px;
  position: absolute;
  top: 100px;
  width: 340px;
  z-index: 3;
}

div#announcement h2{
  color: #FFF;
  font-size: 34px;
  text-align: center;
  text-transform: uppercase;
}
div#announcement p {
  text-align: right;}
 
div#announcement p a {
  text-decoration: none;}


div#content
{
  height: 490px;
  /*height: 459px;*/
  position: relative;
  width: 975px;
}

div.dunas-beach {
  height: 490px;
  left: 10px;
  margin-left: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 0;
  width: 950px;
  z-index: 1;

}

img#content_background
{
  position: absolute;
  top: 0px;
  left: 0px;
}
div#left_menu
{
  background: url(/cms/developer/images/left-menu-background.png) top left no-repeat; 
  /*height: 476px;*/
  position: absolute;
  top: -40px;
  left: 9px;
  text-align: center;
  /*padding: 16px 20px 0px 6px;*/
  /*vertical-align: bottom;*/
  width: 212px;
  z-index: 100;
}
div#left_menu_content
{
  width: 189px;
  /*Height was 436px Feb 3 SD */
  height: 476px;
}
div#right_content_image
{
  float: right;
  width: 212px;
  height: 256px;
  text-align: right;
}
div#left_content
{
  float: left;
  width: 325px;
  height: 256px;
}
div.property-menu {
  position: absolute;
  left: 195px;
  z-index: 1000!important;
}

div.large-content-no-scroll
{
  width: 407px!important;
}
div.large-content
{
  width: 387px!important;
}
a.hover-menu-item
{
  display: block;
  width: 189px;
  padding: 5px 20px;
  border-bottom: 2px solid #FFF;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  color: #FFF;
  text-align: left;
  cursor: pointer;
  background: #BE8750;
  opacity: 0.9;
  float: left;
  filter: alpha(opacity=90);
}
a.hover-menu-item:hover
{
  background: #622E1D;
}
a.end
{
  border-bottom: 0 none!important;
}
div#navigation_image
{
  width: 950px;
  height: 520px;
  text-align: center;
}
div#villas_menu, div#apartments_menu
{
  position: absolute;
  left: 190px;
  width: 189px;
}
img.slogan {
  margin-top: 75px;}
  
div.sal-island-map
{
  position: absolute;
  left: 50px;
}
div.sal-island-cape-verde
{
  text-align: center;
  width: 189px;
  font-size: 13px;
  text-transform: uppercase;
  color: #420000;
  padding: 25px 0 0 0;
}
a.menu-header
{
  display: block;
  width: 149px;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: none;
  color: #B97F46;
  text-align: left;
  cursor: pointer;
}

h2.top-menu-item {
  margin-top: 12px;
  padding: 0 0 10px 18px;
  text-align: left;
  font-size: 14px;
  color: #887D6A;
  font-weight: normal;
  text-transform: uppercase;
  }


a.menu-item, a.menu-item-selected
{
  display: block;
  width: 149px;
  margin: 0 0 0 2px;
  padding: 10px 20px;
  border-top: 1px solid #E1DEDA;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  color: #5E6066;
  text-align: left;
  cursor: pointer;
  float:left;
}
div.sub-menu-item
{
  text-align: left;
  padding: 5px 20px;
  background: #DCBFA2;
}
a canvas
{
  cursor: pointer;
}
a.menu-item:hover, a.menu-item-selected
{
  background: #EDECE9;
}
div#main_content, div#agent_locator
{
  background: transparent url(/cms/developer/images/main-content-background.png) top left no-repeat;
  width: 559px;
  height: 298px;
  padding: 45px 48px 47px 44px;
  position: absolute;
  top: 76px;
  right: 58px;
  z-index: 99;
}
div#main_content_large
{
  background: transparent url(/cms/developer/images/main-content-large-background.png) top left no-repeat;
  width: 659px;
  height: 338px;
  padding: 45px 48px 47px 44px;
  position: absolute;
  top: 45px;
  right: 15px;
  z-index: 99;
}
div#main_content_large div.content-block
{
  width: 639px;
  height: 298px;
  padding: 0 20px 0 0;
  overflow-y: scroll;
}
div#main_content h1, div#main_content_large h1
{
  float: left;
}
div.content-block img
{
  border: 1px solid #E2DCD3;
}
img.clickable
{
  cursor: pointer!important;
}
a.content-menu, a.content-menu-selected
{
  color: #C4BEB3;
  font-size: 12px;
  padding: 1px 10px;
  text-decoration: none;
  text-transform: uppercase;
  border-right: 1px solid #C4BEB3;
  float: right;
}
a.content-menu:hover, a.content-menu-selected
{
  color: #887D6A;
}
div#main_content a.end, div#main_content_large a.end
{
  border-right: 0 none;
  padding-right: 0px;
}
img#logo
{
  margin: 28px 0 10px 0;
}
img#melia_logo
{
  position: absolute;
  bottom: 20px;
  left: 70px;
}
div#adverts
{
  width: 952px;
  height: 170px;
  overflow: hidden;
  padding: 0px;
  margin: 0px auto 0px;
  position: absolute;
  bottom: 0px;
  top:321px;
  z-index: 200;
  left: 11px;
}

div#ad_container
{
  width: 952px;
  height: 170px;
  margin: 0 auto;
  position: relative;
}

div.advert
{
  height: 155px;
  margin: 0; 
  padding: 5px 0px 9px;
  position: absolute;
  top: 121px;
  width: 234px;
  z-index: 3;
}

.advert-hover {
  margin-top: -250px;}
  
div.advert h2
{
  letter-spacing: 1px;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  padding: 0 0 2px 0;
  height: 20px;
}

div.advert h4
{
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 0 2px 0;
  height: 20px;
}
div#completion_countdown
{
  position: relative;
  width: 235px;
  height: 85px;
}
div#completion_countdown img
{
  position: absolute;
  top: 0px;
  left: 0px;
}
div#countdown
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0 0 0 10px;
}
span.countdown_section
{
  float: left;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  background: #864F50;
  margin: 0 5px 5px 5px;
  color: #FFF;
  padding: 2px;
}
span.countdown_amount
{
  background: transparent url(/cms/developer/images/countdown-background.png) top left repeat-x;
  width: 23px;
  height: 23px;
  display: block;
  padding: 1px 3px 6px 1px;
  text-align: center;
  line-height: 23px;
  margin: 0 auto;
  font-size: 13px;
  color: #2E3034;
  font-weight: bold;
}

div.dunas
{
  background: #66A36A url(/cms/developer/images/slider-dunas.jpg) no-repeat top center;
  left: 0;
}
div.tortuga
{
  background: #D3586A url(/cms/developer/images/slider-tortuga.jpg) no-repeat top center;
  left: 238px;
}

div.flourish
{
  background: #118DAA url(/cms/developer/images/slider-flourish.jpg) no-repeat top center;
  left: 477px;
}

div.agent
{
  background: #B1A287 url(/cms/developer/images/slider-agent.jpg) no-repeat top center;
  left: 717px;
}
div.plot-diagram
{
  width: 655px;
  height: 295px;
  border: 2px solid #FDF6E5;
  position: absolute;
  top: 83px;
  left: 44px;
  background: #FFF;
}
div#rotating_images
{
  float: right;
  width: 214px;
  height: 258px;
  overflow: hidden;
  margin: 0 0 10px 10px;
}
div#rotating_images_small
{
  float: right;
  width: 170px;
  height: 258px;
  overflow: hidden;
  margin: 0 0 10px 5px;
}
div#rotating_images img
{
  border: 1px solid #E2DCD3;
}
div#icons
{
  width: 130px;
  float: right;
  margin: 0 0px 5px 15px;
}
div#icons table, div#icons td
{
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: 0 none;
}
div#icons td
{
  padding: 0 0 3px 0;
  vertical-align: middle;
}
div#icons td.text
{
  color: #B97F46;
  font-size: 11px;
  padding: 0 3px 3px 3px;
}
div#icons img
{
  border: 0 none!important;
}

#your-local-agent-message {
  position: relative;
  width: 340px;}

#your-local-agent-message p {
  position: absolute;
  z-index: 200;
}

/* Tools */
.simple_overlay
{
  display: none;
  z-index: 999999!important;
  background-color: #BE8750;
  width: 674px; 
  min-height: 200px;
  border: 1px solid #BE8750;
  -moz-box-shadow: 0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;  
}
.simple_overlay .close
{
  background:url(/cms/developer/images/fancy_closebox.png) top left no-repeat;
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}
.site_plan_overlay
{
  display: none;
  z-index: 999999!important;
  background-color: #FFF;
  width: 980px;
  padding: 15px;
  min-height: 200px;
  border: 1px solid #BE8750;
  -moz-box-shadow: 0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;  
}
.site_plan_overlay .close
{
  background:url(/cms/developer/images/fancy_closebox.png) top left no-repeat;
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}
.next, .prev
{
  position: absolute;
  top: 40%; 
  border: 1px solid #BE8750;  
  cursor: pointer;
  display: block;
  padding: 10px 20px;
  color: #430000;
  font-size: 11px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
}
.prev
{
  left: 0;
  border-left: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
}
.next
{
  right: 0;
  border-right: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0; 
}
.next:hover, .previous:hover
{
  text-decoration: underline;
  background-color: #000;
}
.disabled
{
  visibility: hidden;   
}
.info
{
  position: absolute;
  bottom: 0px;
  left: 0px;  
  padding: 10px 15px;
  color: #430000;
  font-size: 11px;
  border-top: 2px solid #BE8750;
}
.info span
{
  color: #430000;
  font-style: italic;
}
.info strong
{
  display: block; 
}
.progress
{
  position: absolute;
  top: 45%;
  left: 50%;
  display: none;
}
.next, .prev, .info
{
  background: #FFF9E8 !important;
}
.details
{ 
  position: absolute; 
  top: 15px; 
  right: 15px; 
  font-size: 11px; 
  color: #FFF; 
  width: 420px;
  padding: 0 0 15px 15px; 
}  
.details h1, .details h2, .details p
{ 
  color: #FFF; 
}
.apple_overlay
{
  display: none;
  background-image: url(/cms/developer/images/overlay-white.png);
  width: 600px;   
  padding: 35px;
  position: relative;
  text-align: center;
}
div.content-block div.small-scrollable
{
  overflow-y: scroll;
  padding: 0 10px 0 0;
  height: 256px;
}
.apple_overlay div.close
{
  background-image: url(/cms/developer/images/popup-close.png);
  position:absolute;
  right:5px;
  top:5px;
  cursor:pointer;
  height: 35px;
  width: 35px;
}
dl
{
  margin: 0;
}
dl dt
{
  background: #FFF9E8;
  float: left;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px;
  width: 150px;
  font-size: 11px;
}
dl dd
{
  margin: 2px 0;
  padding: 5px 0;
  font-size: 11px;
}
div.apple_overlay.black
{
  background-image: url(/cms/developer/images/overlay-black.png);   
  color: #fff;
}
div.scrollable
{
  overflow-y: scroll;
  padding: 0 10px 0 0;
  height: 430px;
}
div#tooltip
{ 
  display: none; 
  background: transparent url(/cms/developer/images/region-pop-up.gif); 
  font-size: 13px; 
  text-align: center;
  line-height: 19px;
  height: 19px; 
  width: 137px;
  letter-spacing: 1px;
  padding: 5px 10px 18px 20px;
  font-weight: bold; 
  color: #FFF;     
}

div.black h2, div.black p
{
  color: #fff;
  line-height: 24px;
  font-size: 14px;
}
div.black h2
{
  font-size: 24px;
}
div.black div.video
{
  text-align: center;
}
div.black p, div.black ul, div.black li
{
  font-size: 12px;
  line-height: 16px;
}
ul
{
  margin-bottom: 10px;
}
h2 a
{
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
div.black ul
{
  margin-left: 20px;
}
div.black h2, div.black p, div.black ul, div.black li
{
  color: #fff;
  line-height: 16px;
}
div.black h3
{
  color: #E6AF3A;
  padding: 0;
  margin: 0 0 10px 0;
}

#our-partners {
  height: 250px;
  overflow-y: scroll;}
  
#our-partners img {
  margin-right: 15px;}

#perfect_investment {
  height: 350px !important;
}

#facts_figures li {
  margin: 5px 0;
}

/*
div#facilities_images {
  width: 190px;}
*/

div.apartment-border, div.agent-border {
  border: 1px solid #BE8750;
  margin: 0 0 10px 0;
  padding: 10px;}
}

div.agent-border {
  margin-bottom: 20px;
  padding-top: 0px;}


/* #################### */
/*    AGENT LOCATOR
/* #################### */
div#map
{
  position: absolute;
  top: 83px;
  right: 47px;
  width: 423px;
  height: 298px;
  background: #FFF;
}
div#agents
{
  position: absolute;
  top: 83px;
  right: 47px;
  width: 391px;
  height: 281px;
  background: #FFF;
  border: 1px solid #E8E1D4;
  padding: 15px 15px 15px 15px;
  overflow-y: scroll;
}
div#agents h2
{
  padding: 5px 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #E8E1D4;
}
div#agents p
{
  font-size: 11px;
  padding: 0 0 5px 0;
}

div#map {
  background-color: #FFFFFF;
  height: 298px;
  position: absolute;
  right: 45px;
  top: 83px;
  width: 423px;}
  
div#map_container
{
  position: relative;
  width: 423px;
  height: 298px;
}
label#select_a_map, img#map_ireland, img#map_london, img#map_middle_england, img#map_north_england, img#map_northern_ireland, img#map_scotland, img#map_south_england, img#map_wales
{
  position: absolute;
}
label#select_a_map
{
  left: 300px;
  top: 90px;
}
img#map_ireland
{
  left: 0px;
  top: 120px;
}
img#map_london
{
  left: 336px;
  top: 241px;
}
img#map_middle_england
{
  left: 243px;
  top: 167px;
}
img#map_north_england
{
  left: 235px;
  top: 104px;
}
img#map_northern_ireland
{
  left: 99px;
  top: 125px;
}
img#map_scotland
{
  left: 122px;
  top: 0px;
}
img#map_south_england
{
  left: 165px;
  top: 230px;
}
img#map_wales
{
  left: 181px;
  top: 186px;
} 
div.contact-content select
{
  background: transparent url(/cms/developer/images/text-box-background.gif) repeat left top;
  border: 1px solid #BA8046;
  color: #000;
  margin: 5px 0 0 0;
  padding: 3px 5px;
  width: 200px;
  font-size: 11px;
}
div.contact-content input.text-box, div.contact-content textarea.textarea
{
  background: #F1E6DA;
  border: 1px solid #BA8046;
  color: #887D6A;
  margin: 5px 0 0 0;
  padding: 3px 5px;
  width: 188px;
  font-size: 11px;
}
div.contact-content textarea.textarea
{
  height: 50px;
}
p.checkbox
{
  font-size: 10px;
}
.button
{
  background: transparent url(/cms/developer/images/button-background.gif) repeat left top;
  border: 1px solid #420000;
  color: #FFF;
  margin: 5px 5px 0 0;
  padding: 3px 5px;
  font-size: 11px;
  letter-spacing: 1px;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}
.modal
{ 
  background: #fff; 
  display: none; 
  width: 350px; 
  padding: 0 15px 15px 15px; 
  text-align: left; 
  border: 2px solid #BE8750; 
  opacity:0.8; 
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  -moz-box-shadow: 0 0 50px #420000; 
  -webkit-box-shadow: 0 0 50px #420000; 
}
.required
{
  color: #CC0000;
}
.modal h2
{
  padding: 15px 0 5px 0;
  margin: 0 0 5px 0;
  font-size: 24px;
  border-bottom: 1px solid #E8E1D4; 
}
select.form-modal
{
  width: 350px!important;
}
input.form-modal, textarea.form-modal
{
  width: 338px!important;
}


/* #################### */
/*    INTERACTIVE MAP
/* #################### */
div#image_links ul {
  height: 130px;
  margin: 0 auto;
  text-align: center;}

div#image_links li {
  display: inline;
  margin: 5px;
  width: 126px;}

div#explore_map {
  position: relative;
}

.explore-image1-large,
.explore-image2-large,
.explore-image3-large,
.explore-image4-large,
.explore-image5-large,
.explore-image6-large {
  position: absolute;
  top: 15px;}
  
.explore-image1-large {
  left: 50px; }

.explore-image2-large {
  left: 150px;  }
  
.explore-image3-large {
  left: 250px;  }
  
.explore-image4-large {
  left: 350px;  }
  
.explore-image5-large {
  left: 450px;  }
  
.explore-image6-large {
  left: 550px;  }
  
.explore-locations {
  background: transparent;
  position: absolute;}

#explore_locations1 {
  top: 252px;
  left: 164px;}

#explore_locations2 {
  top: 248px;
  left: 162px;  }

#explore_locations3 {
  top: 255px;
  left: 462px;  }

#explore_locations4 {
  top: 241px;
  left: 413px;  }

 #explore_locations5 {
  top: 245px;
  left: 457px;  }

#explore_locations6 {
  top: 285px;
  left: 450px;  }


/* #################### */
/*    GALLERY
/* #################### */
#gallery {
    background: transparent;
    height: 265px;
    overflow-y: scroll;}
  
  #gallery ul, div.gallery ul { 
    list-style: none; 
    padding-left: 0px}

  #gallery ul li, div.gallery ul li { display: inline; }
  
  #gallery img, div.gallery img
  {
    border: 1px solid #BE8750;
    margin: 0 5px 5px 0px;
  }
ul.newsticker li
{
  list-style: none!important;
}

div#fancy_overlay {
  display:none;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:9999;
}

div#fancy_loading {
  background:transparent;
  cursor:pointer;
  display:none;
  height:40px;
  overflow:hidden;
  position:absolute;
  width:40px;
  z-index:100;
}

div#fancy_loading div {
  background:transparent url(/cms/developer/images/fancy_progress.png) no-repeat;
  height:480px;
  left:0;
  position:absolute;
  top:0;
  width:40px;
}

div#fancy_outer {
  background:transparent;
  display:none;
  left:0;
  margin:0;
  padding:20px 20px 40px;
  position:absolute;
  top:0;
  z-index:99999;
}

div#fancy_inner {
  background:#FFF;
  height:100%;
  position:relative;
  width:100%;
}

div#fancy_content {
  margin:0;
  position:absolute;
  z-index:100;
}

div#fancy_div {
  background:#B97F46;
  color:#FFF;
  height:100%;
  width:100%;
  z-index:100;
}

img#fancy_img {
  border:0;
  height:100%;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:100;
}

div#fancy_close {
  background:url(/cms/developer/images/fancy_closebox.png) top left no-repeat;
  cursor:pointer;
  display:none;
  height:30px;
  position:absolute;
  right:-15px;
  top:-12px;
  width:30px;
  z-index:999999;
}

#fancy_frame {
  display:none;
  height:100%;
  position:relative;
  width:100%;
}

#fancy_ajax {
  height:100%;
  overflow:auto;
  width:100%;
}

a#fancy_left,a#fancy_right {
  background-image:url(/cms/developer/images/data:image/gif;base64,AAAA);
  bottom:0;
  cursor:pointer;
  display:none;
  height:100%;
  outline:none;
  overflow:hidden;
  position:absolute;
  width:35%;
  z-index:111;
}
object
{
outline:none;
}
.flash
{
  width: 100%;
  height: 100%;
}
a#fancy_left {
  left:0;
}

a#fancy_right {
  right:0;
}

span.fancy_ico {
  cursor:pointer;
  display:block;
  height:30px;
  margin-top:-15px;
  position:absolute;
  top:50%;
  width:70px;
  z-index:112;
}

span#fancy_left_ico {
  background:transparent url(/cms/developer/images/fancy_left.png) no-repeat;
  visibility:visible;
  left: 20px;
}

span#fancy_right_ico {
  background:transparent url(/cms/developer/images/fancy_right.png) no-repeat;
  visibility:visible;
  right: 20px;
}

a#fancy_left:hover, a#fancy_right:hover {
  background-color:transparent;
  visibility:visible;
}

a#fancy_left:hover span {
  /* left:20px; */
}

a#fancy_right:hover span {
  /* right:20px; */
}

#fancy_bigiframe {
  background:transparent;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

div#fancy_bg {
  border:0;
  height:100%;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:70;
}

div.fancy_bg {
  border:0;
  display:block;
  margin:0;
  padding:0;
  position:absolute;
  z-index:70;
}

div#fancy_bg_n {
  background:transparent url(/cms/developer/images/fancy_shadow_n.png) repeat-x;
  height:20px;
  left:0;
  top:-20px;
  width:100%;
}

div#fancy_bg_ne {
  background:transparent url(/cms/developer/images/fancy_shadow_ne.png) no-repeat;
  height:20px;
  right:-20px;
  top:-20px;
  width:20px;
}

div#fancy_bg_e {
  background:transparent url(/cms/developer/images/fancy_shadow_e.png) repeat-y;
  height:100%;
  right:-20px;
  width:20px;
}

div#fancy_bg_se {
  background:transparent url(/cms/developer/images/fancy_shadow_se.png) no-repeat;
  bottom:-20px;
  height:20px;
  right:-20px;
  width:20px;
}

div#fancy_bg_s {
  background:transparent url(/cms/developer/images/fancy_shadow_s.png) repeat-x;
  bottom:-20px;
  height:20px;
  left:0;
  width:100%;
}

div#fancy_bg_sw {
  background:transparent url(/cms/developer/images/fancy_shadow_sw.png) no-repeat;
  bottom:-20px;
  height:20px;
  left:-20px;
  width:20px;
}

div#fancy_bg_w {
  background:transparent url(/cms/developer/images/fancy_shadow_w.png) repeat-y;
  height:100%;
  left:-20px;
  width:20px;
}

div#fancy_bg_nw {
  background:transparent url(/cms/developer/images/fancy_shadow_nw.png) no-repeat;
  height:20px;
  left:-20px;
  top:-20px;
  width:20px;
}

div#fancy_title {
  display:none;
  position:absolute;
  z-index:999999;
}

div#fancy_title div {
  color:#FFF;
  font:bold 12px Arial;
  padding: 0 15px;
  white-space:nowrap;
}

div#fancy_title table {
  margin:0 auto;
}

div#fancy_title table td {
  padding:0;
  vertical-align:middle;
}

td#fancy_title_left {
  background:transparent url(/cms/developer/images/fancy_title_left.png) repeat-x;
  height:30px;
  width:14px;
}

td#fancy_title_main {
  background:transparent url(/cms/developer/images/fancy_title_main.png) repeat-x;
  /* background-color: #BE8750; */
  height:30px;
  margin: 0 15px 10px;
}
td#fancy_title_right {
  background:transparent url(/cms/developer/images/fancy_title_right.png) repeat-x;
  height:30px;
  width:14px;
}
/* Main elements */
div#footer
{
  height: 35px;
  width: 967px;
  margin: 5px auto 0px auto;
}
div#footer img, div#footer a
{
  float: right;
  margin: 0 0 0 25px;
}
div#footer a img
{
  margin: 0;
}
div#footer a#footer_melia_logo
{
  margin-right: 10px;
  margin-top: 0px;
  width: 43px;
}
div#footer a#footer_verisign_logo
{
  margin-right: 0px;
  margin-top: 0px;
  width: 50px;
}
div#footer a
{
  line-height: 35px;
  text-transform: uppercase;
  color: #420000;
  font-size: 10px;
  text-decoration: none;
  letter-spacing: 1px;
}
div#footer a:hover
{
  text-decoration: underline;
}
div.right {
  float: right;
  margin: 0 0 10px 10px;}
  
img.right
{
  float: right;
  margin: 0 0 10px 10px;
}
img.left
{
  float: left;
  margin: 0 10px 10px 0;
}
.no-scroll
{
  overflow: hidden!important;
}
.no-border
{
  border: 0 none!important;
}
.hide
{
  display: none;
}
br.clear
{
  height: 0px;
  font-size: 0px;
  padding: 0px;
  margin: 0px;
  clear: both;
}
div#fancy_loading div
{
  background: transparent url(/cms/developer/images/fancy_progress.png) no-repeat!important;
}
div#fancy_close
{
  background: url(/cms/developer/images/fancy_closebox.png) top left no-repeat!important;
}
a#fancy_left, a#fancy_right
{
  background-image: url("data:image/gif;base64,AAAA")!important;
}
span#fancy_left_ico
{
  background: transparent url(/cms/developer/images/fancy_left.png) no-repeat!important;
}
span#fancy_right_ico
{
  background: transparent url(/cms/developer/images/fancy_right.png) no-repeat!important;
}
div#fancy_bg_n
{
  background: transparent url(/cms/developer/images/fancy_shadow_n.png) repeat-x!important;
}
div#fancy_bg_ne
{
  background: transparent url(/cms/developer/images/fancy_shadow_ne.png) no-repeat!important;
}
div#fancy_bg_e
{
  background: transparent url(/cms/developer/images/fancy_shadow_e.png) repeat-y!important;
}
div#fancy_bg_se
{
  background: transparent url(/cms/developer/images/fancy_shadow_se.png) no-repeat!important;
}
div#fancy_bg_s
{
  background: transparent url(/cms/developer/images/fancy_shadow_s.png) repeat-x!important;
}
div#fancy_bg_sw
{
  background: transparent url(/cms/developer/images/fancy_shadow_sw.png) no-repeat!important;
}
div#fancy_bg_w 
{
  background: transparent url(/cms/developer/images/fancy_shadow_w.png) repeat-y!important;
}
div#fancy_bg_nw
{
  background: transparent url(/cms/developer/images/fancy_shadow_nw.png) no-repeat!important;
}
td#fancy_title_left
{
  background: transparent url(/cms/developer/images/fancy_title_left.png) repeat-x!important;
}
td#fancy_title_main
{
  background: transparent url(/cms/developer/images/fancy_title_main.png) repeat-x!important;
}
td#fancy_title_right
{
  background: transparent url(/cms/developer/images/fancy_title_right.png) repeat-x!important;
}
a.nimble-cms-logo
{
  color: #CCC!important;
}
.center
{
  text-align: center;
}
div.location-map {
  background: transparent url(/cms/dunas-beach-resort/general-stock-photos/map.jpg) no-repeat top right;
  height: 100%;}

div.location-map p {
  width:325px;}
div.rotating-images
{
  position: relative;
}
div.rotating-images-right img
{
  right: 0px!important;
  left: auto!important;
}
body {
  height:100%;
  margin:0;}

#contact-overlay {
  background-color:#B97F46;
  cursor:wait;}

#contact-container {
  font-family:'Trebuchet MS', Verdana, Arial;
  font-size:16px;
  text-align:left;
  width:775px;}

.contact-content h2 {
  margin: 15px 0 10px;}

#contact-container .contact-content {
  background-color:#FFFFFF;
  width: 740px; 
    padding: 0 15px 15px 15px; 
    text-align: left; 
    border: 2px solid #BE8750; 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #420000; 
    -webkit-box-shadow: 0 0 50px #420000; 
  color:#430000;
  height:40px;}

#contact_form_left {
  float: left;
  width: 350px;}

#contact_form_right {
  float: right;
  width: 350px;}

.contact-type, #register_checkbox { 
  margin: 5px !important;
  width: 15px !important;}

#contact-container .contact-loading {
  background:url(/contact/img/contact/loading.gif) no-repeat;
  height:55px;
  margin:-14px 0 0 170px;
  padding:0;
  position:absolute;
  width:54px;
  z-index:8000;}

#contact-container .contact-message {
  text-align:center;}

#contact-container .contact-error {
  background:#BA8046;
  color: #FFFFFF;
  border:1px solid #ccc;
  margin:5px auto;
  padding:2px;}

#contact-container br {
  clear:both;}

#contact-container form {
  margin:10px 0 0 0;
  padding:0;
  width: 710px;}

#contact-container .contact-content input{
  background: #F1E6DA;
  border: 1px solid #BA8046;
  color: #887D6A;
  margin: 0px 0 3px 0;
  padding: 3px 5px;
  font-size: 11px;
  width:300px;}

p.checkbox {
  font-size: 10px;
  width: auto;}

#contact-container textarea {
  height:110px;}

#contact-container .contact-cc {
  cursor:default;
  font-size:.9em;}

#contact-container .contact-top {
  height:13px;
  margin:0;
  padding:0;}

#contact-container .contact-bottom {
  font-size:.7em;
  height:13px;
  text-align:center;}

#contact-container .contact-bottom a,#contact-container .contact-bottom a:link,#contact-container .contact-bottom a:active,#contact-container .contact-bottom a:visited {
  color:#666;
  position:relative;
  text-decoration:none;
  top:-4px;}

#contact-container .contact-bottom a:hover {
  color:#888;}

#contact-container .contact-button {
  background: transparent url(/contact/img/button-background.gif) repeat left top;
  border: 1px solid #420000;
  color: #FFF;
  margin: 15px 5px 0 0;
  padding: 3px 5px;
  font-size: 11px;
  letter-spacing: 1px;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;}
  
.modal-close
{
  background:url(/images/jquery-fancybox/fancy_closebox.png) top left no-repeat;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  height: 28px;
  width: 28px;
  z-index: 1000;
}

.tickercontainer { /* the outer div with the black border */
  height: 27px; 
  margin: 0; 
  overflow: hidden;
  padding: 0
  width: 550px; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
  position: relative;
  left: 10px;
  top: 3px;
  width: 530px;
  overflow: hidden;
 }

ul.newsticker { /* that's your list */
  position: relative;
  left: 550px;
  font: bold 10px Verdana;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.newsticker li {
  float: left; /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  padding: 0;
}

ul.newsticker a {
  font: bold 10px Verdana;
  margin: 0 20px 0 0;
  padding: 0;
  white-space: nowrap;
} 
ul.newsticker span {
  font: bold 10px Verdana;
  margin: 0 5px 0 0;
}
form.formular {
  color: #555;
  width: 475px;}
  
form .form-container {
  color: #555;
  overflow: hidden;}
 
form .form-container p {
  color: #555;
  padding: 0;
  position: relative;}
  
form .form-left {
  color: #555;
  float: left;}
  
form .form-right {
  color: #555;
  float: right;
  text-align: left;}

form .form-container p label {
  color: #555;
  left: 5px;
  position: absolute;
  top: 8px;}

.formular fieldset label {
  float: none;
  text-align: inherit;
  width: auto;
}

.formular span {
  color: #555;
}

.formular input, .formular select, .formular textarea {
  display : block;
  margin-bottom: 5px;
}

.formular .text-input {
  width: 200px;
  color: #555;
  padding: 4px;
  border: 1px solid #B5B8C8;
  font-size: 14px;
  margin-top: 4px;  
}
.formular textarea {
  height:70px;
  color: #555;
  padding: 4px;
  border: 1px solid #B5B8C8;
  font-size: 14px;
  margin-top: 4px;
  
}
.formular .infos {
  background: #FFF;
  color: #333;
  font-size: 12px;
  padding: 10px;
  margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox {
  display: inline;
}
.formular input.radio {
  display: inline;
  width: 20px;}
  
.formular .submit {
  border: 1px solid #AAA;
  padding: 4px;
  margin-top: 20px;
  float: right;
  text-decoration: none;
  cursor:pointer;
}

.formular hr {
  clear: both;
  visibility: hidden;
}

.formular .fc-error {
  width: 350px;
  color: 555;
  padding: 4px;
  border: 1px solid #B5B8C8;
  font-size: 12px;
  margin-bottom: 15px;
  background: #FFEAEA;
}
.formError {
  position:absolute;
  top:300px; left:300px;
  padding-bottom:13px;
  display:block;
  z-index:5000;
  cursor:pointer;
}
#debugMode{
  background:#000;
  position:fixed;
  width:100%; height:200px;
  top:0; left:0;
  overflow:scroll;
  opacity:0.8;
  display:block;
  padding:10px;
  color:#fff;
  font-size:14px;
  z-index:100000;
}
.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
  width:100%; 
  background:#ee0101;
  color:#fff;
  width:150px;
  font-family:tahoma;
  font-size:11px;
  border:2px solid #ddd;
  box-shadow: 0px 0px 6px #000;
  -moz-box-shadow: 0px 0px 6px #000;
  -webkit-box-shadow: 0px 0px 6px #000;
  padding:4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
  position:absolute;
  bottom:0;left:20px;
  width:15px; height:15px;

  z-index:5001;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}

.formError .formErrorArrow div{
  border-left:2px solid #ddd;
  border-right:2px solid #ddd;
  box-shadow: 0px 2px 3px #444;
  -moz-box-shadow: 0px 2px 3px #444;
  -webkit-box-shadow: 0px 2px 3px #444;
  font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
.formError .formErrorArrowBottom div{
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
div.widget
{
  display: none;
}
.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px;
  border-left:2px solid #ddd;
  border-right:2px solid #ddd;
  border-bottom:0px solid #ddd;} 
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}