@import url('reset.css');

p { margin:0px; }

.element { padding: 2px; line-height: 1.2em; }
.elementTitle { padding: 4px; }
.elementmemTitle { padding: 4px; }
.elementmem { padding: 4px; }
.error { color: red; line-height: 1.4em; }



/* Breadcrumbs --------------------------------------------------------  */

#site-breadcrumbs { width: 100%; background: #fff;  margin-bottom: 10px; display: block; height: 20px; color: #8d8d8d; }
#site-breadcrumbs ul { list-style-type: none; margin-left: 0px; padding: 0px; }
#site-breadcrumbs ul li { float: left; padding: 0px; }
#site-breadcrumbs a { text-decoration: none; }
#site-breadcrumbs a:hover { text-decoration: underline; }


/*---------------------------------------------- GLOBAL SETTINGS */

html { height: 100%; width: 100%; }
body { font-family:  Arial, Helvetica, sans-serif; font-size: .75em; }


/*-------------------------------------------------------- LINK */

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/*---------------------------------------------------- HEADINGS */

h1, h2, h3, h4, h5, h6, .head2 {
  font-weight:normal;
  margin:0;
  padding:0;
  line-height: 1.3em;
}

h1 {
  font-size: 1.8em;
  padding: 0 0 10px 0;
}

h2, .head2 {
  font-size: 1.6em;
  padding: 0 0 8px 0;
}

h3 {
  font-size: 1.4em;
  padding: 0 0 6px 0;
}

h4 {
  font-size: 1.2em;
  padding: 0 0 5px 0;
}


/*-------------------------------------------------- PARAGRAPHS */

p {
  font-size: 100%;
  line-height: 1.9em;
  padding:0px;
}


/* LISTS -------------------------------------------------------- LISTS */

ul, ol {
  padding:0 0 0em 2.5em;
}


#content li {
  font-size: 100%;
  line-height: 1.6em;
}

/*-- nested lists --*/


#content ul ul {
  padding: 0 0 0 1.5em;
}

#content ol ol {
  padding: 0 0 0 1.5em;
}




/*------------------------------------------------------ LAYOUT */

#wrapper {
  width: 100%;
}

#container {
  width: 980px;
  padding: 0 10px 20px 10px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
}

#header {
  display: block;
  position: relative;
}

#logo {
  display: block;
  top: 0px;
  position: absolute;
  z-index: 4;
  -webkit-box-shadow: 0px 0px 5px 0px #333;
  -moz-box-shadow: 0px 0px 5px 0px #333;
  box-shadow: 0px 0px 5px 0px #333;
}

#logo img { display:block; }


#menu-above { position:absolute; top:7px; height:30px; width:720px; overflow:hidden; z-index:3; }
#menu-above > div { margin:0px 3px; }

/*------------------------------------------------------ TRANSLATER */

#google_translate_element { float:left; width:150px; overflow:hidden; height:28px; }
#google_translate_element select { padding:2px 2px; margin-top:2px; border-radius:2px; border:1px solid #999; }

/*------------------------------------------------------ WEATHER */

#weather { float:left; background:rgba(0,0,0,0.7); border-radius:1px; padding:3px 7px; color:#ccc; }
#weather .report { font-weight:bold; color:#eee; text-shadow:0px 0px 1px #000; }
#weather img { display:inline-block; margin-bottom:-4px; }

/*------------------------------------------------------ SOCIAL */

#menu-above #social { float:right; margin-top:0px; max-width:350px; overflow:hidden; text-align:right; }
#social a { border-radius:1px; margin:0px 3px; }
#social a:hover { box-shadow:inset 0px 0px 14px 2px rgba(255,255,255,0.3); opacity:1; }

#social-footer { float:right; margin-top:0px; max-width:350px; overflow:hidden; text-align:right; }
#social-footer a { border-radius:1px; margin:0px 3px; }
#social-footer a:hover { box-shadow:inset 0px 0px 14px 2px rgba(255,255,255,0.3); opacity:1; }

/*------------------------------------------------------ HEADER EXTRA TEXT */
#header-text { font-size:14px; color:#fff; text-shadow:0px 0px 2px #000; width:auto; float:right; background:rgba(0,0,0,0.7); padding:4px 10px; border-radius:1px; }
#header-text p { line-height:20px; }


/*------------------------------------------------------ BEST RATE */

#best-rate {
  position: absolute;
  bottom: 25px;
  left: 270px;
  right: 0px;
  width: 187px;
  height: 55px;
  z-index: 5;
  background-color: #333;
}

#best-rate .rate-text {
  float: left;
  font-weight: bold;
  width: 80px;
  padding: 13px 0 10px 13px;
  line-height: 1.2em;
}

#best-rate .rate-price {
  float: right;
  padding: 9px 0px 13px 0px;
  text-align: center;
  width: 93px;
  color: #949494;
  font-size: 0.9em;
}

#best-rate .rate-price strong {
  display: block;
  font-size: 2.0em;
  padding: 0;
  color: #fff;
}




/*------------------------------------------------------ MEDIA CONTAINER */

.mediaContainer {
  margin: 15px 0px;
}

.caption { text-align: center; padding: 5px 0px; color: #8c8c8c; }

.mediaContainer img { width:100%; }






/*------------------------------------------------------ BOOKING SEARCH CONTAINER */

#panelHolder {
  position:absolute;
  top:135px;
  z-index:100;

}
#panelHolder.standalone { top:150px; }



/*------------------------------------------------------ SUBSCRIBE-GALLERY-PROMO */

#subscribe-gallery-promo {
  width: 980px;
  height: 106px;
  margin: 5px 0 0;
}

#subscribe-gallery-promo ul li {
  float:left;
}



/*------------------------------------------------------ SUBSCRIBE */

#subscribe {
  padding: 0px;
  width: 198px;
  margin: 17px 63px 0 14px;
  position: relative;
  float: left;
}

#subscribe p.heading {
  display: block;
  height: 14px;
  padding: 0 0 16px;
  font-size:16px;
}


form#subscribe-form div {
  display: block;
  width: 198px;
  padding: 0 0 4px 0;
  height: 32px;
  margin: 0;
  position: relative;
}

form#subscribe-form label {
  color: #464332;
  font-size: 0.9em;
  position: absolute;
  top: 12px;
  left: 8px;
  color: #969696;
  display: block;
}

form#subscribe-form input {
  font-size: 0.9em;
  width: 184px;
  display: block;
  float: left;
  padding: 8px 6px 7px;
  margin: 0 5px 0 0;
  background-color: #fff;
  border: 0;
  height: 17px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #8e8475;
  border-width:1px;
  border-style:solid;
}

form#subscribe-form button {
  background: url("../images/submit-btn.png") no-repeat scroll 0 0 transparent;
  border: 0 none;
  bottom: 12px;
  cursor: pointer;
  display: block;
  height: 14px;
  position: absolute;
  right: 10px;
  text-indent: -9999px;
  width: 9px;
}

form#subscribe-form button:hover {
  background: url("../images/submit-btn.png") no-repeat scroll 0 -14px transparent;
}

form#subscribe-form #extra-fields {
  background-color: #e3e7ee;
  padding: 0;
  height: auto !important;
  margin: 0 0 0 -10px;
  padding: 0 10px;
  position: absolute;
  z-index: 101;
}

form#subscribe-form #extra-fields div input {
  width: 184px;
  float: left;
  display: inline-block;
}

form#subscribe-form #extra-fields div {
  width: 140px;
  height: 33px;
  margin: 0 15px 0 0;
}

form#subscribe-form #extra-fields div.mobile {
  margin: 0;
}

form#subscribe-form p.required {
  font-size: 0.9em;
  color: #969696;
  padding: 0 0 5px;
  clear: both;
}

form#subscribe-form a.close {
  background: url("../images/close-btn.png") no-repeat scroll 0 0 transparent;
  bottom: 10px;
  display: block;
  height: 11px;
  position: absolute;
  right: 15px;
  text-indent: -9999px;
  width: 11px;
}

/*------------------------------------------------------ GALLERY THUMBS */

#gallery-thumbs {
  float: left;
  margin: 14px 15px 0 0;
  width:380px;
}

#gallery-thumbs ul { list-style:none; }

#gallery-thumbs a {
  display: block;
  width: 113px;
  height: 75px;
  overflow: hidden;
  margin: 0 10px 0 0;
  float: left;
  border-width:1px;
  border-style:solid;
}

#side-content #gallery-thumbs a  { margin-bottom:4px; }

#gallery-thumbs img {
  border:2px solid #333;
  background-color: #fff;
  width:109px;
  height:71px;
}

/*------------------------------------------------------ PROMO BANNER */

#promo-banner {
  margin: 15px 0 0;
  position: relative;
  height: 75px;
  width: 290px;
  overflow: hidden;
  float: left;
  border-width:0;
}


#promo-banner p.promo-text {
  position: absolute;
  top: 30px;
  right:0px;
  padding: 0px 10px;
  background: url(../images/nav-bg.png) 0px 0px repeat;
  font-size: 1.2em;
  width:auto;
}

#promo-banner p.promo-text a.arrow {
  transition-duration:0s;
  background: url(../images/arrow.png) right 2px no-repeat;
  color: #fff;
  padding: 0 20px 0 0;
}

#promo-banner p.promo-text a.arrow:hover {
  text-decoration: none;
  color: #ccc;
  background: url(../images/arrow.png) right -14px no-repeat;
}


#promo-banner img { width:290px; height:73px; }


/*------------------------------------------------------ SLIDESHOW */

#feature-area {
  position: relative;
  height: 434px;
  width: 980px;
}

#feature-area .slider {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 434px;
  overflow:hidden;
  z-index: 1;
  padding:0; margin:0;
}

#feature-area .slider .slide {
  display:block;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center center;
}


#feature-area a.gallery-link {
  transition-duration:0s;
  position: absolute;
  bottom: 35px;
  z-index: 5;
  background: url(../images/button-background.png) 0px 0px no-repeat;
  background-size:141px 74px;
  width: 141px;
  height: 37px;
  color:#fff;
  font-size:15px;
  line-height:37px;
  text-indent:10px;
  text-shadow:0px 0px 2px #000;
}
#feature-area a.gallery-link:after {
  content:url(../images/single-arrow.png);
  width:10px; width:15px;
  position:absolute;
  right:-15x; top:3px;
}


#feature-area a.gallery-link:hover {
  background-position:left bottom;
  color:#ccc;
}

a.ctrl-left {
  transition-duration:0s;
  display: block;
  width: 25px;
  height: 32px;
  text-indent: -9999px;
  background: url(../images/control-left.png) 0px 0px no-repeat;
  position: absolute;
  left: -35px;
  top: 220px;
}

a.ctrl-left:hover {
  background: url(../images/control-left.png) 0px -32px no-repeat;
}

a.ctrl-right {
  transition-duration:0s;
  display: block;
  width: 25px;
  height: 32px;
  text-indent: -9999px;
  background: url(../images/control-right.png) 0px 0px no-repeat;
  position: absolute;
  right: -35px;
  top: 220px;
}

a.ctrl-right:hover {
  background: url(../images/control-right.png) 0px -32px no-repeat;
}


/*------------------------------------------------------ CONTENT */

#content {
  background-color: #fff;
  padding: 20px 10px;
}

#main-content {
  float: left;
  width:675px;
}

#side-content {
  float: right;
  width: 250px;
  padding: 0 5px 0 0;
}


/*------------------------------------------------------ MAIN CONTENT */

#main-content h1 {
  font-weight: normal;
  font-size: 1.7em;
  padding: 0 0 10px 0;
}

#main-content h1 strong {
  font-weight: normal;
}

#main-content h2, #main-content .head2  {
  font-size: 1.4em;
  font-weight: bold;
}

#main-content img.left {
  margin: 0 15px 15px 0;
  border-width:1px;
  border-style:solid;
}

#main-content p {
  color: #6c6c6c;
}

#main-content ul {
  color: #6c6c6c;
}

#main-content #results {
  width:980px;
}


/*------------------------------------------------------ INTERNAL MAIN CONTENT */

#internal #main-content {
  position: relative;
  width: 620px;
}


/*------------------------------------------------------ SIDE CONTENT */

#packages {
  padding: 10px 0 0;
  position: relative;
  width: 301px;
}


#packages a.all {
  display: block;
  height: 30px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 112px;
  line-height:30px;
  text-align:center;
}

#packages .item { background-color:#eee; margin:5px 0px; padding: 8px; border-radius:2px; }

#packages .item h3 { padding:0px; line-height:1.4em; margin:-5px 0px 2px 0px; }

#packages .item img { width:80px; float:left; padding: 0px 4px 4px 0px; }

#packages .item p { line-height:15px; font-size:11px; padding:0px; }
#packages .item .readMore { text-align:right; display:block; }



/*------------------------------------------------------ INTERNAL SIDE CONTENT */

#internal #side-content #../images {
  margin: 0 0 15px 0;
}

#side-content #sub-nav {
  margin: 0 0 15px 0;
  padding: 10px 0px;
  border-width:1px;
  border-style:solid;
}

#sub-nav h3 {
  color: #002573;
  padding: 0 0 3px 0;
  font-size: 1.4em;
  margin: 0 0 10px 0;
  display: inline-block;
  border-bottom: 1px solid #ecf0f8;
  width: 100%;
}

#sub-nav ul {
  list-style: none;
  padding: 0;
  margin: 0px;
}

#sub-nav li {
  float: left;
  line-height: 2.0em;
  /*width:138px;*/
  width: 100%;
  padding: 0 0 0 10px;
}

#sub-nav li a {
  color: #002573;
  text-decoration: none;
}

#sub-nav li a:hover {
  text-decoration: underline;
  color: #DB120B;
}






/*------------------------------------------------------ GALLERY IMAGES */
#gallery-images img { padding:2px; border:1px solid #ccc; }




/*------------------------------------------------------ ACCOMMODATION */

#accommodation-rooms {
  margin: 15px 0 0 0;
  padding: 20px 0 0 0;
  border-width:1px;
  border-style:solid;
}

#accommodation-rooms .line {
  width: 100%;
  height: 1px;
  display: block;
  background-color: #ecf0f8;
  clear: both;
  margin: 20px 0;
}

#accommodation-rooms .acc-item {
  margin: 0 25px 20px 0;
  width: 290px;
  float: left;
}

#accommodation-rooms .odd {
  margin: 0;
}

#accommodation-rooms .acc-item .image-link {
  float: left;
  position: relative;
}

#accommodation-rooms .acc-item img {
  padding: 5px;
  border-width:1px;
  border-style:solid;
  background-color: #fff;
}

#accommodation-rooms .acc-item a.view-rooms {
  display: block;
  height: 30px;
  width: 82px;
  text-indent: -9999px;
}


#accommodation-rooms .acc-item div.content {
  margin: 0px 0 0 100px;
}

#accommodation-rooms .acc-item div.content h2 {
  color: #63513d;
  font-size: 1.3em;
  font-weight: normal;
}

#accommodation-rooms .acc-item div.content h2 a {
  color: #63513d;
  text-decoration: none;
}

#accommodation-rooms .acc-item div.content h2 a:hover {
  text-decoration: underline;
}

#accommodation-rooms .acc-item div.content p {
  color: #847c71;
  line-height: 1.6em;
}

.roomAmenities { list-style: url(../images/list-style.png); }
.roomAmenities li { float:left; width:50%; }




/*------------------------------------------------------ FOOTER */

#footer {
  width: 960px;
  /* SETTING:: GRADIENT */;
  margin: 0 auto 10px auto;
  height: 90px;
  font-size: 0.9em;
  padding: 0 20px;
  color: #cdded4;
}

#footer-info {
  width: 710px;
  float: left;
  margin: 25px 0 0;
  color: #cdded4;;
}

#footer a#footer-logo {
  float: left;
  display: block;
  width: 80px;
  height: 30px;
  margin: -8px 20px 0 0;
}
#footer a#footer-logo img {
  width:80px;
  max-height:50px;
}

#footer p#credit {
  float: right;
  text-align: right;
  margin: 25px 0 0;
  color: #cdded4;
}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  color: #c8c8c8;
}

#footer .footer-extra {
  color:#fff;
}

#footer .footer-item { display:inline-block; margin-right:0.5em; padding-right:0.5em; border-right:1px solid #eee; }
#footer .footer-items *:last-child { border-right:0; }

/* MENU -------------------------------------- MENU CLASSES */


#menu-wrap { background: url(../images/nav-bg.png) top center repeat; }



#menu-wrap {
  width: 734px;
  height: 86px;
  position: absolute;
  display: block;
  top: 40px;
  z-index: 3;
}

#main-menu {
  width: 724px;
  height: 48px;
  padding: 0 5px;
  list-style: none;
  display: block;
  position: absolute;
  top: 5px;
  z-index: 100;
  right: 0px;
  z-index: 9;
}

.menu-link-active li span {
  display: block;
}

#main-menu-li {
  float: left;
  height: 48px;
  padding: 0;
  display: block;
  width: auto;
  margin: 0;
}

#main-menu li {
  float: left;
  height: 48px;
  padding: 0;
  display: block;
  width: auto;
  margin: 0;
}

#main-menu a {
  display: block;
  float: left;
  height: 48px;
  line-height: 48px;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  width: auto;
  padding: 0 7px;
  transition-duration:0.5s;
}
#main-menu a:hover { transition-duration:0.25s; }

#main-menu ul { position:absolute; top:48px; padding:0px; background:transparent; }


#main-menu li ul { display:none; white-space:nowrap; }
#main-menu li:hover ul { display:block; white-space:nowrap; }
#main-menu li ul li { height:33px; display:inline-block; float:none; }
#main-menu li ul li a { height:33px; line-height:33px; background: transparent !important; }



.addthis_toolbox { float:right; }






/* GALLERY --------------------------------------- GALLERY */



#gallery-../images {
  width: 100%;
  margin-bottom: 15px;
}

#gallery-../images a {
  margin: 0 21px 22px 0px;
  }

#gallery-../images img {
  border-width:4px;
  border-style:solid;
  margin-bottom: 22px;
}

#gallery-../images img:hover { border-color:#999; }

/* CUSTOM CLASSES -------------------------------------- CUSTOM CLASSES */

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}


.roomTitle { font-size: 1.2em; }


.subBox, .subBoxSelected {
  padding:5px 10px;
  cursor:pointer;
  border: 1px solid #333;
  border-radius:5px;
}




.error div {  padding:5px; border-radius:5px; clear:both; background-color:rgba(255,0,0,0.8); color:#fff !important; font-weight:bold; margin-bottom:2px; }



.navSearch { padding:5px 0px; }




/* -------------------------------------- BOOKING PAYMENT PAGES */

.bookingDetails table {
  width:100%;
}

#valueAddItemTable { margin-top:20px; }
#valueAddItemTable .head2 { padding-bottom:5px; }

.LDSRateRoom h2 { padding:0px; margin-top:10px; }
.LDSRateTable { width:100%; }
.LDSRateTable th { text-align:left; border-bottom:1px solid #ccc; }

.LDSRateTable tr td:first-child { width:300px; }


/* PORTAL RESULTS -------------------------------------- PORTAL RESULTS */

.portalResults #results { width:100%; }
#results h2 { border-color:inherit; }

#content #results { margin-left:-20px; background:none; }


/* SUBSCRIBE PANEL */
#content.right #main-content #LDSSubscribe {
  right: 0px;
  left: auto
}

#LDSSubscribe {
  clear: both;
  background-color: #efefef;
  border: 1px solid #cfcfcf;
  padding: 15px 20px;
  width: 530px;
  float: left;
  margin-top: 10px;
  display: none;
}

#LDSSubscribe h4 {
  background: url(../images/icon-email.png) no-repeat left center;
  padding: 0 0 0 40px;
  margin-top: 8px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
}

#LDSSubscribe #form_fields {
  display: inline-block;
  padding-left: 19px;
}

#LDSSubscribe #form_fields input {
  width: 210px;
  height: 10px;
  padding: 10px 30px 10px 10px;
  margin-top: 5px;
  border: none;
  display: block;
}

#LDSSubscribe #form_fields input:first-child {
  margin-top: 0px;
}

#LDSSubscribe #form_fields input.witharrow {
    background: white url(../images/arrow-black.png) no-repeat 240px 10px;
}


.qtip-content { border-color:#414141 !important; }




/* PORTAL GRID SEARCH */
.portal-results-info .search-results-address { line-height:1.2em; padding:0px; }

button, a.button, .subBox, .subBoxSelected { border:none; padding:2px 5px; }




/* PORTAL PANEL */
.LDSSearch { width:240px; border-radius:3px; }
.LDSSearch:after { content:""; position:absolute; top:0; right:0; left:0; bottom:0; z-index:-1; }
.LDSSearch label { margin-bottom:3px; }
.LDSSearch-layout-block .LDSSearch-title { border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:10px; }
.LDSSearch-title span { font-size:1.2em; }
.LDSSearch form label { font-size:12px; }


.LDSSearch-standalone form > div { padding:5px 0px; }

.LDSSearch-regional .LDSSearch-title { display:none; }
.LDSSearch-tabs { position:absolute; top:0px; left:0px; right:0px; }
.LDSSearch-tabs a { background-color:rgba(0,0,0,0.5); padding:7px 2%; text-indent:7px; font-size:14px; }
.LDSSearch-tabs a.selected { background:transparent; text-decoration:none; }
.LDSSearch-type { margin-top:30px; }

.LDSSearch-fromDate { width: 45%; }
.LDSSearch-toDate { width: 45%; }

.LDSSearch-nights { width: 45%; }
.LDSSearch-submit { width: 45%; }


#adults { width: 100%; }
#children { width: 100%; }
#toDate { width: 100%; }
#fromDate { width: 100%; }
#children { width: 100%; }
#promoCode { width: 100%; }

#panelHolder { padding-top: 5px; padding-bottom: 5px; }



/*#LDSSearch-submit button { float: right; padding-right: 10px;}*/

.selectboxit-container { line-height: 1.8em;}


#mobileBookButton { display:none; }
.mobilePhone {display:none; top:15px; float:right; margin: 0 3px;border-radius: 1px; position:relative; right:60px;}


/* RESPONSIVENESS */
@media screen and (max-width:1100px) {
  #feature-area #next,
  #feature-area #prev { display:none; }
}


@media screen and (min-width:1001px) {
  #social-footer { display: none; }
}


@media screen and (max-width:1000px) {
  #container { width:100%; padding:0; }

  #social-footer { display: block; }

  #menu-above { display:none; }
  .mobilePhone {display:block;}

  #header { position:fixed; top:0; left:0; right:0; height:60px; background:rgba(0,0,0,0.8); z-index:9999; box-shadow:0px 3px 5px 1px rgba(0,0,0,0.6); }

  #footer { margin:0; width:auto; height:auto; overflow:hidden; }
  #footer #credit { display:none;}
  #footer a#footer-logo { display:none; }
  #footer #footer-info { width:100%; margin-top:10px; }
  #footer .footer-items { width:100%; white-space:normal; overflow:hidden; }
  #footer .footer-item { text-align:left; display:block; margin:2px auto; padding:0; border-right:0; width:50%; float:left; }
  #footer .footer-item:nth-child(2n) { text-align:right; }
  #footer .footer-extra { padding:5px 0; }

  #header #logo { height:50px; box-shadow:none; position:relative; margin:5px !important; left:inherit; right:inherit; display:inherit; float:left; }
  #header #logo img { height:50px;  }

  #menu-toggle,
  .mobileCallButton { display:block !important; color:#fff; font-size:25px; position:absolute; right:20px; top:18px; line-height:30px; }
  #menu-toggle:hover,
  .mobileCallButton:hover { color:#eee; }

  .mobileCallButton { right:70px; }




  #menu-wrap { display:none; background:rgba(0,0,0,0.8); position:fixed; top:60px; left:0; right:0; bottom:0; height:auto; z-index:99999; overflow:auto; width:auto; }
  #main-menu { padding:0; margin:0; height:auto; left:inherit; width:auto; position:relative; overflow:hidden; top:0; left:0; right:0; }
  #main-menu li { width:100%; display:block; height:auto; }
  #main-menu li a { width:auto; float:none; display:block; padding:0 10px; border-bottom:1px solid #333; height:auto; }

  #main-menu li ul { display:block; position:relative; width:100%; margin:0; padding:0; top:inherit; overflow:hidden; }
  #main-menu li ul li { float:none; display:block; width:100%; }
  #main-menu li ul li a { text-indent:10px; height:auto; line-height:32px; }


  body.menu-open { overflow:hidden; }



  #feature-area { width:100%; height:auto; overflow:hidden; margin-top:50px; }
  #feature-area .slider { height:auto; position:relative; min-height:310px;  }
  #feature-area .slider:before { content:""; display:block; padding-top:44%; }
  #feature-area .gallery-link { display:none; left:0; }
  #feature-slides { width:100%; overflow:hidden; }
  #feature-slides img { min-width:0; min-height:320px; width:100% !important; }



  #subscribe-gallery-promo { width:auto; height:auto; overflow:hidden; padding:10px;}
  #subscribe-gallery-promo #subscribe { display:none; }
  #subscribe-gallery-promo #gallery-thumbs { display:none; }
  #subscribe-gallery-promo #promo-banner { float:none; margin:5px auto; }


  #main-content { float:left; width:100%; }
  #side-content { float:left; width:100%; }

  #side-content .mediaContainer > * { display:none; }
  #side-content .mediaContainer > a:first-child { display:block; }


  #panelHolder { top:70px !important; }
}



@media screen and (max-width:768px) {
  #menu-wrap { top:100px; }
  #panelHolder { display:none; position:fixed; top:100px !important; left:0 !important; right:0 !important; margin:0 !important; }
  #mobileBookButton { display:block; clear:both; color:#fff; background:#333; font-size:16px; line-height:40px; height:40px; width:100%; text-align:center; text-transform:uppercase; text-decoration:none; font-weight:bold; }
  #ui-datepicker-div { z-index:99999999 !important; }

  #feature-area { margin-top:90px;  }
  #feature-area .slider { min-height:inherit; }
}












#best-rate {
    background: #fff;
    bottom: 25px;
    height: 55px;
    left: 290px;
    position: absolute;
    right: 0;
    width: 187px;
    z-index: 5;
    border-radius:3px;
    border:1px outset #aaa;
    overflow:hidden;
}
#best-rate .rate-text {
    float: left;
    font-weight: bold;
    line-height: 1.2em;
    padding: 13px 0 13px 14px;
    width: 80px;
    box-shadow:0px 0px 10px 5px #ccc inset;
    color:#555;
}
#best-rate .rate-price {
    background:#222;
    color: #949494;
    float: right;
    font-size: 0.9em;
    text-align: center;
    width: 93px;
    padding:0;
    height:35px;
    padding:10px 0;
    box-shadow:0px 0px 10px 5px #111 inset;
}
#best-rate .rate-price strong {
    color: #FFFFFF;
    display: block;
    font-size: 2em;
    padding: 0;
}
#best-rate .rate-price strong b { margin-right:-0.2em; font-weight:700; }