div.calendar { position: relative; border: 1px solid black; font-family: Verdana, sans-serif; font-size: 0.8em; } .calendar table { color: #000; background-color: #bfbdba; border: 9px solid #bfbdba; cursor: default; }  .calendar table td { text-align: center; }   .button { color: #666; background-color: #2f2f2f; }  .calendar thead .title { color: white; background-color: black; padding: 2px; font-weight: bold; text-align: center; text-transform: uppercase; }  .calendar thead .headrow .button { color: white; padding-bottom: 2px; }  .calendar .nav { background: white url(http://agapibeach.devsite-1.com/templates/main/css/jscalendar/menuarrow.gif) no-repeat scroll right bottom; background-color: inherit; }  .calendar thead .hilite { background-color: #1f1f1f; }  .calendar thead .active { background-color: black; }  .calendar thead .daynames { background-color: white; border: 1px solid #999; }  .calendar thead .name { color: black; border-bottom: 0px solid black; padding: 5px; text-align: center; }  .calendar thead .weekend { color: gray; }  .calendar thead .daynames .hilite { background-color: transparent; }  .calendar thead .daynames .active { background-color: transparent; }   .calendar tbody .day { text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #8a8a8a; border-bottom: 1px solid #8a8a8a; } .calendar tbody .day.othermonth { color: #bbb; font-size: 70%; } .calendar tbody .day.othermonth.oweekend { color: #fbb; background-color: #c1cd23; } .calendar table .wn { visibility: hidden; color: #fcae1d; background: transparent none; } .calendar tbody td { margin: 0; padding: 0; width: 2em; height: 1.5em; } .calendar tbody .rowhilite td { } .calendar tbody .rowhilite td.wn { background-color: #efe; }  .calendar tbody td.hilite { background-color: #ffe; }  .calendar tbody td.active { background-color: #ddc; }  .calendar tbody td.selected { color: #fff; background-color: black; font-weight: bold; }  .calendar tbody td.weekend { background-color: #C5DAEB; }  .calendar tbody td.weekend:hover { color: black; background-color: white; }  .calendar tbody td.today { font-weight: bold; } .calendar tbody .disabled { color: #999; }  .calendar tbody .emptycell { visibility: hidden; }  .calendar tbody .emptyrow { display: none; background-color: #ffe; }   .calendar tfoot .footrow { }  .calendar tfoot .ttip { color: white; background: white url(http://agapibeach.devsite-1.com/templates/main/css/jscalendar/bar.gif) no-repeat scroll; border: 1px solid black; height: 21px;  line-height: 0; text-indent: -999em; font-size: 0px; }  * html .calendar tfoot .ttip { height: 18px; } *:first-child+html .calendar tfoot .ttip { height: 18px; } .calendar tfoot .hilite { padding: 1px; } .calendar tfoot .active { padding: 2px 0px 0px 2px; }  .calendar .combo { display: none; color: black; background-color: white; position: absolute; top: 0px; left: 0px; border: 1px solid #655; width: 4em; cursor: default; font-size: 90%; } .calendar .combo .label, .calendar .combo .label-IEfix { padding: 1px; text-align: center; } .calendar .combo .label-IEfix { width: 4em; } .calendar .combo .hilite { background-color: #fc8; } .calendar .combo .active { background-color: #fee; border-top: 1px solid #a64; border-bottom: 1px solid #a64; font-weight: bold; } .calendar td.time { background-color: #fed; border-top: 1px solid white; padding: 1px 0px; text-align: center; } .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { background-color: white; border: 1px solid #988; padding: 0px 3px 0px 4px; font-weight: bold; } .calendar td.time .ampm { text-align: center; } .calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; } .calendar td.time span.hilite { color: white; background-color: #866; border-color: black; } .calendar td.time span.active { background-color: black; border-color: #f00; }
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; background: url(http://agapibeach.devsite-1.com/templates/main/libs/jquery/lightbox/images/loading.gif) no-repeat center; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(http://agapibeach.devsite-1.com/templates/main/libs/jquery/lightbox/images/blank.gif) no-repeat;  display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(http://agapibeach.devsite-1.com/templates/main/libs/jquery/lightbox/images/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://agapibeach.devsite-1.com/templates/main/libs/jquery/lightbox/images/next.gif) right 50% no-repeat; }  #nextLinkText, #prevLinkText{ color: #FF9834; font-weight:bold; text-decoration: none; } #nextLinkText{ padding-left: 20px; } #prevLinkText{ padding-right: 20px; }   .ontop #imageData { padding-top: 5px; }  #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 26px; float: right; padding-bottom: 0.7em; height: 26px; background: url(http://agapibeach.devsite-1.com/templates/main/libs/jquery/lightbox/images/close.gif) no-repeat; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix {  height: 1%;  }
html, body { margin: 0; padding: 0; width: 100%; } div#holder { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 75%; } h1 { font-size: 1em; margin: 0em 0em 0em; } h2 { font-size: 1.2em; margin: 0em 0em 0em; } h3 { font-size: 1em; margin: 1.4em 0em 0em; } h4 { font-size: 1em; margin: 0em 0em 0em; } h5 { font-size: 1em; margin: 0em 0em 0em; } h6 { font-size: 1em; margin: 0em 0em 0em; } p, li { line-height: 1.2; } p { font-size: 1em; margin: 0.5em 0em 0.9em; } li { font-size: 0.9em; } li > p { margin-top: 0.2em; } ol, ul { margin-top: 0.2em; margin-bottom: 0.1em; margin-left: 0; padding-left: 1.8em;  list-style-type: square; } img { border: 0 none; } th { font-weight: normal; text-align: right; padding-right: 0.5em; } td { text-align: center; } form, button, input, select, textarea { margin: 0; } button { overflow: visible; padding: 0 6px }  em { font-style: italic; } strong { font-weight: bold; } sup { font-size: 0.74em;  vertical-align: top; position: relative; top: -0.1em; } sup.ordinal { text-transform: lowercase; } .temperature { white-space: nowrap;  } a {text-decoration: none} .hidden {display: none} .on_top {z-index: 1}
#holder { position:relative; margin: 20px auto; width:950px; background-color: white; border: 15px solid white; }  #holder { _zoom: 1; } #holder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  .cufon-canvas { position: relative; top: 3px; } #top-menu-end .cufon-canvas { top: 0; } #menu-subpage .cufon-canvas { top: -1px; } .slide { position: absolute; top: 0; left: 0; } #topholder { position: relative; top: 546px; width: 950px; height: 1px; z-index: 50; } h1 { background: transparent url(http://agapibeach.devsite-1.com/templates/main/images/opacity_layer50black.png); position: absolute; bottom: 0; left: 0; width: 435px; padding: 10px 500px 15px 15px; } * html h1 { background-image: none; padding: 0; width: 950px; } * html h1 .IE-PNG-bugfix-wrapper { background: transparent url(http://agapibeach.devsite-1.com/templates/main/images/opacity_layer50black.png); _behavior: url(/iepngfix.htc); padding: 10px 500px 15px 15px; width: 435px; } * html h1 a { position: relative; } #branding { position: absolute; top: 10px; left: 400px; } #lang-bar { position:absolute; right:0; top:75px; } div#lang-bar ul { list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; } div#lang-bar ul li { float:right; _display:inline; margin:0 0 0 7px; padding:0; vertical-align:middle; } #top-menu-start { position:absolute; left: 0px; top: 130px; width: 950px; height: 31px; } #top-menu-end { position:absolute; right: 0px; top: 110px; text-align: right; } #main-visual { position: absolute; left: 0px; top: 170px; height: 376px; } #rates { position: absolute; top: 510px; left: 455px; padding: 0 10px; z-index: 50; color: white; width: 190px; border-left: 1px solid white; height: 30px; } #rates h2 { display: none; } #rates p { margin: 0; } #main-content { float:left; _diplay:inline; position: relative; margin-top: 630px; padding:20px 25px; width: 610px; } #main-content #content { text-align: left; } #booking-mask { position: absolute; top: 565px; left: 0; width: 666px; height: 65px; padding-right: 284px; } div#special-offers, div.site-highlight { clear: right; float:right; _display:inline; position: relative; width: 250px; border: 7px solid white; right: 20px; } div#special-offers h2, div.site-highlight h2 { height: 18px; padding: 6px; } div#special-offers { margin-top: 435px; z-index: 50; background-color: white; height: 210px; } div#offers-slideshow { position: relative; } div#special-offers div.detail { background: transparent url(http://agapibeach.devsite-1.com/templates/main/images/opacity_layer75white.png); position: absolute; top: 92px; right: 0; width: 250px; height: 65px; } * html div#special-offers div.detail { background-image: none; } * html div#special-offers div.detail .IE-PNG-bugfix-wrapper { background: transparent url(http://agapibeach.devsite-1.com/templates/main/images/opacity_layer75white.png); _behavior: url(/iepngfix.htc); height: 65px; } * html div#special-offers div.detail a { position: relative; } div#special-offers .navigation { position: absolute; top: 100px; right: 12px; z-index: 1; } div#special-offers .navigation .prev, div#special-offers .navigation .next { display: none; } div#special-offers .navigation a { border-left: 1px solid black; color: black; text-decoration: none; padding-left: 5px; } div#special-offers .navigation #offersJsslideshow_navbar1 { border: 0 none; } div.site-highlight div.detail { background: transparent url(http://agapibeach.devsite-1.com/templates/main/images/opacity_layer75white.png); position: absolute; bottom: 0; left: 0; width: 250px; padding: 0; } * html div.site-highlight div.detail { background-image: none; } * html div.site-highlight div.detail .IE-PNG-bugfix-wrapper { background: transparent url(http://agapibeach.devsite-1.com/templates/main/images/opacity_layer75white.png); _behavior: url(/iepngfix.htc); } * html div.site-highlight div.detail a { position: relative; } #weather-feed { clear: right; float:right; _display:inline; position: relative; right:20px; border: 1px solid; width: 238px; margin: 7px 7px 17px; padding: 5px; } div#address .postal, div#address .remote { position: absolute; top: 25px; margin: 0; } div#address .postal { left: 0; } div#address .remote { right: 0; text-align: right; } #footer { clear:both; position: relative; height: 130px; } #footer img { float:right; _display:inline; position: relative; top: 60px; margin: 5px; } #footer p { float:left; _display:inline; position: absolute; bottom: 0; margin: 5px 10px; }
div#holder { color: black; } h1 { color: white; min-height: 18px; _height: 18px; } h2 { font-family: "Trajan Pro", Trajan, Garamond, Georgia, serif; text-transform: uppercase; } a, a:visited { text-decoration: none; } div.top-menu li { font-family: "Trajan Pro", Trajan, Garamond, Georgia, serif; font-variant: small-caps; text-transform: uppercase; font-size: 1.1em; } #top-menu-end li { font-size: 0.9em; }  div#main-content { text-align: center; } div#main-content h2 { color: #606060; font-size: 1.8em; padding-bottom: 20px; } div#main-content h3 { font-size: 1.2em; } div#main-content p.features { padding-top: 5px; font-weight: bold; } div#main-content #content ul { list-style-image: url(http://agapibeach.devsite-1.com/templates/main/images/bullet.gif); margin-bottom: 20px; } div#main-content #content li { margin-left: 20px; padding: 2px; }  div#special-offers p.text { margin: 10px; width: 170px; } div#special-offers p.more { position: absolute; top: 27px; right: 10px; } div.site-highlight p.text { width: 175px; margin: 0; padding: 10px; } div.site-highlight p.more { position: absolute; bottom: 6px; right: 5px; margin: 0; } div.site-highlight ul { margin: 0; padding: 10px 10px 10px 30px; background-color: #eeeeee; list-style-image: url(http://agapibeach.devsite-1.com/templates/main/images/bullet.gif); } div.site-highlight li { padding: 2px 0; }  div#address { font-size: 0.9em; word-spacing: 0.2em; } div#address .postal { text-align: left; text-transform: uppercase; } div#address .remote { text-align: right; } div#address dt, div#address dd { display: inline; } div#address dt { text-transform: uppercase; } #footer { font-size: 0.8em; }
div#booking-mask p { float: left; _display: inline; text-transform: uppercase; margin: 0 30px 0 0; } span.rateslabel { font-size: 1.8em; display: block; } span.reservlabel { font-size: 1.1em; } div#booking-mask form { position: relative;  float: left; _display: inline; margin: 12px 30px; }  div#booking-mask form:after, div#booking-mask div.date:after, div#newsletter form:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }  div#booking-mask label, div#newsletter label { display: block; margin: 0 0 4px; text-transform: uppercase; color: white; } div#booking-mask label, div#newsletter label, div#booking-mask img.datepicker, div#booking-mask .go, div#newsletter .go { font-size: 0.9em; } div#booking-mask input, div#booking-mask select, div#newsletter input { display: block; border: 1px solid gray; font-size: 1.0em; } div#booking-mask input[type~="hidden"] { display: none; } div#booking-mask div.date, div#booking-mask div.choose, div#newsletter div.email-entry { float: left; _display: inline; margin-right: 15px; } div#booking-mask div.date { position: relative; } div#booking-mask div.date label#date-format-helper { position: absolute; left: 0.5em; bottom: -1.7em; text-transform: lowercase; } div#booking-mask div.date input { float: left; _display: inline; padding-left: 0.5em; margin-right: 5px; } div#booking-mask div.date input { width: 7.8em; _width: 118px;  } .rtl div#booking-mask div.date input { padding-left: 0; padding-right: 0.5em; } div#booking-mask img.datepicker { display: inline; margin: 0; border: 0 none; width: 20px; height: 15px; cursor: pointer; } div#booking-mask div.choose.children {  } div#booking-mask div.choose select { padding: 0px; width: 4.1em;  } div#newsletter div.email-entry { margin-right: 18px; } div#newsletter div.email input { width: 13em; } div#booking-mask .go, div#newsletter .go {  background-color: transparent; overflow: visible; float: left; _display: inline; margin: 0.8em 0 0 5px; border: 0 none; padding: 0; min-height: 1.7em; _height: 1.7em; cursor: pointer;   } div.calendar { z-index: 999; }
div.widget_bestPrices, div.widget_bestPrices a, div.widget_bestPrices a:visited { } div.widget_bestPrices p.from-price { text-transform: uppercase; }  div.widget_bestPrices p.from-price:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }  div.widget_bestPrices p.from-price .rooms-available-from { float: left; margin-right: 15px; } div.widget_bestPrices p.from-price .rooms-available { float: left; font-size: 1.3em; } div.widget_bestPrices p.from-price .from { float: left; clear: left; } div.widget_bestPrices p.from-price .price { float: left; margin-right: 15px; } div.widget_bestPrices p.from-price .currency-symbol { vertical-align: top; font-size: 1.2em; } div.widget_bestPrices p.from-price .lowest-rate { vertical-align: top; position: relative; top: -4px; font-size: 2.2em; } div.widget_bestPrices p.from-price a { position: relative; top: 3px; }
div#weather-feed { line-height: 20px; _height: 20px; font-family: "Trajan Pro", Trajan, Garamond, Georgia, serif; font-variant: small-caps; text-transform: uppercase; font-size: 1.1em; text-align: center; } dl, dt, dd { margin: 0; padding: 0; } div#weather-feed dl { margin: 0 auto; } div#weather-feed dt.time { display: inline; padding-right: 8px; } div#weather-feed dd.time { display: inline; } div#weather-feed dt.temp { display: none; }
div.top-menu ul, div#bottom-menu ul { margin: 0; padding: 0; }  div.top-menu ul.menu-level2, div.top-menu li.booknow { display: none; } div#top-menu-start ul.menu-level1 { height: 30px; } div.top-menu li { float: left; _display: inline; list-style: none outside none; } div#top-menu-end li { border-right: 1px solid #768073; padding-top: 2px; } div.top-menu a { display: block; _display: inline; _zoom: 1; text-decoration: none; white-space: nowrap; font-size: 0.9em; } #top-menu-start li a { padding: 7px 20px 11px; _padding: 9px 20px 9px; } .nojs #top-menu-start li a { padding: 7px 23px 9px; } #top-menu-start li.item1 a { padding-left: 26px; } #top-menu-start li.itemr1 a { padding-right: 26px; } div#top-menu-end li a { padding: 0 10px; background-color: white; } div#top-menu-end li.itemr1 { border: 0 none; }  div#menu-subpage { margin: 7px 0 30px; text-transform: uppercase; text-align: center; } div#menu-subpage ul { padding: 0; } div#menu-subpage a, div#menu-subpage li { display: none; } div#menu-subpage li.active-under { display: inline; } div#menu-subpage li.level2 { display: inline; list-style:none outside none; margin-left: 3px; } div#menu-subpage li.level2 a { display: inline; padding: 7px 8px 5px; }  div#bottom-menu { padding: 65px 130px 40px; text-align: center; } div#bottom-menu ul.menu-level2 { display: none; } div#bottom-menu li { display:inline; list-style:none outside none; font-size:11px; text-transform: uppercase; } div#bottom-menu a { padding: 0 9px 0 5px; text-decoration: none; white-space: nowrap; border-right:1px solid white; } div#bottom-menu li.blast a { border: 0 none; } div#bottom-menu a, div#bottom-menu a:visited { color: white; }
div#top-menu-start ul.menu-level1 { border-top: 1px solid #ABCAE1; background-color: #E5EFF7; } div#top-menu-start a:hover, div#top-menu-start li.active a, div#top-menu-start li.active-under a { background-color: white; } div#menu-subpage li.level2 a { background-color: #DFEAF3; } div#menu-subpage li.level2 a:hover, div#menu-subpage ul.menu-level2 li.active a { background-color: #C5DAEB; } div#bottom-menu a:hover { color: #DBE8F3; }
body { background: #F9F9ED url(http://agapibeach.devsite-1.com/templates/main/images/bg.jpg) repeat; } a, a:visited { color: #4D82B4; } a:hover { color: #90B1D0; } #main-content .intro { color: #414779; font-size: 1.1em; } #booking-mask { color:#2D5D85; background-color: #87B3D8; } div#special-offers h2, div.site-highlight h2 { color: #ffffff; background: #6786BF url(http://agapibeach.devsite-1.com/templates/main/images/site-highlight_bg.jpg) no-repeat top right; } div#special-offers .navigation a.selected { color: #6786BF; } div#special-offers .text, div.site-highlight .text { color: #494458; } #room-photos .details { color: #787F85; background-color: #F0F4F7; } #room-facilities { color: #3A688B; } div.site-highlight ul { background-color: #F0F4F7; } #weather-feed { color: #7EAACD; } #footer { background: #87B3D8 url(http://agapibeach.devsite-1.com/templates/main/images/footer_bg.jpg) repeat-x; border-bottom: 3px solid #4489C1; color: #2D5D85; }