@import url('reset.css');



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

body {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: .75em;
  padding:0; margin:0;
  line-height: 1.2em;
}



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

h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
  margin:0;
  padding:0;
  line-height: 1.5em;
}

h1 {
  font-size: 1.7em;
  font-weight: bold;
}

h2 {
  font-size: 1.3em;
  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: 1em;
  line-height: 1.3em;
}

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

#content { padding:10px; }

#translate-widget {
  position: absolute;
  top: 0px;
  right: 0px;
}

#google_translate_element {
  height: 25px;
  overflow: hidden;
}

.translate-container {
  text-align: right;
  margin-right: 25px;
}

#top-links {
  text-indent: -9999px;
  position: absolute;
}

.free-wifi {
  background: url(../images/wifi.png) top left no-repeat;
  width: 49px;
  height: 55px;
  position: absolute;
  left: 600px;
  margin-top: 10px;
}

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


ul {
  padding:0 2.5em;
  list-style: url(../images/list-style.png);
}

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

/*-- nested lists --*/

ul ul {
  padding: 0 0 0 1em;
}

ol ol {
  padding: 0 0 0 1em;
}



.head2 { margin-bottom: 10px; }


.mediaContainer {
  text-align: right;
}


/* Room boxes --------------------------------------------------------  */
.content-box {
  border-bottom: 1px solid #E6E6E6;
  margin: 10px 0 15px 0px;
  padding: 5px 5px 10px 5px;
  position: relative;
  width: 580px;
}
.content-box .description {
  float: right;
  width: 350px;
}
.content-box .description h3 {
  font-size: 1.2em;
}
.content-box .description h3 a {
  text-decoration: none;
}
.content-box .description h3 a:hover {
  text-decoration: underline;
}
.content-box .image {
  float: left;
}
.content-box .image span {
  display: block;
  margin-top: 10px;
}


/* Breadcrumbs --------------------------------------------------------  */
#site-breadcrumbs {
  width: 100%;
  background: #fff;
  padding-top: 10px;
  display: block;
  height: 20px;
  color: #8d8d8d;
}

#site-breadcrumbs a {
  text-decoration: none;
}
#site-breadcrumbs a:hover {
  text-decoration: underline;
}



/* Booking Step */

.booking-breadcrumb-active {
  color: #6E6F71;
  text-decoration: none;
  font-weight: bold;
}
.booking-breadcrumb {
  color: #6E6F71;
  text-decoration: underline;
}
.booking-breadcrumb-arrow {
  color: #6E6F71;
  margin: 0px 5px;
}





#container {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

#content {
  background:#fff;
}

#header {
  height: 85px;
  display: block;
  position:relative;
}



#logo {
  position: absolute;
  left: -24px;
  top: 10px;
  z-index:5;
}

#logo img { display:block; }


#headerAbove {
  /*padding: 10px 6px 6px 6px;*/
  position: absolute;
  right: 0;
  background:rgba(0,0,0,0.6);
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;
}

#headerAbove > div { display:block; padding:0 8px; margin:5px 0 4px 0; float:left; border-right:1px solid #333; }
#headerAbove > div:last-child { border-right:0; }

#headerAbove .headerExtraText {
  color:#fff;
  line-height:23px;
}

#headerAbove .headerExtraText > * {
  line-height:25px;
}

#headerAbove .social a {
  margin: 0 2px;
  text-decoration:none;
  border-radius:1px;
}
#headerAbove .social a:hover {
  opacity:0.85;
}


#headerAbove #translateBox {
  height:23px; overflow:hidden;
  text-indent:-999px;
}
#headerAbove #translateBox > span { display:none; }
#headerAbove #translateBox div { text-indent:0px; }
#headerAbove #translateBox div select { margin-top:1px; }
#headerAbove .goog-logo-link { display:none; }




#feature-area {
  width: 980px;
  display: block;
  padding: 10px;
  position: relative;
  z-index: 1;
}
#feature-area #cmsslideshow,
#feature-area .slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index:1;
}
#feature-area .slide {
  display:block; width:100%; height:100%; background-size:cover; background-position:center center;
}

#feature-area .slider-nav { z-index:2; position:absolute; top:50%; left:10px; right:10px; }
#feature-area .slider-nav a { width:40px; height:40px; z-index:9999; display:block; position:absolute; margin-top:-20px; background:#999 url('../images/slider-arrows.png') no-repeat; background-size:80px 40px; }
#feature-area .slider-nav .slider-prev { left:0; }
#feature-area .slider-nav .slider-next { right:0; background-position:-40px 0; }


#feature-image {
  width: 980px;
  height: 205px;
  overflow: hidden;
}

#feature-slides ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }

#feature-title {
  position: absolute;
  bottom: 30px;
  left: 10px;
  font-size: 1.8em;
  font-weight: bold;
  /* background: url(../art/feature-title.png) no-repeat top right; */
  height: 36px;
  padding: 15px 25px 15px 25px;
}


#breadcrumbs {
  padding: 8px 5px 3px 20px;
  position: relative;
  display: block;
  background: #fff;
  }

#breadcrumbs a {
  padding: 0 18px 0 0;
  /* background: url(../art/bread-arrow.png) no-repeat right 3px; */
  margin: 0 10px 0 0;
  }


#main-content {
  width: 600px;
  float: left;
  padding:10px 20px;
}
#main-content p{
  margin:5px 0px;
}

#main-content-wide {
  width: 960px;
  float: left;
  margin: 40px 0 10px 20px;
  padding-left: 20px;
}

#main-content h1 {
  margin-bottom: 10px;
}

#side-content {
  width: 310px;
  float: right;
  margin: 0px -10px 0 -10px;
}

#side-content h2 {
  font-weight: bold;
  padding: 5px 0 8px 0;
  margin: 0 0 20px 0;
  font-size: 1.4em;
  }


#weather-container { text-align:left; overflow:hidden; padding:10px; margin-bottom:5px; background:#5B5B5B; color:#fff; font-size:14px; border-top-left-radius:4px; border-bottom-left-radius:4px; }
#weather-container .report { font-weight:bold; font-size:16px;  }


#specials {
  margin-bottom: 10px;
  overflow: hidden;
  overflow: hidden;
  margin-bottom: 10px;
  position:relative;
  padding:10px;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}

#specials h2 {
  color:#fff;
  width: 300px;
  height: 33px;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  padding: 0;
  border: none;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  margin-bottom:5px;
}

#specials h2 a {
  color: #ffffff;
  text-decoration:none;
}

#specials .viewAllLink {
  float:right;
  color:#fff;
  font-size:11px;
  margin-top:3px;
}

#specials .special {
  margin-top:5px;
  display: block;
  text-decoration: none;
  background: #ccc;
  min-height: 30px;
  cursor: pointer;
  position: relative;
  border-radius:3px;
  color:inherit;
}
#specials .special:hover {
  background:#999;
}

#specials .special img {
  width: 100%;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
}

.special span {
  padding: 0 10px 10px;
  display: block;
  font-size: 1.1em;
}

.special span.title {
  font-weight: bold;
  padding: 10px;
  font-size: 1.3em;
  text-align: left;
}

.side-image {
  padding: 5px 0 0;
  margin: 0 0 8px 0;
  /* background: url(../art/divider.png) repeat-x bottom left; */
  }

.side-image span {
  width: 320px;
  height: 152px;
  display: block;
  position: relative;
  }

.side-image p {
  padding: 8px 0;
  font-size: .9em;
}

#sub-footer {
  width: 960px;
  height: 152px;
  display: block;
  padding: 15px 20px;
}

#sub-footer h3 {
}


#footer-images {
  width: 640px;
  float: left;
  overflow:hidden;
}

#footer-images a {
  margin: 0 13px 0 0;
  display:inline-block;
  max-height:120px;
  max-width:200px;
  overflow:hidden;
}
#footer-images a img {
  display:block;
}


#footer-social {
  background:rgba(0,0,0,0.6);
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;
}


#newsletter {
  width: 310px;
  float: right;
  display: block;
}

#newsletter p {
  margin-bottom:10px;
  font-size: 1.1em;
  }

#newsletter form {
  position: relative;
  }

#newsletter input {
  width: 220px;
  display: block;
  padding: 5px;
  margin: 0 0 10px;
  /* background: url(../art/input-bg.png) repeat-x #fff; */
  border: 0;
  border-radius: 3px;
  font-size: 1em;
  float: left;
  }

#newsletter input:focus {

}

#newsletter button {
  display: block;
  border: none;
  cursor: pointer;
  height: 28px;
  font-size: 0.9em;
  font-weight: bold;
  font-family:  Arial, Helvetica, sans-serif;
  border-radius: 3px;
  float: right;
  width: 70px;
  text-align: center;
  white-space:nowrap;
  text-shadow: none;
  border: 0;
  text-transform: uppercase;
  }

#newsletter button:hover {
  background-position: center -28px;
  }

#footer-info {
  font-size: 11px;
  padding: 5px 0;
  margin: 0 0 10px 0;
  height: 50px;
  display: block;
  width: 1000px;
  color: #aaa;
}


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

#footer-info a:hover {
  color: #ccc;
  text-decoration: underline;
}


.footerExtras {
  float:left;
  overflow:hidden;
}
.footerExtras .footerExtraLogo {
  float:left;
  height:40px;
  max-width:100px;
  margin-right:10px;
}
.footerExtras .footerExtraText > * {
  font-size:14px; color:#fff;
  float:left;
}



#copyright {
  float: left;
  padding: 7px 0 0 0px;
  /*background: url(../images/maroonorange/footer-logo.png) no-repeat;*/
  height: 45px;
  width: 600px;
  }

#credits {
  font-size:11px;
  float: right;
  padding:0px;
  text-align: right;
  color:#fff;
  text-shadow:0 0 2px rgba(0,0,0,0.8);
  }


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

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}





/* ---------------------------------------------------- Navigation */

#main-menu {
  height: 44px;
  padding: 0;
  list-style: none;
  display: block;
  position: absolute;
  bottom: 0;
  right: 8px;
  z-index: 100;
}

#main-menu li {
  float: left;
  height: 44px;
  display: block;
  margin: 0 2px;
  width: auto;
  position: relative;
}


#main-menu a {
  display: block;
  float: left;
  width: auto;
  padding: 14px 12px 6px 12px;
  height: 24px;
  color: #1D1D1D;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  text-shadow: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}


#main-menu ul {
  position: absolute;
  top: -999em;
  width: 200px;
}
#main-menu ul li {
  width:      100%;
}
#main-menu li:hover {
  visibility:   inherit; /* fixes IE7 'sticky bug' */
}

#main-menu li:hover ul {
  left:     15px;
  top:      37px; /* match top ul list item height */
  z-index:    99;
  margin: 7px 0 0 -15px;
  padding:0px;
}

#main-menu li:hover li {
  height: auto;
  margin: 0;
  background: none;
}

#main-menu li li a {
  height: auto;
  margin: 0;
  font-size: 1em;
  padding: 10px;
  float: none;
  border-bottom: 1px solid #9d9681;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#main-menu li li a:hover {
  border-bottom: 1px solid #c0b89a;
}

ul#main-menu li:hover li ul {
  top:      -999em;
}
ul#main-menu li li:hover ul {
  left:     10em; /* match ul width */
  top:      0;
}
ul#main-menu li li:hover li ul {
  top:      -999em;
}
ul#main-menu li li li:hover ul {
  left:     10em; /* match ul width */
  top:      0;
}







/* ---------------------------------------------------- Navigation */
.element {
 padding: 4px 2px;
 line-height: 1.3em;
}

.elementTitle {
 padding: 4px 2px;
}

.roomTitleRow {
}

.roomTitle {
  font-size: 1.3em;
  padding: 4px 2px;
}

.head2 {
  font-size: 1.5em;
}

.imageContainer {
  display: block;
  position: relative;
  overflow:hidden;
  margin-bottom:10px;
  margin-right:10px;
  margin-left:10px;
}

.imageContainer img {
  min-width:100%;
}

.imageContainer .caption {
  font-size:0.9em;
  color:#666;
  text-align:center;
}

.mediaContainer .caption {
  padding: 10px;
  font-size: 0.9em;
}

.error {
  color: #b10e0e;
  line-height: 1.5em;
}

/* Booking Search Container */

#booking-search-container-table {
  background: #53463a;
  color: #fff;
  box-shadow: 0px 5px 40px #333;
}

form#booking-search button {
  width: 119px;
  height: 41px;
  display: block;
  text-shadow: none;
  border: 0;
  text-transform: uppercase;
  cursor: pointer;
  float: right;
  margin: 8px 0;
  font-weight: bold;
  font-family:  Arial, Helvetica, sans-serif;
}

form#booking-search input {

}

form#booking-search button:hover {
  color: #fff;
}


form#booking-search button:active {
  margin: 9px 0 7px;
  }

form#booking-search .linkButton, .btnCheckAvailability {
  border: 0;
  font-size: 0.9em!important;
  line-height: 1em;
  font-weight: bold;
  font-size: 1.5em;
  border-radius: 2px;
  padding: 4px;
  margin: 5px;
  text-align: center;
  font-family:  Arial, Helvetica, sans-serif;
}

form#booking-search .linkButton a {

}


form#booking-search .linkButton:hover, .btnCheckAvailability:hover {
  color: #fff;
}

form#booking-search .linkButton a:hover {
  color: #fff;
}

/* Popovers */

#background-popup {
  background-color: black;
  background-color: rgba(0,0,0,0.5);
  border:1px solid #cecece;
}

.popover-box {
  font-size:13px;
}

.popover-box h1 {
  font-size: 1.2em;
  color: white;
}

.popover-box label {
  font-size: 0.85em;
}

.city-header {
  width: 100%;
  height: 86px;
  /* background: url(../images/maroonorange/city-header.png) top left no-repeat; */
}

.golden-chain {
  width: 82px;
  height: 78px;
  position: absolute;
  z-index: 999;
  /* background: url(../images/maroonorange/golden-chain.png) top left no-repeat; */
  margin-top: 148px;
  margin-left: 15px;
}



/* NODE GROUP TIDYUPS */
 .LDSNodeGroup.nodeGroupLayoutBlock li { width:46%; }





.pageTitle { border-bottom:2px solid #333; }



#mobile-book-button { display:none; }


/* RESPONSIVE */

@media screen and (min-width:1001px) {

  #footer-social { display: none; }
}


@media screen and (max-width:1000px) {

  #footer-social { display: block; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;}

  #headerAbove { display:none; }

  #header { position:fixed; top:0; left:0; right:0; height:60px !important; z-index:9999; box-shadow:0 2px 4px rgba(0,0,0,0.6); }
  #header #logo { margin:0 !important; padding:5px; position:relative; float:left; top:inherit; left:inherit; z-index:5; }
  #header #logo img { padding:0; margin:0; height:50px; }

  #menu-toggle { display:block !important; border-top:0.4em solid #fff; border-bottom:1.2em double #fff; height:0.35em; position:absolute; right:1.8em; top:1.4em; width:2.6em; }

  #menu-wrap { display:none; font-size:12px; z-index:100; position:fixed; top:100px; left:0; right:0; bottom:0; overflow-y:auto; }
  #menu-wrap #main-menu { position:relative; float:none; display:block; margin:0; right:inherit; left:inherit; height:auto; bottom:inherit; }
  #menu-wrap #main-menu li { display:block; float:none; height:auto; margin:0; }
  #main-menu a { display:block; width:auto; height:auto; float:none; padding:8px 10px; border-bottom:1px solid #333; border-radius:0; }
  #main-menu ul  { display:block; position:relative !important; top:0 !important; left:0 !important; margin:0 !important; padding:0; border:0 !important; width:auto; }
  #main-menu ul li { margin:0; display:block; float:none; }
  #main-menu ul li a { padding:5px 10px; text-indent:10px; border-bottom:1px solid #333; }


  body.menu-open { overflow:hidden; }

  #feature-slides,
  #feature-area { width:auto; }
  #feature-area #pager { display:none; }

  #feature-area { margin-top:60px; height:auto; }
  #feature-slides { height:200px; }
  #feature-slides ul { width:100% !important; }
  #feature-slides li { width:100% !important; }


  #container { width:100%; }

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

  #sidebar-images
  #sidebar-images > div { display:none; }
  #sidebar-images > div:first-child { display:block; }

  #specials h2 { width:100%; }


  #footer {  }
  #sub-footer { width:auto; height:auto; }
  #sub-footer:after { content:""; clear:both; display:block; }
  #footer-images { display:none; }
  #footer #newsletter { float:none; margin:0 auto; }

  #footer-info { width:auto; height:auto; background:rgba(0,0,0,0.8); margin:0; padding:10px; }
  #footer-info:after { content:""; display:block; clear:both; }
  #footer-info .footerExtras { float:none; }
  #footer-info #credits { margin-top:10px; float:none; text-align:left; clear:both; }

  #LDSSearch { width:auto; height:auto; }



  /* Google Translate thing... */
  body > div > object { width:auto !important; }
}




@media screen and (max-width:767px) {

  #header { height:100px !important; }
  #feature-area  { margin-top:100px; }

  #mobile-book-button { 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; }

  #LDSSearch-container { display:none; position:fixed; top:100px; width:100%; z-index:100; }

  #newsletter { width:auto; }
  #newsletter button { display:block; float:none; width:100%; }
  #newsletter button,
  #newsletter input { box-sizing:border-box; }


}
















#main-content button,
#main-content input[type='submit'] { border-radius:3px; border:0; padding:5px 10px; cursor:pointer; font-weight:bold; }





/* PACKAGE RATE GRID (TEMPORARY) */
.LDSTempPackageGrid table { width:100%; border-collapse:collapse; }
.LDSTempPackageGrid #ldsGrid td { border:1px solid #eee !important; padding:4px !important; }
.LDSTempPackageGrid #ldsGrid td:hover { background:#eee; }

.LDSTempPackageGrid #ldsGrid tr:last-child > td:hover,
.LDSTempPackageGrid #ldsGrid tr:first-child > td:hover,
.LDSTempPackageGrid #ldsGrid tr td:nth-child(1),
.LDSTempPackageGrid #ldsGrid tr td:nth-child(2) { background:transparent; cursor:normal; }

.LDSTempPackageGrid #ldsGrid tr td { border-bottom:1px solid #ccc; }



.LDSTempPackageGrid #ldsGrid .subBoxSelected,
.LDSTempPackageGrid #ldsGrid .subBox { opacity:0.2; border:0; cursor:normal !important; font-size:1em; }
.LDSTempPackageGrid #ldsGrid .subBoxSelected { opacity:1 !important; cursor:pointer; }

#dhtmltooltip { background:#fff !important; box-shadow:0px 0px 3px rgba(0,0,0,0.5); font-size:0.8em; }
#dhtmltooltip .tooltipHead { padding:2px 0; font-size:0.9em; margin-bottom:3px; text-align:center; }



.LDSFlashMessages .flash { font-size:12px; }