﻿body.sape-search {
    position: static !important;
}
.row, .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  *zoom: 1;
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  position: relative;
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row:before, .row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
.row:before, .row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
.row:last-child {
  margin-bottom: 0;
}
.row.no-margin {
  margin-bottom: 0;
}

.col {
  position: relative;
}
.col img {
  width: 100%;
}

.col-1-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 5%;
}
.col-1-20:last-child {
  padding-right: 0;
}

.col-2-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 10%;
}
.col-2-20:last-child {
  padding-right: 0;
}

.col-3-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 15%;
}
.col-3-20:last-child {
  padding-right: 0;
}

.col-4-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 20%;
}
.col-4-20:last-child {
  padding-right: 0;
}

.col-5-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 25%;
}
.col-5-20:last-child {
  padding-right: 0;
}

.col-6-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 30%;
}
.col-6-20:last-child {
  padding-right: 0;
}

.col-7-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 35%;
}
.col-7-20:last-child {
  padding-right: 0;
}

.col-8-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 40%;
}
.col-8-20:last-child {
  padding-right: 0;
}

.col-9-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 45%;
}
.col-9-20:last-child {
  padding-right: 0;
}

.col-10-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 50%;
}
.col-10-20:last-child {
  padding-right: 0;
}

.col-11-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 55.0%;
}
.col-11-20:last-child {
  padding-right: 0;
}

.col-12-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 60%;
}
.col-12-20:last-child {
  padding-right: 0;
}

.col-13-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 65%;
}
.col-13-20:last-child {
  padding-right: 0;
}

.col-14-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 70%;
}
.col-14-20:last-child {
  padding-right: 0;
}

.col-15-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 75%;
}
.col-15-20:last-child {
  padding-right: 0;
}

.col-16-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 80%;
}
.col-16-20:last-child {
  padding-right: 0;
}

.col-17-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 85%;
}
.col-17-20:last-child {
  padding-right: 0;
}

.col-18-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 90%;
}
.col-18-20:last-child {
  padding-right: 0;
}

.col-19-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 95%;
}
.col-19-20:last-child {
  padding-right: 0;
}

.col-20-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 100%;
}
.col-20-20:last-child {
  padding-right: 0;
}

.accommodations-sprite, .accommodations-accessability-sm-black, .accommodations-accessability-sm, .accommodations-accessability, .accommodations-balcony-sm-black, .accommodations-balcony-sm, .accommodations-blue-circle-arrow, .accommodations-blue-pagination, .accommodations-check-green, .accommodations-check, .accommodations-checkmark, .accommodations-circle-plus, .accommodations-cloud, .accommodations-compass, .accommodations-connecting-rooms, .accommodations-convertable-beds, .accommodations-deals, .accommodations-door-sm-black, .accommodations-door-sm, .accommodations-extra-space, .accommodations-flag, .accommodations-gray-pagination, .accommodations-grey-opaque-arrow-next, .accommodations-grey-opaque-arrow-prev, .accommodations-guest-sm-black, .accommodations-guest-sm, .accommodations-icon-type-drink, .accommodations-icon-type-flowers, .accommodations-icon-type-kids, .accommodations-icon-type-stateroom, .accommodations-l-bg, .accommodations-left-arrow, .accommodations-left-gray-square-arrow, .accommodations-lightboxclosex, .accommodations-pagination-off, .accommodations-pagination-on, .accommodations-play-btn, .accommodations-r-bg, .accommodations-right-arrow, .accommodations-right-square-arrow, .accommodations-size-sm, .accommodations-staterooms, .accommodations-tails, .accommodations-tri-right, .accommodations-white-tip, .body-content .content-block ul.green-checkmark li, .body-content .room-type-nav li a.standard, .body-content .room-type-nav li a.family, .body-content .room-type-nav li a.spa9, .body-content .room-type-nav li a.havana, .gallery a .target, .ship-info .controls-container .controls ul li.active .tip i, .ship-info .controls-container .controls ul li .tip i, .dotted-callouts i.ui-icon-stateroom, .dotted-callouts i.ui-icon-connecting-rooms, .dotted-callouts i.ui-icon-accessability, .dotted-callouts i.ui-icon-confy, .dotted-callouts i.ui-icon-space, .dotted-callouts i.ui-icon-guestnum, .dotted-callouts i.ui-icon-balcony, .dotted-callouts i.ui-icon-connectroom, .dotted-callouts i.ui-icon-handicap, .dotted-callouts i.ui-icon-cloud, #room_ligthbox .lb-contents ul.icons-list li.guestnum, #room_ligthbox .lb-contents ul.icons-list li.balcony, #room_ligthbox .lb-contents ul.icons-list li.connectroom, #room_ligthbox .lb-contents ul.icons-list li.handicap, #room_ligthbox .lb-contents ul.icons-list li.room-size, #room_ligthbox .carousel-rotator .next-slide, #room_ligthbox .carousel-rotator .next-slide .call-to-action, #room_ligthbox .carousel-rotator .next-slide .call-to-action:hover, #room_ligthbox .carousel-rotator .prev-slide, #room_ligthbox .carousel-rotator .prev-slide .call-to-action, #room_ligthbox .carousel-rotator .prev-slide .call-to-action:hover, #room_ligthbox .carousel-rotator .carousel-pager li a, #room_ligthbox .carousel-rotator .carousel-pager li.active a, #room_ligthbox .carousel-rotator .carousel-pager li.selected a, #room_ligthbox .carousel-rotator .carousel-pager li.cycle-pager-active a, .explore-room .explore-tooltips span.eroom-tooltip {
  background: url('/common/cclus/oba/css/img/accommodations-s56216207b2.png') no-repeat;
}

.accommodations-accessability-sm-black {
  background-position: 0 -2426px;
  height: 25px;
  width: 32px;
}

.accommodations-accessability-sm {
  background-position: 0 -2471px;
  height: 28px;
  width: 19px;
}

.accommodations-accessability {
  background-position: 0 -624px;
  height: 76px;
  width: 74px;
}

.accommodations-balcony-sm-black {
  background-position: 0 -2635px;
  height: 24px;
  width: 32px;
}

.accommodations-balcony-sm {
  background-position: 0 -3171px;
  height: 29px;
  width: 17px;
}

.accommodations-blue-circle-arrow {
  background-position: 0 -2219px;
  height: 35px;
  width: 35px;
}

.accommodations-blue-pagination {
  background-position: 0 -3284px;
  height: 9px;
  width: 10px;
}

.accommodations-check-green {
  background-position: 0 -3031px;
  height: 14px;
  width: 14px;
}

.accommodations-check {
  background-position: 0 -3098px;
  height: 19px;
  width: 21px;
}

.accommodations-checkmark {
  background-position: 0 -3137px;
  height: 14px;
  width: 14px;
}

.accommodations-circle-plus {
  background-position: 0 -2170px;
  height: 29px;
  width: 30px;
}

.accommodations-cloud {
  background-position: 0 -720px;
  height: 74px;
  width: 74px;
}

.accommodations-compass {
  background-position: 0 -2344px;
  height: 17px;
  width: 18px;
}

.accommodations-connecting-rooms {
  background-position: 0 -904px;
  height: 75px;
  width: 74px;
}

.accommodations-convertable-beds {
  background-position: 0 -528px;
  height: 76px;
  width: 74px;
}

.accommodations-deals {
  background-position: 0 -2598px;
  height: 17px;
  width: 18px;
}

.accommodations-door-sm-black {
  background-position: 0 -2519px;
  height: 26px;
  width: 32px;
}

.accommodations-door-sm {
  background-position: 0 -2381px;
  height: 25px;
  width: 24px;
}

.accommodations-extra-space {
  background-position: 0 -432px;
  height: 76px;
  width: 74px;
}

.accommodations-flag {
  background-position: 0 -2565px;
  height: 13px;
  width: 23px;
}

.accommodations-gray-pagination {
  background-position: 0 -3313px;
  height: 9px;
  width: 10px;
}

.accommodations-grey-opaque-arrow-next {
  background-position: 0 -1152px;
  height: 37px;
  width: 37px;
}

.accommodations-grey-opaque-arrow-prev {
  background-position: 0 -1095px;
  height: 37px;
  width: 37px;
}

.accommodations-guest-sm-black {
  background-position: 0 -2909px;
  height: 20px;
  width: 31px;
}

.accommodations-guest-sm {
  background-position: 0 -2949px;
  height: 23px;
  width: 18px;
}

.accommodations-icon-type-drink {
  background-position: 0 -108px;
  height: 88px;
  width: 88px;
}

.accommodations-icon-type-flowers {
  background-position: 0 0;
  height: 88px;
  width: 88px;
}

.accommodations-icon-type-kids {
  background-position: 0 -216px;
  height: 88px;
  width: 88px;
}

.accommodations-icon-type-stateroom {
  background-position: 0 -324px;
  height: 88px;
  width: 88px;
}

.accommodations-l-bg {
  background-position: 0 -1528px;
  height: 301px;
  width: 35px;
}

.accommodations-left-arrow {
  background-position: 0 -1268px;
  height: 45px;
  width: 50px;
}

.accommodations-left-gray-square-arrow {
  background-position: 0 -2679px;
  height: 95px;
  width: 40px;
}

.accommodations-lightboxclosex {
  background-position: 0 -1209px;
  height: 39px;
  width: 36px;
}

.accommodations-pagination-off {
  background-position: 0 -3220px;
  height: 13px;
  width: 13px;
}

.accommodations-pagination-on {
  background-position: 0 -3065px;
  height: 13px;
  width: 13px;
}

.accommodations-play-btn {
  background-position: 0 -814px;
  height: 70px;
  width: 69px;
}

.accommodations-r-bg {
  background-position: 0 -1849px;
  height: 301px;
  width: 35px;
}

.accommodations-right-arrow {
  background-position: 0 -1398px;
  height: 45px;
  width: 49px;
}

.accommodations-right-square-arrow {
  background-position: 0 -2794px;
  height: 95px;
  width: 40px;
}

.accommodations-size-sm {
  background-position: 0 -2992px;
  height: 19px;
  width: 19px;
}

.accommodations-staterooms {
  background-position: 0 -999px;
  height: 76px;
  width: 74px;
}

.accommodations-tails {
  background-position: 0 -2274px;
  height: 50px;
  width: 28px;
}

.accommodations-tri-right {
  background-position: 0 -3342px;
  height: 12px;
  width: 7px;
}

.accommodations-white-tip {
  background-position: 0 -3253px;
  height: 11px;
  width: 22px;
}

.body-content .size1of3 {
  width: 33.333%;
}
.body-content .center-wrapper {
  margin: 0 auto;
  width: 90%;
}
.body-content .white-gradient {
  background-color: #f4f4f4;
  background: "";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#f4f4f4, #ffffff);
  background-image: -moz-linear-gradient(#f4f4f4, #ffffff);
  background-image: -o-linear-gradient(#f4f4f4, #ffffff);
  background-image: linear-gradient(#f4f4f4, #ffffff);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ebebeb;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
  min-height: 245px;
}
.lt-ie9 .body-content .white-gradient {
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='white',GradientType=0 );
}
.lt-ie7 .body-content .white-gradient {
  filter: none;
  background: #f4f4f4;
}
.body-content .content-block {
  padding-bottom: 40px;
}
.body-content .content-block.no-bottompad {
  padding-bottom: 0;
}
.body-content .content-block .intro {
  text-align: center;
  margin: 0 auto;
  width: 85%;
  padding: 15px 0 0 0;
}
.body-content .content-block .intro p {
  font-size: 14px;
  width: 60%;
  margin: 0 auto 15px;
  color: #404040;
}
.body-content .content-block#accommodations .intro {
  padding: 0;
}
.body-content .content-block h2.blue {
  color: #0a407d;
  font: normal 38px/38px tempo;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 15px auto;
}
.body-content .content-block ul.green-checkmark {
  *zoom: 1;
  list-style: none;
  position: relative;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 35px;
}
.body-content .content-block ul.green-checkmark:before, .body-content .content-block ul.green-checkmark:after {
  display: table;
  content: "";
}
.body-content .content-block ul.green-checkmark:after {
  clear: both;
}
.body-content .content-block ul.green-checkmark li {
  background-position: 0 -3031px;
  height: 14px;
  width: 14px;
  width: auto;
  padding-left: 24px;
  text-align: left;
  vertical-align: middle;
  line-height: 16px;
  font-size: 14px;
  margin-bottom: 13px;
  height: auto;
}
.body-content .content-block .step-nav {
  display: block;
  position: absolute;
  top: 295px;
  right: 20px;
  z-index: 999;
}
.body-content .content-block .step-nav.prev {
  right: 65px;
}
.body-content .where-to-stay {
  margin-bottom: 0;
  height: 760px;
  padding-bottom: 0;
}
.body-content .pageScrollerNav {
  display: none;
}
.body-content .room-type-nav {
  margin: 20px 0;
  padding: 0;
  text-align: center;
}
.body-content .room-type-nav li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 35px;
  color: #558fca;
  font-size: 18px;
}
.body-content .room-type-nav li a {
  display: block;
  width: 88px;
  height: 88px;
  border: 3px solid #ebebeb;
  -webkit-border-radius: 88px;
  -moz-border-radius: 88px;
  -ms-border-radius: 88px;
  -o-border-radius: 88px;
  border-radius: 88px;
  -webkit-transition: border 0.4s ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition: border 0.4s ease-in-out false;
  -o-transition: border 0.4s ease-in-out false;
  transition: border 0.4s ease-in-out false;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  position: relative;
}
.body-content .room-type-nav li a .overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 88px;
  height: 88px;
  -webkit-transition: opacity 0.25s ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition: opacity 0.25s ease-in-out false;
  -o-transition: opacity 0.25s ease-in-out false;
  transition: opacity 0.25s ease-in-out false;
  -webkit-border-radius: 44px;
  -moz-border-radius: 44px;
  -ms-border-radius: 44px;
  -o-border-radius: 44px;
  border-radius: 44px;
}
.lt-ie9 .body-content .room-type-nav li a .overlay {
  display: none;
}
.body-content .room-type-nav li a.standard {
  background-position: 0 -324px;
  height: 88px;
  width: 88px;
}
.body-content .room-type-nav li a.family {
  background-position: 0 -216px;
  height: 88px;
  width: 88px;
}
.body-content .room-type-nav li a.spa9 {
  background-position: 0 0;
  height: 88px;
  width: 88px;
}
.body-content .room-type-nav li a.havana {
  background-position: 0 -108px;
  height: 88px;
  width: 88px;
}
.lt-ie9 .body-content .room-type-nav li a {
  width: 94px;
  height: 94px;
  border: none;
}
    .lt-ie9 .body-content .room-type-nav li a.standard {
        background: url("/common/cclus/oba/css/img/ie-icon-type-standard.png") 0 0;
    }
    .lt-ie9 .body-content .room-type-nav li a.family {
        background: url("/common/cclus/oba/css/img/ie-icon-type-family.png") 0 0;
    }
    .lt-ie9 .body-content .room-type-nav li a.spa9 {
        background: url("/common/cclus/oba/css/img/ie-icon-type-spa9.png") 0 0;
    }
    .lt-ie9 .body-content .room-type-nav li a.havana {
        background: url("/common/cclus/oba/css/img/ie-icon-type-havana.png") 0 0;
    }
.body-content .room-type-nav li.active {
  color: #0074dc;
  font-weight: bold;
}
.body-content .room-type-nav li.active a {
  border: 3px solid #0074dc;
}
.body-content .room-type-nav li.active a .overlay {
  opacity: 0;
}
.lt-ie9 .body-content .room-type-nav li.active a {
  background-position: 0 -282px;
  border: none;
}
.lt-ie9 .body-content .room-type-nav li.active a:hover {
  background-position: 0 -282px;
}
.body-content .room-type-nav li:hover a .overlay {
  opacity: 0;
}
.lt-ie9 .body-content .room-type-nav li:hover a {
  background-position: 0 -94px;
}
.body-content .rooms-thumbnails {
  padding-bottom: 40px;
}
.body-content .rooms-thumbnails .col {
  padding-right: 0.4%;
}
.body-content .rooms-thumbnails .col .gallery {
  margin-top: 10px;
}
.body-content .rooms-thumbnails .col.no-right-padding {
  padding-right: 0;
  /* padding-left: 0.4%; */
}
.body-content .rooms-thumbnails .three-boxes {
  display: table;
}
.body-content .rooms-thumbnails .three-boxes .col {
  display: table-cell;
  float: none;
  height: 100%;
  vertical-align: top;
}
.body-content .rooms-thumbnails .three-boxes .col .item {
  height: 268px;
  padding-top: 10px;
  box-sizing: border-box;
}
.body-content .rooms-thumbnails .three-boxes .col .item .gallery {
  height: 100%;
  margin: 0;
}
.body-content .rooms-thumbnails .three-boxes .col .item .gallery a {
  max-height: none;
  height: 100%;
}
.body-content .rooms-thumbnails .three-boxes .col .item .gallery a img {
  height: 100% !important;
}

.carousel-sprite, .carousel-widget .pager li a, .carousel-widget .pager li.cycle-pager-active a {
    background: url('/common/cclus/oba/css/img/carousel-s0c1f77d7b3.png') no-repeat;
}

.carousel-widget {
  width: 100%;
  overflow: hidden;
  height: 430px;
  position: relative;
}
.carousel-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.carousel-widget .slides {
  position: relative;
  height: 350px;
}
.carousel-widget .slides img, .carousel-widget .slides a {
  display: block;
  border: 0 none;
}
.carousel-widget .slides img.video, .carousel-widget .slides a.video {
  position: relative;
}
.carousel-widget .slides img.video .play, .carousel-widget .slides a.video .play {
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -35px;
}
.carousel-widget .slides .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  padding-top: 0;
  color: #fff;
  text-align: center;
}
.carousel-widget .slides .overlay .pull-left {
  display: block;
  width: 50%;
  padding-left: 5%;
}
.carousel-widget .slides .overlay .pull-right {
  display: block;
  width: 50%;
  padding-right: 5%;
}
.carousel-widget .slides .overlay .max-width {
  width: 100%;
  display: block;
  text-align: center;
  vertical-align: middle;
}

/* Additional styles for overlay */
.carousel-widget .slides .overlay i{
      font-style: italic;
}
.carousel-widget .slides .overlay i.ccl-icon-play{
      font-style: normal !important;
}

.carousel-widget .slides .overlay .ccl-button-link i, .carousel-widget .banner .overlay .ccl-button-expand i, .carousel-widget .banner .overlay .ccl-button-collapse i{
      font-style: normal !important;
}

.carousel-widget .slides h2, .carousel-widget .slides .h2 {
  display: block;
  font: normal 65px/59px tempo;
  text-transform: uppercase;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
  margin: 0 0 12px;
  color: #fff;
}
.carousel-widget .pager {
  position: absolute;
  top: 50%;
  right: 13px;
  margin-top: -22px;
  z-index: 200;
}
.carousel-widget .pager li {
  margin-bottom: 3px;
}
.carousel-widget .pager li a {
  background-position: -11px -325px;
  height: 13px;
  width: 13px;
  display: block;
  overflow: hidden;
  outline: none;
  text-indent: -9999px;
}
.carousel-widget .pager li.cycle-pager-active a {
  background-position: -65px -503px;
  height: 13px;
  width: 13px;
}

.body-content .content-block.first-child .carousel-widget {
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.video-lightbox {
  border: 10px solid #fff;
  background: #000;
}
.video-lightbox iframe {
  display: block;
}

.lt-ie9 .carousel-widget .cycle-slide-active {
  left: 0 !important;
}

.gallery {
  margin: 6.75% 0 0 0;
}
.gallery.single {
  margin: 3.5% 0 0;
}
.gallery .row .col .slides {
  height: 495px;
  overflow: hidden;
}
.gallery a {
  display: block;
  margin: 0;
  overflow: hidden;
  position: relative;
  max-height: 244px;
  border: none;
  outline: none;
}
.gallery a img {
  margin: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  display: block;
}
@media screen and (max-width: 1024px) {
  .gallery a img {
    height: auto;
  }
}
.gallery a.full {
  max-height: 526px;
}
.gallery a.full .thumb {
  background-position: center center;
  height: 526px;
}
.gallery a .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
}
@media (max-width: 1160px) {
  .gallery a .overlay {
    height: 100%;
  }
}
@media (max-width: 1100px) {
  .gallery a .overlay {
    height: 100%;
  }
}
.gallery a .overlay .overlay-wrapper {
  position: absolute;
  top: 40%;
  display: block;
  width: 100%;
  text-align: center;
}
.gallery a:hover .overlay {
    z-index: 5;
    background: url(/common/cclus/oba/css/img/lightboxbg.png);
    background: rgba(10, 64, 126, 0.7);
}
.gallery a .h3 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font: normal 38px/38px tempo;
  text-shadow: 0 2px 2px rgba(1, 1, 1, 0.27);
  margin-bottom: 20px;
  display: block;
  letter-spacing: 1px;
}
.gallery a .target {
  background-position: 0 -2170px;
  height: 29px;
  width: 30px;
  display: block;
  margin: 0 auto;
}

.gallery a .ccl-icon-play {
  font-size: 38px;
  color: #ffffff;
}

.accomm-ship-sprite, .accomm-ship-aft, .accomm-ship-forward, .accomm-ship-full-ship, .accomm-ship-lower-deck, .accomm-ship-midship, .accomm-ship-upper-deck, .ship-info .ship ul, .ship-info .ship ul li.active a.aft-icon, .ship-info .ship ul li.active a.midship-icon, .ship-info .ship ul li.active a.forward-icon, .ship-info .ship ul li.active a.lower-icon, .ship-info .ship ul li.active a.upper-icon {
    background: url('/common/cclus/oba/css/img/accomm-ship-s9dd5ee15d1.png') no-repeat;
}

.accomm-ship-aft {
  background-position: 0 -574px;
  height: 168px;
  width: 283px;
}

.accomm-ship-forward {
  background-position: 0 -762px;
  height: 168px;
  width: 283px;
}

.accomm-ship-full-ship {
  background-position: 0 0;
  height: 163px;
  width: 849px;
}

.accomm-ship-lower-deck {
  background-position: 0 -299px;
  height: 67px;
  width: 849px;
}

.accomm-ship-midship {
  background-position: 0 -386px;
  height: 168px;
  width: 283px;
}

.accomm-ship-upper-deck {
  background-position: 0 -183px;
  height: 96px;
  width: 849px;
}

.ship-info {
  margin: 15px auto;
  float: none;
}
.ship-info h2 {
  margin-bottom: 10px;
}
.ship-info .ship {
  width: 850px;
  overflow: hidden;
  margin: 155px auto 30px auto;
}
.ship-info .ship ul {
  list-style: none;
  *zoom: 1;
  position: relative;
  margin: 16px auto 0 auto;
  padding: 0;
  width: 850px;
  background-position: 0 0;
  height: 163px;
  width: 849px;
  height: 163px;
  background-repeat: no-repeat;
  overflow: hidden;
}
.ship-info .ship ul:before, .ship-info .ship ul:after {
  display: table;
  content: "";
}
.ship-info .ship ul:after {
  clear: both;
}
.ship-info .ship ul li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
  height: 169px;
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  min-width: 235px;
}
.ship-info .ship ul li a.aft-icon {
  display: block;
  width: 283px;
  height: 169px;
}
.ship-info .ship ul li a.midship-icon {
  display: block;
  width: 283px;
  height: 169px;
}
.ship-info .ship ul li a.forward-icon {
  display: block;
  height: 166px;
  width: 284px;
}
.ship-info .ship ul li a.lower-icon {
  display: block;
  height: 100%;
  width: 100%;
  vertical-align: bottom;
  position: absolute;
  left: 0;
  bottom: 0;
}
.ship-info .ship ul li a.upper-icon {
  display: block;
  height: 100%;
  width: 100%;
  vertical-align: top;
  position: absolute;
  left: 0;
  top: 0;
}
.ship-info .ship ul li.active a.aft-icon {
  background-position: 0 -574px;
  height: 168px;
  width: 283px;
  display: block;
  margin-top: -3px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.ship-info .ship ul li.active a.midship-icon {
  background-position: 0 -386px;
  height: 168px;
  width: 283px;
  display: block;
  margin-top: -3px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.ship-info .ship ul li.active a.forward-icon {
  background-position: 0 -762px;
  height: 168px;
  width: 283px;
  display: block;
  margin-top: -3px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.ship-info .ship ul li.active a.lower-icon {
  background-position: 0 -299px;
  height: 67px;
  width: 849px;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.ship-info .ship ul li.active a.upper-icon {
  background-position: 0 -183px;
  height: 96px;
  width: 849px;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.ship-info .section-cta {
  margin: 0;
}
.ship-info .controls-container {
  width: 660px;
  margin: 0 auto;
}
.ship-info .controls-container .controls {
  *zoom: 1;
  position: relative;
  width: 660px;
  margin: 0 auto;
}
.ship-info .controls-container .controls:before, .ship-info .controls-container .controls:after {
  display: table;
  content: "";
}
.ship-info .controls-container .controls:after {
  clear: both;
}
.ship-info .controls-container .controls ul {
  list-style: none;
  position: relative;
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 82px;
}
.ship-info .controls-container .controls ul:before, .ship-info .controls-container .controls ul:after {
  display: table;
  content: "";
}
.ship-info .controls-container .controls ul:after {
  clear: both;
}
.ship-info .controls-container .controls ul li {
  float: left;
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  width: 20%;
  height: 33px;
  text-transform: uppercase;
  color: #fff;
  font: normal 14px/32px tempo;
  text-align: center;
  vertical-align: middle;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #4779a9;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.13);
}
.ship-info .controls-container .controls ul li.left-corner {
  border-left: 3px solid #fff;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -ms-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ship-info .controls-container .controls ul li.left-corner a {
  border-left: none;
}
.ship-info .controls-container .controls ul li.right-corner {
  border-right: 3px solid #fff;
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -ms-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ship-info .controls-container .controls ul li a {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font: normal 14px/32px tempo;
  text-decoration: none;
  letter-spacing: 0.5px;
  display: block;
  width: 99%;
  height: 100%;
  border-left: 1px solid #35597a;
}
.ship-info .controls-container .controls ul li.smaller {
  width: 15%;
}
.ship-info .controls-container .controls ul li.active {
  background: #35597a;
}
.ship-info .controls-container .controls ul li.active.left-corner {
  border-left: 3px solid #fff;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -ms-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ship-info .controls-container .controls ul li.active.right-corner {
  border-right: 3px solid #fff;
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -ms-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ship-info .controls-container .controls ul li.active .tip i {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical-align: middle;
  background-position: 0 -3253px;
  height: 11px;
  width: 22px;
  display: block;
  margin: 0 auto;
}
.ship-info .controls-container .controls ul li .tip {
  width: 100%;
  text-align: center;
  display: block;
  position: relative;
  bottom: 0;
  padding-top: 35px;
}
.ship-info .controls-container .controls ul li .tip i {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical-align: middle;
  background-position: 0 -3253px;
  height: 11px;
  width: 22px;
  display: none;
  margin: 0 auto;
}
.ship-info .controls-container .contents {
  background: #fff;
  border: 1px solid #7fb7dc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  margin: -1px 0 0 0;
  width: 602px;
  font: normal 14px 'Open Sans', helvetica, sans-serif;
}
.ship-info .controls-container .contents p {
  font: normal 14px/18px 'Open Sans', helvetica, sans-serif;
  margin: 0;
}

.dotted-callouts {
  padding: 50px 0 50px 25px;
  text-align: center;
  font: normal 14px 'Open Sans', helvetica, sans-serif;
}
.dotted-callouts h5 {
  font-size: 18px;
  margin: 10px auto 5px auto;
  color: #105b9c;
}
.dotted-callouts p {
  font: normal 14px/21px 'Open Sans', helvetica, sans-serif;
}
.dotted-callouts .middle-wrapper {
  padding: 0 160px;
}
.dotted-callouts .leftb-wrapper {
  padding-left: 68px;
}
.dotted-callouts .rightb-wrapper {
  padding-right: 130px;
}
.dotted-callouts .dotted-spacer-blank {
  display: block;
  width: 100%;
  height: 5px;
}
.dotted-callouts.second-row {
  margin-bottom: 40px;
  padding-left: 0;
  padding-top: 30px;
}
.dotted-callouts.second-row h5 {
  margin-top: 0px;
}
.dotted-callouts i.ui-icon-stateroom {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical: middle;
  background-position: 0 -999px;
  height: 76px;
  width: 74px;
}
.dotted-callouts i.ui-icon-connecting-rooms {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical: middle;
  background-position: 0 -904px;
  height: 75px;
  width: 74px;
}
.dotted-callouts i.ui-icon-accessability {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical: middle;
  background-position: 0 -624px;
  height: 76px;
  width: 74px;
}
.dotted-callouts i.ui-icon-confy {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical: middle;
  background-position: 0 -528px;
  height: 76px;
  width: 74px;
}
.dotted-callouts i.ui-icon-space {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical: middle;
  background-position: 0 -432px;
  height: 76px;
  width: 74px;
}
.dotted-callouts i.ui-icon-guestnum {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical: middle;
  background-position: 0 -2949px;
  height: 23px;
  width: 18px;
}
.dotted-callouts i.ui-icon-balcony {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical: middle;
  background-position: 0 -3171px;
  height: 29px;
  width: 17px;
}
.dotted-callouts i.ui-icon-connectroom {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical: middle;
  background-position: 0 -2381px;
  height: 25px;
  width: 24px;
}
.dotted-callouts i.ui-icon-handicap {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical: middle;
  background-position: 0 -2471px;
  height: 28px;
  width: 19px;
}
.dotted-callouts i.ui-icon-cloud {
  display: inline-block;
  vertical-align: middle;
  *text-indent: 0 !important;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical: middle;
  background-position: 0 -720px;
  height: 74px;
  width: 74px;
}
.dotted-callouts .spacer-blank {
  display: block;
  width: 100%;
  height: 5px;
}

#room_ligthbox {
  width: 820px;
  padding: 30px 20px 20px 20px;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  background: #fff;
  color: #555;
  min-height: 600px;
}
#room_ligthbox .col-1-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 5%;
}
#room_ligthbox .col-1-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-2-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 10%;
}
#room_ligthbox .col-2-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-3-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 15%;
}
#room_ligthbox .col-3-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-4-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 20%;
}
#room_ligthbox .col-4-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-5-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 25%;
}
#room_ligthbox .col-5-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-6-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 30%;
}
#room_ligthbox .col-6-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-7-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 35%;
}
#room_ligthbox .col-7-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-8-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 40%;
}
#room_ligthbox .col-8-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-9-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 45%;
}
#room_ligthbox .col-9-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-10-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 50%;
}
#room_ligthbox .col-10-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-11-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 55.0%;
}
#room_ligthbox .col-11-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-12-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 60%;
}
#room_ligthbox .col-12-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-13-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 65%;
}
#room_ligthbox .col-13-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-14-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 70%;
}
#room_ligthbox .col-14-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-15-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 75%;
}
#room_ligthbox .col-15-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-16-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 80%;
}
#room_ligthbox .col-16-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-17-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 85%;
}
#room_ligthbox .col-17-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-18-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 90%;
}
#room_ligthbox .col-18-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-19-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 95%;
}
#room_ligthbox .col-19-20:last-child {
  padding-right: 0;
}
#room_ligthbox .col-20-20 {
  display: block;
  float: left;
  padding-right: 0.81301%;
  width: 100%;
}
#room_ligthbox .col-20-20:last-child {
  padding-right: 0;
}
#room_ligthbox .spacer-blank {
  display: block;
  width: 100%;
  height: 5px;
}
#room_ligthbox .lb-contents {
  text-align: left;
  *zoom: 1;
  position: relative;
  height: auto;
  color: #555;
}
#room_ligthbox .lb-contents:before, #room_ligthbox .lb-contents:after {
  display: table;
  content: "";
}
#room_ligthbox .lb-contents:after {
  clear: both;
}
#room_ligthbox .lb-contents .content-block {
  margin-left: 25px;
}
#room_ligthbox .lb-contents h4 {
  margin-bottom: 15px;
  margin-top: 0;
  font-size: 25px;
  color: #0a407d;
}
#room_ligthbox .lb-contents h5 {
  font-size: 18px;
  line-height: 35px;
  font-weight: 600;
  margin-bottom: 15px;
  margin-top: 0;
}
#room_ligthbox .lb-contents p {
  font-family: 'Open Sans', helvetica, sans-serif;
  font-size: 14px;
  color: #444444;
}
#room_ligthbox .lb-contents ul {
  font-family: 'Open Sans', helvetica, sans-serif;
  font-size: 14px;
  color: #444444;
}
#room_ligthbox .lb-contents ul.unstyled-list {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}
#room_ligthbox .lb-contents ul.unstyled-list li {
  list-style: none;
  margin-bottom: 12px;
}
#room_ligthbox .lb-contents ul.styled-list {
  list-style: circle;
  margin: 0 0 30px 15px;
  padding: 0;
}
#room_ligthbox .lb-contents ul.styled-list li {
  list-style: disc;
  margin-bottom: 10px;
}
#room_ligthbox .lb-contents ul.icons-list {
  list-style: none;
}
#room_ligthbox .lb-contents ul.icons-list li {
  list-style: none;
  /*padding-left: 42px;*/
}
#room_ligthbox .lb-contents ul.icons-list li > img{
    float: left;  
    margin-right: 10px;
    width: auto;
}
#room_ligthbox .lb-contents ul.icons-list li.guestnum {
  vertical-align: middle;
  background-position: 0 -2949px;
  height: 23px;
  width: 18px;
  height: auto;
  width: auto;
}
#room_ligthbox .lb-contents ul.icons-list li.balcony {
  vertical-align: middle;
  background-position: 0 -3171px;
  height: 29px;
  width: 17px;
  height: auto;
  width: auto;
}
#room_ligthbox .lb-contents ul.icons-list li.connectroom {
  vertical-align: middle;
  background-position: 0 -2381px;
  height: 25px;
  width: 24px;
  height: auto;
  width: auto;
}
#room_ligthbox .lb-contents ul.icons-list li.handicap {
  vertical-align: middle;
  background-position: 0 -2471px;
  height: 28px;
  width: 19px;
  height: auto;
  width: auto;
}
#room_ligthbox .lb-contents ul.icons-list li.room-size {
  vertical-align: middle;
  background-position: 0 -2992px;
  height: 19px;
  width: 19px;
  height: auto;
  width: auto;
}
#room_ligthbox .lb-contents .carousel-rotator {
  margin-bottom: 30px;
}
#room_ligthbox .carousel-rotator {
  height: 305px;
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff;
}
#room_ligthbox .carousel-rotator .next-slide {
  background-position: 0 -1849px;
  height: 301px;
  width: 35px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
#room_ligthbox .carousel-rotator .next-slide .call-to-action {
  background-position: 0 -1398px;
  height: 45px;
  width: 49px;
  display: block;
  overflow: hidden;
  outline: none;
  text-indent: -9999px;
  position: absolute;
  right: 2px;
  top: 44%;
  z-index: 10;
}
#room_ligthbox .carousel-rotator .next-slide .call-to-action:hover {
  background-position: 0 -1463px;
  height: 45px;
  width: 49px;
  display: block;
  overflow: hidden;
  outline: none;
  text-indent: -9999px;
}
#room_ligthbox .carousel-rotator .prev-slide {
  background-position: 0 -1528px;
  height: 301px;
  width: 35px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
#room_ligthbox .carousel-rotator .prev-slide .call-to-action {
  background-position: 0 -1268px;
  height: 45px;
  width: 50px;
  display: block;
  overflow: hidden;
  outline: none;
  text-indent: -9999px;
  position: absolute;
  left: 2px;
  top: 44%;
  z-index: 10;
}
#room_ligthbox .carousel-rotator .prev-slide .call-to-action:hover {
  background-position: 0 -1333px;
  height: 45px;
  width: 50px;
  display: block;
  overflow: hidden;
  outline: none;
  text-indent: -9999px;
}
#room_ligthbox .carousel-rotator .slides {
  max-width: 780px;
  height: 305px;
  margin: 0 auto;
  margin-bottom: -15px;
  position: relative;
  *zoom: 1;
}
#room_ligthbox .carousel-rotator .slides:before, #room_ligthbox .carousel-rotator .slides:after {
  display: table;
  content: "";
}
#room_ligthbox .carousel-rotator .slides:after {
  clear: both;
}
#room_ligthbox .carousel-rotator .slides .slide {
  float: left;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #ffffff;
  color: #555555;
  text-align: center;
  z-index: 1;
}
#room_ligthbox .carousel-rotator .slides .slide img {
  position: relative;
  width: 780px !important;
  margin: 0 auto;
  border: none;
  max-height: 276px;
}
#room_ligthbox .carousel-rotator .slides .slide.active {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%);
}
#room_ligthbox .carousel-rotator .slides .slide embed, #room_ligthbox .carousel-rotator .slides .slide object {
  display: block;
  position: relative;
  margin: 0 auto;
  z-index: 30000;
}
#room_ligthbox .carousel-rotator .slides .slide #panorama {
  width: 100%;
  height: 275px;
}
#room_ligthbox .carousel-rotator .slides .slide a.panorama-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  text-align: center;
  padding-top: 90px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateZ(9999999999999px);
  -ms-transform: translateZ(9999999999999px);
  z-index: 999999999999;
}
#room_ligthbox .carousel-rotator .slides .slide a.panorama-overlay.html5 {
  height: 185px;
}
#room_ligthbox .carousel-rotator .slides .slide a.panorama-overlay span {
  display: block;
  text-transform: uppercase;
  font: 600 18px 'Open Sans', arial, helvetica, sans-serif;
  letter-spacing: 1px;
}
#room_ligthbox .carousel-rotator .slides .slide a.panorama-overlay strong {
  display: block;
  font: normal 56px tempo;
  text-transform: uppercase;
  color: white;
  margin: 0;
  letter-spacing: 2px;
}
#room_ligthbox .carousel-rotator .slides .slide .panorama {
  position: relative;
  z-index: 1;
}
#room_ligthbox .carousel-rotator .carousel-pager {
  position: absolute;
  z-index: 100;
  bottom: 0;
  text-align: center;
  padding: 0;
  list-style: none;
  margin-bottom: 0px;
}
#room_ligthbox .carousel-rotator .carousel-pager li {
  margin: 10px 0 5px 10px;
  float: left;
}
#room_ligthbox .carousel-rotator .carousel-pager li a {
  background-position: 0 -3313px;
  height: 9px;
  width: 10px;
  display: block;
  overflow: hidden;
  outline: none;
  text-indent: -9999px;
}
#room_ligthbox .carousel-rotator .carousel-pager li.active a, #room_ligthbox .carousel-rotator .carousel-pager li.selected a, #room_ligthbox .carousel-rotator .carousel-pager li.cycle-pager-active a {
  background-position: 0 -3284px;
  height: 9px;
  width: 10px;
}

.explore-room .explore-tooltips {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.explore-room .explore-tooltips span.eroom-tooltip {
  position: absolute;
  background-position: 0 -2170px;
  height: 29px;
  width: 30px;
  cursor: pointer;
  width: 30px;
}

/*
 * qTip2 - Pretty powerful tooltips - v2.2.0
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Tue Dec 17 2013 04:11 EST-0500
 * Plugins: tips viewport svg ie6
 * Styles: None
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}
.lt-ie9 .qtip-content {
  overflow: visible;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma,sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border-width: 1px;
  border-style: solid;
  border-color: #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
  display: none !important;
}
.lt-ie9 .qtip .qtip-tip {
  overflow: visible;
}

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip {
  visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #fff;
  background: transparent;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

.qtipmodal-ie6fix {
  position: absolute !important;
}

.qtip-whitesquareandcircle {
  font: normal 11px 'Open Sans', helvetica, sans-serif;
  color: #555555;
  min-height: 89px;
}
.qtip-whitesquareandcircle .qtip-tip {
  background-color: #ebebeb;
}
.qtip-whitesquareandcircle .qtip-content {
  padding-bottom: 10px;
  margin-left: -70px;
}
.qtip-whitesquareandcircle .eroom-tooltip-content {
  font: normal 11px/13px 'Open Sans', helvetica, sans-serif;
  color: #555555;
  position: relative;
  -webkit-border-radius: 60px 9px 9px 60px;
  -moz-border-radius: 60px 9px 9px 60px;
  -ms-border-radius: 60px 9px 9px 60px;
  -o-border-radius: 60px 9px 9px 60px;
  border-radius: 60px 9px 9px 60px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  min-height: 89px;
  margin-top: 20px;
  width: 100%;
  display: block;
}
.qtip-whitesquareandcircle .eroom-tooltip-content .desc-wrapper {
  position: relative;
  text-align: left;
  float: right;
  width: 155px;
  padding: 2px 20px;
}
.lt-ie9 .qtip-whitesquareandcircle .eroom-tooltip-content .desc-wrapper {
  width: 210px;
}
.qtip-whitesquareandcircle .eroom-tooltip-content .quote {
  font: normal 12px/15px 'Open Sans', helvetica, sans-serif;
  color: #555555;
  font-style: italic;
    margin: 1em 0px;
}
.qtip-whitesquareandcircle .descr-image {
  width: 128px;
  height: 128px;
  position: relative;
  float: left;
  margin: 0 0 0 -10px;
}
.lt-ie9 .qtip-whitesquareandcircle .descr-image {
  margin: 0 0 0 -65px;
}
.qtip-whitesquareandcircle .descr-image img {
  -webkit-border-radius: 65px;
  -moz-border-radius: 65px;
  -ms-border-radius: 65px;
  -o-border-radius: 65px;
  border-radius: 65px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /*border:4px solid #ebebeb;*/
  display: block;
  width: 100%;
  margin: 0 auto;
}
.lt-ie9 .qtip-whitesquareandcircle .descr-image img {
  height: auto;
}
.qtip-whitesquareandcircle h6 {
  font: 700 13px/20px 'Open Sans', helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
.qtip-whitesquareandcircle ul {
  list-style: none;
  margin: 5px 5px 0 5px;
  padding: 0;
}
.qtip-whitesquareandcircle ul li {
  list-style: none;
}
.qtip-whitesquareandcircle ul.styled-list {
  font: normal 12px 'Open Sans', helvetica, sans-serif;
  color: #383838;
}
.qtip-whitesquareandcircle ul.styled-list li {
  display: block;
  font: normal 12px 'Open Sans', helvetica, sans-serif;
  color: #383838;
}
#ccl-accomodations .dotted-callouts .col img {
    width: 74px !important;
    height: 76px !important;
}
.hideStateroom{ display: none;}