/* was group-24.png */
/* was cal-24.png */
/* homepage */
/* hotel availability */
/* 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;
  margin: 0;
}
a {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
input[type="text"],
input[type="password"],
select,
textarea {
  font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select {
  line-height: 130%;
}
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 {
  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 {
  min-height: 400px;
  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;
}
@media screen and (min-width: 1100px) {
  .side-column-left,
  .side-column-right {
    width: 350px;
  }
}
.main-column {
  overflow: hidden;
}
.breadcrumb-bar {
  position: relative;
  height: 30px;
  padding: 0 0 6px 0;
  /* was 6px 0 6px 0 */

}
/* 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: 50px;
}
h3.xxl {
  font-size: 36px;
}
.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="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
  color: black;
  background-color: white;
  padding: 8px 6px 10px 6px;
  border-radius: 3px;
  border: solid 1px #aaaaaa;
  margin: 0;
}
input.readOnlyInput {
  background-color: #eeeeee;
}
select {
  padding: 9px 6px 9px 6px;
}
input[type="checkbox"] {
  background: transparent;
  border: 0;
}
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}
input[type="text"].small,
input[type="password"].small,
select.small,
textarea.small {
  font-size: 12px;
  padding: 8px 6px 8px 6px;
  border-radius: 2px;
}
select.small {
  padding: 6px 6px 6px 6px;
}
/* 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;
  margin-bottom: 0;
}
.header-top {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: #0088ce;
  color: white;
  height: 30px;
  line-height: 30px;
}
.header-top .left-block {
  float: left;
}
.header-top .right-block {
  float: right;
  color: inherit;
}
.header-main {
  position: relative;
  height: 90px;
  /* was 80px */

}
.header-main.header-main-extended {
  height: 114px;
}
.header-app-links {
  width: 101px;
  height: 30px;
  border: 0;
}
/* header sections (fixed outer & fluid middle columns) */

.header-blocks {
  padding: 0 220px 0 240px;
}
.header-block {
  float: left;
  height: 80px;
  position: relative;
}
/* height was 90px */

.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-trade-logo-panel {
  margin-top: 28px;
  float: right;
}
/* site logo */

a.site-logo {
  float: left;
  display: inline-block;
  margin-top: 6px;
}
a.site-logo .logo {
  background-repeat: no-repeat;
  width: 200px;
  height: 68px;
  background-image: url(/imagesv3/domain-logo/dnata.png);
  background-position: 0 0;
}
@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 {
    background-size: 200px 68px;
    background-image: url(/imagesv3/domain-logo/retina/dnatax2.png);
  }
}
/*a.emerat-site-logo
{
	float: left;
	display: inline-block;
	margin-top: @site-logo-margin-top;
}
a.emerat-site-logo .emerat-logo
{
	background-repeat: no-repeat;
	width: @site-logo-width; 
	height: @site-logo-height;
	background-image: @site-logo;
}
@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.emerat-site-logo .emerat-logo
	{
		background-size: @site-logo-width @site-logo-height;
		background-image: @site-logo-retina;
	}
}*/

ul.header-call-us {
  float: left;
  font-size: 18px;
}
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-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.agent-mode-link {
  color: white;
  display: inline-block;
  font-weight: bold;
  margin-left: 40px;
}
ul.user-link-list {
  font-size: 14px;
}
ul.user-link-list li {
  float: left;
  display: block;
  padding: 0 8px;
}
ul.user-link-list li.separator {
  padding: 0 6px 0 6px;
}
ul.user-link-list li a {
  display: inline-block;
  color: inherit;
  line-height: 30px;
}
ul.user-link-list li span.separator {
  font-weight: bold;
}
ul.user-link-list li a:hover {
  text-decoration: underline;
  color: white;
}
.header-nav-bar {
  height: 40px;
  margin: 30px 0 0 10px;
}
.header-menu-btn {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12.5px;
}
/* start header navigation */

ul.header-nav-list {
  list-style-type: none;
  display: inline-block;
  position: relative;
  z-index: 20;
  margin-top: 30px;
  margin-right: 0px;
}
ul.header-nav-list li {
  float: left;
  display: block;
  position: relative;
  margin: 0 3px 3px 0;
}
/*
	display: block;
    color: @main-color-2;
	font-size: 14px;
	padding: 0 4px;
	height: 22px;
	line-height: 22px;
    */

ul.header-nav-list li a {
  display: block;
  color: #0088ce;
  font-size: 14 x;
  padding: 0 4px;
  height: 22px;
  line-height: 22px;
  font-weight: 400;
}
ul.header-nav-list li a:hover {
  text-decoration: underline;
  color: inherit;
  background: inherit;
  transition-duration: .1s;
}
ul.header-nav-list li.home {
  height: 50px;
}
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: 22px;
  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: block;
    margin-left: auto;
    margin-right: auto;
	overflow: hidden;
	width: 50px;
	max-width: 50px;
	max-height: 70px;
	padding-left: 5px;
}*/

.header-storefrontpickericon {
  display: table-cell;
  margin-left: 0;
  margin-right: 0;
  max-height: 70px;
  max-width: 50px;
  overflow: hidden;
  padding-left: 0;
  vertical-align: middle;
  width: 50px;
}
.header-storefrontpickericon img {
  margin-top: 3px;
  width: 48px;
  height: auto;
}
.header-storefrontpickertext {
  cursor: pointer;
  display: table-cell;
  /*max-height: 70px;
    max-width: 120px;*/
  overflow: hidden;
  padding-left: 5px;
  vertical-align: middle;
  width: 120px;
  line-height: 1;
  text-decoration: none;
}
.header-storefrontpickertext:hover {
  cursor: pointer;
  display: table-cell;
  text-decoration: underline;
}
/*.header-storefrontpickertext 
{
	display: inline-block;
	overflow: hidden;
	float: right;
	width: 120px;
	max-width: 120px;
	max-height: 70px;
	padding-left: 5px;
	cursor: hand;
	cursor: pointer;
}*/

.header-storefrontpickertext-noclick {
  display: inline-block;
  overflow: hidden;
  float: right;
  width: 120px;
  max-width: 120px;
  max-height: 70px;
  padding-left: 5px;
}
.header-storefrontpickerlangtext {
  display: inline-block;
  overflow: hidden;
  float: right;
  width: 80px;
  max-width: 80px;
  max-height: 20px;
  padding-left: 5px;
  padding-bottom: 20px;
  cursor: hand;
  cursor: pointer;
}
.header-storefrontpickerspacer {
  padding-bottom: 20px;
}
/* END HEADER CONTENT */

/* FOOTER CONTENT */

.footer-upper-content {
  padding-top: 20px;
}
.footer-lower-content {
  padding-bottom: 40px;
}
.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;
  margin-top: 12px;
}
.security-seal-verisign {
  width: 107px;
  height: 58px;
  background-position: -407px -345px;
}
.card-logo-panel {
  margin-top: 10px;
}
.card-logo-panel h3 {
  color: #92ce7b;
}
.copyright-footer {
  color: #92ce7b;
  border-top: solid 2px #92ce7b;
  margin-top: 15px;
  text-align: center;
}
.copyright-footer .copyright-title {
  margin-top: 10px;
}
.copyright-footer .copyright-text {
  margin-top: 20px;
  text-align: center;
  color: inherit;
}
.copyright-footer h4 {
  color: inherit;
  margin-bottom: 40px;
}
.copyright-footer a {
  color: inherit;
  text-decoration: none;
}
.copyright-footer .iconmoon-snm {
  color: inherit;
}
.copyright-footer ul li:first-child {
  margin-right: 50px;
}
.copyright-footer ul li {
  display: inline;
}
.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;
  color: #333333;
}
.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 #cccccc;
  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;
}
.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;
}
/* START 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;
}
.noBorder {
  border: 0px!important;
}
.noMargin {
  margin: 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-m {
  font-size: 12px!important;
}
.trp-fs-n {
  font-size: 14px!important;
}
.trp-fs-l {
  font-size: 18px!important;
}
.trp-fs-xl {
  font-size: 20px!important;
}
.trp-fs-xxl {
  font-size: 22px!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;
}
.trp-no-underline,
.trp-no-underline:hover {
  text-decoration: none;
}
.smallText {
  font-size: 10px;
}
.ellipsis-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tablet-only {
  display: none;
}
/* END helper classes */

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-cross {
  background: url(/imagesv3/sprites/trp-common.png) no-repeat scroll -443px -43px transparent;
  width: 28px;
  height: 28px;
}
.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;
}
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: #f6f6f6;
  border: solid 1px #aaaaaa;
  padding: 10px;
  text-align: center;
  border-radius: 4px;
  margin: 10px 0 10px 0;
  font-size: 16px;
}
/* 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 */

.panoramioGalleryHolder {
  padding: 10px 10px 20px 10px;
}
/* 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.33%;
}
.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;
}
.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;
}
/* 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: #e5eef4;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #e5eef4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #e5eef4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e5eef4', 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;
}
.details-wrapper {
  max-width: 850px;
  margin: 0 auto;
}
/* hotel itinerary */

.content-wrapper .resultsWrapper {
  width: auto;
}
.hotel-itinerary {
  position: relative;
}
.hotel-itinerary.hotel-info-listing {
  margin-bottom: 0;
}
.hotel-itinerary.hotel-info-listing .image-panel {
  width: 30%;
  height: 200px;
}
.hotel-itinerary.hotel-info-listing .main-panel {
  width: 70%;
}
.hotel-itinerary.hotel-info-listing  .main-panel .inner {
  padding: 0;
  margin-left: 15px;
  background-color: transparent;
}
/* 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: #e5eef4;
}
table.productInfoTable th,
table.productInfoTable td {
  padding: 2px 3px 2px 3px;
  font-size: 10px;
  border: solid 1px #3375a9;
  border-width: 0 1px 1px 0;
}
.itinerary-total-cost-panel {
  margin-top: 10px;
  text-align: right;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 1px 0 0 0;
  padding: 14px 10px 0 10px;
}
div.scrollableTextPanel {
  display: inline-block;
  cursor: pointer;
  padding: 20px 10px 0px 10px;
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  background-color: #e5eef4;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #e5eef4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #e5eef4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e5eef4', 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;
  margin: 100px 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;
  background-repeat: no-repeat;
  background-position: 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;
}
/* 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 */

/* 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: #f6f6f6;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #f6f6f6));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #f6f6f6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f6f6f6', 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) */

.depositLow {
  height: 44px;
  width: 84px;
  display: inline-block;
}
.depositLow {
  background-position: 0 -153px;
}
.depositLow.GBP-1 {
  background-position: -92px -153px;
}
.depositLow.EUR-1 {
  background-position: -184px -153px;
}
.depositLow.USD-1 {
  background-position: -276px -153px;
}
.depositLow.GBP-10 {
  background-position: -92px -247px;
}
.depositLow.EUR-10 {
  background-position: -184px -247px;
}
.depositLow.USD-10 {
  background-position: -276px -247px;
}
/* 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;
}
.search-unit-marhaba-col .time-wrapper {
  width: 45%;
  margin-right: 0;
}
/* 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 {
  width: 14px;
  height: 14px;
}
.giconlge {
  width: 24px;
  height: 24px;
}
.gicon.up {
  background-position: -44px -350px;
}
.gicon.down {
  background-position: -67px -350px;
}
.gicon.back {
  background-position: -88px -350px;
}
.gicon.forward {
  background-position: -103px -350px;
}
.gicon.remove {
  background-position: -123px -350px;
}
.gicon.plus {
  background-position: -22px -350px;
}
.gicon.minus {
  background-position: 0 -350px;
}
.gicon.up.white {
  background-position: -44px -333px;
}
.gicon.down.white {
  background-position: -67px -333px;
}
.gicon.back.white {
  background-position: -88px -333px;
}
.gicon.forward.white {
  background-position: -103px -333px;
}
.gicon.remove.white {
  background-position: -123px -333px;
}
.gicon.plus.white {
  background-position: -22px -333px;
}
.gicon.minus.white {
  background-position: 0 -333px;
}
.gicon.down.darkblue {
  background-position: -68px -353px;
}
.gicon.up.darkblue {
  background-position: -45px -353px;
}
/* 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;
  -webkit-appearance: none;
  /* 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;
}
.trp-btn.no-shadow {
  border-bottom: none;
}
button.trp-btn-block {
  width: 100%;
}
.trp-btn-s {
  font-size: 12px;
  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: 22px;
  padding: 4px 12px 4px 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 40px;
  height: 38px;
  line-height: 38px;
  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 .action-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -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-btn {
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  display: inline-block;
  padding: 0 8px 0 8px;
  color: #0088ce;
  height: 30px;
  line-height: 30px;
  border-style: solid;
  border-width: 2px;
  border-color: #33a0d8;
  border-radius: 4px;
  position: relative;
}
.trp-action-btn.primary {
  color: #69be28;
  border-color: #87cb53;
}
.trp-action-btn.icon {
  padding: 0 8px 0 36px;
}
.trp-action-btn:hover {
  text-decoration: none;
}
.trp-action-btn .action-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -12px;
}
/* START action icons */

.action-icon {
  width: 24px;
  height: 24px;
}
.action-icon.map {
  background-position: -152px -334px;
}
.action-icon.photos {
  background-position: -182px -334px;
}
.action-icon.filter {
  background-position: -216px -334px;
}
.action-icon.list.white {
  background-position: -249px -334px;
}
.action-icon.grid.white {
  background-position: -280px -334px;
}
.action-icon.map.white {
  background-position: -309px -334px;
}
/* END action icons */

.mini-icon {
  width: 18px;
  height: 18px;
}
.mini-icon-close {
  background-position: -340px -337px;
}
.mini-icon-help {
  background-position: -368px -337px;
}
/* end links with icons */

/* star rating map key */

.map-key {
  width: 33px;
  height: 33px;
}
.map-key.map-key-1-star {
  background-position: -1px -383px;
}
.map-key.map-key-2-star {
  background-position: -44px -383px;
}
.map-key.map-key-3-star {
  background-position: -87px -383px;
}
.map-key.map-key-4-star {
  background-position: -130px -383px;
}
.map-key.map-key-5-star {
  background-position: -173px -383px;
}
.map-key.map-key-0-star {
  background-position: -216px -383px;
}
.hotel-map-key-panel {
  background-color: #f6f6f6;
  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;
  vertical-align: middle;
}
.shortlist-icon.heart {
  background-position: -356px -383px;
}
.shortlist-icon.add {
  background-position: -269px -380px;
}
.shortlist-icon.remove {
  background-position: -314px -381px;
}
.shortlist-count-link {
  float: left;
}
.shortlist-note textarea {
  margin-bottom: 12px;
}
.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: #e5eef4;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #e5eef4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #e5eef4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #e5eef4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e5eef4', GradientType=0);
  /* IE6-9 */

  color: #333333;
}
.trp-checkbox-wrapper:hover {
  background: #e5eef4;
}
.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: #f6f6f6;
  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: #f6f6f6;
}
.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: #f6f6f6;
  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: #e5eef4;
  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/new-common-dnata.2.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-repeat: no-repeat;
  background-position: 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;
}
/* BREADCRUMB STYLE for dynamic breadcrumbs */

ul#breadCrumb {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  list-style-type: none;
}
ul#breadCrumb li {
  float: left;
  padding-right: 6px;
}
ul#breadCrumb li a {
  color: #69be28;
}
ul#breadCrumb li .spacer {
  margin-top: 2px;
  opacity: 0.4;
}
/* booking step breadcrumb hack */

ul.booking-step-list {
  list-style-type: none;
  padding: 0 0 0 0;
}
ul.booking-step-list li {
  float: left;
  padding-right: 6px;
}
ul.booking-step-list li .spacer {
  margin-top: 2px;
  opacity: 0.4;
}
ul.booking-step-list .on {
  color: #69be28;
}
/* search units and filter panels */

.search-unit-panel {
  background-color: #0088ce;
  padding: 15px 10px 15px 10px;
  color: white;
}
.search-unit-panel .extra-options {
  margin-top: 4px;
}
.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: 3px 20px 3px 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 .up {
  display: none;
}
.search-unit-panel .extra-options.open .toggle .up {
  display: block;
}
.search-unit-panel .extra-options .toggle .down {
  display: block;
}
.search-unit-panel .extra-options.open .toggle .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 .up {
  display: none;
}
.filter-panel-section.open .up {
  display: block;
}
.filter-panel-section .down {
  display: block;
}
.filter-panel-section.open .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: 0 0 10px 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;
}
div.search-result-warning {
  padding: 8px 12px;
  background-color: #fbdb65;
}
/* ie7 only style */

select.trp-field.resort,
select.trp-field.transferDirection,
select.trp-field.arrivalHour,
select.trp-field.arrivalMinute,
select.trp-field.returnHour,
select.trp-field.returnMinute,
select.trp-field.terminal,
select.trp-field.flightType,
select.trp-field.airport,
select.trp-field.serviceHour,
select.trp-field.serviceMinute,
select.trp-field.adults,
select.trp-field.children,
select.trp-field.infants {
  *font-size: 1.3em;
}
/* end ie7 only style */

/* 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-result-grid .hotel-image {
  display: block;
  height: 240px;
  background-position: center center;
  background-repeat: no-repeat;
  max-width: 300px;
  height: 220px;
  position: relative;
  margin: 0 auto 15px auto;
}
/* summary view */

.hotel-result-summary {
  padding: 15px 10px 15px 10px;
  border-bottom: solid 3px #dddddd;
  position: relative;
}
.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;
}
/* 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;
}
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: 6px 0 10px 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 1px 0 1px;
}
table.hotel-room-grid tr.header-row {
  background-color: #f6f6f6;
}
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: 12%;
  padding: 0px;
}
table.hotel-room-grid td.column-cost {
  width: 12%;
  text-align: right;
}
table.hotel-room-grid td.column-cost.sub-cost {
  width: 15%;
}
table.hotel-room-grid td.column-cost .per-person {
  font-size: 12px;
  line-height: 11px;
  display: block;
}
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;
}
.room-info-links {
  text-align: right;
  float: right;
  font-size: 11px;
  margin-left: 5px;
}
.room-info-links a {
  border: 1px dotted silver;
  padding: 2px 0 2px 2px;
}
.room-info-links .free-amendments {
  font-weight: bold;
  color: #269b28;
}
.room-info-links .free-cancellation {
  font-weight: bold;
  color: #269b28;
}
.room-info-links .non-refundable {
  color: #333333;
}
.room-info-links .question {
  font-size: 10px;
  color: white;
  background-color: silver;
  display: inline-block;
  font-weight: bold;
  padding: 0 1px;
  margin-left: 2px;
  vertical-align: top;
}
.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;
}
.hotel-room-cost.original {
  font-weight: normal;
  font-size: 12px;
  display: block;
  text-decoration: line-through;
}
.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;
}
.yalago-supplier {
  background-color: #a349a4;
  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: #f6f6f6;
  height: 26px;
}
.inline-map-overlay-inner .mini-icon-close {
  position: absolute;
  top: 4px;
  right: 10px;
}
/* end hotel availability main map */

/* uk sprite */

.trade-logo {
  background-image: url("/imagesv3/sprites/trp-uk.3.png");
  background-repeat: no-repeat;
}
.depositLow,
.depositLowIcon,
.payAtHotelIcon,
.depositLowFlightIcon,
.depositFlightIcon {
  background-image: url("/imagesv3/sprites/trp-uk.2.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,
  .depositLowFlightIcon,
  .depositFlightIcon {
    background-image: url("/imagesv3/sprites/retina/trp-ukx2.2.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: 55px;
  height: 45px;
}
.trade-logo-abta {
  background-position: -262px 3px;
  width: 90px;
  height: 45px;
  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: -65px -80px;
  width: 54px;
  height: 59px;
}
.header-trade-logo-panel .trade-logo-atol,
.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 {
  height: 33px;
  text-decoration: none;
}
.domain-select.en-GB {
  background-position: 0 -678px;
  width: 55px;
}
.domain-select.en-IE {
  background-position: -64px -678px;
  width: 41px;
}
.domain-select.es-ES {
  background-position: -114px -678px;
  width: 45px;
}
.domain-select.de-DE {
  background-position: -168px -678px;
  width: 46px;
}
.domain-select.it-IT {
  background-position: -223px -678px;
  width: 38px;
}
.domain-select.de-AT {
  background-position: -270px -678px;
  width: 41px;
}
.domain-select.en-US {
  background-position: -320px -679px;
  width: 58px;
}
/* END domain selection icons */

/* START credit card icons */

.credit-card {
  height: 33px;
  width: 52px;
  text-decoration: none;
  margin: 0 2px 0 2px;
}
.credit-card.visa {
  background-position: -635px -166px;
}
.credit-card.mastercard {
  background-position: -635px -456px;
}
.credit-card.amex {
  background-position: -635px -41px;
}
.credit-card.bitcoin {
  background-position: -635px -539px;
}
.credit-card.solo {
  background-position: -635px -497px;
}
.credit-card.laser {
  background-position: -408px -83px;
}
.credit-card.paypal {
  background-position: -635px -373px;
}
.credit-card.sofort {
  background-position: -635px -124px;
}
.credit-card.diners {
  background-position: -635px -331px;
}
.credit-card.maestro {
  background-position: -635px -290px;
}
/* END credit card icons */

/* 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: #f6f6f6;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #f6f6f6));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #f6f6f6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f6f6f6', 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;
}
table.guest-picker-table th.left {
  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);
}
/* 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-icon-tick {
  background: url(/imagesv3/sprites/trp-common.png) no-repeat -160px -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: #e5eef4;
  border-style: dotted;
  border-color: #3375a9;
  border-width: 0 0 1px 0;
}
.pax-field-panel .trp-form-table td span {
  padding-left: 6px;
}
.wait-message {
  background-image: url('/imagesV3/wait-message/background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  min-height: 100vh;
}
.wait-message .logo {
  background-repeat: no-repeat;
  width: 200px;
  height: 68px;
  background-image: url(/imagesV3/domain-logo/dnata.png);
  margin: 0 auto;
}
.wait-message .sale-banner {
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 155px;
}
@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) {
  .wait-message .logo {
    background-size: 200px 68px;
    background-image: url(/imagesV3/domain-logo/retina/dnatax2.png);
  }
}
.wait-message .message-wrapper {
  padding: 15px 0;
  margin: 0 auto;
  text-align: center;
}
.wait-message .ticker {
  color: #0088ce;
  padding: 5px;
  height: 20px;
}
.wait-message .ticker li {
  width: 100%;
  text-align: center;
}
.wait-message .white-bg {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
}
.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: #f6f6f6;
}
/* scale messages */

.scale-messages {
  position: relative;
}
.scale-messages.columns-3 li {
  width: 33.33%;
}
.scale-messages.columns-4 li {
  width: 25%;
}
.scale-messages li {
  text-align: center;
  float: left;
  width: 33.33%;
}
.scale-messages .number-image,
.scale-messages .text-image {
  background-image: url('/imagesV3/sprites/scale-v2.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) {
  .scale-messages .number-image,
  .scale-messages .text-image {
    background-image: url("/imagesv3/sprites/retina/scalex2-v2.png");
    background-size: 870px 55px;
  }
}
.scale-messages .number-image {
  display: inline-block;
  height: 43px;
  margin: 0;
}
.scale-messages .text-image {
  display: block;
  height: 49px;
  margin: 0 auto;
}
.scale-messages .last-click {
  background-image: url('/imagesV3/other-logos/last-click.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  height: 169px;
  display: block;
  position: absolute;
  right: 0;
}
.scale-messages .text-image.hotels {
  background-position: -371px -6px;
  width: 188px;
}
.scale-messages .text-image.reviews {
  background-position: -574px -6px;
  width: 140px;
}
.scale-messages .text-image.airlines {
  background-position: -730px -6px;
  width: 134px;
}
.scale-messages .number-image.c-49 {
  background-position: -7px -6px;
  width: 15px;
}
.scale-messages .number-image.c-50 {
  background-position: -29px -6px;
  width: 24px;
}
.scale-messages .number-image.c-51 {
  background-position: -60px -6px;
  width: 25px;
}
.scale-messages .number-image.c-52 {
  background-position: -92px -6px;
  width: 26px;
}
.scale-messages .number-image.c-53 {
  background-position: -124px -6px;
  width: 23px;
}
.scale-messages .number-image.c-54 {
  background-position: -155px -6px;
  width: 24px;
}
.scale-messages .number-image.c-55 {
  background-position: -182px -6px;
  width: 25px;
}
.scale-messages .number-image.c-56 {
  background-position: -209px -6px;
  width: 26px;
}
.scale-messages .number-image.c-57 {
  background-position: -242px -6px;
  width: 23px;
}
.scale-messages .number-image.c-48 {
  background-position: -272px -6px;
  width: 26px;
}
.scale-messages .number-image.c-44 {
  background-position: -324px -6px;
  width: 11px;
  margin: 0 0 -1px;
}
/* comma */

.scale-messages .number-image.c-46 {
  background-position: -342px -6px;
  width: 11px;
}
/* full stop */

/* 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;
}
.room-cancellation-info.no-deposit {
  float: right;
  text-indent: 15px;
  width: 70%;
}
/* 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: #005eb8;
}
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%;
}
@media screen and (device-width: 1280px) and (device-height: 800px) and (orientation: landscape), screen and (device-width: 1024px) and (device-height: 600px) and (orientation: landscape) {
  .lightbox {
    position: absolute;
  }
}
.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 a.nav-btn {
  display: block;
  text-decoration: none;
  position: absolute;
  top: 0;
  bottom: 0;
}
.lightbox a.nav-btn.prev {
  left: -80px;
  right: 50%;
}
.lightbox a.nav-btn.next {
  right: -80px;
  left: 50%;
}
.lightbox .arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
}
.lightbox a.nav-btn.prev .arrow {
  left: 50px;
}
.lightbox a.nav-btn.next .arrow {
  right: 50px;
}
.lightbox .stage a.close-btn {
  position: absolute;
  top: -50px;
  right: -10px;
  width: 50px;
  height: 50px;
}
.lightbox .stage a.close-btn .tr-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -14.5px;
  margin-left: -12.5px;
}
.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.rooms,
select.childAge {
  min-width: 55px;
}
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;
}
.wideField {
  width: 282px;
  /* was 286px */

}
.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;
}
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;
  border-bottom: solid 1px #aaaaaa;
  position: relative;
}
.searchHistoryItem .icon {
  position: absolute;
  top: 4px;
  left: 8px;
}
.searchHistoryItem .searchType {
  position: absolute;
  top: 14px;
  left: 46px;
}
.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;
}
/* START interactive map */

.interactive-map-panel {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.interactive-map-canvas {
  background-position: center center;
  height: 100%;
}
.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-info-listing .interactive-map-panel {
  clear: right;
  float: right;
}
/* END interactive map */

.rooms-from-holder-details-view {
  min-height: 50px;
}
.hotel-result-action-bar {
  margin: 10px 0 10px 0;
}
.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: 21px;
  width: 21px;
  position: absolute;
}
.trp-widget label.checkbox.off .trp-widget-icon {
  background-position: -126px -191px;
}
.trp-widget label.checkbox.on .trp-widget-icon {
  background-position: -156px -191px;
}
.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;
  color: black;
}
.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 #aaaaaa;
  border-radius: 3px;
  cursor: pointer;
  cursor: hand;
  font-family: 'FSJoeyRegular', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  background-color: white;
  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 .icon {
  vertical-align: middle;
}
.search-type-widget label .trp-widget-icon {
  left: 6px;
  top: 78px;
  margin: 0;
}
/* 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"],
.trp-textbox input[type="email"],
.trp-textbox input[type="tel"] {
  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"],
.trp-textbox.focus input[type="email"],
.trp-textbox.focus input[type="tel"] {
  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="email"]:disabled,
.trp-textbox input[type="tel"]:disabled,
.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,
.trp-selectbox.overlay.disabled:after {
  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/dnata/cal-blue.png);
}
.trp-textbox input.icon-bods {
  background-image: url(icons/dnata/group-blue.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: 16px;
    /* was 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/new-common-dnata.2.png);
  background-position: -63px -352px;
  background-repeat: no-repeat;
  padding: 0;
  pointer-events: none;
  background-color: white;
  z-index: 3;
}
.trp-selectbox.overlay:after {
  content: "";
  position: absolute;
  width: 26px;
  pointer-events: none;
  background-color: white;
  right: 1px;
  top: 1px;
  bottom: 1px;
  z-index: 2;
  border-radius: 3px;
}
.new-search-unit .trp-selectbox.overlay:after {
  right: 0;
  top: 0;
  bottom: 0;
}
.search-panel select.trp-field {
  height: 43px;
  line-height: 16px;
}
.new-search-unit .trp-selectbox select.trp-field {
  height: 36px;
}
/* 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.2.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-messagesx2a.png);
    background-size: 800px 174px;
  }
}
/* 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.deposit10.medium {
  background-position: -815px 0;
}
.key-message-icon.two-mill.medium {
  background-position: -75px 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;
}
.key-message-icon.hotels-worldwide.medium {
  background-position: -645px 0;
}
.key-message-icon.reviews.medium {
  background-position: -730px 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.deposit10.small {
  background-position: -825px -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-icon.hotels-worldwide.small {
  background-position: -480px -88px;
}
.key-message-icon.reviews.small {
  background-position: -540px -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: 8px;
}
ul.key-messages a {
  display: inline;
  text-decoration: none;
}
ul.key-messages a:hover {
  text-decoration: none;
}
ul.key-messages .wrapper {
  padding: 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;
}
ul.key-messages.borderless {
  border: 0px solid #dddddd;
}
ul.key-messages.columns-2 li {
  width: 50%;
}
ul.key-messages.columns-3 {
  padding: 8px 0 0 0;
}
ul.key-messages.columns-3 li {
  width: 33.33%;
}
/* 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;
}
/* wait message version */

ul.key-messages.icon-small .medium {
  display: none;
}
ul.key-messages.icon-small .small {
  display: inline-block;
}
ul.key-messages.no-background {
  background: transparent;
}
ul.key-messages.no-margin {
  margin: 0 auto;
}
/* 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: 15px;
}
ul.chunky-tabs li {
  float: left;
  margin-bottom: -1px;
}
ul.chunky-tabs a {
  display: block;
  text-decoration: none;
  background-color: #f6f6f6;
  padding: 10px 10px 10px 10px;
  position: relative;
  border-style: solid;
  border-color: #aaaaaa;
  border-width: 1px 1px 0 1px;
  border-radius: 3px 3px 0 0;
  height: 25px;
  margin-right: 6px;
}
ul.chunky-tabs a.active {
  background-color: white;
  height: 26px;
}
ul.chunky-tabs h2 {
  font-size: 20px;
}
ul.chunky-tabs.flights-tabs a {
  height: 56px;
}
ul.chunky-tabs.flights-tabs a.active {
  height: 57px;
}
.flat-btn {
  border: none;
}
input[type="text"].baggage-num {
  padding: 5px;
  text-align: center;
  width: 30px;
  border-radius: 2px;
  font-size: 13px;
}
.low-deposit-prompt {
  position: relative;
  height: 44px;
  max-width: 290px;
  padding: 0 0 0 90px;
  margin: 6px 0 6px 0;
  font-weight: bold;
  color: #69be28;
}
.low-deposit-prompt .icon {
  position: absolute;
  top: 0;
  left: 0;
}
.low-deposit-prompt.no-icon {
  padding: 0;
}
.low-deposit-prompt.details {
  max-width: none;
  font-weight: normal;
  color: #333333;
  margin: 15px 0 15px 0;
}
div.depositLowIcon,
div.payAtHotelIcon,
div.depositLowFlightIcon,
div.depositFlightIcon {
  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.depositLowIcon.GBP-10 {
  background-position: -73px -301px;
}
div.depositLowIcon.EUR-10 {
  background-position: -146px -301px;
}
div.depositLowIcon.USD-10 {
  background-position: -219px -301px;
}
div.payAtHotelIcon {
  background-position: -292px -208px;
}
div.depositLowFlightIcon {
  background-position: -363px -208px;
}
div.depositFlightIcon {
  background-position: -435px -208px;
}
/* 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;
}
.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;
}
/******** Salesforce Livechat login modal popup *******/

.live-chat-modal {
  background-color: #0088ce;
  color: white;
  padding: 20px 25px 20px 25px;
  border-radius: 5px;
  min-width: 200px;
}
/********* @media screen and (max-width: 1024px) {
	.live-chat-modal img { display: none; }
} *******/

/******** Salesforce Livechat right-hand side launch *******/

.live-chat-right {
  position: fixed;
  right: 0px;
  z-index: 1020;
  top: 280px;
}
.live-chat-right:hover {
  min-width: 120px;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.live-chat-right img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.live-chat-right-bottom {
  background-color: #005293;
  padding: 5px 5px 5px 5px;
  color: white;
  min-width: 70px;
  display: block;
  cursor: pointer;
  text-align: center;
  border-bottom-left-radius: 5px;
}
.live-chat-right-top {
  background-color: #0088ce;
  padding: 5px 5px 5px 5px;
  color: white;
  min-width: 70px;
  display: block;
  cursor: pointer;
  text-align: center;
  border-top-left-radius: 5px;
}
@media screen and (max-width: 1024px) {
  .live-chat-right {
    display: none;
  }
}
/******** Shortlist sign in modal window ********/

.sign-in-wrap {
  background-color: #0088ce;
  color: white;
  padding: 20px 25px;
  border-radius: 5px;
  *width: 550px;
  /* IE7 only */
  min-width: 450px;
  /* was max-width: 500px */

}
.modal-heading {
  display: block;
  color: white;
  text-align: left;
  border-bottom: 2px solid white;
  padding-bottom: 8px;
  margin-bottom: 15px;
}
.trp-signin-btn {
  padding: 10px 100px;
}
.trp-back-btn {
  margin: 0 15px 0 0;
}
.email-icon {
  background-position: -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: 10px auto;
}
.hr-break span {
  background-color: #0088ce;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
  padding: 12px 35px;
  width: 20px;
}
.fb-icon {
  background-position: -230px -192px;
  width: 16px;
  height: 32px;
}
.social-login-dock {
  padding: 10px 0 0;
  margin-top: 20px;
}
.trp-btn-fb {
  background-position: -179px -235px;
  background-image: url("/imagesv3/sprites/new-common.3.png");
  background-repeat: no-repeat;
  height: 79px;
  width: 81px;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
}
.google-icon {
  background-position: -303px -192px;
  width: 34px;
  height: 32px;
}
.trp-btn-google {
  background-image: url("/imagesv3/sprites/new-common.3.png");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: -90px -235px;
  height: 79px;
  width: 81px;
  cursor: pointer;
  margin: 5px;
}
.myb-message-wrapper {
  margin-top: 43px;
}
.no-account {
  font-size: 14px;
  text-align: left;
}
.no-account .signUpLink {
  color: #69be28;
}
.myb-error-message {
  background-color: #f4b8c4;
  color: #990000;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
.myb-error-message p {
  margin-bottom: 0;
}
.modalSignInForm .trp-textbox .signInEmail,
.modalSignInForm .trp-textbox .signInRef,
.trp-textbox .signInBookingId,
.trp-textbox .signInSurname,
.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: 16px;
  line-height: 130%;
  padding: 10px 70px 10px 10px;
  border: none;
}
.modalSignInForm .trp-textbox .signInRef,
.modalSignInForm .trp-textbox .signInBookingId {
  padding: 10px;
}
.trp-textbox .forgotEmail {
  margin-top: 40px;
  padding: 10px;
  width: 100%;
}
.modalSignInForm .trp-textbox input,
.trp-textbox input.user-login-icon {
  background-position: 95% center;
  background-repeat: no-repeat;
  padding-right: 70px;
}
.modalSignInForm .trp-textbox input.user-login-icon,
.trp-textbox input.user-login-icon {
  background-image: url("icons/user-login.png");
  background-repeat: no-repeat;
}
.modalSignInForm .trp-textbox input.pass-login-icon,
.trp-textbox input.pass-login-icon {
  background-image: url("icons/pass-login.png");
  background-position: 96% center;
  background-repeat: no-repeat;
}
.btnContainer {
  text-align: right;
}
.big-slash {
  font-size: 36px;
  height: 36px;
  line-height: 36px;
}
.green-tick-icon {
  background-position: -456px -247px;
  width: 61px;
  height: 60px;
}
.modalSignUpSuccess p,
.modalSignInSuccess p {
  padding-left: 80px;
  text-align: left;
}
.loader-on {
  background: url('/imagesv3/loaders/orange-snake-32.gif') no-repeat right center;
}
.modalSignInForm .booking-ref-col {
  float: left;
}
.modalSignInForm .booking-ref-col.col-one {
  width: 30%;
}
.modalSignInForm .booking-ref-col.col-two {
  width: 8%;
}
.modalSignInForm .booking-ref-col.col-three {
  width: 62%;
}
/******* 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;
}
/*
.darkblue-arrow-icon-right {
	background: url("/imagesv3/sprites/new-common.png") no-repeat -38px -442px;
	width: 22px;
	height: 40px;
	position: absolute; 
	display: block; 
	top: 50%; 
	right: 10px; 
	margin-top: -20px;
}
.darkblue-arrow-icon-down {
	display: inline-block;
	float: right;
	background: url("/imagesv3/sprites/new-common.png") no-repeat -3px -506px;
	width: 24px;
	height: 13px;
	margin: 2px 0 0 10px;
}
*/

.myb-booking-text {
  font-size: 12px;
}
.myb-booking-titlelink {
  font-size: 12px;
}
.myb-booking-titlelink:hover {
  cursor: pointer;
  text-decoration: underline;
}
/*
.myb-notification-icon-info {
	display: inline-block; 
	margin-top: 0; 
	margin-right: 10px;
	background: url("/imagesv3/sprites/new-common.png") no-repeat -381px -540px;
	width: 38px;
	height: 40px;
	cursor: pointer;
}
.myb-notification-icon-info.alert {
	display: inline-block; 
	margin-top: 0px; 
	margin-right: 10px;
	background: url("/imagesv3/sprites/new-common.png") no-repeat -331px -540px;
	cursor:pointer;
	width: 38px;
	height: 40px;
}
.myb-notification-icon-review {
	display: inline-block;
	margin-top: 0px; 
	margin-right: 15px;
	background: url("/imagesv3/sprites/new-common.png") no-repeat 0 -549px;
	width: 37px;
	height: 39px;
}
.myb-notification-icon-review.alert {
	display: inline-block;
	margin-top: 0px; 
	margin-right: 15px;
	background: url("/imagesv3/sprites/new-common.png") no-repeat -41px -540px;
	cursor:pointer;
	width: 37px;
	height: 39px;
}
.myb-notification-icon-payment {
	display: inline-block;
	margin-top: 0px;
	margin-right: 15px;
	background: url("/imagesv3/sprites/new-common.png") no-repeat -133px -540px;
	width: 39px;
	height: 42px;
	cursor:pointer;
}
.myb-notification-icon-payment.alert {
	display: inline-block;
	margin-top: 0px;
	margin-right: 15px;
	background: url("/imagesv3/sprites/new-common.png") no-repeat -180px -540px;
	cursor:pointer;
	width: 39px;
	height: 42px;
}
.myb-notification-icon-csr {
	display: inline-block;
	margin-top:0px;
	margin-right:15px;
	background: url("/imagesv3/sprites/new-common.png") no-repeat -230px -549px;
	width: 47px;
	height: 39px;
}
.myb-notification-icon-csr.alert {
	display: inline-block;
	margin-top:0px;
	margin-right:15px;
	background: url("/imagesv3/sprites/new-common.png") no-repeat -284px -540px;
	width: 47px;
	height: 39px;
	cursor:pointer;
}
*/

.myb-block {
  display: block;
}
.myb-thumb-image,
.myb-booking-image {
  position: relative;
  width: 200px;
  height: 100px;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.myb-thumb-image,
.myb-booking-image:hover {
  cursor: pointer;
}
.myb-thumb-image-landscape {
  position: relative;
  height: 100px;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.myb-booking-imagecontainer {
  display: block;
  margin: 10px;
  padding: 8px;
  border: 1px solid #cccccc;
  background-color: white;
}
.myb-booking-imagecontainer200 {
  width: 200px;
  display: block;
  margin: 10px;
  padding: 8px;
  border: 1px solid #cccccc;
  background-color: white;
}
.myb-floaty-imagecontainer {
  float: left;
  display: inline-block;
  width: 200px;
  margin-right: 10px;
}
.myb-booking-imagecontainer200 .myb-thumb-image:hover,
.myb-floaty-imagecontainer .myb-booking-image:hover {
  cursor: default;
}
.myb-floaty-imagecontainer .myb-booking-image.liveBooking:hover {
  cursor: pointer;
}
.zero-mar-pad {
  margin-bottom: 0;
  padding-top: 0;
}
.myb-booking-text-wrapper {
  padding-right: 260px;
  padding-left: 240px;
}
.myb-booking-attractions-text-wrapper {
  padding-right: 300px;
  padding-left: 240px;
}
.myb-image-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(/imagesv3/backgrounds/trans-navy-70.png);
  color: white;
  padding: 0 3px;
}
.myb-one-line-text {
  line-height: 20px;
  margin-top: 10px;
}
.myb-one-line-text-no-mar {
  line-height: 20px;
}
.myb-attraction-ticket-type {
  position: absolute;
  display: block;
  line-height: 20px;
  text-align: right;
  white-space: nowrap;
  top: 50%;
  right: 130px;
  margin-top: -10px;
}
/* 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%;
  width: 100%;
  display: table;
}
div.flightResultInner {
  display: block;
}
div.flightResultGroup div.flightResult {
  border-width: 1px 0 0 0;
}
div.flightResultNonExact,
div.flightResultGroupNonExact div.flightResult {
  /* add this class for blue result */
  background-color: #e5eef4;
  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%;
  display: table-cell;
}
span.flightDiff {
  color: #ff7802;
  cursor: pointer;
}
div.flightPrice {
  width: 16%;
  display: table-cell;
  vertical-align: middle;
}
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: #f6f6f6;
}
div.flightResultNonExact span.flightLegTitle,
div.flightResultSelected span.flightLegTitle {
  color: #0088ce;
}
span.flightLegLogoHolder {
  display: block;
  height: 30px;
  float: right;
  width: 70px;
}
.flightLeadPrice {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #69be28;
  font-size: 22px;
  padding: 5px 0 5px 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: #f6f6f6;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fefefe), color-stop(100%, #f6f6f6));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fefefe 50%, #f6f6f6 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fefefe 50%, #f6f6f6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f6f6f6', 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: #f6f6f6;
  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 {
  display: inline-block;
  /* 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: 60px;
  height: 36px;
  padding-right: 8px;
  line-height: 36px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
  text-align: right;
  font-size: 14px;
  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 {
  float: right;
  max-width: 120px;
  width: auto;
  margin-left: 0;
  padding: 10px;
  /* width: 160px; */

}
.seat-plan-panel-wrapper {
  float: left;
  width: 390px;
  text-align: center;
}
.seat-plan-key-grid {
  border-collapse: collapse;
  margin-bottom: 15px;
  font-size: 11px;
  line-height: 1.2;
}
.seat-plan-key-grid td {
  padding: 3px;
}
.infoPanel p {
  font-size: 12px;
  line-height: 1.4;
}
/* 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 .hotel-price,
ul.mega-deals .overlay.holiday-prices .hotel-price {
  display: inline-block;
  padding-right: 3px;
}
ul.mega-deals .overlay .flight-price {
  display: inline-block;
  background: url(/imagesv3/backgrounds/trans-dnata-p60.png);
}
ul.mega-deals .overlay.holiday-prices .flight-price {
  display: inline-block;
  background: url(/imagesv3/backgrounds/trans-blue-70.png);
}
ul.mega-deals .overlay .from,
ul.mega-deals .overlay.holiday-prices .from {
  font-size: 16px;
  font-weight: normal;
}
ul.mega-deals .overlay .price,
ul.mega-deals .overlay.holiday-prices .price {
  font-size: 45px;
  line-height: 40px;
}
ul.mega-deals .overlay .per-person,
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 text rotator */

ul.trp-rotator {
  position: relative;
}
ul.trp-rotator li {
  position: absolute;
  display: none;
}
ul.trp-rotator li.active {
  display: block;
}
/* end text rotator */

/* start banner ads */

ul.mega-banners {
  margin: 20px 0 20px 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 8px 0 0;
}
ul.mega-banners .col-b .wrapper {
  padding: 0 0 0 8px;
}
/*@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;
}
ul.mega-banners a.deals-link {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 315px;
  text-align: center;
  text-decoration: none;
}
ul.mega-banners a.deals-link .caption {
  padding-top: 140px;
}
ul.mega-banners a.deals-link .caption h2 {
  color: white;
  font-size: 32px;
}
/* deal finder ad */

/*.mega-banner-ad.dealfinder
{
	.basic-gradient(#ffa443, #ff7400);
	font-family: @header-font-family;
	color: #fff;
	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: @bold-header-font-family;
	font-weight: @bold-header-font-weight;
}*/

.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 li {
  width: 110%;
}
.mega-banner-ad.recommendTR li.active {
  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: 60px auto 60px 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: 81px;
  height: 79px;
}
.social-media-ball.facebook {
  background-position: -179px -235px;
}
.social-media-ball.twitter {
  background-position: -268px -235px;
}
.social-media-ball.google {
  background-position: -90px -235px;
}
.social-media-ball.pinterest {
  background-position: -1px -235px;
}
.social-media-ball.blog {
  background-position: -357px -235px;
}
/* end social media links */

/* Homepage App Marketing Link */

.appMarketingBar {
  height: 30px;
  clear: both;
}
.appMarketingBar .marketingBarContent {
  text-align: right;
}
/* Header marketing message link */

.marketingBarContent a {
  color: #69be28;
  height: 30px;
  line-height: 30px;
}
.marketingBarContent a:before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(/imagesv3/sprites/new-common-dnata.2.png);
  background-repeat: no-repeat;
  background-position: -530px -383px;
  float: right;
  margin: 0 0 0 5px;
}
/* for italy and spain app message */

#headerLogoPanel .marketingBarContent a:before {
  background-image: url("/imagesv3/sprites/new-common.3.png");
  background-position: -530px -383px;
  background-repeat: no-repeat;
  content: "";
  float: left;
  height: 30px;
  margin: 4px 0 0 5px;
  width: 35px;
}
#headerLogoPanel .marketingBarContent a {
  color: #ff7802;
  height: 30px;
  line-height: 1.2;
}
/* End header marketing message link */

/* Landing Page App Marketing Link */

.breadcrumb-bar .appMarketingBar {
  float: right;
  display: inline-block;
}
.breadcrumb-bar .appMarketingBar .site-content {
  min-width: 80px!important;
  /* any small number will do for this overide */
  padding: 0;
}
.breadcrumb-bar .appMarketingBar .marketingBarContent {
  text-align: right;
}
.appMarketingBar {
  position: relative;
  display: inline-block;
  width: 240px;
  margin: 80px 0 0 -60px;
  z-index: 10;
}
/* start common icons */

.new-search-icon,
.arrow,
.quote,
.tr-icon,
.social-media-ball,
.star-rating,
.star-type,
.action-icon,
.shortlist-icon,
.map-key,
.gicon,
.giconlge,
.mini-icon,
.trp-widget-icon,
.domain-select,
.credit-card {
  background-image: url(/imagesv3/sprites/new-common-dnata.2.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,
  .star-rating,
  .star-type,
  .action-icon,
  .shortlist-icon,
  .map-key,
  .gicon,
  .mini-icon,
  .trp-widget-icon,
  .domain-select,
  .credit-card,
  .trp-selectbox.overlay:before,
  .ui-slider .ui-slider-handle {
    background-image: url(/imagesv3/sprites/retina/new-common-dnatax2.2.png);
    background-size: 700px 725px;
  }
  /* Header marketing message link */
  
  .marketingBarContent a {
    color: #69be28;
    height: 30px;
    line-height: 30px;
  }
  .marketingBarContent a:before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/imagesv3/sprites/retina/new-common-dnatax2.2.png);
    background-size: 700px 725px;
    background-repeat: no-repeat;
    background-position: -530px -383px;
  }
}
/* Star rating sprite images */

.star-rating {
  margin-right: 4px;
  vertical-align: text-bottom;
  height: 22px;
}
.star-type {
  vertical-align: text-bottom;
  height: 22px;
  width: 22px;
  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 -540px;
  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 -540px;
  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 -540px;
  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 -540px;
  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 -540px;
  width: 120px;
}
.star-2-1/* 1 key */ {
  background-position: -1px -570px;
  width: 18px;
}
.star-2-2/* 2 key */ {
  background-position: -28px -570px;
  width: 34px;
}
.star-2-3/* 3 key */ {
  background-position: -69px -570px;
  width: 50px;
}
.star-2-4/* 4 key */ {
  background-position: -124px -570px;
  width: 61px;
}
.star-2-5/* 5 key */ {
  background-position: -193px -570px;
  width: 74px;
}
.star-type-1,
.star-type-2/* display nothing */ {
  width: 0;
}
.star-type-3/* AA */ {
  background-position: -526px -538px;
}
.star-type-4/* visit England */ {
  background-position: -407px -538px;
}
.star-type-5/* visit Wales */ {
  background-position: -464px -538px;
}
.star-type-6/* visit Scotland */ {
  background-position: -437px -538px;
}
.star-type-7/* Self Assessed */ {
  background-position: -493px -538px;
  width: 23px;
}
/* End star rating sprite images */

.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.holidays.white {
  background-position: 0 -52px;
}
.new-search-icon.transfers {
  background-position: -53px 0;
}
.new-search-icon.transfers.white {
  background-position: -53px -52px;
}
.new-search-icon.flights {
  background-position: -106px 0;
}
.new-search-icon.flights.white {
  background-position: -106px -52px;
}
.new-search-icon.hotels {
  background-position: -157px 0;
}
.new-search-icon.hotels.white {
  background-position: -157px -52px;
}
.new-search-icon.carhire {
  background-position: -208px 0;
}
.new-search-icon.carhire.white {
  background-position: -208px -52px;
}
.new-search-icon.attractions {
  background-position: -260px 0;
}
.new-search-icon.attractions.white {
  background-position: -260px -52px;
}
.new-search-icon.marhaba {
  background-position: -314px 0;
}
.new-search-icon.marhaba.white {
  background-position: -314px -52px;
}
.new-search-icon.insurance {
  background-position: -364px 0;
}
.new-search-icon.insurance.white {
  background-position: -364px -52px;
}
.new-search-icon.parking {
  background-position: -416px 0;
}
.new-search-icon.parking.white {
  background-position: -416px -52px;
}
.new-search-icon.chalets {
  background-position: -468px 0;
}
.new-search-icon.chalets.white {
  background-position: -468px -52px;
}
.new-search-icon.cottages {
  background-position: -520px 0;
}
.new-search-icon.cottages.white {
  background-position: -520px -52px;
}
.new-search-icon.villas {
  background-position: -572px 0;
}
.new-search-icon.villas.white {
  background-position: -572px -52px;
}
.new-search-icon.small.holidays {
  background-position: 0 -104px;
}
.new-search-icon.small.holidays.white {
  background-position: 0 -146px;
}
.new-search-icon.small.transfers {
  background-position: -42px -104px;
}
.new-search-icon.small.transfers.white {
  background-position: -42px -146px;
}
.new-search-icon.small.flights {
  background-position: -84px -104px;
}
.new-search-icon.small.flights.white {
  background-position: -85px -144px;
}
.new-search-icon.small.hotels {
  background-position: -127px -104px;
}
.new-search-icon.small.hotels.white {
  background-position: -127px -146px;
}
.new-search-icon.small.carhire {
  background-position: -166px -104px;
}
.new-search-icon.small.carhire.white {
  background-position: -169px -144px;
}
.new-search-icon.small.attractions {
  background-position: -208px -104px;
}
.new-search-icon.small.attractions.white {
  background-position: -210px -144px;
}
.new-search-icon.small.marhaba {
  background-position: -250px -104px;
}
.new-search-icon.small.marhaba.white {
  background-position: -250px -146px;
}
.new-search-icon.small.insurance {
  background-position: -292px -104px;
}
.new-search-icon.small.insurance.white {
  background-position: -295px -144px;
}
.new-search-icon.small.parking {
  background-position: -334px -104px;
}
.new-search-icon.small.parking.white {
  background-position: -336px -144px;
}
.new-search-icon.small.chalets {
  background-position: -376px -104px;
}
.new-search-icon.small.chalets.white {
  background-position: -376px -146px;
}
.new-search-icon.small.cottages {
  background-position: -418px -104px;
}
.new-search-icon.small.cottages.white {
  background-position: -418px -146px;
}
.new-search-icon.small.villas {
  background-position: -460px -104px;
}
.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.up,
.arrow.down {
  width: 25px;
  height: 14px;
}
.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: -41px -446px;
}
.arrow.blue.up {
  background-position: -32px -504px;
}
.arrow.blue.down {
  background-position: -4px -505px;
}
.arrow.orange.back {
  background-position: -137px -446px;
}
.arrow.orange.forward {
  background-position: -172px -446px;
}
.arrow.white.back {
  background-position: -71px -446px;
}
.arrow.white.forward {
  background-position: -106px -446px;
}
.arrow.small.teal.up {
  background-position: -205px -504px;
}
.arrow.small.teal.down {
  background-position: -176px -504px;
}
.arrow.small.teal.back {
  background-position: -475px -451px;
}
.arrow.small.teal.forward {
  background-position: -510px -451px;
}
.arrow.small.white.up {
  background-position: -89px -504px;
}
.arrow.small.white.down {
  background-position: -60px -504px;
}
.arrow.small.white.back {
  background-position: -343px -451px;
}
.arrow.small.white.forward {
  background-position: -378px -451px;
}
.arrow.small.blue.up {
  background-position: -31px -504px;
}
.arrow.small.blue.down {
  background-position: -3px -504px;
}
.arrow.small.blue.back {
  background-position: -276px -451px;
}
.arrow.small.blue.forward {
  background-position: -310px -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 {
  margin-top: 0;
  width: 38px;
  height: 25px;
  background-position: -47px -190px;
}
.tr-icon.reviews-bubble {
  width: 44px;
  height: 42px;
  background-position: -386px -187px;
}
.tr-icon.home-icon {
  width: 20px;
  height: 20px;
  background-position: -512px -112px;
}
.tr-icon.close-icon {
  width: 20px;
  height: 20px;
  background-position: -98px -189px;
}
.tr-icon.close-icon-large {
  width: 25px;
  height: 29px;
  background-position: -545px -449px;
}
.tr-icon.panoramio-logo {
  width: 67px;
  height: 13px;
  background-position: -555px -543px;
  vertical-align: middle;
}
/* start new search units */

ul.search-unit-tabs li {
  float: left;
}
ul.search-unit-tabs li a {
  display: block;
  text-decoration: none;
  background-color: #f6f6f6;
  padding: 6px 55px 4px 10px;
  position: relative;
  border-radius: 3px 3px 0 0;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #b3dbf0;
  margin: 0 2px 0 2px;
}
ul.search-unit-tabs li:first-child a {
  margin-left: 0;
}
ul.search-unit-tabs li:last-child a {
  margin-right: 0;
}
ul.search-unit-tabs.small li {
  width: 50%;
}
ul.search-unit-tabs.small a {
  padding: 8px 45px 2px 8px;
}
ul.search-unit-tabs .icon {
  position: absolute;
  top: 0px;
  right: 8px;
}
ul.search-unit-tabs li a.active {
  background-color: #0088ce;
  border-color: #0088ce;
  border-width: 4px 1px 0 1px;
  margin-top: -3px;
}
ul.search-unit-tabs h2 {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 22px;
}
ul.search-unit-tabs.small h2 {
  font-size: 20px;
}
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;
}
.new-search-unit select.trp-field {
  border: 0 none;
  vertical-align: top;
}
.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;
}
.group-bookings-link {
  white-space: nowrap;
}
.new-search-unit .group-bookings-link {
  color: white;
}
.group-bookings-link.outer {
  position: absolute;
  top: 12px;
  right: 0;
  color: #0088ce;
  background: white;
  padding: 4px 8px 4px 8px;
}
.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: 36px;
  line-height: 36px;
  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 4px 0 4px;
}
/* end responsive search control frame */

/* start recent searches */

.recent-searches {
  position: relative;
  border-style: solid;
  border-width: 0 2px 0 2px;
  border-color: #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 2px #0088ce;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
}
.recent-searches .panel-arrow {
  width: 43px;
}
.recent-searches .panel-arrow.right {
  border-right: none!important;
  border-left: solid 2px #0088ce;
  right: 0;
}
.recent-searches .carousel-panel {
  padding: 0 45px 0 45px;
}
.recent-searches .viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-left: 2px;
  /* 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 2px #0088ce;
  height: 76px;
}
.recent-searches .viewport ul a.search-link .inner {
  padding: 8px 10px 0 10px;
}
.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%;
  font-size: 13px;
}
.recent-searches a.nav-btn {
  display: block;
  text-decoration: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.recent-searches a.nav-btn .arrow {
  display: inline-block;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -10px;
}
.recent-searches a.nav-btn .arrow.small {
  margin-top: -13px;
  margin-left: -8px;
}
.recent-searches a.remove-btn {
  position: absolute;
  top: 0;
  right: 5px;
  display: block;
  width: 30px;
  height: 30px;
}
.recent-searches a.remove-btn .close-icon,
.email-signup-bar a.remove-btn .close-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
/* small version */

.recent-searches.small .carousel-panel {
  padding: 0 30px 0 30px;
}
.recent-searches.small .panel-arrow {
  width: 28px;
}
/* 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.small .toggle-link {
  font-size: 18px;
}
a.recent-searches-toggle.open {
  border-top: 2px solid #0088ce;
}
a.recent-searches-toggle .toggle-link {
  display: inline-block;
  font-size: 20px;
  height: 38px;
  line-height: 38px;
  position: relative;
  padding-right: 34px;
  color: white;
}
a.recent-searches-toggle .arrow {
  margin-top: -8px;
  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 2px 0 2px;
}
/* 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: 30px;
}
h1.destination-main-header {
  font-size: 30px;
  margin-bottom: 0;
  width: 100%;
}
.text-content {
  padding: 0 15px 15px 15px;
  font-size: 16px;
  line-height: 160%;
}
.text-content ul li {
  list-style-position: outside;
  list-style-type: disc;
  margin: 0 0 6px 34px;
}
.text-content.intro-text {
  margin-top: 20px;
}
.hotel-landing-top-fluid {
  float: left;
  width: 100%;
  margin-left: -380px;
}
.hotel-landing-top-fluid-inner {
  margin-left: 380px;
}
.hotel-landing-top-fixed {
  float: left;
  width: 380px;
}
.hotel-landing-top-fixed-inner {
  margin-right: 20px;
}
.hotel-showcase {
  height: 300px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f6f6f6;
}
.hotel-showcase.small-image {
  background-position: 0 0;
}
.hotel-showcase .new-customer-rating {
  float: right;
  clear: right;
  margin: 0 0 10px 10px;
  text-align: right;
}
.hotel-showcase .short-list-toggle {
  float: right;
  clear: right;
  margin: 10px;
}
.hotel-showcase .gallery-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.showcase-overlay {
  background: url(/imagesv3/backgrounds/trans-dnata-p60.png);
  color: white;
}
.showcase-overlay h1 {
  color: white;
  margin: 0;
}
.showcase-overlay h4 {
  color: #0088ce;
}
.showcase-overlay.view-photos-link {
  text-decoration: none;
  font-size: 16px;
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 6px 15px 6px 50px;
  background-color: #4dacdd;
}
.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;
}
/* 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: #4dacdd;
}
.overlay-price.flight {
  /*background: url(/imagesv3/backgrounds/trans-white-70.png);*/
  background: #4d86b3;
}
.overlay-price.flight.solid {
  background: #4d86b3;
}
.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 (can be an anchor or a div) */

.new-customer-rating {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  color: white;
  background-color: #005293;
  text-decoration: none;
  min-width: 70px;
  padding: 2px 5px 4px 5px;
}
a.new-customer-rating:hover {
  text-decoration: none;
}
.new-customer-rating .value {
  font-size: 40px;
  line-height: 40px;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.new-customer-rating .phrase {
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 100%;
  font-size: 16px;
}
.new-customer-rating.xsmall .phrase {
  font-weight: 18px;
  line-height: 18px;
}
.new-customer-rating .reviews {
  font-size: 12px;
  line-height: 100%;
  margin-top: 2px;
}
.new-customer-rating.large .value {
  font-size: 60px;
  line-height: 60px;
  min-width: 100px;
}
.new-customer-rating.small .phrase {
  font-size: 16px;
}
.new-customer-rating.xsmall .value {
  font-size: 25px;
  line-height: 25px;
}
.new-customer-rating-long {
  color: #005293;
  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%;
}
.new-customer-rating.horizontal .value {
  font-size: 30px;
  line-height: 30px;
  margin-right: 6px;
}
/* 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;
}
/* 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: 3px;
}
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: 55px;
  width: 120px;
}
ul.mega-pics .picture:hover {
  opacity: 0.50;
}
@media screen and (max-width: 1100px) {
  ul.mega-pics li.col-g {
    display: none;
  }
  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 {
    width: 16.66%;
  }
}
@media screen and (max-width: 900px) {
  ul.mega-pics li.col-e {
    display: none;
  }
  ul.mega-pics li {
    width: 20%;
  }
}
/* end mega pics */

/* start new hotel reviews */

.hotel-review {
  padding: 15px 20px 15px 20px;
  background-color: #f6f6f6;
  margin-bottom: 20px;
  position: relative;
  font-size: 16px;
  min-height: 120px;
}
.hotel-review .inner {
  padding: 0 160px 0 0;
}
.hotel-review .new-customer-rating {
  background: #005293;
  position: absolute;
  right: 0;
  top: 40px;
  text-align: right;
  min-width: 100px;
  padding: 0 8px 5px;
}
.hotel-review .new-customer-rating .value {
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 2px;
}
.hotel-review .new-customer-rating-long {
  display: none;
  color: white;
  background: #005293;
  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-wrapper {
  padding-left: 70px;
  position: relative;
  margin-bottom: 15px;
}
.hotel-review .review-text {
  font-style: none;
  color: #005293;
  font-size: 16px;
  line-height: 150%;
}
.review-top-tip {
  margin-top: 20px;
  line-height: 150%;
}
.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 */

/* shared classes */

.review-snippet-browser {
  position: relative;
  background-color: #005293;
  color: white;
  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;*/
  padding: 10px 10px 10px 10px;
}
.review-snippet-browser.vertical .snippet {
  padding: 6px 0 6px 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 .rating-title {
  font-size: 16px;
  font-weight: bold;
}
.review-snippet-browser .author {
  color: #0088ce;
  font-size: 16px;
  font-weight: bold;
}
.review-snippet-browser .croppedtext-showmore,
.review-snippet-browser .croppedtext-showless {
  color: #0088ce;
}
/* horizontal mode */

.review-snippet-browser.horizontal .carousel-panel {
  padding: 0 50px 0 50px;
}
.review-snippet-browser.horizontal .content {
  padding: 8px 0 8px 90px;
  position: relative;
  min-height: 45px;
}
.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 {
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 40px;
  line-height: 40px;
}
.review-snippet-browser.horizontal .rating-title {
  font-size: 14px;
}
.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: 50px;
  margin: 20px 0 0 0;
}
.sticky-nav-bar {
  background-color: #b0b0b8;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
}
.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: 50px;
  line-height: 50px;
  text-align: center;
  color: white;
  padding: 0 10px 0 10px;
}
.sticky-nav-bar ul li.active a {
  background-color: #69be28;
}
.sticky-nav-bar ul.items-4 li {
  width: 25%;
}
.sticky-nav-bar ul.items-5 li {
  width: 20%;
}
/* 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: 50px;
  right: 0;
  text-decoration: none;
  height: 50px;
  width: 50px;
  background: #005293;
  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);
}
a.scroll-to-top .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -13px;
}
/* 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;
  font-size: 12px;
}
table.new-review-statement-result  div.result-vote-bar {
  background-color: #005293;
  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: 15px 0 15px 0;
}
.showcase-overlay.overlay-page-header {
  display: inline-block;
  padding: 8px 15px 8px 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;
  border: none;
  padding: 5px 45px 0 15px;
  min-height: 64px;
  text-decoration: none;
}
ul.destinations .title {
  color: #0088ce;
  font-weight: bold;
  font-size: 24px;
  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;
}
/* end destination list */

/* START new hotel information list */

.hotel-info-listing {
  font-size: 14px;
  margin-bottom: 15px;
}
.hotel-info-listing .image-panel {
  /*background: url(/imagesv3/hotels/no-image.jpg);*/
  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,
.hotel-result-summary .new-customer-rating {
  float: right;
  clear: right;
  margin: 10px 0 10px 10px;
  text-align: right;
}
.hotel-result-grid .new-customer-rating {
  text-align: left;
}
.hotel-info-listing .short-list-toggle,
.hotel-result-summary .short-list-toggle {
  float: right;
}
.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.availability-details .inner {
  min-height: 240px;
  padding: 10px 10px 10px 10px;
}
.hotel-info-listing.availability-details .image-panel {
  height: 260px;
}
/* availability overrides */

.hotel-availability-listing {
  border-bottom: 1px solid #dddddd;
  padding: 15px 10px 15px 10px;
}
.hotel-availability-listing.showcase {
  /* replace 1px of normal padding with a border */
  border: 1px solid #aaaaaa;
  padding: 14px 9px 14px 9px;
  border-radius: 0 0 6px 6px;
}
.hotel-showcase-prompt {
  text-align: center;
  padding: 10px;
  font-size: 16px;
  background-color: #f6f6f6;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #aaaaaa;
  border-radius: 6px 6px 0 0;
}
.hotel-info-listing.availability-listing {
  margin-bottom: 0;
}
.hotel-info-listing.availability-listing .image-panel {
  width: 30%;
}
.hotel-info-listing.availability-listing .main-panel {
  width: 70%;
}
.hotel-info-listing.availability-listing.full-width .image-panel {
  width: 25%;
}
.hotel-info-listing.availability-listing.full-width .main-panel {
  width: 75%;
}
.hotel-info-listing.availability-listing .main-panel .inner {
  padding: 0;
  background-color: transparent;
  margin-left: 15px;
}
.hotel-info-listing .trp-btn.view-details {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.hotel-info-listing .trp-btn.book-now {
  position: absolute;
  bottom: 0;
  right: 0;
}
.hotel-info-listing .villa-tip {
  background-color: #aaaaaa;
  padding: 2px;
  color: white;
  display: inline-block;
}
/* END new hotel information list */

h1.new-hotel-name {
  margin: 0;
}
h3.new-hotel-name,
.hotel-info-listing.availability-details h1.new-hotel-name {
  font-size: 28px;
  margin: 0;
}
.hotel-info-listing.availability-listing h3.new-hotel-name {
  font-size: 24px;
}
h4.new-hotel-name {
  font-size: 20px;
}
.new-hotel-location {
  color: #69be28;
}
.hotel-address {
  font-size: 12px;
  line-height: 140%;
}
.hotel-star-holder {
  margin: 4px 0;
  font-size: 12px;
}
.hotel-summary {
  margin: 10px 0;
}
/* new review snippets */

.new-review-snippet {
  position: relative;
  line-height: 150%;
  margin: 10px 0;
  padding: 0 10px 0 30px;
}
.new-review-snippet .quote.small {
  position: absolute;
  top: 0;
  left: 0;
}
.new-review-snippet .snippet {
  color: #005293;
}
.new-review-snippet .author {
  color: #0088ce;
  font-weight: bold;
}
/* ul.adverts { margin: 0 auto 0 auto; }
ul.adverts li { text-align: center; margin-bottom: 40px; }
ul.adverts.col-2 li { width: 50%; float: left; }
ul.adverts a { }
ul.adverts img { vertical-align: middle; } */

/* landing page adverts */

div.adverts {
  text-align: center;
  white-space: nowrap;
}
div.ad-wrapper {
  display: inline-block;
  text-align: left;
  width: 50%;
  margin: 0 0 30px 0;
  padding: 0;
}
div.ad-wrapper.left {
  clear: both;
}
div.ad-wrapper.right {
  text-align: right;
}
div.inner-ad-wrapper {
  display: inline;
  width: 100%;
  max-width: 572px;
}
div.inner-ad-wrapper img {
  max-width: 572px;
  width: 98%;
  height: auto;
}
/* div.adverts.position-7 img { width:100%; height:97px; } */

/* wide, single rotating interstitual banner - shares landing page adverts control */

#wide-ad-wrapper {
  max-width: 760px;
  margin: 0 auto;
}
#wide-ad-wrapper div.adverts.position-7 div.ad-wrapper {
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0;
}
#wide-ad-wrapper div.adverts.position-7 div.ad-wrapper div.inner-ad-wrapper {
  display: inline;
  width: 100%;
  max-width: 760px;
}
#wide-ad-wrapper div.adverts.position-7 div.ad-wrapper div.inner-ad-wrapper img {
  max-width: 760px;
  width: 100%;
  height: auto;
}
.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;
}
.search-unit-wrapper {
  margin: 20px auto 15px 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;
}
.trp-btn-list li {
  position: relative;
  float: left;
  margin-right: 10px;
  white-space: nowrap;
}
/* start mega pics */

ul.photo-grid {
  margin: auto;
}
ul.photo-grid li {
  float: left;
}
ul.photo-grid a {
  display: block;
  text-decoration: none;
}
ul.photo-grid .wrapper {
  padding: 2px;
}
ul.photo-grid img {
  vertical-align: middle;
}
ul.photo-grid .blank {
  text-align: center;
  background-color: #e8e8e8;
}
ul.photo-grid .blank span {
  display: inline-block;
  padding-top: 38px;
  color: #999999;
  font-size: 16px;
  line-height: 100%;
}
ul.photo-grid.small .blank span {
  padding-top: 20px;
  font-size: 12px;
}
ul.photo-grid img:hover {
  opacity: 0.60;
}
/*.icon-messagebubble-large { background: url("/imagesv3/sprites/new-common.png") no-repeat -547px -195px; height: 36px; margin: auto 0; }*/

.crossSellHeader {
  margin-bottom: 20px;
}
.crossSellHeader .header-icon {
  float: left;
}
.crossSellHeader .header-text {
  padding-left: 20px;
  width: 75%;
  float: left;
}
.crossSellContainer {
  margin: 0 auto 20px auto;
  padding: 5px 10px;
  border: 1px solid #cccccc;
  background-color: #f6f6f6;
}
/* START cross sell specific */

.crossSellTable {
  width: 100%;
  padding: 0;
}
.crossSellTable strong {
  font-weight: bold;
  font-size: 16px;
}
.crossSellTable .small-text {
  font-size: 11px;
}
.crossSellTable button {
  font-size: 14px;
  font-weight: bold;
  height: 40px;
}
.cross-sell-grid-header {
  color: white;
  background-color: #0088ce;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}
.cross-sell-list-header {
  color: #0088ce;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 3px solid #cccccc;
}
.crossSellTable.list .heading {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.crossSellTable.list .ratingText {
  color: #51a5c1;
  font-weight: bold;
  font-size: 16px;
}
.crossSellTable.list p {
  margin: 5px 0 0 0;
  padding: 0;
}
.crossSellTable.list p:first-child {
  margin: 10px 0 0 0;
  padding: 0;
}
.crossSellTable.list .description {
  font-size: 12px;
  font-style: italic;
}
.crossSellTable.list .imageHolder {
  padding: 5px;
  background-color: white;
  border: 1px solid #dddddd;
  cursor: pointer;
}
.crossSellTable.list tr:first-child td {
  padding-top: 20px;
}
.crossSellTable.list tr:last-child td {
  border-bottom: dotted 0px #949cc8;
}
.crossSellTable.list tr td:last-child {
  padding-left: 15px;
}
.crossSellTable.list td {
  vertical-align: top;
  padding: 20px 0px;
  border-bottom: 1px dotted #949cc8;
}
.crossSellTable.grid {
  border: 1px solid white;
  background-color: white;
}
.crossSellTable.grid tr {
  padding-left: 10px;
  height: 60px;
}
.crossSellTable.grid tr td:first-child {
  padding-left: 10px;
  border-left: 1px solid #cccccc;
}
.crossSellTable.grid tr td:last-child {
  border-right: 1px solid #cccccc;
  padding-right: 10px;
}
.crossSellTable.grid td {
  border-bottom: 1px solid #cccccc;
  padding-right: 5px;
}
.crossSellTable.grid td.right-align {
  text-align: right;
}
.crossSellTable.grid td.booknow-button {
  width: 100px;
}
.crossSellTable.grid .cross-sell-header {
  color: white;
  background-color: #0088ce;
  font-size: 12pt;
  font-weight: bold;
  padding: 7px 10px 7px 10px;
}
.crossSellLoading {
  display: table-cell;
  vertical-align: middle;
  height: 600px;
  min-height: 600px;
  margin-left: auto;
  margin-right: auto;
}
.crossSellLoading .centeredContent {
  text-align: center;
}
.crossSellFooterText {
  font-size: 11px;
  padding: 10px;
}
.crossSell-prompt-box {
  background-color: #f4b8c4;
  border: solid 1px crimson;
  color: black;
  padding: 10px;
  text-align: center;
  border-radius: 4px;
  margin: 10px 0;
}
/* END cross specific */

.sale-header-insert {
  display: none;
}
.sale-banner-negative-buffer {
  margin-bottom: -20px;
}
/* START email signup */

.email-signup-bar {
  padding: 6px 0 6px 0;
  background-color: #005293;
  color: white;
  min-height: 28px;
}
.email-signup-bar a.remove-btn {
  position: absolute;
  display: block;
  top: 0;
  right: 10px;
  height: 30px;
  width: 30px;
}
.email-signup-bar .block-one {
  float: left;
  width: 60%;
}
.email-signup-bar .block-two {
  float: left;
  width: 25%;
}
.email-signup-bar .block-three {
  float: left;
  width: 15%;
}
.email-signup-bar .block-one div {
  padding-right: 10px;
}
.email-signup-bar .trp-btn {
  margin-left: 10px;
}
/* END email signup */

/* Sign in and MYB menu */

ul.user-link-list {
  position: relative;
}
ul.user-link-list li .notifications-menu-wrapper,
ul.user-link-list ul.sub-menu {
  display: none;
}
ul.user-link-list li:hover .notifications-menu-wrapper {
  display: block;
  position: absolute;
  right: 0;
  padding: 0;
  text-align: left;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
  border: solid 1px #cccccc;
  background-color: white;
  min-width: 160px;
  width: 320px;
  z-index: 999;
}
ul.user-link-list li:hover ul.sub-menu {
  display: block;
  position: absolute;
  right: 0;
  padding: 0;
  text-align: left;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
  border: solid 1px #cccccc;
  background-color: white;
  min-width: 160px;
  z-index: 999;
}
ul.user-link-list li:hover .notifications-menu-wrapper  ul.sub-menu {
  position: relative;
  box-shadow: none;
  border: none;
}
ul.user-link-list ul.sub-menu.notifications {
  position: relative;
  width: 100%;
  max-height: 333px;
  overflow-x: hidden;
  overflow-y: scroll;
  /* iOS says it has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  border: solid 1px transparent;
  box-shadow: none;
}
span.myb-human-date {
  float: right;
  text-align: right;
  padding-top: 3px;
  font-size: 11px;
  line-height: 14px;
  font-style: italic;
  white-space: nowrap;
}
.notifications-menu-header {
  background-color: whitesmoke;
  padding: 0 10px;
  font-weight: bold;
  color: #555555;
  border-bottom: 1px solid #cfcfcf;
}
.notifications-menu-footer {
  background-color: whitesmoke;
  padding: 5px 10px;
  color: #555555;
  border-top: 1px solid #cfcfcf;
}
.myb-block-link {
  display: block;
  height: 100%;
  width: 100%;
}
.notifications-menu-footer a {
  color: #293991 !important;
  text-decoration: none;
}
.notifications-menu-footer a:hover {
  color: #293991 !important;
  text-decoration: underline;
}
ul.user-link-list ul.sub-menu.notifications li,
ul.user-link-list ul.sub-menu.account-menu li {
  padding: 0;
  border-bottom: 1px solid #cfcfcf;
}
ul.user-link-list ul.sub-menu.notifications li a,
ul.user-link-list ul.sub-menu.account-menu li a {
  padding: 5px 10px;
  text-decoration: none;
  color: #555555;
  font-size: 12px;
  line-height: 130%;
}
ul.user-link-list ul.sub-menu.notifications li a h4.notificationheader,
ul.user-link-list ul.sub-menu.account-menu li a h4.notificationheader {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: normal;
}
ul.user-link-list ul.sub-menu.notifications li a h4.notificationheader strong,
ul.user-link-list ul.sub-menu.account-menu li a h4.notificationheader strong {
  font-weight: bold;
}
ul.user-link-list ul.sub-menu.notifications li a em,
ul.user-link-list ul.sub-menu.account-menu li a em {
  color: #69be28;
  font-weight: bold;
  font-style: normal;
}
ul.user-link-list ul.sub-menu.notifications li a span,
ul.user-link-list ul.sub-menu.account-menu li a span {
  font-style: italic;
}
ul.user-link-list ul.sub-menu.notifications li:hover,
ul.user-link-list ul.sub-menu.account-menu li:hover {
  background-color: whitesmoke;
}
ul.user-link-list ul.sub-menu.notifications li:last-child,
ul.user-link-list ul.sub-menu.account-menu li:last-child {
  border-bottom: none;
}
ul.user-link-list ul.sub-menu.account-menu li a {
  padding: 12px 10px;
  color: #293991;
}
ul.user-link-list ul.sub-menu li {
  display: block;
  float: none;
  list-style-type: none;
}
ul.user-link-list ul.sub-menu li a {
  display: block;
  color: #293991;
  font-size: 12px;
  padding: 0 4px;
}
ul.user-link-list {
  position: relative;
}
ul.user-link-list ul.sub-menu li {
  display: block;
  float: none;
  list-style-type: none;
}
ul.user-link-list ul.sub-menu li a {
  display: block;
  color: #293991;
  font-size: 12px;
  padding: 0 4px;
}
ul.user-link-list li:hover ul.sub-menu,
ul.user-link-list li:hover .notifications-menu-wrapper {
  display: block;
}
.forgot-password-wrapper {
  float: left;
  display: inline;
  text-align: left;
}
#forgotPwdLink {
  display: inline;
  color: white;
  white-space: nowrap;
  border-bottom: 1px solid white;
  text-decoration: none!important;
}
#forgotPwdLink:hover {
  text-decoration: none!important;
}
.sign-in-tick-wrapper span.trp-widget-icon {
  border: none!important;
}
.myb-tab-wrapper {
  padding-bottom: 0;
  border-bottom: 1px solid #aaaaaa;
  margin: 0;
}
.tabBookings {
  display: inline-block;
  width: 190px;
  text-align: center;
  color: #293991;
  background-color: white;
  border: 1px solid #aaaaaa;
}
.allbookings {
  margin: -35px 0 0 0;
  padding: 0;
}
.tabCurrent {
  font-size: 16px;
  font-weight: normal;
  padding: 6px 10px;
  margin: 0 5px 0 10px;
  border-radius: 3px 3px 0px 0px;
  border: 1px solid #aaaaaa;
  border-bottom: none;
  margin-bottom: -1px;
}
.tabPast {
  font-size: 16px;
  font-weight: normal;
  padding: 6px 10px;
  border-radius: 3px 3px 0px 0px;
  border: 1px solid #aaaaaa;
  border-bottom: none;
  margin-bottom: -1px;
}
.tabCurrent.active,
.tabPast.active {
  font-weight: bold;
  background-color: #eeeeee;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
.tabCurrent:hover,
.tabPast:hover {
  cursor: pointer;
  text-decoration: none;
}
.info-grid-container {
  background-color: white;
  margin-top: 20px;
}
.info-grid-container > div {
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  padding-bottom: 10px;
  padding-top: 20px;
}
.inner-info-container {
  padding: 30px;
}
.inner-info-container div {
  margin-bottom: 20px;
}
.info-grid-container h4 {
  background-color: #f6f6f6;
  color: black;
  padding: 8px 20px;
  margin: 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  border-bottom: none;
}
.info-grid-container ul {
  padding: 0;
  margin: 0;
  text-align: left;
  width: 100%;
}
.info-grid-container ul li {
  list-style-type: none;
  display: inline-block;
  white-space: normal;
  width: 49%;
  padding: 0;
  margin: 0;
}
.info-grid-container ul li div {
  padding: 8px 20px 8px 40px !important;
}
.flash-message {
  margin: 1em 0;
  border-radius: 3px;
  padding: 10px;
}
.error-message {
  border: 1px solid #990000;
  background-color: fade(red, 30%);
  color: #990000;
}
.success-message {
  border: 1px solid #009900;
  background-color: fade(lime, 30%);
  color: #009900;
}
.myb-bookingitem-container {
  position: relative;
  display: block;
  min-height: 60px;
  height: 100%;
  width: 96%;
  margin: 5px 2% 0 2%;
  border: 1px solid #cccccc;
  background-color: #f6f6f6;
  padding: 0;
}
.myb-bookingitem-container.warning-border {
  border-color: red;
}
.myb-bookingitem-container.pending-border {
  border-color: #69be28;
}
.myb-booking-submenu,
.myb-booking-submenu-link {
  cursor: pointer;
}
.myb-booking-submenu.active {
  display: block;
  position: absolute;
  z-index: 9;
  border: solid 1px #cccccc;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
  top: 38px;
  right: 10px;
  width: 300px;
  background-color: white;
}
.myb-booking-submenu-link:hover .myb-bookingitem-bookingtext,
.myb-bookingitem-container span.myb-bookingitem-book-now:hover {
  text-decoration: underline;
  cursor: pointer;
}
.myb-booking-submenu span:hover {
  background-color: #f6f6f6;
}
.myb-booking-title {
  padding: 4px 8px;
  background-color: #0088ce;
  line-height: 36px;
  vertical-align: middle;
}
h4.myb-booking-title {
  display: block;
  overflow: hidden;
  color: white;
  margin: 0;
}
h4 .iconed {
  float: left;
  display: inline-block;
  padding: 0 0 0 56px;
}
.myb-booking-datetitle {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: #293991;
  padding-top: 8px;
  padding-left: 10px;
  margin: 35px 0 5px 0;
}
.myb-crosssell-importantinfo {
  margin-bottom: 0;
}
.myb-trip-date-wrapper {
  background-color: #eeeeee;
  padding-bottom: 2px;
}
.myb-trip-date-wrapper.myb-trip-odd {
  background-color: #dce7f7;
  padding-bottom: 2px;
}
.myb-relative {
  position: relative;
}
.myb-loader {
  text-align: center;
  margin-top: 40px;
  min-height: 500px;
}
.myb-heading {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
  margin-bottom: 40px;
}
.myb-booking-wrapper {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
}
.myb-menu-wrapper {
  position: relative;
  float: right;
  display: inline-block;
  margin-top: 18px;
  margin-right: 0px;
}
.myb-payment-text {
  font-size: 12px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.myb-payment-text strong {
  font-size: 16px;
  font-weight: bold;
  color: #69be28;
}
.myb-shouty-text {
  margin: 0;
  padding: 10px 0 0 0;
  color: #69be28;
  font-weight: bold;
  font-size: 16px;
}
.myb-location-text {
  font-size: 13px;
  margin: 0;
  padding: 0;
}
.myb-transfer-type {
  position: absolute;
  display: inline-block;
  line-height: 20px;
  text-align: right;
  white-space: nowrap;
  top: 50%;
  right: 175px;
  margin-top: -10px;
}
.myb-middle-price {
  position: absolute;
  font-size: 18px;
  line-height: 20px;
  white-space: nowrap;
  top: 50%;
  right: 130px;
  margin-top: -10px;
}
.myb-middle-button {
  position: absolute;
  top: 50%;
  margin-top: -20px;
}
.myb-cross-sell-tease {
  padding-top: 10px;
  line-height: 130%;
}
.myb-bookingitem-innercontainer {
  padding: 6px 16px;
}
.myb-action-menu-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 260px;
  border-left: 1px solid #cccccc;
}
.myb-link-table {
  height: 100%!important;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
}
.myb-link-table tr td {
  color: #0088ce;
  line-height: 100%;
}
.myb-link-table tr td:hover {
  color: #69be28;
  line-height: 100%;
  cursor: pointer;
}
/* .myb-link-table { height: 100%; width: 100%; } */

.myb-link-row {
  height: 25%;
}
.myb-title-row {
  cursor: default;
  height: 25%;
}
.myb-title-row .myb-warning-cell {
  padding: 10px;
  color: white;
}
.myb-title-row td:hover {
  cursor: default !important;
  color: white !important;
}
.myb-title-row.cancelled {
  background-color: red;
}
.myb-title-row.pending {
  background-color: #69be28;
}
.myb-link-row-single {
  height: 100%;
}
.myb-link-table tr td.myb-cancelled,
.myb-link-table tr td.myb-cancelled:hover {
  color: crimson;
  text-align: center;
}
.myb-link-table tr td.myb-pending,
.myb-link-table tr td.myb-pending:hover {
  color: #69be28;
  text-align: center;
}
.myb-link-table tr td.myb-pending-booking {
  font-size: 100%!important;
  line-height: 120%;
}
.myb-hotel-booking-details-wrapper {
  padding-right: 270px;
  padding-left: 240px;
}
.myb-booking-ref {
  margin-top: 10px;
  padding-bottom: 5px;
  font-size: 12px;
  white-space: normal!important;
}
.myb-sub-raisecsr,
.myb-sub-viewcsr,
.myb-sub-api,
.myb-sub-viewdetails,
.myb-sub-viewcsrlist,
.myb-sub-printvoucher,
.myb-sub-reviewhotel {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  border-bottom: 1px solid #cfcfcf;
  text-align: left;
}
.myb-sub-printvoucher a {
  color: #0088ce;
  display: table-cell;
  width: 100%!important;
  height: 100%!important;
  vertical-align: middle;
}
.myb-sub-printvoucher a:hover {
  color: #69be28;
  cursor: pointer;
  text-decoration: none;
}
.myb-sub-moreactions {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 0 10px;
}
/* .myb-notifications-container { position:absolute; top:0; right:0; z-index:5; } */

.crosssell-item {
  width: 96%;
  padding-top: 0;
  margin: 5px 2%;
  position: relative;
}
span.paymentOverDue {
  text-decoration: none;
}
span.paymentOverDue:hover {
  cursor: pointer;
  border-bottom: 1px solid #69be28;
}
.myb-bookingitem-bookingtext {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  margin: 3px 10px 3px 0px;
  color: #0088ce;
  white-space: nowrap;
}
.myb-bookingitem-book-now {
  position: absolute;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  top: 50%;
  right: 20px;
  margin-top: -20px;
}
.modalTabBtn {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: white;
  margin-right: 3px;
  padding: 10px 20px 10px 20px;
  border-bottom: 0px;
}
.modalTabBtn.inactiveTab {
  background-color: #cccccc;
  font-size: 18px;
  padding: 8px 20px 11px 20px;
}
.myb-tbl-details {
  width: 100%;
}
.myb-tbl-details td {
  padding: 8px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 5px;
}
.myb-tbl-details tr:last-child td {
  padding: 8px;
  margin-bottom: 5px;
  border-bottom: 0px solid #cccccc;
}
.myb-editdetails-tbl {
  padding: 10px;
  width: 550px;
}
.myb-detail-button-wrapper {
  width: 150px;
}
.myb-editdetails-tbl div {
  padding: 2px 0 2px 0;
}
.myb-editdetails-tbl td {
  border: none;
  padding: 0;
}
.myb-tbl-details button {
  margin-top: 10px;
  width: 80px;
}
.myb-contact-title {
  font-weight: bold;
}
.myb-contact-title.edit {
  vertical-align: top;
  padding-top: 17px;
}
.myb-manage-details-label {
  width: 30%;
}
.myb-manage-details-input-wrapper {
  width: 70%;
}
.selectCountry {
  width: 100%;
}
.myb-editdetails-tbl .myb-editdetails-tbl div {
  padding: 0!important;
}
div.myb-booking-subdetail {
  border: none;
  border-top: solid 1px #cccccc;
  background-color: crimson;
  padding: 8px 15px 8px 15px;
  color: white;
}
div.myb_notificationPanel {
  background-color: #5188d6;
  padding: 8px 10px 10px 14px;
  color: white;
  font-size: 16px;
  line-height: 150%;
  margin: 0 0 15px 0;
}
div.myb_notificationOpenCSR {
  background-color: #69be28;
  /* was #ef4f6f */
  color: white;
  cursor: pointer;
  font-size: 14px;
  line-height: 100%;
  padding: 10px 10px 1px 10px;
}
div.myb_notificationOpenCSR.blue {
  background-color: #5188d6;
  border: 2px solid #5188d6;
}
div.opencsrpanel:hover .myb_notificationOpenCSR {
  background-color: crimson;
}
div.opencsrpanel:hover .myb_notificationOpenCSR.blue:hover {
  background-color: #5188d6;
  border: 2px solid #0088ce;
}
.myb_notificationCSRtbl {
  border: 1px solid #cccccc;
  border-top: none;
  width: 100%;
}
.myb_notificationCSRtbl th,
.myb_notificationCSRtbl td {
  padding: 2px;
}
.myb_notificationCSRtbl th {
  text-align: left;
}
.myb-bookingitem-innercontainer h6 {
  padding: 1px;
}
#notificationPanel {
  background: url("/imagesv3/sprites/new-common.3.png") no-repeat -550px -200px;
  width: 40px;
  height: 28px;
}
.notificationCount {
  display: inline-block;
  min-width: 20px;
  font-family: 'FSJoeyBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  padding: 2px;
  margin-top: 3px;
  margin-left: 15px;
  color: #0088ce;
  background-color: white;
  border-radius: 3px;
}
input.selectTitle {
  width: 120px;
}
/* password strength indicator */

#pwindicator_new {
  padding: 5px;
}
.pw-very-weak .bar {
  border: 1px solid #cccccc;
  background: #dd0000;
  width: 20%;
}
/* .pw-very-weak .label { color: #d00; } */

.pw-weak .bar {
  border: 1px solid #cccccc;
  background: #dd0000;
  width: 40%;
}
/* .pw-weak .label { color: #d00; } */

.pw-mediocre .bar {
  border: 1px solid #cccccc;
  background: #f3f01a;
  width: 60%;
}
/* .pw-mediocre .label { color: #f3f01a; } */

.pw-strong .bar {
  border: 1px solid #cccccc;
  background: #ff7802;
  width: 80%;
}
/* .pw-strong .label { color: #f3b31a; } */

.pw-very-strong .bar {
  border: 1px solid #cccccc;
  background: #00dd00;
  width: 100%;
}
/* .pw-very-strong .label { color: #0d0; } */

.error-text-long {
  max-width: 450px;
  *width: 450px;
}
/* .lookupForm .trp-textbox { margin: 0; padding: 0; } */

/* START SEO CONTENT */

.block-content-wrapper {
  margin-bottom: 20px;
}
.block-content-header {
  position: relative;
  display: block;
  background-color: #f6f6f6;
  padding: 15px 45px 15px 15px;
  text-decoration: none;
}
.block-content-header:hover {
  text-decoration: none;
}
.block-content {
  background-color: #f6f6f6;
  padding: 0 15px 15px 15px;
}
.block-content-header .arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
}
a.block-content-header .arrow.down,
a.block-content-header.open .arrow.up {
  display: inline;
}
a.block-content-header .arrow.up,
a.block-content-header.open .arrow.down {
  display: none;
}
/* END SEO CONTENT */

.urgency-message {
  color: #005293;
  margin: 6px 0 6px 0;
  line-height: 12px;
  font-size: 12px;
}
.urgency-message.medium {
  font-size: 14px;
  line-height: 14px;
}
.urgency-message.large {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
}
.urgency-message.oneline br {
  display: none;
}
.urgency-message.alt {
  color: #005293;
}
/* START TOOLBAR */

.toolbar {
  height: 36px;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1000;
  -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;
}
.toolbar.open {
  width: 100%;
  min-width: 768px;
}
.toolbar ul.sections {
  background-color: #444444;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 5px 36px 5px 0;
  height: 26px;
  line-height: 26px;
  display: none;
}
.toolbar.open ul.sections {
  display: block;
}
.toolbar li.section {
  float: left;
  border-right: dotted 1px #999999;
}
.toolbar li.section a.toggle {
  display: block;
  float: left;
  padding: 0 10px 0 20px;
  position: relative;
}
.toolbar li.section .header {
  color: white;
  font-size: 14px;
  float: left;
  color: white;
}
.toolbar li.section .count {
  float: left;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 0 10px 0 10px;
  color: white;
}
.toolbar li.section .content {
  position: relative;
  width: 100%;
  height: 100px;
  background-color: #fefefe;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  -webkit-transition: margin 0.5s ease-in-out;
  -moz-transition: margin 0.54s ease-in-out;
  -ms-transition: margin 0.5s ease-in-out;
  -o-transition: margin 0.5s ease-in-out;
  transition: margin 0.5s ease-in-out;
  margin-bottom: -90px;
}
.toolbar li.section.expanded .count {
  color: #0088ce;
}
.toolbar li.section.expanded .content {
  margin-bottom: 36px;
}
.toolbar li.section .content .inner {
  float: left;
  padding: 10px;
}
.toolbar li.section .content .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
.toolbar li.section .content .close-btn .gicon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -7px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.pointer {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #444444;
}
.toolbar li.section .pointer {
  position: absolute;
  top: -11px;
  left: 50%;
  margin-left: -3px;
  display: none;
}
.toolbar li.section.expanded .pointer {
  display: block;
}
.toolbar a.toggle-btn {
  background-color: #444444;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
}
.toolbar a.toggle-btn .gicon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -7px;
  display: none;
}
.toolbar a.toggle-btn .gicon.plus {
  display: block;
}
.toolbar.open a.toggle-btn .gicon.remove {
  display: block;
}
.toolbar.open a.toggle-btn .gicon.plus {
  display: none;
}
/* hotel list */

.toolbar ul.hotel-list {
  list-style: none;
  float: left;
}
.toolbar ul.hotel-list li {
  float: left;
  width: 120px;
  height: 80px;
  width: 80px;
  margin-right: 10px;
  position: relative;
}
.toolbar ul.hotel-list li a,
ul.hotel-list li span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  line-height: 80px;
  text-decoration: none;
}
.toolbar ul.hotel-list li span.placeholder {
  background-color: #eeeeee;
  text-align: center;
}
.toolbar ul.hotel-list li span.mask {
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 36px;
  font-weight: bold;
  position: absolute;
  text-align: center;
}
.toolbar ul.hotel-list li img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.toolbar ul.hotel-list li a.view-all {
  background-color: #666666;
  text-align: center;
  color: white;
  font-size: 24px;
}
/* END TOOLBAR */

/* App Promotional Page */

.appsBackdrop {
  background-image: url('/imagesv3/promotional/apps/apps_backdrop.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.featuredDevices {
  max-width: 1154px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-right: 15px;
  padding-bottom: 0;
  padding-left: 15px;
}
.featuredDevices img {
  width: 100%;
  height: auto;
}
.coupon-wrapper {
  width: 100%;
  /* min-height: 280px; */
  margin-bottom: 20px;
  background-color: #f6f6f6;
  background-image: url('/imagesv3/promotional/apps/inner_shadow_slice.png');
  background-repeat: repeat-x;
  background-position: bottom left;
  overflow: hidden;
}
.coupon {
  position: relative;
  width: 68%;
  margin-left: 4%;
  float: left;
  border: 2px dashed #69be28;
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.coupon-scissors {
  position: absolute;
  width: 44px;
  height: auto;
  top: 66px;
  left: -29px;
}
.coupon-scissors img {
  width: 44px;
  height: auto;
}
.coupon-inner {
  padding: 20px 0;
}
.coupon-promotion {
  color: #69be28;
  float: left;
  font-size: 24px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-right: 130px;
  margin-left: 20px;
  line-height: 26px;
}
.coupon-discount {
  color: #69be28;
  float: left;
  font-size: 60px;
  line-height: 50px;
  font-weight: bold;
  margin-right: 10px;
  padding-bottom: 25px;
}
.newSketchImg {
  max-width: 106px;
  width: 100%;
  height: auto;
  margin-right: 20px;
  margin-left: 20px;
}
.appLogoImg {
  max-width: 63px;
  width: 100%;
  height: auto;
}
.appLogoImg img {
  width: 63px;
  height: auto;
}
.appLogoShadow {
  position: absolute;
  width: 78px;
  height: 79px;
  top: 10px;
  right: 20px;
}
.appLogoShadow img {
  width: 78px;
  height: auto;
}
.appText {
  padding-top: 20px;
  padding-bottom: 20px;
}
.appPromoPics {
  max-width: 1181px;
  width: 100%;
  height: auto;
}
.tick-list-wrapper {
  float: left;
  width: 21%;
  margin-left: 5%;
}
.coupon-download-wrapper {
  clear: both;
  display: table;
  height: 40px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}
.coupon-download-wrapper a {
  margin: 5px;
}
.coupon-download-badge {
  width: 135px;
  height: 40px;
  border: 0;
}
.coupon-download-text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  max-width: 250px;
}
.coupon-download-conditions {
  font-size: 10px;
  padding-right: 15px;
  padding-left: 15px;
  line-height: 120%;
}
.coupon-link {
  color: #ff7802;
  text-decoration: underline;
}
.clearAll {
  min-width: 110px;
}
/* sticky header */

.smsSticky {
  margin-top: -4px;
  padding-top: 0;
}
.smsSticky .topBar {
  background: #0088ce;
  height: 70px;
  padding: 15px 0 15px 0;
  color: white;
}
.smsSticky .topBar .block:first-child {
  width: 40%;
}
.smsSticky .top-bar-content {
  text-align: center;
}
.smsSticky .app-sms-blurb-wrapper {
  display: inline-block;
  text-align: left;
}
.smsSticky .app-blurb-image-inner-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.smsSticky .app-blurb {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.2;
  padding-left: 15px;
}
.smsSticky .sms-wrapper {
  table-layout: fixed;
  margin-left: 20px;
  float: left;
}
.smsSticky .app-blurb-image-wrapper {
  display: table;
  float: left;
}
.smsSticky input[type="text"].appSms {
  min-width: 280px;
  font-size: 14px;
  padding: 10px 6px 10px 6px;
  border-radius: 3px;
}
.smsSticky .trp-textbox {
  position: relative;
  margin-left: 10px;
}
.smsSticky input[type="submit"] {
  margin-left: 8px;
}
.smsSticky .trp-btn-s {
  border-radius: 3px;
  font-size: 14px;
  padding: 8px 12px;
}
.smsSticky .bottomBar {
  /* background-image: url('/imagesv3/promotional/apps/top_bar_inner_shadow.png');
        background-repeat: repeat-x;
        background-position: bottom left; */
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.4);
}
.smsSticky .bottomBarInner {
  background-color: #1f7ce6;
  padding: 6px 0 6px 0;
}
.smsSticky .disclaimer {
  font-size: 9px;
  color: white;
}
.smsSticky .validation-message-wrapper {
  text-align: left;
  vertical-align: middle;
}
.smsSticky .validationMessage {
  font-size: 12px;
}
.tick-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.tick-list li {
  padding-left: 40px;
  background-image: url('/imagesv3/promotional/apps/green_tick.png');
  background-repeat: no-repeat;
  background-position: 0 .5em;
  font-size: 16px;
  font-weight: normal;
  line-height: 23px;
  padding-top: 10px;
  margin-bottom: 6px;
}
.popup-scoller {
  height: 500px;
  overflow: scroll;
}
/* TR FONT  ICONS */

[class^="icon-"],
[class*=" icon-"] {
  font-family: TRIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: black;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-booking:before {
  content: "\e808";
}
.icon-edit-booking:before {
  content: "\e809";
}
.icon-pay-pound:before {
  content: "\e80a";
}
.icon-settings:before {
  content: "\e80b";
}
.icon-gps:before {
  content: "\e807";
}
.icon-edit:before {
  content: "\e800";
}
.icon-email:before {
  content: "\e801";
}
.icon-reviews:before {
  content: "\e802";
}
.icon-print:before {
  content: "\e803";
}
.icon-help:before {
  content: "\e804";
}
.icon-support:before {
  content: "\e805";
}
.icon-trustpilot:before {
  content: "\e640";
}
.icon-map:before {
  content: "\e61b";
}
.icon-abta-logo:before {
  content: "\e63e";
}
.icon-checkbox-off:before {
  content: "\e611";
}
.icon-checkbox-on:before {
  content: "\e612";
}
.icon-radio-off:before {
  content: "\e626";
}
.icon-radio-on:before {
  content: "\e627";
}
.icon-low-deposit:before {
  content: "\e62f";
}
.icon-price-match:before {
  content: "\e633";
}
.icon-zero-percent:before {
  content: "\e63d";
}
.icon-menu:before {
  content: "\e610";
}
.icon-minus:before {
  content: "\e616";
}
.icon-moon:before {
  content: "\e619";
}
.icon-plus:before {
  content: "\e61c";
}
.icon-star:before {
  content: "\e61d";
}
.icon-check:before {
  content: "\e624";
}
.icon-atol-logo:before {
  content: "\e600";
}
.icon-abta-logo-globe:before {
  content: "\e601";
}
.icon-norton-logo:before {
  content: "\e602";
}
.icon-commission-for-aviation-regulation:before {
  content: "\e603";
}
.icon-panoramio:before {
  content: "\e604";
}
.icon-iata-logo:before {
  content: "\e605";
}
.icon-trustwave:before {
  content: "\e606";
}
.icon-deal:before {
  content: "\e635";
}
.icon-chevron-down:before {
  content: "\e608";
}
.icon-chevron-left:before {
  content: "\e609";
}
.icon-chevron-right:before {
  content: "\e60a";
}
.icon-chevron-up:before {
  content: "\e60b";
}
.icon-arrow-left:before {
  content: "\e637";
}
.icon-arrow-right:before {
  content: "\e638";
}
.icon-back:before {
  content: "\e60c";
}
.icon-calendar:before {
  content: "\e60e";
}
.icon-camera:before {
  content: "\e60f";
}
.icon-close:before {
  content: "\e613";
}
.icon-filter:before {
  content: "\e615";
}
.icon-home:before {
  content: "\e618";
}
.icon-info:before {
  content: "\e61a";
}
.icon-occupancy:before {
  content: "\e61e";
}
.icon-phone:before {
  content: "\e61f";
}
.icon-pin:before {
  content: "\e620";
}
.icon-facebook:before {
  content: "\e614";
}
.icon-blog:before {
  content: "\e60d";
}
.icon-pinterest:before {
  content: "\e621";
}
.icon-google-plus:before {
  content: "\e617";
}
.icon-instagram:before {
  content: "\e63f";
}
.icon-twitter:before {
  content: "\e632";
}
.icon-plane-inbound:before {
  content: "\e622";
}
.icon-arrivals-plane:before {
  content: "\e607";
}
.icon-plane-outbound:before {
  content: "\e623";
}
.icon-quote:before {
  content: "\e625";
}
.icon-validated:before {
  content: "\e636";
}
.icon-exclamation:before {
  content: "\e639";
}
.icon-return:before {
  content: "\e628";
}
.icon-comment:before {
  content: "\e629";
}
.icon-search:before {
  content: "\e62a";
}
.icon-shortlist:before {
  content: "\e62b";
}
.icon-shortlist-add:before {
  content: "\e62c";
}
.icon-shortlist-remove:before {
  content: "\e62d";
}
.icon-timer:before {
  content: "\e630";
}
.icon-hotels:before {
  content: "\e806";
}
.icon-flights:before {
  content: "\e63a";
}
.icon-transfers:before {
  content: "\e631";
}
.icon-attractions:before {
  content: "\e63c";
}
.icon-suitcase:before {
  content: "\e634";
}
/* PCI container updates (should be replaced by v2 pages) */

div.trp-pci {
  background: white;
  border: solid 1px #aaaaaa;
  border-radius: 0;
}
div.trp-pci iframe {
  padding: 8px 6px 10px 6px;
}
div.trp-pci.invalid {
  border: 1px solid rgba(255, 79, 79, 0.8);
  outline: 0 none;
}