/* Import reset stylesheet and hide from IE Mac */

@import "reset.css";
/* Common LESS mixin classes */
.black-inset-text-shadow {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.black-text-shadow {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.white-text-shadow {
  text-shadow: 0 1px 0 white;
}
.container-shadow {
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.button-border {
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.4);
}
.button-shadow-inset {
  -moz-box-shadow: 0px 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 1px 4px rgba(0, 0, 0, 0.3);
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* End import/hide */

/* dnata fonts */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 17, 2012 */

@font-face {
  font-family: 'FSJoeyBold';
  src: url('./fonts/dnataFonts/fs_joey-bold-dnata.eot');
  src: url('./fonts/dnataFonts/fs_joey-bold-dnata.eot?#iefix') format('embedded-opentype'), url('./fonts/dnataFonts/fs_joey-bold-dnata.woff') format('woff'), url('./fonts/dnataFonts/fs_joey-bold-dnata.ttf') format('truetype'), url('./fonts/dnataFonts/fs_joey-bold-dnata.svg#FSJoeyBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FSJoeyLight';
  src: url('./fonts/dnataFonts/fs_joey-light-dnata.eot');
  src: url('./fonts/dnataFonts/fs_joey-light-dnata.eot?#iefix') format('embedded-opentype'), url('./fonts/dnataFonts/fs_joey-light-dnata.woff') format('woff'), url('./fonts/dnataFonts/fs_joey-light-dnata.ttf') format('truetype'), url('./fonts/dnataFonts/fs_joey-light-dnata.svg#FSJoeyLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FSJoeyRegular';
  src: url('./fonts/dnataFonts/fs_joey-regular-dnata.eot');
  src: url('./fonts/dnataFonts/fs_joey-regular-dnata.eot?#iefix') format('embedded-opentype'), url('./fonts/dnataFonts/fs_joey-regular-dnata.woff') format('woff'), url('./fonts/dnataFonts/fs_joey-regular-dnata.ttf') format('truetype'), url('./fonts/dnataFonts/fs_joey-regular-dnata.svg#FSJoeyRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* OUTER PAGE STRUCTURE */

body {
  background-color: white;
  padding: 0;
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 12px;
  line-height: 150%;
  min-width: 1006px;
}
#trp-header {
  height: 128px;
  /*defines outer height of entire header including nav bar shadow*/
  background-color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#trp-header-inner {
  height: 78px;
}
#trp-content {
  background-color: white;
  padding: 0 0 40px 0;
}
#trp-footer {
  min-height: 70px;
  height: auto !important;
  background: #f2f2f3 url('../../../imagesv3/global/footer-background.png') repeat-x left top;
  padding: 0 0 10px 0;
  color: #333333;
  text-shadow: 0 1px 0 white;
}
.trp-footer-top {
  height: 16px;
  padding: 0;
  margin: 0;
}
.trp-footer-break {
  border-top: 1px solid #bfc4de;
  border-bottom: 1px solid white;
  height: 0;
  margin: 10px 0 10px 0;
}
/* defines wrapper for fixed width html */

.trp-body-constraint {
  width: 960px;
  margin: 0 auto 0  auto;
}
/* END OUTER PAGE STRUCTURE */

/* TYPOGRAPHY ------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1b2870;
  line-height: 140%;
  text-rendering: optimizelegibility;
}
h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
h2 {
  font-size: 22px;
  margin-bottom: 10px;
}
h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
h4 {
  font-size: 16px;
  margin-bottom: 6px;
}
h5 {
  font-size: 14px;
  margin-bottom: 3px;
}
h6 {
  font-size: 12px;
  margin-bottom: 3px;
}
form {
  border: none;
  padding: 0;
  margin: 0;
}
abbr {
  border-bottom: dotted 1px;
}
/* BASE LINKS */

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* input field standards (e.g. booking form) */

input[type="text"],
input[type="password"],
select,
textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
  background-color: white;
  padding: 6px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: solid 1px #bbbbbb;
}
input[type="submit"] {
  font-family: Verdana;
}
input[type="checkbox"] {
  background: transparent;
  border: 0;
}
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}
/* buttons (for submit buttons - otherwise we use anchors instead) */

button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.title {
  font-size: 18px;
  font-weight: bold;
  color: white;
  background-color: #1b2870;
  padding: 13px 12px 15px 12px;
  margin: 0 0 15px 0;
}
/* HELPER CLASSES */

/* 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;
}
.forceRight {
  float: right!important;
  text-align: right!important;
}
.forceLeft {
  float: left!important;
  text-align: left!important;
}
.forceTop {
  vertical-align: top!important;
}
.forceBottom {
  vertical-align: bottom!important;
}
.noBorder {
  border: 0px!important;
}
.noMargin {
  margin: 0!important;
}
.noPadding {
  padding: 0!important;
}
.noRightMargin {
  margin-right: 0!important;
}
.noFloat {
  float: none!important;
}
.clickable {
  cursor: hand;
  cursor: pointer;
}
.underline {
  text-decoration: underline;
}
.noRightBorderRadius {
  /* we use this on the inputs which are attached to buttons (e.g. site search) */
  -webkit-border-top-right-radius: 0!important;
  -webkit-border-bottom-right-radius: 0!important;
  -moz-border-radius-topright: 0!important;
  -moz-border-radius-bottomright: 0!important;
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
}
/* end helper classes */

/* 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;
}
/* text overrides */

.trp-fw-n {
  font-weight: normal!important;
}
.trp-fw-b {
  font-weight: bold!important;
}
.trp-fs-s {
  font-size: 11px!important;
}
.trp-fs-xs {
  font-size: 10px!important;
}
.trp-fs-n {
  font-size: 12px!important;
}
.trp-fs-m {
  font-size: 14px!important;
}
.trp-fs-l {
  font-size: 18px!important;
}
/* margin helpers */

trp-mb-xs {
  margin-bottom: 0.4em;
}
.trp-mb-s {
  margin-bottom: 0.6em;
}
.trp-mb-n {
  margin-bottom: 1em;
}
.trp-mt-n {
  margin-top: 1em;
}
.trp-valign-m {
  vertical-align: middle;
}
/* colors */
.bigCaption {
  font-size: 18px;
  font-weight: bold;
}
.normalText {
  font-size: 12px;
}
.smallText {
  font-size: 10px;
}
.redText {
  color: crimson;
}
.smallerNormalText {
  font-size: 11px;
}
.legendText {
  color: #888888;
  font-size: 10px;
  font-weight: normal;
  white-space: nowrap;
}
/* end size overrides */

/* HEADER CONTENT */

img#trp-site-logo {
  width: 280px;
  height: 60px;
  margin-top: 8px;
}
div#trp-header-logo-holder {
  float: right;
  margin: 25px 0 0 0;
  text-align: right;
}
div#logoWrapper {
  float: left;
  margin: 12px 0 0 0;
}
.header-logo {
  float: right;
  display: inline-block;
  margin-left: 10px;
}
.short-header-logo {
  margin-top: 6px;
}
p#trp-header-phone {
  clear: right;
  float: right;
  text-align: right;
  margin-top: 3px;
  font-size: 18px;
  font-weight: normal;
  color: #1b2870;
}
ul.trp-header-nav-list {
  list-style-type: none;
  margin-top: 10px;
}
ul.trp-header-nav-list li {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
ul.trp-header-nav-list li a {
  text-decoration: none;
  color: white;
  font-weight: normal;
}
ul.trp-header-nav-list li a:hover {
  text-decoration: underline;
}
ul.trp-header-nav-list li.first {
  border-left-width: 0;
  padding-left: 0;
}
ul.trp-header-nav-list li.last {
  border-right-width: 0;
  padding-right: 0;
}
/* END HEADER CONTENT */

/* FOOTER CONTENT */

div.trp-footer-nav-holder {
  float: left;
  margin-right: 30px;
  padding-right: 30px;
  border-right: dotted 1px #999999;
  text-align: left;
}
h6.trp-footer-nav-header {
  color: #1b2870;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 6px;
  text-align: left;
}
ul.trp-footer-nav-list {
  list-style-type: none;
  font-size: 11px;
}
ul.trp-footer-nav-list li {
  margin-bottom: 6px;
  white-space: nowrap;
}
ul.trp-footer-nav-list li a {
  text-decoration: none;
  line-height: 120%;
  color: #333333;
}
ul.trp-footer-nav-list li a:hover {
  text-decoration: underline;
}
#trp-footer-logo-holder {
  list-style-type: none;
  margin: 10px auto 10px auto;
}
.footer-flag {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
/* END FOOTER CONTENT */

p.paragraph {
  margin: 0 0 10px 0;
  font-size: 12px;
}
div.section-qa {
  padding: 4px 0 0 40px;
  margin: 0 0 10px 0;
  min-height: 32px;
  position: relative;
}
.icon-qa {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../../../imagesv3/sprites/faq-sprite.png');
  background-color: transparent;
  float: left;
  width: 32px;
  height: 32px;
}

/* headers */

h1.infoMainHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 8px 10px;
  margin: 0 0 15px 0;
}
h1.infoMainHeader span {
  float: right;
  font-size: 15px;
}
h1.infoMainHeader span a {
  font-weight: bold;
  color: white;
}
h1.infoMainHeader span a:hover {
  text-decoration: underline;
}
h2.infoSubHeader {
  font-size: 18px;
  margin: 0 10px 10px 0;
}
h2.infoSubHeader span {
  font-size: 15px;
}
h2.infoSubHeader span a {
  color: white;
  text-decoration: none;
}
h2.infoSubHeader span a:hover {
  text-decoration: underline;
}
h2.blueBack {
  color: white;
  background-color: #1b2870;
  padding: 8px 10px 8px 10px;
  margin: 0 0 20px 0;
}
h2.blueBack span {
  float: right;
  font-size: 15px;
  font-weight: normal;
  padding: 0 0 0 0;
}
h2.blueBack span a {
  color: white;
  text-decoration: none;
}
h2.blueBack span a:hover {
  color: #fd5f3f;
  text-decoration: underline;
}
.orangeBack {
  background-color: #fd5f3f;
  color: white;
}
.orangeBack a {
  color: white;
  text-decoration: none;
}
h2.orangeBack {
  padding: 8px 10px 8px 10px;
}
h3.orangeBack {
  padding: 8px 10px 8px 10px;
}
/*
h2.orangeBack span
{
   float: right;
   font-size: 15px;
   font-weight: normal;
   padding: 0 0 0 0;
}
h2.orangeBack a
{
   color: @main-color-twentyone;
   text-decoration: none;
}
h2.orangeBack a:hover
{
   color: @main-color-twentyone;
   text-decoration: underline;
}
h2.orangeBack span a
{
   color: @main-color-twentyone;
   text-decoration: none;
}
h2.orangeBack span a:hover
{
   color: @main-color-2;
   text-decoration: underline;
}*/

h2.mainHeader {
  color: #1b2870;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 15px;
}
.blueBack {
  font-size: 18px;
  font-weight: bold;
  color: white;
  background-color: #1b2870;
  padding: 8px 8px 10px 8px;
}
h3.blueBack {
  font-size: 18px;
  font-weight: bold;
  color: white;
  background-color: #1b2870;
  padding: 8px 8px 10px 8px;
}
h3.blueBack strong {
  font-weight: normal;
}
h3.blueBack span {
  float: right;
  font-weight: normal;
  padding: 0 0 0 0;
  margin-top: 2px;
  font-size: 15px;
}
h3.blueBack span a {
  color: white;
  text-decoration: none;
}
h3.blueBack span a:hover {
  color: #fd5f3f;
  text-decoration: underline;
}
/* LAYOUT ------------------------------------------- */

/* column layout  */

.countdown {
  position: absolute;
  right: 12px;
  bottom: 30px;
  width: 310px;
  height: 60px;
}
#breadcrumb-content {
  margin-bottom: 10px;
  height: 20px;
}
#sidebar {
  width: 310px;
  float: left;
  margin: 0 20px 0 0;
}
#content {
  width: 630px;
  float: left;
  margin: 0 0 0 0;
}
#bottomContent {
  clear: both;
}
label.input-has-focus {
  color: #cccccc !important;
}
label.input-has-content {
  display: none!important;
}
/* error and prompt panels */

.trp-prompt-panel {
  color: #0073ad;
  background-color: #cce7f5;
  padding: 8px;
  font-weight: normal;
  margin-bottom: 1em;
}
.trp-error-panel {
  color: #b20525;
  background-color: #f4b8c4;
}
/* SHOWCASES */

div.featpostcardwrap {
  width: 630px;
  height: 215px;
  margin: 0;
}
div.featpostcard {
  width: 630px;
  height: 215px;
  overflow: hidden;
  background-position: 0 0;
  position: relative;
}
div.featpostcard h1 {
  color: white;
  font-size: 28px;
  font-weight: normal;
  padding: 3px 0px 4px 20px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 610px;
  background: url('../../../imagesV3/showcase/backgroundFourty.png') 0 0 transparent;
  line-height: 34px;
  margin-bottom: 0px;
}
div.featpostcard h1 strong {
  font-weight: bold;
}
div.featpostcard h1 span {
  color: white;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0;
  display: block;
  margin-top: 0;
}
.lpg-hero-image {
  float: right;
  width: 65px;
  height: 65px;
  margin-top: 3px;
  margin-right: 5px;
  margin-left: 5px;
}
/* SIDEBAR ELEMENTS */

.blockLink {
  display: block;
}
/* Google maps */

#gmap {
  padding: 10px 10px 20px 10px;
}
/* destination lists */

div.destinationListHolder {
  width: 290px;
  padding: 10px;
  margin: 0 0 0 0;
  float: left;
}
div.destinationListHolder p {
  font-size: 13px;
  font-weight: bold;
  color: #1b2870;
  margin: 0 0 6px 0;
}
div.destinationListHolder p span {
  font-size: 11px;
  font-weight: normal;
  color: #5f5f5f;
}
div.destinationListHolder p span strong {
  font-size: 13px;
  font-weight: bold;
  color: #fd5f3f;
}
div.destinationListHolder a {
  font-size: 13px;
  font-weight: bold;
  color: #1b2870;
  text-decoration: none;
}
div.destinationListHolder a:hover {
  font-size: 13px;
  font-weight: bold;
  color: #fd5f3f;
  text-decoration: underline;
}
div.roomRateLegend {
  font-size: 10px;
  color: #888888;
  margin: 15px 0 10px 10px;
  clear: both;
}
div.roomRateLegendNoIndent {
  font-size: 10px;
  color: #888888;
  margin: 10px 0 10px 0;
  clear: both;
}
/* Social media panel */

#blog {
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  padding: 10px 10px 10px 10px;
  margin: 0 0 20px 0;
}
#google {
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  padding: 10px 10px 0px 10px;
  margin: 0 0 0 0;
}
/* Newsletter panel */

.newsletterWrapper {
  background-color: #ebebf5;
  padding: 10px 10px 15px 10px;
  margin: 0 0 20px 0;
}
.newsletterWrapper h3 {
  color: #1b2870;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px dotted #5f5f5f;
  padding: 0 0 8px 0;
  margin: 0 0 12px 0;
}
.newsletterWrapper .errorPanel {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: white;
  background-color: #fd5f3f;
  padding: 4px;
  margin-bottom: 10px;
}
label.newsletterLabel {
  display: block;
  margin-bottom: 4px;
}
input.newsletterInput {
  width: 220px;
  margin-bottom: 6px;
}
/* Top destinations panel - mostly the same as my viewed hotels style except these */

div.viewedHotelsBlock img.destinationImage {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 10px 0 0;
}
/* bottom photo gallery */

div.panoramioGalleryHolder {
  padding: 10px 10px 20px 10px;
}
/* Three column content panel */

#threeColWrapper {
  width: 630px;
  margin: 0;
  padding: 20px 0 0 0;
}
div.threeCol {
  float: left;
  width: 190px;
  margin: 0 10px 0 10px;
}
div.threeCol img {
  margin: 0 0 10px 0;
}
div.threeCol img a {
  border: none;
}
div.threeCol h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-left: 0;
  background: transparent;
}
div.threeCol p {
  font-size: 11px;
  margin: 0 0 10px 0;
}
div.threeCol p span {
  font-weight: bold;
  font-size: 14px;
  color: #fd5f3f;
  padding: 0 3px 0 3px;
}
div.threeCol p a,
div.threeCol div a {
  font-weight: bold;
  font-size: 14px;
  color: #1b2870;
  margin: 0 0 2px 0;
  text-decoration: none;
  display: block;
}
div.threeColExtra p {
  margin: 0 0 8px 0;
}
/* Commonly used styles previously only in Info CSS */

div.greyRoundedBacLrg {
  background-color: #fff2e6;
  border-top: 1px solid #fd5f3f;
  border-bottom: 1px solid #fd5f3f;
  padding: 10px 20px 15px 20px;
  float: left;
  width: 920px;
  font-size: 14px;
  line-height: 24px;
}
div.greyRoundedBacLrg p strong {
  color: #fd5f3f;
  font-weight: bold;
}
div.greyRoundedBacLrg p {
  font-weight: normal;
}
div.greyRoundedBacLrg p a {
  color: #fd5f3f;
  text-decoration: none;
}
div.greyRoundedBacLrg p a:hover {
  color: #fd5f3f;
  text-decoration: underline;
}
/* hotel information list */

.hotel-listing {
  padding: 15px 0 15px 0;
  border-bottom: dotted 1px #aaaaaa;
}
/* hotel listing inner content */

.hotel-listing-left {
  width: 128px;
  float: left;
  position: relative;
}
.hotel-listing-main {
  float: left;
  width: 485px;
  margin: 0 0 0 15px;
}
.hotel-listing-left img.hotel-image {
  width: 128px;
  height: 128px;
  margin: 0 0 6px 0;
}
/* hotel listing teaser prices */

span.hotel-teaser-price {
  color: #fd5f3f;
  font-size: 18px;
  font-weight: bold;
  margin: 0 8px 0 0;
}
/* small hotel listing overrides */

.hotel-listing-small {
  padding: 15px 0 15px 0;
}
.hotel-listing-small .hotel-listing-left {
  width: 100px;
}
.hotel-listing-small .hotel-listing-left img {
  width: 100px;
  height: 100px;
}
.hotel-listing-small .hotel-listing-main {
  width: 515px;
  margin: 0 0 0 15px;
}
/* hotel location - use header tags to vary size */

.hotel-location {
  color: #fd5f3f;
  font-weight: bold;
  margin-bottom: 2px;
}
h6.hotel-location {
  font-weight: normal;
}
p.hotelAddress {
  font-size: 11px;
}
.hotel-star-holder {
  font-size: 11px;
  margin-bottom: 6px;
}
.hotelDistanceFrom {
  color: #5f5f5f;
  font-size: 11px;
  margin-bottom: 5px;
  line-height: 130%;
}
/* customer rating */

.customerRatingHolder {
  font-size: 11px;
  margin-bottom: 8px;
  color: #333333;
  line-height: 130%;
}
.customerRatingHolder a {
  text-decoration: none;
  color: #333333;
}
p.customerRatingValue {
  color: #fd5f3f;
  font-weight: bold;
  font-size: 26px;
  line-height: 26px;
}
p.customerRatingPhrase {
  color: #fd5f3f;
  font-size: 14px;
}
/* large rating (hotel page) */

div.customerRatingHolderLarge p.customerRatingValue {
  font-size: 36px;
  line-height: 36px;
}
div.customerRatingHolderLarge p.customerRatingPhrase {
  font-size: 14px;
}
/* end customer rating */

/* customer rating new */

.customer-rating {
  margin-bottom: 6px;
}
.customer-rating-value {
  color: #fd5f3f;
  font-size: 22px;
  font-weight: bold;
  margin-right: 4px;
}
.customer-rating-title {
  color: #fd5f3f;
  font-size: 14px;
  margin-right: 4px;
}
.customer-rating-count {
  font-size: 10px;
}
/* rooms from */

div.roomsFromHolder {
  margin-bottom: 8px;
}
.roomsFromTitle {
  margin: 0 3px 0 0;
  margin-right: 3px;
}
.roomsFromPrice {
  font-size: 18px;
  color: #fd5f3f;
  font-weight: bold;
  margin-right: 3px;
}
.roomsFromLegend {
  font-size: 10px;
}
/* end rooms from */

/* hotel image promo corner slash */

.hotel-promo-slash {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
p.hotelUserInfo {
  font-size: 11px;
  color: #fd5f3f;
  font-style: italic;
  margin: 0 0 6px 0;
}
p.hotelSummarySnippet {
  clear: both;
  font-size: 12px;
  padding: 0 0 10px 0;
}
/* quote wrapper */

span.moreLessLink {
  color: #fd5f3f;
  font-style: normal;
  cursor: pointer;
  white-space: nowrap;
}
span.moreLessLink:hover {
  color: #1b2870;
}
span.contentLoading {
  width: 32px;
  height: 32px;
  background: url('../../../imagesV3/loading-animations/orange-snake-32-blue-back.gif') no-repeat;
}
/* BREADCRUMB STYLE for dynamic breadcrumbs */

ul#breadCrumb {
  float: left;
  display: inline;
  /*width: 615px;*/
  width: 520px;
  margin: 0 0 0 0;
  padding: 4px 0 0 0;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
ul#breadCrumb li {
  display: inline;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul#breadCrumb li a {
  color: #fd5f3f;
}
ul#breadCrumb li span.on {
  color: #fd5f3f;
}
/* ...and non dynamic breadcrumbs */

p.breadCrumb {
  width: 600px;
  margin: 0 0 20px 0;
  line-height: normal;
}
.boxShadow {
  -moz-box-shadow: 0 0 4px 1px #bbbbbb;
  -webkit-box-shadow: 0 0 4px 1px #bbbbbb;
  box-shadow: 0 0 3px 1px #bbbbbb;
}
.angleShadow {
  -moz-box-shadow: 3px 3px 6px #cccccc;
  /* horiz - top - blur - spread */
  -webkit-box-shadow: 3px 3px 6px #cccccc;
  box-shadow: 3px 3px 6px 2px #cccccc;
}
.container-shadow {
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.image-shadow {
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.btn-shadow {
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
/* big orange buttons */

.buttonMedium {
  font-size: 14px;
  font-weight: normal;
  padding: 8px 14px 12px 14px;
}
/* Two column panel */

div.twoColWrapper {
  width: 610px;
  margin-left: 10px;
}
div.twoColWrapper h3 {
  margin-bottom: 10px;
}
div.twoColWrapper div.twoCol {
  float: left;
  width: 300px;
}
div.twoColWrapper div.colOne {
  margin-right: 10px;
}
div.twoCol p {
  font-size: 13px;
  font-weight: bold;
  color: #1b2870;
  margin: 0 0 8px 10px;
}
div.twoCol p span {
  font-size: 11px;
  font-weight: normal;
  color: #5f5f5f;
}
div.twoCol p span strong {
  font-size: 13px;
  font-weight: bold;
  color: #fd5f3f;
}
div.twoCol a {
  font-size: 13px;
  font-weight: bold;
  color: #1b2870;
  text-decoration: none;
  display: block;
  margin-bottom: 2px;
}
div.twoCol a:hover {
  font-size: 13px;
  font-weight: bold;
  color: #fd5f3f;
  text-decoration: underline;
}
/* blue icon content panels */

.blueLinkItem {
  float: left;
  width: 290px;
  margin: 0 10px 0 0;
}
.blueLinkItem span {
  width: 56px;
  height: 48px;
  display: inline-block;
  float: left;
}
div.leftHalf {
  float: left;
  width: 300px;
  margin: 0 20px 0 0;
}
div.rightHalf {
  float: left;
  width: 310px;
}
div.leftHalf img {
  float: left;
  margin: 0 0 5px 0;
}
div.rightHalf img {
  float: left;
  margin: 0 0 5px 0;
}
h5.iconTitle {
  font-weight: bold;
  color: #333333;
  margin: 0 0 5px 55px;
}
h5.iconTitle a {
  color: #fd5f3f;
}
p.iconText {
  font-size: 12px;
  line-height: 125%;
  font-weight: normal;
  margin: 0 0 15px 55px;
}
p.iconText a {
  font-size: 14px;
  line-height: 125%;
  font-weight: bold;
  color: #fd5f3f;
  text-decoration: none;
  padding: 0 2px 2px 2px;
}
p.iconText a:hover {
  color: white;
  background-color: #fd5f3f;
  text-decoration: none;
}
div.orangeLine {
  border-bottom: 1px solid #fd5f3f;
  margin: 40px 0 30px 0;
}
/* blue icon panel - mostly the same as above except this */

div.orangeSeparator {
  border-bottom: 1px solid #fd5f3f;
  margin: 10px 0 20px 0;
}
/* Three ads sidebar panel */

div.threeAdsWrapper {
  margin: 0 0 20px 0;
}
div.threeAdsWrapper div {
  border-bottom: dotted 1px #949cc8;
  padding: 0 0 10px 0;
}
div.threeAdsWrapper p {
  padding: 0 0 0 66px;
}
div.threeAdsWrapper h5 {
  padding: 10px 0 0 66px;
}
div.threeAdsWrapper h5 a {
  color: #1b2870;
}
div.threeAdsWrapper img {
  float: left;
  margin: 10px 10px 20px 0;
  padding: 0 0 5px 0;
}
/* HOTEL LANDING PAGE */

#landingDescription {
  padding: 0 10px 10px 10px;
  margin: 15px 0 0 0;
  border-bottom: 1px dotted #ffbb80;
}
#landingDescription p {
  font-size: 100%;
  line-height: 20px;
  margin: 0 0 8px 0;
}
#landingDescription p span {
  color: #fd5f3f;
  font-weight: bold;
}
/* COUNTRY HOLIDAY LANDING PAGE */

#countryDescription {
  margin: 0 0 20px 0;
}
/* AIRPORT PARKING */

#fiveLittleBlocksWrapper {
  display: inline-block;
  width: 960px;
  margin: 0;
  padding: 20px 0 0 0;
}
div.fiveLittleBlocks {
  float: left;
  width: 178px;
  height: 225px;
  border: 1px solid #bbbbbb;
  margin: 0 15px 0 0;
}
div.fiveLittleBlocks p {
  font-size: 12px;
  padding: 10px;
}
div.fiveLittleBlocks p strong {
  font-weight: bold;
  text-decoration: underline;
}
div.fiveLittleBlocks p a {
  color: #333333;
  font-weight: bold;
  text-decoration: underline;
}
div.fiveLittleBlocks p a:hover {
  color: #fd5f3f;
  font-weight: bold;
  text-decoration: underline;
}
div.fiveLittleBlocks ul {
  color: #fd5f3f;
  list-style-type: disc;
  font-size: 12px;
  margin: 0 0 0 15px;
  padding: 10px;
}
div.fiveLittleBlocks li {
  margin: 0 0 8px 0;
}
div.fiveLittleBlocks ul span {
  color: #333333;
}
div.lastBlock {
  float: left;
  width: 178px;
  height: 225px;
  border: 1px solid #bbbbbb;
  margin: 0;
}
div.lastBlock p {
  font-size: 12px;
  padding: 10px;
}
#fiveLittleBlocksWrapper h4 {
  color: white;
  font-size: 12px;
  padding: 8px 0 8px 10px;
}
#fiveLittleBlocksWrapper h4 a {
  color: white;
  font-size: 12px;
  text-decoration: none;
}
#fiveLittleBlocksWrapper h4 a:hover {
  color: white;
  font-size: 12px;
  text-decoration: underline;
}
.lightBlueBack {
  background-color: #0089cf;
}
.blueBack {
  background-color: #1b2870;
}
sup {
  vertical-align: baseline;
  font-size: 9px;
  position: relative;
  top: -5px;
}
/* CAR HIRE */

h4.CarHireDescription {
  font-size: 12px;
  color: #fd5f3f;
  font-weight: bold;
  margin: 0 0 4px 0;
}
.carHireDestination {
  font-size: 12px;
  color: #333333;
}
h5.carHireTeaserPrice {
  font-size: 11px;
  font-weight: normal;
  color: #333333;
  margin: 0 0 15px 0;
  padding: 3px 0 0 0;
}
h5.carHireTeaserPrice span {
  font-size: 14px;
  font-weight: bold;
  color: #fd5f3f;
}
/* 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: 10px;
  border: 2px solid crimson;
  margin: 10px 0 10px 0;
  width: 630px;
}
/* TRANSACTION STEPS PAGES */

/* STEPS Journey */

.stepJourney {
  font-weight: bold;
  font-size: 12px;
  height: 28px;
  margin-bottom: 20px;
}
table.resultsTable input {
  padding: 8px;
  margin: 5px 0 30px 0;
}
h2.resultsBoxHeader {
  color: white;
  font-size: 18px;
  background-color: #fd5f3f;
  padding: 10px;
  margin: 0 0 10px 0;
  text-align: left;
}
h2.resultsBlueBoxHeader {
  color: white;
  font-size: 18px;
  background-color: #1b2870;
  padding: 10px;
  margin: 0 0 10px 0;
  text-align: left;
}
.resultType {
  padding: 10px 0 10px 10px;
  width: 500px;
}
.leadPrice {
  font-size: 18px;
  font-weight: bold;
  color: #fd5f3f !important;
}
.leadPriceLarge {
  font-size: 22px;
}
.leadPriceCaption {
  font-weight: bold;
}
.depositPrice {
  font-size: 14px;
  font-weight: bold;
  color: #1b2870 !important;
}
.depositPriceCaption {
  font-weight: normal;
  color: #1b2870 !important;
}
/* start costing table */

table.costingTable {
  clear: both;
  width: 100%;
  border-bottom: dotted 1px #949cc8;
}
table.costingTable th,
table.costingTable td {
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
  padding: 8px 8px 8px 8px;
}
table.costingTable th {
  color: #1b2870;
  border-top: dotted 1px #949cc8;
  background-color: #eaecf4;
}
table.costingTable td {
  border-top: dotted 1px #949cc8;
}
table.costingTable td.footerCell {
  border-top: solid 1px #949cc8;
}
table.productInfoTable {
  border: solid 1px #bfc4de;
  border-width: 1px 0 0 1px;
  width: 100%;
}
table.productInfoTable th {
  background-color: #eaecf4;
  color: #1b2870;
  color: #333333;
}
table.productInfoTable th,
table.productInfoTable td {
  padding: 2px 3px 2px 3px;
  font-size: 10px;
  border: solid 1px #bfc4de;
  border-width: 0 1px 1px 0;
}
div.bookingSummaryWrapper {
  background-color: #eaecf4;
  border-top: solid 1px #949cc8;
  border-bottom: solid 1px #949cc8;
  padding: 10px 20px 15px 20px;
  font-size: 14px;
  margin-bottom: 20px;
  overflow: auto;
  /* this (sort of) clears the floats this wrapper should contain */
  clear: both;
}
div.bookingSummaryWrapper p span {
  color: #1b2870;
}
span.extraProductInfoLink {
  color: #fd5f3f;
  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: #1b2870;
}
ul.parkingInfoList {
  width: 550px;
  background-color: white;
  font-size: 10px;
  list-style: disc outside;
  margin-left: 10px;
}
div.importantInfoWrapper {
  margin-top: 20px;
  background-color: #fff2e6;
  border: solid 1px #ffbb80;
  padding: 10px;
}
div.importantInfoWrapper h3 {
  color: #fd5f3f;
}
ul.bulletPointList {
  list-style: disc outside;
  margin: 20px 20px 20px 20px;
}
ul.bulletPointList li {
  line-height: 130%;
  margin-bottom: 10px;
}
.alignRight {
  text-align: right;
}
.rightNowrapBold {
  font-weight: normal;
  text-align: right;
}
div.resultsWrapper {
  width: 760px;
  border: 1px solid #bbbbbb;
  padding: 8px;
  margin: 0 auto 30px auto;
}
div.resultsWrapperInner {
  padding: 10px 10px 10px 10px;
}
.leftFloat {
  float: left;
}
smallRightText {
  text-align: right;
  font-size: 7pt;
  font-weight: normal;
}
/* 
* Following used on the home, top level hotels and top level holidays pages
* so probably really belongs somewhere else
* DK
*/

/* Resort jQuery carousel */

#resortCarouselWrapper {
  width: 610px;
  margin: 20px auto 0 auto;
}
#resortCarouselWrapper #resortCarousel {
  background-color: #eaecf4;
  width: 590px;
  height: 308px;
  margin: 10px auto 0 auto;
  padding: 6px 0 0 0;
}
#resortCarouselWrapper .resortCarouselViewport {
  width: 570px;
  height: 302px;
  /* height is adjusted to remove border on bottom item */
  overflow: hidden;
}
#resortCarouselWrapper .resortCarouselViewport ul {
  width: 9999px;
}
#resortCarouselWrapper .resortCarouselViewport ul li {
  display: block;
  float: left;
  width: 285px;
  overflow: hidden;
}
div.carouselItem {
  width: 265px;
  margin: 10px 0 0 20px;
  border-bottom: dotted 1px #949cc8;
  padding: 0 0 0 0;
  clear: both;
  float: left;
}
div.carouselItem img {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 8px 30px 0;
}
div.carouselItem a {
  color: #1b2870;
  text-decoration: none;
  display: block;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: bold;
}
div.carouselItem a:hover {
  text-decoration: underline;
}
div.carouselItem p {
  font-size: 11px;
  line-height: 130%;
  width: 190px;
  float: left;
}
/* non scrolling version for sidebar */

#resortWrapper {
  margin-bottom: 20px;
}
/* nav buttons */

.resortCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../../../imagesV3/image-gallery/blue_arrows.png) no-repeat 0 0;
  text-indent: -999px;
  position: relative;
  top: -170px;
  cursor: pointer;
  cursor: hand;
}
.resortCarousel a.forward {
  background-position: 0 0;
  left: 20px;
  float: right;
}
.resortCarousel a.back {
  background-position: 0 -72px;
  right: 20px;
  float: left;
}
.resortCarousel a.forward:hover {
  background-position: 0 -36px;
}
.resortCarousel a.back:hover {
  background-position: 0 -108px;
}
/* reccomended provinces */

div.recommendedDestination {
  border-bottom: dotted 1px #949cc8;
  clear: both;
  float: left;
  padding: 10px 0 10px 0;
  width: 100%;
}
div.recommendedDestination img {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 8px 0;
  vertical-align: middle;
}
div.recommendedDestination a {
  color: #1b2870;
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 2px;
  text-decoration: none;
}
div.recommendedDestination p {
  float: left;
  font-size: 11px;
  width: 190px;
}
div.recommendedDestination a:hover {
  text-decoration: underline;
}
/* end reccomended provinces */

/* BOOKING REQUEST COMPLETE */

div.bookingTextComplete p {
  line-height: 20px;
  margin: 0 0 0 10px;
}
h2.subHeader {
  font-size: 18px;
  color: #1b2870;
  margin: 0 10px 10px 0;
}
div.orangeTintBack {
  background-color: #ffdfd9;
  padding: 5px 10px 5px 10px;
  margin: 10px 0 20px 0;
}
div.orangeTintBack span {
  display: inline-block;
  float: right;
  text-transform: uppercase;
  color: #fd5f3f;
  font-weight: bold;
  width: 450px;
}
div.bookingTextComplete {
  margin: 0 0 20px 0;
}
div.travelAdvice {
  border-top: 1px solid #fd5f3f;
  margin: 20px 0 40px 0;
  padding: 20px 10px 0 10px;
}
/* Five little blocks vertical */

#verticalFiveLittleBlocksWrapper {
  width: 180px;
  float: right;
}
div.verticalFiveLittleBlocks {
  float: left;
  width: 178px;
  border: 1px solid #bbbbbb;
  margin: 0 0 15px 0;
}
div.verticalFiveLittleBlocks p {
  font-size: 12px;
  padding: 10px;
}
div.verticalFiveLittleBlocks p strong {
  font-weight: bold;
  text-decoration: underline;
}
div.verticalFiveLittleBlocks ul {
  color: #fd5f3f;
  list-style-type: disc;
  font-size: 12px;
  margin: 0 0 0 15px;
  padding: 10px;
}
div.verticalFiveLittleBlocks li {
  margin: 0 0 8px 0;
}
div.verticalFiveLittleBlocks ul span {
  color: #333333;
}
div.verticalFiveLittleBlocks h4 {
  color: white;
  font-size: 12px;
  padding: 8px 0 8px 10px;
}
div.verticalFiveLittleBlocks h4 a {
  color: white;
  font-size: 12px;
  text-decoration: none;
}
div.verticalFiveLittleBlocks h4 a:hover {
  color: white;
  font-size: 12px;
  text-decoration: underline;
}
/* often used styles */

h1.blueBack {
  font-size: 18px;
  font-weight: bold;
  color: white;
  background-color: #1b2870;
  padding: 10px 10px 12px 10px;
  margin: 15px 0 10px 0;
}
h1.blueBack a.searchAgain {
  float: right;
  font-size: 14px;
  text-decoration: none;
  color: white;
  margin-top: 5px;
}
h1.blueBack a.searchAgain:hover {
  text-decoration: underline;
}
h2.searchItinerary {
  font-size: 14px;
  color: #333333;
  margin: 0 0 10px 0;
  font-weight: normal;
}
.smallheader {
  font-size: 11px;
  margin-bottom: 10px;
}
.tinyheader {
  font-size: 11px;
  font-style: italic;
  text-align: left;
  color: #fd5f3f;
  margin: 0 0 10px 0;
}
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: #1b2870;
}
div.extraProductDetailWaitBox img {
  margin: 6px auto;
}
li.bookingList {
  line-height: 20px;
}
/* wait message */

.waitErrorBox {
  text-align: center;
  padding: 40px 0 0 0;
  min-height: 500px;
}
.waitErrorBox h2 {
  font-weight: bold;
  font-size: 24px;
  margin: 0 0 15px 0;
}
.waitErrorBox p.textContent {
  font-size: 14px;
  margin-bottom: 15px;
}
.searchErrorActionLink {
  display: block;
  margin-top: 20px;
  font-weight: bold;
  font-size: 18pt;
  height: 26px;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}
.searchErrorActionLink:hover {
  text-decoration: underline;
}
/* end wait message */

/* Condensed Hotel Information Listing START*/

h1.infoMainHeaderCondensed {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  color: #1b2870;
  background-color: white;
  padding: 0px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
span.sortCaption {
  color: #1b2870;
  display: block;
  float: left;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}
span.appended-info {
  font-style: italic;
  font-size: 11px;
  color: #666666;
  margin-left: 8px;
  white-space: nowrap;
}
.ui-state-hover span.appended-info {
  color: white;
}
.ui-autocomplete-category {
  font-weight: bold;
  padding: .2em .4em;
  margin: .8em 0 .2em;
  line-height: 1.5;
}
table.simpleTable {
  border: solid 1px #ffbb80;
  border-width: 1px 0 0 1px;
}
table.simpleTable th {
  background-color: #ffd7b4;
  color: #333333;
  font-weight: bold;
}
table.simpleTable th,
table.simpleTable td {
  padding: 5px 7px 5px 7px;
  border: solid 1px #ffbb80;
  border-width: 0 1px 1px 0;
  line-height: 20px;
}
div.smallLoader {
  background: url(../../../imagesV3/loading-animations/orange-snake-20.gif) no-repeat;
  padding: 4px 0 0 25px;
  height: 20px;
  font-size: 12px;
  font-style: italic;
  display: none;
}
/* Header and footer sprite styles */

#agentMode {
  float: left;
  width: 220px;
  margin: 22px 0 0 30px;
}
.agentsMode {
  display: block;
  float: left;
  margin-top: 6px;
  color: crimson;
  font-size: 18px;
  font-weight: bold;
  padding-left: 32px;
  white-space: nowrap;
}
/* Star and other rating sprite images */

/* Star rating sprite images */

.star-rating {
  background-image: url("/imagesv3/sprites/star-ratings.png");
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  height: 18px;
}
.star-type {
  background-image: url('/imagesv3/sprites/star-ratings.png');
  display: inline-block;
  vertical-align: text-bottom;
  height: 18px;
  width: 18px;
}
.star-1-1,
.star-3-1,
.star-4-1,
.star-5-1,
.star-6-1,
.star-7-1/* 1 star */ {
  background-position: 0px 0px;
  width: 85px;
}
.star-1-2,
.star-3-2,
.star-4-2,
.star-5-2,
.star-6-2,
.star-7-2/* 2 star */ {
  background-position: -90px 0px;
  width: 85px;
}
.star-1-3,
.star-3-3,
.star-4-3,
.star-5-3,
.star-6-3,
.star-7-3/* 3 star */ {
  background-position: -180px 0px;
  width: 85px;
}
.star-1-4,
.star-3-4,
.star-4-4,
.star-5-4,
.star-6-4,
.star-7-4/* 4 star */ {
  background-position: -270px 0px;
  width: 85px;
}
.star-1-5,
.star-3-5,
.star-4-5,
.star-5-5,
.star-6-5,
.star-7-5/* 5 star */ {
  background-position: -360px 0px;
  width: 85px;
}
.star-2-1/* 1 key */ {
  background-position: -450px 0px;
  width: 76px;
}
.star-2-2/* 2 key */ {
  background-position: -531px 0px;
  width: 76px;
}
.star-2-3/* 3 key */ {
  background-position: -612px 0px;
  width: 76px;
}
.star-2-4/* 4 key */ {
  background-position: -693px 0px;
  width: 76px;
}
.star-2-5/* 5 key */ {
  background-position: -774px 0px;
  width: 76px;
}
.star-type-1,
.star-type-2/* display nothing */ {
  width: 0;
}
.star-type-3/* AA */ {
  background-position: -203px -23px;
}
.star-type-4/* visit England */ {
  background-position: -855px 0px;
}
.star-type-5/* visit Wales */ {
  background-position: -878px 0px;
}
.star-type-6/* visit Scotland */ {
  background-position: -901px 0px;
}
.star-type-7/* Self Assessed */ {
  background-position: -225px -23px;
}
/* End star rating sprite images */

/* CSS to Support Top Destination List Sprite Map */

.TopDestSprite {
  background-image: url('landingpages/DestinationListSprite.ashx?provinceid=0');
  width: 60px;
  height: 60px;
  float: left;
  margin: 0 8px 30px 0;
}
.TopDestSprite.pos1 {
  background-position: 0px 0px;
}
.TopDestSprite.pos2 {
  background-position: -60px 0px;
}
.TopDestSprite.pos3 {
  background-position: -120px 0px;
}
.TopDestSprite.pos4 {
  background-position: -180px 0px;
}
.TopDestSprite.pos5 {
  background-position: 0px -60px;
}
.TopDestSprite.pos6 {
  background-position: -60px -60px;
}
.TopDestSprite.pos7 {
  background-position: -120px -60px;
}
.TopDestSprite.pos8 {
  background-position: -180px -60px;
}
.TopDestSprite.pos9 {
  background-position: 0px -120px;
}
.TopDestSprite.pos10 {
  background-position: -60px -120px;
}
.TopDestSprite.pos11 {
  background-position: -120px -120px;
}
.TopDestSprite.pos12 {
  background-position: -180px -120px;
}
.TopDestSprite.pos13 {
  background-position: 0px -180px;
}
.TopDestSprite.pos14 {
  background-position: -60px -180px;
}
.TopDestSprite.pos15 {
  background-position: -120px -180px;
}
.TopDestSprite.pos16 {
  background-position: -180px -180px;
}
.TopDestSprite.pos17 {
  background-position: 0px -240px;
}
.TopDestSprite.pos18 {
  background-position: -60px -240px;
}
.TopDestSprite.pos19 {
  background-position: -120px -240px;
}
.TopDestSprite.pos20 {
  background-position: -180px -240px;
}
.TopDestSprite.pos21 {
  background-position: 0px -300px;
}
.TopDestSprite.pos22 {
  background-position: -60px -300px;
}
.TopDestSprite.pos23 {
  background-position: -120px -300px;
}
.TopDestSprite.pos24 {
  background-position: -180px -300px;
}
/* Global icons sprite styles */

.rssfeed {
  display: inline-block;
  height: 14px;
  width: 14px;
  background: url('/imagesv3/sprites/mostly-icons.png') no-repeat scroll -212px -42px transparent;
}
.fco {
  display: inline-block;
  float: left;
  margin: 5px 10px 15px 0;
  height: 41px;
  width: 125px;
  background: url('/imagesv3/sprites/mostly-icons.png') no-repeat scroll -1015px -42px transparent;
}
/* Landing Page Adverts */

.AdvertPositionAnchor {
  margin-top: 5px;
  margin-bottom: 5px;
}
.flightMatrixOverlay {
  position: absolute;
  z-index: 99;
}
.ad-abs-hidden {
  display: none;
  position: absolute;
}
/* The following has been imported from transactional.css */

/* product itinerary */

div.productItineraryWrapper {
  overflow: auto;
  background-color: #eaecf4;
  border-style: dotted;
  border-color: #949cc8;
  border-width: 1px 0 1px 0;
  padding: 10px;
}
div.productItineraryLegHolder {
  float: left;
  width: 340px;
  border-right: dotted 1px #ffbb80;
  border-color: #949cc8;
  margin-right: 10px;
}
div.productItineraryWrapper span.caption {
  font-size: 14px;
  font-weight: normal;
  color: #1b2870;
}
div.productItineraryWrapper p {
  padding-left: 10px;
}
div.productItineraryWrapper strong {
  color: #1b2870;
  font-size: 14px;
  font-weight: normal;
}
/* end product itinerary */

h2.carHireHeading {
  font-size: 18px;
  color: #1b2870;
  margin: 0 0 10px 0;
}
p.costingPrompt {
  text-align: left;
  margin: 0 0 10px 0;
  color: #1b2870;
}
/* ancilliary products button */

span.selectProductButton {
  float: left;
  background-color: #fd5f3f;
  font-size: 11px;
  width: 120px;
  font-weight: bold;
  text-align: center;
  padding: 6px;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  cursor: hand;
}
/* special offer promo (deposit) */

div.specialOfferWrapper {
  clear: both;
  padding: 10px;
  margin: 10px auto 0 auto;
  width: 700px;
}
div.specialOfferWrapperTint {
  clear: both;
  padding-top: 5px;
  padding-bottom: 15px;
  background-color: #ffe4cc;
  border-top: dotted 1px #ff9335;
  border-bottom: dotted 1px #ff9335;
  margin-bottom: 10px;
  margin-top: -5px;
  text-align: center;
}
div.specialOfferWrapperTint span {
  float: left;
  height: 28px;
  line-height: 24px;
  display: inline-block;
}
.specialOfferWrapper img {
  width: 88px;
  height: 50px;
  margin-right: 10px;
  float: left;
}
.specialOfferWrapper p {
  font-size: 12px;
  margin-left: 88px;
}
/* end special offer */

a.blueActionLink {
  font-size: 12px;
  color: #1b2870;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
}
p.blueActionLink {
  font-size: 12px;
  color: #1b2870;
  cursor: pointer;
  font-weight: normal;
  text-decoration: underline;
}
p.blueActionLink img {
  vertical-align: middle;
  margin-left: 2px;
  text-decoration: none;
}
/* end transactional.css */

/* css shared by hotel and flight availability filters */

div.filterWrapper {
  background: url('../../../imagesV3/search-back.png') repeat-x scroll 0 0 #1b2870;
  color: white;
  border-top: dotted 1px white;
}
div.filterPanel {
  padding: 10px 10px 15px 10px;
  position: relative;
}
/* end search unit panel */

/* start slider information */

.sliderScaleRange {
  height: 10px;
  margin-top: 12px;
  position: relative;
}
.sliderScale {
  position: absolute;
  font-size: 10px;
}
.sliderScaleFrom {
  left: 0;
}
.sliderScaleTo {
  right: 0;
}
p.sliderValues {
  margin: 0 0 12px 0;
  font-size: 17px;
  font-weight: bold;
  color: #ff9335;
  /* using 80% orange for this text */

}
p.sliderValuesLarge {
  margin: 0 0 15px 0;
  font-size: 20px;
  font-weight: bold;
  color: #fd5f3f;
}
/* end slider information */

/* global filter styles */

h5.filterCaption {
  font-size: 14px;
  font-weight: normal;
  color: #1b2870;
  margin-bottom: 6px;
  position: relative;
  display: inline-block;
}
/* checkbox list */

ul.checkboxList li {
  padding-right: 2px;
  margin-bottom: 4px;
}
ul.checkboxList li input {
  vertical-align: middle;
  margin-right: 4px;
}
ul.checkboxList li label {
  vertical-align: middle;
}
ul.checkboxList li span {
  vertical-align: middle;
  display: block;
}
/* blue help icon */

span.infoIcon {
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
  cursor: hand;
  background: url('../../../imagesV3/sprites/mostly-icons.png') center center no-repeat;
  background-position: -969px -3px;
  vertical-align: top;
}
/* search unit / filter header */

div.searchUnitBar {
  background-color: #0089cf;
  color: white;
  padding: 7px 10px 7px 10px;
}
/* new class for hotel availability XL search button */

.hotelSearchXlButton {
  position: absolute;
  right: 0;
  bottom: 0;
}
div.searchHeader {
  margin-top: 6px;
  font-size: 14px;
  display: block;
  float: left;
}
/* Admin login style */

.adminLogonWrapper {
  width: 520px;
  background-color: #ffdfd9;
  border: solid 2px #fd5f3f;
  margin-top: 60px;
  margin-right: auto;
  margin-bottom: 140px;
  margin-left: auto;
}
/* estab landing page state tabs START */

.WhiteBack {
  font-size: 20px;
  font-weight: bold;
  color: #1b2870;
  background-color: white;
  padding: 4px 8px 6px 8px;
}
.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;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-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;
  font-size: 14px;
  border-bottom: 1px dotted #1b2870;
  margin-bottom: 20px;
}
.noTabDataDiv h2 {
  color: #1b2870;
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 5px 0;
}
.noTabDataList li {
  display: inline;
  margin-top: 10px;
}
.primaryHRule {
  border-bottom: 1px dotted #fd5f3f;
  height: 1px;
}
/* estab landing page state tabs END */

a.searchAgain {
  color: #0068aa;
  font-weight: bold;
  margin: 0 0 10px 0;
}
/* Review Center CSS */

#reviewCenterSearchTeaser {
  width: 649px;
  margin: 10px auto 10px auto;
}
.reviewCenterWidget {
  background-image: url('/imagesV3/global/rcback.jpg');
  background-repeat: repeat-x;
  position: relative;
}
.reviewCenterWidget.LeftPanel {
  background-position: bottom;
  border-top: dotted 1px #949cc8;
  margin-bottom: 15px;
  padding: 15px 10px;
}
.reviewCenterWidget.SearchTeaserFooter {
  background-position: 0 0;
  height: 93px;
  width: 648px;
}
.reviewCenterWidget.LeftPanel .rcImage {
  padding-left: 50px;
  margin-bottom: 15px;
}
.reviewCenterWidget.SearchTeaserFooter .rcImage {
  margin-left: 2px;
  margin-top: 2px;
}
.OverallScore {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #fd5f3f;
  border-radius: 4px;
  display: block;
  float: left;
}
.reviewCenterWidget.SearchTeaserFooter .OverallScore {
  height: 25px;
  margin-left: 5px;
  margin-top: 5px;
  width: 80px;
}
.reviewCenterWidget.LeftPanel .OverallScore {
  color: white;
  font-size: 11px;
  font-weight: 400;
  height: 30px;
  padding: 4px;
  text-align: center;
  width: 100px;
}
.OverallScoreText {
  color: white;
  display: inline-block;
  text-shadow: #555555 1px 1px 2px;
}
.reviewCenterWidget.SearchTeaserFooter .OverallScoreText {
  font-size: 14px;
  font-weight: 700;
  margin-left: 0px;
  margin-top: 4px;
}
.reviewCenterWidget.LeftPanel .OverallScoreText {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  padding-top: 5px;
  text-shadow: #555555 1px 1px 2px;
}
.reviewCenterWidget .StarsMedium {
  background: url('/imagesV3/global/med-stars.png');
  float: right;
  font-size: 30px;
  height: 20px;
  line-height: 20px;
  margin: 8px 40px 10px 0;
  width: 124px;
}
.reviewCenterWidget .flavourText {
  margin-top: 10px;
}
.reviewCenterWidget a {
  font-size: 14px;
  font-weight: 700;
}
.reviewCenterWidget .footerText {
  height: 22px;
  margin-top: 15px;
}
.reviewCenterWidget.SearchTeaserFooter .arrow-left {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fd5f3f;
  border-top: 5px solid transparent;
  float: left;
  height: 0;
  margin-top: 12px;
  width: 0;
}
.reviewCenterWidget.LeftPanel .arrow-left {
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fd5f3f;
  border-top: 10px solid transparent;
  float: left;
  height: 0;
  margin-top: 10px;
  width: 0;
}
.reviewCenterWidget.LeftPanel .flavourText {
  margin-left: 0px;
  margin-top: 5px;
  line-height: 20px;
  text-align: left;
}
.reviewCenterWidget.SearchTeaserFooter .flavourText {
  margin-left: 10px;
  margin-top: 5px;
  text-align: left;
}
.reviewCenterWidget .StarsSmall {
  background: url('/imagesV3/global/small-stars.png');
  float: right;
  height: 15px;
  line-height: 15px;
  position: relative;
  width: 88px;
}
.reviewCenterWidget.LeftPanel .StarsSmall {
  margin-right: 60px;
}
.reviewCenterWidget.SearchTeaserFooter .StarsSmall {
  margin-right: 20px;
  margin-top: 8px;
}
.reviewCenterWidget.SearchTeaserFooter .reviewRating .StarsSmall {
  margin-right: 5px;
}
.reviewCenterWidget .reviewRating div {
  line-height: 20px;
  margin-top: 10px;
  float: left;
}
.reviewCenterWidget.SearchTeaserFooter .reviewRating .ratingText {
  height: 20px;
  margin-top: 6px;
  width: 115px;
  text-align: left;
}
.reviewCenterWidget.LeftPanel .reviewRating .ratingText {
  height: 20px;
  margin-top: 8px;
  width: 127px;
}
.reviewCenterWidget .goodRating {
  color: green;
  font-size: 18px;
  font-weight: 400;
}
.reviewCenterWidget .col {
  float: left;
  height: 55px;
  margin: 5px 0 0 5px;
  width: 209px;
}
.reviewCenterWidget.SearchTeaserFooter .footerText {
  line-height: 24px;
  height: 24px;
  margin-left: 5px;
  margin-right: auto;
  margin-top: 5px;
  text-align: center;
  width: 637px;
}
.reviewCenterWidget .ratingText {
  float: left;
  margin-top: -2px;
}
/* Review Center CSS */

/* modern CSS3 buttons */

/* glyph icons (sprite) */

.gicon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../../../../imagesv3/sprites/glyphicons.png") no-repeat;
}
.gicon-white {
  background: url("../../../../imagesv3/sprites/glyphicons-white.png") no-repeat;
}
.gicon-back {
  background-position: -432px -72px;
}
.gicon-forward {
  background-position: -456px -72px;
}
.gicon-down {
  background-position: -313px -119px;
}
.gicon-up {
  background-position: -288px -120px;
}
.gicon-remove {
  background-position: -312px 0;
}
.gicon-plus {
  background-position: -408px -96px;
}
.gicon-globe {
  background-position: -336px -144px;
}
.gicon-info {
  background-position: -120px -96px;
}
.gicon-arrow-down {
  background-position: -312px -96px;
}
.gicon-arrow-up {
  background-position: -289px -96px;
}
/* trp buttons (applicable to anchor or button elements)) */

.trp-btn {
  display: inline-block;
  font-size: 12px;
  line-height: 150%;
  font-weight: normal;
  text-align: center;
  padding: 5px 10px 5px 10px;
  cursor: hand;
  cursor: pointer;
  margin: auto;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  border-color: #666666;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.4);
  background-clip: border-box;
  /*position: relative;*/
  /* trp grey button */
  color: #333333;
  background-color: #ebebf5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#ebebf5));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(white, #ebebf5);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(white, #ebebf5);
  /* FF3.6 */
  background-image: -ms-linear-gradient(white, #ebebf5);
  /* IE10 */
  background-image: -o-linear-gradient(white, #ebebf5);
  /* Opera 11.10+ */
  background-image: linear-gradient(white, #ebebf5);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.trp-btn,
.trp-btn:hover {
  text-decoration: none;
}
.trp-btn:hover {
  background-image: none;
}
.trp-btn-primary {
  /* trp orange button */
  color: white;
  background-color: #fd5f3f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9335), to(#fd5f3f));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#ff9335, #fd5f3f);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#ff9335, #fd5f3f);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#ff9335, #fd5f3f);
  /* IE10 */
  background-image: -o-linear-gradient(#ff9335, #fd5f3f);
  /* Opera 11.10+ */
  background-image: linear-gradient(#ff9335, #fd5f3f);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.trp-btn-secondary {
  /* trp blue button */
  color: white;
  background-color: #1b2870;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5461a7), to(#1b2870));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#5461a7, #1b2870);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#5461a7, #1b2870);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#5461a7, #1b2870);
  /* IE10 */
  background-image: -o-linear-gradient(#5461a7, #1b2870);
  /* Opera 11.10+ */
  background-image: linear-gradient(#5461a7, #1b2870);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.trp-btn-disabled {
  color: #333333;
  background-color: #ebebf5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#ebebf5));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(white, #ebebf5);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(white, #ebebf5);
  /* FF3.6 */
  background-image: -ms-linear-gradient(white, #ebebf5);
  /* IE10 */
  background-image: -o-linear-gradient(white, #ebebf5);
  /* Opera 11.10+ */
  background-image: linear-gradient(white, #ebebf5);
  text-shadow: none;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  cursor: default;
}
.trp-btn-block {
  display: block;
}
.trp-btn-s {
  font-size: 11px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.trp-btn-l {
  font-size: 14px;
  padding: 6px 14px 6px 14px;
}
.trp-btn-xl {
  font-size: 20px;
  font-weight: normal;
  padding: 8px 16px 8px 16px;
}
.trp-btn-xxl {
  font-size: 22px;
  font-weight: bold;
  padding: 10px 18px 10px 18px;
}
.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: -7px;
}
.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 */

/* shortlist icons */

.shortlist-toggle {
  width: 32px;
  height: 32px;
  display: inline-block;
  cursor: pointer;
}
.shortlist-icon {
  width: 32px;
  height: 32px;
  display: inline-block;
}
.shortlist-icon-heart {
  background: url('icons/heart-32.png');
}
.shortlist-icon-add {
  background: url('icons/heart-add-32.png');
}
.shortlist-icon-remove {
  background: url('icons/heart-remove-32.png');
}
.shortlist-icon-heart-s {
  background: url('icons/heart-link.png');
}
.shortlist-breadcrumb-link {
  width: 24px;
  height: 24px;
  margin: -1px 0 0 9px;
  float: right;
  display: inline-block;
}
/* 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 */

.dogWrapper {
  width: 590px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #eaecf4;
}
.dogit {
  float: right;
  width: 93px;
  height: 115px;
  margin: -25px auto 0 auto;
  padding: 0;
  background: url('../../../../imagesv3/global/trp-mascot-sm.png') no-repeat transparent 0 -15px;
}
.destinationSearchWrapper {
  float: left;
  width: 490px;
  margin: 0 auto 0 auto;
  padding: 0;
}
.destinationSearchWrapper p {
  color: #888888;
  text-decoration: none;
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}
.dogSearchTitle {
  display: inline-block;
  font-weight: bold;
  color: #1b2870;
  font-size: 14px;
  margin: 10px 0 5px 15px;
  padding: 0;
  line-height: 16px;
}
.destinationSearchHotelLink {
  float: left;
  margin-right: 20px;
}
.destinationSearchHolidayLink {
  float: left;
}
.destinationSearchField {
  margin: 0 0 0 15px;
}
.destinationSearchField input[type=text] {
  width: 355px;
  border: 0px solid white;
  height: 32px;
  padding-left: 5px;
  padding-bottom: 0px;
  padding-top: 0;
  margin: 0;
}
.destinationButtonWrapper:hover {
  background-image: none;
}
.destinationButtonWrapper {
  float: left;
  text-align: center;
  background-color: #fd5f3f;
  background-image: -webkit-linear-gradient(top, #ff9335, #fd5f3f);
  background-image: -moz-linear-gradient(top, #ff9335, #fd5f3f);
  background-image: -ms-linear-gradient(top, #ff9335, #fd5f3f);
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 105px;
  border: 0px solid white;
  font-size: 14px;
  height: 32px;
}
.destinationSearchField input[type=button] {
  width: 105px;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: transparent;
  line-height: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  cursor: hand;
  cursor: pointer;
  display: inline-block;
  border: 0px solid white;
}
.dest-positioned-field {
  float: left;
}
.destinationSearchToast {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 340px;
  background-color: crimson;
  color: white;
  padding: 8px;
  margin-top: 5px;
  margin-left: 15px;
  border: solid 2px white;
  display: none;
}
.destinationLinkWrapper {
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 10px;
}
/* UI Checkbox */

.imageCheckBoxWrapper {
  margin-top: 3px;
  height: 23px;
  cursor: pointer;
  display: inline-block;
}
.imageCheckBox {
  background-image: url(../../../../imagesv3/sprites/checkboxsprite.png);
  background-repeat: no-repeat;
  background-position: -1px -1px;
  height: 18px;
  width: 18px;
  float: left;
}
.imageCheckBox.hover.checked.disabled {
  background-position: -1px -211px;
}
.imageCheckBox.hover.click.checked {
  background-position: -1px -151px;
}
.imageCheckBox.hover.click.checked.disabled {
  background-position: -1px -151px;
}
.imageCheckBox.hover.checked {
  background-position: -1px -91px;
}
.imageCheckBox.hover.disabled {
  background-position: -1px -181px;
}
.imageCheckBox.checked.disabled {
  background-position: -1px -211px;
}
.imageCheckBox.hover.click {
  background-position: -1px -121px;
}
.imageCheckBox.disabled {
  background-position: -1px -181px;
}
.imageCheckBox.hover {
  background-position: -1px -61px;
}
.imageCheckBox.checked {
  background-position: -1px -31px;
}
.hiddenCheck {
  position: absolute;
  left: -10000px;
}
.imageCheckBoxText {
  margin-left: 5px;
  margin-top: 3px;
  float: left;
}
.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;
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  background-color: #fefefe;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fefefe));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#f0f0f0, #fefefe);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#f0f0f0, #fefefe);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#f0f0f0, #fefefe);
  /* IE10 */
  background-image: -o-linear-gradient(#f0f0f0, #fefefe);
  /* Opera 11.10+ */
  background-image: linear-gradient(#f0f0f0, #fefefe);
  background-color: #f0f0f0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-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: #fefefe;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fefefe));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#f0f0f0, #fefefe);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#f0f0f0, #fefefe);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#f0f0f0, #fefefe);
  /* IE10 */
  background-image: -o-linear-gradient(#f0f0f0, #fefefe);
  /* Opera 11.10+ */
  background-image: linear-gradient(#f0f0f0, #fefefe);
  background-color: #f0f0f0;
}
.trp-gal-stage-inner div.last-active {
  z-index: 9;
  opacity: 1;
}
.trp-gal-stage-inner div.active {
  z-index: 10;
  opacity: 1;
}
.trp-gal-stage-inner div img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.trp-gal-stage-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4px 10px 4px 10px;
  background: url('../../../imagesV3/overlays/opa75.png') repeat scroll 0 0 transparent;
  color: white;
  z-index: 11;
  text-align: center;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  font-size: 11px;
  line-height: 150%;
}
.trp-gal-stage-info a {
  color: #333333;
}
.trp-gal-carousel {
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  background-color: #fefefe;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fefefe));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#f0f0f0, #fefefe);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#f0f0f0, #fefefe);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#f0f0f0, #fefefe);
  /* IE10 */
  background-image: -o-linear-gradient(#f0f0f0, #fefefe);
  /* Opera 11.10+ */
  background-image: linear-gradient(#f0f0f0, #fefefe);
  background-color: #f0f0f0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-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;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
ul.trp-gal-thumb-list li a img {
  width: 60px;
  height: 60px;
}
ul.trp-gal-thumb-list li a.selected {
  border-color: #fd5f3f;
}
.trp-gal-loader {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  background: url('../../../imagesV3/loading-animations/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 */

/* Start Hotel Reviews */

div.reviewHolder {
  padding: 15px 10px 20px 10px;
  border-bottom: 1px dotted #949cc8;
  clear: both;
}
h4.reviewHeading {
  font-size: 14px;
  color: #1b2870;
  margin: 0 0 2px 0;
  clear: left;
}
p.reviewFrom {
  color: #1b2870;
  margin: 0 0 6px;
}
p.reviewFrom img {
  margin-right: 5px;
  vertical-align: bottom;
}
p.reviewCheckInDate {
  color: #fd5f3f;
  margin: 0 0 8px;
}
p.reviewCheckInDate span {
  color: #333333;
  margin-right: 6px;
}
p.reviewTextHolder {
  clear: both;
}
p.reviewTextHolderTopTip {
  margin-top: 15px;
}
span.reviewText,
span.reviewNoComment {
  font-style: italic;
}
span.topTipCaption {
  font-weight: normal;
  color: #fd5f3f;
  margin-right: 6px;
  float: left;
}
span.topTipText {
  color: #1b2870 !important;
}
p.reviewedBy {
  font-weight: bold;
  color: #1b2870;
}
p.reviewedBy img {
  margin-left: 0;
  vertical-align: bottom;
}
p.reviewedBy span.ledgendText {
  margin-left: 10px;
}
p.reviewDisclaimer {
  color: #888888;
  padding: 0 10px 0 10px;
  margin-top: 10px;
  font-size: 10px;
}
div.reviewTranslationBar {
  background-color: #eaecf4;
  padding: 4px 8px 5px 8px;
  margin-bottom: 6px;
  font-size: 11px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  float: left;
  margin-right: 10px;
}
div.reviewTranslationBar input[type="radio"] {
  vertical-align: middle;
  margin: 0 3px 0 0;
  padding: 0;
}
div.reviewTranslationBar input[type="radio"].toggleTextSecond {
  margin-left: 10px;
}
div.reviewTranslationBar span {
  vertical-align: middle;
}
div.reviewContentWrapper {
  clear: both;
}
/* review browser filter */

div.reviewBrowserFilter {
  background-color: #eaecf4;
  border-top: 1px dotted #949cc8;
  border-bottom: 1px dotted #949cc8;
  height: 38px;
  position: relative;
  margin: 10px 0 0 0;
}
div.reviewBrowserFilter div.pagingLabel {
  position: absolute;
  top: 14px;
  left: 10px;
  line-height: normal;
}
div.reviewBrowserFilter ul.navList {
  position: absolute;
  right: 8px;
  top: 6px;
}
div.reviewBrowserFilter ul.navList li {
  float: left;
  background-color: #1b2870;
  color: white;
  font-size: 12px;
  min-width: 18px;
  height: 20px;
  margin-right: 4px;
  text-align: center;
  padding: 5px 3px 0 3px;
  cursor: pointer;
  opacity: 1.0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 2px 2px 3px #cccccc;
}
div.reviewBrowserFilter ul.navList li:hover {
  opacity: 0.8;
}
div.reviewBrowserFilter ul.navList li.active {
  background-color: #fd5f3f;
}
div.reviewBrowserFilter ul.navList li.nudge {
  background-color: #7f88bd;
}
div.reviewBrowserFilter ul.navList li.disabled {
  cursor: default;
  visibility: hidden;
}
div.reviewBrowserFilter ul.navList li.disabled:hover {
  opacity: 1.0;
}
div.reviewBrowserFilter ul.navList li.spacer {
  background-color: transparent;
  color: #333333;
  cursor: default;
  border: none;
  -moz-box-shadow: none;
}
div.reviewBrowserFilter ul.navList li a {
  display: block;
  color: white;
  margin-top: 2px;
  text-decoration: none;
}
div.reviewBrowserFilter ul.navList li.active a {
  color: white;
  text-decoration: none;
}
span.reviewBrowserLoading {
  margin: -6px 10px 0 0;
  float: right;
  width: 32px;
  height: 32px;
  background: url(../../../imagesV3/loading-animations/orange-snake-24.gif) no-repeat;
}
p.reviewSnippet {
  overflow: hidden;
  /* keep this to stop IE7 scrolling inappropriately */

}
.reviewSnippetText {
  font-style: italic;
  overflow: hidden;
}
.reviewSnippetTextLarge {
  font-size: 14px;
}
.quoteMark {
  font-family: 'Times New Roman', Serif;
  color: #b2b7f2;
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
  font-style: normal;
}
.quoteOpen {
  margin-top: -4px;
  margin-bottom: -16px;
  float: left;
  padding-right: 8px;
}
.featuredSnippetHolder {
  float: right;
  width: 160px;
}
.snippetList li {
  margin-bottom: 20px;
}
.snippetList li:last-child {
  margin-bottom: 0;
}
/* End Hotel Reviews */

/* prompt panels */

.info-panel {
  font-size: 14px;
  background-color: #eaecf4;
  padding: 15px;
  margin: 5px;
}
.prompt-panel {
  font-size: 14px;
  background-color: #d0edfc;
  border-radius: 10px;
  padding: 15px;
  margin: 10px auto 20px auto;
}
.warning-panel {
  background-color: #f6cece;
  border-radius: 10px;
  padding: 5px;
  color: red;
}
.field-list {
  font-size: 14px;
}
.field-list li {
  padding: 0 0 10px 0;
}
.field-list li:last-child {
  padding: 0 0 0 0;
}
.field-caption {
  color: #1b2870;
  margin-right: 6px;
}
h4.field-header {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 12px;
}
.childAgeAlert {
  padding: 8px;
  color: white;
  text-align: left;
  background-color: #fd5f3f;
  -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: #fd5f3f;
  -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 #fd5f3f;
}
.trp-arrow-left {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fd5f3f;
}
.elvAlertArrow {
  float: left;
  margin-top: 15px;
}
.elvAlertBubble {
  display: none;
}
.destinationPageList {
  min-height: 450px;
}
.destinationPageBuffer {
  clear: both;
  height: 50px;
}
.destinationsViewAll {
  float: right;
  font-weight: normal;
  padding: 0 0 0 0;
  margin-top: 2px;
  font-size: 15px;
  color: white;
}
.destinationItemWrapper {
  float: left;
  width: 478px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  height: 60px;
  padding: 0px;
  background-color: white;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d4d7e9), color-stop(0.5, white));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(center bottom, #d4d7e9 0, white);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(center bottom, #d4d7e9 0, white 50%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(center bottom, #d4d7e9 0, white 50%);
  /* IE10 */
  background-image: -o-linear-gradient(center bottom, #d4d7e9 0, white 50%);
  /* Opera 11.10+ */
  background-image: linear-gradient(center bottom, #d4d7e9 0, white 50%);
  list-style-image: none;
  border-bottom: solid 1px #bfc4de;
  border-left: solid 1px #bfc4de;
}
.destinationItemWrapper:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-image: none;
  cursor: pointer;
}
.destItemArrow {
  margin-top: 19px;
  margin-right: 10px;
  float: right;
  width: 20px;
  background-image: url(../../../imagesV3/sprites/orange-arrows.png);
  height: 25px;
}
.destination-arrow-right {
  background-position: -20px 0px;
}
.destlist-matched-photo {
  float: left;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 50px;
  width: 50px;
  background-color: white;
  border: 1px solid darkgray;
  margin-top: 5px;
  margin-left: 5px;
}
.destination-match-list {
  margin-top: 30px;
  margin-bottom: 75px;
}
.dest-title-text {
  font-size: 18px;
  line-height: 130%;
  color: #1b2870;
  font-weight: bold;
}
.destlist-matched-photo img {
  width: 48px;
  padding: 1px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.destinationItemWrapper h3 {
  color: #1b2870;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
  word-wrap: normal;
  margin: 0;
}
.destinationItemWrapper h2 a {
  color: #1b2870;
}
.destinationItemWrapper h2 a:hover {
  color: #fd5f3f;
}
.destinationSeperator {
  clear: both;
  background-color: #fd5f3f;
  color: white;
  padding: 5px;
  padding-left: 10px;
  font-size: 18px;
}
.destinationSeperator a {
  color: white;
}
.destinationItemTeaser a {
  font-size: 12px;
  color: #1b2870;
  cursor: pointer;
}
.destinationItemTeaser a:hover {
  color: #fd5f3f;
  text-decoration: underline;
}
.destinationItemTeaser span {
  color: #fd5f3f;
  font-weight: bold;
  font-size: 12px;
}
.destinationItemTeaserPrice {
  font-weight: bold;
  font-size: 14px;
  color: #fd5f3f;
  padding: 0 3px 0 3px;
}
.destitem-matched-title {
  float: left;
  padding: 10px;
}
.destitem-matched-hotelcount {
  color: #888888;
  font-style: italic ;
  font-weight: normal ;
  float: right;
  margin-top: 30px;
  font-size: 14px;
  margin-right: 10px;
}
.destination-popup {
  width: 480px;
  z-index: 1001;
  left: 0px;
  top: 0px;
  position: absolute;
  padding: 10px 20px 10px 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: white;
}
.destination-popup-arrow {
  width: 0;
  height: 0;
  margin-top: 80px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid white;
  margin-left: -39px;
}
#matchResults {
  width: 630px;
  margin: 0px;
  float: left;
}
.destinationTile {
  background-position: 0 0;
  height: 215px;
  overflow: hidden;
  width: 630px;
  float: left;
  margin-left: 10px;
  background-repeat: no-repeat;
}
.destinationReel {
  position: relative;
  top: 0;
  left: 0;
  height: 255px;
  width: 7000px;
  margin-left: -1130px;
  overflow: hidden;
}
.destinationSpinner {
  position: relative;
  width: 960px;
  overflow: hidden;
  height: 215px;
  margin-bottom: 15px;
}
.destinationSpinnerInfo {
  z-index: 100;
  position: absolute;
  top: 140px;
  left: 1300px;
  width: 600px;
  height: 60px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: url('../../../imagesV3/showcase/backgroundfourty.png');
  color: white;
  padding-left: 10px;
  padding-top: 5px;
  font-size: 20px;
  font-family: verdana;
}
.destinationSpinnerLeft {
  z-index: 100;
  position: absolute;
  top: 90px;
  left: 1140px;
  width: 40px;
  height: 40px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: url('../../../imagesV3/showcase/backgroundFourty.png');
  display: none;
}
.destinationSpinnerLeft div {
  height: 35px;
  width: 20px;
  background: url('../../../imagesV3/sprites/arrows.png');
  background-repeat: no-repeat;
  margin-top: 8px;
  margin-left: 10px;
}
.destinationSpinnerRight div {
  height: 35px;
  width: 25px;
  background: url('../../../imagesV3/sprites/arrows.png');
  background-repeat: no-repeat;
  background-position: -20px 0;
  margin-top: 8px;
  margin-left: 12px;
}
.destinationSpinnerRight {
  position: absolute;
  z-index: 100;
  top: 90px;
  left: 2040px;
  width: 40px;
  height: 40px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: url('../../../imagesV3/showcase/backgroundFourty.png');
  display: none;
}
.destinationSpinnerInfo a {
  color: white;
  font-weight: bold;
}
.destinationSpinnerInfo .priceText {
  color: #fd5f3f;
  font-weight: bold;
  font-size: 24px;
}
.destinationSpinnerInfo a:hover {
  color: #fd5f3f;
}
.destinationSpinnerInfo h3 {
  font-size: 24px;
  color: white;
  margin-bottom: 0;
}
.destinationSpinnerLeftProp {
  z-index: 90;
  position: absolute;
  width: 165px;
  height: 215px;
  left: 1130px;
  top: 0;
  background: url('../../../imagesV3/global/leftprop.png');
}
.destinationSpinnerRightProp {
  z-index: 90;
  position: absolute;
  width: 165px;
  height: 215px;
  left: 1930px;
  top: 0;
  background: url('../../../imagesV3/global/rightprop.png');
}
.spinnerHoverBorder {
  border: 1px solid #fd5f3f;
}
.spinnerSelectBorder {
  border: 1px solid white;
}
.contentAlert {
  border: 2px solid red;
  padding: 10px;
}
/* modal form */

div.trp-modalOverlay {
  display: none;
  position: fixed;
  z-index: 1000;
  background-color: black;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* large modal form */

div.trp-modal-large {
  display: none;
  width: 600px;
  position: fixed;
  height: 600px;
  background-color: white;
  padding: 20px;
  font-size: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.6);
  z-index: 1100;
  position: relative;
}
div.trp-modal-large .button-bar {
  margin-top: 20px;
}
div.trp-modal-large .button-bar .action-btn {
  margin-right: 20px;
}

/* new inputs */

input[type="text"].trp-field,
input[type="password"].trp-field,
select.trp-field {
  padding: 8px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
select.trp-field {
  padding: 6px 8px;
}
input[type="text"].trp-field:focus,
input[type="password"].trp-field:focus,
select.trp-field:focus {
  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);
  outline: 0 none;
}
input[type="text"].trp-field.mandatory,
input[type="password"].trp-field.mandatory,
select.trp-field.mandatory {
  border-color: rgba(255, 79, 79, 0.8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(255, 79, 79, 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.trp-guest-field {
  padding-right: 22px;
  background-image: url('icons/group-pale-24.png');
  background-position: 95% center;
  background-repeat: no-repeat;
  cursor: pointer;
}
input.trp-guest-field:focus {
  background-image: url('icons/group-24.png');
}
/* input overlay (placeholder) */

.trp-placeholder-wrapper {
  position: relative;
  display: inline-block;
}
.trp-placeholder {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  color: #555555;
  font-size: 14px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.trp-placeholder-focus {
  color: #999999;
}
.trp-placeholder-content {
  display: none!important;
}
input::-webkit-input-placeholder {
  color: #555555;
}
input:-moz-placeholder {
  color: #555555;
}
input:-ms-input-placeholder {
  color: #555555;
}
input::-webkit-input-placeholder:focus {
  color: #999999;
}
input:-moz-placeholder:focus {
  color: #999999;
}
input:-ms-input-placeholder:focus {
  color: #999999;
}

/* form layout */

.trp-field-label {
  margin-bottom: 4px;
  display: block;
  vertical-align: bottom;
}
.trp-field-clearance {
  margin-bottom: 10px;
}

.trp-loader-small {
  width: 60px;
  height: 8px;
  display: inline-block;
  background: url('../../../../imagesV3/loading-animations/horizontal-small.gif') no-repeat center center;
}

/* no hotels found new */

.up-arrow {
  display: block;
  height: 32px;
  width: 41px;
  margin: 0 auto;
  background-image: url('../../../imagesV3/info-pages/up-arrow-v2.jpg');
}