/* homepage */
/* GLOBAL STYLES V3 */

/* Import reset stylesheet and hide from IE Mac */

@import "reset.css";
/* Common LESS mixin classes */
/* End import/hide */

body {
  font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.2px;
  -webkit-font-smoothing: antialiased;
  background-color: white;
  padding: 0;
  background-color: #0788C7 ;
  margin: 0;
}
input[type="text"],
input[type="password"],
select,
textarea {
  font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
input[type="text"],
input[type="password"],
select {
  line-height: 100%;
}
button,
input[type="submit"] {
  font-family: Arial, Helvetica, sans-serif;
}
.large-base-font {
  font-size: 16px;
}
footer {
  display: block;
  background: #f2f2f3 url('/imagesv3/global/footer-background.png') repeat-x left top;
  padding: 0;
}
/* START PAGE CONTAINMENT */

.content-wrapper-normal {
  margin: 0 auto 0 auto;
  max-width: 1180px;
  min-width: 748px;
  /* + 20px padding = 768 */
  padding: 0 10px 0 10px;
}
.hero-background {
  min-height: 440px;
  background-repeat: no-repeat;
  background-position: center 0;
}
.hero-background-buffer {
  min-height: 440px;
}
/* defines wrapper for inner content */

.site-content {
  max-width: 1180px;
  min-width: 960px;
  margin: 0 auto 0  auto;
  padding: 0 10px 0 10px;
}
.site-content-full {
  max-width: 100%;
  min-width: 960px;
  padding: 0;
}
.wide-content {
  position: absolute;
  top: 128px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  min-width: 800px!important;
  min-height: 480px!important;
}
.wide-content-inner {
  min-width: 800px;
  min-height: 480px;
  width: 100%;
  height: 100%;
}
.main-content {
  padding-bottom: 40px;
  /* clearance above footer */

}
/* END PAGE CONTAINMENT */

.side-column-left {
  width: 310px;
  margin-right: 20px;
  float: left;
}
.side-column-right {
  width: 310px;
  margin-left: 20px;
  float: right;
}
.side-column-left-narrow {
  width: 250px;
  margin-right: 15px;
  float: left;
}
.main-column {
  overflow: hidden;
}
.breadcrumb-bar {
  height: 20px;
  padding: 6px 0 6px 0;
  margin: 0 0 6px 0;
}
.footer-upper-content {
  padding-top: 20px;
}
.footer-lower-content {
  padding-bottom: 20px;
}
/* Spacing hack - remove in phase 3 */

.spacer {
  clear: both;
}
/* TYPOGRAPHY ------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #0088ce;
  line-height: 120%;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
  color: white;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5 {
  letter-spacing: normal;
}
h1 {
  font-size: 28px;
  margin-bottom: 10px;
}
h2 {
  font-size: 24px;
  margin-bottom: 6px;
}
h3 {
  font-size: 22px;
  margin-bottom: 5px;
}
h4 {
  font-size: 18px;
  margin-bottom: 4px;
}
h5 {
  font-size: 16px;
  margin-bottom: 2px;
}
h5.lite {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
h6 {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 2px;
}
.header-lite {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
h2.xxl {
  font-size: 60px;
}
h3.xxl {
  font-size: 40px;
}
.mega-header {
  /*padding: 0 15px 0 15px;*/
  border-bottom: solid 2px #dddddd;
  margin: 30px 0 30px 0;
}
.mega-header a.trp-btn {
  margin-top: 10px;
}
p {
  margin-bottom: 10px;
}
/* BASE LINKS */

a {
  color: #0088ce;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* INPUT FIELDS (e.g. booking form) */

input[type="text"],
input[type="password"],
select,
textarea {
  color: black;
  background-color: white;
  padding: 12px 6px 12px 6px;
  border-radius: 4px;
  border: solid 1px #aaaaaa;
  margin: 0;
}
select {
  padding: 11px 6px 11px 6px;
}
input[type="checkbox"] {
  background: transparent;
  border: 0;
}
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}
/* BUTTONS */

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* OTHER ELEMENTS */

form {
  border: none;
  padding: 0;
  margin: 0;
}
abbr {
  border-bottom: dotted 1px;
}
/* SITE HEADER */

header {
  display: block;
}
.header-top {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: #0088ce;
  color: white;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
}
.header-top .left-block {
  float: left;
}
.header-top .right-block {
  float: right;
}
.header-main {
  position: relative;
  height: 100px;
}
.header-trade-logo-panel {
  margin-top: 30px;
  float: right;
}
/* site logo */

a.site-logo {
  float: left;
  display: inline-block;
  margin-top: 10px;
}
a.site-logo .logo {
  background-repeat: no-repeat;
  width: 200px;
  height: 67px;
}
a.site-logo .logo.retina {
  display: none;
  background-size: 200px 67px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  a.site-logo .logo {
    display: none;
  }
  a.site-logo .logo.retina {
    display: block;
  }
}
ul.header-call-us {
  float: left;
}
ul.header-call-us li {
  float: left;
  height: 30px;
}
ul.header-call-us .call-us {
  margin-right: 10px;
}
ul.header-call-us .telephone-icon {
  margin-right: 2px;
}
ul.header-call-us .number {
  font-weight: bold;
}
.telephone-number {
  font-weight: bold;
}
.agent-mode-link {
  color: white;
  display: inline-block;
  font-weight: bold;
  margin-left: 40px;
}
ul.user-link-list li {
  float: left;
  display: block;
}
ul.user-link-list li.separator {
  padding: 0 6px 0 6px;
}
ul.user-link-list li a {
  display: inline-block;
  color: white;
  line-height: 30px;
}
ul.user-link-list li span.separator {
  font-weight: bold;
}
/* header sections (fixed outer & fluid middle columns) */

.header-blocks {
  padding: 0 220px 0 240px;
}
.header-block {
  float: left;
  height: 100px;
}
.header-block-one {
  position: relative;
  width: 240px;
  margin-left: -240px;
}
.header-block-two {
  width: 100%;
  text-align: center;
}
.header-block-three {
  position: relative;
  width: 220px;
  margin-right: -220px;
}
.header-nav-bar {
  height: 40px;
  /*float: left;*/
  margin: 30px 0 0 10px;
}
.header-menu-btn {
  /* ICON NEEDS SPRITING */
  margin: 35px 20px 0 0;
  display: none;
  float: left;
  text-decoration: none;
}
/* start header navigation */

ul.header-nav-list {
  list-style-type: none;
  display: inline-block;
  position: relative;
  z-index: 20;
  margin-top: 32px;
}
ul.header-nav-list li {
  float: left;
  display: block;
  position: relative;
  margin: 0 2px 2px 0;
}
ul.header-nav-list li a {
  display: block;
  color: #0088ce;
  font-size: 14px;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
}
ul.header-nav-list li a:hover {
  text-decoration: underline;
}
ul.header-nav-list li a.home .home-icon {
  margin-top: 3px;
}
ul.header-nav-list ul.sub-menu {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 130px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
  border: solid 1px #cccccc;
  padding: 10px;
  text-align: left;
}
ul.header-nav-list li.active:hover ul {
  display: block;
  top: 26px;
  left: 0;
  right: 0;
}
ul.header-nav-list ul.sub-menu li {
  float: none;
}
ul.header-nav-list ul.sub-menu li a {
  height: 26px;
  line-height: 26px;
}
/* end header navigation */

/* store front switcher */

.header-storefront {
  float: right;
  display: inline-block;
  margin: 3px 0 0 8px;
  background: white;
  padding: 6px 20px 6px 6px;
  border-radius: 2px;
  cursor: hand;
  cursor: pointer;
  position: relative;
}
.header-storefront .gicon {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -7px;
}
.header-storefront .flag {
  display: block;
}
.header-storefrontpicker {
  overflow: hidden;
}
.header-storefrontpickericon {
  display: inline-block;
  overflow: hidden;
  float: right;
  width: 50px;
  max-width: 50px;
  max-height: 50px;
  padding-left: 5px;
  cursor: hand;
  cursor: pointer;
}
/* END HEADER CONTENT */

/* FOOTER CONTENT */

.footer-break {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid white;
  height: 0;
}
.footer-section-one {
  width: 70%;
  float: left;
  margin-bottom: 15px;
}
.footer-section-two {
  width: 30%;
  float: left;
  text-align: center;
  margin-bottom: 10px;
}
.footer-section-three {
  clear: both;
  margin-bottom: 8px;
}
.security-panel {
  display: inline-block;
  background-color: white;
  border-radius: 4px;
  border: solid 1px #bbbbbb;
  text-align: center;
  padding: 10px 10px 10px 10px;
  margin-bottom: 10px;
  float: right;
}
.trade-logo-panel {
  float: right;
}
.security-seal {
  display: inline-block;
  vertical-align: top;
  padding: 10px 5px 5px 5px;
}
.security-seal-verisign {
  background: url('/imagesv3/sprites/trp-common.png') no-repeat 0 -260px;
  width: 107px;
  height: 58px;
  display: inline-block;
}
/* NEW solution */

.card-logo-panel {
  margin-top: 10px;
}
.footer-header {
  color: #999999;
  font-weight: normal;
}
h4.footer-header {
  margin-bottom: 8px;
}
.footer-nav-holder {
  padding: 0 30px 0 0;
  margin: 0 30px 0 0;
  text-align: center;
}
.footer-nav-holder-inner {
  margin: auto;
  text-align: left;
}
ul.footer-nav-list {
  list-style-type: none;
}
ul.footer-nav-list li {
  margin-bottom: 8px;
}
ul.footer-nav-list li a {
  text-decoration: none;
  line-height: 120%;
  color: #333333;
}
ul.footer-nav-list li a:hover {
  text-decoration: underline;
}
.footer-flag {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.footer-disclaimer {
  font-size: 13px;
  padding: 14px 0 6px 0;
}
.footer-disclaimer p {
  margin-bottom: 8px;
}
.footer-disclaimer a {
  color: #333333;
  text-decoration: underline;
}
.copyright {
  margin-top: 8px;
  font-size: 13px;
}
/* END FOOTER CONTENT */

/* applies box to a header */

.trp-header-bar {
  color: #0088ce;
  padding: 7px 14px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc #bbbbbb #aaaaaa;
  background: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#fefefe, #e8e8e8);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#fefefe, #e8e8e8);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#fefefe, #e8e8e8);
  /* IE10 */
  background-image: -o-linear-gradient(#fefefe, #e8e8e8);
  /* Opera 11.10+ */
  background-image: linear-gradient(#fefefe, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

  border-radius: 4px;
  margin-bottom: 15px;
}
h1.trp-header-bar {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 8px 14px;
}
.trp-header-bar a {
  font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: normal;
  text-decoration: none;
  font-size: 16px;
}
.trp-header-bar a.searchAgain {
  float: right;
}
.feature-panel {
  background-color: white;
  padding: 15px 20px 15px 20px;
  margin: 0 0 20px 0;
  border: 1px solid #aaaaaa;
}
.feature-panel-header {
  color: #0088ce;
  border-style: solid;
  border-color: #aaaaaa;
  border-width: 1px 1px 0 1px;
  background: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#fefefe, #e8e8e8);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#fefefe, #e8e8e8);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#fefefe, #e8e8e8);
  /* IE10 */
  background-image: -o-linear-gradient(#fefefe, #e8e8e8);
  /* Opera 11.10+ */
  background-image: linear-gradient(#fefefe, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

  padding: 8px 14px 8px 14px;
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.feature-panel-footer {
  color: #0088ce;
  padding: 8px;
  border-style: solid;
  border-color: #aaaaaa;
  border-width: 0 1px 1px 1px;
  background: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#fefefe, #e8e8e8);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#fefefe, #e8e8e8);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#fefefe, #e8e8e8);
  /* IE10 */
  background-image: -o-linear-gradient(#fefefe, #e8e8e8);
  /* Opera 11.10+ */
  background-image: linear-gradient(#fefefe, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

  border-radius: 0 0 4px 4px;
}
.lite-panel {
  padding: 10px;
  border: solid 1px #bbbbbb;
  border-radius: 6px;
}
.follow-us-panel {
  padding: 15px 15px 10px 15px;
}
.lead-price {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #69be28;
}
.lead-price.xl {
  font-size: 30px;
}
.lead-price.xxl {
  font-size: 36px;
}
/* HELPER CLASSES */

.fluid-image {
  width: 100%;
  height: auto;
}
.sticky-bar {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
/* clearfix  */

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/* end clearfix */

.bold {
  font-weight: bold!important;
}
.italic {
  font-style: italic!important;
}
.underline {
  text-decoration: underline!important;
}
.hidden {
  display: none!important;
}
.invisible {
  visibility: hidden!important;
}
.clear {
  clear: both!important;
}
.floatRight {
  float: right!important;
}
.floatLeft {
  float: left!important;
}
.forceTop {
  vertical-align: top!important;
}
.forceBottom {
  vertical-align: bottom!important;
}
.noBorder {
  border: 0px!important;
}
.noMargin {
  margin: 0!important;
}
.noPadding {
  padding: 0!important;
}
.noRightMargin {
  margin-right: 0!important;
}
.noFloat {
  float: none!important;
}
.clickable {
  cursor: hand;
  cursor: pointer;
}
.underline {
  text-decoration: underline;
}
/* positioning */

.trp-align-l {
  text-align: left!important;
}
.trp-align-r {
  text-align: right!important;
}
.trp-align-c {
  text-align: center!important;
}
.trp-display-b {
  display: block!important;
}
.trp-display-ib {
  display: inline-block !important;
}
.trp-float-l {
  float: left;
}
.trp-float-r {
  float: right;
}
.trp-clear-l {
  clear: left;
}
.trp-clear-r {
  clear: right;
}
.trp-force-r {
  float: right!important;
  text-align: right!important;
}
.trp-force-l {
  float: left!important;
  text-align: left!important;
}
.trp-innaccessible {
  position: absolute;
  left: -10000px;
}
/* text overrides */

.trp-fw-n {
  font-weight: normal!important;
}
.trp-fw-b {
  font-weight: bold!important;
}
.trp-fs-s {
  font-size: 11px!important;
}
.trp-fs-xs {
  font-size: 10px!important;
}
.trp-fs-n {
  font-size: 14px!important;
}
.trp-fs-l {
  font-size: 18px!important;
}
.trp-fs-xl {
  font-size: 20px!important;
}
.trp-ff-s {
  font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
}
.trp-fst-i {
  font-style: italic;
}
/* margin helpers */

.trp-margin-none {
  margin: 0!important;
}
.trp-mb-xs {
  margin-bottom: 4px!important;
}
.trp-mb-s {
  margin-bottom: 6px!important;
}
.trp-mb-n {
  margin-bottom: 10px!important;
}
.trp-mb-l {
  margin-bottom: 15px!important;
}
.trp-mb-xl {
  margin-bottom: 20px!important;
}
.trp-mb-xxl {
  margin-bottom: 30px!important;
}
.trp-mt-xs {
  margin-top: 3px!important;
}
.trp-mt-s {
  margin-top: 6px!important;
}
.trp-mt-n {
  margin-top: 10px!important;
}
.trp-mt-l {
  margin-top: 15px!important;
}
.trp-mt-xl {
  margin-top: 20px!important;
}
.trp-mt-xxl {
  margin-top: 30px!important;
}
.trp-ml-xs {
  margin-left: 3px!important;
}
.trp-ml-s {
  margin-left: 6px!important;
}
.trp-ml-n {
  margin-left: 10px!important;
}
.trp-mr-n {
  margin-right: 10px!important;
}
.trp-ml-l {
  margin-left: 20px!important;
}
.trp-mr-l {
  margin-right: 20px!important;
}
.trp-valign-m {
  vertical-align: middle!important;
}
.trp-valign-t {
  vertical-align: top!important;
}
.trp-valign-b {
  vertical-align: bottom!important;
}
.trp-pos-rel {
  position: relative;
}
.trp-pos-abs {
  position: absolute;
}
.trp-no-wrap {
  white-space: nowrap;
}
trp-overflow-h {
  overflow: hidden;
}
/* colors */

.trp-color-primary {
  color: #69be28 !important;
}
.trp-color-secondary {
  color: #0088ce !important;
}
.trp-color-base {
  color: #333333 !important;
}
.red-text {
  color: crimson !important;
}
.legend-text {
  color: #999999;
  white-space: nowrap;
}
.trp-underline {
  text-decoration: underline!important;
}
.smallText {
  font-size: 10px;
}
/* end size overrides */

/* rounded corners */

.trp-round-2 {
  border-radius: 2px;
}
.trp-round-3 {
  border-radius: 3px;
}
.trp-round-6 {
  border-radius: 6px;
}
.trp-round-8 {
  border-radius: 8px;
}
.trp-round-10 {
  border-radius: 10px;
}
.trp-round-top-6 {
  border-radius: 6px 6px 0 0;
}
.trp-round-bottom-6 {
  border-radius: 0 0 6px 6px;
}
.trp-round-top-10 {
  border-radius: 10px 10px 0 0;
}
.trp-round-bottom-10 {
  border-radius: 0 0 10px 10px;
}
.ellipsis-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div.section-qa {
  padding: 4px 0 0 0px;
  margin: 0 0 10px 0;
  min-height: 32px;
  position: relative;
}
.icon-question {
  background: url("/imagesv3/sprites/trp-common.png") no-repeat scroll -253px -263px transparent;
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 20px;
  top: 0;
}
.icon-answer {
  background: url("/imagesv3/sprites/trp-common.png") no-repeat scroll -333px -263px transparent;
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 20px;
  top: 0;
}
/* table common helper classes */

td.priceCell {
  text-align: right!important;
}
th.priceCell {
  text-align: center!important;
}
td.centerCell,
th.centerCell {
  text-align: center!important;
}
td.leftCell,
th.leftCell {
  text-align: left!important;
}
td.rightCell,
th.rightCell {
  text-align: right!important;
}
/* Important notice */

.news-flash {
  margin: 0 0 20px 0;
  text-align: center;
}
.news-flash .inner {
  padding: 10px;
  border: solid 2px #69be28;
}
.countDownDisplay {
  position: absolute;
  right: 2%;
  bottom: 20%;
  height: 60px;
}
label.input-has-focus {
  color: #cccccc;
}
label.input-has-content {
  display: none!important;
}
/* error and prompt panels */

.trp-prompt-panel {
  background-color: #ccdce9;
  padding: 8px;
  font-weight: normal;
  margin-bottom: 10px;
}
.trp-prompt-panel-error {
  background-color: #f4b8c4;
}
.trp-prompt-panel-info {
  background-color: #e1f2d4;
}
.trp-prompt-panel ul {
  list-style: outside disc;
  margin-left: 10px;
}
.prompt-box {
  background-color: #f3f3f3;
  border: solid 1px #aaaaaa;
  padding: 10px;
  text-align: center;
  border-radius: 4px;
  margin: 10px 0 10px 0;
}
/* SIDEBAR ELEMENTS */

/* Google maps */

#gmap {
  padding: 10px 10px 20px 10px;
}
/* destination lists */

.roomRateLegend {
  font-size: 11px;
  color: #999999;
  margin: 0 0 20px 10px;
}
/* bottom photo gallery */

div.panoramioGalleryHolder {
  padding: 10px 10px 20px 10px;
}
span.panoramio-logo {
  background: url("/imagesv3/sprites/trp-common.png") no-repeat -149px -330px transparent;
  width: 67px;
  height: 12px;
  display: inline-block;
  padding-right: 3px;
}
/* four column teaser panel */

.five-col {
  float: left;
  width: 20%;
}
.four-col {
  float: left;
  clear: right;
  /* IE7 bug fix */
  width: 25%;
}
.four-col-inner {
  padding: 0 10px 0 10px;
}
/* three column teaser panel */

.three-col {
  float: left;
  width: 33.333%;
}
.three-col-inner {
  padding: 0 10px 0 10px;
}
.three-col-image {
  display: block;
  margin-bottom: 20px;
}
.three-col-image img {
  vertical-align: middle;
  width: 100%;
  height: auto;
}
/* two column teaser panel */

.two-col {
  float: left;
  width: 50%;
}
.two-col-left {
  padding-right: 10px;
}
.two-col-right {
  padding-left: 10px;
}
.two-col-inner {
  padding: 0 10px 0 10px;
}
.one-col-inner {
  padding: 0 10px 0 10px;
}
.one-col-inner-small {
  padding: 0 5px 0 5px;
}
.col-inner-l {
  padding-left: 0!important;
}
.col-inner-r {
  padding-right: 0!important;
}
/* teaser list */

.teaser-list-holder {
  padding: 0 10px 0 10px;
}
.teaser-list-holder h2 {
  font-size: 26px;
}
ul.teaser-list {
  padding: 0 10px 0 10px;
}
ul.teaser-list li {
  margin-bottom: 12px;
  display: inline;
  float: left;
  width: 100%;
}
ul.teaser-list li h5 {
  margin: 0;
}
.teaser-price {
  color: #69be28;
  font-weight: bold;
}
/* destination list */

.destination-list-holder {
  padding: 0 10px 0 10px;
}
.two-col-destination-list ul li {
  width: 50%;
}
/* hotel information list */

.hotel-listing {
  padding: 15px 10px 44px 10px;
  border-bottom: solid 1px #dddddd;
  position: relative;
}
.hotel-listing h3 {
  display: none;
}
/* hotel listing inner content */

.hotel-listing-left {
  float: left;
  position: relative;
  width: 25%;
  max-width: 140px;
  margin: 0 15px 0 0;
}
.hotel-listing-main {
  overflow: hidden;
}
.hotel-listing-main h3 {
  display: block;
}
.hotel-listing-button-bar {
  padding-bottom: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.hotel-listing-left img.hotel-image {
  max-width: 100%;
}
/* hotel listing teaser prices */

.hotel-listing-teaser-price {
  padding-top: 10px;
  display: inline-block;
  float: right;
  margin-right: 10px;
}
/* small hotel listing overrides */

.hotel-listing-small .hotel-listing-left {
  width: 120px;
}
.hotel-listing-small .hotel-listing-left img {
  width: 120px;
  height: 120px;
}
.hotel-listing img.thumbnail {
  float: left;
  margin: 0 10px 10px 0;
}
/* hotel location - use header tags to vary size */

h4.hotel-location,
h5.hotel-location {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #69be28;
  margin-bottom: 2px;
}
.hotel-address {
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 2px;
}
.hotel-star-holder {
  margin-bottom: 6px;
}
.hotelDistanceFrom {
  color: #999999;
  font-size: 11px;
  margin-bottom: 5px;
  line-height: 130%;
}
/* start customer rating */

.customer-rating-holder,
.customer-rating-holder a {
  margin-bottom: 10px;
  text-decoration: none;
}
.customer-rating {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 28px;
  line-height: 100%;
  color: #69be28;
}
.customer-rating-phrase {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 110%;
  color: #69be28;
}
.customer-rating-reviews {
  line-height: 110%;
  font-size: 11px;
  color: #333333;
}
/* end customer rating */

/* rooms from */

.rooms-from-holder {
  margin: 10px 0 8px 0;
}
.rooms-from-title {
  margin-right: 4px;
}
.rooms-from-price {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 24px;
  color: #69be28;
  margin-right: 6px;
}
.rooms-from-price-l {
  font-size: 30px;
}
.rooms-from-legend {
  font-size: 11px;
}
/* end rooms from */

/* hotel image promo corner slash */

.hotel-promo-slash {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
p.hotelUserInfo {
  font-size: 11px;
  color: #69be28;
  font-style: italic;
  margin: 0 0 6px 0;
}
.snippet-wrapper {
  margin-bottom: 10px;
}
/* BREADCRUMB STYLE for dynamic breadcrumbs */

ul#breadCrumb {
  /*padding: 4px 0 0 0;*/
  padding: 0 0 0 0;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
ul#breadCrumb li {
  display: inline;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul#breadCrumb li a {
  color: #69be28;
}
ul#breadCrumb li span.on {
  color: #69be28;
}
/* ...and non dynamic breadcrumbs */

p.breadCrumb {
  width: auto;
  margin: 0 0 20px 0;
  line-height: normal;
}
.boxShadow {
  -moz-box-shadow: 0 0 4px 1px #bbbbbb;
  -webkit-box-shadow: 0 0 4px 1px #bbbbbb;
  box-shadow: 0 0 3px 1px #bbbbbb;
}
/* big orange buttons */

.orangeButton {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px 20px 14px 20px;
  color: white;
  background-color: #69be28;
  cursor: pointer;
  cursor: hand;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
  border: none;
  text-decoration: none;
}
.buttonMedium {
  font-weight: normal;
  padding: 8px 14px 12px 14px;
}
.orangeButton:hover {
  background-color: #92ce7b;
  color: white;
  text-decoration: none;
}
.orangeButtonSmall {
  display: inline-block;
  background-color: #69be28;
  font-size: 11px;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 7px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  border: none;
  cursor: pointer;
  cursor: hand;
}
:hover.orangeButtonSmall {
  background-color: #92ce7b;
  color: white;
}
/* Three ads sidebar panel */

div.threeAdsWrapper {
  margin: 0 0 20px 0;
}
div.threeAdsWrapper div {
  border-bottom: dotted 1px #999999;
  padding: 10px 0;
}
div.threeAdsWrapper p {
  margin: 0px;
  overflow: hidden;
}
div.threeAdsWrapper h5 {
  overflow: hidden;
}
div.threeAdsWrapper .badge {
  float: left;
  margin: 0 10px 0 0;
}
div.threeAdsWrapper .badge span {
  width: 56px;
  height: 59px;
  display: block;
}
/* HOTEL LANDING PAGE */

#landingDescription {
  padding: 0 10px 10px 20px;
}
#landingDescription p {
  margin: 0 0 10px 0;
}
#landingDescription p span {
  color: #69be28;
  font-weight: bold;
}
/* COUNTRY HOLIDAY LANDING PAGE */

#countryDescription {
  margin: 0 0 20px 0;
}
/* block promo ads */

.block-promo {
  float: left;
  width: 178px;
  margin-right: 15px;
  margin-bottom: 15px;
  border: solid 1px #999999;
}
.block-promo.last {
  margin-right: 0;
}
.block-promo-vertical .block-promo {
  margin-right: 0;
}
.block-promo-image {
  display: block;
  width: 178px;
  height: 81px;
  margin: 0;
}
.block-promo h6 {
  background: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#fefefe, #e8e8e8);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#fefefe, #e8e8e8);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#fefefe, #e8e8e8);
  /* IE10 */
  background-image: -o-linear-gradient(#fefefe, #e8e8e8);
  /* Opera 11.10+ */
  background-image: linear-gradient(#fefefe, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

  padding: 10px;
  margin: 0;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #999999;
}
.block-promo h6 a {
  color: #333333;
}
.block-promo-text {
  padding: 10px;
  min-height: 100px;
  height: auto;
}
.block-promo-text ul {
  list-style-type: disc;
  margin: 0 0 0 15px;
}
.block-promo-text ul li {
  margin: 0 0 6px 0;
}
sup {
  vertical-align: baseline;
  font-size: 9px;
  position: relative;
  top: -5px;
}
/* Form error message container */

div.alertMessageContainer {
  color: crimson;
  line-height: 20px;
  padding: 10px;
  border: 2px solid crimson;
  margin: 10px auto 10px auto;
}
div.bookingErrorBox {
  color: crimson;
  line-height: 20px;
  padding: 10px;
  border: 2px solid crimson;
  margin: 10px auto 10px auto;
}
div.supplierErrorBox {
  color: crimson;
  line-height: 20px;
  padding: 1%;
  border: 2px solid crimson;
  margin: 10px 0 10px 0;
  width: 58%;
  max-width: 630px;
}
/* TRANSACTION STEPS PAGES */

.resultsWrapper {
  width: 80%;
  border: 1px solid #bbbbbb;
  border-radius: 6px;
  margin: 0 auto 30px auto;
}
.resultsWrapperInner {
  padding: 15px;
}
.resultsBoxHeader {
  color: #0088ce;
  background: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#fefefe, #e8e8e8);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#fefefe, #e8e8e8);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#fefefe, #e8e8e8);
  /* IE10 */
  background-image: -o-linear-gradient(#fefefe, #e8e8e8);
  /* Opera 11.10+ */
  background-image: linear-gradient(#fefefe, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

  padding: 8px 15px 8px 15px;
  border-radius: 6px 6px 0 0;
  background-clip: border-box;
  border-bottom: solid 1px #bbbbbb;
  margin: 0;
}
.resultType {
  padding: 10px 0 10px 10px;
  width: 500px;
}
.leadPrice {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 22px;
  color: #69be28 !important;
}
.leadPriceLarge {
  font-size: 22px;
}
.leadPriceCaption {
  font-weight: bold;
}
.depositPrice {
  font-weight: bold;
  color: #0088ce !important;
}
.depositHelpText {
  margin-top: 10px;
  font-style: italic;
  font-size: 12px;
  border-radius: 6px 6px 6px 6px;
  padding: 5px 20px 3px 20px;
}
.cancelTermsContainer {
  font-size: 12px;
  border-radius: 6px 6px 6px 6px;
  padding: 5px 20px 3px 20px;
}
.cancelTermsContainer .tint {
  background-color: #e5edf4;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #e5edf4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #e5edf4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e5edf4', GradientType=0);
  /* IE6-9 */

  border-radius: 6px 6px 6px 6px;
  padding: 5px 20px 3px 20px;
}
.depositPriceCaption {
  font-weight: normal;
  color: #0088ce !important;
}
.productPrice {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
}
/* start costing table */

table.costingTable {
  clear: both;
  width: 100%;
  border-bottom: dotted 1px #3375a9;
}
table.costingTable th,
table.costingTable td {
  font-weight: normal;
  vertical-align: middle;
  padding: 8px 8px 8px 8px;
}
table.costingTable th {
  border-top: dotted 1px #3375a9;
  background-color: #ccdce9;
}
table.costingTable td {
  border-top: dotted 1px #3375a9;
}
table.costingTable td.footerCell {
  border-top: solid 1px #3375a9;
}
table.productInfoTable {
  border: solid 1px #3375a9;
  border-width: 1px 0 0 1px;
  width: 100%;
}
table.productInfoTable th {
  background-color: #e5edf4;
}
table.productInfoTable th,
table.productInfoTable td {
  padding: 2px 3px 2px 3px;
  font-size: 10px;
  border: solid 1px #3375a9;
  border-width: 0 1px 1px 0;
}
div.scrollableTextPanel {
  display: inline-block;
  cursor: pointer;
  padding: 20px 10px 0px 10px;
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  background-color: #e5edf4;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #e5edf4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #e5edf4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e5edf4', GradientType=0);
  /* IE6-9 */

  color: #333333;
  height: 300px;
  overflow: auto;
  margin-bottom: 15px;
}
div.booking-summary-panel {
  background-color: #ccdce9;
  border-style: dotted;
  border-width: 1px 0 1px 0;
  border-color: #3375a9;
  padding: 10px 20px 15px 20px;
  margin-bottom: 20px;
  display: block;
  clear: both;
  overflow-x: hidden;
  overflow-y: visible;
}
span.extraProductInfoLink {
  color: #69be28;
  font-size: 11px;
  font-style: italic;
  cursor: pointer;
  cursor: hand;
}
span.extraProductInfoLink:hover {
  text-decoration: underline;
}
.productOfferText {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: #293991;
}
ul.parkingInfoList {
  width: 550px;
  background-color: white;
  font-size: 10px;
  list-style: disc outside;
  margin-left: 10px;
}
div.important-info-panel {
  border: solid 1px #aaaaaa;
  padding: 15px 15px 10px 15px;
  border-radius: 6px;
  margin: 0;
  font-size: 11px;
}
div.important-info-panel h3 {
  color: #0088ce;
}
ul.bulletPointList {
  list-style: disc outside;
  margin: 20px 20px 20px 20px;
}
ul.bulletPointList li {
  line-height: 130%;
  margin-bottom: 10px;
}
.rightNowrapBold {
  font-weight: normal;
  text-align: right;
}
/* resort carousel */

.carousel-wrapper {
  padding: 0 10px 0 10px;
}
.carousel {
  background-color: #ccdce9;
  padding: 10px 0 0 0;
  position: relative;
}
.carousel-viewport {
  overflow: hidden;
  position: absolute;
  left: 30px;
  right: 30px;
}
.carousel-viewport ul {
  width: 9999px;
}
.carousel-viewport ul li {
  display: block;
  float: left;
  min-width: 330px;
}
.carousel-item {
  display: block;
  clear: both;
  overflow-x: hidden;
  overflow-y: visible;
  margin: 0 5px 10px 5px;
  padding: 10px;
}
.carousel-item-image {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 10px 30px 0;
}
.carousel-nav {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 30px;
  top: 0;
  bottom: 0;
  z-index: 10;
  background: url("/imagesv3/backgrounds/trans-blue-40.png");
}
.carousel-nav:hover {
  background: url("/imagesv3/backgrounds/trans-blue-50.png");
}
.carousel-nav.back {
  left: 0;
}
.carousel-nav.forward {
  right: 0;
}
.carousel-nav span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -7px;
}
/* end resort carousel */

/* recommended provinces */

.destination-promo {
  padding: 10px 10px 20px 10px;
  display: block;
  clear: both;
  overflow-x: hidden;
  overflow-y: visible;
}
.destination-promo-image {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 10px 20px 0;
}
/* end recommended provinces */

p.extraItemsDescription {
  margin: 0 10px 10px 10px;
}
p.extraItemsDescription img {
  float: left;
  margin: 0 10px 0 0;
}
div.extraProductDetailWaitBox {
  text-align: center;
}
div.extraProductDetailWaitBox p {
  margin: auto;
  color: #0088ce;
}
div.extraProductDetailWaitBox img {
  margin: 6px auto;
}
li.bookingList {
  line-height: 20px;
}
/* interstitial messages */

.wait-error-box {
  text-align: center;
  padding: 40px 0 0 0;
  min-height: 400px;
}
.wait-error-box h2 {
  font-size: 26px;
}
.wait-error-box p.textContent {
  margin-bottom: 15px;
}
.loader {
  background: url('/imagesv3/dnata/loading-animations/dnata-preloader.gif') no-repeat center;
  height: 20px;
  width: 160px;
  display: block;
  margin: 0 auto 20px auto;
}
.error-action-link {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #69be28;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}
.error-action-link:hover {
  text-decoration: underline;
}
/* end interstitial messages */

/* Condensed Hotel Information Listing START*/

span.sortCaption {
  color: #0088ce;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}
table.simpleTable {
  border: #aaaaaa;
  border-width: 1px 0 0 1px;
}
table.simpleTable th {
  background-color: #fefefe;
  color: #333333;
  font-weight: bold;
}
table.simpleTable th,
table.simpleTable td {
  padding: 5px 7px 5px 7px;
  border: solid 1px #aaaaaa;
  border-width: 0 1px 1px 0;
  line-height: 20px;
}
div.smallLoader {
  background: url(/imagesv3/loaders/orange-snake-20.gif) no-repeat;
  padding: 4px 0 0 25px;
  height: 20px;
  display: none;
  font-size: 14px;
}
/* Star rating sprite images */

.star-rating {
  background-image: url("/imagesv3/sprites/trp-common.png");
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  height: 22px;
}
.star-type {
  background-image: url('/imagesv3/sprites/trp-common.png');
  display: inline-block;
  vertical-align: text-bottom;
  height: 22px;
  width: 20px;
  margin-right: 2px;
}
.star-1-1,
.star-3-1,
.star-4-1,
.star-5-1,
.star-6-1,
.star-7-1/* 1 star */ {
  background-position: 0 -201px;
  width: 22px;
}
.star-1-2,
.star-3-2,
.star-4-2,
.star-5-2,
.star-6-2,
.star-7-2/* 2 star */ {
  background-position: -31px -201px;
  width: 46px;
}
.star-1-3,
.star-3-3,
.star-4-3,
.star-5-3,
.star-6-3,
.star-7-3/* 3 star */ {
  background-position: -87px -201px;
  width: 70px;
}
.star-1-4,
.star-3-4,
.star-4-4,
.star-5-4,
.star-6-4,
.star-7-4/* 4 star */ {
  background-position: -168px -201px;
  width: 95px;
}
.star-1-5,
.star-3-5,
.star-4-5,
.star-5-5,
.star-6-5,
.star-7-5/* 5 star */ {
  background-position: -275px -201px;
  width: 120px;
}
.star-2-1/* 1 key */ {
  background-position: -1px -231px;
  width: 18px;
}
.star-2-2/* 2 key */ {
  background-position: -28px -231px;
  width: 34px;
}
.star-2-3/* 3 key */ {
  background-position: -69px -231px;
  width: 50px;
}
.star-2-4/* 4 key */ {
  background-position: -124px -231px;
  width: 61px;
}
.star-2-5/* 5 key */ {
  background-position: -193px -231px;
  width: 74px;
}
.star-type-1,
.star-type-2/* display nothing */ {
  width: 0;
}
.star-type-3/* AA */ {
  background-position: -119px -327px;
  width: 22px;
}
.star-type-4/* visit England */ {
  background-position: -119px -327px;
  width: 22px;
}
.star-type-5/* visit Wales */ {
  background-position: -57px -327px;
}
.star-type-6/* visit Scotland */ {
  background-position: -30px -327px;
}
.star-type-7/* Self Assessed */ {
  background-position: -86px -327px;
  width: 23px;
}
/* End star rating sprite images */

/* CSS to Support Top Destination List Sprite Map */

.TopDestSprite {
  background-image: url('landingpages/DestinationListSprite.ashx?provinceid=0');
}
.TopDestSprite.pos1 {
  background-position: 0px 0px;
}
.TopDestSprite.pos2 {
  background-position: -60px 0px;
}
.TopDestSprite.pos3 {
  background-position: -120px 0px;
}
.TopDestSprite.pos4 {
  background-position: -180px 0px;
}
.TopDestSprite.pos5 {
  background-position: 0px -60px;
}
.TopDestSprite.pos6 {
  background-position: -60px -60px;
}
.TopDestSprite.pos7 {
  background-position: -120px -60px;
}
.TopDestSprite.pos8 {
  background-position: -180px -60px;
}
.TopDestSprite.pos9 {
  background-position: 0px -120px;
}
.TopDestSprite.pos10 {
  background-position: -60px -120px;
}
.TopDestSprite.pos11 {
  background-position: -120px -120px;
}
.TopDestSprite.pos12 {
  background-position: -180px -120px;
}
.TopDestSprite.pos13 {
  background-position: 0px -180px;
}
.TopDestSprite.pos14 {
  background-position: -60px -180px;
}
.TopDestSprite.pos15 {
  background-position: -120px -180px;
}
.TopDestSprite.pos16 {
  background-position: -180px -180px;
}
.TopDestSprite.pos17 {
  background-position: 0px -240px;
}
.TopDestSprite.pos18 {
  background-position: -60px -240px;
}
.TopDestSprite.pos19 {
  background-position: -120px -240px;
}
.TopDestSprite.pos20 {
  background-position: -180px -240px;
}
.TopDestSprite.pos21 {
  background-position: 0px -300px;
}
.TopDestSprite.pos22 {
  background-position: -60px -300px;
}
.TopDestSprite.pos23 {
  background-position: -120px -300px;
}
.TopDestSprite.pos24 {
  background-position: -180px -300px;
}
/* Global icons sprite styles */

.rssfeed {
  display: inline-block;
  height: 14px;
  width: 14px;
  background: url('/imagesv3/dnata/sprites/dnata-mostly-icons.png') no-repeat scroll -212px -42px transparent;
}
.fco {
  display: inline-block;
  float: left;
  margin: 5px 10px 15px 0;
  height: 41px;
  width: 125px;
  background: url('/imagesv3/dnata/sprites/dnata-mostly-icons.png') no-repeat scroll -1015px -42px transparent;
}
/* Landing Page Adverts */

.AdvertPositionAnchor {
  display: block;
  margin: 10px 0 10px 0;
  text-align: center;
}
.ad-abs-hidden {
  display: none;
  position: absolute;
}
/* start ancillary product itinerary */

div.ancillary-itinerary {
  background-color: #f0f0f0;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #f0f0f0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0f0f0', GradientType=0);
  /* IE6-9 */

  border-style: dotted;
  border-color: #aaaaaa;
  border-width: 1px 0 1px 0;
  padding: 10px 0 10px 0;
  display: block;
  clear: both;
  overflow-x: hidden;
  overflow-y: visible;
}
div.ancillary-leg {
  float: left;
  width: 50%;
}
div.ancillary-leg-inner {
  padding: 0 10px 0 10px;
}
div.ancillary-leg-inner.left {
  border-right: dotted 1px #aaaaaa;
  border-color: #999999;
}
/* end ancillary product itinerary */

p.costingPrompt {
  text-align: left;
  margin: 0 0 10px 0;
  color: #0088ce;
}
/* special offer promo (deposit) */

div.specialOfferWrapper {
  clear: both;
  padding: 10px;
  margin: 10px auto 0 auto;
  width: 700px;
}
.specialOfferWrapper img {
  width: 88px;
  height: 50px;
  margin-right: 10px;
  float: left;
}
.specialOfferWrapper p {
  margin-left: 88px;
}
.depositLow {
  height: 47px;
  width: 88px;
  display: inline-block;
  vertical-align: middle;
}
.depositLow {
  background-position: 0 -154px;
}
.depositLow.GBP-1 {
  background-position: -92px -154px;
}
.depositLow.EUR-1 {
  background-position: -184px -154px;
}
.depositLow.USD-1 {
  background-position: -276px -154px;
}
/* end special offer */

a.blueActionLink {
  color: #0088ce;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
}
p.blueActionLink {
  color: #0088ce;
  cursor: pointer;
  font-weight: normal;
  text-decoration: underline;
}
p.blueActionLink img {
  vertical-align: middle;
  margin-left: 2px;
  text-decoration: none;
}
/* search unit / filter header */

.search-header-bar {
  background-color: #005293;
  color: white;
  padding: 7px 10px 7px 10px;
  min-height: 30px;
}
h5.search-header {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: white;
  margin-top: 8px;
  padding-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
a.search-unit-toggle-bar {
  background-color: #005293;
  display: block;
  text-decoration: none;
  height: 44px;
  padding: 0 15px 0 15px;
  position: relative;
}
.search-unit-toggle-bar h5 {
  color: white;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 44px;
  padding-right: 20px;
  margin: 0;
}
a.search-unit-toggle-bar .toggle-link {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: white;
  font-size: 16px;
  line-height: 44px;
  margin-right: 20px;
}
a.search-unit-toggle-bar .gicon {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 15px;
}
/* estab landing page state tabs START */

.pageDisplaySection {
  display: none;
}
.pageDisplaySection.offScreen {
  display: block;
  position: relative;
  left: -10000px;
  overflow: hidden;
  height: 0px;
}
.pageDisplaySection.onScreen {
  display: block;
  position: relative;
  left: 0px;
  margin-top: 0px;
}
.pageDisplaySection.onScreen#MP {
  min-height: 400px;
}
.tabbedBottomRule {
  border-bottom: 1px solid #aaaaaa;
  height: 33px;
  margin-bottom: 10px;
  margin-top: 0px;
}
.pageDisplayTabList {
  position: relative;
  z-index: 800;
  margin-right: 10px;
}
.pageDisplayTab {
  display: inline;
  float: right;
  padding: 7px 10px 7px 10px;
  margin-left: 10px;
  background-color: #eeeeee;
  cursor: pointer;
  border-radius: 3px 3px 0 0;
}
.pageDisplayTab.Selected {
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d1eeff 0%, #cbebff 14%, #f0f9ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1eeff), color-stop(14%, #cbebff), color-stop(100%, #f0f9ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d1eeff 0%, #cbebff 14%, #f0f9ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d1eeff 0%, #cbebff 14%, #f0f9ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d1eeff 0%, #cbebff 14%, #f0f9ff 100%);
  /* IE10+ */
  background: linear-gradient(top, #d1eeff 0%, #cbebff 14%, #f0f9ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1eeff', endColorstr='#f0f9ff', GradientType=0);
  /* IE6-9 */
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid white;
}
.pageLink {
  cursor: pointer;
}
.noTabDataDiv {
  height: 175px;
  text-align: center;
  padding-top: 70px;
  border-bottom: 1px dotted #293991;
  margin-bottom: 20px;
}
.noTabDataDiv h2 {
  color: #293991;
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 5px 0;
}
.noTabDataList li {
  display: inline;
  margin-top: 10px;
}
.primaryHRule {
  border-bottom: solid 3px #dddddd;
  margin-bottom: 15px;
}
/* estab landing page state tabs END */

/* glyph icons (sprite) */

.gicon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/imagesv3/sprites/trp-common.png") no-repeat;
}
.gicon-back {
  background-position: -357px -58px;
}
.gicon-back.gicon-white {
  background-position: -359px -41px;
}
.gicon-forward {
  background-position: -372px -58px;
}
.gicon-forward.gicon-white {
  background-position: -372px -41px;
}
.gicon-down {
  background-position: -335px -58px;
}
.gicon-down.gicon-white {
  background-position: -335px -41px;
}
.gicon-up {
  background-position: -312px -58px;
}
.gicon-up.gicon-white {
  background-position: -312px -41px;
}
.gicon-remove {
  background-position: -603px -60px;
}
.gicon-remove.gicon-white {
  background-position: -603px -41px;
}
.gicon-plus {
  background-position: -291px -58px;
}
.gicon-plus.gicon-white {
  background-position: -291px -41px;
}
/* trp buttons (applicable to anchor or button elements)) */

.trp-btn {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  display: inline-block;
  line-height: 110%;
  font-weight: normal;
  text-align: center;
  padding: 8px 8px 8px 8px;
  cursor: hand;
  cursor: pointer;
  margin: auto;
  border-radius: 3px;
  border-style: solid;
  border-width: 0 0 3px 0;
  /* default grey button */
  color: #333333;
  background-color: #dddddd;
  border-color: #b0b0b8;
}
.trp-btn:hover {
  text-decoration: none;
  opacity: 0.95;
}
.trp-btn:focus,
.trp-btn:active {
  border-color: #dddddd;
}
.trp-btn-primary {
  /* trp orange button */
  color: white;
  background-color: #69be28;
  border-color: #569a21;
}
.trp-btn-primary:focus,
.trp-btn-primary:active {
  border-color: #69be28;
}
.trp-btn-secondary {
  /* trp blue button */
  color: white;
  background-color: #0088ce;
  border-color: #01699e;
}
.trp-btn-secondary:focus,
.trp-btn-secondary:active {
  border-color: #0088ce;
}
.trp-btn-disabled,
.trp-btn-disabled:focus {
  color: #999999;
  cursor: default;
  background-color: #dddddd;
  border-color: #dddddd;
}
.trp-btn-block {
  display: block;
}
button.trp-btn-block {
  width: 100%;
}
.trp-btn-s {
  font-size: 13px;
  padding: 6px 10px 6px 10px;
  border-radius: 2px;
}
.trp-btn-s-baggage {
  padding: 6px 20px 6px 20px;
  border-radius: 2px;
  vertical-align: middle;
  cursor: hand;
  cursor: pointer;
}
.trp-btn-s-baggage:hover {
  text-decoration: none;
}
.trp-btn-l {
  font-size: 26px;
  padding: 7px 12px 7px 12px;
  border-radius: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.trp-btn-xl {
  font-size: 24px;
  padding: 10px 16px 10px 16px;
  border-radius: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.trp-btn-xl-extended {
  border-radius: 5px;
  font-size: 18px;
  letter-spacing: 0.5px;
  padding: 12px 60px;
}
.trp-btn-xxl {
  font-size: 26px;
  padding: 12px 20px 12px 20px;
  border-radius: 6px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.trp-btn-icon-left {
  position: relative;
  padding-left: 26px;
}
.trp-btn-icon-right {
  position: relative;
  padding-right: 26px;
}
.trp-btn-icon-only {
  position: relative;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  padding: 3px;
}
.trp-btn span.gicon {
  position: absolute;
  top: 50%;
  margin-top: -5px;
}
.trp-btn-icon-left span.gicon {
  left: 7px;
}
.trp-btn-icon-right span.gicon {
  right: 7px;
}
.trp-btn-icon-only span.gicon {
  left: 50%;
  margin-left: -7px;
}
/* end trp buttons */

.trp-btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  white-space: nowrap;
}
/* start button bar */

ul.trp-btn-bar {
  display: inline-block;
  vertical-align: middle;
}
ul.trp-btn-bar li {
  float: left;
}
ul.trp-btn-bar li a {
  font-family: Arial, Helvetica, sans-serif;
  display: inline-block;
  font-size: 15px;
  text-align: center;
  padding: 0 10px 0 10px;
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  color: white;
  text-decoration: none;
  border-style: solid;
  border-width: 0 1px 0 0;
  background-color: #0088ce;
  border-color: white;
  position: relative;
  min-width: 32px;
}
ul.trp-btn-bar li a:hover {
  opacity: 0.9;
}
ul.trp-btn-bar li a.on {
  background-color: #69be28;
}
ul.trp-btn-bar li a,
ul.trp-btn-bar li a:hover {
  text-decoration: none;
}
ul.trp-btn-bar li a.trp-btn-on:hover,
ul.trp-btn-bar li a.trp-btn-on:focus {
  background: #69be28;
}
ul.trp-btn-bar li:first-child a {
  border-radius: 4px 0 0 4px;
}
ul.trp-btn-bar li:last-child a {
  border-width: 0;
  border-radius: 0 4px 4px 0;
}
ul.trp-btn-bar li a span.gicon {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 4px;
}
ul.trp-btn-bar li a.trp-btn-desc span.gicon {
  background-position: -313px -119px;
}
ul.trp-btn-bar li a.trp-btn-asc span.gicon {
  background-position: -288px -120px;
}
ul.trp-btn-bar li a .view-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
}
/* end button bar */

/* drop menu box */

.drop-menu-panel {
  border-radius: 3px;
  position: absolute;
  margin-top: 2px;
  top: 100%;
  background-color: white;
  border: solid 1px #bbbbbb;
  padding: 6px;
  z-index: 1000;
  display: none;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
.open .drop-menu-panel {
  display: block;
}
.trp-drop-panel {
  position: absolute;
  background-color: #f6f6f6;
  border: solid 1px #aaaaaa;
  padding: 10px;
  z-index: 1000;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
.trp-drop-panel a.mini-icon-close {
  position: absolute;
  top: 5px;
  right: 5px;
}
/* links with icons */

.trp-action-link {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  display: inline-block;
  padding: 3px;
  color: #005293;
}
.trp-action-link .action-icon {
  vertical-align: text-bottom;
  margin-right: 4px;
}
.action-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("/imagesv3/sprites/trp-common.png");
  background-repeat: no-repeat;
}
.action-icon-map {
  background-position: 2px -123px;
}
.action-icon-photos {
  background-position: -29px -121px;
}
.action-icon-filter {
  background-position: -62px -122px;
}
.mini-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/imagesv3/sprites/trp-common.png");
  background-repeat: no-repeat;
}
.mini-icon-close {
  background-position: -96px -123px;
}
.mini-icon-help {
  background-position: -124px -123px;
}
.view-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("/imagesv3/sprites/trp-common.png");
  background-repeat: no-repeat;
}
.view-icon-list {
  background-position: 0 -648px;
}
.view-icon-grid {
  background-position: -32px -648px;
}
.view-icon-map {
  background-position: -63px -648px;
}
/* end links with icons */

/* star rating map key */

.map-key {
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url("/imagesv3/sprites/trp-common.png");
  background-repeat: no-repeat;
}
.map-key-1-star {
  background-position: -1px -159px;
}
.map-key-2-star {
  background-position: -44px -159px;
}
.map-key-3-star {
  background-position: -87px -159px;
}
.map-key-4-star {
  background-position: -130px -159px;
}
.map-key-5-star {
  background-position: -173px -159px;
}
.map-key-0-star {
  background-position: -216px -159px;
}
.hotel-map-key-panel {
  background-color: #f3f3f3;
  border-bottom: solid 3px #dddddd;
  padding: 10px;
}
.hotel-map-key-panel ul li {
  float: left;
  margin-right: 20px;
}
.hotel-map-key-panel ul li span {
  vertical-align: middle;
}
.hotel-map-key-panel ul li span.map-key {
  margin-right: 6px;
}
/* shortlist icons */

.shortlist-toggle {
  width: 32px;
  height: 32px;
  display: inline-block;
  cursor: pointer;
}
.shortlist-icon {
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
}
.shortlist-icon-heart {
  background: url('/imagesv3/sprites/trp-common.png') no-repeat -239px -118px;
}
.shortlist-icon-add {
  background: url('/imagesv3/sprites/trp-common.png') no-repeat -152px -118px;
}
.shortlist-icon-remove {
  background: url('/imagesv3/sprites/trp-common.png') no-repeat -197px -118px;
}
.shortlist-icon-heart-s {
  background: url('icons/heart-link.png');
}
.shortlist-note textarea {
  width: 452px;
  height: 20px;
}
.shortlist-note .trp-btn {
  margin-top: 10px;
}
.shortlist-note .smallLoader {
  margin-top: 14px;
  margin-right: 10px;
}
/* Promo Page Specific */

.promoPageLeftCol {
  float: left;
  width: 630px;
  padding: 5px;
}
.promoPageRightcol {
  float: right;
  width: 310px;
  padding: 5px;
}
.promoPageRightcol h2 {
  margin-bottom: 15px;
}
.promoPageRightcol h4 {
  margin-top: 15px;
}
.promoPageRightcol p {
  margin-top: 5px;
}
/* Destination Search Box */

.dog-search-wrapper {
  padding: 15px 10px 0 10px;
  position: relative;
}
.dog-search {
  background-color: #ccdce9;
  border-radius: 4px;
  padding: 15px;
}
.dogit {
  width: 93px;
  height: 115px;
  background: url('/imagesv3/global/trp-mascot-sm.png') no-repeat transparent 0 -15px;
  position: absolute;
  top: 0;
  right: 15px;
}
.destinationSearchField input[type=text] {
  width: 355px;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 1px 0 1px 1px;
  height: 30px;
  padding: 0 0 0 5px;
  padding-left: 5px;
  border-radius: 2px 0 0 2px;
}
.destinationButtonWrapper {
  float: left;
  text-align: center;
  background: #69be28;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#87cb53), to(#69be28));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#87cb53, #69be28);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#87cb53, #69be28);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#87cb53, #69be28);
  /* IE10 */
  background-image: -o-linear-gradient(#87cb53, #69be28);
  /* Opera 11.10+ */
  background-image: linear-gradient(#87cb53, #69be28);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87cb53', endColorstr='#69be28', GradientType=0);
  /* IE6-9 */

  border-radius: 0 3px 3px 0;
  width: 105px;
  height: 32px;
}
.destinationButtonWrapper:hover {
  background-image: none;
}
.destinationSearchField input[type=button] {
  width: 105px;
  color: white;
  background-color: transparent;
  line-height: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  cursor: hand;
  cursor: pointer;
  display: inline-block;
  border: none;
}
.destinationSearchToast {
  border-radius: 4px;
  width: 345px;
  background-color: crimson;
  color: white;
  padding: 8px;
  margin-top: 5px;
  border: solid 2px white;
  display: none;
}
/* UI Checkbox */

.trp-checkbox-wrapper {
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  padding: 8px 8px 8px 32px;
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  background-color: #e5edf4;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #e5edf4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #e5edf4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #e5edf4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e5edf4', GradientType=0);
  /* IE6-9 */

  color: #333333;
}
.trp-checkbox-wrapper:hover {
  background: #e5edf4;
}
.trp-checkbox {
  background-image: url(/imagesv3/sprites/checkboxsprite.png);
  background-repeat: no-repeat;
  background-position: -1px -1px;
  height: 18px;
  width: 18px;
  position: absolute;
  left: 8px;
  top: 8px;
}
.trp-checkbox-wrapper-transparent {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 8px 8px 8px 24px;
}
.trp-checkbox-wrapper-transparent .trp-checkbox {
  left: 0;
}
.trp-checkbox.hover.checked.disabled {
  background-position: -1px -211px;
}
.trp-checkbox.hover.click.checked {
  background-position: -1px -151px;
}
.trp-checkbox.hover.click.checked.disabled {
  background-position: -1px -151px;
}
.trp-checkbox.hover.checked {
  background-position: -1px -91px;
}
.trp-checkbox.hover.disabled {
  background-position: -1px -181px;
}
.trp-checkbox.checked.disabled {
  background-position: -1px -211px;
}
.trp-checkbox.hover.click {
  background-position: -1px -121px;
}
.trp-checkbox.disabled {
  background-position: -1px -181px;
}
.trp-checkbox.hover {
  background-position: -1px -61px;
}
.trp-checkbox.checked {
  background-position: -1px -31px;
}
/* end custom checkbox */

.maxHotelText {
  margin-top: 10px;
  font-size: 10px;
  color: #777777;
}
/* Start TRP photo gallery */

.trp-gal-stage {
  position: relative;
  margin: 0 0 10px 0;
  padding: 10px;
  background-color: #f0f0f0;
  border-radius: 6px;
}
.trp-gal-stage-inner {
  position: relative;
}
.trp-gal-stage-inner div.frame {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0;
  background-color: #f0f0f0;
}
.trp-gal-stage-inner div.last-active {
  z-index: 9;
  opacity: 1;
}
.trp-gal-stage-inner div.active {
  z-index: 10;
  opacity: 1;
}
.trp-gal-stage-inner div img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.trp-gal-stage-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4px 10px 4px 10px;
  background: url('/imagesv3/overlays/opa75.png') repeat scroll 0 0 transparent;
  color: white;
  z-index: 11;
  text-align: center;
  border-radius: 0 0 6px 6px;
  font-size: 11px;
  line-height: 150%;
}
.trp-gal-stage-info a {
  color: #333333;
}
.trp-gal-carousel {
  background-color: #f0f0f0;
  border-radius: 6px;
  padding: 10px 25px 0 25px;
  position: relative;
}
.trp-gal-viewport {
  overflow: hidden;
  margin: auto;
  padding: 0 0 10px 0;
}
ul.trp-gal-thumb-list {
  width: 9999px;
  list-style: none;
  margin: 0;
}
ul.trp-gal-thumb-list li {
  float: left;
  width: 68px;
  height: 68px;
  padding: 0 5px 0 5px;
}
/* images are width 68 (width + border) */

ul.trp-gal-thumb-list li a {
  display: block;
  width: 60px;
  height: 60px;
  border: solid white;
  background-color: white;
  border-width: 4px;
  border-radius: 4px;
  cursor: pointer;
}
ul.trp-gal-thumb-list li a img {
  width: 60px;
  height: 60px;
}
ul.trp-gal-thumb-list li a.selected {
  border-color: #69be28;
}
.trp-gal-loader {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  background: url('/imagesv3/loaders/trp-gal.gif') no-repeat 0 0;
}
.trp-gal-nav {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 50%;
  margin-top: -13px;
  cursor: pointer;
}
.trp-gal-nav span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -7px;
}
.trp-gal-back {
  left: 0;
}
.trp-gal-forward {
  right: 0;
}
/* End TRP Photo Gallery */

/* HOTEL REVIEWS */

div.reviewHolder {
  padding: 15px 10px 20px 10px;
  border-bottom: 1px dotted #aaaaaa;
  clear: both;
}
p.reviewFrom {
  color: #0088ce;
  margin: 0 0 6px;
}
p.reviewFrom img {
  margin-right: 5px;
  vertical-align: bottom;
}
p.reviewCheckInDate {
  color: #69be28;
  margin: 0 0 8px;
}
p.reviewCheckInDate span {
  color: #333333;
  margint: 0 6px 0 0;
}
p.reviewTextHolder {
  clear: both;
  margin: 0;
}
p.reviewTextHolderTopTip {
  margin: 15px 0 0 0;
}
span.reviewText,
span.reviewNoComment {
  font-style: italic;
}
span.topTipCaption {
  font-weight: normal;
  color: #69be28;
  margin-right: 6px;
  float: left;
}
span.topTipText {
  color: #0088ce !important;
}
.reviewedBy {
  font-weight: bold;
  color: #0088ce;
  margin: 0;
}
.reviewedBy img {
  margin-left: 0;
  vertical-align: bottom;
}
.reviewedBy span.ledgendText {
  margin-left: 10px;
}
.reviewDisclaimer {
  color: #999999;
  padding: 0 10px 0 10px;
  margin-top: 10px;
  font-size: 10px;
}
.reviewTranslationBar {
  background-color: #ccdce9;
  padding: 4px 8px 5px 8px;
  margin-bottom: 6px;
  font-size: 11px;
  float: left;
}
.reviewTranslationBar input[type="radio"] {
  vertical-align: middle;
  margin: 0 3px 0 0;
  padding: 0;
}
.reviewTranslationBar input[type="radio"].toggleTextSecond {
  margin-left: 10px;
}
.reviewTranslationBar span {
  vertical-align: middle;
}
reviewContentWrapper {
  clear: both;
}
.reviewSnippet {
  overflow: hidden;
  /* keep this to stop IE7 scrolling inappropriately */
  margin: 0;
}
.quoteMark {
  font-family: 'Times New Roman', Serif;
  color: #94c2e0;
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
  font-style: normal;
}
.quoteOpen {
  margin-top: -4px;
  margin-bottom: -16px;
  float: left;
  padding-right: 8px;
}
.snippetList li {
  margin-bottom: 20px;
}
.snippetList li:last-child {
  margin-bottom: 0;
}
/* END HOTEL REVIEWS */

/* prompt panels */

.info-panel {
  background-color: #e5edf4;
  border-style: dotted;
  border-color: #3375a9;
  border-width: 1px 0 1px 0;
  padding: 10px;
  margin-bottom: 10px;
}
.field-list li {
  padding: 0 0 10px 0;
}
.field-list li:last-child {
  padding: 0 0 0 0;
}
.field-caption {
  color: #293991;
  margin-right: 6px;
}
.childAgeAlert {
  padding: 8px;
  color: white;
  text-align: left;
  background-color: #69be28;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  margin-right: 10px;
}
.elvCardAlert {
  float: left;
  padding: 8px;
  color: white;
  text-align: left;
  background-color: #69be28;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 250px;
}
.trp-arrow-up {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #69be28;
}
.trp-arrow-left {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #69be28;
}
.elvAlertArrow {
  float: left;
  margin-top: 15px;
}
.elvAlertBubble {
  display: none;
}
/* START DESTINATION PAGES */

.destinationPageListWrapper {
  min-height: 450px;
}
.destinationPageList {
  overflow: hidden;
}
.destinationPageList li.even,
.destinationPageList li.odd {
  width: 50%;
  margin: 0;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.destinationPageBuffer {
  clear: both;
  height: 50px;
}
.destinationItemWrapper {
  margin: 0;
  height: 60px;
  padding: 0px;
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e8e8e8));
  background: -moz-linear-gradient(top, white 0%, #e8e8e8 100%);
  background: -webkit-linear-gradient(top, white 0%, #e8e8e8 100%);
  background: -o-linear-gradient(top, white 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, white 0%, #e8e8e8 100%);
  background: linear-gradient(top, white 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e8e8e8', GradientType=0);
  list-style-image: none;
  border-bottom: solid 1px #bbbbbb;
  border-right: solid 1px #bbbbbb;
  border-left: solid 1px #bbbbbb;
}
.destinationItemWrapper:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: white;
  cursor: hand;
  cursor: pointer;
}
.destItemArrow {
  margin-top: 19px;
  margin-right: 10px;
  float: right;
  width: 20px;
  background-image: url(/imagesv3/sprites/dnata-common.png);
  height: 25px;
}
.destination-arrow-right {
  background-position: -178px -41px;
}
.destlist-matched-photo {
  border-radius: 5px;
  height: 50px;
  width: 50px;
  background-color: white;
  border: 1px solid darkgray;
  margin: 5px 0 5px 5px;
  display: inline-block;
}
.destination-match-list {
  margin-top: 30px;
  margin-bottom: 75px;
}
.dest-title-text {
  font-size: 18px;
  line-height: 130%;
  color: #293991;
  font-weight: bold;
}
.destlist-matched-photo img {
  width: 48px;
  padding: 1px;
  border-radius: 5px;
}
.destinationItemWrapper h3 {
  color: #0088ce;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
  word-wrap: normal;
  margin: 0;
}
.destinationItemWrapper h2 a {
  color: #0088ce;
}
.destinationItemWrapper h2 a:hover {
  color: #69be28;
}
.destinationSeperatorSpacer {
  background-color: white;
  height: 20px;
  padding: 0;
  margin: 0 0 0 -1px;
}
.destinationSeperatorList {
  clear: both;
  padding: 20px 0 0 0;
  margin: 0;
  display: block;
  background-color: white;
  width: 100%;
}
.destinationSeperator {
  font-size: 22px;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-weight: normal;
  letter-spacing: normal;
  display: block;
  color: #0088ce;
  background: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#fefefe, #e8e8e8);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#fefefe, #e8e8e8);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#fefefe, #e8e8e8);
  /* IE10 */
  background-image: -o-linear-gradient(#fefefe, #e8e8e8);
  /* Opera 11.10+ */
  background-image: linear-gradient(#fefefe, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

  padding: 7px 15px 7px 15px;
  border-radius: 6px 6px 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: solid 1px #bbbbbb;
  margin: 0 1px 0 0;
}
.destinationItemTeaser a {
  color: #293991;
  cursor: pointer;
}
.destinationItemTeaser a:hover {
  color: #69be28;
  text-decoration: underline;
}
.destinationItemTeaser span {
  color: #69be28;
  font-weight: bold;
}
.destitem-matched-title {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0 5px;
}
.destitem-matched-hotelcount {
  color: #999999;
  font-style: italic ;
  font-weight: normal ;
  float: right;
  margin-top: 30px;
  font-size: 14px;
  margin-right: 10px;
}
/* END DESTINATION PAGES */

#matchResults {
  width: 630px;
  margin: 0px;
  float: left;
}
.contentAlert {
  border: 2px solid red;
  padding: 10px;
}
/* overlay window */

.trp-page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('/imagesv3/backgrounds/trans-black-80.png');
  z-index: 1000;
}
.trans-black-40 {
  background: url('/imagesv3/backgrounds/trans-black-40.png');
}
div.trp-map-overlay {
  position: fixed;
  background-color: white;
  z-index: 1010;
  border-radius: 8px;
}
div.trp-map-overlay .map-overlay-controls {
  position: absolute;
  top: -25px;
  right: -25px;
  z-index: 1015;
}
div.trp-map-overlay .map-overlay-controls .close {
  background: url('/imagesv3/controls/overlay-close.png') no-repeat;
  display: block;
  width: 70px;
  height: 70px;
}
div.trp-map-overlay .map-overlay-content {
  height: 100%;
  overflow: hidden;
}
div.trp-map-overlay .map-overlay-content #mapCanvas {
  position: relative;
  width: 100%;
  height: 100%;
}
div.trp-map-overlay .map-overlay-content .loadingMessage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/imagesv3/dnata/loading-animations/dnata-preloader.gif') no-repeat center;
  background-color: white;
  z-index: 1011;
}
/* Careers */

#jobsPromo {
  float: right;
  width: 284px;
  margin: 20px 0 20px 0;
  padding: 10px;
  border: 1px solid #aaaaaa;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#jobsPromo h3 {
  color: #0088ce;
  font-weight: bold;
  padding: 0 0 8px 0;
}
div.jobAdWrapper {
  margin: 30px 0 50px 0;
}
div.jobAdWrapper h3 {
  width: 600px;
}
div.jobAdWrapper p {
  width: 600px;
  line-height: 20px;
  margin-bottom: 15px;
}
div.jobAdWrapper p {
  width: 600px;
  line-height: 20px;
}
div.jobAdWrapper ul {
  line-height: 20px;
}
div.jobAdWrapper ul li {
  list-style-type: disc;
  margin-bottom: 15px;
  margin-left: 15px;
  padding-left: 10px;
}
div.jobAdWrapper ol {
  line-height: 20px;
}
div.jobAdWrapper ol li {
  list-style-type: decimal;
  margin-bottom: 15px;
  margin-left: 20px;
  padding-left: 10px;
}
/* login form (used for manage your booking and rate your hotel stay) */

div.loginFormWrapper {
  padding: 20px 10px 20px 10px;
  background-color: #ccdce9;
  border: dotted 1px #dddddd;
  border-width: 1px 0 1px 0;
  margin-bottom: 20px;
}
div.loginFormRow {
  margin-bottom: 10px;
  padding-left: 10px;
  clear: both;
}
div.loginFormRow label {
  width: 180px;
  text-align: left;
  display: inline-block;
}
div.loginFormRow div.fieldHolder {
  display: inline-block;
}
div.loginFormRow p.promptText {
  text-align: left;
  display: inline-block;
  margin-left: 6px;
}
/* booking step breadcrumb hack */

ul.booking-step-list {
  list-style-type: none;
  padding: 0 0 0 0;
}
ul.booking-step-list li {
  float: left;
}
ul.booking-step-list li .booking-step {
  display: inline-block;
  padding: 0 6px 0 6px;
}
ul.booking-step-list li .booking-step-spacer {
  margin: 3px 0 0 8px;
}
ul.booking-step-list li .booking-step.on {
  color: #69be28;
}
/* search units and filter panels */

.search-unit-panel {
  background-color: #0088ce;
  padding: 15px 10px 15px 10px;
}
.search-unit-panel .extra-options {
  margin-top: 10px;
}
.search-unit-panel .extra-options .inner {
  display: none;
}
.search-unit-panel .extra-options.open .inner {
  display: block;
}
.search-unit-panel .extra-options .toggle {
  display: inline-block;
  color: white;
  padding: 5px 20px 5px 5px;
  position: relative;
}
.search-unit-panel .extra-options .toggle .gicon {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}
.search-unit-panel .extra-options .toggle .gicon-up {
  display: none;
}
.search-unit-panel .extra-options.open .toggle .gicon-up {
  display: block;
}
.search-unit-panel .extra-options .toggle .gicon-down {
  display: block;
}
.search-unit-panel .extra-options.open .toggle .gicon-down {
  display: none;
}
.filter-panel {
  background-color: #0088ce;
}
.filter-panel-header {
  padding: 15px;
}
.filter-panel-section {
  border-top: solid 2px #005293;
}
.filter-panel-section .inner {
  padding: 0 15px 15px 15px;
  display: none;
}
.filter-panel-section.open .inner {
  display: block;
}
.filter-panel-section .gicon-up {
  display: none;
}
.filter-panel-section.open .gicon-up {
  display: block;
}
.filter-panel-section .gicon-down {
  display: block;
}
.filter-panel-section.open .gicon-down {
  display: none;
}
.filter-panel h3 {
  color: white;
}
.filter-panel a.header {
  display: block;
  position: relative;
  padding: 12px 15px 12px 15px;
  text-decoration: none;
}
.filter-panel h5 {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: white;
  margin: 0;
}
.filter-panel a.header .gicon {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
}
.filter-panel h6 {
  color: white;
  margin: 14px 0 8px 0;
  font-weight: normal;
}
/* control panel / filter panel */

.control-panel {
  background-color: #f6f6f6;
  padding: 10px;
}
.control-panel h3 {
  font-size: 20px;
  color: #0088ce;
  margin-bottom: 10px;
}
.control-panel h5 {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.control-panel h6 {
  margin: 14px 0 8px 0;
  font-weight: normal;
}
.control-panel.attached {
  border-top: 0;
}
.lite-panel {
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}
.hotel-nav-bar {
  margin: 5px 0 5px 0;
  padding: 0 10px 0 10px;
}
.pagination-bar {
  padding: 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0 1px 0;
  margin-bottom: 10px;
}
.pagination-bar .pagination-list-holder {
  float: right;
}
.pagination-bar h4 {
  float: left;
  margin: 8px 0 0 0;
}
.filter-count-caption {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 8px 0 10px 0;
  color: white;
}
.filter-count-caption span {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.2em;
}
/* vertical result filter styles */

.filter-count {
  color: #0088ce;
  margin: 0;
}
a.clear-all-filters {
  font-size: 11px;
  display: block;
  cursor: pointer;
  color: #69be28;
}
/* responsive filter bar */

.filter-bar {
  background-color: #0088ce;
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 15px;
  font-size: 14px;
}
.filter-bar.sticky-bar {
  margin: 0;
}
.filter-bar .inner {
  max-width: 1200px;
  min-width: 768px;
  margin: 0 auto 0 auto;
}
.filter-bar ul {
  width: 100%;
}
.filter-bar ul li {
  float: left;
  position: relative;
  display: block;
}
.filter-bar ul li a {
  display: block;
  text-decoration: none;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: white;
  padding: 0 15px 0 15px;
}
.filter-bar ul li.header a {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
  text-align: left;
}
/* START slide panels */

.slide-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #0088ce;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1050;
  /* needs to be higher than lightbox-overlay */
  width: 280px;
  -webkit-transition: margin 0.4s ease-in-out;
  -moz-transition: margin 0.4s ease-in-out;
  -ms-transition: margin 0.4s ease-in-out;
  -o-transition: margin 0.4s ease-in-out;
  transition: margin 0.4s ease-in-out;
}
.slide-panel.left {
  margin: 0 0 0 -280px;
  left: 0;
}
.slide-panel.right {
  margin: 0 -280px 0 0;
  right: 0;
}
.slide-panel.open {
  margin: 0;
}
/* END slide panels */

/* silders */

.sliderScaleRange {
  height: 10px;
  position: relative;
}
.sliderScale {
  position: absolute;
}
.sliderScaleFrom {
  left: 0;
}
.sliderScaleTo {
  right: 0;
}
p.slider-values {
  text-align: center;
  margin: 10px 0 12px 0;
}
p.slider-values-xl {
  margin: 0 0 15px 0;
  font-size: 20px;
  font-weight: bold;
  color: #69be28;
}
.new-search-unit p.slider-values {
  color: white;
}
/* end sliders */

/* new inputs */

input[type="text"].trp-field.disabled,
input[type="password"].trp-field.disabled,
select.trp-field.disabled,
textarea.trp-field.disabled {
  border: 0px solid white;
}
.small input[type="text"].trp-field,
.small input[type="password"].trp-field,
.small select.trp-field,
.small textarea.trp-field {
  padding: 6px 6px;
  font-size: 13px;
}
.small select.trp-field {
  padding: 5px 6px;
}
input[type="text"].trp-field.small,
input[type="password"].trp-field.small,
select.trp-field.small,
textarea.trp-field.small {
  padding: 6px 6px;
  font-size: 13px;
}
select.trp-field.medium {
  padding: 7px 7px;
}
select.trp-field.small {
  padding: 5px 6px;
}
input[type="text"].trp-field:focus,
input[type="password"].trp-field:focus,
select.trp-field:focus,
textarea.trp-field:focus {
  border-color: rgba(73, 194, 255, 0.8);
  outline: 0 none;
}
input[type="text"].trp-field.mandatory,
input[type="password"].trp-field.mandatory,
select.trp-field.mandatory,
textarea.trp-field.mandatory,
input[type="text"].trp-field.invalid,
input[type="password"].trp-field.invalid,
select.trp-field.invalid,
textarea.trp-field.invalid,
input[type="text"].form-field.invalid,
input[type="password"].form-field.invalid,
select.tform-field.invalid,
textarea.form-field.invalid,
input[type="text"].form-field-noval.invalid,
input[type="password"].form-field.invalid,
select.tform-field.invalid,
textarea.form-field.invalid,
div.trp-textbox.mandatory {
  border-color: rgba(255, 79, 79, 0.8);
  outline: 0 none;
}
input[type="text"].trp-field.warning,
input[type="password"].trp-field.warning,
select.trp-field.warning,
textarea.trp-field.warning {
  border-color: rgba(242, 101, 34, 0.8);
  outline: 0 none;
}
input.trp-date-field {
  padding-right: 22px;
  background-image: url('icons/cal-pale-24.png');
  background-position: 95% center;
  background-repeat: no-repeat;
  cursor: pointer;
}
input.trp-date-field:focus {
  background-image: url('icons/cal-24.png');
}
input[type="text"].trp-field.inline,
input[type="password"].trp-field.inline,
select.trp-field.inline,
textarea.trp-field.inline {
  float: left;
  margin-right: 8px;
}
.trp-quarter-width {
  width: 29%;
}
.trp-title-field {
  width: 100px;
}
.trp-name-field {
  width: 135px;
}
/* hotel result */

.hotel-result {
  padding: 15px 10px 15px 10px;
  border-bottom: solid 3px #dddddd;
}
/* gallery view */

.hotel-result-grid-holder {
  float: left;
  width: 50%;
}
.hotel-result-grid {
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  min-height: 500px;
  padding: 10px;
  margin: 4px;
  position: relative;
}
.hotel-photo-stage {
  width: 100%;
  height: 260px;
  font-size: 0;
  text-align: center;
}
.hotel-photo-stage:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.hotel-photo-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 100%;
}
.hotel-result-grid .hotel-image {
  max-height: 240px;
}
/* summary view */

.hotel-result-summary {
  position: relative;
}
/* full detail result */

.hotel-result-full-left {
  float: left;
  max-width: 35%;
  margin-bottom: 8px;
  position: relative;
}
.hotel-result-full-main {
  overflow: hidden;
  margin-bottom: 8px;
}
.hotel-result-full-left-inner {
  padding-right: 15px;
}
.hotel-result-summary-left {
  float: left;
  margin-right: 15px;
  position: relative;
  width: 140px;
}
.hotel-result-summary-main {
  overflow: hidden;
}
.hotel-result-summary .hotel-image {
  width: 140px;
  height: 140px;
}
.hotel-result-showcase {
  /* replace 1px of normal padding with a border */
  border: solid 1px #aaaaaa;
  padding: 14px 14px 14px 14px;
  border-radius: 6px;
  margin: 15px 0 15px 0;
}
.hotel-result-showcase-prompt {
  text-align: center;
  padding: 10px;
  font-weight: normal;
  background-color: #f3f3f3;
  border-bottom: solid 1px #aaaaaa;
  border-radius: 6px 6px 0 0;
  margin: -14px -14px 12px -14px;
}
/* map info window */

.hotel-result-bubble {
  min-width: 400px;
}
.hotel-result-bubble-left {
  float: left;
  width: 100px;
  margin-right: 10px;
}
.hotel-result-bubble-main {
  overflow: hidden;
}
/* overrides for leaflet map bubble */

.leaflet-popup-content-wrapper {
  border-radius: 0!important;
}
.leaflet-container h4 a {
  color: #0088ce !important;
}
/* hotel main image */

img.hotel-image {
  max-width: 100%;
  vertical-align: middle;
}
a.hotel-image-gallery-view {
  display: block;
  position: relative;
  height: 150px;
  overflow: hidden;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
img.hotel-image-list-view {
  width: 140px;
  height: 140px;
}
img.hotel-image-bubble {
  width: 100px;
  height: 100px;
  margin-bottom: 6px;
}
/* hotel name - use appropriate header tag to detemine size */

.hotel-name {
  margin-bottom: 0;
}
.hotel-name-tablet {
  display: none;
}
/* hotel room grid */

table.hotel-room-grid {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 10px 0 10px 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 1px 0 1px;
}
table.hotel-room-grid tr.header-row {
  background-color: #f3f3f3;
}
table.hotel-room-grid tr.room-row {
  cursor: pointer;
}
table.hotel-room-grid td {
  text-align: left;
  font-weight: normal;
  border-bottom: solid 1px #cccccc;
}
table.hotel-room-grid td {
  padding: 5px 10px 5px 10px;
}
table.hotel-room-grid tr.header-row td {
  padding: 8px 10px 8px 10px;
}
table.hotel-room-grid td.column-center {
  width: 18%;
}
table.hotel-room-grid td.column-cost {
  width: 12%;
  text-align: right;
}
table.hotel-room-grid td.column-select {
  width: 18%;
  text-align: right;
}
table.hotel-room-grid td.column-select-multi {
  width: 8%;
}
table.hotel-room-grid tr.warning-row td {
  color: #69be28;
  font-weight: bold;
  text-align: center;
}
.board-type-desc {
  color: #005293;
}
.hotel-room-cost {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #69be28;
  font-size: 18px;
}
.hotel-room-sub-cost {
  color: #005293;
}
.room-supplier {
  display: inline-block;
  padding: 0 4px;
  background-color: #ffff56;
  font-size: 11px;
  margin-top: 2px;
}
.direct-contract-supplier {
  background-color: #69be28;
  color: white;
}
/* end hotel room grid */

/* teaser room grid */

table.hotel-room-grid-teaser {
  width: 100%;
  border-top: solid 1px #cccccc;
  font-size: 11px;
}
table.hotel-room-grid-teaser tr {
  background-color: #f9f9f9;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, white 50%, #f9f9f9 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, white), color-stop(100%, #f9f9f9));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, white 50%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, white 50%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, white 50%, #f9f9f9 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, white 50%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f9f9f9', GradientType=0);
  /* IE6-9 */

}
table.hotel-room-grid-teaser td {
  padding: 3px 6px 3px 6px;
  border-bottom: solid 1px #cccccc;
}
table.hotel-room-grid-teaser td.column-cost {
  width: 30%;
  text-align: right;
}
table.hotel-room-grid-teaser .hotel-room-cost {
  font-size: 13px;
}
/* end teaser room grid */

/* hotel availability inline map */

.inline-map-wrapper {
  height: auto;
  margin-bottom: 15px;
}
.inline-map-canvas {
  height: 480px;
  border-top: solid 3px #cccccc;
  border-bottom: solid 3px #cccccc;
}
.inline-map-overlay {
  display: none;
  position: relative;
}
.inline-map-overlay-inner {
  opacity: 0;
}
.inline-map-overlay-bar {
  background-color: #f3f3f3;
  height: 26px;
}
.inline-map-overlay-inner .mini-icon-close {
  position: absolute;
  top: 4px;
  right: 10px;
}
/* end hotel availability main map */

/* uk sprite */

.trade-logo,
.depositLow,
.depositLowIcon,
.payAtHotelIcon {
  background-image: url("/imagesv3/sprites/trp-uk.png");
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .trade-logo,
  .depositLow,
  .depositLowIcon,
  .payAtHotelIcon {
    background-image: url("/imagesv3/sprites/retina/trp-ukx2.png");
    background-size: 611px 240px;
  }
}
/* trade logos */

.trade-logo {
  display: block;
  float: left;
  margin: 0 0 0 5px;
}
.trade-logo-iata {
  background-position: -197px 0;
  width: 62px;
  height: 41px;
}
.trade-logo-abta {
  background-position: -269px 0;
  height: 40px;
  width: 103px;
  margin-right: 3px;
}
.trade-logo-car {
  background-position: -586px 0;
  width: 25px;
  height: 40px;
}
.trade-logo-tuv {
  background-position: -205px -4px;
  width: 40px;
  height: 39px;
}
.trade-logo-atol {
  background-position: -66px -80px;
  width: 56px;
  height: 55px;
}
.header-trade-logo-panel .trade-logo-atol {
  margin-top: -10px;
}
.trade-logo-ata {
  background-position: -430px 0;
  height: 40px;
  width: 97px;
}
.trade-logo-tfp {
  background-position: -537px 0;
  width: 42px;
  height: 42px;
}
/* START domain selection icons */

.domain-select {
  background-image: url('/imagesv3/sprites/trp-common.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 37px;
  text-decoration: none;
}
.domain-select-en-GB {
  background-position: 0px 0;
  width: 55px;
}
.domain-select-en-IE {
  background-position: -64px 0;
  width: 40px;
}
.domain-select-es-ES {
  background-position: -114px 0;
  width: 44px;
}
.domain-select-de-DE {
  background-position: -168px 0;
  width: 46px;
}
.domain-select-it-IT {
  background-position: -223px 0;
  width: 38px;
}
.domain-select-de-AT {
  background-position: -271px 0;
  width: 42px;
}
.domain-select-en-US {
  background-position: -285px 0;
  width: 60px;
}
/* END domain selection icons */

/* START credit card icons */

.credit-card {
  background-image: url('/imagesv3/sprites/trp-common.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  text-decoration: none;
  margin: 0 2px 0 2px;
}
.credit-card-visa {
  background-position: -58px -83px;
  width: 52px;
}
.credit-card-mastercard {
  background-position: -235px -83px;
  width: 52px;
}
.credit-card-amex {
  background-position: -293px -83px;
  width: 52px;
}
.credit-card-solo {
  background-position: -352px -83px;
  width: 52px;
}
.credit-card-laser {
  background-position: -408px -83px;
  width: 52px;
}
.credit-card-paypal {
  background-position: -467px -83px;
  width: 52px;
}
.credit-card-laschrift {
  background-position: -384px 0;
  width: 52px;
}
.credit-card-sofort {
  background-position: -443px 0;
  width: 52px;
}
.credit-card-diners {
  background-position: -556px 0;
  width: 52px;
}
.credit-card-maestro {
  background-position: -635px -83px;
  width: 52px;
}
/* END credit card icons */

/* a little style for the pop up on Hotel Detail */

.slideUP {
  background: transparent url('/imagesv3/hotel-detail/group-trans.png') no-repeat 7px 10px;
  -webkit-box-shadow: 1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  z-index: 2002;
}
/* form validation experiment */

ul.val-msg-list {
  list-style-type: none;
  display: none;
  background-color: #f4b8c4;
  margin-bottom: 10px;
  padding: 8px;
}
ul.val-msg-list li {
  display: none;
  padding: 2px 0 2px 0;
}
ul.val-msg-list li.on {
  display: inline;
}
/* panel tabs (used on shortlist panel) */

.trp-tab-list-holder {
  padding-left: 6px;
  margin-bottom: 10px;
  border-bottom: 1px solid #aaaaaa;
}
ul.trp-tab-list {
  list-style-type: none;
  clear: both;
}
ul.trp-tab-list li {
  float: left;
  border-style: solid;
  border-color: #aaaaaa;
  border-width: 1px 1px 0 1px;
  background-color: #efefef;
  margin-left: -1px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
}
ul.trp-tab-list li a {
  display: block;
  padding: 6px 8px 6px 8px;
  text-decoration: none;
  color: #293991;
}
ul.trp-tab-list li.active {
  background-color: white;
  border-bottom: solid 1px white;
}
/* form layout */

.trp-field-label {
  font-size: 15px;
  margin-bottom: 4px;
  display: block;
}
.trp-field-label-left {
  display: inline-block;
  margin: 0 8px 4px 0;
}
.trp-field-clearance {
  margin-bottom: 10px;
}
.error-rollup {
  background-clip: padding-box;
  background-color: #f0f0f0;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #f0f0f0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0f0f0', GradientType=0);
  /* IE6-9 */

  border: 1px solid #bbbbbb;
  border-radius: 6px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 10px 20px 10px 20px;
  margin-bottom: 15px;
  background-color: #ffcccc;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffeaea 50%, #ffcccc 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffeaea), color-stop(100%, #ffcccc));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ffeaea 50%, #ffcccc 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ffeaea 50%, #ffcccc 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ffeaea 50%, #ffcccc 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ffeaea 50%, #ffcccc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeaea', endColorstr='#ffcccc', GradientType=0);
  /* IE6-9 */

  border: 1px solid #ba3538;
}
/* positional popup panel */

.trp-popup {
  background-clip: padding-box;
  background-color: #0088ce;
  color: white;
  border-radius: 6px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  z-index: 1010;
}
.trp-popup.top {
  margin-top: -12px;
}
.trp-popup.right {
  margin-left: 12px;
}
.trp-popup.bottom {
  margin-top: 12px;
}
.trp-popup.left {
  margin-left: -12px;
}
/* carets */

.trp-popup .arrow,
.trp-popup .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.trp-popup .arrow {
  border-width: 11px;
}
.trp-popup .arrow:after {
  border-width: 10px;
  content: "";
}
.trp-popup.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #0088ce;
  border-bottom-width: 0;
}
.trp-popup.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #0088ce;
  border-bottom-width: 0;
}
.trp-popup.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #0088ce;
  border-left-width: 0;
}
.trp-popup.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #0088ce;
  border-left-width: 0;
}
.trp-popup.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #0088ce;
  border-top-width: 0;
}
.trp-popup.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #0088ce;
  border-top-width: 0;
}
.trp-popup.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #0088ce;
  border-right-width: 0;
}
.trp-popup.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #0088ce;
  border-right-width: 0;
}
/* error version (color overrides) */

.trp-popup.error {
  background-color: crimson;
  border: 1px solid crimson;
}
.trp-popup.error.top .arrow {
  border-top-color: crimson;
}
.trp-popup.error.right .arrow {
  border-right-color: crimson;
}
.trp-popup.error.bottom .arrow {
  border-bottom-color: crimson;
}
.trp-popup.error.left .arrow {
  border-left-color: crimson;
}
.trp-popup.error.top .arrow:after {
  border-top-color: crimson;
}
.trp-popup.error.right .arrow:after {
  border-right-color: crimson;
}
.trp-popup.error.bottom .arrow:after {
  border-bottom-color: crimson;
}
.trp-popup.error.left .arrow:after {
  border-left-color: crimson;
}
/* end pop up panel */

/* guest picker */

.guest-picker-panel {
  width: 600px;
}
.pax-picker-panel {
  width: 450px;
}
table.guest-picker-table th {
  font-weight: normal;
  padding: 0 6px 4px 6px;
  white-space: nowrap;
  text-align: left;
}
table.guest-picker-table td {
  padding: 0 6px 6px 6px;
  vertical-align: top;
}
table.guest-picker-table td.pax-cell select {
  width: 60px;
}
table.guest-picker-table td.age-cell .trp-selectbox {
  margin: 0 10px 10px 0;
}
.guest-picker-villa-prompt {
  background-color: white;
  border: solid 1px #293991;
  border-radius: 6px;
  padding: 8px 15px;
  display: inline-block;
  margin: 10px 0 0 70px;
}
.guest-picker-villa-prompt h6 {
  font-size: 16px;
}
.trp-loader-small {
  width: 60px;
  height: 8px;
  display: inline-block;
  background: url('/imagesv3/dnata/loading-animations/horizontal-small.gif') no-repeat center center;
}
.loader-snake-64 {
  display: block;
  background-image: url("/imagesv3/loaders/grey-snake-64.gif");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
}
.loader-snake-64.white {
  background-image: url(/imagesv3/loaders/white-snake-64.gif);
}
/* mini shortlist */

.mini-shortlist {
  background: #005293;
  border-radius: 3px 3px 0 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  padding: 6px 0 6px 44px;
}
.mini-shortlist-icon {
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -16px;
}
.mini-shortlist-title {
  padding: 0 10px 0 0;
  color: white;
  float: left;
  line-height: 140%;
}
.mini-shortlist-title a {
  color: white;
}
.mini-shortlist-title a:hover {
  text-decoration: none;
}
.mini-shortlist-close {
  float: left;
  height: 36px;
  width: 18px;
  position: relative;
}
.mini-shortlist-close span {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
}
ul.mini-shortlist-list {
  list-style: none;
  float: left;
}
ul.mini-shortlist-list li {
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 6px;
  position: relative;
}
ul.mini-shortlist-list li a,
ul.mini-shortlist-list li span {
  display: block;
  width: 32px;
  height: 32px;
  border: solid 2px white;
  border-radius: 4px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
}
ul.mini-shortlist-list li img {
  width: 32px;
  height: 32px;
  border-radius: 2px;
  background-clip: border-box;
  position: absolute;
}
/* new booking form */

.check-container {
  float: left;
  box-sizing: border-box;
  width: 90%;
}
.sliderContainer {
  padding: 15px 30px 15px 30px;
}
.warningTitle {
  font-weight: bold;
}
.flightLegDivider {
  width: 100%;
  border-bottom: 1px dashed #bbbbbb;
  margin-bottom: 10px;
}
.trp-val-icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 6px 0 0 6px;
}
.trp-val-icon-invalid {
  background: url("/imagesv3/sprites/trp-common.png") no-repeat -191px -263px;
}
.trp-val-icon-warning {
  background: url("/imagesv3/sprites/trp-common.png") no-repeat -222px -263px;
}
.trp-val-popup ul {
  background: url(/imagesv3/form/warning.png) no-repeat;
  background-position: 0% center;
  padding-left: 25px;
}
.trp-cell-span {
  display: inline-block;
  padding: 5px 0px 0px 0px;
}
table.trp-form-table {
  width: 100%;
  display: table;
}
table.trp-form-table td {
  vertical-align: middle;
}
table.trp-form-table td.label-cell {
  width: 20%;
}
table.trp-form-table td.label-cell-wide {
  width: 30%;
}
table.trp-form-table td.field-cell {
  width: 80%;
  padding: 6px 0 6px 0;
  vertical-align: middle;
}
.full-width-field {
  width: 90%;
}
.trp-form-section {
  margin-bottom: 30px;
}
.trp-itin-title {
  display: inline-block;
  color: #333333;
  width: 85px;
}
.itin-acom-title-it {
  width: 115px;
}
.trp-form-section-content {
  padding-left: 5px;
  padding-right: 5px;
}
.trp-mandatory {
  font-weight: bold;
  color: #69be28;
  margin-left: 6px;
}
.pax-field-panel-header {
  background-color: #ccdce9;
  border-style: dotted;
  border-width: 1px 0 1px 0;
  border-color: #3375a9;
  padding: 8px 6px 8px 6px;
}
.pax-field-panel {
  margin-bottom: 10px;
}
.pax-field-panel .trp-form-table {
  border-top: dotted 1px #3375a9;
}
.pax-field-panel .trp-form-table td {
  background-color: #e5edf4;
  border-style: dotted;
  border-color: #3375a9;
  border-width: 0 0 1px 0;
}
.pax-field-panel .trp-form-table td span {
  padding-left: 6px;
}
.searchingWait {
  background: url(/imagesv3/loaders/orange-snake-20.gif) no-repeat;
  background-position: 0% center;
  display: inline-block;
  line-height: 150%;
  font-weight: normal;
  text-align: center;
  padding: 5px 10px 5px 25px;
  margin: auto;
  border-radius: 3px;
  box-shadow: 0 3px 0 0 #b0b0b8;
  border-color: white;
  /* trp grey button */
  color: #333333;
  background-color: #f0f0f0;
}
/* costing list */

.cost-list-header {
  background-color: whitesmoke;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, white 50%, whitesmoke 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, white), color-stop(100%, whitesmoke));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, white 50%, whitesmoke 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, white 50%, whitesmoke 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, white 50%, whitesmoke 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, white 50%, whitesmoke 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='whitesmoke', GradientType=0);
  /* IE6-9 */

  display: block;
  clear: both;
  overflow-x: hidden;
  overflow-y: visible;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 1px 1px 1px 1px;
  padding: 8px 0 8px;
  margin-top: -1px;
  color: #333333;
}
ul.cost-list {
  margin: 0;
  font-size: 11px;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 1px 1px 1px 1px;
  margin-top: -1px;
}
ul.cost-list li {
  display: block;
  clear: both;
  overflow-x: hidden;
  overflow-y: visible;
  list-style-type: none;
  margin: 0;
  border-top: dotted 1px #cccccc;
  padding: 8px 0 8px;
  margin-top: -1px;
}
ul.cost-list li .key,
.cost-list-header .key {
  float: left;
  width: 70%;
}
ul.cost-list li .value,
.cost-list-header .value {
  float: right;
  width: 30%;
  white-space: nowrap;
  text-align: right;
}
ul.cost-list li .key span,
.cost-list-header .key span {
  display: inline-block;
  padding-left: 5px;
}
ul.cost-list li .value span,
.cost-list-header .value span {
  display: inline-block;
  padding-right: 5px;
}
.cost-list-header .title {
  padding-right: 5px;
}
a.cost-list-header .gicon {
  margin: 2px 5px 0 5px;
  opacity: 0.5;
}
a.cost-list-header .key span {
  padding-left: 0;
}
a.cost-list-footer {
  padding: 6px 5px 6px 5px;
  color: #333333;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 1px;
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-color: whitesmoke;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, white 50%, whitesmoke 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, white), color-stop(100%, whitesmoke));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, white 50%, whitesmoke 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, white 50%, whitesmoke 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, white 50%, whitesmoke 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, white 50%, whitesmoke 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='whitesmoke', GradientType=0);
  /* IE6-9 */

  display: block;
  text-align: center;
  font-size: 11px;
}
a.cost-list-footer .gicon {
  vertical-align: text-bottom;
}
a.cost-list-header:hover,
a.cost-list-footer:hover {
  text-decoration: none;
  background-image: none;
}
.trp-cost-total {
  color: #69be28;
  font-weight: bold;
}
.trp-cost-deposit {
  color: #0088ce;
  font-weight: bolder;
  font-size: 13px;
}
.trp-cost-deposit-amount {
  float: right;
  color: #69be28;
  font-weight: bolder;
  font-size: 18px;
}
.grand-total-panel {
  border: solid 1px #bbbbbb;
  padding: 20px 10px 20px 10px;
  background-color: white;
  border-radius: 3px;
  margin-bottom: 10px;
}
.cardSelector {
  cursor: pointer;
}
/* end costing list */

.hidden-content.slide {
  display: none;
  background: white;
}
.itinerary-panel {
  border: solid 1px #999999;
  border-radius: 4px;
}
.itinerary-product {
  border-bottom: dotted 1px #999999;
  margin-bottom: -1px;
  /* hides last bottom border */

}
.itinerary-product .itinerary-product-inner {
  display: block;
  padding: 8px;
  text-decoration: none;
  color: #333333;
}
.itinerary-product h4 {
  margin-bottom: 3px;
  clear: left;
}
.itinerary-product .gicon {
  margin: 4px 0 0 0;
  opacity: 0.5;
}
.itinerary-product h6 {
  color: #69be28;
  margin-bottom: 5px;
}
.itinerary-hotel-image {
  display: block;
  height: 120px;
  overflow: hidden;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #444444;
  position: relative;
  border-radius: 3px;
}
.itinerary-hotel-image-overlay {
  background: url("/imagesv3/backgrounds/trans-black-40.png");
  bottom: 0;
  left: 0;
  right: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  position: absolute;
  padding: 0 5px 4px 5px;
}
.itinerary-hotel-image-overlay h4,
.itinerary-hotel-image-overlay h5,
.itinerary-hotel-image-overlay h6,
.itinerary-hotel-image-overlay .hotel-star-holder {
  color: white;
  margin: 0;
}
.itinerary-detail-caption {
  color: #0088ce;
  margin-right: 5px;
}
ul.itinerary-detail-list li {
  border-top: dotted 1px #bbbbbb;
  padding: 3px 0 3px 0;
}
/* start review statements */

div.review-statement {
  padding: 10px;
  margin-bottom: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}
table.review-statement-result {
  margin-top: 6px;
  border-collapse: collapse;
  width: 100%;
}
table.review-statement-result td {
  padding-bottom: 8px;
}
table.review-statement-result td.outcome {
  width: 20%;
}
table.review-statement-result td.count {
  width: 15%;
}
table.review-statement-result td.bar {
  width: 65%;
}
table.review-statement-result span.result-outcome {
  display: block;
  padding: 4px 8px 4px 8px;
  margin-right: 6px;
  text-align: center;
  border-radius: 3px;
  color: white;
  font-weight: bold;
  background-color: #69be28;
}
table.review-statement-result div.result-vote-bar {
  background-color: #69be28;
  height: 6px;
}
table.review-statement-result tr.no span.result-outcome,
table.review-statement-result tr.no div.result-vote-bar {
  background-color: #005293;
}
/* end review statements */

/* Hotel description */

div.hotelDescription {
  padding: 10px 10px 20px 10px;
}
div.hotelDescription p,
div.hotelDescription div {
  margin-bottom: 18px;
}
p.right {
  text-align: right;
}
div.hotelDescription a {
  color: #69be28;
  text-decoration: underline;
}
div.hotelDescription a:hover {
  color: #0088ce;
  text-decoration: underline;
}
div.hotelDescription ul li {
  list-style-type: disc;
  margin: 0;
}
/* hide empty elements on hotel descriptions */

div.hotelDescription *:empty :not(br) {
  display: none;
}
/* Hotel facilities */

h3.facilitiesHeading {
  color: #0088ce;
  padding: 0 10px 0 10px;
  margin: 20px 0 20px 0;
}
div.facilitiesListWrapper {
  padding: 10px 0 25px 0;
  border-top: 1px dotted #aaaaaa;
}
div.facilitiesListWrapper p {
  font-weight: bold;
  padding: 0 10px 0 10px;
}
div.facilitiesList {
  float: left;
  width: 205px;
}
div.facilitiesList ul {
  color: #0088ce;
  margin: 0 0 10px 0px;
  line-height: 20px;
  padding-left: 10px;
}
div.facilitiesList ul span {
  color: #333333;
}
div.facilitiesList li {
  list-style-type: disc;
  list-style-position: outside;
  margin: 10px 0 0 15px;
}
/* style to force some readability in the injected hotel descriptions */

div.hotelDescription br + br {
  display: block;
  margin-bottom: 7px;
}
div.hotelDescription ul {
  list-style: none;
  margin: 10px 0 20px 20px;
}
div.hotelDescription ul li {
  margin-bottom: 5px;
}
/* hotel listing teaser prices */

.hotel-detail-teaser {
  margin-top: 8px;
}
span.hotel-detail-teaser-from {
  display: inline-block;
}
span.hotel-detail-teaser-from {
  line-height: 120%;
  vertical-align: middle;
}
span.hotel-detail-teaser-price {
  color: #69be28;
  font-size: 30px;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
}
.hotel-detail-teaser span.searchIcon {
  vertical-align: text-bottom;
}
/* End hoteldetail.less */

/* PAGING BUTTONS */

ul.pagination-list li {
  float: left;
  margin-right: 10px;
}
ul.pagination-list li:last-child {
  margin-right: 0;
}
ul.pagination-list li a,
ul.pagination-list li span.disabled {
  font-size: 14px;
  display: block;
  color: white;
  min-width: 32px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  text-decoration: none;
  position: relative;
  background-color: #0088ce;
}
ul.pagination-list li a:hover {
  opacity: 0.9;
}
ul.pagination-list li span.spacer {
  display: block;
  min-width: 22px;
  text-align: center;
  padding-top: 10px;
  font-size: 18px;
}
ul.pagination-list li span.disabled,
ul.pagination-list li a.nudge {
  background-color: #858585;
}
ul.pagination-list li a.active {
  background-color: #69be28;
}
ul.pagination-list li .gicon {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -6px;
}
/* large version */

.large ul.pagination-list li a,
.large ul.pagination-list li span.disabled {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 22px;
  min-width: 42px;
  height: 42px;
  line-height: 42px;
}
/* END PAGING BUTTONS */

.showcase-wrapper {
  margin-bottom: 10px;
}
/* START SLIDESHOW */

.trp-slideshow {
  position: relative;
  margin: 0 auto;
  display: block;
  clear: both;
  overflow-x: hidden;
  overflow-y: visible;
  padding-bottom: 15px;
}
.trp-slideshow-stage {
  width: 100%;
  height: 100%;
  position: relative;
}
.trp-slideshow-stage .inner {
  margin: 0 auto;
}
.trp-slideshow-stage .slide {
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
}
.trp-slideshow-stage .static-slide {
  visibility: hidden;
}
.trp-slideshow-stage .static-slide.visible {
  visibility: visible;
}
.trp-slideshow-stage .slide img,
.trp-slideshow-stage .static-slide img {
  max-width: none;
  width: 100%;
  height: auto;
  max-height: 100%;
  border: none;
  display: inline-block;
  vertical-align: middle;
}
.trp-slideshow-stage .slide.active {
  z-index: 10;
}
.trp-slideshow-stage .slide.last-active {
  z-index: 9;
}
.trp-slideshow .overlay {
  position: absolute;
  /*bottom: 10px;*/
  bottom: 20px;
  background: url(/imagesv3/backgrounds/trans-black-40.png);
  color: white;
  padding: 6px 15px 6px 15px;
  z-index: 8;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
}
.trp-slideshow .overlay.active {
  z-index: 11;
}
.trp-slideshow .overlay.last-active {
  z-index: 10;
}
.trp-slideshow .nav-bar {
  float: right;
  position: relative;
  left: -50%;
  text-align: center;
}
.trp-slideshow ul.nav-list {
  list-style-type: none;
  position: relative;
  left: 50%;
  text-align: center;
  padding: 0;
  margin: 0;
}
.trp-slideshow ul.nav-list li {
  float: left;
  position: relative;
}
.trp-slideshow ul.nav-list li a {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-image: url(/imagesv3/sprites/trp-common.png);
  background-position: -225px -47px;
  background-repeat: no-repeat;
  margin: 8px 8px 0 8px;
}
.trp-slideshow ul.nav-list li a:hover {
  background-position: -246px -47px;
}
.trp-slideshow ul.nav-list li.active a {
  background-position: -203px -47px;
}
.trp-slideshow .overlay h1,
.trp-slideshow .overlay h2 {
  color: white;
  margin: 0;
}
.trp-slideshow .overlay h1 {
  font-weight: normal;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 30px;
}
.trp-slideshow .overlay h2 {
  font-weight: normal;
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 22px;
}
.trp-slideshow .nav-btn {
  display: inline-block;
  position: absolute;
  text-decoration: none;
  z-index: 12;
  width: 17px;
  height: 36px;
  top: 50%;
  margin-top: -18px;
  background-image: url(/imagesv3/sprites/trp-common.png);
  background-repeat: no-repeat;
}
.trp-slideshow .nav-btn.prev {
  left: 5px;
  background-position: -75px -41px;
}
.trp-slideshow .nav-btn.next {
  right: 5px;
  background-position: -100px -41px;
}
.showcase-slideshow .trp-slideshow-stage {
  background: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#fefefe, #e8e8e8);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#fefefe, #e8e8e8);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#fefefe, #e8e8e8);
  /* IE10 */
  background-image: -o-linear-gradient(#fefefe, #e8e8e8);
  /* Opera 11.10+ */
  background-image: linear-gradient(#fefefe, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

}
/* END SLIDESHOW */

/* START LIGHTBOX */

.lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: url('/imagesv3/backgrounds/trans-black-80.png');
}
.lightbox {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  display: table;
  position: fixed;
  width: 100%;
  height: 100%;
}
.lightbox .inner {
  content: "";
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 20px 40px 20px 40px;
}
.lightbox .inner .stage {
  background-color: white;
  border-radius: 8px;
  padding: 8px;
  margin: 0 auto 0 auto;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
  min-width: 100px;
  min-height: 100px;
}
.lightbox img.gal-img {
  border-radius: 5px;
  vertical-align: middle;
  width: 100%;
  height: auto;
}
.lightbox .stage a.nav-btn {
  display: block;
  text-decoration: none;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
}
.lightbox .stage a.nav-btn.prev {
  left: -50px;
}
.lightbox .stage a.nav-btn.next {
  right: -50px;
}
.lightbox .stage a.nav-btn span {
  display: inline-block;
  background-image: url("/imagesv3/sprites/trp-common.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 34px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -9px;
}
.lightbox .stage a.nav-btn.prev span {
  background-position: -74px -40px;
}
.lightbox .stage a.nav-btn.next span {
  background-position: -100px -40px;
}
.lightbox .stage a.close-btn {
  display: inline-block;
  position: absolute;
  top: -36px;
  right: 0;
  width: 28px;
  height: 28px;
  background-image: url("/imagesv3/sprites/trp-common.png");
  background-repeat: no-repeat;
  background-position: -123px -40px;
}
.lightbox .stage .counter {
  position: absolute;
  bottom: 8px;
  right: 8px;
  border-radius: 4px 0 0 0;
  background-color: white;
  color: black;
  padding: 2px 2px 0 5px;
  font-size: 10px;
  line-height: 16px;
}
.lightbox .stage .loader {
  display: block;
  background-image: url("/imagesv3/loaders/grey-snake-64.gif");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
}
/* END LIGHTBOX */

/* START MODAL PROMPT */

/* END MODAL PROMPT */

/* new grey style search box */

.searchHotelName {
  background-color: #ccdce9;
  padding: 6px;
}
.searchTypeIcon {
  margin-left: 4px;
  vertical-align: middle;
  float: left;
}
.searchTypeHolidayCaption {
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}
/* end master search unit */

.searchUnitHolder {
  position: relative;
}
.searchUnitErrorPanel {
  margin-bottom: 10px;
  background-color: crimson;
  color: white;
  padding: 8px;
  border: solid 2px white;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* search controls */

input.fieldError,
select.fieldError {
  border: solid 2px white;
  border-color: crimson;
  padding: 4px 2px 4px 2px;
}
input.dateField.fieldError {
  padding-right: 20px;
}
select.fieldError {
  padding: 3px 2px 3px 2px;
}
.fieldHolder {
  margin-top: 15px;
}
.fieldHolderTop {
  margin-top: 0px;
}
.fieldLabel {
  margin-bottom: 4px;
  display: block;
  vertical-align: bottom;
}
.fieldLabelLeft {
  padding-top: 8px;
  float: right;
}
.roomFieldLabel {
  margin-bottom: 5px;
  display: block;
  vertical-align: bottom;
  text-align: center;
  font-size: 10px;
}
.roomFieldLabelLeft {
  float: left;
  padding-top: 6px;
  vertical-align: bottom;
  margin-right: 8px;
}
input.searchUnitField.dateField {
  width: 108px;
  padding-right: 22px;
  background-image: url("/imagesv3/dnata/backgrounds/calendar.png");
  background-position: 95% center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.dateFromFieldHolder {
  float: left;
  margin-right: 20px;
}
.dateToFieldHolder {
  float: left;
}
.wideField {
  width: 282px;
  /* was 286px */

}
.transferPaxTypeHolder {
  float: left;
  width: 140px;
  text-align: center;
}
.transferReturnDateWrapper {
  height: 62px;
}
.paxColLabel {
  font-size: 0.8em;
}
.roomFieldCell {
  width: 65px;
}
.roomFieldCell {
  width: 65px;
}
.paxSelectHolder {
  height: 32px;
}
.paxSelect {
  width: 48px;
  margin: 0 0 0 0;
}
ul.errorList {
  list-style: outside disc;
  margin-left: 10px;
}
ul.errorList li {
  margin-top: 3px;
}
.searchUnitPrompt {
  font-size: 10px;
}
.paxTypeHolder {
  float: left;
  margin-right: 8px;
}
a.groupBookingsLink {
  display: block;
  margin: 10px auto;
  font-weight: normal;
  text-decoration: none;
  color: #333333;
}
label.overlayLabel {
  position: absolute;
  left: 6px;
  color: #999999;
  top: 50%;
  margin-top: -9px;
}
/*search history control*/

.searchHistoryWrapper abbr {
  border-bottom: dashed 1px #333333;
}
.search-history-inner {
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #aaaaaa;
}
.searchHistoryItem {
  padding: 40px 8px 8px 8px;
  background-color: #e8e8e8;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #e8e8e8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #e8e8e8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #e8e8e8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

  border-bottom: solid 1px #aaaaaa;
  position: relative;
}
.searchHistoryItem .search-icon {
  position: absolute;
  top: 4px;
  left: 8px;
}
.searchHistoryItem .searchType {
  position: absolute;
  top: 18px;
  left: 54px;
}
.searchHistoryItem span.searchType {
  color: #0088ce;
  margin-left: 5px;
  vertical-align: middle;
}
.searchHistoryItem p.searchCriteria {
  font-size: 11px;
  margin: 0;
  padding-right: 80px;
}
.searchHistoryItem a.reRunSearchBtn {
  position: absolute;
  right: 8px;
  bottom: 8px;
}
/* Saved searches misc*/

.searchHistoryWrapper a.mini-icon-close {
  position: absolute;
  right: 8px;
  top: 8px;
}
/* used on booking timeout page */

.largeSearchHistoryItem {
  background-color: #ccdce9;
  padding: 14px;
  width: 400px;
  margin-top: 4px;
  border: solid 2px #3375a9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.largeSearchHistoryItem h5 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 6px;
  color: #0088ce;
}
/* end saved searches */

/* horizontal search unit stars */

/* multi airport select on flight search unit */

.switchSiteButton {
  font-size: 20px;
  background: #ccdce9 url('/imagesv3/64x64/mobile.png') no-repeat;
  height: 44px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 10px;
}
.switchSiteButton a {
  display: block;
  margin-left: 64px;
}
.switchSiteButton a:hover {
  text-decoration: none;
}
/* END IMPORTS FROM SEARCHUNITS.LESS */

/* Filter List */

.airport-picker {
  background-color: white;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
}
.airport-picker .trp-textbox input[type="text"] {
  border: 0 none;
}
.airport-picker-list {
  display: block;
  clear: both;
  overflow-x: hidden;
  overflow-y: visible;
  padding: 4px 4px 0 4px;
}
.airport-picker-list li {
  float: left;
  margin: 0 4px 4px 0;
  width: 60px;
}
.airport-picker-list a {
  font-size: 14px;
  display: block;
  background-color: #0088ce;
  color: white;
  padding: 2px 5px 2px 5px;
  border-radius: 2px;
  position: relative;
  text-decoration: none;
}
.airport-picker-list a span.gicon {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -7px;
  opacity: 0.25;
  filter: alpha(opacity=25);
}
.airport-picker-list a:hover span.gicon {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.airport-picker .trp-textbox.focus {
  outline: none;
  border-color: #aaaaaa;
  box-shadow: none;
}
/* CROPPED TEXT PLUGIN */

.croppedtext-showmore,
.croppedtext-showless {
  color: #0088ce;
  cursor: pointer;
  white-space: nowrap;
  margin-left: 6px;
}
/* interactive map */

.interactive-map-panel {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.interactive-map-canvas {
  background-position: center center;
  height: 100%;
}
.interactive-map-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  height: 58px;
  width: 100%;
  background: url(/imagesv3/backgrounds/interactive-map.png);
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  /* border for old browsers */
  border-color: rgba(0, 0, 0, 0.25);
  background-clip: border-box;
  background-clip: border-box;
}
.interactive-map-canvas {
  border-radius: 8px;
}
.interactive-map-panel .pull-tag {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 60px;
  height: 60px;
  background: url(/imagesv3/map-pins/pull-arrow.png);
  cursor: pointer;
}
.interactive-map-panel .map-pin {
  width: 46px;
  height: 57px;
  position: absolute;
  right: 50%;
  top: 50%;
  margin-right: -23px;
  margin-top: -57px;
  z-index: 10;
  background: url(/imagesv3/map-pins/default-pin.png);
}
.interactive-map-panel .map-pin.pin-3 {
  background: url(/imagesv3/map-pins/airport-pin.png);
}
.interactive-map-panel .map-pin.pin-4 {
  background: url(/imagesv3/map-pins/hotel-pin.png);
}
.interactive-map-panel .map-pin-shadow {
  width: 75px;
  height: 57px;
  position: absolute;
  right: 50%;
  top: 50%;
  margin-right: -52px;
  margin-top: -56px;
  z-index: 9;
  background: url(/imagesv3/map-pins/default-pin-shadow.png) no-repeat;
}
.interactive-map-panel .map-pin-shadow.pin-3 {
  background: url(/imagesv3/map-pins/airport-pin-shadow.png);
}
.interactive-map-panel .map-pin-shadow.pin-4 {
  background: url(/imagesv3/map-pins/hotel-pin-shadow.png);
}
.hotel-image-viewport {
  height: 250px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
}
.rooms-from-holder-details-view {
  margin: 0 0 20px 0;
  min-height: 50px;
}
.hotel-result-full-main-details-view {
  border-top: solid 3px #dddddd;
  padding-top: 15px;
}
.hotel-result-action-bar {
  clear: left;
  margin: 8px 0 8px 0;
}
/* SOCIAL MEDIA Left Hand Column */

.trp-btn-social {
  padding: 0;
  height: 43px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 4px;
  border: 0 none;
}
.trp-btn-social a {
  display: block;
  color: white;
  height: 43px;
  font-size: 16px;
  line-height: 43px;
  text-align: center;
  text-decoration: none;
  text-indent: 43px;
  background: url('/imagesv3/social-media/social-icons43.png') no-repeat top left;
}
.trp-btn-social-facebook {
  background-color: #4366a7;
}
.trp-btn-social-facebook a {
  background-position: 0 0;
}
.trp-btn-social-twitter {
  background-color: #60c6e9;
}
.trp-btn-social-twitter a {
  background-position: 0 -43px;
}
.trp-btn-social-google {
  background-color: #cd4432;
}
.trp-btn-social-google a {
  background-position: 0 -86px;
}
.trp-btn-social-blog {
  background-color: #f6a124;
}
.trp-btn-social-blog a {
  background-position: 0 -129px;
}
/* END SOCIAL MEDIA Left Hand Column */

.backToDealFinder {
  margin-bottom: 4px;
}
.backToDealFinder span {
  color: #ff7802;
  font-size: 12px;
}
.backToDealFinder a:hover {
  text-decoration: none;
}
.backToDealFinder img {
  vertical-align: middle;
}
/* arrows pillaged from mobile site (temporary) */

.trp-list-arrow {
  top: 50%;
  right: 10px;
  position: absolute;
  margin-top: -16.5px;
}
.trp-list-arrow-small {
  top: 50%;
  right: 10px;
  position: absolute;
  margin-top: -12.5px;
}
/* radio button and text box widgets */

.trp-widget {
  position: relative;
}
.trp-widget label {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  border-radius: 3px;
  position: relative;
  margin: 8px 0 8px 0;
  cursor: pointer;
  background-color: #dddddd;
  padding: 10px 6px 10px 6px;
}
.trp-widget label:hover {
  opacity: 0.9;
}
.trp-widget label.on {
  background-color: #69be28;
  color: white;
}
.trp-widget-icon {
  height: 20px;
  width: 20px;
  position: absolute;
  background-image: url(/imagesv3/sprites/trp-common.png);
  background-repeat: no-repeat;
}
.trp-widget label.checkbox.off .trp-widget-icon {
  background-position: -71px -406px;
}
.trp-widget label.checkbox.on .trp-widget-icon {
  background-position: -71px -430px;
}
.trp-widget label.iconpos-left {
  padding-left: 34px;
}
.trp-widget label.iconpos-right {
  padding-right: 34px;
}
.trp-widget input[type=checkbox],
.trp-widget input[type=radio] {
  position: absolute;
  left: -10000px;
}
.trp-widget span.caption {
  display: block;
}
.iconpos-left .trp-widget-icon {
  left: 8px;
  top: 50%;
  margin-top: -10px;
}
.iconpos-right .trp-widget-icon {
  right: 8px;
  top: 50%;
  margin-top: -10px;
}
/* minimal widget style with no border */

.trp-widget.minimal {
  display: inline-block;
  color: #333333;
}
.trp-widget.minimal label {
  background-color: transparent!important;
  padding-top: 0;
  padding-bottom: 5px;
}
.trp-widget.minimal label {
  margin: 0;
  padding-bottom: 0;
}
.trp-widget.minimal label.on {
  color: #333333;
}
.trp-widget.minimal .trp-widget-icon {
  border: solid 1px #bbbbbb;
  boder-radius: 3px;
}
.trp-widget.minimal .iconpos-left .trp-widget-icon {
  left: 0;
}
.trp-widget.minimal label.iconpos-left {
  padding-left: 26px;
}
/* START checkbox widget adjustments for new blue search units */

.new-search-unit .trp-widget label {
  background-color: #005293;
  color: white;
}
.new-search-unit .trp-widget label.on {
  background-color: #69be28;
  color: white;
}
.new-search-unit .trp-widget.minimal label {
  color: white;
}
.new-search-unit .trp-widget.minimal .trp-widget-icon {
  border: 0  none;
  boder-radius: none;
}
/* END checkbox widget adjustments for new blue search units */

.filter-widget-caption {
  float: right;
  font-size: 11px;
  color: #888888;
}
.new-search-unit .filter-widget-caption {
  color: white;
}
/* start search units */

.search-panel {
  background-color: #f6f6f6;
  border: solid 1px #aaaaaa;
  padding: 10px 8px 12px 8px;
  margin-bottom: 15px;
}
.search-panel-break {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid white;
  height: 0;
  margin: 10px -5px 10px -5px;
}
.search-panel h2 {
  font-size: 30px;
  /* was 30px */
  color: #0088ce;
}
.search-panel-col-inner {
  padding: 0 4px 0 4px;
}
.search-panel-three-col-inner-l {
  padding: 0 4px 0 0;
}
.search-panel-three-col-inner-c {
  padding: 0 2px 0 2px;
}
.search-panel-three-col-inner-r {
  padding: 0 0 0 4px;
}
.search-panel-inline-col {
  float: left;
  margin-right: 10px;
  min-height: 42px;
}
/* this is a derivate of trp-widget */

.search-type-widget {
  position: relative;
}
.search-type-widget label {
  display: block;
  border: solid 1px #bbbbbb;
  background-color: #e8e8e8;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #e8e8e8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #e8e8e8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #e8e8e8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 8px 8px 0 8px;
  height: 64px;
}
.search-type-widget label:hover {
  background-image: linear-gradient(to top, #fefefe 50%, #e8e8e8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

}
.search-type-widget label .caption {
  text-align: left;
  display: block;
}
.search-type-widget label input[type="radio"] {
  vertical-align: middle;
}
.search-type-widget label .search-icon {
  vertical-align: middle;
}
.search-type-widget label .trp-widget-icon {
  left: 6px;
  top: 78px;
  margin: 0;
}
/* search type icons */

.search-type-icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  background-image: url("/imagesv3/sprites/trp-common.png");
  background-repeat: no-repeat;
}
.icon-hotels {
  background-position: -90px -90px;
}
.icon-flights {
  background-position: -10px -90px;
}
.icon-transfers {
  background-position: -170px -90px;
}
.icon-marhaba {
  background-position: -170px -90px;
}
.search-type-icon.small {
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
.icon-flights.small {
  background-position: 0 -356px;
}
.icon-hotels.small {
  background-position: -49px -358px;
}
.icon-holidays.small {
  background-position: -100px -361px;
}
.icon-car-hire.small {
  background-position: -149px -364px;
}
.icon-attractions.small {
  background-position: -200px -357px;
}
.icon-parking.small {
  background-position: -253px -360px;
}
.icon-transfers.small {
  background-position: -300px -357px;
}
.icon-marhaba.small {
  background-position: -350px -358px;
}
.icon-insurance.small {
  background-position: -400px -362px;
}
/* new responsive inputs (wrapped in a div to spport legacy placeholder) */

.trp-textbox {
  position: relative;
}
.trp-textbox input[type="text"],
.trp-textbox input[type="password"] {
  outline: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */

}
.trp-textbox-label {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 4px;
  text-align: left;
}
.trp-textbox-label.left {
  display: inline-block;
  margin-right: 5px;
}
/* input overlay (placeholder) for non-html5 browsers */

.trp-textbox label.placeholder {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -8px;
  color: #555555;
  font-size: 13px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* HTML 5 placeholder text */

::-webkit-input-placeholder {
  color: #555555;
  opacity: 1;
}
:-moz-placeholder {
  color: #555555;
  opacity: 1;
}
::-moz-placeholder {
  color: #555555;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #555555;
  opacity: 1;
}
.trp-textbox.focus input[type="text"],
.trp-textbox.focus input[type="password"] {
  outline: none;
  border-color: rgba(73, 194, 255, 0.8);
}
.trp-textbox.disabled input[type="text"],
.trp-textbox.disabled input[type="password"],
.trp-textbox input[type="text"]:disabled,
.trp-textbox input[type="password"]:disabled,
select:disabled,
.trp-selectbox.overlay.disabled select.trp-field,
.trp-selectbox.overlay.disabled:before {
  background-color: #cccccc;
}
/* stop IE 10 behaviours */

.trp-textbox input::-ms-clear {
  display: none;
}
.trp-textbox input:focus {
  outline: none;
}
/* textbox icons */

.trp-textbox input.has-icon {
  padding-right: 22px;
  background-position: 96% center;
  background-repeat: no-repeat;
}
.trp-textbox input.icon-calendar {
  background-image: url('icons/cal-pale-24.png');
}
.trp-textbox.focus input.icon-calendar {
  background-image: url('icons/cal-24.png');
}
.trp-textbox input.icon-bods {
  background-image: url('icons/group-pale-24.png');
}
.trp-textbox.focus input.icon-bods {
  background-image: url('icons/group-24.png');
}
/* small fields mode */

.small-fields .trp-textbox input[type="text"],
.small-fields .trp-textbox input[type="password"] {
  font-size: 13px;
  padding: 7px;
}
/* Select Box */

.trp-selectbox {
  position: relative;
  display: inline-block;
  width: auto;
}
.trp-selectbox select {
  width: 100%;
}
.trp-selectbox.overlay select.trp-field {
  -webkit-appearance: none;
  padding-right: 25px;
  background: none;
  background-color: white;
}
.trp-selectbox.overlay select::-ms-expand {
  display: none;
}
@-moz-document url-prefix() {
  .trp-selectbox.overlay select.trp-field {
    -moz-appearance: none;
    padding-right: 6px;
    text-indent: 0.01px;
    text-overflow: '';
  }
}
.trp-selectbox.overlay:before {
  content: "";
  height: 10px;
  width: 25px;
  display: block;
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -5px;
  background-image: url('/imagesv3/sprites/trp-common.png');
  background-position: -576px -60px;
  background-repeat: no-repeat;
  padding: 0;
  pointer-events: none;
  background-color: white;
}
.search-panel select.trp-field {
  height: 43px;
  line-height: 16px;
}
.new-search-unit .trp-selectbox select.trp-field {
  height: 45px;
}
/* slide down / fade in support */

.content-slides {
  display: none;
}
.content-fades {
  opacity: 0;
}
.previousButton {
  cursor: pointer;
}
/* NEW INFO PAGE STYLES (old ones removed) */

.twoCol {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  /* col gap can NOT be a % it must be em or px */
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
/* Commonly used styles previously only in Info or pop-up CSS */

.infoImageIntro {
  float: right;
  margin: 0 0 10px 30px;
  max-width: 30%;
}
div.greyRoundedBacLrg {
  width: auto;
  border: 1px solid #bbbbbb;
  border-radius: 6px;
  padding: 1% 2% 1% 2%;
  margin: 0 auto 20px auto;
  line-height: 24px;
}
div.greyRoundedBacLrg p strong {
  color: #0088ce;
  font-weight: bold;
}
div.greyRoundedBacLrg p {
  font-weight: normal;
}
div.greyRoundedBacLrg p a {
  color: #69be28;
  text-decoration: none;
}
div.greyRoundedBacLrg p a:hover {
  color: #69be28;
  text-decoration: underline;
}
.infoBoldIntro {
  font-weight: bold;
  margin-bottom: 20px;
}
div.infoPages {
  margin: 20px 0 0 0;
}
.infoText {
  margin-bottom: 15px;
}
.infoText p {
  width: auto;
  line-height: 20px;
}
.infoText ul {
  line-height: 20px;
}
.infoText li {
  margin-bottom: 15px;
}
.infoTextMargin p {
  line-height: 20px;
  margin-bottom: 25px;
}
/* contact details (used for address and opening hours) */

p.contactDetails strong {
  font-weight: bold;
  color: #0088ce;
}
/* FAQS */

div#preSubjectsDD {
  max-width: 460px;
  float: left;
  margin-bottom: 10px;
}
div#preSubjectsDD select {
  max-width: 460px;
  text-overflow: ellipsis;
}
div#preSubjectsDD p {
  font-weight: bold;
  margin-bottom: 0;
}
div.faq a {
  color: #333333;
  text-decoration: none;
}
div.faq a:hover {
  color: #0088ce;
  text-decoration: none;
}
div.faq p {
  line-height: 20px;
}
ul.faqList {
  padding: 5px 0 10px 20px;
}
ul.faqList li {
  margin-top: 20px;
  font-weight: normal;
  width: 0;
}
ul.faqList li a {
  color: #333333;
  text-decoration: none;
  display: inline-block;
  width: 1000px;
}
ul.faqList li a:hover {
  color: #0088ce;
  text-decoration: underline;
}
.faqList li img {
  vertical-align: middle;
  margin-right: 15px;
}
.infoSubHeader .lblNodeTitle {
  font-size: 18px;
  line-height: 125%;
  color: #0088ce;
  margin: 0 10px 10px 0;
}
.infoSubHeader .lblCategoryTitle {
  float: left;
  font-size: 18px;
  line-height: 125%;
  color: #0088ce;
  margin: 0 10px 10px 0;
}
ul#categoryList li {
  margin-top: 20px;
  font-weight: normal;
}
ul#categoryList li a {
  color: #999999;
  text-decoration: none;
}
ul#categoryList li a:hover {
  color: #0088ce;
  text-decoration: underline;
}
#categoryList li img {
  vertical-align: middle;
  margin-right: 15px;
}
.lblAnswer p {
  margin: 0 0 15px 0;
}
.lblAnswer a {
  color: #0088ce;
  text-decoration: none;
}
.lblAnswer a:hover {
  color: #0088ce;
  text-decoration: underline;
}
a.FAQLink {
  text-decoration: none;
  color: #333333;
  background: none;
}
a.FAQLink:visited {
  text-decoration: none;
  color: #333333;
}
a.FAQLink:hover {
  text-decoration: underline;
  background: none;
  color: #0088ce;
}
a.FAQLink:active {
  text-decoration: underline;
}
/* FAQ Bread Crumbs */

ul#FAQBreadcrumb {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
#FAQBreadcrumb li {
  margin: 0px;
  padding: 0px;
  display: inline;
  color: #999999;
}
#FAQBreadcrumb a {
  font-weight: normal;
  color: #0088ce;
  text-decoration: none;
}
#FAQBreadcrumb a:hover {
  text-decoration: underline;
  color: #0088ce;
}
/* special assistance and group bookings */

/* Group Booking Form */

div.groupBookingsForm {
  border: 1px solid #bbbbbb;
  border-radius: 6px 6px 0 0;
  margin-bottom: 20px;
}
div.groupBookingsForm h3 {
  color: #0088ce;
  background: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#fefefe, #e8e8e8);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#fefefe, #e8e8e8);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#fefefe, #e8e8e8);
  /* IE10 */
  background-image: -o-linear-gradient(#fefefe, #e8e8e8);
  /* Opera 11.10+ */
  background-image: linear-gradient(#fefefe, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */

  padding: 7px 15px 7px 15px;
  border-radius: 6px 6px 0 0;
  background-clip: border-box;
  margin: 0;
}
.smallActionLink {
  color: #0088ce;
  text-decoration: underline;
  cursor: pointer;
}
div.groupBookingsWrapper {
  padding: 2% 2% 2% 2%;
  border-top: 1px solid #cccccc;
}
div.groupBookingsLabel {
  float: left;
  width: 47%;
  display: inline-block;
  padding: 0 1% 0 0;
  margin: 0;
  line-height: 110%;
}
.groupInputMed {
  width: 48%;
}
div.groupBookingsWrapper small {
  font-size: 10px;
}
#divRooms {
  line-height: 130%;
}
#tblRooms tr td {
  white-space: nowrap;
}
.newRule {
  border-bottom: 1px #0088ce solid;
}
/* Help page promos control */

#helpPromos {
  width: 100%;
}
/* Lowest Prices Guaranteed page */

#incentive {
  float: right;
  margin: 0 25px;
}
#mainContent div.faqOrangeThirds {
  float: left;
  padding: 1% 2%;
  width: 32%;
  min-height: 190px;
  height: 100%;
  border: 1px solid #bbbbbb;
  border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#faqHomeMiddle.faqOrangeThirds {
  margin: 0 2%;
}
#mainContent div.faqOrangeThirds img {
  display: block;
  float: left;
  margin-right: 15px;
  width: 120px;
  height: 120px;
}
div.infoPromo {
  min-width: 284px;
  width: 30%;
  height: 110px;
  border-radius: 3px;
  border: 1px solid #bbbbbb;
  padding: 1%;
}
div.infoPromo p {
  font-weight: normal;
  margin: 0 130px 0 0;
}
div.infoPromo p a {
  color: #333333;
}
#checkListPromo {
  float: left;
  background: url("/imagesv3/dnata/backgrounds/questions-back.gif") no-repeat bottom right transparent;
}
#faqPromo {
  margin: 0;
  background: url("/imagesv3/dnata/backgrounds/hands-up.gif") no-repeat bottom right transparent;
  float: right;
}
.jobPromo {
  float: left;
  width: 29%;
  margin: 0 3%;
}
.jobImage p {
  width: 100%;
  text-align: center;
}
.jobImage img {
  width: 100%;
  height: auto;
}
/* Info Index Page */

#mainContent div.greyRoundedBac {
  float: left;
  padding: 2%;
  width: 32%;
  height: 300px;
  border: 1px solid #bbbbbb;
  border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
div.companyInfo {
  float: left;
  padding: 2%;
  width: 32%;
  height: 300px;
  border: 1px solid #bbbbbb;
  border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
div.bookWithUsWrapper {
  float: right;
  padding: 2%;
  width: 32%;
  height: 300px;
  border: 1px solid #bbbbbb;
  border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.middle {
  margin: 0 0 0 2%;
}
ul.infoList a {
  font-size: 14px;
  color: #333333;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
}
ul.infoList a:hover {
  color: #0088ce;
  text-decoration: underline;
}
ul.infoList li {
  background: url('/imagesv3/dnata/backgrounds/list-dot.png');
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding: 0 0 10px 15px;
}
/* Attractions touch-up */

.noCardFeeBanner {
  text-align: center;
}
.fullWidth {
  width: 100%;
}
.trp-pos-relative {
  position: relative;
}
.trp-dealfinder-home-banner {
  margin-bottom: 10px;
  max-width: 810px;
  width: 100%;
  height: auto;
}
.trp-dealfinder-home-banner-img {
  width: 100%;
  height: auto;
}
/* Car hire landing page */

.lpg-lp-car-hire {
  background: url('/imagesv3/sprites/trp-uk.png') no-repeat -115px 0;
  width: 72px;
  height: 72px;
}
/* faq */

.faqCatIcon {
  background: url('/imagesv3/sprites/trp-common.png') no-repeat scroll -130px -263px transparent;
  padding: 0 0 0 30px;
}
.faqListIcon {
  background: url('/imagesv3/sprites/trp-common.png') no-repeat scroll -129px -293px transparent;
  padding: 0 0 0 30px;
}
.trp-glow:focus {
  outline: none;
  border-color: rgba(73, 194, 255, 0.8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(73, 194, 255, 0.8);
}
.auth-form {
  max-width: 300px;
}
.modal-authform {
  min-height: 205px;
  width: 300px;
  padding: 10px;
}
.account-form {
  min-height: 500px;
  margin: 50px auto 30px;
  max-width: 300px;
}
.changepassword-form {
  min-height: 150px !important;
}
.verify-form {
  min-height: 100px;
  max-width: 300px;
  margin: 50px auto 30px auto;
}
.dropdownCtrl {
  width: 100%;
  padding-bottom: 8px;
}
.dropdownCtrl input {
  border-radius: 5px;
  width: 95%;
}
.control-break {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid white;
  height: 0;
  margin: 20px auto;
}
/* START key messaging */

.key-message-icon {
  display: block;
  background-image: url(/imagesv3/sprites/key-messages-dnata.png);
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .key-message-icon {
    background-image: url(/imagesv3/sprites/retina/key-messagesx2.png);
    background-size: 712px 174px;
  }
}
/* large icons - dnata only */

.key-message-icon.large {
  width: 96px;
  height: 105px;
}
.key-message-icon.pricematchguarantee.large {
  background-position: 0 -156px;
}
.key-message-icon.customercare247.large {
  background-position: -372px -156px;
}
.key-message-icon.hotels200k.large {
  background-position: -245px -156px;
}
.key-message-icon.nobookfees.large {
  background-position: -114px -156px;
}
/* medium icons */

.key-message-icon.medium {
  width: 70px;
  height: 70px;
}
.key-message-icon.card-fees.medium {
  background-position: -320px 0;
}
.key-message-icon.free-canc.medium {
  background-position: -480px 0;
}
.key-message-icon.ammendment-fees.medium {
  background-position: -400px 0;
}
.key-message-icon.deposit.medium {
  background-position: 0 0;
}
.key-message-icon.two-mill.medium {
  background-position: -80px 0;
}
.key-message-icon.lpg.medium {
  background-position: -560px 0;
}
.key-message-icon.atol.medium {
  background-position: -240px 0;
}
.key-message-icon.three-week-bal.medium {
  background-position: -160px 0;
}
/* small icons */

.key-message-icon.small {
  width: 50px;
  height: 50px;
}
.key-message-icon.card-fees.small {
  background-position: -240px -88px;
}
.key-message-icon.free-canc.small {
  background-position: -360px -88px;
}
.key-message-icon.ammendment-fees.small {
  background-position: -300px -88px;
}
.key-message-icon.deposit.small {
  background-position: 0 -88px;
}
.key-message-icon.two-mill.small {
  background-position: -60px -88px;
}
.key-message-icon.lpg.small {
  background-position: -420px -88px;
}
.key-message-icon.atol.small {
  background-position: -170px -88px;
}
.key-message-icon.three-week-bal.small {
  background-position: -120px -88px;
}
/* key message list */

ul.key-messages {
  margin: 20px auto 20px auto;
  padding: 8px 0 0 20px;
  border: 1px solid #dddddd;
  background-color: #f6f6f6;
}
ul.key-messages li {
  display: block;
  float: left;
}
ul.key-messages li {
  width: 25%;
  margin-bottom: 10px;
}
ul.key-messages a {
  display: inline-block;
  text-decoration: none;
}
ul.key-messages a:hover {
  text-decoration: none;
}
ul.key-messages .wrapper {
  padding: 0 10px 0 10px;
  text-align: left;
}
ul.key-messages .wrapper div {
  overflow: hidden;
}
ul.key-messages .key-message-icon {
  float: left;
  margin-right: 8px;
}
ul.key-messages h3 {
  font-size: 18px;
  padding-top: 12px;
  margin-bottom: 0px;
}
ul.key-messages p {
  font-size: 14px;
  margin-bottom: 0;
}
ul.key-messages .key-message-icon.small {
  display: none;
}
ul.key-messages .key-message-icon.large {
  display: none;
}
/* booking form version */

ul.key-messages.borders {
  padding: 8px 0 0 0;
}
ul.key-messages.borders li {
  width: 100%;
}
ul.key-messages.borders .key-message-icon.medium {
  display: none;
}
ul.key-messages.borders .key-message-icon.small {
  display: inline-block;
}
ul.key-messages.borders h3 {
  font-size: 16px;
  padding-top: 6px;
}
ul.key-messages.borders p {
  font-size: 13px;
}
/* pop up info */

.key-message-content {
  max-width: 500px;
  padding: 20px;
  text-align: left;
}
/* END key messaging */

.invisibleImg {
  border: 0px;
  width: 1px;
  height: 1px;
  content: url("/imagesV3/global/onepixel.gif");
}
.chunky-tabs-wrapper {
  padding: 0 0 0 10px;
}
.chunky-tabs-footer {
  border-top: solid 1px #aaaaaa;
  margin-bottom: 20px;
}
ul.chunky-tabs li {
  float: left;
  margin-right: 10px;
  margin-bottom: -1px;
}
ul.chunky-tabs a {
  display: block;
  text-decoration: none;
  background-color: #f0f0f0;
  padding: 10px 10px 10px 10px;
  height: 56px;
  /* was 48px */
  position: relative;
  border-style: solid;
  border-color: #aaaaaa;
  border-width: 1px;
  border-radius: 6px 6px 0 0;
}
ul.chunky-tabs li.active a {
  background-color: white;
  border-bottom: 0 none;
  height: 57px;
  /* was 48px */

}
.flat-btn {
  border: none;
}
input[type="text"].baggage-num {
  padding: 5px;
  text-align: center;
  width: 30px;
  border-radius: 2px;
  font-size: 13px;
}
/* START PORTED FROM hotelavailability.css */

.deposit-prompt-text {
  font-weight: bold;
  color: #69be28;
  margin: 4px 0 4px 0;
}
div.depositLowIcon,
div.payAtHotelIcon {
  height: 34px;
  width: 64px;
  float: right;
  margin: 0 10px;
}
div.depositLowIcon {
  background-position: 0 -208px;
}
div.depositLowIcon.GBP-1 {
  background-position: -73px -208px;
}
div.depositLowIcon.EUR-1 {
  background-position: -146px -208px;
}
div.depositLowIcon.USD-1 {
  background-position: -219px -208px;
}
div.payAtHotelIcon {
  background-position: -292px -208px;
}
/* map stuff */

/* hotel search teaser */

div.searchTeaser {
  width: 630px;
  height: 266px;
  margin: 0 auto 20px auto;
  border: 1px solid #bbbbbb;
  padding: 8px;
}
div.searchTeaser div.resultsStats {
  width: 238px;
  height: 266px;
  background: #0088ce;
  float: left;
  margin-right: 10px;
}
div.searchTeaser div.resultsStats p {
  font-size: 18px;
  font-weight: bold;
  color: white;
}
div.searchTeaser div.resultsStats div {
  font-size: 46px;
  line-height: 46px;
  font-weight: bold;
  color: #87cb53;
}
div.searchTeaser div.resultsStats div.cheapestPrice {
  margin-top: 55px;
}
div.searchTeaser div.resultsStats div.resultsFound {
  margin-top: 15px;
}
div.searchTeaser div.resultsList {
  width: 380px;
  height: 260px;
  /* hides the border on last list item */
  text-align: left;
  position: relative;
  overflow: hidden;
  padding-top: 5px;
}
div.searchTeaser div.searchItemAni {
  height: 65px;
  border-bottom: 1px dotted #aaaaaa;
  position: relative;
}
div.searchTeaser div.searchItemAni p.hotelResultAni {
  color: #0088ce;
  font-weight: bold;
  display: block;
  padding: 5px 0 8px 0;
  margin: 0;
  width: 335px;
}
div.searchTeaser div.resultsList p.hotelLocationSearch {
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  position: absolute;
  bottom: 0px;
  padding: 0 0 6px 0;
  width: 100%;
}
div.searchTeaser div.resultsList span.searchPrices {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #69be28;
  margin: 0;
  padding: 0;
  float: right;
}
/* end hotel search teaser */

div.promoIconHolder {
  float: right;
  position: relative;
  width: 60px;
  height: 38px;
  margin-left: 10px;
}
span.promoIcon {
  display: block;
  width: 60px;
  height: 38px;
  cursor: pointer;
  float: left;
  position: absolute;
  right: 0;
  top: -4px;
}
span.inclusivePromoIcon {
  float: right;
  position: relative;
  width: 100px;
  height: 38px;
  margin-left: 10px;
  margin-top: -4px;
}
/* END PORTED FROM hotelavailability.css */

.tooltipInfo {
  border-bottom: 1px dotted #333333;
  cursor: help;
}
/* promotion HTML pages */

.promoHotelPriceLink {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
  color: #69be28;
  font-weight: normal;
  font-size: 18px;
}
.promoHotelPriceLink a {
  color: #69be28;
  text-decoration: none;
}
.promoHotelPriceLink a:hover,
.promoHotelPriceLink a:active {
  color: #69be28;
  text-decoration: underline;
}
.promoSubHead {
  color: #0088ce;
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
}
.promoSubHead a {
  color: #0088ce;
  text-decoration: none;
}
.promoSubHead a:hover,
.promoSubHead a:active {
  color: #0088ce;
  text-decoration: underline;
}
.promoImage {
  clear: both;
  float: left;
  border: none;
  width: 45%;
  max-width: 282px;
  height: auto;
  max-height: 188px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.vietnamPromoBlock {
  min-height: 230px;
}
/******** Shortlist sign in modal window ********/

.sign-in-wrap {
  background-color: #0088ce;
  color: white;
  padding: 40px 25px;
  border-radius: 5px;
  max-width: 500px;
}
.trp-signin-btn {
  padding: 10px 100px;
}
.trp-back-btn {
  margin: 0 25px 0 0;
}
.email-icon {
  background: url("/imagesv3/sprites/new-common.png") no-repeat -185px -192px;
  width: 35px;
  height: 20px;
}
.trp-btn span.email-icon {
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 30px;
}
.hr-break {
  border-top: 2px solid white;
  height: 0;
  margin: 20px auto;
}
.hr-break span {
  background-color: #0088ce;
  display: block;
  font-family: 'droid_sansbold', Arial, Helvetica, sans-serif;
  font-size: 22px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
  padding: 12px 35px;
  width: 20px;
}
.fb-icon {
  background: url("/imagesv3/sprites/new-common.png") no-repeat -230px -192px;
  width: 16px;
  height: 32px;
}
.trp-btn-fb {
  /* trp btn facebook */
  background-color: #537bbd;
  border-color: #132242;
  padding: 12px 30px;
}
.twtr-icon {
  background: url("/imagesv3/sprites/new-common.png") no-repeat -255px -192px;
  width: 40px;
  height: 32px;
}
.trp-btn-twtr {
  /* trp btn twitter */
  background-color: #78cdf0;
  border-color: #3e7eaf;
  padding: 12px 19px;
  margin: 0px 25px;
}
.google-icon {
  background: url("/imagesv3/sprites/new-common.png") no-repeat -303px -192px;
  width: 34px;
  height: 32px;
}
.trp-btn-google {
  /* trp btn google */
  background-color: #e83b3b;
  border-color: #aa4646;
  padding: 12px 24px;
}
.no-account {
  font-size: 14px;
  text-align: left;
  margin: 30px 0px 0px 0px;
}
.no-account .signUpLink {
  color: #69be28;
}
.error-message {
  margin-bottom: 20px;
  text-align: left;
  width: 350px;
}
.modalSignInForm .trp-textbox .signInEmail,
.modalSignInForm .trp-textbox .signInPassword,
.changepassword-form input.changepwd-pwd,
.modalSignUpForm .trp-textbox .signUpEmail,
.modalSignUpForm .trp-textbox .signUpPassword,
.modalForgottenPassword .trp-textbox .forgotEmail,
.change-panel .trp-textbox .choosepwd-pwd {
  font-size: 18px;
  height: 52px;
  border: 0 none;
}
.modalSignInForm .trp-textbox input {
  background-position: 95% center;
  background-repeat: no-repeat;
  padding-right: 70px;
}
.modalSignInForm .trp-textbox input.user-login-icon {
  background-image: url("icons/user-login.png");
}
.modalSignInForm .trp-textbox input.pass-login-icon {
  background-image: url("icons/pass-login.png");
  background-position: 96% center;
}
.btnContainer {
  text-align: right;
}
.green-tick-icon {
  background: url("/imagesv3/sprites/new-common.png") no-repeat -456px -248px;
  width: 60px;
  height: 58px;
}
.modalSignUpSuccess p,
.modalSignInSuccess p {
  padding-left: 80px;
  text-align: left;
}
.loader-on {
  background: url('/imagesv3/loaders/orange-snake-32.gif') no-repeat right center;
}
/******* verify and change password page - shortlist ********/

.verify-bg {
  background-color: white;
  background-position: center 0;
  background-repeat: no-repeat;
  height: 630px;
}
.verify-bg .control-panel {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.15);
}
.verify-title {
  margin-bottom: 35px;
}
.control-panel .verify-title h3,
.change-panel .trp-mb-xxl h3 {
  font-size: 22px;
  color: #0088ce;
  text-align: center;
}
.user-message {
  font-size: 18px;
  margin: auto;
  width: 76%;
  line-height: 23px;
  text-align: center;
}
ul.trade-wrapper {
  background-color: #f6f6f6;
  /* for ie */
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.15);
  width: 60%;
  margin: 0 auto;
  display: table;
}
li.trade-cell-float {
  width: 25%;
  float: left;
}
ul li .trade-logo-a {
  background: url("/imagesv3/sprites/new-common.png") no-repeat -85px -340px;
  width: 139px;
  height: 78px;
  margin: auto;
}
ul li .trade-logo-b {
  background: url("/imagesv3/sprites/new-common.png") no-repeat 0px -340px;
  width: 75px ;
  height: 78px;
  margin: auto;
}
ul li .trade-logo-c {
  background: url("/imagesv3/sprites/new-common.png") no-repeat -234px -340px;
  width: 119px;
  height: 78px;
  margin: auto;
}
ul li .trade-logo-d {
  background: url("/imagesv3/sprites/new-common.png") no-repeat -363px -340px;
  width: 100px;
  height: 78px;
  margin: auto;
}
/* START PORTED FROM flightavailabilty.less */

div.flightResult {
  /* orange result */
  background-color: #e5f3fa;
  border-style: dotted;
  border-color: #0088ce;
  border-width: 1px 0 0 0;
  padding: 10px 0;
  line-height: 130%;
}
div.flightResultGroup div.flightResult {
  border-width: 1px 0 0 0;
}
div.flightResultNonExact,
div.flightResultGroupNonExact div.flightResult {
  /* add this class for blue result */
  background-color: #e5edf4;
  border-color: #005293;
}
div.flightResultOff,
div.flightResultGroupOff div.flightResult {
  /* add this class for odd rows */
  background-color: white;
}
div.flightResultLast {
  border-width: 1px 0 1px 0;
}
div.flightLeg {
  width: 42%;
  float: left;
}
div.flightPrice {
  width: 16%;
  float: left;
}
div.flightResultNoPrice div.flightLeg {
  width: 50%;
}
div.flightLegInner {
  padding: 0 8px 0 8px;
  border-right: dotted 1px #0088ce;
}
div.flightLegLarge {
  width: 380px;
}
div.flightResultNonExact div.flightLegInner {
  border-color: #005293;
}
div.flightPriceInner {
  padding: 0 8px 0 8px;
  text-align: center;
}
div.flightLegInner,
div.flightPriceInner {
  min-height: 80px;
}
div.flightLegInner p.mainInfo {
  margin: 0;
}
div.flightLegInner p.subInfo {
  font-size: 11px;
  margin: 0;
}
div.flightLegInner p.extraInfo {
  font-size: 10px;
  margin: 0;
}
span.flightLegTitle {
  display: block;
  /*font-size: 13px;*/
  font-weight: normal;
  color: #0088ce;
}
span.flightDate {
  display: inline-block;
  margin-bottom: 3px;
  padding: 1px;
}
span.flightDateNonExact {
  background-color: #f0f0f0;
}
div.flightResultNonExact span.flightLegTitle,
div.flightResultSelected span.flightLegTitle {
  color: #0088ce;
}
span.flightLegLogoHolder {
  display: block;
  height: 30px;
  float: right;
}
.flightLeadPrice {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #69be28;
  font-size: 22px;
  padding: 8px 0 8px 0;
  margin: 0;
}
.flightLeadPriceSlim {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #69be28;
  font-size: 20px;
  margin: 6px 0 8px 0;
}
div.showAltFlightsHolder {
  margin-left: 324px;
  margin-top: 2px;
}
/* integrated flight detail in hotel availability */

div.flightResultSelected {
  background-color: #f0f0f0;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #f0f0f0 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #f0f0f0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0f0f0', GradientType=0);
  /* IE6-9 */

  border-width: 1px 1px 1px 1px;
  border-color: #bbbbbb;
  border-style: solid;
  border-radius: 3px;
}
div.flightResultSelected div.flightLegInner {
  border-right: 1px dotted #bbbbbb;
}
div.flightPriceInner .flightLegTitle {
  line-height: 120%;
}
span.sortCaption {
  color: #293991;
  float: left;
  display: block;
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
}
/* prompt text between result sections */

.prompt-box span.lead-price {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
}
.prompt-box a {
  margin-left: 6px;
}
/* one way flights */

div.oneWayFlightLeg {
  width: 84%;
  float: left;
}
div.oneWayFlightLegInner {
  min-height: 60px;
  padding-left: 100px;
  position: relative;
}
img.oneWayFlightLogo {
  position: absolute;
  left: 10px;
  top: 15px;
}
div.oneWayFlightLegInner p.mainInfo {
  margin-bottom: 2px;
}
.oneWayFlightDate {
  width: 120px;
  display: inline-block;
}
.oneWayFlightTime {
  width: 50px;
  display: inline-block;
  font-weight: bold;
}
.oneWayFlightPrice {
  margin: 8px 0 8px 0;
}
div.flightResultNoPrice div.oneWayFlightLeg {
  width: 100%;
}
div.flightResultNoPrice div.oneWayFlightLegInner {
  border: none;
}
.flightSelector,
.holidaySelector {
  white-space: nowrap;
}
.baggage-selector {
  margin: 6px 0 6px 0;
}
/* end one way flights */

/* vertical itinerary panel on booking form */

div.itinerary-panel div.flightLegInner {
  border-right: 0;
  border-top: dotted 1px #bbbbbb;
  padding: 6px 0 3px 0;
}
div.itinerary-panel div.flightLegInner span.flightLegTitle {
  color: #0088ce;
}
/* start new flight matrix */

div.flight-matrix .static-panel {
  float: left;
  padding: 0 0 0 6px;
  background-color: #ccdce9;
  border: 1px solid #3375a9;
  margin-right: 6px;
  border-radius: 4px;
}
div.flight-matrix .scrollable-panel {
  position: relative;
  overflow: hidden;
  padding: 0 31px 0 31px;
  background-color: #ccdce9;
  border: 1px solid #3375a9;
  border-radius: 4px;
}
div.flight-matrix .viewport {
  overflow: auto;
}
div.flight-matrix .conveyer {
  width: 9999px;
  margin: 0 0 0 6px;
}
a.flight-matrix-nav {
  background: #f3f3f3;
  display: block;
  width: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
}
a.flight-matrix-nav:hover {
  background-image: none;
}
a.flight-matrix-nav.back {
  left: 0;
  border-radius: 4px 0 0 4px;
  border-right: solid 1px #3375a9;
}
a.flight-matrix-nav.forward {
  right: 0;
  border-radius: 0 4px 4px 0;
  border-left: solid 1px #3375a9;
}
a.flight-matrix-nav span.gicon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -4px;
}
ul.flight-matrix-col {
  float: left;
  width: 104px;
  padding: 0 0 0 0;
}
ul.flight-matrix-col li {
  margin: 6px 6px 6px 0;
}
ul.flight-matrix-col a,
ul.flight-matrix-col span {
  display: block;
  text-decoration: none;
  border-radius: 4px;
  border: solid 1px #3375a9;
  text-align: center;
  font-weight: normal;
  color: #0088ce;
  background-color: white;
  line-height: 30px;
  height: 30px;
}
ul.flight-matrix-col span {
  background-color: transparent;
  opacity: 0.5;
}
ul.flight-matrix-col span.off {
  visibility: hidden;
}
ul.flight-matrix-col a.hover,
ul.flight-matrix-col a.hoverTarget {
  background-color: #ccdce9;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, white 50%, #ccdce9 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, white), color-stop(100%, #ccdce9));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, white 50%, #ccdce9 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, white 50%, #ccdce9 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, white 50%, #ccdce9 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, white 50%, #ccdce9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ccdce9', GradientType=0);
  /* IE6-9 */

}
ul.flight-matrix-col a.select,
ul.flight-matrix-col a.selectTarget {
  border-color: #87cb53;
  background-color: #e1f2d4;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, white 50%, #e1f2d4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, white), color-stop(100%, #e1f2d4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, white 50%, #e1f2d4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, white 50%, #e1f2d4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, white 50%, #e1f2d4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, white 50%, #e1f2d4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e1f2d4', GradientType=0);
  /* IE6-9 */

}
ul.flight-matrix-col a.logo-link,
ul.flight-matrix-col span.logo-link {
  height: 40px;
  line-height: 40px;
}
ul.flight-matrix-col a.logo-link img {
  width: 70px;
  height: 28px;
  margin-top: 5px;
}
ul.flight-matrix-col a.price-link {
  color: #69be28;
  font-weight: bold;
}
/* end new flight matrix */

/* start flight seat selection */

.white-panel {
  padding: 10px;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.seat-plan-background {
  background-color: #efefef;
  padding: 10px;
}
.seat-plan-left-panel {
  float: left;
  width: 210px;
}
.seat-plan-aircraft-panel {
  float: left;
  margin-left: 20px;
}
.seat-plan-aircraft {
  padding: 0;
}
.seat-plan-aircraft .inner {
  padding: 8px;
}
.seat-plan-aircraft-header {
  padding: 6px 10px 6px 10px;
  background-color: #005293;
  color: white;
}
.seat-plan-aircraft-header h4 {
  margin: 0;
  color: white;
}
.seat-plan-price-band {
  position: relative;
  margin-bottom: 6px;
  padding: 0 76px 0 0;
  margin-right: -76px;
}
.seat-plan-price-band-inner {
  border: solid 2px #dddddd;
  border-radius: 6px;
  padding: 4px;
}
.seat-plan-price-band .price-label {
  width: 56px;
  height: 36px;
  padding-right: 8px;
  line-height: 36px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
  text-align: right;
  font-size: 16px;
  color: white;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  background-image: url(/imagesv3/seat-selection/seat-plan.png);
  background-repeat: no-repeat;
  background-position: -114px -141px;
}
.seat-plan-grid-header {
  padding: 0 6px 6px 6px;
}
table.seat-plan-grid {
  border-collapse: collapse;
}
table.seat-plan-grid th {
  width: 32px;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
}
table.seat-plan-grid td.seat {
  padding: 3px 2px 3px 2px;
}
.seat-plan-seat {
  text-decoration: none;
  display: block;
  width: 28px;
  height: 29px;
  background-image: url(/imagesv3/seat-selection/seat-plan.png);
  background-repeat: no-repeat;
  background-position: -38px 0;
  text-align: center;
}
.seat-plan-seat.restricted {
  background-position: 0 0;
}
.seat-plan-seat.unavailable {
  background-position: -38px -90px;
}
.seat-plan-seat.ghost {
  background-image: none;
}
.seat-plan-seat.xl {
  width: 28px;
  height: 41px;
  background-position: -38px -39px;
}
.seat-plan-seat.xl.restricted {
  background-position: 0 -39px;
}
.seat-plan-seat.xl.unavailable {
  background-position: -114px -90px;
}
.seat-plan-seat.allocated {
  background-position: -114px 0;
}
.seat-plan-seat.xl.allocated {
  background-position: -114px -39px;
}
table.seat-plan-grid td.aisle,
table.seat-plan-grid th.aisle {
  width: 30px;
  text-align: center;
  font-size: 13px;
}
.seat-plan-segment {
  padding: 0;
  margin-bottom: 10px;
}
a.seat-plan-segment-header {
  text-decoration: none;
  display: block;
  padding: 6px 10px 6px 10px;
  background-color: #999999;
  color: white;
  position: relative;
}
a.seat-plan-segment-header h4 {
  margin: 0;
  color: white;
}
.selected a.seat-plan-segment-header {
  background-color: #69be28;
}
a.seat-plan-segment-header .select-link {
  position: absolute;
  top: 6px;
  right: 10px;
  text-decoration: underline;
}
.selected a.seat-plan-segment-header .select-link {
  display: none;
}
.seat-plan-segment .inner {
  padding: 10px 10px 0 10px;
  /*display: none;*/

}
.selected .seat-plan-segment .inner {
  display: block;
}
.seat-plan-pax-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.seat-plan-pax-list li {
  float: left;
  margin-right: 3px;
  margin-bottom: 6px;
  width: 44px;
}
.seat-plan-pax-list li a {
  text-decoration: none;
  display: block;
  padding: 3px;
  border: solid 2px white;
  text-align: center;
}
.seat-plan-pax-list li a.selected {
  border: solid 2px #69be28;
  border-radius: 5px;
}
.seat-plan-pax-list li .icon {
  text-decoration: none;
  display: block;
  width: 34px;
  height: 41px;
  margin: auto;
  background-image: url(/imagesv3/seat-selection/seat-plan.png);
  background-repeat: no-repeat;
}
.seat-plan-pax-list li .icon-1/* adult */ {
  background-position: -41px -141px;
}
.seat-plan-pax-list li .icon-2/* child */ {
  background-position: -76px -141px;
}
.seat-plan-pax-list li .icon-3/* adult with infant */ {
  background-position: 0 -141px;
}
.seat-plan-pax-list li .seat-label {
  display: block;
  background-color: #cccccc;
  color: white;
  height: 24px;
  width: 34px;
  line-height: 24px;
  text-align: center;
  margin-top: 4px;
  border-radius: 3px;
}
.seat-plan-pax-list li .seat-label.allocated {
  background-color: #69be28;
}
.seat-plan-pax-list li .price-label {
  display: block;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin-top: 4px;
  font-size: 18px;
}
/* seat plan key */

.seat-plan-key {
  padding: 10px;
  width: 160px;
}
.seat-plan-key-grid {
  border-collapse: collapse;
  margin-bottom: 15px;
}
.seat-plan-key-grid td {
  padding: 3px;
}
/* costings grid */

.seat-plan-total-cost-panel {
  margin: 15px 0 15px 0;
}
.total-cost-caption {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
  margin-right: 8px;
}
.icon-tick {
  display: block;
  width: 36px;
  height: 32px;
  background-image: url(/imagesv3/seat-selection/seat-plan.png);
  background-repeat: no-repeat;
  background-position: 0 -189px;
}
.seat-plan-prompt {
  margin-bottom: 15px;
}
/* end flight seat selection */

/* END PORTED FROM flightavailabilty.less */

/* START PORTED FROM home.css */

/* start mega deals */

ul.mega-deals li {
  width: 25%;
  float: left;
}
ul.mega-deals a {
  display: block;
  text-decoration: none;
}
ul.mega-deals .picture {
  height: 248px;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
ul.mega-deals .col-a .wrapper {
  padding: 0 4px 6px 0;
}
ul.mega-deals .col-b .wrapper {
  padding: 0 3px 6px 2px;
}
ul.mega-deals .col-c .wrapper {
  padding: 0 2px 6px 3px;
}
ul.mega-deals .col-d .wrapper {
  padding: 0 0 6px 4px;
}
ul.mega-deals .overlay {
  position: absolute;
  background: url(/imagesv3/backgrounds/trans-dnata-p60.png);
  color: white;
}
ul.mega-deals .overlay.overlay-title {
  top: 14px;
  left: 0;
  padding: 6px 10px 6px 52px;
  margin-right: 10px;
}
ul.mega-deals .overlay.overlay-price {
  bottom: 20px;
  right: 0;
  padding: 0;
}
ul.mega-deals .overlay .hotel-price,
ul.mega-deals .overlay .flight-price {
  padding: 4px 4px 4px 8px;
}
ul.mega-deals .icon {
  position: absolute;
  top: 0;
  left: 4px;
}
ul.mega-deals h5 {
  color: white;
  font-size: 26px;
  margin: 0;
  line-height: 110%;
}
ul.mega-deals .from {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
}
ul.mega-deals .price {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 70px;
  line-height: 60px;
}
ul.mega-deals .per-person {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
}
ul.mega-deals .overlay.holiday-prices .hotel-price {
  display: inline-block;
  padding-right: 3px;
}
ul.mega-deals .overlay.holiday-prices .flight-price {
  display: inline-block;
  padding-left: 3px;
  background: url('/imagesV3/backgrounds/trans-blue-70.png') repeat;
}
ul.mega-deals .overlay.holiday-prices .from {
  font-size: 16px;
  font-weight: normal;
}
ul.mega-deals .overlay.holiday-prices .price {
  font-size: 45px;
  line-height: 40px;
}
ul.mega-deals .overlay.holiday-prices .per-person {
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  ul.mega-deals li {
    width: 33.333%;
  }
  ul.mega-deals li.col-d {
    display: none;
  }
  ul.mega-deals .col-a .wrapper {
    padding: 0 4px 6px 0;
  }
  ul.mega-deals .col-b .wrapper {
    padding: 0 2px 6px 2px;
  }
  ul.mega-deals .col-c .wrapper {
    padding: 0 0 6px 4px;
  }
}
/* end mega deals */

/* start banner ads */

ul.mega-banners {
  margin: 30px 0 30px 0;
}
ul.mega-banners li {
  width: 50%;
  float: left;
}
ul.mega-banners li.col-full {
  width: 100%;
}
ul.mega-banners a {
  display: block;
  text-decoration: none;
}
ul.mega-banners .col-a .wrapper {
  padding: 0 3px 0 0;
}
ul.mega-banners .col-b .wrapper {
  padding: 0 0 0 3px;
}
@media screen and (max-width: 980px) {
  ul.mega-banners li {
    width: 100%;
  }
  ul.mega-banners .wrapper {
    padding: 0;
  }
  ul.mega-banners .col-a .wrapper {
    padding: 0 0 6px 0;
  }
  ul.mega-banners .col-b .wrapper {
    padding: 0;
  }
}
.mega-banner-ad {
  height: 180px;
  padding: 20px 20px 10px 20px;
  text-align: center;
}
/* deal finder ad */

.mega-banner-ad.dealfinder {
  background: #ff7400;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa443), to(#ff7400));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#ffa443, #ff7400);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#ffa443, #ff7400);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#ffa443, #ff7400);
  /* IE10 */
  background-image: -o-linear-gradient(#ffa443, #ff7400);
  /* Opera 11.10+ */
  background-image: linear-gradient(#ffa443, #ff7400);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa443', endColorstr='#ff7400', GradientType=0);
  /* IE6-9 */

  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: white;
  font-size: 30px;
  line-height: 110%;
}
.mega-banner-ad.dealfinder .dealfinder-logo {
  margin: 0 auto 10px auto;
  max-width: 486px;
  height: 49px;
  background-image: url(/imagesv3/other-logos/dealfinder-logo.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.mega-banner-ad.dealfinder .inner-wrapper {
  max-width: 380px;
  margin: auto;
}
.mega-banner-ad.dealfinder .dealfinder-p-2 {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.mega-banner-ad.recommendTR {
  background: #1f7be5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4a9bea), to(#1f7be5));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#4a9bea, #1f7be5);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#4a9bea, #1f7be5);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#4a9bea, #1f7be5);
  /* IE10 */
  background-image: -o-linear-gradient(#4a9bea, #1f7be5);
  /* Opera 11.10+ */
  background-image: linear-gradient(#4a9bea, #1f7be5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a9bea', endColorstr='#1f7be5', GradientType=0);
  /* IE6-9 */

  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 30px;
  line-height: 100%;
  color: white;
}
.mega-banner-ad.recommendTR ul {
  position: relative;
}
.mega-banner-ad.recommendTR li {
  position: absolute;
  left: 0;
  display: none;
  width: 110%;
}
.mega-banner-ad.recommendTR li.active {
  display: block;
  width: 100%;
}
.mega-banner-ad.recommendTR ul li p {
  height: 80px;
  margin: 0;
}
.mega-banner-ad.recommendTR ul li span {
  font-size: 18px;
  line-height: 18px;
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
/* end banner ads */

/* social media links */

ul.social-media-links {
  margin: 70px auto 70px auto;
}
ul.social-media-links li {
  display: block;
  text-align: center;
}
ul.social-media-links a {
  margin: auto;
  opacity: 0.8;
}
ul.social-media-links a:hover {
  opacity: 1;
}
.social-media-ball {
  width: 82px;
  height: 80px;
}
.social-media-ball.facebook {
  background-position: -178px -236px;
}
.social-media-ball.twitter {
  background-position: -267px -236px;
}
.social-media-ball.google {
  background-position: -89px -236px;
}
.social-media-ball.pinterest {
  background-position: 0 -236px;
}
.social-media-ball.blog {
  background-position: -356px -236px;
}
/* end social media links */

/* start search icons */

.new-search-icon,
.arrow,
.quote,
.tr-icon,
.social-media-ball {
  background-image: url(/imagesv3/sprites/new-common-dnata.png);
  background-repeat: no-repeat;
  display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .new-search-icon,
  .arrow,
  .quote,
  .tr-icon,
  .social-media-ball {
    background-image: url(/imagesv3/sprites/retina/new-common-dnatax2.png);
    background-size: 628px 545px;
  }
}
.new-search-icon {
  width: 42px;
  height: 42px;
}
.new-search-icon.small {
  width: 32px;
  height: 32px;
}
.new-search-icon.holidays {
  background-position: 0 0;
}
.new-search-icon.transfers {
  background-position: -52px 0;
}
.new-search-icon.flights {
  background-position: -104px 0;
}
.new-search-icon.hotels {
  background-position: -156px 0;
}
.new-search-icon.carhire {
  background-position: -208px 0;
}
.new-search-icon.attractions {
  background-position: -260px 0;
}
.new-search-icon.marhaba {
  background-position: -312px 0;
}
.new-search-icon.insurance {
  background-position: -364px 0;
}
.new-search-icon.parking {
  background-position: -416px 0;
}
.new-search-icon.chalets {
  background-position: -468px 0;
}
.new-search-icon.cottages {
  background-position: -520px 0;
}
.new-search-icon.villas {
  background-position: -572px 0;
}
.new-search-icon.holidays.white {
  background-position: 0 -52px;
}
.new-search-icon.transfers.white {
  background-position: -52px -52px;
}
.new-search-icon.flights.white {
  background-position: -104px -52px;
}
.new-search-icon.hotels.white {
  background-position: -156px -52px;
}
.new-search-icon.carhire.white {
  background-position: -208px -52px;
}
.new-search-icon.attractions.white {
  background-position: -260px -52px;
}
.new-search-icon.marhaba.white {
  background-position: -312px -52px;
}
.new-search-icon.insurance.white {
  background-position: -364px -52px;
}
.new-search-icon.parking.white {
  background-position: -416px -52px;
}
.new-search-icon.chalets.white {
  background-position: -468px -52px;
}
.new-search-icon.cottages.white {
  background-position: -520px -52px;
}
.new-search-icon.villas.white {
  background-position: -572px -52px;
}
.new-search-icon.small.holidays {
  background-position: 0 -104px;
}
.new-search-icon.small.transfers {
  background-position: -42px -104px;
}
.new-search-icon.small.flights {
  background-position: -84px -104px;
}
.new-search-icon.small.hotels {
  background-position: -126px -104px;
}
.new-search-icon.small.carhire {
  background-position: -166px -104px;
}
.new-search-icon.small.attractions {
  background-position: -208px -104px;
}
.new-search-icon.small.marhaba {
  background-position: -250px -104px;
}
.new-search-icon.small.insurance {
  background-position: -292px -104px;
}
.new-search-icon.small.parking {
  background-position: -334px -104px;
}
.new-search-icon.small.chalets {
  background-position: -376px -104px;
}
.new-search-icon.small.cottages {
  background-position: -418px -104px;
}
.new-search-icon.small.villas {
  background-position: -460px -104px;
}
.new-search-icon.small.holidays.white {
  background-position: 0 -146px;
}
.new-search-icon.small.transfers.white {
  background-position: -42px -146px;
}
.new-search-icon.small.flights.white {
  background-position: -84px -146px;
}
.new-search-icon.small.hotels.white {
  background-position: -126px -146px;
}
.new-search-icon.small.carhire.white {
  background-position: -166px -146px;
}
.new-search-icon.small.attractions.white {
  background-position: -208px -146px;
}
.new-search-icon.small.marhaba.white {
  background-position: -250px -146px;
}
.new-search-icon.small.insurance.white {
  background-position: -292px -146px;
}
.new-search-icon.small.parking.white {
  background-position: -334px -146px;
}
.new-search-icon.small.chalets.white {
  background-position: -376px -146px;
}
.new-search-icon.small.cottages.white {
  background-position: -418px -146px;
}
.new-search-icon.small.villas.white {
  background-position: -460px -146px;
}
/* end search icons */

/* misc icons from new homepage sprite */

.arrow {
  height: 34px;
  width: 20px;
}
.arrow.small {
  height: 26px;
  width: 16px;
}
.arrow.small.up,
.arrow.small.down {
  width: 26px;
  height: 16px;
}
.arrow.blue.back {
  background-position: -5px -446px;
}
.arrow.blue.forward {
  background-position: -40px -446px;
}
.arrow.orange.back {
  background-position: -137px -446px;
}
.arrow.orange.forward {
  background-position: -172px -446px;
}
.arrow.small.white.up {
  background-position: -89px -504px;
}
.arrow.small.white.down {
  background-position: -60px -504px;
}
.arrow.small.teal.back {
  background-position: -475px -451px;
}
.arrow.small.teal.forward {
  background-position: -510px -451px;
}
.tr-icon.quote.large {
  width: 46px;
  height: 35px;
  background-position: -448px -190px;
}
.tr-icon.quote.small {
  width: 22px;
  height: 16px;
  background-position: -511px -208px;
}
.tr-icon.telephone {
  width: 16px;
  height: 30px;
  background-position: -347px -192px;
}
.tr-icon.menu-bars {
  width: 38px;
  height: 25px;
  background-position: -47px -191px;
}
.tr-icon.reviews-bubble {
  width: 44px;
  height: 42px;
  background-position: -386px -188px;
}
.tr-icon.home-icon {
  width: 20px;
  height: 18px;
  background-position: -510px -113px;
}
.tr-icon.saved-search-remove {
  width: 20px;
  height: 20px;
  background-position: -97px -189px;
}
/* start new search units */

ul.search-unit-tabs li {
  float: left;
}
ul.search-unit-tabs a {
  display: block;
  text-decoration: none;
  background-color: #f6f6f6;
  padding: 10px 55px 5px 10px;
  position: relative;
  border-radius: 3px 3px 0 0;
  margin: 0 4px 0 0;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #bfc4de;
}
ul.search-unit-tabs .icon {
  position: absolute;
  top: 2px;
  right: 8px;
}
ul.search-unit-tabs a.active {
  background-color: #0088ce;
  border-color: #0088ce;
  border-width: 5px 1px 0 1px;
  margin-top: -4px;
}
ul.search-unit-tabs h2 {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 22px;
}
ul.search-unit-tabs a.active h2 {
  color: white;
}
/* end new search units */

/* new input fields (no border) */

.new-search-unit .trp-textbox input[type="text"],
.new-search-unit .trp-textbox input[type="password"] {
  border: 0 none;
  padding: 14px 6px 14px 6px;
}
.new-search-unit select.trp-field {
  border: 0 none;
  vertical-align: top;
  padding: 13px 8px 13px 8px;
}
.new-search-unit .trp-textbox input.has-icon {
  padding-right: 34px;
}
.new-search-unit label.trp-textbox-label {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}
.new-search-unit label.trp-textbox-label.left {
  display: inline-block;
  margin: 10px 10px 0 0;
}
.new-search-unit .trp-textbox input.icon-calendar {
  background-image: url('icons/cal-blue.png');
}
.new-search-unit .trp-textbox.focus input.icon-calendar {
  background-image: url('icons/cal-blue.png');
}
.new-search-unit .trp-textbox input.icon-bods {
  background-image: url('icons/group-blue.png');
}
.new-search-unit .trp-textbox.focus input.icon-bods {
  background-image: url('icons/group-blue.png');
}
.group-bookings-link {
  color: white;
  white-space: nowrap;
}
.group-bookings-link.outer {
  position: absolute;
  top: 15px;
  right: 0;
  color: #0088ce;
  background: url(/imagesv3/backgrounds/trans-white-70.png);
  padding: 2px 6px 2px 6px;
}
.time-colon {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  line-height: 43px;
}
.new-search-unit table.guest-picker-table th {
  color: white;
}
.new-search-unit .airport-picker,
.airport-picker select {
  border: 0 none;
}
.new-search-unit .time-colon {
  font-size: 19px;
  color: white;
  padding: 0 3px;
  height: 45px;
  line-height: 45px;
  vertical-align: bottom;
}
/* start responsive search control frame */

.search-unit-col-inner {
  padding: 5px;
}
.search-unit-hotel-col,
.search-unit-flight-col,
.search-unit-transfer-col,
.search-unit-marhaba-col {
  float: left;
}
.search-unit-hotel-col.col-dest {
  width: 25%;
}
.search-unit-flight-col.col-dest {
  width: 50%;
}
.search-unit-hotel-col.col-nodates {
  width: 20%;
}
.search-unit-hotel-col.col-dates,
.search-unit-flight-col.col-dates {
  width: 30%;
}
.search-unit-hotel-col.col-guests,
.search-unit-flight-col.col-guests {
  width: 25%;
}
.search-unit-hotel-col.col-btn {
  width: 20%;
  float: left;
}
.search-unit-flight-col.col-btn,
.search-unit-marhaba-col.col-btn {
  width: 20%;
  float: right;
}
.search-unit-flight-col.col-pax {
  width: 20%;
}
.search-unit-transfer-col.col-dest,
.search-unit-transfer-col.col-dates,
.search-unit-transfer-col.col-pax,
.search-unit-marhaba-col.col-dest,
.search-unit-marhaba-col.col-dates {
  width: 33.3333%;
}
.search-unit-transfer-col.col-btn {
  width: 33.3333%;
  float: right;
}
.search-unit-flight-row {
  float: left;
  width: 50%;
}
@media screen and (max-width: 980px) {
  .search-unit-hotel-col.col-dest {
    width: 100%;
  }
  .search-unit-flight-col.col-dest {
    width: 50%;
  }
  .search-unit-hotel-col.col-dates,
  .search-unit-flight-col.col-dates,
  .search-unit-hotel-col.col-nodates {
    width: 50%;
  }
  .search-unit-hotel-col.col-guests,
  .search-unit-flight-col.col-pax {
    width: 50%;
  }
  .search-unit-hotel-col.col-btn,
  .search-unit-flight-col.col-btn,
  .search-unit-marhaba-col.col-btn {
    width: 100%;
  }
  .search-unit-transfer-col.col-dates,
  .search-unit-transfer-col.col-pax,
  .search-unit-transfer-col.col-btn,
  .search-unit-marhaba-col.col-dates {
    width: 50%;
  }
  .search-unit-transfer-col.col-btn,
  .search-unit-marhaba-col.col-btn {
    padding-top: 20px;
  }
  .search-unit-flight-row {
    width: 100%;
  }
}
.search-unit-footer {
  margin-top: 6px;
  padding: 0 5px 0 5px;
}
/* end responsive search control frame */

/* start recent searches */

.recent-searches {
  position: relative;
  border: solid 3px #0088ce;
  border-radius: 6px;
  background: #c3e4f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#c3e4f7));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(white, #c3e4f7);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(white, #c3e4f7);
  /* FF3.6 */
  background-image: -ms-linear-gradient(white, #c3e4f7);
  /* IE10 */
  background-image: -o-linear-gradient(white, #c3e4f7);
  /* Opera 11.10+ */
  background-image: linear-gradient(white, #c3e4f7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#c3e4f7', GradientType=0);
  /* IE6-9 */

}
.recent-searches .static-panel {
  float: left;
  border-right: solid 3px #0088ce;
  padding: 20px 0 15px 0;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
}
.recent-searches .static-panel-title {
  left: 45px;
  width: 170px;
}
.recent-searches .panel-arrow {
  width: 43px;
}
.recent-searches .panel-arrow.right {
  border-right: none!important;
  border-left: solid 3px #0088ce;
  right: 0;
}
.recent-searches .carousel-panel {
  padding-left: 216px;
  /* clearance for static panel */
  padding-right: 46px;
}
.recent-searches .viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-left: 3px;
  /* obscures last list item border */

}
.recent-searches .viewport ul {
  /* width is calculated dynamically (number of items * 100%) */
  overflow: hidden;
  position: relative;
  left: 0;
  -webkit-transition: left 1s ease-in-out;
  -moz-transition: left 1s ease-in-out;
  -ms-transition: left 1s ease-in-out;
  -o-transition: left 1s ease-in-out;
  transition: left 1s ease-in-out;
}
.recent-searches .viewport ul li {
  /* width is calculated dynamically */
  float: left;
  position: relative;
}
.recent-searches .viewport ul a.search-link {
  display: block;
  text-decoration: none;
  border-right: solid 3px #0088ce;
  height: 102px;
}
.recent-searches .viewport ul a.search-link .inner {
  padding: 10px 15px 0 15px;
}
.recent-searches .viewport ul h5 {
  font-weight: normal;
  font-size: 20px;
}
.recent-searches .viewport ul .header {
  float: left;
  padding-right: 36px;
  position: relative;
}
.recent-searches .viewport ul .icon {
  position: absolute;
  top: -6px;
  right: 0;
}
.recent-searches .viewport ul .details {
  float: left;
  clear: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.recent-searches a.nav-btn {
  display: block;
  text-decoration: none;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 44px;
  height: 60px;
}
.recent-searches a.nav-btn span {
  display: inline-block;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -10px;
}
.recent-searches a.remove-btn {
  position: absolute;
  top: 0;
  right: 10px;
  display: block;
  width: 30px;
  height: 30px;
}
.recent-searches a.remove-btn .saved-search-remove {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
/* attached mode */

a.recent-searches-toggle {
  display: block;
  text-decoration: none;
  background-color: #0088ce;
  text-align: center;
  border-top: 2px solid #005293;
  border-radius: 0 0 4px 4px;
}
a.recent-searches-toggle.open {
  border-top: 2px solid #0088ce;
}
a.recent-searches-toggle .toggle-link {
  display: inline-block;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  position: relative;
  padding-right: 34px;
  color: white;
}
a.recent-searches-toggle .arrow {
  margin-top: -7px;
  position: absolute;
  right: 0;
  top: 50%;
  display: none;
}
a.recent-searches-toggle .arrow.down {
  display: inline;
}
a.recent-searches-toggle.open .arrow.up {
  display: inline;
}
a.recent-searches-toggle.open .arrow.down {
  display: none;
}
.recent-searches-panel {
  background: #c3e4f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#c3e4f7));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(white, #c3e4f7);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(white, #c3e4f7);
  /* FF3.6 */
  background-image: -ms-linear-gradient(white, #c3e4f7);
  /* IE10 */
  background-image: -o-linear-gradient(white, #c3e4f7);
  /* Opera 11.10+ */
  background-image: linear-gradient(white, #c3e4f7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#c3e4f7', GradientType=0);
  /* IE6-9 */

}
.recent-searches-panel .recent-searches {
  border-radius: 0;
  border-width: 0 3px 0 3px;
}
/* end recent searches */

ul.side-bar-nav-menu {
  background-color: #0088ce;
  border-top: solid 2px #005293;
}
ul.side-bar-nav-menu a {
  position: relative;
  display: block;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: white;
  font-size: 18px;
  line-height: 50px;
  padding: 0 30px 0 15px;
  text-decoration: none;
  border-bottom: solid 2px #005293;
}
ul.side-bar-nav-menu span.gicon {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
}
/* new news flash */

.news-flash {
  margin: 0 0 20px 0;
  text-align: center;
}
.news-flash .inner {
  display: inline-block;
  margin: 0 auto 0 auto;
  background-color: white;
  border: solid 2px #0088ce;
  border-radius: 6px;
  color: #0088ce;
  padding: 10px 20px;
}
.new-search-unit ul.val-msg-list {
  background-color: crimson;
  color: white;
}
/* END PORTED FROM home.css */

/* START HOTEL LANDING PAGE SPECIFIC */

.landing-page-section {
  margin-bottom: 40px;
}
h1.hotel-main-header,
h1.destination-main-header {
  font-size: 32px;
  margin-bottom: 0;
  width: 100%;
}
.text-content {
  padding: 0 15px 15px 15px;
  font-size: 16px;
  line-height: 160%;
}
.text-content.intro-text {
  margin-top: 20px;
}
.hotel-showcase {
  float: left;
  width: 84%;
  height: 366px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
}
.hotel-showcase.narrow {
  width: 66%;
}
.hotel-photo-list-holder {
  float: left;
  width: 16%;
}
.hotel-photo-list-holder-narrow {
  float: left;
  width: 16%;
}
.hotel-showcase .gallery-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.showcase-overlay {
  background: url(/imagesv3/backgrounds/trans-navy-70.png);
  color: white;
}
.hotel-showcase .overlay-header-wrapper {
  position: absolute;
  top: 5px;
  left: 0;
  right: 50px;
}
.showcase-overlay.overlay-header {
  float: left;
  max-width: 100%;
  min-height: 100px;
  margin-top: 10px;
}
.showcase-overlay.overlay-header .inner {
  padding: 10px 15px 0 15px;
}
.showcase-overlay h1 {
  color: white;
  margin: 0;
}
.showcase-overlay h4 {
  color: #ffce1f;
}
.showcase-overlay .hotel-main-header-location {
  float: left;
}
.hotel-showcase a.new-customer-rating-link {
  float: left;
  text-decoration: none;
  margin-top: 10px;
}
.showcase-overlay.star-rating-holder {
  float: left;
  clear: left;
  margin-top: 10px;
  padding: 8px 15px 8px 15px;
}
.showcase-overlay.view-photos-link {
  text-decoration: none;
  font-size: 16px;
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 6px 15px 6px 50px;
}
.showcase-overlay.view-photos-link span.icon {
  background: url(icons/gallery-white-24.png);
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
}
.hotel-showcase .shortlist-link {
  position: absolute;
  top: 10px;
  right: 10px;
}
.hotel-showcase .new-customer-rating {
  height: 100px;
}
/* price teaser */

.hotel-showcase .price-teaser-holder {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.overlay-price {
  color: white;
  background: url(/imagesv3/backgrounds/trans-navy-70.png);
  padding: 6px 6px 4px 10px;
}
.overlay-price.solid {
  background: #6974b2;
}
.overlay-price.flight {
  /*background: url(/imagesv3/backgrounds/trans-white-70.png);*/
  background: #85ace2;
}
.overlay-price.flight.solid {
  background: #85ace2;
}
.price-teaser .from,
.price-teaser .per-person {
  font-size: 14px;
}
.price-teaser .price {
  font-size: 60px;
  line-height: 46px;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.price-teaser.small .from {
  float: left;
  line-height: 110%;
  margin-right: 4px;
}
.price-teaser.small .price {
  font-size: 36px;
  line-height: 32px;
}
/* new customer rating */

.new-customer-rating {
  text-align: center;
  color: white;
  background: url(/imagesv3/backgrounds/trans-teal-80.png);
  min-width: 150px;
}
.new-customer-rating .value {
  font-size: 60px;
  line-height: 60px;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.new-customer-rating .phrase {
  font-weight: bold;
  line-height: 100%;
}
.new-customer-rating .reviews {
  font-size: 12px;
}
.new-customer-rating.small {
  min-width: 100px;
}
.new-customer-rating.small .value {
  font-size: 50px;
  line-height: 50px;
}
.new-customer-rating-long {
  color: #51a5c1;
  background: #f6f6f6;
  text-align: left;
  padding: 6px 30px 6px 30px;
}
.new-customer-rating-long .value {
  font-size: 40px;
  line-height: 40px;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-right: 4px;
}
.new-customer-rating-long .phrase {
  font-size: 20px;
  font-weight: bold;
  line-height: 100%;
}
/* end new customer rating */

.new-hotel-listing {
  margin-bottom: 4px;
}
.hotel-main-image {
  float: left;
  width: 30%;
  height: 280px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f6f6f6;
  position: relative;
}
/* hotel photo list */

ul.hotel-photo-list {
  width: 50%;
  float: left;
}
ul.hotel-photo-list li {
  float: left;
  overflow: hidden;
  width: 100%;
}
ul.hotel-photo-list a {
  display: block;
  text-decoration: none;
}
ul.hotel-photo-list .wrapper {
  padding: 0 0 4px 4px;
}
ul.hotel-photo-list .picture,
ul.hotel-photo-list .blank {
  background-color: #e8e8e8;
  background-position: center center;
  background-repeat: no-repeat;
  height: 70px;
}
ul.hotel-photo-list .picture:hover {
  opacity: 0.6;
}
/* horizontal mode overrides */

ul.hotel-photo-list.horizontal {
  width: 100%;
  float: none;
}
ul.hotel-photo-list.horizontal li {
  width: 12.5%;
}
ul.hotel-photo-list.horizontal .wrapper {
  padding: 0 2px 0 2px;
}
ul.hotel-photo-list.horizontal li.col-a .wrapper {
  padding-left: 0;
}
ul.hotel-photo-list.horizontal li.col-h .wrapper {
  padding-right: 0;
}
/* start mega pics */

ul.mega-pics li {
  float: left;
  overflow: hidden;
  width: 12.5%;
}
ul.mega-pics a {
  display: block;
  text-decoration: none;
}
ul.mega-pics .wrapper {
  padding: 0 0 6px 6px;
}
ul.mega-pics .picture,
ul.mega-pics .blank {
  background-color: #e8e8e8;
  background-position: center center;
  background-repeat: no-repeat;
  height: 140px;
}
ul.mega-pics .blank {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #999999;
}
ul.mega-pics .blank span {
  display: inline-block;
  padding-top: 50px;
  width: 120px;
}
ul.mega-pics .picture:hover {
  opacity: 0.60;
}
ul.hotel-photo-list.horizontal li.col-a .wrapper {
  padding-left: 0;
}
ul.hotel-photo-list.horizontal li.col-h .wrapper {
  padding-right: 0;
}
@media screen and (max-width: 1100px) {
  ul.mega-pics li.col-g {
    display: none;
  }
  ul.mega-pics li.col-f .wrapper {
    padding-right: 0;
  }
  ul.mega-pics li {
    width: 14.28%;
  }
}
@media screen and (max-width: 1000px) {
  ul.mega-pics li.col-f {
    display: none;
  }
  ul.mega-pics li.col-e .wrapper {
    padding-right: 0;
  }
  ul.mega-pics li {
    width: 16.66%;
  }
}
@media screen and (max-width: 900px) {
  ul.mega-pics li.col-e {
    display: none;
  }
  ul.mega-pics li.col-d .wrapper {
    padding-right: 0;
  }
  ul.mega-pics li {
    width: 20%;
  }
}
/* end mega pics */

/* start new hotel reviews */

.hotel-review {
  padding: 20px 30px 20px 30px;
  background-color: #f6f6f6;
  margin-bottom: 30px;
  position: relative;
  font-size: 16px;
  min-height: 150px;
}
.hotel-review .inner {
  padding: 0 160px 0 0;
}
.hotel-review .new-customer-rating {
  background: #51a5c1;
  height: 90px;
  position: absolute;
  right: 0;
  top: 50px;
}
.hotel-review .new-customer-rating-long {
  display: none;
  color: white;
  background: #51a5c1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  text-align: left;
}
.hotel-review ul.info-list {
  margin-bottom: 20px;
}
.hotel-review ul.info-list li {
  float: left;
}
.hotel-review ul.info-list li.author {
  color: #0088ce;
  font-weight: bold;
}
.hotel-review ul.info-list li.separator {
  padding: 8px 25px 0 25px;
}
.hotel-review ul.info-list li.separator span {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #999999;
  border-radius: 4px;
  vertical-align: middle;
}
.hotel-review .review-text {
  font-style: none;
  color: #007da5;
  font-size: 16px;
  line-height: 160%;
}
.hotel-review .top-tip-caption {
  font-weight: bold;
}
.hotel-review .translation-bar {
  background-color: #e8e8e8;
  padding: 5px 20px 5px 0;
  margin-bottom: 15px;
  font-size: 14px;
  display: inline-block;
}
.hotel-review .translation-bar input[type="radio"] {
  margin: 0 5px 0 20px;
  padding: 0;
}
.hotel-review .quote.large {
  position: absolute;
  top: 0;
  left: 0;
}
/* end new hotel reviews */

/* START REVIEW SNIPPET BROWSER */

.review-snippet-holder {
  float: left;
  width: 18%;
  min-height: 366px;
}
.review-snippet-holder .inner {
  margin-left: 4px;
}
/* shared classes */

.review-snippet-browser {
  position: relative;
  background-color: #f6f6f6;
  color: #007da5;
  font-size: 16px;
}
.review-snippet-browser .viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.review-snippet-browser .viewport ul {
  /* width is calculated dynamically (number of items * 100%) */
  overflow: hidden;
  position: relative;
  left: 0;
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
.review-snippet-browser .viewport ul li {
  /* width is calculated dynamically */
  float: left;
  position: relative;
}
.review-snippet-browser a.nav-btn {
  display: block;
  text-decoration: none;
  position: absolute;
}
.review-snippet-browser a.nav-btn.prev {
  left: 0;
}
.review-snippet-browser a.nav-btn.next {
  right: 0;
}
.review-snippet-browser a.nav-btn .arrow {
  position: absolute;
  top: 50%;
  margin-top: -12px;
}
.review-snippet-browser a.nav-btn.prev .arrow {
  left: 15px;
}
.review-snippet-browser a.nav-btn.next .arrow {
  right: 15px;
}
.review-snippet-browser .rating {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
/* vertical mode */

.review-snippet-browser.vertical {
  min-height: 336px;
  padding-bottom: 30px;
}
.review-snippet-browser.vertical a.nav-btn {
  bottom: 0;
  width: 50%;
  height: 50px;
}
.review-snippet-browser.vertical .content {
  padding: 15px 15px 15px 15px;
}
.review-snippet-browser.vertical .snippet {
  padding: 8px 0 8px 0;
}
.review-snippet-browser.vertical .rating {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 40px;
  line-height: 40px;
}
.review-snippet-browser.vertical .author {
  color: #0088ce;
  font-size: 16px;
  font-weight: bold;
}
/* horizontal mode */

.review-snippet-browser.horizontal .carousel-panel {
  padding: 0 50px 0 50px;
}
.review-snippet-browser.horizontal .content {
  padding: 4px 10px 4px 10px;
}
.review-snippet-browser.horizontal .snippet {
  padding: 0;
  margin-bottom: 2px;
}
.review-snippet-browser.horizontal a.nav-btn {
  top: 0;
  bottom: 0;
  width: 50px;
}
.review-snippet-browser.horizontal .rating {
  float: left;
  font-size: 40px;
  line-height: 40px;
  margin-right: 10px;
}
.review-snippet-browser.horizontal .rating-title {
  font-size: 14px;
}
.review-snippet-browser.horizontal .author {
  font-size: 14px;
  color: #0088ce;
  font-weight: bold;
}
.review-snippet-browser.horizontal .separator span {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #999999;
  border-radius: 4px;
  vertical-align: middle;
}
/* END REVIEW SNIPPET BROWSER */

/* sticky nav bar */

.sticky-nav-bar-holder {
  height: 60px;
  margin: 15px 0 15px 0;
}
.sticky-nav-bar {
  background-color: #b0b0b8;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 22px;
}
.sticky-nav-bar.sticky-bar {
  margin: 0;
}
.sticky-nav-bar .inner {
  max-width: 1200px;
  min-width: 768px;
  margin: 0 auto 0 auto;
}
.sticky-nav-bar ul {
  width: 100%;
}
.sticky-nav-bar ul li {
  float: left;
  position: relative;
  display: block;
}
.sticky-nav-bar ul li a {
  display: block;
  text-decoration: none;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: white;
  padding: 0 15px 0 15px;
}
.sticky-nav-bar ul li.active a {
  background-color: #69be28;
}
/* end sticky nav bar */

ul.hotel-share-links {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ebebeb;
}
ul.hotel-share-links li {
  border-bottom: solid 1px #cccccc;
}
ul.hotel-share-links a {
  text-align: center;
  display: block;
  width: 60px;
  height: 46px;
}
/* scroll to top link */

a.scroll-to-top {
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  bottom: 0;
  right: 20px;
  text-decoration: none;
  height: 14px;
  width: 60px;
  padding: 23px 0 23px;
  background: #404040;
  transition: all 0.3s ease 0s;
  z-index: 1000;
  position: fixed;
  text-align: center;
}
a.scroll-to-top.visible {
  display: block;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
/* start new review statements */

ul.review-statement-list li {
  margin-bottom: 10px;
  float: left;
  width: 20%;
  font-size: 14px;
}
ul.review-statement-list li .inner {
  padding: 8px;
}
ul.review-statement-list li h5 {
  min-height: 40px;
}
table.new-review-statement-result {
  border-collapse: collapse;
  width: 100%;
}
table.new-review-statement-result  td {
  padding-bottom: 6px;
}
table.new-review-statement-result  td.outcome {
  width: 35%;
}
table.new-review-statement-result  td.bar {
  width: 75%;
}
table.new-review-statement-result  span.result-outcome {
  display: block;
  text-align: right;
  padding-right: 5px;
}
table.new-review-statement-result  div.result-vote-bar {
  background-color: #51a5c1;
  height: 18px;
  float: left;
}
table.new-review-statement-result  tr.no div.result-vote-bar {
  background-color: #b0b0b8;
}
/* end new review statements */

.hotel-info-list li {
  float: left;
  width: 33.33%;
  margin: 0 0 6px 0;
  list-style-position: outside;
  list-style-type: disc;
  margin: 0 0 6px 15px;
}
.hotel-info-list li .inner {
  padding: 0 30px 0 0;
}
/* destination landing page specific */

.destination-showcase {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 440px;
  margin: auto;
}
.destination-showcase-overlay {
  margin-top: -440px;
}
.overlay-page-header-wrapper {
  margin: 20px 0 20px 0;
}
.showcase-overlay.overlay-page-header {
  display: inline-block;
  padding: 15px 15px 15px 15px;
}
/* destination list */

ul.destinations {
  width: 50%;
  float: left;
}
ul.destinations li {
  margin-bottom: 15px;
}
ul.destinations.col-a li {
  padding: 0 20px 0 0;
}
ul.destinations.col-b li {
  padding: 0 0 0 20px;
}
ul.destinations a {
  position: relative;
  display: block;
  background-color: #f6f6f6;
  padding: 5px 45px 0 15px;
  min-height: 64px;
  text-decoration: none;
}
ul.destinations .title {
  color: #0088ce;
  font-weight: bold;
  font-size: 26px;
  line-height: 30px;
}
ul.destinations .teaser {
  font-size: 24px;
  line-height: 24px;
  margin-top: 4px;
}
ul.destinations .from,
ul.destinations .distance {
  font-size: 16px;
  color: #333333;
}
ul.destinations .distance {
  color: #999999;
}
ul.destinations .arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: 15px;
}
ul.destinations a:hover .title {
  text-decoration: underline;
}
/* destination list */

/* START new hotel information list */

.hotel-info-listing {
  font-size: 14px;
  margin-bottom: 15px;
}
.hotel-info-listing .image-panel {
  background-color: #f6f6f6;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 240px;
  position: relative;
  width: 25%;
}
.hotel-info-listing .main-panel {
  float: left;
  width: 75%;
}
.hotel-info-listing .main-panel .inner {
  background-color: #f6f6f6;
  min-height: 170px;
  margin-left: 8px;
  padding: 10px 10px 60px 10px;
  position: relative;
}
.hotel-info-listing .new-customer-rating {
  float: right;
  clear: right;
  margin-bottom: 10px;
  text-align: right;
  padding: 0 5px 0 5px;
}
.hotel-info-listing .short-list-toggle {
  float: right;
  clear: right;
  margin: 0 0 10px 0;
  height: 32px;
}
.hotel-info-listing .trp-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.hotel-info-listing .price-teaser-holder {
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.hotel-info-listing .hotel-ref {
  color: #999999;
  clear: left;
  margin-top: 4px;
  font-size: 12px;
}
/* landing page header overrides */

.hotel-info-listing.landing-page-header {
  margin-bottom: 8px;
}
.hotel-info-listing.landing-page-header .inner {
  min-height: 140px;
  padding: 10px 10px 130px 10px;
}
.hotel-info-listing.landing-page-header .price-teaser-holder {
  bottom: 80px;
}
.hotel-info-listing.landing-page-header .hotel-photo-holder {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.hotel-info-listing.landing-page-header .image-panel {
  height: 280px;
}
.hotel-info-listing.landing-page-header .new-customer-rating {
  position: absolute;
  right: 10px;
  bottom: 80px;
}
/* END new hotel information list */

h1.new-hotel-name {
  font-size: 32px;
  margin: 0;
}
h3.new-hotel-name,
.hotel-info-listing.landing-page-header h1.new-hotel-name {
  font-size: 28px;
  margin: 0;
}
h4.new-hotel-location {
  color: #69be28;
}
.hotel-summary {
  margin: 10px 0 10px 0;
}
/* new review snippets */

.new-review-snippet {
  margin: 10px 0 10px 0;
  position: relative;
  padding: 0 30px 0 30px;
}
.new-review-snippet .quote.small {
  left: 0;
  position: absolute;
  top: 0;
}
.new-review-snippet .snippet {
  color: #007da5;
}
.new-review-snippet .author {
  color: #0088ce;
  font-weight: bold;
}
ul.adverts {
  margin: 0 auto 0 auto;
}
ul.adverts li {
  width: 50%;
  float: left;
  text-align: center;
  margin-bottom: 40px;
}
ul.adverts img {
  vertical-align: middle;
}
.view-all-link {
  text-align: right;
  margin-top: 20px;
}
.view-all-link a {
  font-size: 28px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.promo-banner-wrapper {
  margin: 0 auto 20px auto;
  padding: 20px 0 0 0;
}
.search-unit-wrapper {
  margin: 30px auto 20px auto;
}
.dest-info-list li {
  margin-bottom: 20px;
}
.dest-info-list li .title {
  font-size: 22px;
  margin-bottom: 4px;
}
.dest-info-list.horizontal li {
  float: left;
  width: 50%;
}
.dest-info-list.horizontal a:hover {
  text-decoration: underline;
}