/* Bourbon 4.0.2
 * http://bourbon.io
 * Copyright 2011-2014 thoughtbot, inc.
 * MIT License */
/* BACKGROUND SIZE */
.clearfix {
  clear: both;
  float: none;
}

.dl {
  display: block;
  margin: 0;
}

dd {
  display: block;
  margin: 0;
}

/* Cards
* you can see an example of these being used on the orient express page on Citalia
*
*	<div class="cardFull">
*		<div class="image">
*			<img src="http://placehold.it/350x150" />
*		</div>
*		<div class="content">content goes here</div>
*	</div>
*/
@font-face {
  font-family: 'icomoon';
  src: url("themes/common/fonts/icomoon.eot?fjyz4t");
  src: url("themes/common/fonts/icomoon.eot?#iefixfjyz4t") format("embedded-opentype"), url("themes/common/fonts/icomoon.ttf?fjyz4t") format("truetype"), url("themes/common/fonts/icomoon.woff?fjyz4t") format("woff"), url("themes/common/fonts/icomoon.svg?fjyz4t#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-heart:before {
  content: "\e9da";
}

.icon-Heart_down_arrow:before {
  content: "\e600";
}

.icon-mail_icon:before {
  content: "\e601";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  line-height: 1.5em;
}

h2 {
  line-height: 1.4em;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
td,
th {
  padding: 0;
}

.clearfix {
  clear: both;
  float: none;
}

@font-face {
  font-family: 'icomoon';
  src: url("themes/cit/fonts/icomoon.eot?6proq2");
  src: url("themes/cit/fonts/icomoon.eot?6proq2#iefix") format("embedded-opentype"), url("themes/cit/fonts/icomoon.ttf?6proq2") format("truetype"), url("themes/cit/fonts/icomoon.woff?6proq2") format("woff"), url("themes/cit/fonts/icomoon.svg?6proq2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0.5em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-quote:before {
  content: "\e901";
}

.icon-offers:before {
  content: "\e902";
}

.icon-brochures:before {
  content: "\e903";
}

.icon-tick:before {
  content: "\e904";
  font-size: 3em;
}

.icon-calendar:before {
  content: "\e953";
  font-size: 2.7em;
}

/*
 * Phone Numbers
 */
#slogan .phoneNumber {
  color: #FFF;
}

.phoneNumber {
  color: #D3005F;
  font-size: 1.9em;
  padding: 8px 0;
  display: block;
}
@media (min-width: 768px) and (max-width: 980px) {
  .phoneNumber {
    font-size: 1.7em;
  }
}

.smallPrint {
  font-size: 0.8em;
}

span.price {
  font-size: 30px;
  display: block;
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
body {
  /*
   * Typography
   */
  font: 100% Arial, Verdana, Georgia, "Trebuchet MS", Tahoma, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: #464646;
  /*
   * Block level
   */
  background-color: #F6F6F6;
  /*
   * Set the min-width for Javascript hooks on
   * different breakpoints
   */
}
@media (min-width: 768px) and (max-width: 980px) {
  body {
    min-width: 768px;
  }
}

/*
 * Error page when the search panel is incorrectly filled out
 * and the user submits
 */
.results_error_text_bad {
  margin: 100px 20px;
}

#header {
  overflow: hidden;
  background: #000;
  color: #fff;
}

#header .atolAndTopNav {
  text-align: right;
  padding: 5px 10px 0 0;
  font-size: 0.8em;
}

#header .atolAndTopNav a {
  color: #FFF;
}

#header.headingPadding {
  margin-top: 65px;
  *margin-top: 0px;
}

#agentLogin #container #wrapper #header {
  margin-top: 0px;
}

.subHeader {
  overflow: hidden;
}

/* =Header Elements
-----------------------------------------------------------------------------*/
#topnav .atolAndTopNav a:link,
#topnav .atolAndTopNav a:visited,
#topnav .atolAndTopNav a:active,
#topnav .atolAndTopNav a:hover {
  color: #fff;
  text-decoration: none;
}

#topnav .atolAndTopNav a:hover {
  color: #BABABA;
}

#topnav .atolAndTopNava a:link,
#topnav .atolAndTopNava a:visited,
#topnav .atolAndTopNava a:active,
#topnav .atolAndTopNava a:hover {
  color: #BABABA;
  text-decoration: none;
}

#topnav .atolAndTopNava a:hover {
  color: #BABABA;
  text-decoration: underline;
}

#logo, #logoAgent {
  float: left;
}

#sloganLogin {
  overflow: hidden;
}

#head-right #agentLogin p span.phoneNumber span,
#head-right #sloganLogin p span.phoneNumber span {
  position: relative;
  top: -4px;
  left: 2px;
}

#head-right #agentLogin p span.phoneNumber span.responseStyle,
#head-right #sloganLogin p span.phoneNumber span.responseStyle {
  font-weight: normal;
  letter-spacing: -1px;
  position: static;
}

#head-right .widgetOpeningTimes {
  width: 265px;
  overflow: hidden;
  margin: 0;
  font-weight: normal;
}

#head-right .widgetOpeningTimes a {
  color: #fff;
  text-decoration: none;
}

#head-right .widgetOpeningTimes a:hover {
  color: #bababa;
  text-decoration: none;
}

.headerHighlightFullWidth {
  width: 725px !important;
}

.headerHighlight, .headerHighlightFullWidth {
  background: #F3F3F3 none repeat scroll 0 0;
  margin: 10px 0;
  padding: 2px 0 2px 5px;
  width: 490px;
}

#logo p, #logo .headerLogo {
  background: transparent url(../images/citaliaLogo.gif) no-repeat center;
  margin: 10px 20px;
  height: 0;
  padding: 90px 0 0;
  width: 170px;
  overflow: hidden;
}
@media (max-width: 480px) {
  #logo p, #logo .headerLogo {
    margin: 25px 0 20px 20px;
    padding: 90px 0 0;
    -moz-background-size: 240px 90px 100%;
    -webkit-background-size: 240px 90px 100%;
    background-size: 240px 90px 100%;
  }
}

#logoAgent {
  margin: 10px 20px;
  height: 0;
  padding: 90px 0 0;
  width: 244px;
  background: url(../images/citaliaAgentsLogo.gif) no-repeat;
  text-indent: -9000px;
}

h1.headerLogoAgent, #logoAgent p {
  margin-top: -65px;
  height: 70px;
}

#bookOnlineDiscountContainer {
  width: 203px;
  margin-right: -2px;
  margin-left: 20px;
  margin-top: 15px;
  float: right;
}

#bookOnlineText {
  text-transform: uppercase;
  line-height: 15px;
}

.confidence {
  background: #F3F3F3;
  border: 1px solid #D2D2D2;
  font-weight: bold;
  height: 30px;
  margin-bottom: 10px;
  padding: 5px;
}

.confidence a {
  color: #000;
}

/*
 * Live Person
 */
#sloganLogin #lpButtonDiv {
  float: right;
  padding-top: 6px;
}

#sloganLogin #lpButtonDiv img {
  margin: 65px 0 0;
}

/*
 * Opening Times
 */
#slogan {
  position: relative;
}

#slogan .timesToday {
  float: right;
  width: 140px;
  height: 20px;
  padding-top: 1px;
}

#slogan .timesToday h4 {
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#showTimes {
  z-index: 60001;
  position: absolute;
}

.timesWeekPanel {
  position: absolute;
  top: 33px;
  left: -2px;
  z-index: 50000;
  display: block;
  height: 95px;
  width: 240px;
  background-image: url(../images/pageElements/background/citaliaTimesBg.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  overflow: hidden;
}

.timesWeekTab p {
  margin: 5px 0 0;
}

.timesHeading {
  color: #333333;
  font-weight: bold;
  padding: 30px 0px 4px 8px;
}

.timesWeekPanelOff {
  display: none;
}

.openingHoursTable {
  color: #333333;
  margin: 30px 0px 0px 12px;
}

.openingHoursTable td {
  padding-right: 2px;
  height: 18px;
}

.subHeader > div {
  float: left;
  border-right: 1px solid #A2A2A2;
  margin: 15px 0;
}
.subHeader .btaInfo {
  width: 330px;
  line-height: 35px;
}
.subHeader .btaInfo span {
  color: #D3005F;
  padding: 10px 0 0;
  display: block;
  float: left;
}
.subHeader .btaInfo p {
  display: inline-block;
}
@media (max-width: 480px) {
  .subHeader .btaInfo {
    display: none;
  }
}
.subHeader .feefoInfo {
  height: 35px;
}
@media (max-width: 480px) {
  .subHeader .feefoInfo {
    display: none;
  }
}
.subHeader .feefoInfo img {
  margin-top: -15px;
}
.subHeader .openingTimes {
  border-right: none;
  text-align: right;
  width: 367px;
}
@media (max-width: 480px) {
  .subHeader .openingTimes {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .subHeader #slogan {
    text-align: center;
  }
}
.subHeader #slogan .italianExpert {
  color: #D3005F;
}
.subHeader #slogan .phoneNumber {
  color: #D3005F;
  display: inline;
  font-size: 1.3em;
  font-weight: bold;
}
.subHeader #slogan .widgetOpeningTimes {
  font-size: 0.9em;
  line-height: 0.9em;
}
@media (max-width: 480px) {
  .subHeader #slogan .widgetOpeningTimes {
    display: block;
  }
}
.subHeader p {
  margin: 0;
}

.commercialBanner {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 20px 0 20px 30px;
  position: relative;
  box-sizing: border-box;
  font-size: 0.8em;
  margin: 10px 0;
}
@media (max-width: 480px) {
  .commercialBanner {
    height: auto;
    padding: 10px 10px 65px;
  }
}
.commercialBanner a:hover {
  text-decoration: none;
}
.commercialBanner h2 {
  font-size: 2.4em;
  font-weight: bold;
}
.commercialBanner h2,
.commercialBanner h3,
.commercialBanner h4 {
  text-decoration: none;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: left;
}
@media (max-width: 480px) {
  .commercialBanner h2,
  .commercialBanner h3,
  .commercialBanner h4 {
    text-align: center;
  }
}
.commercialBanner h3 {
  padding: 15px 0 0;
  font-size: 1.8em;
}
.commercialBanner h4 {
  font-size: 1.8em;
}
.commercialBanner .button {
  position: absolute;
  right: 13px;
  bottom: 15px;
}
@media (max-width: 480px) {
  .commercialBanner .button {
    text-align: center;
    right: 50%;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
  }
}

#menu {
  float: left;
  margin: 64px 0 0;
}
@media (max-width: 480px) {
  #menu {
    margin: 0;
  }
}

#globalnav li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}
#globalnav li a.topLevelMenu
, #globalnav li form {
  border-right: 2px solid #4D4D4D;
  color: #FFF;
  display: block;
  outline: none;
  text-decoration: none;
}
#globalnav li a.topLevelMenu {
  padding: 0 15px;
}
#globalnav li#mmCiaoCitalia a {
  border: none;
}
#globalnav li#search form {
  border: none;
  width: 250px;
}
#globalnav #mmHome
, #globalnav #mmBrochure
, #globalnav #mmContact {
  display: none;
}
@media (max-width: 480px) {
  #globalnav #mmHome
  , #globalnav #mmBrochure
  , #globalnav #mmContact {
    display: block;
  }
}

/*
 * WSR-2215
 * iOS doesn't use :hover in the way we need it to work.
 *
 * In this scenario the li.hasSubMenu is also a link to a page
 * when on a tablet the second press of this link navigates the 
 * page to that link. But there is no way to hide the navigation 
 * on the  first press leading to confusion on how to use the 
 * navigation.
 * 
 * We're going to use Javascript to simulate the desktop behavior
 */
@media (min-width: 980px) {
  #menu #globalnav li.hasSubMenu:hover .subMenu {
    display: block;
  }
}
#menu #globalnav .subMenu.opened {
  display: block;
}

#menu #globalnav li#mmCollection .collectionsSubMenu .navigationClose,
#menu #globalnav li#mmDestinations .navigationClose {
  display: none;
}
@media (min-width: 768px) and (max-width: 980px) {
  #menu #globalnav li#mmCollection .collectionsSubMenu .navigationClose,
  #menu #globalnav li#mmDestinations .navigationClose {
    display: block;
  }
}

#menu #globalnav li.hasSubMenu > a.topLevelMenu {
  background-image: url(../themes/cit/images/pageElements/background/arrowMenu.gif);
  background-position: right 50%;
  background-repeat: no-repeat;
  padding-right: 30px;
}

#menu #globalnav .subMenu {
  border-top: none;
  display: none;
  padding: 0;
  position: absolute;
  border-top: 22px transparent solid;
  margin: 0 0 0 -1px;
  /* Move left 1px as the border on the parent misaligns the start of this box */
  z-index: 9999;
}

#menu #globalnav .destinationsSubMenu:after {
  content: " ";
  position: absolute;
  height: 120px;
  width: 100%;
  left: 0;
  bottom: -120px;
  background: -moz-linear-gradient(top, #505050 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #505050), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari8+ */
  background: -webkit-linear-gradient(top, #505050 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #505050 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #505050 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #505050 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */
}

#menu #globalnav .subMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 0;
}

#menu #globalnav .subMenu ul li,
#menu #globalnav .destinationsSubMenu dl dd {
  display: block;
  float: none;
}

#menu #globalnav li#mmDestinations .subMenu dl a,
#menu #globalnav li#mmDestinations .subMenu p a,
#menu #globalnav li#mmCollection .subMenu ul li a {
  color: #464646;
}

#menu #globalnav .destinationsSubMenu {
  padding: 0;
  left: 0;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .destinationLists {
  background: rgba(240, 240, 240, 0.9);
  margin: 0;
  overflow: hidden;
  padding: 0 0 10px;
  width: 100%;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu dl {
  float: left;
  margin: 0;
  overflow: hidden;
  width: 20%;
  border: 1px solid #ccc;
  border-top: none;
  border-right: none;
  box-sizing: border-box;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu dl:first-child,
#menu #globalnav li#mmDestinations .destinationsSubMenu dl:last-child {
  border-right: 1px solid #ccc;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu dl:nth-child(2) {
  border-left: none;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu dl.otherDestinations {
  margin: 0;
  padding-right: 0;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .destinationLists dt {
  font-weight: 700;
  margin: 0;
  background-color: #eee;
  color: #464646;
  padding: 10px 5px 10px 25px;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .destinationLists dt a {
  color: #464646;
  text-decoration: none;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .destinationLists dd a:active {
  background-color: #eee;
  text-decoration: none;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .destinationLists dd {
  margin: 0;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .destinationLists dd a {
  padding: 9px 5px 9px 25px;
  border-bottom: 1px solid #efefef;
  display: block;
  background-image: url(/themes/cit/images/pageElements/background/arrowRight.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 8px 16px;
  background-color: #FFF;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .destinationLists dd:last-child a {
  border-bottom: none;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .favourites {
  background: rgba(240, 240, 240, 0.9);
  overflow: hidden;
  padding: 10px 0 0;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .favourites li {
  background-image: url(/themes/cit/images/pageElements/background/arrowRight.png);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 8px 16px;
  background-color: #FFF;
  float: left;
  margin: 0 1% 10px;
  padding: 0 2% 0 0;
  overflow: hidden;
  width: 48%;
  box-sizing: border-box;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .favourites li a {
  overflow: hidden;
  color: #333;
  display: block;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .favourites li img {
  float: left;
  height: 130px;
  margin: 0 6px 0 0;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .favourites li .fLeft {
  width: 59%;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .favourites li h3,
#menu #globalnav li#mmDestinations .destinationsSubMenu .favourites li p {
  margin: 4px 10px 4px 0;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .favourites li p {
  font-size: 0.8em;
}

#menu #globalnav li#mmDestinations .destinationsSubMenu .favourites li .recommendedTitle {
  font-size: 1.2em;
}

#menu #globalnav .collectionsSubMenu {
  width: 220px;
}

#menu #globalnav li#mmCollection .collectionsSubMenu a {
  background-image: url(/themes/cit/images/pageElements/background/arrowRight.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 8px 16px;
  background-color: #FFF;
  color: #464646;
  border-bottom: 1px solid #efefef;
  display: block;
  padding: 9px 25px;
}

#menu #globalnav li a.navigationClose,
#menu #globalnav li#mmCollection .collectionsSubMenu a.navigationClose {
  background-image: none;
  text-align: center;
  background-color: #fff;
  color: #D3005F;
  padding: 9px 25px;
}

#menu #globalnav li#mmCollection .collectionsSubMenu li:last-child a {
  border-bottom: none;
}

#menu #globalnav, #menu #globalnav .destinationsSubMenu .destinationLists .otherDestinationsContainer {
  margin: 0;
  padding: 0;
}

@media (min-width: 980px) {
  #menu #globalnav li#mmDestinations .destinationsSubMenu .destinationLists dd a:hover,
  #menu #globalnav li#mmCollection .collectionsSubMenu a:hover {
    background-color: #eee;
  }
}
@media (max-width: 480px) {
  #search {
    display: none;
  }
}

#search input.gsc-search-button,
#search input.gsc-search-button:hover,
#search input.gsc-search-button:focus {
  background: #000;
  border: 1px solid #FFF;
  border-radius: 0;
  filter: none;
  outline: none;
}

#search .cse .gsc-search-button input.gsc-search-button-v2,
#search input.gsc-search-button-v2 {
  margin: 6px 0 0 5px;
  padding: 8px 6px 7px;
}

#search .gsc-search-box td.gsc-search-button {
  width: 1px;
}

#search .gsc-search-box td.gsib_a {
  padding-left: 4px;
  width: 220px;
}

#search .gsc-search-box td.gsib_b {
  color: #fff;
  overflow: hidden !important;
  width: 22px !important;
}

#search .gsc-input-box td.gsib_b .gscb_a {
  color: #ccc;
}

#gsc-i-id1::-ms-clear {
  display: none !important;
  visibility: hidden !important;
}

#search .gsc-input-box .gsst_a {
  margin-top: 1px;
}

#search .gsc-input-box .gsst_a:hover .gscb_a {
  color: #888;
}

#search .gsc-search-box .gsst_a:hover,
#menu #globalnav .gscb_a,
li#search .gsc-search-box .gsst_a:focus {
  background: #fff;
}

#search input.gsc-input,
#search .gsc-input-box {
  border: none;
}

#search .gsc-input-box {
  margin: 6px 0 0;
  height: 30px;
}

#search .gstl_50 {
  padding: 0;
  height: 30px;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0 !important;
  /* required to override the google stylesheet used on GoogleMini Search */
}

#___gcse_0 {
  float: right;
  margin: 54px 15px 0 0;
  padding: 0 0 0 7px;
  width: 25%;
}

.agentBannerOn #___gcse_0 {
  width: 18%;
}

#menu.index #globalnav li#mmHome a {
  background-color: #fff;
}

#menu #globalnav li#mmDestinations .subMenu dl a,
#menu #globalnav li#mmDestinations .subMenu p a {
  background-color: transparent;
  color: #464646;
}

#menu #globalnav li#mmCollection .collectionsSubMenu a {
  color: #464646;
}

/* =Footer Styles
-----------------------------------------------------------------------------*/
#footer {
  clear: both;
}

#footer .footerNavigation {
  margin: 20px 10px;
  overflow: hidden;
}

#footer .footerNavigationInner {
  padding: 0 10px;
}

#footer .footerNavigation ul.footerLinks {
  color: #E42875;
  list-style: none;
  padding-left: 0;
  float: left;
  width: 25%;
}

#footer .footerNavigation ul.footerLinks a {
  text-decoration: none;
  color: #E42875;
}

#footer .footerNavigation ul.footerLinks a:hover {
  text-decoration: underline;
}

#footer .footerNavigation ul.footerLinks li {
  padding: 0 0 5px 0;
}

#footer .footerLegal {
  padding: 20px 12px 30px 25px;
  height: 255px;
  background: #F7F7F7 url("../themes/cit/images/pageElements/background/footerLegalGrad.jpg") repeat-x 0 0;
  border-top: none;
  margin: 0;
}

#footer .footerLegal p {
  margin: 0 0 8px 0;
}

.atolLogos {
  padding-top: 6px;
  padding-right: 15px;
  clear: left;
  overflow: hidden;
  padding-bottom: 15px;
}

.atolLogos a, .atolLogos span.baPreferredPartnerLogo {
  margin-right: 10px;
  display: block;
  float: left;
  height: 0;
  overflow: hidden;
  padding-top: 34px;
}

.atolLogos a, .atolLogos span {
  margin-right: 10px;
  float: left;
  height: 0;
  overflow: hidden;
  padding-top: 34px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("../themes/cit/images/logos/footerLogos.gif");
}

.atolLogos .abtaLogo {
  background-position: -120px -2px;
  width: 65px;
}

.atolLogos .atolLogo {
  background-position: -80px 0px;
  width: 34px;
}

.atolLogos .ftoLogo {
  background-position: 0px -2px;
  width: 30px;
}

.atolLogos .iataLogo {
  background-position: -30px -1px;
  width: 46px;
}

.atolLogos .baPreferredPartnerLogo {
  background-position: -190px -2px;
  width: 152px;
}

.atolLogos .verisignSecured {
  background-position: -347px -2px;
  width: 61px;
}

.atolLogos .secureCode {
  background-position: -426px -2px;
  width: 61px;
}

.atolLogos .verifiedByVisa {
  background-position: -505px -2px;
  width: 60px;
}

.atolLogos .abtoiLogo {
  background-position: -582px -2px;
  width: 72px;
}

.noPadding {
  margin: 0px;
  padding: 0px;
}

/* Border Boxes - heavy top border */
.contentBorder,
.contentBorderBG {
  padding: 14px;
}

.introText {
  background: #F4F3F1 none repeat scroll 0 0;
  padding: 10px;
}

.contentBorderBG {
  background-color: #E9E9E9;
}

/* = Footer E-mail offers box styles
-----------------------------------------------------------------------------*/
.emailOffersBox {
  position: relative;
}

.emailOffersBox #signup fieldset {
  margin: 0;
  padding: 0;
  width: 180px;
  position: absolute;
  top: 22px;
  left: 5px;
}

.emailOffersBox #signup fieldset label {
  color: #000;
  display: block;
  margin: 0 0 4px 0;
}

.emailOffersBox #signup fieldset #email {
  display: block;
  margin: 0 0 5px 0;
}

/* = Footer E-mail offers box AGENT styles
-----------------------------------------------------------------------------*/
#footer .emailOffersAgentBox {
  float: right;
  width: 231px;
  margin-bottom: 23px;
  height: 120px;
  border: 1px solid #8D8D8D;
  padding: 0;
}

#footer .emailOffersAgentBox h2 {
  margin: 4px 0 8px 8px;
  background: none;
  padding: 0;
  color: #464646;
}

#footer .emailOffersAgentBox p {
  margin: 0 0 4px 4px;
}

#footer .emailOffersAgentBox img {
  float: right;
}

#footer .emailOffersAgentBox .signup label span {
  text-indent: -9999px;
  margin-left: 0;
  background-image: none;
  float: left;
  width: 0;
}

.emailOffersAgentBox .signup fieldset {
  margin: 0;
  padding: 0;
  width: 300px;
}

.emailOffersAgentBox .signup fieldset label span {
  display: block;
  margin: 0;
  text-indent: -9999px;
  height: 0;
  width: 0;
  background-image: none;
}

/*
 * WSR-1913
 * Footer Contact
 */
#footerContact {
  padding: 0 10px;
  margin: 0 0 20px;
}

#footerContact .icon {
  display: inline-bock;
  padding: 0 0 0 30px;
  background-size: 26px;
  background-position: left center;
  background-repeat: no-repeat;
}

#footerContact .icon.globe {
  background-image: url(themes/cit/images/pageElements/icons/online.png);
}

#footerContact .icon.phone {
  background-image: url(themes/cit/images/pageElements/icons/phone.png);
}

#footerContact .icon.creditCard {
  background-image: url(themes/cit/images/pageElements/icons/creditCard.png);
}

#footerContact h2 {
  margin: 0 0 10px;
}

#footerContact .footerSection {
  background-color: #EEE;
  padding: 15px 10px 10px;
  box-sizing: border-box;
  height: 155px;
}
@media (min-width: 768px) and (max-width: 980px) {
  #footerContact .footerSection {
    height: 175px;
  }
}

#footerContact .footerSection h3 {
  margin: 0 0 10px;
  height: 26px;
}

#footerContact #waysToBookSection {
  width: 50%;
}

#footerContact #waysToBookSection + .half {
  margin: 10px 0 0 1%;
}

#footerContact #onlineSection {
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

#footerContact #onlineSection a {
  display: block;
}

#footerContact #onlineSection {
  border-right: 1px solid #CCC;
  box-sizing: border-box;
}

#footerContact #phoneSection {
  padding: 0 0 0 12px;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 980px) {
  #footerContact #phoneSection {
    padding: 0;
  }
}

#footerContact .widgetOpeningTimes {
  display: inline-block;
}

#footerContact .widgetOpeningTimes a {
  color: #434343;
  display: block;
}

#footerContact .phoneNumber {
  color: #E42875;
}
@media (min-width: 768px) and (max-width: 980px) {
  #footerContact .phoneNumber {
    font-size: 1.8em;
  }
}

#footerContact #chatSection .footerSection {
  padding: 10px;
}

#footerContact #chatSection span {
  width: 50%;
  display: inline-block;
}

@media (min-width: 768px) and (max-width: 980px) {
  #footerContact #payBalanceSection {
    width: 100%;
  }
}

#footerContact #payBalanceSection .footerSection > span {
  float: left;
  width: 60%;
  font-size: 0.8em;
}
@media (min-width: 768px) and (max-width: 980px) {
  #footerContact #payBalanceSection .footerSection > span {
    padding: 32px 20px;
    font-size: 1.1em;
  }
}

#footerContact #payBalanceSection a {
  float: left;
  text-align: center;
  margin: 32px 0 0;
}
@media (min-width: 768px) and (max-width: 980px) {
  #footerContact #payBalanceSection a {
    margin: 20px 0 0;
  }
}

/*
 * Footer Other
 */
#footer #footerOther {
  margin: 0 0 10px;
  padding: 0 10px;
  box-sizing: border-box;
  display: table;
  width: 100%;
}

#footer #footerOther > div {
  display: table-cell;
  vertical-align: middle;
}

#footer #footerOther h2 {
  font-weight: normal;
  margin: 0;
}

#offersSignUp {
  width: 49%;
  padding: 0 10px;
  border-right: 1px solid #CCC;
  box-sizing: border-box;
}

#offersSignUp .content {
  float: left;
}

#offersSignUp .content p {
  margin: 3px 0;
}

#offersSignUp a {
  margin: 20px 0 0;
  float: right;
}

#tripAdvisor {
  padding: 0 10px;
  width: 37%;
  box-sizing: border-box;
}

#tripAdvisor img {
  margin: 5px 0 0;
}

#tripAdvisor p {
  font-size: 0.8em;
  margin: 0;
}

#britishTravelAwards {
  display: none;
  width: 11%;
  box-sizing: border-box;
  background: transparent url("../images/logos/britishtravelawards2013winner.png") no-repeat top center;
  background-size: 55px;
}

#britishTravelAwards span {
  display: none;
}

#footerOther .socialMedia {
  border-left: 1px solid #CCC;
}

#footerOther .socialMedia h3 {
  display: none;
}

#footerOther .socialMedia ul {
  width: auto;
  margin: 10px auto;
}

#column-left .socialMedia {
  margin: 40px 0 0;
  overflow: hidden;
}

.socialMedia {
  box-sizing: border-box;
}

.socialMedia h3 {
  margin: 5px 0;
  text-align: center;
}

.socialMedia ul {
  padding: 0 0 0 14px;
  width: 126px;
  margin: 0 auto;
}

.socialMedia li {
  float: left;
  list-style: none;
  margin: 0 6px 0 0;
}

.socialMedia a {
  background: url("../themes/cit/images/pageElements/background/footerSocialMedia.png") no-repeat;
  overflow: hidden;
  height: 0;
  width: 32px;
  padding: 32px 0 0;
  display: block;
}

.socialMedia a#footerFacebook {
  background-position: 0 0;
}

.socialMedia a#footerTwitter {
  background-position: -32px 0;
}

.socialMedia a#footerGooglePlus {
  background-position: -64px 0;
}

.socialMedia a#footerFacebook:hover {
  background-position: 0 -32px;
}

.socialMedia a#footerTwitter:hover {
  background-position: -32px -32px;
}

.socialMedia a#footerGooglePlus:hover {
  background-position: -64px -32px;
}

.cards.bta {
  margin-top: 20px;
}
.cards.bta .card {
  padding: 0;
  width: 100%;
}
.cards.bta .card .headerBar {
  margin: 0;
  background: #D3005F;
  color: #FFF;
}
.cards.bta .card .headerBar, .cards.bta .card .content {
  padding: 5px;
}
.cards.bta .card .content {
  padding-top: 0;
  padding-bottom: 0;
}
.cards.bta .card img {
  width: auto;
  margin-right: 20px;
}
.cards.bta .card p {
  text-align: right;
}
.cards.bta .card .button {
  margin-top: 5px;
}

.stickyLinks {
  padding: 0;
}
@media (min-width: 1200px) {
  .stickyLinks {
    position: absolute;
    top: 300px;
    right: -100px;
    background: #FAFAFA;
    width: 100px;
    border: 1px solid #B7B7B7;
    border-left: none;
    border-radius: 0 4px 0 0;
  }
  .stickyLinks.stay {
    display: none;
  }
}
@media (max-width: 1200px) {
  .stickyLinks {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(238, 238, 238, 0.9);
    border-top: 1px solid #b0b0b0;
    text-align: center;
    z-index: 9999;
  }
}
@media (max-width: 480px) {
  .stickyLinks {
    padding: 2px 0;
  }
  .stickyLinks .livePerson {
    display: none;
  }
}
@media (min-width: 1200px) {
  .stickyLinks .content {
    padding: 0 20px;
    font-size: 0.9em;
  }
}
.stickyLinks ul {
  padding: 0;
}
@media (min-width: 1200px) {
  .stickyLinks ul {
    margin: 0;
  }
}
@media (max-width: 1200px) {
  .stickyLinks ul {
    margin: 0 auto;
  }
}
.stickyLinks ul li {
  list-style-type: none;
  padding: 0;
  text-align: center;
}
@media (min-width: 1200px) {
  .stickyLinks ul li {
    border-top: 1px solid #CCC;
  }
  .stickyLinks ul li:first-child, .stickyLinks ul li.livePerson {
    border-top: none;
  }
}
@media (max-width: 1200px) {
  .stickyLinks ul li {
    display: inline-block;
    width: 160px;
  }
}
@media (max-width: 480px) {
  .stickyLinks ul li {
    width: 120px;
  }
}
.stickyLinks ul li.livePerson .LPMcontainer {
  width: auto !important;
  padding: 10px 0 !important;
}
@media (min-width: 1200px) {
  .stickyLinks ul li.livePerson .LPMcontainer {
    border-top: 1px solid #CCC !important;
  }
}
.stickyLinks ul li.livePerson .LPMcontainer img {
  position: static !important;
}
.stickyLinks ul li a {
  display: block;
  padding: 10px 0;
}
.stickyLinks ul li a:hover {
  text-decoration: none;
  color: black;
}
.stickyLinks [class^="icon-"], .stickyLinks [class*=" icon-"] {
  font-size: 4em;
  display: block;
  color: #D3005F;
}
.stickyLinks li, .stickyLinks a {
  color: #000;
}

.button, .secondaryFlat {
  display: inline-block;
  padding: 8px 20px 8px 20px;
  position: relative;
  text-align: center;
  border: none;
  font-weight: normal;
  font-size: 16px;
  cursor: pointer;
  text-transform: capitalize;
}
@media (min-width: 768px) and (max-width: 980px) {
  .button, .secondaryFlat {
    font-size: 18px;
  }
}

/* Default button state

	<button class="button">Primary</button>
*/
.button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(#D3005F, #9B003C);
  background-image: linear-gradient(#D3005F, #9B003C);
  background-color: #D3005F;
  color: #FFF;
}

.button:hover {
  background: #9B003C;
}

.button + .button {
  margin: 5px 0 0;
}

/* Default button state with a span

	<button class="button"><span>Primary</span></button>
*/
.button span {
  line-height: 1em;
}

/* Secondary button

	<button class="button secondary">Primary</button>
*/
.button.secondary {
  background-image: -webkit-linear-gradient(#777, #444);
  background-image: linear-gradient(#777, #444);
  background-color: #777;
  padding: 8px 15px;
}

.button.secondary:hover {
  background: #444;
}

.secondaryFlat {
  background-color: #464646;
  color: #FFF;
  padding: 5px 20px;
}
.secondaryFlat:hover {
  background-color: #000;
}
.secondaryFlat span.arrow:after {
  content: ' >';
  position: absolute;
  height: 0;
  width: 0;
  top: 50%;
  margin: -10px 0 0 5px;
}
@media (min-width: 768px) and (max-width: 980px) {
  .secondaryFlat span.arrow:after {
    margin-top: -4px;
  }
}
.secondaryFlat.reverse span.arrow:after {
  left: 2px;
}

/* Ternary button

	<button class="button ternary">Ternary</button>
*/
.button.ternary {
  background: #fff;
  background-image: -webkit-linear-gradient(#FFF, #FFF);
  background-image: linear-gradient(#FFF, #FFF);
  border: 1px solid #D3005F;
  padding: 8px 15px;
  color: #D3005F;
  line-height: 0.9em;
}

.button.ternary:hover {
  background: #fff;
  background-image: -webkit-linear-gradient(#FFF, #FFF);
  background-image: linear-gradient(#FFF, #FFF);
  border: 1px solid #9B003C;
  color: #9B003C;
}

/* Quaternary button

	<button class="button quaternary">Quaternar</button>
*/
.button.quaternary {
  background: #F6F6F6;
  border: 1px solid #CCC;
  color: #D3005F;
  border-radius: 0;
  padding: 8px 10px;
}

.button.quaternary:hover {
  background-color: #CCC;
}

/* Search Panel button

	<button class="button searchPanel">Search</button>
*/
.button.searchPanel {
  display: block;
  background-color: #6E839B;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  margin: 0 0 20px;
  font-size: 0.8em;
  padding: 10px;
  text-align: center;
  color: #FFF;
  background-image: none;
}

/* Button Arrows

	<button class="button"><span class="arrow">Next</span></button>
*/
.button span.arrow,
.button span.open,
.button span.close,
.button span.heart {
  padding: 0 10px 0 0;
}

.button.reverse span.arrow {
  padding: 0 0 0 10px;
}

.button span.arrow:after {
  content: " ";
  border-left: 5px solid #FFF;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: 50%;
  margin: -5px 0 0 10px;
}
@media (min-width: 768px) and (max-width: 980px) {
  .button span.arrow:after {
    margin-top: -4px;
  }
}

.button.reverse span.arrow:after {
  border-right: 5px solid #FFF;
  border-left: none;
  left: 15px;
  margin: -5px 10px 0 0;
}

.button.open span.arrow:after {
  border-top: 5px solid #FFF;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin: -2px 0 0 10px;
}

.button.close span.arrow:after {
  border-bottom: 5px solid #FFF;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin: -7px 0 0 10px;
}

.chevron::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 0.45em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  vertical-align: top;
  width: 0.45em;
}

.chevron.right:before {
  left: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.chevron.bottom:before {
  top: 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}

.chevron.left:before {
  left: 0.25em;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}

/* Button Save and Saved icons

	<button class="button"><span class="save">Save</span></button>
*/
.button span.save {
  padding: 0 20px 0 0;
}

.button span.save:after {
  content: "\2764";
  position: absolute;
  height: 0;
  width: 0;
  top: 50%;
  margin: -7px 0 0 10px;
}

/* Button Positions

	<button class="button right">Right</button>

	<button class="button left">Left</button>

	<button class="button center">Center</button>
*/
.button.right {
  float: right;
}

.button.left {
  float: left;
}

.button.center {
  float: none !important;
}

/* Button sizes

	<button class="button large">Large Button</button>

	<button class="button full">Full Button</button>
*/
.button.large {
  padding: 15px 30px;
}

.button.full {
  width: 100%;
  box-sizing: border-box;
}

label {
  display: block;
  font-size: 1em;
  margin: 0 0 0.4em;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea,
select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #CCC;
  padding: 10px;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
}

select {
  background: #FFF url("/themes/cit/images/pageElements/background/webkitSelectArrow.png") no-repeat 97% 50%;
  padding: 7px;
  /*
   * Date of Birth Select Widths
   */
}
select.dob {
  float: left;
  margin: 0 4px 0 0;
}
select.dobDD {
  width: 4em;
}
select.dobMM {
  width: 8em;
}
select.dobYYYY {
  width: 6em;
}
select:disabled {
  background-color: #EEE;
  color: #7F7F7F;
}

select + select {
  margin: 10px 0 0;
}

input[name="noAdults"],
input[name="noChildren"],
input[name="noInfants"],
input[name="duration-nights"] {
  width: 3em;
  text-align: center;
  margin: 0 1em 0 0;
}

/*
 * Radio button styling
 * TODO: Make another version that uses the toggle
 * appearance found on the search panel.
 */
/*
 * Checkbox button styling
 * TODO: Update the Holiday Options to use this version.
 */
input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  -webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #CCC;
  -moz-box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #CCC;
  box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #CCC;
  background-color: #F2F2F2;
  width: 35px;
  height: 35px;
  margin: 3% 0;
}
input[type="radio"] + label span,
input[type="checkbox"] + label span {
  display: inline-block;
  padding: 0 0 0 50px;
  line-height: 35px;
  white-space: nowrap;
}
input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {
  background-color: #FFF;
  position: relative;
  background: white url(../images/pageElements/background/tick-payment.png) no-repeat 49% 49%;
}
label + input[type="radio"] + label, label +
input[type="checkbox"] + label {
  margin: 15px 0 0;
}
input[type="radio"] + label.small,
input[type="checkbox"] + label.small {
  -webkit-box-shadow: 0 0 0 2px #FFF, 0 0 0 3px #CCC;
  -moz-box-shadow: 0 0 0 2px #FFF, 0 0 0 3px #CCC;
  box-shadow: 0 0 0 2px #FFF, 0 0 0 3px #CCC;
  width: 14px;
  height: 14px;
  font-size: 0.8em;
}
input[type="radio"] + label.small span,
input[type="checkbox"] + label.small span {
  padding: 0 0 0 24px;
  line-height: 14px;
}
input[type="radio"]:checked + label.small,
input[type="checkbox"]:checked + label.small {
  background-size: 16px;
}

.longLabel {
  margin-bottom: .6em;
  height: auto;
}
.longLabel label {
  margin-left: .5em;
}

.longLabel input[type="checkbox"] + label span {
  white-space: initial;
  line-height: initial;
  width: 500px;
}

input[type="radio"] + label {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

input.errored,
select.errored {
  border: 1px solid #D3005F;
}

/*
 * TODO: We need to update Holiday Options, Passenger Details
 * and Booking Confirmation to use this class.
 */
.boxHeading, .boxHeading.white {
  margin: 0;
  font-weight: normal;
  line-height: 2.5em;
  font-size: 1.5em;
  border-left: 4px solid #D3005F;
  padding-left: 3%;
  color: #D3005F;
  background-color: #F6F6F6;
}

.boxHeading.white {
  background-color: #FFF;
}

/* Modal Window Search Panel */
#TB_ajaxContent #searchpanel {
  color: #000;
  background: none;
  margin: 0 auto;
}

#TB_ajaxContent .thickBoxClose {
  margin-top: 5px;
  width: 30px;
  height: 0;
  padding-top: 30px;
  position: absolute;
  top: -20px;
  right: -15px;
  background: transparent url("..themes/common/jQuery/jquery.fancybox-1.3.1/fancybox/fancy_close.png") no-repeat 0 0;
}

#TB_ajaxContent label {
  color: #000;
  padding: 0;
  font-weight: normal;
}

#TB_ajaxContent #searchpanel {
  padding: 0 15px 15px;
  height: 350px;
  overflow: scroll;
}

#TB_ajaxContent #searchpanel .header {
  margin: 4px 0;
}

#TB_ajaxContent #searchpanel select {
  padding: 4px 0px 4px 3px;
  display: block;
  width: 100%;
  -webkit-appearance: none;
  background: #fff url("/themes/cit/images/pageElements/background/webkitSelectArrow.png") no-repeat 100% 50%;
}

#TB_ajaxContent #searchpanel p.nights {
  overflow: hidden;
  clear: left;
  margin: 4px 0;
}

#TB_ajaxContent #searchpanel label.nights {
  float: left;
}

#TB_ajaxContent #searchpanel span.nights {
  margin: 0;
  float: left;
  clear: left;
}

#TB_ajaxContent #searchpanel select.noRooms {
  width: 43px;
  margin-right: 0px;
  margin-top: 2px;
}

#TB_ajaxContent #searchpanel p.rooms {
  margin: 4px 0;
  overflow: hidden;
  clear: left;
}

#TB_ajaxContent #searchpanel span.rooms {
  margin-top: 3px;
  margin-right: 10px;
}

#TB_ajaxContent #searchpanel select.roomSelect {
  width: 100%;
  margin: 2px 0 5px;
}

#TB_ajaxContent #searchpanel span.tinytext {
  line-height: 14px;
}

#TB_ajaxContent #searchpanel select.short {
  float: left;
  width: 45px;
  margin: 0px 5px 3px 0px;
}

#TB_ajaxContent #searchpanel select.shortDepDate {
  width: 45px;
  float: left;
  margin-right: 2px;
}

#TB_ajaxContent #searchpanel select.medium {
  float: left;
  width: 140px;
  margin-left: 3px;
  margin-right: 4px;
}

#searchPanelLayerForm {
  background-color: #FFF;
}

#searchPanelLayerForm p.modalTitle {
  margin: 0;
  line-height: 1.2em;
  padding: 10px 36px 10px 10px;
  font-weight: bold;
}

#searchPanelLayerForm p.modalTitle span {
  display: block;
  font-weight: normal;
  margin-bottom: 12px;
}

#TB_window {
  border: none;
}

#TB_window .searchPanelMain {
  margin: 0 auto;
}

#TB_window #searchpanel span.tinytext {
  float: none;
}

#searchFilterContainer {
  background-color: #f6f6f6;
  /*
   * Clear filter link is the first child
   */
}
#searchFilterContainer p:first-child {
  padding: 10px 0;
  text-align: center;
}
#searchFilterContainer h2,
#searchFilterContainer h3 {
  margin: 0;
  padding: 10px;
  background-color: #333;
  color: #FFF;
}
#searchFilterContainer h2 {
  font-size: 1.3em;
}
#searchFilterContainer h3 {
  font-size: 1.2em;
}
#searchFilterContainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#searchFilterContainer li,
#searchFilterContainer p {
  padding: 10px 0 10px 20px;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #ccc;
  margin: 0;
}

div#searchFilter ul li a.noDecoration {
  text-decoration: none;
}

div#searchFilter img {
  margin: 0 !important;
  vertical-align: middle;
}

/*
 * TODO: Use sprites here instead!
 */
#progressTracker {
  margin: 0;
  padding: 0 0 10px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  font-size: 0.9em;
  line-height: 1.4em;
  /*
   * Default appearance
   */
  /*
   * Selected appearance
   */
}
#progressTracker li {
  float: left;
  list-style: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 144px;
  text-align: center;
  background-image: url(/themes/cit/images/pageElements/background/bookingProgress/default.png);
}
#progressTracker li span {
  visibility: collapse;
}
#progressTracker li span dfn {
  visibility: visible;
  display: block;
  margin: 20px 0 0;
  font-style: normal;
  padding: 0 25px;
}
@media (min-width: 768px) and (max-width: 980px) {
  #progressTracker li span dfn {
    line-height: 1em;
    padding: 0 20px;
  }
}
#progressTracker #tab1 {
  width: 144px;
}
#progressTracker #tab2 {
  background-position: -144px 0;
}
#progressTracker #tab2 dfn {
  padding: 0 28px;
}
#progressTracker #tab3 {
  background-position: -288px 0;
}
#progressTracker #tab4 {
  background-position: -432px 0;
}
#progressTracker #tab5 {
  background-position: -576px 0;
  width: 143px;
}
#progressTracker li.booking_tab_selected {
  background-image: url(/themes/cit/images/pageElements/background/bookingProgress/current.png);
}

/*
 * Completed appearance
 * ...
 * This is a messy way of working out
 * what steps have been completed
 */
#hotelDetails #tab1,
#holidayOptions #tab1,
#yourDetails #tab1,
#paymentDetails #tab1 {
  background-image: url(/themes/cit/images/pageElements/background/bookingProgress/completed.png);
  background-position: 0 0;
}
#hotelDetails #tab1 dfn,
#holidayOptions #tab1 dfn,
#yourDetails #tab1 dfn,
#paymentDetails #tab1 dfn {
  color: #999;
}

#holidayOptions #tab2,
#yourDetails #tab2,
#paymentDetails #tab2,
#yourDetails #tab3,
#paymentDetails #tab3,
#paymentDetails #tab4 {
  background-image: url(/themes/cit/images/pageElements/background/bookingProgress/completed.png);
  background-position: -144px 0;
}
#holidayOptions #tab2 dfn,
#yourDetails #tab2 dfn,
#paymentDetails #tab2 dfn,
#yourDetails #tab3 dfn,
#paymentDetails #tab3 dfn,
#paymentDetails #tab4 dfn {
  color: #999;
}

/* Cards
* you can see an example of these being used on the orient express page on Citalia
*
*	<div class="cardFull">
*		<div class="image">
*			<img src="http://placehold.it/350x150" />
*		</div>
*		<div class="content">content goes here</div>
*	</div>
*/
.cards {
  overflow: hidden;
}
.cards:after {
  content: "";
  display: table;
  clear: both;
}
.cards .card {
  width: 49%;
  padding: 10px;
  border: 1px solid #ccc;
  position: relative;
  float: left;
}
.cards .card:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
.cards .card:nth-child(2n) {
  margin-right: 0;
  margin-bottom: 0;
}
.cards .card h2:first-child, .cards .card p:first-child {
  margin-top: 0;
}
.cards .card .image img {
  width: 100%;
}
.cards .card .image img.right {
  margin-left: 10px;
}
.cards .card .image img.left {
  margin-right: 10px;
}
@media (max-width: 480px) {
  .cards .card .image img.right, .cards .card .image img.left {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.cards .card .image .caption {
  text-align: center;
  display: block;
}
.cards .card, .cards .card * {
  box-sizing: border-box;
}
.cards .card .call-us {
  margin-top: 10px;
  background-color: #EEE;
  padding: 15px 10px 10px;
}
.cards .card .content.indexOverlay.dark {
  background: url(/themes/cit/images/index/bottomSection/dark-alpha.png);
  padding: 10px;
  height: auto;
}
.cards .card .content .contentTitle h2 {
  margin: auto auto 0 0 !important;
}
.cards .card .content .contentTitle h3 {
  font-size: 1em;
  margin-top: 0;
}
@media (max-width: 480px) {
  .cards .card .content .contentTitle h3 {
    margin: 1em 0;
  }
}
.cards .card .content .destinationList {
  padding: 0;
}
.cards .card .content .destinationList li {
  list-style: none;
  width: 44%;
  float: left;
  margin: 0 0 2%;
}
@media (max-width: 480px) {
  .cards .card .content .destinationList li {
    float: none;
    width: 100%;
    margin: 0;
  }
}
.cards .card .content .destinationList li:nth-child(odd) {
  margin: 0 3% 2% 0;
}
@media (max-width: 480px) {
  .cards .card .content .destinationList li:nth-child(odd) {
    margin: 0 0 2% 0;
  }
}
.cards .card .content .destinationList li:nth-child(even) {
  margin: 0 0 2% 3%;
}
@media (max-width: 480px) {
  .cards .card .content .destinationList li:nth-child(even) {
    margin: 0 0 2% 0;
  }
}
.cards .card .content .destinationList li .button {
  width: 100%;
}
@media (max-width: 480px) {
  .cards .card {
    width: 100%;
  }
  .cards .card:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%;
  }
  .cards .card:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cards .card:nth-child(1n) {
    margin-bottom: 2% !important;
  }
}
.cards .card.noPadding {
  padding: 0;
}
.cards .card img {
  width: 100%;
}
.cards .card.noPadding {
  padding: 0;
}
.cards .card.bottomSection h3 {
  min-height: 35px;
}
.cards .cardFull {
  overflow: hidden;
  padding: 10px;
  border: 1px solid #ccc;
  position: relative;
  float: left;
  width: 100%;
}
.cards .cardFull h2:first-child, .cards .cardFull p:first-child {
  margin-top: 0;
}
.cards .cardFull .image img {
  width: 100%;
}
.cards .cardFull .image img.right {
  margin-left: 10px;
}
.cards .cardFull .image img.left {
  margin-right: 10px;
}
@media (max-width: 480px) {
  .cards .cardFull .image img.right, .cards .cardFull .image img.left {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.cards .cardFull .image .caption {
  text-align: center;
  display: block;
}
.cards .cardFull, .cards .cardFull * {
  box-sizing: border-box;
}
.cards .cardFull .call-us {
  margin-top: 10px;
  background-color: #EEE;
  padding: 15px 10px 10px;
}
.cards .cardFull .content.indexOverlay.dark {
  background: url(/themes/cit/images/index/bottomSection/dark-alpha.png);
  padding: 10px;
  height: auto;
}
.cards .cardFull .content .contentTitle h2 {
  margin: auto auto 0 0 !important;
}
.cards .cardFull .content .contentTitle h3 {
  font-size: 1em;
  margin-top: 0;
}
@media (max-width: 480px) {
  .cards .cardFull .content .contentTitle h3 {
    margin: 1em 0;
  }
}
.cards .cardFull .content .destinationList {
  padding: 0;
}
.cards .cardFull .content .destinationList li {
  list-style: none;
  width: 44%;
  float: left;
  margin: 0 0 2%;
}
@media (max-width: 480px) {
  .cards .cardFull .content .destinationList li {
    float: none;
    width: 100%;
    margin: 0;
  }
}
.cards .cardFull .content .destinationList li:nth-child(odd) {
  margin: 0 3% 2% 0;
}
@media (max-width: 480px) {
  .cards .cardFull .content .destinationList li:nth-child(odd) {
    margin: 0 0 2% 0;
  }
}
.cards .cardFull .content .destinationList li:nth-child(even) {
  margin: 0 0 2% 3%;
}
@media (max-width: 480px) {
  .cards .cardFull .content .destinationList li:nth-child(even) {
    margin: 0 0 2% 0;
  }
}
.cards .cardFull .content .destinationList li .button {
  width: 100%;
}
.cards .cardFull:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
.cards .cardFull:nth-child(1n) {
  margin-right: 0;
  margin-bottom: 0;
}
.cards .cardFull:nth-child(1n) {
  margin-bottom: 2% !important;
}
.cards .cardFull.solid {
  background-color: #eee;
  border: none;
}
@media (min-width: 480px) {
  .cards .cardFull .content {
    float: left;
    width: 60%;
    padding: 0 10px 0 0;
  }
  .cards .cardFull.largeImage .content {
    float: right;
    width: 50%;
    padding: 0 0 0 20px;
  }
  .cards .cardFull .image {
    float: right;
    width: 40%;
  }
  .cards .cardFull .image img {
    width: 100%;
  }
  .cards .cardFull.largeImage .image {
    float: left;
    width: 50%;
  }
  .cards .cardFull.largeImage .image img {
    width: 100%;
  }
  .cards .cardFull.cardImageLeft .content {
    float: right;
    padding: 0 0 0 10px;
  }
  .cards .cardFull.cardImageLeft .image {
    float: left;
  }
}

.cards1 .card {
  width: 100%;
}
.cards1 .card:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
.cards1 .card:nth-child(1n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .cards1 .card {
    width: 100%;
  }
  .cards1 .card:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%;
  }
  .cards1 .card:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cards1 .card:nth-child(1n) {
    margin-bottom: 2% !important;
  }
}

.cards2 .card {
  width: 49%;
}
.cards2 .card:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
.cards2 .card:nth-child(2n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .cards2 .card {
    width: 100%;
  }
  .cards2 .card:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%;
  }
  .cards2 .card:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cards2 .card:nth-child(1n) {
    margin-bottom: 2% !important;
  }
}

.cards3 .card {
  width: 32%;
}
.cards3 .card:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
.cards3 .card:nth-child(3n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .cards3 .card {
    width: 100%;
  }
  .cards3 .card:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%;
  }
  .cards3 .card:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cards3 .card:nth-child(1n) {
    margin-bottom: 2% !important;
  }
}

.cards4 .card {
  width: 23.5%;
}
.cards4 .card:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
.cards4 .card:nth-child(4n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .cards4 .card {
    width: 100%;
  }
  .cards4 .card:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%;
  }
  .cards4 .card:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cards4 .card:nth-child(1n) {
    margin-bottom: 2% !important;
  }
}

/* Gennaro Cards
* you can see an example of these being used on the gennaro page on Citalia
*
*	<div class="cardFull">
*		<div class="image">
*			<img src="http://placehold.it/350x150" />
*		</div>
*		<div class="content">content goes here</div>
*	</div>
*/
#gennaroHomePage .cards .card {
  padding: 10px;
  border: 1px solid #ccc;
  position: relative;
  float: left;
  width: 32%;
  padding: 0;
}
#gennaroHomePage .cards .card h2:first-child, #gennaroHomePage .cards .card p:first-child {
  margin-top: 0;
}
#gennaroHomePage .cards .card .image img {
  width: 100%;
}
#gennaroHomePage .cards .card .image img.right {
  margin-left: 10px;
}
#gennaroHomePage .cards .card .image img.left {
  margin-right: 10px;
}
@media (max-width: 480px) {
  #gennaroHomePage .cards .card .image img.right, #gennaroHomePage .cards .card .image img.left {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
#gennaroHomePage .cards .card .image .caption {
  text-align: center;
  display: block;
}
#gennaroHomePage .cards .card, #gennaroHomePage .cards .card * {
  box-sizing: border-box;
}
#gennaroHomePage .cards .card .call-us {
  margin-top: 10px;
  background-color: #EEE;
  padding: 15px 10px 10px;
}
#gennaroHomePage .cards .card .content.indexOverlay.dark {
  background: url(/themes/cit/images/index/bottomSection/dark-alpha.png);
  padding: 10px;
  height: auto;
}
#gennaroHomePage .cards .card .content .contentTitle h2 {
  margin: auto auto 0 0 !important;
}
#gennaroHomePage .cards .card .content .contentTitle h3 {
  font-size: 1em;
  margin-top: 0;
}
@media (max-width: 480px) {
  #gennaroHomePage .cards .card .content .contentTitle h3 {
    margin: 1em 0;
  }
}
#gennaroHomePage .cards .card .content .destinationList {
  padding: 0;
}
#gennaroHomePage .cards .card .content .destinationList li {
  list-style: none;
  width: 44%;
  float: left;
  margin: 0 0 2%;
}
@media (max-width: 480px) {
  #gennaroHomePage .cards .card .content .destinationList li {
    float: none;
    width: 100%;
    margin: 0;
  }
}
#gennaroHomePage .cards .card .content .destinationList li:nth-child(odd) {
  margin: 0 3% 2% 0;
}
@media (max-width: 480px) {
  #gennaroHomePage .cards .card .content .destinationList li:nth-child(odd) {
    margin: 0 0 2% 0;
  }
}
#gennaroHomePage .cards .card .content .destinationList li:nth-child(even) {
  margin: 0 0 2% 3%;
}
@media (max-width: 480px) {
  #gennaroHomePage .cards .card .content .destinationList li:nth-child(even) {
    margin: 0 0 2% 0;
  }
}
#gennaroHomePage .cards .card .content .destinationList li .button {
  width: 100%;
}
#gennaroHomePage .cards .card:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
#gennaroHomePage .cards .card:nth-child(3n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #gennaroHomePage .cards .card {
    width: 100%;
  }
  #gennaroHomePage .cards .card:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%;
  }
  #gennaroHomePage .cards .card:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  #gennaroHomePage .cards .card:nth-child(1n) {
    margin-bottom: 2% !important;
  }
}
#gennaroHomePage .cards .card a {
  color: #FFF;
  min-height: 100px;
}
#gennaroHomePage .cards .card .description {
  width: 70%;
}
#gennaroHomePage .cards.book .card {
  width: 49%;
}
#gennaroHomePage .cards.book .card:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
#gennaroHomePage .cards.book .card:nth-child(2n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #gennaroHomePage .cards.book .card {
    width: 100%;
  }
  #gennaroHomePage .cards.book .card:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%;
  }
  #gennaroHomePage .cards.book .card:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  #gennaroHomePage .cards.book .card:nth-child(1n) {
    margin-bottom: 2% !important;
  }
}

.slick-dots {
  margin: 1em 0;
}
@media (max-width: 480px) {
  .slick-dots {
    display: block !important;
  }
}

@media (max-width: 480px) {
  .slick-slider.mobileArrows .slick-prev
  , .slick-slider.mobileArrows .slick-next {
    display: inline-block !important;
  }
}

#container {
  background: #fff;
  margin: 0 auto;
  width: 998px;
  position: relative;
}

body.singleColumn #content {
  width: 100%;
}
@media (max-width: 480px) {
  body.singleColumn #content {
    width: 96%;
  }
}

#container.agentBannerOn {
  padding-top: 40px;
}

.single-campaign-banner {
  margin-bottom: 10px;
}

/* Agent Portal Bar */
#agentLoginPanelContainer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 30px;
  padding: 6px 0;
  color: #FFF;
  overflow: hidden;
  background: #000 url("../themes/common/images/pageElements/background/agent-portal-bg.jpg") repeat-x 0 -10px;
  z-index: 10000001;
}

#agentLoginPanelContainer .agentLoginPanel {
  width: 976px;
  height: 30px;
  margin: 0 auto;
}

#agentLoginPanelContainer .agentLoginPanel .logo {
  float: left;
  width: 82px;
  height: 0;
  overflow: hidden;
  padding: 30px 0 0 0;
  margin: 0 60px 0 0;
  background: transparent url("../themes/common/images/logos/shg-logo.jpg") 0 0 no-repeat;
}

#agentLoginPanelContainer .agentLoginPanel form.siteSwap {
  float: left;
  padding: 4px 0 0 0;
}

#agentLoginPanelContainer .agentLoginPanel form.siteSwap fieldset {
  margin: 0;
  padding: 0;
}

#agentLoginPanelContainer .agentLoginPanel form.siteSwap label {
  float: left;
  margin: 0 10px 0 0;
}

#agentLoginPanelContainer .agentLoginPanel form.siteSwap select {
  float: left;
  width: 156px;
  margin: 0 8px 0 0;
  padding: 0;
}

#agentLoginPanelContainer .agentLoginPanel form.siteSwap input {
  float: left;
  width: 41px;
  height: 20px;
  text-indent: -999px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  background: transparent url("../themes/common/images/pageElements/buttons/go-btn.jpg") no-repeat 0 0;
}

#agentLoginPanelContainer .agentLoginPanel .loginDetails {
  float: right;
}

#agentLoginPanelContainer .agentLoginPanel .loginDetails .loginStatus,
#agentLoginPanelContainer .agentLoginPanel .loginDetails .logoutLink {
  float: left;
  color: #FFF;
  margin: 0;
}

#agentLoginPanelContainer .agentLoginPanel .loginDetails .logoutLink {
  margin: 0 0 0 25px;
}

#agentLoginPanelContainer .agentLoginPanel .loginDetails .logoutLink a {
  color: #FFF;
  text-decoration: underline;
}

.headingPadding #wrapper {
  /* IE Fixes for fixed banners */
  padding-top: 58px !important;
  padding-top: 0;
}

#saleHeader {
  background: url(../images/pageElements/background/new-static-slice.png) repeat-x;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 100;
  text-align: center;
  margin: auto 0;
  height: 61px;
}
@media (max-width: 1200px) {
  #saleHeader {
    padding: 0 15px;
  }
}
#saleHeader.agentPortalOn {
  position: static;
  padding-top: 43px;
  _padding-top: 10px;
  background-position: left bottom;
  background-color: #fff;
  clear: none;
}
#saleHeader .staticBanner {
  width: 998px;
  height: 61px;
  margin: 0 auto;
  position: relative;
}
#saleHeader .staticBanner p.offer {
  margin: 0 0 0 300px;
  height: 0;
  padding-top: 20px;
  float: left;
  font-size: 1.3em;
  color: #D3005F;
}
@media (max-width: 1200px) {
  #saleHeader .staticBanner p.offer {
    padding-top: 16px;
  }
}
#saleHeader .staticBanner.countDownOn p.offer {
  margin: 0;
}
#saleHeader .offerSubText {
  position: relative;
  right: -40px;
  color: #464646;
  top: 19px;
  font-size: 1.2em;
}
@media (max-width: 1200px) {
  #saleHeader .offerSubText {
    right: 10px;
    top: 16px;
  }
}
#saleHeader .countdownJS {
  right: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  #saleHeader .countdownJS {
    right: 20px;
  }
}
#saleHeader #offerBannerWithButton .offer-button {
  right: 0;
  position: absolute;
  right: 0;
  top: 12px;
}
@media (max-width: 1200px) {
  #saleHeader #offerBannerWithButton .offer-button {
    right: 30px;
  }
}
#saleHeader #offerBannerWithButton .offerSubText {
  right: 100px;
}
@media (max-width: 1200px) {
  #saleHeader #offerBannerWithButton .offerSubText {
    right: 160px;
  }
}
#saleHeader #offerBannerWithButton .countdownJS {
  right: 140px;
}
@media (max-width: 1200px) {
  #saleHeader #offerBannerWithButton .countdownJS {
    right: 175px;
  }
}

/* Countdown */
.no-js .countdownJS,
.js .countdownNoJS {
  display: none;
}

.no-js .countdownNoJS {
  position: absolute;
  right: 187px;
  top: 13px;
}

.js .countdownJS {
  position: absolute;
  top: 5px;
  right: 65px;
}

.countdownNoJS {
  font-weight: bold;
  letter-spacing: 5px;
  color: #CB2064;
  margin: 0;
}

.countdownJS ul {
  width: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  clear: both;
  float: left;
}

.countdownJS ul li {
  width: auto;
  padding-right: 4px;
  float: left;
}

.countdownJS ul li span {
  display: block;
  clear: both;
  float: left;
}

.countdownJS ul li span.number {
  background: transparent url(../images/pageElements/background/ticker.png) no-repeat 0 0;
  width: 35px;
  height: 23px;
  padding: 3px 0 5px 10px;
  font-weight: bold;
  letter-spacing: 10px;
  color: #333;
}

.countdownJS ul li span.unit {
  width: 41px;
  padding-left: 2px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  color: #000;
  display: block;
  font-size: 0.6em;
  line-height: 1em;
}

.noDays .countdownJS ul li.days {
  display: none;
}

.home-banner {
  width: 100%;
}

#campaignOfferstage1 .countdownJS {
  position: absolute;
  top: 5px;
  right: 160px;
}

#wrapper {
  padding: 0 11px;
}

.citaliaClear, .clear {
  clear: both;
}

.fLeft {
  float: left;
}

.fRight {
  float: right;
}

.tCenter {
  text-align: center;
}

h1,
h1.specialOffersHeading {
  color: #333;
  font-weight: normal;
  margin-bottom: 22px;
  margin-top: 0;
}

h1.specialOffersHeading {
  padding: 1px;
  margin: 1px;
}

h1.pageHeading {
  border-bottom: medium double #CCCCCC;
}

h2.collections {
  font-weight: normal;
}

#hotelContent h3 .bookingPath {
  background: lightgreen;
  padding-top: 3px;
  border-bottom: 1px solid #EDEDED;
}

a img,
img a {
  border: none;
}

a img, fieldset {
  border: 0 none;
}

a {
  color: #D3005F;
  text-decoration: none;
}

li {
  padding: 3px 0;
}

.borderDoubleTop {
  background-repeat: repeat-x;
  padding-top: 10px;
}

.noBG {
  background: none !important;
}

.noPadding {
  padding: 0 !important;
}

.no-js .collapsibleContentContainer {
  display: none;
}

.collapsibleContent {
  display: none;
}

/* = Form Styles
-----------------------------------------------------------------------------*/
#boxContainer div #searchForm {
  background: none;
}

/* Remove footer image on the no search results page */
table.extra_option_table input.insuranceName {
  width: 200px;
}

/* = Form Styles - Brochure Request
-----------------------------------------------------------------------------*/
table.postalBrochureSelection {
  border-bottom: double  #CCC;
  margin: 5px 0px;
  width: 490px;
}

#brochureFormWrapper {
  background-color: #F6F6F6;
}

#brochureFormWrapper .brochureInnerContent {
  padding: 15px;
}

#brochureFormWrapper .notes {
  float: right;
  width: 190px;
  height: 275px;
  margin-left: 20px;
}

.submitBrochureRequest {
  width: 650px;
  padding: 20px 10px 10px;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .submitBrochureRequest {
    padding: 90px 10px 10px;
  }
}

#brochureFormWrapper table.contact_details td.leftCol {
  width: 155px;
}

#brochureFormWrapper table.contact_details {
  width: 70%;
}

#brochureFormWrapper select[name="mediatype"],
#brochureFormWrapper input[name="hear_about_us_other"] {
  width: 50%;
}

#brochureFormWrapper table.contact_details td {
  padding: 2% 0;
}

table.contact_details tbody tr td .optIn1,
table.contact_details tbody tr td .optIn2 {
  width: 600px;
}

.brochureInformationBox {
  padding: 10px 11px 22px;
  margin-bottom: 10px;
  width: 166px;
  background-color: #EDEDED;
}

.brochureInformationBox .header {
  font-weight: bold;
  padding-bottom: 3px;
  width: 180px;
}

.brochureInformationBox div {
  padding: 5px;
}

.printOnly, .hide {
  display: none;
}

#hotelContent li {
  list-style-image: url(../images/generic/breadcrumbArrow.gif);
}

#slogan .agentsPhone {
  padding-right: 10px;
}

.spacer {
  padding-top: 20px;
}

/* =Agent Login
-----------------------------------------------------------------------------*/
h2.ruledHeader {
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
  margin-top: 0;
  padding-top: 0;
}

#agentLogedIn {
  padding-left: 20px;
}

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

#agentLogedIn li {
  background: url("../images/pageElements/tabs/agentRight.gif") no-repeat left bottom;
  float: left;
  height: 24px;
  margin: 0px 0px 5px 0px;
  padding: 0;
}

#agentLogedIn p {
  background: url("../images/pageElements/tabs/agentLeft.gif") no-repeat scroll right bottom;
  color: #FFF;
  display: block;
  float: left;
  margin: 0;
  padding: 5px 5px;
}

#agentLogedIn p a {
  color: #FFF;
}

#rememberme2 + label {
  margin: 4% 0 3% 4px;
}

/* =Agent Banner
-----------------------------------------------------------------------------*/
#agentLoginBreadcrumb {
  background-color: lightblue;
  margin-bottom: 6px;
  padding: 3px 5px;
}

#agentLoginBreadcrumb .agentSignOut {
  text-align: right;
}

#agentLoginBreadcrumb div.loggedIn {
  width: 50%;
  float: left;
  clear: right;
}

/* =Breadcrumbs
-----------------------------------------------------------------------------*/
#breadcrumbs {
  clear: both;
  background-color: #F1F1F1;
  color: #747474;
  overflow: hidden;
  zoom: 1;
  margin: 4px 0 0;
}

#breadcrumbs a {
  margin-right: 4px;
  padding: 10px 0 0 4px;
  color: #747474;
  text-decoration: none;
}

#breadcrumbs .trail {
  float: left;
  width: 630px;
  padding: 10px 13px;
}

#breadcrumbs .googleSearch {
  float: left;
  width: 323px !important;
}

#breadcrumbs .trailTwoCol {
  float: left;
  width: 875px;
  padding: 10px 13px;
}

/* =Container Styles
-----------------------------------------------------------------------------*/
#container-content {
  clear: both;
  overflow: hidden;
}

#waiting {
  display: none;
  text-align: center;
  width: 515px;
  margin: 100px auto;
  padding: 2px;
  clear: both;
  overflow: hidden;
  min-height: 260px;
}

#waiting_box {
  width: 513px;
}

#waiting_header {
  margin: 20px;
}

#waitText {
  margin: 0 0 10px;
}

#factsContainer {
  overflow: hidden;
  width: 350px;
  margin: 0px auto;
  clear: both;
}

#factsContainer h2 {
  margin: 10px 0 5px 0;
}

#factsContainer #facts {
  overflow: hidden;
  position: relative;
}

#factsContainer #facts p {
  top: 100px;
  position: relative;
  margin: 0;
}

p.waiting {
  padding: 20px 0px 10px 0px;
}

img.waitingLoadingBar {
  padding: 20px;
}

#column-left {
  float: left;
  padding: 15px 14px 15px 0;
  width: 231px;
}

#column-left.wider {
  width: 315px;
}

#column-left.wider + #content {
  width: 647px;
}

#column-right {
  float: right;
  padding-top: 15px;
  padding-left: 14px;
  width: 231px;
  margin-right: 3px;
}

#column-left a img {
  margin: 0pt auto 6px;
}

#content {
  float: left;
  padding: 15px 0px 15px 0px;
  width: 728px;
}

#agentLogin #content {
  width: 700px;
}

.oneColumnContent {
  float: left !important;
  width: auto !important;
}

/* Dirty Fix for ie8 issue */
#noticeSplashContainer {
  clear: both;
  width: 976px;
  overflow: hidden;
}

/* = Info Box Styles
-----------------------------------------------------------------------------*/
#infoBox2, #infoBox, #infoBox3 {
  color: #464646;
  padding: 15px 0px 15px 0px;
  width: 231px;
}

#infoBox3 {
  clear: left;
  background: url("themes/cit/images/pageElements/background/preferredPartnersFooter.jpg") no-repeat -1px bottom;
  padding: 0 0 15px 0;
  margin-bottom: 15px;
}

#infoBox3 div {
  height: 0;
  margin: 0;
  font-weight: bold;
  padding: 31px 0 0 15px;
  overflow: hidden;
}

#infoBox2 div {
  border-top: 1px solid #E2E2E2;
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  background-color: #eee;
  padding: 10px;
  font-weight: normal;
}

#infoBox3 div {
  background: url("themes/cit/images/pageElements/background/preferredPartnersHeader.jpg");
  background-position: -1px 0;
}

#infoBox3 img.infoBox3img {
  padding-left: 12px;
}

#infoBox3 p {
  background-color: #ffffff !important;
}

.infoBoxNoBorder {
  border-top: none !important;
}

.whatsNew {
  border-radius: 2px;
  border: 1px solid #E2E2E2;
  background-color: #eee;
  padding: 10px;
}

.whatsNew h3 {
  margin-bottom: 5px;
  margin-top: 0;
  font-weight: normal;
}

.whatsNew ul li {
  padding-left: 0;
  list-style: none;
}

.whatsNew ul {
  padding-left: 0;
  margin-left: 0;
}

.atAGlance,
.hotelAtAGlance {
  border: 1px solid #e9e9e9;
  background: #f7f7f7;
  float: right;
  padding: 10px;
  width: 175px;
}

#infoBox2 p {
  width: 210px;
  margin: 0px 0px 0px 1px;
  padding: 10px 5px 0px 13px;
  background-color: #EEEEEE;
  border-top: 1px dotted #969696;
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  text-align: left;
}

#infoBox2 li {
  padding-bottom: 5px;
  list-style-image: url(themes/cit/images/pageElements/background/readMoreArrowGrey.gif);
}

#infoBox2 ul {
  padding-left: 33px;
  margin: 0px 0px 0px 1px;
  background-color: #EEEEEE;
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
}

#infoBox3 p.images {
  margin: 0px;
  padding: 0px 8px;
  border-top: none;
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
}

#infoBox3 div.images {
  background: none;
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  width: 213px;
  height: auto;
  font-weight: normal;
  /**/
  padding: 0 5px 0 10px;
}

/* = SidePanel Call Widget
-----------------------------------------------------------------------------*/
#phoneCTA {
  position: relative;
  margin: 10px 0 15px 0;
  overflow: hidden;
}

#phoneCTA span#title {
  display: block;
  background-color: #707070;
  color: #FFF;
  padding: 8px 12px;
  font-weight: bold;
  text-align: center;
  display: none;
}

#phoneCTA p {
  margin: 5px;
  padding: 0;
  background: transparent url("../themes/cit/images/pageElements/background/citaliaCall.jpg") no-repeat;
}

#phoneCTA .italianExpert {
  padding: 6px 0 0 60px;
  display: inline-block;
}

#phoneCTA p.booking {
  background-image: none;
  padding: 0;
  height: auto;
}

#phoneCTA p span.phoneNumber {
  display: block;
  font-weight: bold;
  color: #D10157;
  margin: 10px 0 0;
}

#phoneCTA p span.phoneNumber span {
  color: #000;
  position: relative;
  top: -8px;
  left: 2px;
}

#phoneCTA p span.phoneNumber span.responseStyle {
  color: #D10157;
  position: static;
}

#phoneCTA p span.openingTimes {
  font-weight: normal;
}

/* = TripAdvisor Box
-----------------------------------------------------------------------------*/
#column-left #tripAdvisorBox {
  margin: 0 10px 22px 10px;
}

#column-left #tripAdvisorBox p {
  margin: 0;
}

/* =Preferred Partners Box
-----------------------------------------------------------------------------*/
.preferredBox {
  width: 231px;
}

.preferredBox .preferredBoxOpen {
  background: #fff url("themes/cit/images/generic/partnersBoxTop.gif");
  background-repeat: no-repeat;
  border: none !important;
  margin-bottom: -100px;
}

.preferredBox .preferredBoxOpen p {
  font-weight: bold;
  padding-left: 10px;
  text-transform: capitalize;
}

.preferredBox div {
  background: #FFF url("themes/cit/images/index/filippoBerio.jpg") bottom left no-repeat;
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  color: #464646;
  height: 134px;
  padding: 1px 5px 1px 5px;
}

.preferredBox div p {
  float: right;
  width: 145px;
}

.preferredBox div p a {
  float: right;
  text-decoration: underline;
  width: 145px;
}

.preferredBox .preferredBoxClose {
  background: #fff url("themes/cit/images/generic/partnersBoxBottom.gif");
  background-repeat: no-repeat;
  border: none !important;
  height: 15px;
}

.errata {
  background: #FBF1F0 url("themes/common/images/icons/iconWarningBlue.png") no-repeat 12px 13px;
  border: 1px solid #EFB4BA;
  padding: 16px 16px 16px 48px;
  color: #C71F38;
}

/* = Accommodation Grid (Villas only)
-----------------------------------------------------------------------------*/
#booking_details_div #viewAccommodationGrid,
#booking_details_div #viewAccommodationGrid.viewAccommodationGridActive {
  background: #E9E9E9 url("themes/cit/images/browse/accommGridClosed.gif");
  background-repeat: no-repeat;
  color: #D3005F;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  padding: 5px 0 0 15px;
  text-decoration: underline;
  width: 718px;
}

#booking_details_div #viewAccommodationGrid.viewAccommodationGridActive {
  background: #E9E9E9 url("themes/cit/images/browse/accommGridActive.gif");
  background-repeat: no-repeat;
}

#booking_details_div .accommGridOnDisplay {
  width: 700px;
}

#searchPanelLayer {
  position: absolute;
  /*	width:230px; */
  margin-left: 200px;
  display: block;
  color: #FFF;
}

#searchPanelLayer .searchAccom {
  background: transparent url(themes/cit/images/search/searchPanelBG-new.jpg) repeat-x scroll 0 0;
  padding: 5px 11px;
  width: 208px;
}

#searchPanelLayer .searchAccom .close {
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
  margin-top: -30px;
  padding-bottom: 5px;
  padding-right: 19px;
  text-align: right;
}

#searchPanelLayer .searchAccom fieldset {
  width: 200px;
  padding: 0px;
}

/* BACKEND-72 Notices edited in web admin */
#notices {
  display: none;
  float: left;
  margin: 0px;
}

div.notice {
  float: left;
  min-height: 200px;
  width: 500px;
  width: 300px;
  margin: 0px;
}

div.notice h1 {
  padding: 0px 0px 5px 0px;
  text-align: left;
}

div.notice h1 p {
  margin: 0px;
  text-align: left;
}

div.notice p {
  float: left;
  clear: left;
  margin: 0px 0px 15px 0px;
  text-align: left;
}

#news {
  overflow: hidden;
  width: 704px;
}

#news.newsCntr {
  background-color: #E9E9E9;
  margin-bottom: 15px;
  padding: 12px;
}

#news.newsCntr ul {
  margin: 0px;
  width: 490px;
}

#news.newsCntr h3 {
  margin: 0px;
  display: inline;
  display: inline;
  font-weight: bold;
  float: left;
  width: 160px;
  background-image: none;
}

#news.newsCntr ul {
  float: right;
  list-style: disc;
}

#news.newsCntr li {
  float: left;
  width: 400px;
  padding: 1px;
}

#news.newsCntr li a p {
  display: inline;
  margin-bottom: 0px;
  margin-top: 0px;
  text-decoration: underline;
}

#news.newsCntr li a:hover p {
  text-decoration: none;
}

#news.newsCntr li a:link, #news.newsCntr li a:active, #news.newsCntr li a:visited {
  text-decoration: none;
}

#news.newsCntr li a:hover {
  text-decoration: none;
}

.breadcrumbNoLink {
  padding-left: 15px;
}

#infoBox2 p.whatsNewIntro {
  font-weight: bold;
  border-bottom: none;
  border-top: none;
}

/* Confirmation page - Book extras banner */
.bookExtrasBanner {
  overflow: hidden;
}

.bookExtrasBanner img {
  padding: 0px 0px 20px 0px;
  float: left;
}

.bookExtrasBanner img.first {
  padding-right: 48px;
}

/* =Shared Component Styles
-----------------------------------------------------------------------------*/
.agentLeftColumnImages {
  float: left;
  width: 215px;
}

.agentLeftColumnImages img {
  border: 1px solid #CCC;
  padding: 2px;
  margin-bottom: 20px;
}

/* HERTZ, HOL EXTRAS & LUFTHANSA BANNERS ON INDEX PAGE */
.hertz {
  clear: both;
  padding-top: 20px;
}

.adLinks div {
  float: left;
  padding: 0px;
  width: 237px;
  height: 123px;
  padding-top: 0px;
  text-align: left;
  position: relative;
}

.adLinks div .readMoreLink .readMore {
  position: absolute;
  bottom: 0px;
  left: 119px;
  width: 96px;
  height: 18px;
  margin: 0;
  float: none;
}

.adLinks div p img {
  border: medium none;
  float: left;
  margin: 0 10px 0 0;
  width: 102px;
  height: 83px;
}

.adLinks div.first p, .adLinks div.middle p {
  padding-right: 11px;
  margin: 13px 0;
}

.adLinks div.last p {
  margin: 13px 0;
}

.adLinks div.middle {
  margin: 0;
  background: transparent url(../images/pageElements/background/dividerDouble.gif) no-repeat scroll right 60%;
  padding-left: 7px;
}

.adLinks div.last {
  padding-left: 7px;
}

.adLinks div.first {
  background: transparent url(../images/pageElements/background/dividerDouble.gif) no-repeat scroll right 60%;
}

/* =Mailing Offers Terms and Conditions
-----------------------------------------------------------------------------*/
.imagePlaceholder {
  overflow: hidden;
  margin-bottom: 20px;
}

.imagePlaceholder img:first-child {
  float: left;
  margin: 0px 20px 0px 20px;
}

a.backToTop {
  float: right;
}

/* email an offer */
.contact_details tr {
  text-align: left;
}

body#agentLogin div#landingPageContainer {
  float: left;
  width: 690px;
}

/* tabs */
ul#destTabs {
  height: 30px;
  border-bottom: 1px solid #ccc;
  padding: 0px;
  margin: 0px;
  position: relative;
  margin-bottom: 10px;
}

ul#destTabs li {
  float: left;
  background-image: url(../images/tabBlack.png);
  list-style: none;
  height: 30px;
  list-style: none;
  margin-right: 1px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  color: white;
  position: relative;
  padding: 0px;
  color: white;
  position: relative;
  border-radius: 3px 3px 0 0;
}

ul#destTabs li.active {
  background-image: url(../images/tabPink.png);
}

ul#destTabs li a {
  margin: 10px;
  position: relative;
  top: 7px;
  color: white;
  text-decoration: none;
}

ul#destTabs li a:hover {
  color: white;
  cursor: pointer;
}

ul.contentTabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #333;
}

ul.contentTabs li {
  border-radius: 3px 3px 0 0;
  float: left;
  width: 114px;
  padding: 8px 0;
  border-right: 1px solid #fff;
  background: #D3005F;
  color: #fff;
  text-align: center;
}

ul.contentTabs li.ui-tabs-selected {
  background: #333;
}

ul.contentTabs li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}

.ui-tabs-hide {
  display: none;
}

/*
 * WSR-1649
 * Added new functionality to UI Tabs to
 * fade unselected tabs and to make hovered
 * tabs opaque.
 */
.ui-tabs-fade {
  opacity: 0.5;
}

.ui-tabs-fade:hover {
  opacity: 1;
}

#infoWrapper {
  position: relative;
  top: -3px;
  *top: -9px;
}

#infoWrapper h2 {
  padding: 3px;
  padding-left: 15px;
}

#infoWrapper p {
  padding-left: 15px !important;
}

#infoWrapper p span {
  display: block;
  padding-left: 169px;
  min-height: 85px;
  height: auto !important;
  height: 85px;
}

#infoWrapper p span.chelseaSchool {
  background: url(../images/pageElements/background/forte-village-chelsea-school-logo.jpg) no-repeat 40px 0;
}

#infoWrapper p span.rugbyAcademy {
  background: url(../images/pageElements/background/forte-village-rugby-academy-logo.jpg) no-repeat;
}

/*** Hidden Search Parameters in Booking Confirmation page for TeaLeaf UKSD # 4447
*************************************************************************************/
.searchFields {
  display: none !important;
}

/*** jQuery Countdown
*************************************************************************************/
#twoHundredOffer,
#weekendOffer {
  background: #e9e9e9;
  height: 65px;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
  border-bottom: 2px solid black;
}

#weekendOffer {
  background: #299727 none repeat scroll 0 0;
  border-bottom: 3px solid #FFFFFF;
  margin: 0;
  padding: 0;
}

#summerSale {
  background: #FFFFFF none repeat scroll 0 0;
  margin: 0 auto;
  width: 998px;
}

#summerSale #bannerWrapper {
  width: 998px;
  padding: 0 11px;
}

#summerSale p {
  width: 973px;
  margin: 0;
}

#summerSale p a,
#summerSale p span {
  background: url(../images/offers/summerSale/topbanner_12may.jpg);
  display: block;
  height: 0;
  padding-top: 91px;
  overflow: hidden;
  width: 973px;
}

#summerSale p span {
  background: url(../images/offers/summerSale/topbanner_12may_no_btn.jpg);
}

#summerSale p.mayWeekend a {
  background: url(../images/offers/summerSale/topbanner_28thmay.jpg);
  padding-top: 50px;
}

#summerSale p.mayWeekend span {
  background: url(../images/offers/summerSale/topbanner_28thmay_no_btn.jpg);
  padding-top: 50px;
}

#summerSale p.lastChance a {
  background: url(../images/offers/summerSale/topbanner_2ndjune.jpg);
  padding-top: 50px;
}

#summerSale p.lastChance span {
  background: url(../images/offers/summerSale/topbanner_2ndjune_no_btn.jpg);
  padding-top: 50px;
}

#bannerWrapper {
  margin: 0 auto;
  overflow: hidden;
  padding-top: 10px;
  width: 900px;
}

#readMore {
  width: 100px;
  height: 40px;
  float: left;
}

#readMore a {
  background-image: url(../images/buttons/btnReadMore.gif);
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 39px;
}

#weekendOffer ul {
  list-style: none;
  margin: 0;
}

#weekendOffer ul li {
  color: #fff;
  font-weight: bold;
  text-align: left;
  margin: 0;
  float: left;
}

#weekendOffer ul li.terms {
  font-weight: normal;
  text-align: left;
  width: 200px;
  float: right;
}

#weekendOffer ul li.terms span {
  margin-right: 20px;
  display: block;
  width: 200px;
}

/* New page layout styling with left nav */
#offersView {
  overflow: hidden;
}

#offersView div.header,
#offersView div.footer {
  margin-bottom: 25px;
}

#offersView div.footer {
  border-bottom: none;
}

#offersView .soNav {
  float: left;
  width: 175px;
}

#offersView .soNav ul {
  margin: 10px 0 0 0;
  list-style: none;
  padding: 0;
}

#offersView .soNav ul li {
  margin: 1px 0;
  padding: 0;
}

#offersView .soNav ul li.tabSelected {
  background-color: #C0C0C0;
}

#offersView .soNav ul li a {
  background-color: #EAEAEA;
  color: #464646;
  display: block;
  padding: 0px 10px;
  height: 31px;
  text-decoration: none;
}

#offersView .soNav ul li.tabSelected a {
  background-color: #c0c0c0;
}

#offersView .soContent {
  float: right;
  width: 531px;
  padding: 10px;
}

/* Pull Quotes*/
p.quote {
  background: #EDEBEE url(../images/pageElements/background/quoteLeft.gif) no-repeat 5px 8px;
  font-weight: bold;
  margin: 12px 0 20px !important;
  padding: 8px 30px;
  position: relative;
  width: 553px;
}

p.quote span {
  background: url(../images/pageElements/background/quoteRight.gif) no-repeat 0px 0px;
  bottom: 5px;
  display: block;
  height: 16px;
  position: absolute;
  right: 5px;
  width: 15px;
}

p img.safetyPicture {
  border: 1px solid #CCCCCC;
  float: right;
  margin-left: 15px;
  padding: 2px;
}

/* Aviation */
.soContent .pageIntro {
  width: 531px;
  overflow: hidden;
}

.pageIntro .fLeft {
  width: 300px;
}

.pageIntro .fRight {
  width: 200px;
  height: 80px;
}

/* Flowplayer */
.videoAnd360 #flowPlayer {
  clear: both;
  float: left;
  padding: 10px;
}

a.vashGuarantee {
  float: left;
  background: url("../themes/cit/images/pageElements/background/ashGuaranteeBanner.jpg");
  height: 0;
  margin-top: 15px;
  width: 228px;
  padding-top: 59px;
  overflow: hidden;
  display: block;
}

/* Header phone numbers below -------------------------------*/
#callme {
  margin-top: 0;
  width: 428px;
  float: right;
}

#callme .headerATOL {
  float: right;
  margin-top: 0px;
}

#callme #freecall {
  float: left;
  width: 140px;
  height: 43px;
  text-align: right;
  color: #FFFFFF;
  margin-top: 12px;
  margin-right: 0px;
  background: url(../images/pageElements/background/citCallExpert.gif) no-repeat 5px top;
  border-right: 1px solid #a9a9a9;
}

#telno {
  width: 218px;
  height: 43px;
  float: right;
  margin-top: 17px;
  margin-bottom: 0;
  padding-bottom: 0;
  background: url(../images/pageElements/background/citBookOnline.gif) no-repeat left top;
}

#teldays {
  text-align: right;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 32px;
  margin-right: 12px;
}

#agentcallme {
  width: 374px;
  float: right;
}

#agentcallme .headerATOL {
  float: right;
  margin-top: 5px;
}

#agentcallme #agentfreecall {
  float: left;
  width: 150px;
  text-align: right;
  font-variant: small-caps;
  font-weight: bold;
  color: #024779;
  margin-top: 10px;
  margin-right: 0px;
}

#agenttelno {
  float: right;
  font-weight: bold;
  color: #024779;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
}

#agentteldays {
  text-align: right;
  font-weight: bold;
  color: #024779;
  margin-top: 0;
  clear: left;
  padding-top: 4px;
}

/* better image scaling with IE */
img {
  -ms-interpolation-mode: bicubic;
}

html body #fancybox-overlay {
  background: #000 !important;
}

#fancybox-disclaimer-under {
  background: transparent;
  padding: 5px;
  font-style: italic;
  text-align: left;
  margin: 0;
}

#fancybox-disclaimer-under span {
  color: #ff0000;
}

.tooltip {
  display: none;
  background: url("../../common/jQuery/jQueryTools/pageElements/bottomArrowCit.gif") no-repeat scroll -203px bottom transparent;
  padding-bottom: 20px;
}

.tooltip .innerTip {
  background: #fff;
  border: 2px solid #000;
  border-bottom: none;
  color: #000;
  padding: 10px 10px 10px 10px;
  width: 200px;
}

/* Svd Accom */
#svdAJAX {
  overflow: hidden;
}

#svdAccomm {
  height: 24px;
  margin: 15px 0;
  padding: 15px 0 3px;
}

#svdAccomm ul {
  margin: 0;
  padding: 0;
}

#svdAccomm ul li {
  color: #D3005F;
  display: block;
  text-align: center;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.recoThumb {
  background: url("../../common/tripAdvisor/thumbsUp.gif") no-repeat scroll 0 0 transparent;
  float: right;
  padding: 4px 0 4px 20px;
}

.rctMenuJig {
  margin-bottom: 0 !important;
}

.accommMenuJig {
  /*For use when we have recent searches too */
  border-top: none !important;
  margin-top: 0 !important;
}

.fancybox-inner .svdAccom {
  /*Brand Specific */
}

#fancybox-inner .svdAccommHeader h1 {
  font-weight: bold;
}

/* Email Form */
#emailThisAccomm {
  background: #EFEFEF;
  border-bottom: 10px solid #fff;
  padding: 5px 10px;
  width: 564px;
}

#emailThisAccomm a {
  background: url("../modules/svdAccomm/icoEmail.gif") no-repeat scroll 0 0 transparent;
  display: block;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 5px;
  outline: none;
  text-decoration: underline;
  margin-top: 3px;
}

#emailThisAccomm form {
  padding-left: 30px;
}

#emailThisAccomm form input {
  width: 179px;
  margin-bottom: 5px;
}

.actionContainer {
  width: 185px;
  overflow: hidden;
}

#emailThisAccomm .actionContainer p {
  overflow: hidden;
  width: 71px;
  text-align: right;
  margin-right: 5px;
  float: left;
  margin-top: 0px;
  color: #e00060;
  text-decoration: underline;
  font-weight: bold;
}

#emailThisAccomm input.sndEmail {
  background: url(../modules/svdAccomm/btnSendEmail.gif) no-repeat 0 0;
  cursor: pointer;
  height: 23px;
  width: 105px;
  border: 0;
  overflow: hidden;
  text-indent: -999px;
  float: right;
  /* IE Fixes */
  display: block;
}

/* EOF Email Form */
/* Buttons */
#saveAccom > span {
  float: right;
}

#saveAccom > span:after {
  content: "\2764";
  padding: 0 0 0 10px;
}

.svdAccommHeader {
  background-color: #000;
  overflow: hidden;
  padding: 8px;
  width: 568px;
}

.svdAccommHeader h1 {
  color: #fff;
  float: left;
  margin: 0;
}

/*Delete All Button  */
#savedAccommodationsForm {
  float: right;
}

#savedAccommodationsForm p {
  display: none;
}

/* Brand Specific */
#savedAccommodationsForm input {
  background: #000;
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  height: 23px;
  width: 108px;
  border: 0;
  overflow: hidden;
}

.svdAccom {
  background-color: #EFEFEF;
  border: 10px solid #fff;
  padding: 10px;
  overflow: hidden;
  width: 544px;
}

.svdAccom h3 {
  margin-bottom: 10px;
  margin-top: 0px;
}

.svdAccom h3 a {
  font-weight: bold;
  margin-left: 15px;
}

.svdAccom h3 a:hover {
  font-weight: bold;
  text-decoration: underline;
}

.svdAccom ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.svdAccom li {
  float: left;
}

.svdAccom li.img a img {
  width: 128px;
  height: 96px;
}

.svdAccom li.rating {
  padding: 0 15px;
  width: 267px;
}

.svdAccom li.rating p {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 190px;
  overflow: hidden;
}

.svdAccom li.rating p img {
  float: left;
}

.svdAccom li.rating strong {
  color: #000;
}

.svdAccom li.action {
  width: 94px;
  border-bottom: none;
  height: auto;
  padding: 0 5px 0 0;
  margin-top: 0px;
  text-align: left;
  height: 79px;
}

.tooltip {
  display: none;
  background: url("../../common/jQuery/jQueryTools/pageElements/bottomArrowSov.gif") no-repeat scroll -203px bottom transparent;
  padding-bottom: 20px;
}

.tooltip .innerTip {
  background: #fff;
  border: 2px solid #0D4877;
  border-bottom: none;
  color: #0D4877;
  padding: 10px 10px 10px 10px;
  width: 200px;
}

.fbClassification {
  outline: none;
}

/* Fancy Box Overrides */
body #fancybox-overlay {
  background: #000 !important;
  border: 2px solid #F2F2F2;
}

#fancybox-wrap {
  position: fixed;
}

#fancybox-inner #savedAccomm {
  background: #fff;
}

#fancybox-inner {
  border: 1px solid #fff;
}

#fancybox-close,
.fancybox-ie #fancybox-close {
  background: none !important;
  background: url("../themes/cit/modules/svdAccomm/btnClose.png") no-repeat scroll 0 0 transparent !important;
  right: -17px !important;
  top: -18px !important;
  width: 28px !important;
  filter: none !important;
}

#fancybox-inner #popUpContainer {
  padding: 10px;
  height: 430px;
  width: 520px;
}

* html #fancybox-wrap {
  /* IE6 */
  position: absolute;
}

/* EOF Fancy Box Overides */
#fancybox-inner .popup p {
  margin-bottom: 10px;
}

.bta-2011-offers {
  margin: 0px 0px 10px 6px;
  display: inline;
  width: 213px;
  border: 1px solid #d3005f;
  float: left;
  padding: 10px 10px 6px 10px;
  background: #fff url("../themes/cit/images/pageElements/background/bta-logo.jpg") no-repeat 146px 10px;
}

.bta-2011-offers a {
  float: left;
  margin-top: 10px;
}

.bta-2011 {
  margin: 0px 0px 10px 0px;
  width: 209px;
  border: 1px solid #d3005f;
  float: left;
  padding: 10px 10px 6px 10px;
  background: #fff url("../themes/cit/images/pageElements/background/bta-logo.jpg") no-repeat 146px 10px;
}

.bta-2011 a {
  float: left;
  margin-top: 10px;
}

.btaWinnerLogo {
  margin: 0 auto 20px auto;
  overflow: hidden;
  display: block;
}

#column-left .btaWinnerLogo img {
  margin-left: 27px;
}

.site_error h3 {
  clear: both;
  margin: 10px 0;
  font-weight: bold;
}

.site_error dl.openingTimes {
  width: 295px;
  overflow: hidden;
}

.site_error dl.openingTimes dt {
  width: 120px;
  margin: 0 5px 0 0;
  font-weight: bold;
  float: left;
}

.site_error dl.openingTimes dd {
  float: left;
  width: 170px;
  margin: 0;
}

/* FAQ Definition list */
dl.list dd {
  float: left;
  display: inline;
  width: 150px;
}

dl.list dt {
  float: left;
  display: inline;
  width: 150px;
  clear: both;
}

dl.list {
  width: 350px;
  overflow: auto;
  margin-bottom: 15px;
}

dl.wideList dd {
  float: right;
  display: inline;
  width: 300px;
}

dl.wideList dt {
  float: left;
  display: inline;
  width: 170px;
  clear: both;
}

dl.wideList {
  width: 550px;
  overflow: auto;
  margin-bottom: 15px;
}

dl.wideList .header {
  font-weight: bold;
  margin-bottom: 5px;
}

/* Issue 2658 - Site Confidence */
#confidence {
  width: 700px;
}

#confidence p {
  margin-bottom: 15px;
}

#confidence .header {
  display: none;
  margin-bottom: 30px;
}

#confidence .section {
  clear: both;
  width: 700px;
  padding: 15px 0 10px 0;
  border-top: 1px solid #d7d0c6;
}

#confidence .section .left {
  text-align: center;
  float: left;
  width: 140px;
  margin-right: 10px;
}

#confidence .section .right {
  float: left;
  width: 550px;
}

.linkList {
  list-style-type: none;
  padding: 0;
}

.linkList li {
  float: left;
}

.linkList li a {
  border-left: 1px solid #000;
  padding: 0 5px 0 4px;
}

.linkList li.first a {
  border-left: 0px solid #000;
  padding: 0 5px 0 0px;
}

/* FAQS */
.faqsNavigation {
  margin-bottom: 10px;
}

.faqsNavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.faqsNavigation ul li {
  padding: 0 0 2px 0;
}

.faqsNavigation ul li a {
  background: #d3005d;
  padding: 6px 0 6px 12px;
  color: #fff;
  text-decoration: none;
  display: block;
}

.faqsNavigation ul li a:hover {
  background: #7b0c41;
}

.faqsNavigation ul li.selected a,
.faqsNavigation ul li.selected a:hover {
  background: #545454;
  cursor: default;
}

.faqsNavigation ul li a span {
  background: transparent url("../themes/cit/images/pageElements/buttons/spritesMenuArrows.gif") right -3px no-repeat;
  width: 213px;
  display: block;
}

.faqsNavigation ul li a:hover span {
  background-position: right -33px;
}

.faqsNavigation ul li.selected a span,
.faqsNavigation ul li.selected a:hover span {
  background-position: 201px -60px;
}

.faqsNavigation ul li.selected ul li a {
  background-color: #f1f1f1;
  color: #d3005d;
  cursor: pointer;
}

.faqsNavigation ul li.selected ul li a:hover {
  background-color: #f1f1f1;
  text-decoration: underline;
  cursor: pointer;
}

.faqsNavigation ul li.selected ul li.selected a {
  background-color: #dcdcdc;
  cursor: default;
}

.faqsNavigation ul li.selected ul li.selected a:hover {
  text-decoration: none;
}

#faqsContainer {
  overflow: hidden;
  zoom: 1;
}

#faqsContainer h1 {
  font-weight: normal;
}

#faqsContainer h1 span {
  text-transform: none;
}

#faqsContainer h2 {
  margin-top: 0;
  padding-bottom: 5px;
  font-weight: normal;
  border-bottom: solid 1px #d0d0d0;
}

#faqsContainer h3 {
  margin: 0 0 5px 0;
  font-weight: bold;
}

#faqsContainer .divider {
  padding-bottom: 20px;
  background: transparent url("../themes/cit/images/pageElements/background/pageRule.jpg") no-repeat bottom left;
}

#faqsContainer p {
  margin: 0 0 20px 0;
}

#faqsContainer ul {
  margin-left: 20px;
  padding-left: 10px;
}

#faqsContainer .faqLinks {
  background-color: #f2f2f2;
  width: 206px;
  height: 405px;
  margin: 0 10px 10px 0;
  padding: 10px;
  border: solid 1px #e3e3e3;
  float: left;
}

#faqsContainer .last {
  margin-right: 0;
}

#faqsContainer .faqLinks h2 {
  background: transparent url("../themes/cit/images/pageElements/background/boxRule.gif") 0 bottom no-repeat;
  margin-top: 0;
  padding-bottom: 8px;
  border: none;
}

#faqsContainer .faqLinks ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#faqsContainer .faqLinks ul li {
  width: 100%;
  float: left;
  clear: left;
  background: transparent url("../themes/cit/images/pageElements/background/MenuArrowOnGrey.gif") 0 -5px no-repeat;
  margin-left: 10px;
}

#faqsContainer .faqLinks ul li a {
  text-decoration: none;
  padding-left: 20px;
  float: left;
}

#faqsContainer .faqLinks ul li a:hover {
  text-decoration: underline;
}

#faqsContainer ul.faqAnchor {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: inside none;
  overflow: hidden;
  zoom: 1;
}

#faqsContainer ul.faqAnchor li {
  background: transparent url("../themes/cit/images/pageElements/background/MenuArrowOnWhite.gif") 0 -5px no-repeat;
  margin-left: 0;
  padding-left: 15px;
}

#faqsContainer ul.faqAnchor li a {
  text-decoration: none;
}

#faqsContainer ul.faqAnchor li a:hover {
  text-decoration: underline;
}

#faqsContainer p.backToTop {
  margin-top: -15px;
}

#faqsContainer p.backToTop a {
  text-decoration: none;
}

#faqsContainer p.backToTop a:hover {
  text-decoration: underline;
}

#faqsContainer .baggage ul {
  list-style: none;
  padding-left: 0;
}

#faqsContainer .baggage ul.faqAnchor li {
  width: 210px;
  float: left;
}

#faqsContainer .baggage h3 {
  text-transform: uppercase;
}

#faqsContainer .no-wrap {
  white-space: nowrap;
}

/* New left col nav */
.leftColNav2013 {
  margin-bottom: 10px;
}

.leftColNav2013 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.leftColNav2013 ul li {
  padding: 0 0 2px 0;
}

.leftColNav2013 ul li.heading {
  background: #333;
  padding: 0px;
  color: #fff;
  display: block;
}

.leftColNav2013 ul li.heading a {
  background: transparent;
  color: #fff;
}

.leftColNav2013 ul li a {
  background-color: #f1f1f1;
  padding: 9px 0 9px 12px;
  color: #d3005d;
  text-decoration: none;
  cursor: pointer;
  display: block;
}

.leftColNav2013 ul li a:hover {
  text-decoration: underline;
}

.leftColNav2013 ul li.selected a,
.leftColNav2013 ul li.selected a:hover {
  background-color: #dcdcdc;
  text-decoration: none;
}

.leftColNav2013 ul li.selected.heading a {
  background-color: #333;
}

/* Filippo Berio Button */
.filippoBerioCompetition {
  background: transparent url("../themes/cit/images/pageElements/background/filippo-berio-button.png") 0 0 no-repeat;
  width: 235px;
  height: 0;
  padding-top: 128px;
  display: block;
  overflow: hidden;
  zoom: 1;
}

/* BUG-414 All brands - Call us panel phase 2 */
.js .fancybox-container-wrapper {
  display: none;
}

#holidayOptionsBody #fancybox-container {
  width: 500px;
  height: 375px;
  padding: 10px;
  margin-right: 20px;
}

#holidayOptionsBody #fancybox-container h2 {
  background-color: #fff;
  background-image: none;
  color: #000;
}

#holidayOptionsBody #fancybox-container ul {
  margin-left: 20px;
}

#holidayOptionsBody #fancybox-container h3 {
  text-align: left;
  background-color: #fff;
  background-image: none;
  color: #e42875;
  font-weight: bold;
}

/* Trim Text and extras */
.moreInfo, .lessInfo {
  padding-right: 10px;
  cursor: pointer;
  color: #e00060;
  zoom: 1;
}

.js .textToggleFunction .shortText,
.js .moreInfo {
  display: block;
}

.js .textToggleFunction .toggleText,
.js .lessInfo,
.no-js .textToggleFunction .shortText,
.no-js .moreInfo,
.no-js .lessInfo {
  display: none;
}

.js .swapText .toggleText,
.js .swapText .lessInfo {
  display: block;
}

.js .swapText .shortText,
.js .swapText .moreInfo {
  display: none;
}

/* Request 4018 Destination skyscrapers */
.left-destination-banner {
  position: absolute;
  left: -143px;
  top: 0;
  width: 143px;
  height: 886px;
  background-color: transparent;
}

.right-destination-banner {
  position: absolute;
  right: -143px;
  top: 0;
  width: 143px;
  height: 886px;
  background-color: transparent;
}

.headingPadding .left-destination-banner, .headingPadding .right-destination-banner {
  top: 56px;
}

.container-wrapper {
  margin: 0 auto;
  width: 1316px;
  background: #f9f9f9 url(../images/backgrounds/sitebackground.gif) repeat-y top center;
}

#container {
  position: relative;
}

/* Citalia Maps */
.show-map {
  padding: 10px;
  border-bottom: 1px solid #6C6C6C;
  border-right: 1px solid #6C6C6C;
  border-left: 1px solid #6C6C6C;
  margin-bottom: 20px;
}

/* qBrandRating */
.brand-rating {
  overflow: hidden;
  margin-bottom: 5px;
  display: inline-block;
  width: 75px;
  overflow: hidden;
}
.brand-rating:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.brand-rating-a.brand-rating1 {
  background-image: url(../../../../war/themes/cit/images/sprites/sprite-rating.png);
  background-position: 0px -30px;
  width: 84px;
  height: 15px;
}

.brand-rating-a.brand-rating1plus {
  background-image: url(../../../../war/themes/cit/images/sprites/sprite-rating.png);
  background-position: 0px -45px;
  width: 84px;
  height: 15px;
}

.brand-rating-a.brand-rating2 {
  background-image: url(../../../../war/themes/cit/images/sprites/sprite-rating.png);
  background-position: 0px -30px;
  width: 84px;
  height: 15px;
}

.brand-rating-a.brand-rating2plus {
  background-image: url(../../../../war/themes/cit/images/sprites/sprite-rating.png);
  background-position: 0px -75px;
  width: 84px;
  height: 15px;
}

.brand-rating-a.brand-rating3 {
  background-image: url(../../../../war/themes/cit/images/sprites/sprite-rating.png);
  background-position: 0px -90px;
  width: 84px;
  height: 15px;
}

.brand-rating-a.brand-rating3plus {
  background-image: url(../../../../war/themes/cit/images/sprites/sprite-rating.png);
  background-position: -111px 0px;
  width: 84px;
  height: 15px;
}

.brand-rating-a.brand-rating4 {
  background-image: url(../../../../war/themes/cit/images/sprites/sprite-rating.png);
  background-position: -111px -15px;
  width: 84px;
  height: 15px;
}

.brand-rating-a.brand-rating4plus {
  background-image: url(../../../../war/themes/cit/images/sprites/sprite-rating.png);
  background-position: 0px -15px;
  width: 107px;
  height: 15px;
}

.brand-rating-a.brand-rating5 {
  background-image: url(../../../../war/themes/cit/images/sprites/sprite-rating.png);
  background-position: -111px -30px;
  width: 84px;
  height: 15px;
}

.brand-rating-a.brand-rating5plus {
  background-image: url(../../../../war/themes/cit/images/sprites/sprite-rating.png);
  background-position: 0px 0px;
  width: 111px;
  height: 15px;
}

.brand-rating-b {
  padding-top: 10px;
  background-image: url("themes/cit/images/pageElements/icons/ratings-a.gif");
  height: 7px;
}

.brand-rating-b.brand-rating1 {
  background-position: 0 3px;
}

.brand-rating-b.brand-rating1-5 {
  background-position: 0 -27px;
}

.brand-rating-b.brand-rating2 {
  background-position: 0 -57px;
}

.brand-rating-b.brand-rating2-5 {
  background-position: 0 -87px;
}

.brand-rating-b.brand-rating3 {
  background-position: 0  -117px;
}

.brand-rating-b.brand-rating3-5 {
  background-position: 0 -146px;
}

.brand-rating-b.brand-rating4 {
  background-position: 0 -177px;
}

.brand-rating-b.brand-rating4-5 {
  background-position: 0 -207px;
}

.brand-rating-b.brand-rating5 {
  background-position: 0 -237px;
}

.brand-rating-b.brand-rating5-5 {
  background-position: 0 -267px;
}

.back-to-top {
  text-align: right;
}

.back-to-top a {
  text-decoration: none;
}

.js .fancybox-container-wrapper {
  display: none;
}

.no-js .fancybox-container-wrapper {
  clear: left;
}

#fancybox-container.classifications {
  width: 500px;
}

.monthly-collections {
  margin-left: 0;
  padding-left: 13px;
  list-style: none;
}

.monthly-collections p {
  margin-top: 0;
}

.monthly-collections p a {
  color: #464646;
}

.monthly-collections .description {
  margin-top: 0;
}

.monthly-collections li {
  float: left;
  margin-right: 20px;
}

.monthly-collections .collection img {
  width: 200px;
  height: 150px;
  border: 1px solid #cdcdcd;
  margin-bottom: 5px;
}

.monthly-collections .collection {
  position: relative;
  padding: 7px;
  width: 202px;
  height: 260px;
  background-color: #f5f5f5;
  border: 1px solid #cdcdcd;
}

.monthly-collections .shadow {
  width: 216px;
  height: 17px;
  background: transparent url("themes/cit/images/pageElements/background/monthly-collections-shadow.jpg") no-repeat 50% 0%;
}

.monthly-collections .read-more {
  position: absolute;
  bottom: 15px;
  right: 19px;
  text-align: right;
  margin-bottom: 0;
}

/*
 * WSR-1961
 * Implementing slick
 */
.slick-slider .slick-prev::before,
.slick-slider .slick-next::before {
  content: "";
}

.slick-slider .slick-prev {
  background: url(../images/pageElements/banners/left.png) no-repeat 0 0;
  left: 15px;
  bottom: 60px;
  top: auto;
  height: 32px;
  width: 32px;
  background-size: 32px 32px;
}

.slick-slider .slick-next {
  background: url(../images/pageElements/banners/right.png) no-repeat 0 0;
  right: 15px;
  bottom: 60px;
  top: auto;
  height: 32px;
  width: 32px;
  background-size: 32px 32px;
}

.slick-slider.center-controls .slick-prev {
  bottom: 0;
  top: 50%;
}

.slick-slider.center-controls .slick-next {
  bottom: 0;
  top: 50%;
}

.home-banner {
  margin-bottom: 8px;
}

.cluetip-content {
  font-weight: normal;
}

.cluetip-inner .cluetip-content {
  display: block;
  padding: 5px;
}

.cluetip-inner .cluetip-content p {
  margin: 0;
}

#cluetip-8 {
  z-index: 99999;
}

.cluetip-outer {
  -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);
  box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);
  background-color: #fff;
  padding: 12px;
  border: 1px solid #ccc;
}

.cluetip-title {
  display: none;
}

.clue-right-rounded {
  padding-left: 10px;
}

.clue-left-rounded {
  padding-right: 10px;
}

.clue-top-rounded {
  padding-bottom: 10px;
}

.clue-bottom-rounded {
  padding-top: 10px;
}

.clue-right-rounded .cluetip-arrows {
  background: transparent url(../images/pageElements/background/left-point-small.png) no-repeat 0 2px;
  width: 11px;
  height: 60px;
  left: 0;
  top: 0 !important;
  position: absolute;
}

.clue-left-rounded .cluetip-arrows {
  background: transparent url(../images/pageElements/background/right-point-small.png) no-repeat 0 2px;
  width: 11px;
  height: 60px;
  right: 0;
  top: 0 !important;
  position: absolute;
}

.maxWidth480, .menu-button, .menu-close, .overlay, .row-nights, #menu #globalnav li#holidaySearch {
  display: none;
}

.searchPanelWrapper.maxWidth480 {
  display: block;
}

#content .cse .gsc-control-cse, #content .gsc-control-cse {
  padding: 0;
}

#content .gsc-above-wrapper-area .gsc-result-info {
  padding: 8px 0;
}

#content .gs-webResult.gs-result a.gs-title:link, #content .gs-webResult.gs-result a.gs-title:link b, #content .gs-imageResult a.gs-title:link, #content .gs-imageResult a.gs-title:link b, #content .gs-result .gs-title, #content .gs-result .gs-title * {
  color: #333;
  margin-bottom: 5px;
  text-decoration: none;
}

#content .gs-webResult div.gs-visibleUrl, #content .gs-imageResult div.gs-visibleUrl {
  color: #d3005f;
}

#content .gs-webResult.gs-result a:hover.gs-title:link, #content .gs-webResult.gs-result a:hover.gs-title:link b, #content .gs-imageResult a:hover.gs-title:link, #content .gs-imageResult a:hover.gs-title:link b {
  text-decoration: underline;
}

#content .gs-webResult div.gs-visibleUrl, #content .gs-imageResult div.gs-visibleUrl {
  color: #d3005f;
}

#content .gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #d3005f;
}

#content .gsc-table-result, #content .gsc-thumbnail-inside, #content .gsc-url-top {
  padding-left: 0;
  padding-right: 0;
}

table.lpInviteChatTbl td {
  padding: 0;
}

.rooms-available {
  display: none;
}

.clear {
  clear: both;
  overflow: hidden;
}

.half {
  width: 49%;
  float: left;
  margin: 10px 0 0;
}

.half + .half {
  margin: 10px 0 0 2%;
}

.half .half {
  margin: 0;
}

.half .half + .half {
  margin: 0 0 0 2%;
}

.third {
  width: 318px;
  float: left;
  margin: 10px 0 0;
}
@media (max-width: 480px) {
  .third {
    width: 100%;
  }
}

.third + .third {
  margin: 10px 0 0 11px;
}
@media (max-width: 480px) {
  .third + .third {
    margin: 10px 0 0;
  }
}

.closeModal {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAGQCAYAAAAjsgcjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzRGRjc2NzEwNERFMjExQTc0M0U0NzZGQkE0MTM5RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMTg4NzhCQTZBNEYxMUUyQTQ2NEQ0Nzc1M0U1REU1MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMTg4NzhCOTZBNEYxMUUyQTQ2NEQ0Nzc1M0U1REU1MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0QzZBQjVDNEU2QUUyMTE5NTdDREVCQjFFNDc0RjQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3NEZGNzY3MTA0REUyMTFBNzQzRTQ3NkZCQTQxMzlFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+T32etwAAHWhJREFUeNrsnQtU1VX2x388FcQHaIZEiFb4QDQtSszG7IGplM+sCSvNno72GDNb/3+t5WQ1tpoms6an49DY1OhKXVNqZGmlpI6pmamI/ccAGZ+QKIggCv/9vZyD5/743efv8rvcy95rHS/I7/7uuZ977j5777PPPiH19fUai3USwsAZOANnYeAMnIWBM3AWBs7AGTgLAw9q4CEhIU7/HugfmKv35+v3zsBbG/CQCy+gPho1u5d10OTf0K96Bm4PWW2hooUpLVR5VKFLuHXUziuP55Xf69QPwhn8oAWuG8kq3HDRIkSLFI9h8+bNS7n55puv6tatW+/27dt3j46OToyMjOwYGhoajRvV1dVVnTt37sTZs2eLampq/lNZWbnr559/zrvlllv20p/P6T4Ew5FvNXDbk5w1Hzxfjs4wAbIttRhqsdQuptadWgq1tLFjx2auX7/+1V9++WUdATxR76XQh1BaUVGx/OjRo7OWLVvWQ7xmhOhDiBxoZtWhq/du1Jp1hCuqQx3NbUSLEi36gw8+uLlv376DBgwYMDIiIiLal5Mi9a/i5MmTOadPn85LTEz8VBn19T179qw/cOBA4I9wRW1IwO3EiE6gdjm1/tSuW7p06cuHDx/eV2+RkOrZUlZWdr/oU7gyPwTuCNeN6nChkyV0tI7Dhw/v/tJLL2UPHjx4lLN7k2rRvv/+e23fvn1aYWGhdvDgQe3EiRMajVbb39u1a6fFxsZql156qZacnKz17t1bS09P13r06OG0z6Tr/7Jjx45Xhw0bViJHu2LlBM6kKWCHKvoasKOFzu6AUf7hhx+OJ7k7KiqqvdH99u/fr61YsUJbu3atRqO/sQ+yH/r+yNdXv5E0yWqZmZnauHHjtF69ejnqd1l5eflzcXFxf9VPrAEBXAc7UkxUGNHthTrp/N13380cMmTIjUb32LBhg/buu+9qP/zwQyNgskY8tiJwL7JeGj+AgQMHag899JBGo9nwXtXV1e/Qh/+4N9D9BlyBLc27KDGqOwI0tYv27t37P3369EnTP3/37t3aCy+8oP3444+21woLC7N7Tf3rOxrhRr/j5/Pnz9seaULWnn32Wa1fv35N3gPp9tVt2rSZIExJt6H7BbjOrpYqBKO6E0AnkZB6mEVf7RT1SWT2aX/+8581UjG2jqugXT06euPOHgEez7/77ru1p556SiPAdvcgU/KrlStX3jlp0qST7kL3B3A5QcrJMUrqampdqcXn5+c/Q5PZFeqTMAE++eSTtskQoKE6jHS1+rs7wPWWg163Q9UAPCbX1157zTbR6qGTWTpajHSXE6k/gKsTpBzZccKh6UZqYlb//v37qE+Ajn700Ue1U6dONY5q+RpSZ7sa0e6OPEemGaB36NBBe/vtt206Xgd9FUEfr+h0nwIPNRN3MrC1obO7YGSTGnlADxsT4/3332+DHR4ebjeKAVsFbsbl1t9X/R0Nr40+oC/okyr0tyyaSBeYtdF9PcKlKjFy1S+hr+uYJ554Yrz6BEyKU6ZMwQRlG9ny3r6C7K6DIi0YCEZ6ZGSklpOTY5tUVamqqnqI7Py/OlMtVqoUVW+3U3T2JfQVTd24ceMs6myUvLioqEi76667NHKxbaNLrz6aE7YjrxDghQqxqZd//vOfdjoddjrNP4NSU1MP+hJ4qAlVEqYA7yDMv65z5869VYWNEY0J0gi2Xmc390KD+ppyopbq5fe//72tr8r1nS+77LJZvlYtoSaeFy6sEjnCu7z44ovDb7/99qvVC1955RWNRoqdGlHfsBWw9d9W/QeNvqGP6KsqZDo+dubMmWxf9sHbER4mJspoMVHCMuk8ceLEa/VOzccff2xnjajeo5Ww9dD13zD0EX1Fn1Uhi+URf45wvWUigceS2khPSUnppuq3efPm2XSlkb52x4MlawGBJtujOzqaRqNWUVFhe3QRNm7S0Ef0FV6v+lz6IDJOnz59u6+gh3o5uqX7Lj3K2GuvvfYy9cJvv/1W27VrV6MqceTMGAkAIypIloJNr+IRcwAmOCOB11peXm4DXVtba3t0dr2jvqCvsKbQd90oH+pv4G0U4B179OgRT7o7Vb3w/fffd2hnu4INwHqBCYfRrocI2AjX6kc0RitGuyvoRvb/e++9p7fNHz5w4MBFVgNX3fg2inXSYcaMGQOjoqIi5IUFBQXajh07mkyUrkQP+/rrr9feeustjLBGiCp0CVsKAlOLFy/W2rdv36hmXEHX9w99hjeMsIPy95jExMRJvhjloV5cr+pvODwxgwYNulS96F//+leTr6wr6Eaw33nnHe3WW2+1hW310I1gL1myRLvhhhtsjowKHdc70umO4jd4D3ZvPDR0qD9GuNTfcoTbgKenpyeoF65Zs8atoJM64RnBpm+N7XdA1EM3gt2xY0fb74iPqNBxvauJV9/f3NxcPfDh/hrh0p3HCI++6aabEsnRiVBXbI4ePdokAugMOkarlKFDh9rBliKhwxVXTTo9bCmA/vrrr6tBKbcnUNz7yJEjtiU+5ZqLSD319ccIl6s5tnbjjTcmqhdBdxt9VZ2JCgPxaj1sPfS2bdvadG3//v0NYUNgpSDerkx8btvn8uetW7fqHaHr/alSbMDT0tK6qhfBY/NEnehhPP7449o333zj8FoslSGsSvOG9sEHHziEfc899zQ6MegDPiR3nSL5MyZ/nVoZ4A/gcpQDemRycrLdO0aeh6cepByxENjRDz/8sFPov/nNb7SPPvrIFnRyBRsSHR3tcZ9wvapSBPAUq4Gr65a21rVrV7vEHbnSbmQFOBOkPEi9L6HrHRBXUUwEoRAC3rNnj9199ctprqwVKSUlJfrLevoDuF1OII2ySPUieHzexEqgVmJiYjyCroeNBQVvYDv6AH799Vf9/3Xxh+OjZrWG0gQXpl6kmmueihH06dOnN1mVMTIrcd3evXtNw1YHiYHH284frr0+zdinAujSSsGbhwWDSdJVMOqRRx6x2elSNSCe4srDdCXS7lek1l/x8EahN3Zer4vNiOpBAnLfvn1tpqAr9QT7/c0337R9YHJFxyj24k7U0dF7ob9VWg1cv+OgjnTnWfWCTp06NckL8QY2JDU11eYxGlkjRgIPFd8GR7EXT8FLT1U1gqwEbrTzoI48MjufGXl9+o67A95RbMTIznZ2P5iMzsIAzgDr73vxxRfrI5D/tRq4ur0Dw+Yc2aoVdnZTz54ej2x9LMUZbFgj9957r5aXl+fUOVKhI7TrziKGvk94LzrZ5w/g58TkYWu7du2ys52Q1aTPhHInLCuvcwV76tSp2vbt27UZM2ZoGzdudHhPhAHcjaUY9VXOH7oQxA6rgcvRDb2NiNPZdevWHVUvuuqqq5p8RV1BV2HMmjXLobuOkf3TTz/ZrocVAsvEkcmIDxFrlO7GUoxS46655hq7a+hbuNEfwGsFbLRqesNHaWJqJJaSkqKR99mY9+HObgoVxmOPPWZbADBy1wEb6kE2QEUqst45wv/DaVK/Ac5scn0f0ff4+Hi7xH762/G4uLi9/gCO0Q2FeEY8Vm/ZsqVUvXDUqFEeqRXEUqSzgxUauOcSuhobkVAQG5H3xZonoMvYC0a+HrY7sRR9f7HwYWeA19Z+q3mxS8KsWVgnRjhAV8m2devWY+pFY8aMcZrFauS4wMOUUCR0QNQHoqQHaRQG+Pzzz21qRg/bWaTQqI9oeA864N/5wrHzJNVN5hJilQcxhUuo4TvXIykpqXd+fv44enNhalx7586djUmb7iwiQzcDtqM+6d11XA87W6ovvbiCLSHj+TLnEPe88sorbdFI1eHZtGlTL3KuDquj3IpUN2ml1IjRDc+rsri4uHTp0qVF6oX4mhvl87nS5XA25MhVP3Sj2IiMvaipGN7A1vcTfddNlosI9jFfjHBvHB8JHN7EKdk2b978X70tjBUZTG76r6sr6LBSEE+BHY1HeK+OJj15PQBj+Q2P2NnmDmx9f9BX9Bl91wH/TvNyp5sZlSI/IJl8j/S2eK1hJ3EyGtnkE9PS0mLlxdC9yJoVwXvL0pPd9SrVES7VErJo1X1ApLv/TR/kMDF31bnr8foyliJNQ1gp8DLLqZ1AI4fFzhNDx3/72982bmzSqxV/lP5QX1tVJ+gj+qrfdFVeXv6+dmEvp2b1CJcfkpoXjoDDpWKkJxH0EZMnT75MjZHgjSCxxihd2cFrNCts/ajGRAkPGY6SqrrIs32L1NUsYQrXeRLT8WV4VrXHq0QEDe59Gdq8efO2ke1cqzocWD3HZCg9SvUN+6LIgCdqxAg2Jt5XX33VDjb9/dcvv/xygS9Ht5l4uGqPnxYqBc5P6f79+w9S5+1iDthZgHw9vCE5iaqmWHND1+tsCRt9QZ+QB6nfLn7kyJG5EydOPKi52FhlhUqRNrnhlhOoFTySmThq0qRJl6tPgguONAh4h1K96BM+fali9CpE/WAxsmHVIMClt0roG/o+WUZPim/xOa2F7PFxtKkqUbSEvLy8cdddd51dgHzLli026HBw1ER9o9zx5tw2CBUH2IMHD7Z77unTp78kFXOH+PbWai1kU5WErhadkRtiYSomCOjx5PaPT09Pt4vkt9SNseS1bqAPYqwC26n+tnqfphofPyt0OSbQ41CB1A7hMSsr69Pt27cf1et02LuIk0h32mhSk4Dkz66aeq1+UpavkZ2d3WTHmoCdN3v27PsUNeJxdYnmHuGqanG49ZtaN5qY4r/++utxGRkZl+hvAOcIW1OwW8Kd4gbq/xn13VFxA3iQzz33nGFxA9LZ66hv9+Tn51fo9HaL2/otoctcFXVnhK24gdDraBetWLFi9Lhx4/oYdRwTKiwZq8t3kDXy927dus0WjlyN5kEZj5ZSviNSmUgby3eIEd/lhRdeGDpz5swhHTp0MAyO+KJADRYPRowY4bRADamYkwUFBS/RiP+b0Nkeq5IWX6BGhHU79+nT51JSI9dPmDChv7N7I5kSKcPIYsXPhw4dsqXSyQVnBKoQ2EpISLDZ0YCLZTFXJZho0v77okWL/vLiiy8eUGAHToEa5Vp9CSapYmIU3R4nHmOff/75DLLVryZQ8Va49qSrfyTL6EMyBT9WVEitFoglmHTQ9UXG5I4JWXGio9DxeOxA1sFAbDscNWpU/6ioqEhfQibVUUVqamVRUdEWuv9qEY5QVUjgFhkzgB6qAx8lwMvaKmqLSU1N7Tp9+vQraaLrkZaWlkwOiFc1DGtqak6S+vnh4MGD299+++1VZAaWKKBrFNB1ZuLcLa4UqkGhSFnpza5QpHahxJ78P3wjIseMGZM4cuTIK0jnX0J6uktcXFws6e1ocskjRKz6bHV1deWpU6dKy8rKSoqLi/eT+bltwYIFewXgM4rqOKuoj/OaqEkbdLVnlZqzoboRH6GoG1mtU+4ditQu1KDVF3TUJySd1S5kEsgRXKOojVrdiK4T/a43G7cJlmK/EQrocM2+wrIK/LwCUoKtVQC3yGK/XM6aC7ZzwfZmBe5vYeCtHTiLxeFZFgbOwFkYOANnYeAMnIGzMHAGzsLAGTgLA2fgDJyFgTNwFgbOwFkYOANn4CwMnIGzMHAGzsLAGTgDZwkC4BYWFJObuOS+f+yQk1sRZZ0uVKKT27wbxQoWwQY8RIDGjmfU4EItrs7i/7ANBTvbUH8QNRaLtYYCadgfVG8VcIdFXHzdmvv1BWxsPcTm+gmpqanzly1b9sPhw4cr6kjOnTt3/sCBA2VvvPHGt7GxsXPomhFaQ02XNlayCArgAjb2e/amln3fffd9XFFRUV3vQH755ZeyQYMGvSKgXyxUEAP3ADZUxhWAPXHixI/OnDlTW+9CMNrbt2//ND0nXXxYDNxN2NhIi7MD7hwxYsTfTp06VV3vppB6QbX3iVpDIR0G7gbsNmJyHJ+RkfFOaWlpVb0HUlhYiHqL08W3g4G7uF+ksELG0AS5AJNjvYdCEyksl6eo9bcKeGhAOg8hIRHC9EtLSkoasnr16inx8fEx3hhpVvc9NABhY/89itz069Kly+Avvvhiavfu3Tt6c6/i4uJy7ULVCQbuADaqCfWNiYm5Jjc39/7evXt7ffz5qlWrcDThceF9WiOBosOFrQyv8frQ0NCn161b9596E0I6/1Tnzp3/l+53LZuFTZ+LbyJKNmVQe2LFihV7zMCurq6uve222xZjwqXWjR2fprCho6+mNnPRokXbzMCGi//AAw+soHtNFuZgW3bt7W1tRPsGUnvk5Zdf/tYMbMRUnn76aRxYPw2Troi9hDBw+2AUwDwwZ86cXAAzA/yPf/wjDj96mNqV4oMMsXo+a5HAdcGoex988MGVUAVmYJMq+p7uNUOoJqioUH2/WiVwJT4C/Xr3hAkTPsIkZwb28uXLcdTVE9QGi8k31KhfrQ64Eh9BLdM7hg8fvsiTYJSRfPXVV/8HMxLmpDArwxz1qzUCR3wERxqMHThw4BvHjx+vMgN769atB6Ojo5+l+w3XGgoOhzvrV6sCrjWUzkN98azLL7/8T+R2nzQDe+/evcfI9X+e7pcpFhnCXfWr1QDXGuoTIiadSd7fvIKCglIzsAsLC08kJibOp/uN0hqOR4hwp1+tAriAja/7jTExMc9u3779vyZd9op+/fq9LrxIrFlGutuv1gBcjY/M+eabbw6YgV1eXn5m6NCh72IRWWs4H66NJ/0KduBqfOTJlStXmoqPVFVVnR05cmQO3Qun7V0mTMsQBn4BdmN8ZPHixabiIzU1NecmT568TMRHeolF5RBP+xWswGV8BO71w/PnzzcVHzl//nzdzJkzP6V7TaWWKjzUEG8GQjACV+Mj02bPnv252fjI3Llzv6J7PSjWJWM8gR3swKXLnkLtnmnTpi03Gx9ZuHDhJrHqPkjkEYaYUXXBBjxcmGnjxo4dm0OTnKn4yJIlS3AO+2NixcYuPsLAG94Yvu5DkpOT/0Aue6UZ2GvWrNlHZiTSG4aIBeUwX0zmwQYcS1l35uTk/NsM7Ly8vMLIyMhn6F7DjIJRDPzCG4Pu/h1SE7yFvXPnzsPkjc6l+9ykNZx8Fe5LczXYEoFsZ/kkJCR08ObJBQUF5ZmZmZ9WVlbup19/pvYrligDLa8mIDOvAlmsBI5jXqoOHTp0ypsn9+rVq9PatWtvJ5WSIlaD4kRiEAN3IMhuKl2/fn2BtzcYMGBAfG5u7hSaNJHTjWMiOxL0sIAizmYhOz7s+LBrz8ErDl55G55FNhSHZ61dgJjBCxC8xMaLyLyIzGkSQZUIdJwTgTjVjZM5OZmz5aYrz+Z0ZQsT8j/55BNOyOctJy18UxV2n/GmqgDcNoiAGW8b9O/GWK55Vd/MW79RoikrK4u3ftdzcYOWVRFIibsMR9xl27ZtJSZXjFDz6g6ueeUaOlz1TLju+fn5x7wFjspuVte8CrhEIJFtheJgu0tLS7egkltRUdFJb+6VlJTUSaiTKM68cg69Fjku1H4qLi7eNHr06JwjR45UelNkiFPd3BdARx3ZnXv27Nkwfvz4f5SVlXlUu6qkpIRrXnkwyqHQUaj3KKBv3rz56+zs7KUVFRU17t7js88+2y0+NK555WG+C5dCtQp4PRf75XLWzhoXbLe4YDsfSdB0QZuBW2lABA1wFgbOwBk4CwNn4CwMnIGzMHAGzsBZGDgDZ2HgDJyFgTNwBs7CwBk4CwNn4CwMnIEzcBYGzsBZGDgDZ2HgDJyBN9cL2eeHI2EeWz1kwrzcmIrdCDJhHsnzSJi3bEQEY0I+/sFuBOwARjExbAvB4RnYEBUqIGM79kGtYVtIqfi/+mABbvWmKoxqbGQagY1N2OCEjU7Y8ISNT9gAhY1Q2BClNVTXxAapdpoXZaq52G+DGsEWvRHYsoete4629WHLH7b+0bXZWsNWwOjmgh7MwAEtHZtRMardKSKDTa4C+hWaBxWTGXjDG0NNkomkRja4W14DNQtRLYKedye1npqbFZMZeMMbwyidXlhY+KsnNU1KS0urMjIy3qHnjheTbBtfQg9m4Dgy4CmaID0uhYfJlCbSBVpDjSpsdo0MVOD+qCbhse0VHx8fs3r16ilJSUk4RiaNWhcyMyMC0fGxEjjs6SocfufNk7t3797xiy++mNqlSxeUM0XNQT6pyoXAgzy+atWqPd7eoHfv3hfl5ubeHxMTcw392pdabMBBt9gsvBal61DCzkw1NpTQQyk9zUHFZJ40Lzg+KMo45rbbbltstmIyikVqDRWTMzQ+qcrhG5NlqiejHKkPKiZvo3vN1HQVkxm4g5OqfFExGQWA6V6PaA0FgdtrfFJV855UhQ8MHxzd6wFNqZjMwJtaR40nVaGYutmKySjqTve619NgV2sBLqFjsoNd/cTy5ct3m4GOSRjHF9C97hbzBJ9UZSB2FZNxQIYZ6Ah24aAOraGAbw934i6tDTiksWIyjoDBUTBmoOMoGhxJQ/cbK1aV+KQqg2Utu4rJOPTIDHQcuoTDl+h+WVrDYUx8UpX+TWoNJ1XhGK9RONYLx3uZgV5QUFCKY8a0hpOqEIvnk6r0b1IsMGPNcwwOsENY1gx0HKSHwu50vxs1PqnK+E2KiS4Zi8g4qhFHNpqBjiMjcXSkxidVOQQuT6rCIaR34VBSHE5qBjoOR6V7PWkUd2n1wHUVk5EmMRnH7+IYXjPQcQywUdyFgTetmIyDpafioGkcOG0G+vz58/mkKjcqJseI9dAHcaQ6n1TV/CdVhYgcxEFY9V+4cOEms3GXadOmLad73UMtRYYAGLjxSVU45OixJUuW/GAGOk3CtWPHjs2he40TZmg4AzdeMYqjNoTMvKfWrFmzz2QIoDI5OfkPuJ9QWwzcyfFgwyIjI5/Jy8srNAM9Jyfn3yKrqxsDd35SFVKcbyIvcu7OnTsPm4i5IGXjd0KX80lVDj4geVLVz5WVlfszMzM/LSgo8CrXJSEhoYMwPdsGY14KSyACF4k/mDyvIJWSsnbt2tt79erVyZt7HTp0CFtbcBBHNQM3hh0m3PI+NGmm5+bmThkwYEC8t/dbv359gdjWwidVsVnIjg+79uzac/CKw7OqIMuLw7PWLkDM4AUIXmLjRWROk+A0iYBIBDrOiUCc6sbJnK05XXk2pytbmJD/ySefcEI+bznhTVW8qcrMtkEEknjbYPPXvOKNsRYBb9z6nZWVtRgllszA5q3fXNygRda8umPhwoUbzMDetm1biYiPDHcUH2HgSs0rdyq6OZL8/PxjcP1FfORis7D9AdzKNAksKEQnJSV5lUNSVFR0EhXeSktLt9Cvu5F9JbKwOBHIVXqJp084cuRI5ejRo3OKi4s30a8/IZeEYNdy5pVzsdW8Kikp8SgPsKys7Mz48eP/sWfPng30605qx6gFJGyrgSO76dhnn3222+0nVFTUZGdnL928efPXAvZRarbltoBNLrTYLORSqBY7Plzs1w+ufasuZ80F25su9zUvB4uBqys9fCSBhcBbrAERNMBZGDgDZ+AsDJyBszBwBs7CwBk4A2dh4AychYEzcBYGzsAZOAsDZ+AsDJyBszBwBs7AWRg4A2dh4AychYEzcAbOwsAZOAsDZ+AsDJyBM3AWBs7AWRg4A2dh4AycgbMwcAbu+QuEhIwWP/bz8KkvO/ujq37T687x8PV2i/uubk4efESvxRJuwWv0EyNnvpvfiGd8+eJevC6PcB7hzSu7W9h9eITzCPfOennGmc53ZdW4WyXO0eu4q9t5hPMIt8aKsOCbxSM8GIWBM3DW4ZbqTrouyx0rxV07nOaIVS1Jl/MID8IR7ijqN8eZHU4js63Jb1Q/F9bRyzzCedJkYeAMnIWBM3AWBs7AGThLgHqaXuWHuPIU3b2PE090jj88UB7hQTjC5ciZrxthjtYaV7Wk/vAI50mThYGzDndqLTzDI5wl+Ea4o3wUZcT7JD/cXxlWPMIZOANnscJIaIF7fGQMZLVJHe7V6/IeHx7hLAycgbMwcAbOwFkYOANnYeAMnIWBM3AGzsLAGTgLA2fgLAycgTNwFgbOwFkYOANnYeAMnIEzcAbOwFkYOANnYeAMnIWBWyz/L8AAHWgCuybDs4EAAAAASUVORK5CYII=);
  background-size: 34px auto;
  width: 34px;
  height: 34px;
  display: block;
  position: absolute;
  right: -13px;
  top: -13px;
  background-position: 0 0;
}

.overlay {
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 100;
  position: absolute;
  display: none;
  z-index: 1;
  opacity: 0.85;
  top: 0;
  left: 0;
}

#brochureWrapper .collectionContainer {
  width: 100%;
}

/*
 * Hide the navigation for tablet when on the booking path
 */
@media (min-width: 768px) and (max-width: 980px) {
  #holidayOptionsBody #menu,
  #holidayOptionsBody #breadcrumbs,
  #hotelDetails #menu,
  #hotelDetails #breadcrumbs,
  #yourDetails #menu,
  #yourDetails #breadcrumbs,
  #paymentDetails #menu,
  #paymentDetails #breadcrumbs {
    display: none;
  }
}
.gennaroButton img {
  max-width: 100%;
}

/****
Cookie message WSR-2207
***************************/
#cookie {
  display: none;
  position: relative;
  font-size: 12px;
  width: 100%;
  padding: 2px 18px;
  zoom: 1;
  left: 0;
  right: 0;
  z-index: 1035;
  color: #FFF;
  background-color: #333;
}

#cookie .container {
  width: 860px;
  margin: 0 auto;
}

#cookie .container p {
  font-size: 1.2em;
}

#cookie .container a {
  color: #fff;
  text-decoration: underline;
}

#cookie .container a.cookieInfo {
  margin-left: 150px;
  padding: 4px 0 4px 30px;
  background: url(/themes/cit/images/buttons/cookie-moreInfo.png) no-repeat 0 2px;
}

#cookie .container a.closeCookieMessage {
  margin-left: 50px;
  padding: 4px 0 4px 30px;
  background: url(/themes/cit/images/buttons/cookie-close.png) no-repeat 0 2px;
}

body.cookieAcceptance #saleHeader {
  top: 60px;
}

body.scrolling.cookieAcceptance #saleHeader {
  top: 0;
}

body.cookieAcceptance #agentLoginPanelContainer {
  top: 60px;
}

body.scrolling.cookieAcceptance #agentLoginPanelContainer {
  top: 0;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body {
    clear: both;
    float: left;
  }
}
@media only screen and (max-width: 1024px) {
  #cookie {
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
  }

  #cookie .container {
    width: 100%;
  }

  body.cookieAcceptance #saleHeader {
    top: 57px;
  }

  body.cookieAcceptance.scrolling #agentLoginPanelContainer {
    top: 59px;
  }

  #saleHeader.agentPortalOn {
    padding-top: 63px;
  }

  body.cookieAcceptance #saleHeader.agentPortalOn {
    padding-top: 50px;
  }

  body#agenLogin.cookieAcceptance #container {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  body.cookieAcceptance #cookie {
    padding: 3px 3px 10px 6px;
  }

  body.cookieAcceptance #cookie span {
    clear: both;
    float: left;
    margin-top: 5px;
  }

  #cookie .container a.cookieInfo {
    margin-left: 0;
  }

  body.cookieAcceptance #cookie a.closeCookieMessage {
    margin: 0;
  }
}
#tabbedContent {
  margin-bottom: 40px;
  overflow: hidden;
}

hr {
  border: none;
  border-bottom: 1px solid #ccc;
}

.destTabContent .faqContainer:last-of-type {
  border-bottom: 1px solid #efefef;
}

.faqContainer {
  border: 1px solid #efefef;
  border-bottom: 0;
  padding: 5px;
}
.faqContainer h3 {
  color: #D3005F;
}
.faqContainer h3 a {
  width: 90%;
  display: inline-block;
}
.faqContainer h3 span {
  width: 90%;
  display: inline-block;
}
.faqContainer h3:hover {
  cursor: pointer;
}
.faqContainer h3:after {
  background-color: #D3005F;
  border-radius: 50px;
  padding: 1px 8px;
  color: #fff;
  float: right;
}
.faqContainer p {
  margin-left: 25px;
}
.faqContainer h3.closed:after {
  content: '+';
}
.faqContainer h3.open:after {
  content: '-';
  padding: 1px 10px;
}

#foodquiz {
  width: 979px;
}
@media (max-width: 480px) {
  #foodquiz {
    width: 100%;
  }
}

.headerImage img {
  width: 100%;
}

.borderBoxHeading {
  border-left: 4px solid #D3005F;
  color: #444;
  background-color: #F6F6F6;
  padding: 10px 0 10px 3%;
  line-height: 50px;
}
.borderBoxHeading .newLine {
  display: block;
}

.borderBox {
  border-color: #F6F6F6;
  border-style: solid;
  border-width: 1px 10px 10px 10px;
  box-sizing: border-box;
  margin: 0 0 4%;
  padding: 2%;
  overflow: hidden;
}

#requestAQuote {
  padding: 10px;
}
#requestAQuote .clearlnk {
  padding: 5px 0 0 20px;
}
@media (max-width: 480px) {
  #requestAQuote .clearlnk {
    padding: 0;
    clear: both;
    display: block;
  }
}
#requestAQuote p {
  width: 50%;
}
@media (max-width: 480px) {
  #requestAQuote p {
    width: 100%;
  }
}
#requestAQuote .formField {
  overflow: hidden;
}
#requestAQuote .formField p {
  float: left;
}
#requestAQuote .formField p.message {
  margin: 6px 0 0 5px;
  padding: 48px 0 0 17px;
  width: 45%;
}
@media (max-width: 480px) {
  #requestAQuote .formField p.message {
    width: 100%;
    padding: 0;
    margin: -10px 0 0;
  }
}
#requestAQuote .formField p.pass {
  display: none !important;
}
#requestAQuote .formField p.error {
  color: #D3005F;
}
#requestAQuote .double {
  margin-top: 0.7em;
}
#requestAQuote #whoIsGoing p {
  width: 50%;
  clear: both;
}
#requestAQuote #whoIsGoing p.message {
  width: 40%;
  clear: none;
  margin: -170px 0 0 5px;
}
@media (max-width: 480px) {
  #requestAQuote #whoIsGoing p.message {
    float: right;
    margin: -180px 0 0 5px;
  }
}
@media (max-width: 480px) {
  #requestAQuote #whoIsGoing p {
    width: 100%;
  }
}
#requestAQuote .rqBudget span {
  float: left;
  width: 15%;
  text-align: center;
  padding: 18px 0 0;
  font-size: 2.2em;
}
#requestAQuote .rqBudget input {
  float: right;
  width: 80%;
}
#requestAQuote .rqBudget label {
  clear: both;
}
@media (max-width: 480px) {
  #requestAQuote .button {
    float: left;
  }
}

.hotelOfTheMonthCity {
  margin-bottom: 20px;
}
.hotelOfTheMonthCity p {
  margin-bottom: 0;
}

body#searchResultsPage.scrolling .footerPackageCompareCounter .packageCompareCounter .heart {
  border: 1px solid #D3005F;
  border-right: 0;
}

.shortListContent .shortListCards .remove {
  background: #D3005F;
}
.shortListContent .shortListCards .card .mainContent.active {
  border-color: #D3005F;
}

.shortListHeader i:before {
  color: #D3005F;
}

.atolAndTopNav .packageCompareCounter .total {
  background: #D3005F;
  border-radius: 4px;
  padding: 1px 3px;
}

.cluetip {
  margin-left: 4px;
  display: inline-block;
  width: 13px;
  height: 14px;
  cursor: pointer;
  background: transparent url(/themes/cit/images/pageElements/background/info.png) no-repeat 100% 50%;
}

.cluetip.ui-widget {
  background: none;
}

.fancyHeader {
  border: 1px solid #CCC;
  background-color: #E9E9E9;
  padding: 6px 0;
}

.termsAndConditionsAirline .highlight {
  font-weight: bold;
}

.smaller {
  font-size: 0.8em;
}

#index #content {
  font-size: 0.8em;
}

.indexOverlay {
  background: url(themes/common/jQuery/jquery.fancybox-1.3.1/fancybox/black-alpha-pixel.png);
  height: 100%;
  color: #FFF;
  padding: 10px 20px;
  position: relative;
  overflow: hidden;
}

.outerCenter {
  clear: both;
  display: inline-block;
  position: relative;
  left: 50%;
}

.innerCenter {
  display: inline-block;
  position: relative;
  left: -50%;
}

/*
 * MultiCentres (third)
 */
#multiCentres {
  background-image: url("/themes/cit/images/index/multiCentres/background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #EEE;
  background-size: cover;
  height: 318px;
  position: relative;
  overflow: hidden;
  line-height: 1.2em;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #multiCentres {
    background-image: url("/themes/cit/images/index/multiCentres/background-1.5x.jpg");
  }
}

#multiCentres .indexOverlay {
  transform: translate(0, 215px);
  transition: 1s ease-in-out;
}

#multiCentres:hover .indexOverlay {
  transform: translate(0, 0);
}

#multiCentres:hover span.minimize {
  display: none;
}

#multiCentresHead {
  overflow: hidden;
  border-bottom: 1px solid #EEE;
  margin: 0 0 15px;
}

#multiCentres h2 {
  font-weight: normal;
  margin: 0;
  font-size: 2em;
}

#multiCentres h2,
#multiCentres p {
  float: left;
}

#multiCentres p {
  font-size: 0.9em;
}

#multiCentres p:last-of-type {
  width: 85%;
  margin: 4px 0 10px;
}

#multiCentres span.minimize {
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  background: url(/themes/cit/images/index/multiCentres/arrowDown.png) no-repeat center;
  background-size: 30px 30px;
  float: right;
  margin: 6px 0 0;
  position: relative;
}
@media (min-width: 768px) and (max-width: 980px) {
  #multiCentres span.minimize {
    display: none;
  }
}

#multiCentres span.minimize span.arrow {
  overflow: hidden;
  height: 0;
  display: block;
}

#multiCentres ul,
#multiCentres li {
  margin: 0;
  padding: 0;
}

#multiCentres ul {
  list-style: none;
}

#multiCentres ul li:last-of-type span.destination {
  padding: 8px 0 0 0;
}

#multiCentres span.destination {
  display: inline-block;
  text-align: center;
  width: 40%;
  font-size: 1.1em;
}

#multiCentres span.destination + span.destination {
  margin: 0 0 0 18%;
}

#multiCentres span.nights {
  display: inline-block;
  text-align: center;
  width: 100%;
  font-size: 0.9em;
}

#multiCentres .multiCentreIcon {
  height: 36px;
  margin: 0 0 10px;
  background-size: 76px 36px;
}

#multiCentres .multiCentreIcon.aeroplane {
  background: url(/themes/cit/images/index/multiCentres/aeroplane.png) no-repeat center;
  background-size: 76px 36px;
}

#multiCentres .multiCentreIcon.train {
  background: url(/themes/cit/images/index/multiCentres/train.png) no-repeat center;
  background-size: 76px 36px;
}

#multiCentres .multiCentreIcon.car {
  background: url(/themes/cit/images/index/multiCentres/car.png) no-repeat center;
  background-size: 76px 36px;
}

/*
 * USP (third)
 */
#usp {
  background-color: #E6E3E5;
  height: 318px;
  padding: 10px 20px;
  box-sizing: border-box;
}
#usp h2 {
  font-weight: normal;
  border-bottom: 1px solid #999;
  margin: 0;
  padding: 5px 0 10px;
  font-size: 2em;
}
#usp ul,
#usp li {
  margin: 0;
  padding: 0;
}
#usp ul {
  margin: 10px 0 0 10px;
  background: url(/themes/cit/images/index/USP/atolLogoBlack.png) no-repeat right top;
}
#usp li {
  padding: 5px 0 5px 40px;
  list-style: none;
  background: url(/themes/cit/images/index/USP/tick.png) no-repeat left center;
  background-size: 24px 19px;
  font-size: 1.4em;
}
@media (min-width: 768px) and (max-width: 980px) {
  #usp li {
    font-size: 1.2em;
  }
}
#usp .readMore {
  display: inline-block;
  margin: 2px 0 0 30px;
  float: right;
  padding: 0 40px 0 0;
  line-height: 30px;
  font-size: 1.2em;
}

#index .gennaroButton {
  position: relative;
}
#index .gennaroButton .indexOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 103px;
  box-sizing: border-box;
}
#index .gennaroButton p {
  font-size: 1.4em;
  margin: 0;
}
@media (max-width: 480px) {
  #index .gennaroButton img {
    width: 100%;
  }
}
#index .gennaroButton span {
  display: inline-block;
  padding: 0 40px 0 0;
}
#index .gennaroButton .readMore {
  color: #FFF;
}

/*
 * Last Minute Italy
 */
#lastMinute {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  margin: 10px 0 0;
}

#lastMinute .indexOverlay {
  padding: 10px 20px;
}

#lastMinute h2 {
  margin: 0;
  font-weight: normal;
}

#lastMinute p {
  margin: 0;
  border-bottom: 1px solid #CCC;
  width: 60%;
  padding: 0 0 10px;
  font-size: 1.2em;
}

.lastMinuteDeals {
  overflow: hidden;
  margin: 0 0 10px;
}

.lastMinuteDeal {
  background-image: url(/themes/cit/images/pageElements/background/arrowRight.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 8px 16px;
  background-color: #FFF;
  display: block;
  padding: 10px;
  color: #464646;
  overflow: hidden;
  width: 49%;
  box-sizing: border-box;
  float: left;
  min-height: 85px;
  margin: 10px 0 0;
}

.lastMinuteDeal:nth-child(even) {
  margin: 10px 0 0 2%;
}

.lastMinuteDeal > div {
  width: 50%;
  box-sizing: border-box;
  padding: 0 4px;
}

.lastMinuteDeal span {
  display: block;
}

.lastMinuteDeal div.location {
  float: left;
  clear: left;
}

.lastMinuteDeal div.location span.details {
  display: inline-block;
  padding: 5px 0 0;
}

.lastMinuteDeal div.price {
  float: left;
  margin: 4px 0 0;
}

.lastMinuteDeal div.price > span {
  padding: 0 0 0 10px;
}

.lastMinuteDeal div.price span.price {
  color: #D3005F;
  border-left: 2px solid #CCC;
  box-sizing: border-box;
  display: inline-block;
  margin: 4px 0 0;
}

/*
 * Map
 */
#map {
  margin: 10px 0 0;
}

#map > p {
  background-color: #363636;
  color: #FFF;
  margin: 0;
  padding: 0 10px 10px;
}

#map h2 {
  background-color: #363636;
  color: #FFF;
  font-weight: normal;
  padding: 10px;
  margin: 0;
}

#mapInteractive {
  background: url(/themes/cit/images/index/map/background.png) no-repeat center center;
  background-size: 978px 567px;
  height: 567px;
  position: relative;
}
@media (max-width: 480px) {
  #mapInteractive {
    background-size: 652px 378px;
    height: 378px;
  }
}

#mapInteractive ul {
  margin: 0;
}

#mapInteractive li.markers {
  position: absolute;
  list-style: none;
  margin: 0;
}

#mapInteractive li.markers > a {
  background-image: url("/themes/cit/images/index/map/marker.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 22px 27px;
  padding: 0 0 27px;
  color: #000;
  width: 90px;
  display: block;
  text-align: center;
  line-height: normal;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #mapInteractive li.markers > a {
    background-image: url("/themes/cit/images/index/map/marker-1.5x.png");
  }
}

#mapInteractive li#marker-ItalianLakes {
  top: 30px;
  left: 282px;
}

#mapInteractive li#marker-Venice {
  top: 47px;
  left: 426px;
}

#mapInteractive li#marker-NeapolitanRiviera {
  top: 273px;
  left: 497px;
}

#mapInteractive li#marker-Sardinia {
  top: 310px;
  left: 300px;
}

#mapInteractive li#marker-Sicily {
  top: 475px;
  left: 490px;
}

#mapInteractive li#marker-Puglia {
  top: 274px;
  left: 597px;
}

#mapInteractive li#marker-Umbria {
  top: 160px;
  left: 427px;
}

#mapInteractive li#marker-Rome {
  top: 250px;
  left: 436px;
}

#mapInteractive li#marker-Florence {
  top: 117px;
  left: 375px;
}

#mapInteractive li#marker-Tuscany {
  top: 183px;
  left: 365px;
}

#mapInteractive li#marker-Liguria {
  top: 107px;
  left: 280px;
}

#mapInteractive div.mapContent {
  display: none;
  width: 300px;
  background: url(themes/cit/images/index/map/quoteMarks.png) no-repeat 100px 10px #FFF;
  background-size: 59px 63px;
  position: absolute;
  padding: 10px;
  margin: 10px 0 0 -120px;
  z-index: 100;
}

#mapInteractive div.mapContent:before {
  content: " ";
  border-bottom: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin: 0 0 0 -5px;
  height: 0;
  width: 0;
}

#mapInteractive div.mapContent span {
  display: block;
}

#mapInteractive div.mapContent .readMore {
  width: auto;
  background-position: right;
  padding: 0 36px 0 0;
}

#mapInteractive span.expert {
  display: block;
  float: left;
  width: 40%;
}

#mapInteractive span.expert img {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  border: 3px solid #FFF;
}

#mapInteractive span.expert span {
  display: inline-block;
}

#mapInteractive span.introduction {
  display: block;
  float: left;
  width: 60%;
}

#mapInteractive span.introduction h3 {
  margin: 0;
}

#mapInteractive span.introduction p {
  margin: 5px 0;
}

/*
 * Bottom section
 * 	- Hotel of the month
 *  - Destination of the month
 */
.bottomSection {
  position: relative;
}

.bottomSection img {
  width: 100%;
}

#hertz
, #ciaoCitalia {
  height: 270px;
}

.bottomSection .indexOverlay {
  position: absolute;
  bottom: 0;
  height: auto;
  width: 100%;
  box-sizing: border-box;
  background: url(/themes/cit/images/index/bottomSection/white-alpha.png);
  padding: 5px 10px 10px;
  border-top: 2px solid #fff;
  min-height: 50px;
}

.bottomSection .indexOverlay.top {
  top: 10px;
  width: 80%;
  height: 16%;
  border-top: 2px solid #fff;
}

.bottomSection a {
  color: #fff;
  min-height: 32px;
}

.bottomSection a.giroditaliaReadMore {
  line-height: 31px;
}

.bottomSection .indexOverlay.dark {
  background: url(/themes/cit/images/index/bottomSection/dark-alpha.png);
}

.readMore {
  background: url(/themes/cit/images/index/bottomSection/readMoreIcon.png) no-repeat right bottom;
  background-size: 30px;
  display: block;
}

.bottomSection h3,
.bottomSection h4 {
  font-weight: bold;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 980px) {
  .bottomSection h3,
  .bottomSection h4 {
    margin: 0;
  }
}

.bottomSection h3 {
  font-size: 1.4em;
}

.bottomSection h4 {
  font-size: 1.1em;
}

.bottomSection .description {
  display: inline-block;
  margin: 0;
  width: 70%;
  line-height: 18px;
}
@media (min-width: 768px) and (max-width: 980px) {
  .bottomSection .description {
    line-height: 1.2em;
  }
}

/* endorse quotes style */
.endorseQuote {
  margin: 10px 0;
}
.endorseQuote h3.header {
  background: #D3005F;
  margin: 30px 0 0;
  padding: 10px 10px 10px 90px;
  color: #fff;
  position: relative;
  font-size: 16px;
}
.endorseQuote h3 .pic {
  background: url(/themes/cit/images/general/Gennaro.png) no-repeat;
  width: 79px;
  height: 79px;
  position: absolute;
  z-index: 1;
  top: -14px;
  left: -4px;
}
.endorseQuote blockquote {
  background: url(/themes/cit/images/general/quote_1.png) no-repeat 6px 26px;
  border: 1px solid #EAEAEA;
  margin: 0;
  padding: 26px 16px 16px 42px;
  font-size: 16px;
}
.endorseQuote .shortText, .endorseQuote .toggleText {
  margin-bottom: 0;
}

.introPara {
  padding: 5px 14px 10px;
  overflow: hidden;
}

.teaser {
  clear: left;
}

.introPara h2 {
  font-weight: 300;
  margin: 12px 0 10px;
}

.introPara h2 + p {
  margin: 0;
}

.openingTimeWidget .phoneNumber {
  font-weight: bold;
  color: #D3005F;
  display: block;
}

.openingTimeWidget p {
  margin: 15px 0 0;
}

.openingTimeWidget p.widgetOpeningTimes {
  margin: 2px 0 0;
}

.introPara > div {
  float: left;
  width: 41%;
}

.introPara #leftColumn {
  background: url(themes/cit/images/general/or.png) no-repeat center right;
  padding-right: 54px;
  margin-right: 30px;
  width: 46%;
}

.mcContainer {
  overflow: hidden;
  border-top: 5px solid #D3005F;
  margin-top: 12px;
  padding-top: 2px;
}

.mcContainer h2 {
  float: left;
  height: 34px;
  margin: 4px 10px 4px 2px;
}

/* Call To Action */
.mcCTA p {
  margin: 0;
}

.mcCTA p.mcTel {
  color: #E00060;
  font-weight: bold;
  padding: 0;
}

.mcCTA p.cta {
  font-weight: bold;
  padding: 4px 0 0;
}

.filters {
  list-style: none;
  padding: 9px;
  margin: 0 0 10px 0;
  overflow: hidden;
}

.filters #filterHeading {
  border-bottom: 1px solid #e2e2e2;
  float: none;
  width: auto;
  font-weight: bold;
  padding: 0 0 6px 35px;
  background-position: top left;
}

.arrowDown {
  background: url("/themes/cit/images/general/downarrow.png") no-repeat center left;
  padding: 0 0 0 35px;
}

.arrowDown + p {
  margin: 13px;
}

.filters .text {
  font-weight: bold;
  float: none;
  width: auto;
  clear: left;
  padding-left: 4px;
}

.filters .showAllOption {
  margin: 10px 0 0;
  float: none;
  width: auto;
}

.showAllOption label {
  margin-right: 38px;
}

.filters .text span {
  display: block;
  padding-top: 14px;
  padding-bottom: 6px;
}

.filters li {
  padding: 3px 0;
}

.filters li label {
  padding: 3px 0 3px 5px;
}

.filterThis {
  list-style: none;
  padding: 0 0 20px;
  margin: 18px auto 0;
  clear: left;
  overflow: hidden;
  background: url(themes/cit/images/general/doubleline.jpg) repeat-x bottom;
}

.filterThis li {
  float: left;
  width: 173px;
  overflow: hidden;
  position: relative;
  margin: 0 4px;
  height: 230px;
}
@media (min-width: 768px) and (max-width: 980px) {
  .filterThis li {
    height: 290px;
  }
}

.filterThis li img {
  height: 124px;
  width: 166px;
}

.filterThis li .location {
  background-image: url(/themes/cit/images/pageElements/background/arrowRight.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 8px 16px;
  background-color: #FFF;
  border: 1px solid #ccc;
  border-top: none;
  padding: 5px 15px 5px 5px;
  height: 40%;
}
@media (min-width: 768px) and (max-width: 980px) {
  .filterThis li .location {
    padding: 5px 20px 5px 5px;
    height: 45%;
  }
}

.filterThis li a {
  font-weight: bold;
  text-decoration: none;
  display: block;
  width: 166px;
  margin: 0 auto;
  height: 100%;
}

.filterThis li a:hover {
  color: #D3005F;
}

.filterThis .tags {
  margin: 0 auto;
  overflow: hidden;
}

.tags span {
  display: block;
  float: left;
  color: #464646;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  margin-right: 10px;
}

a:hover .tags span {
  color: #000;
}

.spOfferLink {
  padding: 9px;
  margin: 0 0 10px 0;
}

.spOfferLink a {
  text-decoration: none;
}

.itinerary h1 {
  margin-top: 0;
}

#mcSubNav {
  margin: 0 0 20px;
  padding: 0;
}

#mcSubNav ul {
  margin: 0;
  padding: 0 0 0 25px;
}

#mcSubNav li {
  padding: 0;
  list-style-type: disc;
  list-style-image: url(themes/cit/images/generic/breadcrumbArrow.gif);
  list-style-position: outside;
  margin-bottom: 6px;
  margin-left: 12px;
}

#mcSubNav li.noLink {
  font-weight: bold;
  list-style-type: none;
  list-style-image: none;
  margin-top: 10px;
  margin-left: 0px;
  margin-bottom: 12px;
}

#mcSubNav li a {
  text-decoration: none;
}

.mcCTA {
  border: 1px solid #CCCCCC;
  float: none;
  padding: 9px;
  margin: 0 0 0 auto;
  margin-top: 10px;
}

.multicentres h1 {
  margin: 8px 0;
}

.call-experts {
  padding-top: 16px;
  overflow: hidden;
}

.call-experts ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left;
}

.call-experts ul li {
  float: left;
  margin-right: 10px;
}

.call-experts ul li img {
  width: 100px;
  height: 100px;
}

#quote-container {
  width: 50%;
  float: right;
}

#quote-container .expert-quotes {
  margin: 4px 0 0;
  min-height: 135px;
  padding: 20px 10px 5px 20px;
}

.expert-quotes li span {
  font-weight: bold;
  display: block;
  text-align: right;
}

#experts-container {
  float: left;
  width: 50%;
}

#experts-container .openingTimeWidget {
  float: left;
  clear: both;
}

#quote-container img.quoteIcon {
  position: absolute;
  left: 20px;
  top: -10px;
}

#quote-container {
  position: relative;
}

#multiCentreFooter {
  margin-top: 35px;
  overflow: hidden;
}

#multiCentreFooter > span {
  display: block;
  text-align: right;
  padding: 16px;
  float: left;
}

#multiCentreFooter span.phoneNumber {
  display: inline;
  padding-right: 20px;
}

#multiCentreFooter .openingTimeWidget {
  float: left;
  padding: 10px 0;
}

#multiCentreFooter .openingTimeWidget p.widgetOpeningTimes {
  text-align: right;
}

#multiCentreFooter .openingTimeWidget p {
  margin: 12px 0 0 13px;
  float: left;
}

.boxLinearBackground {
  background: #f1f1f1;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #fff, #f1f1f1);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #fff, #f1f1f1);
  /* IE 10 */
  background: -ms-linear-gradient(top, #fff, #f1f1f1);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fff, #f1f1f1);
  border: 1px solid #ededed;
}

#multiCentreSpecialOffers {
  border: 1px solid #f3f3f3;
  padding: 10px;
  margin-bottom: 10px;
  display: block;
  margin-top: 10px;
  color: #000;
  text-decoration: none;
}

#multiCentreSpecialOffers span {
  color: #D3005F;
}

#multiCentreHeading {
  background-color: #e8e8e8;
  overflow: hidden;
  margin-bottom: 6px;
}

#multiCentreHeading div.left {
  float: left;
  width: 370px;
}

#multiCentreText {
  padding: 15px;
}

#multiCentreText h1 {
  margin: 0 0 2px;
}

#multiCentreText > span {
  text-transform: uppercase;
}

#multiCentreImage {
  float: right;
  width: 320px;
}

#multiCentreInformation {
  overflow: hidden;
}

#multiCentreItinerary {
  float: left;
  width: 460px;
  margin-right: 20px;
}

#multiCentreItinerary h2,
#resortInformation h2 {
  padding: 10px 0 13px;
  margin: 0;
  font-weight: normal;
}

#multiCentreRight {
  width: 240px;
  float: right;
}

#multiCentreExperts {
  margin-top: 10px;
  border: 1px solid #ededed;
  padding: 10px;
}

#multiCentreExperts h2 {
  margin: 0 0 10px;
}

#multiCentreExperts img.multiCentreExpert {
  padding: 4px;
  border: 1px solid #ccc;
  display: block;
  width: 155px;
}

#multiCentreExperts img {
  display: block;
  margin: 18px 0 4px;
}

#multiCentreExperts span.expertName {
  display: block;
  font-weight: bold;
}

#multiCentreExperts span.expertTitle {
  display: block;
  font-style: italic;
}

/* $Id: offer.css,v 1.26 2014/04/16 08:51:36 sys-scansdale Exp $
 * New Offer CSS File
 */
.dsoNav ul li.twistClose span,
.dsoNav ul li.twistClose,
.dsoNav ul li ul li.twistClose span,
.dsoNav ul li ul li.twistClose, .js .specialOffersPage .moreOffers h2 {
  background-image: url(themes/cit/images/search/maximizeIcon.png);
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-size: 16px;
  cursor: pointer;
}

.dsoNav ul li.hasChildren.twistOpen span,
.dsoNav ul li.hasChildren.twistOpen a,
.dsoNav ul li ul li.hasChildren.twistOpen span,
.dsoNav ul li ul li.hasChildren.twistOpen a, .specialOffersPage .moreOffers h2.expanded {
  background-image: url(themes/cit/images/search/minimizeIcon.png);
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-size: 16px;
  cursor: pointer;
}

/*****Reset font sizes*********/
#specialOffers #column-left a,
#deals #column-left a,
#mediaCenter #column-left a,
#offer #column-left a {
  color: #000;
  text-decoration: none;
}

#specialOffers #column-left a:hover,
#deals #column-left a:hover,
#offer #column-left a:hover,
#mediaCenter #column-left a:hover,
#content .specialOffersPage .offersList ul li.offerItem .offerContent .mainContent h2 span.region a:hover {
  color: #d01561 !important;
}

#deals #breadcrumbs .breadcrumbs,
#mediaCenter #breadcrumbs .breadcrumbs,
#offer #breadcrumbs .breadcrumbs,
#deals #breadcrumbs .breadcrumbs li,
#mediaCenter #breadcrumbs .breadcrumbs li,
#offer #breadcrumbs .breadcrumbs li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
}

#offer #breadcrumbs .breadcrumbs {
  padding-left: 0;
}

/***********Navigation**************/
.dsoNav {
  background-color: #f6f6f6;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  border: 0px;
  float: left;
  clear: both;
}

#content .specialOffersPage #phonCTA {
  float: left;
}

/*Top level*/
#deals #column-left h2,
#offer #column-left h2,
#mediaCenter #column-left h2,
#specialOffers #column-left h2 {
  background: #333;
  margin: 0;
  padding: 10px;
  color: #fff;
  font-weight: normal;
  font-size: 1.2em;
}

.dsoNav ul.fluffy,
.dsoNav ul.destination,
.dsoNav ul.departures,
.dsoNav ul.priceRange,
.dsoNav ul.departureAirport {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.dsoNav ul.fluffy li.tabSelected {
  background-color: #E4E4E4;
  border-top: #ccc;
}

.dsoNav ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.dsoNav ul li {
  padding: 0;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #ccc;
}

.dsoNav ul li.hasChildren.twistOpen {
  border-bottom: none;
}

.dsoNav ul li.twistOpen ul {
  border-top: solid 1px #ccc;
}

.dsoNav ul li.hasChildren ul li.hasChildren {
  background-image: none;
}

.dsoNav ul li.noChildren {
  background-image: url(/themes/cit/images/pageElements/background/arrowRight.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 8px 16px;
  background-color: #F6F6F6;
}

.dsoNav ul li.hasChildren span,
.dsoNav ul li a {
  padding: 0 0 0 10px;
  line-height: 2.5em;
  display: block;
}

.dsoNav ul.destination li.noChildren span,
.dsoNav ul.destination li.noChildren a,
.dsoNav ul li.hasChildren span,
.dsoNav ul li.hasChildren a {
  line-height: 2.5em;
  color: #000;
}

/* Twisty */
.dsoNav ul li.twistClose span:hover,
.dsoNav ul li.twistClose:hover,
.dsoNav ul li ul li.twistClose span:hover,
.dsoNav ul li ul li.twistClose:hover {
  color: #d01561;
}

.dsoNav ul.fluffy li span {
  padding-left: 0;
}

/*Level 2*/
.dsoNav ul li ul {
  border: 0px;
}

.dsoNav ul li ul li span,
.dsoNav ul li ul li a {
  padding-left: 39px;
}

.dsoNav ul li.hasChildren li.noChildren span.selected,
.dsoNav ul li.hasChildren li.noChildren a.selected,
.dsoNav ul.departureAirport li ul li span.selected,
.dsoNav ul.departureAirport li ul li a.selected {
  padding-left: 44px;
}

.dsoNav ul li.hasChildren ul {
  background-position: 25px 13px;
}

.js .dsoNav ul li.twistOpen ul {
  display: block;
}

.dsoNav ul li ul li.hasChildren span,
.dsoNav ul li ul li.hasChildren a {
  background-position: 20px 8px;
}

.dsoNav ul li.hasChildren li.noChildren span,
.dsoNav ul li.hasChildren li.noChildren a {
  background-image: none;
  padding-left: 44px;
}

/*Level 3*/
.js .dsoNav ul li.twistOpen ul li.twistOpen ul {
  display: block;
}

.dsoNav ul li ul li ul li span,
.dsoNav ul li ul li ul li a {
  width: 166px;
  padding-left: 55px;
}

.dsoNav ul li ul.destinationLevel2 li ul li span.selected,
.dsoNav ul li ul.destinationLevel2 li ul li a.selected {
  background: url(/themes/cit/images/offers/selectedBgLevel3.gif) -13px 0px repeat-y #e4e4e4;
}

.dsoNav ul li.hasChildren ul ul {
  background-position: 40px 10px;
}

.dsoNav ul li ul li ul li.hasChildren span,
.dsoNav ul li ul li ul li.hasChildren a {
  background-position: 35px 8px;
}

.dsoNav ul li ul li.hasChildren li.noChildren span,
.dsoNav ul li ul li.hasChildren li.noChildren a {
  background-position: 35px 13px;
  padding-left: 60px;
}

/*Level 4*/
.js .dsoNav ul li.twistOpen ul li.twistOpen ul li.twistOpen ul {
  display: block;
}

.dsoNav ul li ul li ul li ul li span,
.dsoNav ul li ul li ul li ul li a {
  width: 156px;
  padding-left: 65px;
}

.dsoNav ul li ul.destinationLevel2 li ul li span.selected,
.dsoNav ul li ul.destinationLevel2 li ul li a.selected {
  background: url(/themes/cit/images/offers/selectedBgLevel3.gif) -13px 0px repeat-y #e4e4e4;
}

.dsoNav ul li.hasChildren ul ul ul {
  background-position: 55px 10px;
}

.dsoNav ul li ul li ul li ul li.hasChildren span,
.dsoNav ul li ul li ul li ul li.hasChildren a {
  background-position: 50px 8px;
}

.dsoNav ul li ul li ul li.hasChildren li.noChildren span,
.dsoNav ul li ul li ul li.hasChildren li.noChildren a {
  background-position: 50px 13px;
}

ul ul {
  margin-left: 2em;
}

/***********Navigation**************/
.debug {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid red;
  margin: 5px;
  opacity: 0.8;
  padding: 9px;
  position: absolute;
  right: 0;
  width: 400px;
  z-index: 900;
  overflow: hidden;
}

/**************Page content************************/
#content .specialOffersPage h1 a,
#content .specialOffersPage h2 a {
  color: #000;
}

#content .specialOffersPage h1 {
  float: left;
  clear: both;
  margin: 0;
}

#content .specialOffersPage .offersList ul li.offerItem .offerPackageSummary .shareThis {
  width: 50px;
  height: 20px;
  background: url(/themes/cit/images/offers/btn-share.gif) no-repeat;
  float: left;
  clear: none;
}

#content .specialOffersPage .offersList ul li.offerItem .offerPackageSummary .shareThis,
#deals #content .specialOffersPage .shareThis .addthis_toolbox a,
#offer #content .specialOffersPage .shareThis .addthis_toolbox a {
  margin-right: 5px;
  float: right;
}

#deals #content .specialOffersPage .shareThis .addthis_toolbox,
#offer #content .specialOffersPage .shareThis .addthis_toolbox {
  margin-top: 7px;
}

#content .specialOffersPage .offers-signup .headings {
  margin-top: -7px;
}

#content .specialOffersPage .offers-signup .emailOffersAgentBox h2 {
  display: none;
}

#content .specialOffersPage .offers-signup .emailOffersAgentBox label {
  margin-right: 5px;
}

#content .specialOffersPage .offers-signup .emailOffersAgentBox label span {
  text-indent: -9999px;
  display: block;
  height: 0px;
}

#content .specialOffersPage .offers-signup .emailOffersAgentBox .btn-signup {
  height: auto;
  padding: 0;
  width: auto;
  border: none;
  float: left;
  margin-right: 0;
  margin-top: 2px;
}

/*General countdown*/
#content .specialOffersPage .countdown,
.fancybox-inner #jsSPanel .countdown {
  width: 100%;
  float: left;
  clear: both;
  padding: 0px;
}

#content .specialOffersPage .countdown h3,
.fancybox-inner #jsSPanel .countdown h3 {
  padding: 0px 0px 5px 0px;
  margin: 0px;
  color: #000;
  font-weight: bold;
}

#content .specialOffersPage .countdown ul,
.fancybox-inner #jsSPanel .countdown ul {
  width: auto;
  list-style-type: none;
  float: left;
  clear: both;
  padding: 0px;
  margin: 0px;
}

#content .specialOffersPage .countdown ul li,
.fancybox-inner #jsSPanel .countdown ul li {
  width: auto;
  float: left;
  clear: none;
}

#content .specialOffersPage .countdown ul li span,
.fancybox-inner #jsSPanel .countdown ul li span {
  display: block;
  width: 37px;
  float: left;
  clear: both;
  padding: 5px;
}

#content .specialOffersPage .countdown ul li span.number,
.fancybox-inner #jsSPanel .countdown ul li span.number {
  text-align: center;
  font-weight: bold;
  line-height: 1.0;
  color: #fff;
  background-image: url(/themes/cit/images/offers/countdownbottom.gif);
  background-position: center right;
  background-repeat: no-repeat;
  border-right: 0px;
  background-color: #5f5f5f;
  border-top: solid 1px #333;
  border-bottom: #5f5f5f;
}

#content .specialOffersPage .countdown ul li span.unit,
.fancybox-inner #jsSPanel .countdown ul li span.unit {
  padding-top: 0px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

#content .specialOffersPage .countdown ul li.days span.number,
.fancybox-inner #jsSPanel .countdown ul li.days span.number {
  border-left: solid 1px #5f5f5f;
}

#content .specialOffersPage .countdown p.offerExpired,
.fancybox-inner #jsSPanel .countdown p.offerExpired {
  padding: 0px;
  width: 100%;
  line-height: 1.4;
  float: left;
  clear: both;
  color: #000;
}

#content .specialOffersPage .countdown p.offerExpired span,
.fancybox-inner #jsSPanel .countdown p.offerExpired span {
  display: block;
  float: left;
  clear: both;
}

#content .specialOffersPage .countdown p.offerExpired span.heading,
.fancybox-inner #jsSPanel .countdown p.offerExpired span.heading {
  font-weight: bold;
}

/*End general countdown*/
/******************Top level offers page***********************/
#content .topLevelSpecialOffersPage .moreOfferTypes h2 {
  padding-bottom: 5px;
  font-weight: normal;
}

#content .specialOffersPage .promotionArea {
  width: 240px;
  clear: both;
  float: left;
  margin: 13px 0 0 0;
}

#content .specialOffersPage a.promotionArea {
  display: block;
  background-size: cover !important;
  background-position: 50% 0 !important;
}

/* Important is required as the image is set inline */
#content .specialOffersPage .topOfferBanner {
  display: block;
  width: 714px;
  height: 240px;
  margin-bottom: 20px;
}

#content .specialOffersPage .promotionArea .insidePromotionArea {
  margin-top: -300px;
  width: 239px;
  float: left;
  clear: both;
  background: url(/themes/cit/images/offers/offerListBg.gif) repeat-y #f4f4f4;
  height: 285px;
  border-top: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

#content .specialOffersPage .promotionArea .insidePromotionArea h2 {
  display: inline;
  float: left;
  padding: 14px 16px 18px 16px;
  margin: 0;
  width: 207px;
  height: 46px;
}

#content .specialOffersPage .promotionArea .insidePromotionArea ul {
  width: 100%;
  float: left;
  clear: both;
  list-style-type: none;
  margin: 0px;
  padding: 0;
}

#content .specialOffersPage .promotionArea .insidePromotionArea ul li {
  width: 100%;
  float: left;
  clear: both;
  padding: 0px 0px 1px 0px;
}

#content .specialOffersPage .promotionArea .insidePromotionArea ul li a {
  color: #000;
  font-weight: bold;
  width: 206px;
  padding: 8px 16px 8px 17px;
  float: left;
  clear: both;
}

#content .specialOffersPage .promotionArea .insidePromotionArea ul li a:hover {
  color: #ffffff;
  background: url(/themes/cit/images/offers/offerListHoverBg.gif) repeat-y #329700;
}

#content .specialOffersPage .promotionArea .insidePromotionArea h2,
#content .specialOffersPage .promotionArea .insidePromotionArea ul li {
  background: url(/themes/cit/images/offers/greydot.gif) bottom left repeat-x;
}

.dsoNav ul.departureAirport {
  background: none;
  padding-bottom: 0;
}

.dsoNav ul.priceRange {
  background-position: top;
}

#content .specialOffersPage .promotionArea .insidePromotionArea ul li a span {
  padding-left: 16px;
  background: url(/themes/cit/images/offers/offerListArrow.png) 0 50% no-repeat;
  float: left;
}

#content .specialOffersPage .introPara {
  float: left;
  width: 100%;
  clear: both;
  padding-bottom: 5px;
}

#content .specialOffersPage .moreOfferTypes .checkPrices {
  width: 458px;
  padding-bottom: 20px;
  margin-right: 16px;
  float: left;
}

/************Offers list page*************/
#content .specialOffersPage .offerListIntro {
  width: 100%;
  float: left;
  clear: both;
  padding-top: 15px;
  padding-bottom: 5px;
}

#content .specialOffersPage .offerListIntro .textIntro {
  width: 377px;
  margin-left: 15px;
  float: right;
}

#specialOffers #content .individualOffer .textIntro,
#specialOffers #content .individualOffer .offerListIntro {
  margin: 5px 0 5px 0;
  padding-top: 0;
}

#content .specialOffersPage .offerListIntro .textIntro a {
  color: #d01561;
}

#content .specialOffersPage .offerListIntro .textIntro p {
  line-height: 1.5;
  padding: 0;
  margin: 0;
}

#content .specialOffersPage .offerListIntro .photoIntro {
  width: 320px;
  float: left;
  padding-bottom: 10px;
}

#content .specialOffersPage .offerListIntro .photoIntro img {
  width: 320px;
}

#content .specialOffersPage .webAdminIntro .textIntro {
  width: 100%;
  margin-right: 0px;
  float: left;
  clear: both;
  padding-top: 10px;
}

#content .specialOffersPage .webAdminIntro .photoIntro {
  width: 100%;
  clear: both;
  padding-bottom: 0px;
}

#content .specialOffersPage .webAdminIntro .photoIntro .photo {
  width: 100%;
  float: left;
  clear: both;
  overflow: hidden;
  zoom: 1;
}

#content .specialOffersPage .webAdminIntro .photoIntro .photo img {
  width: 714px;
}

#content .specialOffersPage .webAdminIntro .photoIntro .details {
  width: 236px;
  padding-left: 478px;
  float: left;
  margin-top: -236px;
}

#content .specialOffersPage .webAdminIntro .photoIntro .details .textToReplace {
  width: 236px;
  float: left;
  display: inline;
  position: absolute;
  top: -3000px;
}

/*Override countdown*/
#content .specialOffersPage .webAdminIntro .photoIntro .details .countdown {
  width: 196px;
  padding: 150px 20px 0px 20px;
}

#content .specialOffersPage .webAdminIntro .photoIntro .details .countdown h3,
#content .specialOffersPage .webAdminIntro .photoIntro .details .countdown ul li span.unit,
#content .specialOffersPage .webAdminIntro .photoIntro .details .countdown p.offerExpired {
  color: #fff;
}

#content .specialOffersPage .webAdminIntro .photoIntro .details .countdown h3 {
  padding-top: 5px;
}

#content .specialOffersPage .webAdminIntro .photoIntro .details .countdown ul li span.number {
  background: none;
  border: none;
}

#content .specialOffersPage .webAdminIntro .photoIntro .details .countdown ul li span {
  padding-left: 0;
  padding-right: 10px;
}

#content .specialOffersPage .webAdminIntro .photoIntro .details .countdown ul li.hours span,
#content .specialOffersPage .webAdminIntro .photoIntro .details .countdown ul li.mins span {
  padding-right: 0;
}

#content .specialOffersPage .webAdminIntro .photoIntro .details .countdown ul.countdownContainer {
  background: url(/themes/cit/images/offers/countdownDotBg.jpg) 0 0 no-repeat;
}

/*End override countdown*/
#content .specialOffersPage .sortOffers {
  width: 100%;
  float: left;
  clear: both;
  padding: 0px 0px 20px 0px;
}

#content .specialOffersPage .sortOffers .insideSortOffers {
  float: left;
  clear: both;
  width: 100%;
}

#content .specialOffersPage .sortOffers .insideSortOffers li {
  list-style: none;
  float: left;
}

#content .specialOffersPage .sortOffers .insideSortOffers li a,
#content .specialOffersPage .sortOffers .insideSortOffers li.dots {
  border: 2px solid #464646;
  border-right: none;
  display: inline-block;
  padding: 5px 10px;
  color: #464646;
  float: left;
}

#content .specialOffersPage .sortOffers .insideSortOffers li.dots {
  margin: 3px 0;
}

#content .specialOffersPage .sortOffers .insideSortOffers li a.asc,
#content .specialOffersPage .sortOffers .insideSortOffers li a.desc {
  position: relative;
  padding: 5px 30px 5px 10px;
  color: #FFF;
  background-color: #464646;
}

#content .specialOffersPage .sortOffers .insideSortOffers li a.desc:after,
#content .specialOffersPage .sortOffers .insideSortOffers li a.asc:after {
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -15px;
  font-size: 32px;
  content: "\2304";
}
@media (min-width: 768px) and (max-width: 980px) {
  #content .specialOffersPage .sortOffers .insideSortOffers li a.desc:after,
  #content .specialOffersPage .sortOffers .insideSortOffers li a.asc:after {
    margin-top: -20px;
  }
}

#content .specialOffersPage .sortOffers .insideSortOffers li a.asc:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: -8px 0 0;
}
@media (min-width: 768px) and (max-width: 980px) {
  #content .specialOffersPage .sortOffers .insideSortOffers li a.asc:after {
    margin: -5px 0 0;
  }
}

#content .specialOffersPage .sortOffers .insideSortOffers li a.selected {
  color: #FFF;
  background-color: #464646;
}

#content .specialOffersPage .sortOffers .insideSortOffers .pageLinks li:first-child a {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

#content .specialOffersPage .sortOffers .insideSortOffers .pageLinks li:last-child a {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  border-right: 2px solid #464646;
}

/* Paging Links */
#content .specialOffersPage .sortOffers h3 {
  float: left;
  margin: 0;
  padding: 10px 0;
}

#content .specialOffersPage .sortOffers .sortByList {
  float: left;
  margin-right: 0px;
}

#content .specialOffersPage .sortOffers .sortByList h3,
#content .specialOffersPage .sortOffers .dealsPerPage h3 {
  padding-right: 12px;
}

#content .specialOffersPage .sortOffers ul {
  padding: 0;
  margin: 0;
  float: left;
}

.dealsPerPage {
  float: right;
}

.paging {
  clear: both;
  float: right;
  margin: 10px 0 0;
}

/***************************************************************************/
#content .specialOffersPage .offersList ul .offerItem .offerContent .destinationImage {
  width: 220px;
  margin-right: 10px;
  float: left;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .destinationImage .imageHolder {
  position: relative;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .destinationImage .imageHolder img {
  width: 220px;
  height: 170px;
  display: block;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .destinationImage .imageHolder a {
  background: transparent url("/themes/cit/images/offers/white-magnify-box.png") 0 bottom;
  width: 100%;
  height: 35px;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .destinationImage .imageHolder a span {
  background: transparent url("/themes/cit/images/offers/magnify-pink.png") 165px 5px no-repeat;
  width: 100%;
  height: 30px;
  line-height: 1.5em;
  text-align: center;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .mainContent .features {
  width: 100%;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  float: left;
  clear: both;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .mainContent .features li {
  width: auto;
  float: left;
  clear: none;
  padding: 10px 10px 0px 0px;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .mainContent .features li img {
  width: auto;
  float: left;
  clear: both;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .mainContent .bodyText {
  width: 210px;
  padding: 10px 10px 0px 0;
  float: left;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .summaryCategory ul,
#content .specialOffersPage .offersList ul .offerItem .offerContent .summaryContent .timeRemaining {
  width: 230px;
  padding: 0px 0px 10px 0px;
  float: left;
  clear: both;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .summaryCategory ul {
  float: none;
}

#content .specialOffersPage .offersList ul .offerItem .offerContent .summaryCategory ul li {
  width: 210px;
  background: url(/themes/cit/images/offers/bullet.gif) 0px 7px no-repeat;
  padding: 0px 0px 0px 10px;
  margin: 3px 0 5px 10px;
  line-height: 1.5em;
}

#specialOffers #content .specialOffersPage .offersList ul li.offerItem .multiCentre .offerContent .lastItem,
#content .specialOffersPage .offersList ul li.offerItem .multiCentre .offerContent .lastItem {
  background: none;
}

#content .specialOffersPage .offersList ul .offerItem .multiCentre .offerContent .centreItem {
  float: left;
}

#content .specialOffersPage .offersList ul .offerItem .multiCentre .offerContent .centreItem h2 .mcRating {
  margin-top: 10px;
}

#content .specialOffersPage .offersList ul .offerItem .multiCentre .offerContent .centreItem h2 span.region {
  font-weight: normal;
  text-transform: none;
  display: block;
}

#content .specialOffersPage .offersList ul .offerItem .offerItemDesc,
#specialOffers #content .individualOffer .offersList ul li.offerItem .offerItemDesc {
  width: 435px;
  margin: 0 10px 20px;
}

#content .specialOffersPage .offersList ul .offerItem h2 p.mcRating,
#content .specialOffersPage .offersList ul .offerItem h2 p.mcRating span,
#specialOffers #content .individualOffer .offersList ul li.offerItem h2 p.mcRating,
#specialOffers #content .individualOffer .offersList ul li.offerItem h2 p.mcRating span {
  float: left;
  clear: none;
  width: auto;
}

#content .specialOffersPage .offersList ul .offerItem h2 p.mcRating,
#specialOffers #content .individualOffer .offersList ul li.offerItem h2 p.mcRating {
  width: 100%;
  line-height: normal;
}

#content .offersList ul li.offerItem .offerContent .offerDescription {
  float: left;
  margin-left: 9px;
  padding: 10px 10px 0 0;
  width: 463px;
}

#content .offersList ul li.offerItem .offerContent {
  margin-bottom: 10px;
}

.offerItemCampaign {
  padding-bottom: 0;
  margin-bottom: 25px;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
}

.offerItemCampaign .destinationPart {
  width: 209px;
  float: left;
}

.offerItemCampaign .imageHolder {
  width: 209px;
}

.offerItemCampaign .offerContent {
  padding-left: 14px;
}

.offerItemCampaign .destinationPart {
  margin-right: 14px;
}

.offerItemCampaign .imageHolder a span {
  background: url("/themes/cit/images/offers/magnify-pink.png") no-repeat scroll 150px 5px transparent;
  bottom: 0;
  color: #404040;
  display: block;
  height: 30px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.offerItemCampaign .imageHolder a {
  background: url("/themes/cit/images/offers/white-magnify-box.png") scroll 0 bottom transparent;
  display: block;
  height: 35px;
  left: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.offerItemCampaign .imageHolder img {
  display: block;
  height: 163px;
  width: 209px;
}

.offerItemCampaign .imageHolder {
  border: 1px solid #bbb;
  clear: both;
  float: left;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.offerItemCampaign .centreItem {
  margin-left: 5px;
  clear: left;
  overflow: hidden;
}

.offerItemCampaign .mcRating {
  height: 17px;
  margin: 0;
}

.offerItemCampaign .mainContent {
  float: left;
  width: 452px;
}

.offerItemCampaign .summaryContent {
  float: left;
  border-color: #CACACA transparent #CACACA #CACACA;
  border-image: none;
  border-style: solid none solid solid;
  border-width: 1px medium 1px 1px;
  float: right;
  min-height: 217px;
  padding: 10px 0;
  width: 234px;
  margin-top: 47px;
}

.offerItemCampaign .offerIncludes {
  background-image: url("/themes/cit/images/offers/offerIncludes.png");
  background-repeat: none;
  margin-left: -5px;
  width: 230px;
  height: 0;
  overflow: hidden;
  padding-top: 27px;
  margin-bottom: 5px;
  margin-top: 0;
}

.offerItemCampaign .exclusiveToCitalia {
  background-image: url("/themes/cit/images/offers/exclusive-cit.png");
  margin-left: -5px;
  background-repeat: none;
  width: 230px;
  height: 0;
  overflow: hidden;
  padding-top: 28px;
  margin-bottom: 5px;
}

.offerItemCampaign .summaryShadow {
  background: url("/themes/cit/images/offers/offers-box-shadow.jpg") no-repeat scroll 0 0 transparent;
  clear: right;
  float: right;
  height: 7px;
  margin-bottom: 5px;
  width: 234px;
}

.offerItemCampaign .offerPackageSummary {
  clear: both;
  width: 100%;
  border-top: 1px solid #ccc;
}

.offerItemCampaign .packageSummary {
  width: 49%;
  margin-right: 1px solid #ccc;
  float: left;
}

.offerItemCampaign table {
  width: 100%;
  border-right: 1px solid #ccc;
}

.offerItemCampaign th {
  padding: 10px 7px;
  text-align: left;
  font-weight: normal;
}

.offerItemCampaign td {
  border-top: 1px dotted #ccc;
  padding: 10px 7px;
  font-weight: bold;
}

.offerItemCampaign tr {
  border-right: 1px solid #ccc;
}

.offerItemCampaign .callToBookWidget {
  padding-top: 21px;
  width: 50%;
  float: left;
  text-align: center;
}

.offerItemCampaign .callToBookWidget h4 {
  display: inline-block;
  float: left;
  margin: 0 8px 0 48px;
}

.offerItemCampaign .callToBookWidget p {
  display: inline-block;
  float: left;
  margin: 0;
}

.offerItemCampaign .responseStyle {
  color: #d3005f;
  font-weight: bold;
}

.offerItemCampaign .singleResortPrice {
  clear: left;
  float: left;
  width: 220px;
}

.offerItemCampaign .addCityBreak {
  margin-bottom: 13px;
  width: 196px;
  padding: 8px 7px;
  float: left;
  background-color: #d3005f;
  color: #fff;
}

.offerItemCampaign .title {
  font-weight: bold;
}

.offerItemCampaign .from {
  padding-left: 1px;
  margin-right: 5px;
  float: left;
  margin-bottom: 20px;
}

.offerItemCampaign .price {
  color: #d3005f;
  font-weight: bold;
}

.offerItemCampaign .add {
  font-weight: bold;
}

.offerItemCampaign .priceType {
  width: 50px;
  display: inline-block;
}

.offerItemCampaign .addCityBreak .price {
  color: #fff;
}

.offerItemCampaign .addCityBreak p {
  margin: 0;
}

.offerItemCampaign .singleResortPrice p {
  margin-top: 7px;
  margin-bottom: 5px;
}

#content .offerItemCampaign h2 {
  margin-left: 0;
  margin-bottom: 15px;
}

#content .offerItemCampaign .centreItem h2 {
  width: auto;
  font-weight: bold;
  margin-bottom: 9px;
}

#content .offerItemCampaign .centreItem h2 .board {
  margin-top: 7px;
  display: block;
  font-weight: normal;
}

#content .offerItemCampaign .summaryContent ul {
  list-style: disc;
  padding-left: 10px;
  width: auto;
  margin: 0 0 10px 16px;
}

p.mcRating {
  color: #D9D9D9;
}

p.mcRating span {
  color: #5D5D5D;
  display: inline;
}

#content .specialOffersPage .noOffers {
  width: 100%;
  clear: both;
  padding-bottom: 20px;
}

#content .specialOffersPage .individualOffer ul .offerItem .headingArea {
  width: 692px;
  float: left;
  clear: both;
  margin: 0px 10px 0px 10px;
  display: inline;
  padding: 0 0px 10px 0px;
}

#content .specialOffersPage .individualOffer ul .offerItem h1 {
  width: 476px;
  float: left;
}

#content .specialOffersPage .individualOffer ul .offerItem .shareThis {
  float: right;
  margin: 0;
  height: 20px;
  clear: none;
}

#content .specialOffersPage .individualOffer ul .offerItem h1 span {
  display: block;
  clear: both;
}

#content .specialOffersPage .individualOffer ul .offerItem h1 span.accom {
  padding-bottom: 2px;
}

#content .specialOffersPage .individualOffer ul .offerItem h1 span.resort {
  clear: none;
  margin-left: 10px;
  color: #404040;
  text-transform: uppercase;
  line-height: 1.2;
  float: left;
}

#content .specialOffersPage .individualOffer ul .offerItem h1 span.rating {
  float: left;
  clear: none;
}

#content .specialOffersPage .individualOffer ul .offerItem ul.features {
  padding: 10px 0px 0px 0px;
}

#content .specialOffersPage .individualOffer ul .offerItem .offerContent .destinationImageAndContent {
  width: 456px;
  padding-left: 0px;
}

#content .specialOffersPage .individualOffer ul .offerItem.emailSpecialOffer .offerContent .destinationImageAndContent {
  width: auto;
}

#offer #jsSPanel ul.formList,
#content .specialOffersPage .checkPrices ul.formList {
  width: 100%;
  float: left;
  clear: both;
  list-style-type: none;
}

#offer #jsSPanel ul.formList li.formItem,
#content .specialOffersPage .checkPrices ul.formList li.formItem {
  width: 100%;
  float: left;
  clear: both;
  padding: 0px 0px 10px 0px;
}

#content .specialOffersPage .checkPrices .field {
  width: 300px;
  float: left;
}

#content .specialOffersPage .checkPrices ul.roomList label {
  text-align: left;
  font-weight: normal;
}

#content .specialOffersPage .checkPrices ul.roomList li.oneRoom {
  width: 100%;
  float: left;
  clear: both;
  padding: 0px 0px 5px 0px;
}

#content .specialOffersPage .offersList ul li.offerItem .checkPrices {
  width: 652px;
  float: left;
  clear: both;
  background-image: url(/themes/cit/images/offers/straightshadow.gif);
  background-position: top left;
  background-repeat: repeat-x;
}

#content .specialOffersPage .offersList ul li.offerItem .checkPrices p.importantNote,
.fancybox-inner #jsSPanel .howLongLeft {
  padding: 5px 15px;
  margin-bottom: 10px;
  line-height: 1.4;
  border: solid 1px #ccc;
  box-sizing: border-box;
  font-size: 0.8em;
}

#offer .specialOffersPage .offersList #jsSPanel {
  width: 315px;
}

#offer .individualOfferPage .offersList #jsSPanel {
  width: 672px;
}

#offer .individualOfferPage .offersList .emailSpecialOffer #jsSPanel {
  width: 100%;
}

#offer .individualOfferPage .offersList .emailSpecialOffer a.offerMoreInfo {
  clear: both;
  float: left;
  width: 100%;
}

/************Thanks for registering***************/
#content .thanksForRegisteringOffers h1 {
  width: 100%;
}

#content .specialOffersPage .furtherOffers {
  width: 100%;
  float: left;
  clear: both;
  padding-top: 15px;
  padding-bottom: 15px;
}

#content .specialOffersPage .furtherOffers form,
#content .specialOffersPage .furtherOffers fieldset {
  width: 100%;
  float: left;
  clear: both;
  padding: 0px;
  margin: 0px;
}

#content .specialOffersPage .furtherOffers .sisterCompanies {
  list-style-type: none;
  width: 100%;
  float: left;
  clear: both;
  padding: 0px;
  margin: 0px;
}

#content .specialOffersPage .furtherOffers .sisterCompanies li.companyName {
  width: 712px;
  float: left;
  clear: both;
  padding: 15px 0px 15px 0px;
  margin: 0px;
  border-bottom: solid 1px #ccc;
}

#content .specialOffersPage .furtherOffers .sisterCompanies li .companyText {
  width: 295px;
  padding-left: 190px;
  margin-right: 15px;
  float: left;
  clear: both;
  background-position: 15px 5px;
  background-repeat: no-repeat;
}

#content .specialOffersPage .furtherOffers .sisterCompanies li.citalia .companyText {
  background-image: url(/themes/cit/images/offers/logo_citalia.gif);
}

#content .specialOffersPage .furtherOffers .sisterCompanies li.handj .companyText {
  background-image: url(/themes/cit/images/offers/logo_handj.gif);
}

#content .specialOffersPage .furtherOffers .sisterCompanies li.meon .companyText {
  background-image: url(/themes/cit/images/offers/logo_meon.gif);
}

#content .specialOffersPage .furtherOffers .sisterCompanies li.austravel .companyText {
  background-image: url(/themes/cit/images/offers/logo_austravel.gif);
}

#content .specialOffersPage .furtherOffers .sisterCompanies li .companyImage {
  width: 236px;
  float: left;
}

#content .specialOffersPage .furtherOffers .sisterCompanies li.companyName .field input {
  width: auto;
  float: left;
  margin-right: 10px;
}

#content .specialOffersPage .furtherOffers .sisterCompanies li.companyName .field label {
  font-weight: bold;
  width: auto;
  float: left;
}

#content .specialOffersPage .furtherOffers .sisterCompanies li.companyName ul {
  clear: both;
}

/*Top borders*/
#content .specialOffersPage .promotionArea,
#content .specialOffersPage .topOffers ul,
#content .specialOffersPage .moreOfferTypes .moreOffers ul,
#offer .moreOfferTypes #jsSPanel,
#deals .moreOfferTypes #jsSPanel,
#content .specialOffersPage .moreOfferTypes #jsSPanel,
#content .specialOffersPage .offerListIntro,
#content .specialOffersPage .furtherOffers {
  border-top: none;
}

/****Overrides for existing search panel*****/
#content .specialOffersPage .checkPrices #thickTopWrapper.searchPanelWrapper {
  background-color: transparent;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#content .specialOffersPage .checkPrices div.searchInner,
#content .specialOffersPage .checkPrices div.searchInner p {
  padding: 0px;
  margin: 0px;
}

#content .specialOffersPage .checkPrices div.searchInner fieldset,
#content .specialOffersPage .checkPrices div.searchInner .field,
#content .specialOffersPage .checkPrices .field {
  width: 100%;
  clear: both;
  padding: 0px;
  margin: 0px;
}

#content .specialOffersPage .checkPrices div.searchInner .field select,
#content .specialOffersPage .checkPrices div.searchInner .field input {
  width: auto;
  float: left;
}

#content .specialOffersPage .checkPrices div.searchInner fieldset#holidayType,
#content .specialOffersPage .checkPrices div.searchInner p#searchHeader,
#content .specialOffersPage .checkPrices div.searchInner p#searchSubHeader,
#content .specialOffersPage .checkPrices #rctSearch {
  display: none;
}

#content .specialOffersPage .checkPrices div.searchInner .tRight {
  text-align: left !important;
}

#content .specialOffersPage .checkPrices div.searchInner #roomList {
  width: 100%;
  float: left;
}

#content .specialOffersPage .checkPrices div.searchInner #roomList p {
  width: 159px;
  float: left;
  clear: both;
  padding: 5px 0px 5px 150px;
  margin: 0px;
}

#content .specialOffersPage .checkPrices div.searchInner #roomList label {
  font-weight: normal;
}

#content .specialOffersPage .checkPrices div.searchInner #roomList .peopleSelector {
  width: 336px;
  float: left;
  padding-bottom: 5px;
}

#content .specialOffersPage .checkPrices div.searchInner #roomList p .adultsHeader,
#content .specialOffersPage .checkPrices div.searchInner #roomList p .childHeader,
#content .specialOffersPage .checkPrices div.searchInner #roomList p .infantHeader,
#content .specialOffersPage .checkPrices div.searchInner #roomList .peopleSelector .noAdults,
#content .specialOffersPage .checkPrices div.searchInner #roomList .peopleSelector .noChildren,
#content .specialOffersPage .checkPrices div.searchInner #roomList .peopleSelector .noInfants {
  width: 50px;
  margin-right: 3px;
  font-weight: normal;
}

#content .specialOffersPage .checkPrices div.searchInner #roomList .peopleSelector .noAdults,
#content .specialOffersPage .checkPrices div.searchInner #roomList .peopleSelector .noChildren,
#content .specialOffersPage .checkPrices div.searchInner #roomList .peopleSelector .noInfants {
  float: left;
  display: block;
}

#content .specialOffersPage .checkPrices div.searchInner #departureDate {
  width: 315px;
}

#content .specialOffersPage .checkPrices div.searchInner #departureDate p {
  width: 140px;
  float: left;
}

#content .specialOffersPage .checkPrices div.searchInner #departureDate label {
  clear: none;
}

#content .specialOffersPage .checkPrices div.searchInner fieldset {
  margin-top: 10px;
}

#content .specialOffersPage .checkPrices p.searchConditions {
  line-height: 1.4;
  border: 0px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

#content .specialOffersPage .checkPrices #searchButton {
  padding: 5px 0px 15px 150px;
  margin: 0px;
  width: 336px;
}

#content .specialOffersPage .checkPrices #searchButton input {
  width: auto;
}

#content .specialOffersPage .checkPrices > h2 {
  margin-left: 0;
  width: 460px;
}

#content .specialOffersPage .emailSpecialOffer .checkPrices > h2 {
  margin-left: 0;
  width: 100%;
}

/*
 * WSR-1913
 * Hiding elements and fixing elements for the
 * search panel on the special offers page
 */
.fancybox-inner #jsSPanel {
  width: 315px;
}

#jsSPanel #svdAccomm,
#jsSPanel #recent-searches,
#jsSPanel #searchTitle,
#jsSPanel #holidayType {
  display: none;
}

#jsSPanel h2 {
  margin: 0 0 14px;
}

/* Search Form */
#specialOffers #jsSPanel #searchpanel span,
#offer #jsSPanel #searchpanel span,
#deals #jsSPanel #searchpanel span,
#content .specialOffersPage #jsSPanel #searchpanel span {
  color: #000;
}

#specialOffers #jsSPanel #searchpanel .searchPanelMain p,
#offer #jsSPanel #searchpanel .searchPanelMain p,
#deals #jsSPanel #searchpanel .searchPanelMain p,
#content .specialOffersPage #jsSPanel #searchpanel .searchPanelMain p {
  width: 100%;
  float: left;
}

#specialOffers #jsSPanel #searchpanel .searchPanelMain label,
#offer #jsSPanel #searchpanel .searchPanelMain label,
#deals #jsSPanel #searchpanel .searchPanelMain label,
#content .specialOffersPage #jsSPanel #searchpanel .searchPanelMain label,
#offer #jsSPanel #searchpanel span.rooms label,
#deals #jsSPanel #searchpanel span.rooms label,
#content .specialOffersPage #jsSPanel #searchpanel span.rooms label {
  padding: 0;
  background: none;
  clear: none;
  color: #000 !important;
  float: left;
  text-align: right;
}

#specialOffers #jsSPanel #searchpanel .nights label,
#offer #jsSPanel #searchpanel .nights label,
#deals #jsSPanel #searchpanel .nights label,
#content .specialOffersPage #jsSPanel #searchpanel .nights label {
  text-align: left;
  font-weight: normal;
}

#specialOffers #jsSPanel #searchpanel .nights label.nights,
#offer #jsSPanel #searchpanel .nights label.nights,
#deals #jsSPanel #searchpanel .nights label.nights,
#content .specialOffersPage #jsSPanel #searchpanel .nights label.nights {
  text-align: right;
  font-weight: bold;
}

#specialOffers #jsSPanel #searchpanel .searchPanelMain label#search_day_name,
#offer #jsSPanel #searchpanel .searchPanelMain label#search_day_name,
#deals #jsSPanel #searchpanel .searchPanelMain label#search_day_name,
#content .specialOffersPage #jsSPanel #searchpanel .searchPanelMain label#search_day_name {
  padding-top: 1px;
  margin: 0;
  float: left;
  font-weight: normal;
}

#specialOffers #jsSPanel #searchpanel select,
#offer #jsSPanel #searchpanel select,
#deals #jsSPanel #searchpanel select,
#content .specialOffersPage #jsSPanel #searchpanel select {
  float: left;
}

#specialOffers #jsSPanel #searchpanel,
#offer #jsSPanel #searchpanel,
#deals #jsSPanel #searchpanel,
#content .specialOffersPage #jsSPanel #searchpanel {
  background: none;
}

/* Display None | Hide | Hidden */
.fancybox-inner #jsSPanel .checkAvailabiltyAndSearch,
#offer #jsSPanel .checkAvailabiltyAndSearch,
#deals #jsSPanel .checkAvailabiltyAndSearch,
#content .specialOffersPage #jsSPanel .checkAvailabiltyAndSearch,
.fancybox-inner #jsSPanel .searchPanelSubHeading,
#offer #jsSPanel .searchPanelSubHeading,
#deals #jsSPanel .searchPanelSubHeading,
#content .specialOffersPage #jsSPanel .searchPanelSubHeading,
.fancybox-inner #jsSPanel .searchPanelMain p.header,
#offer #jsSPanel #searchpanel .searchPanelMain p.header,
#deals #jsSPanel #searchpanel .searchPanelMain p.header,
#content .specialOffersPage #jsSPanel #searchpanel .searchPanelMain p.header,
.fancybox-inner #jsSPanel .searchPanelMain br,
#offer #jsSPanel #searchpanel .searchPanelMain br,
#deals #jsSPanel #searchpanel .searchPanelMain br,
#content .specialOffersPage #jsSPanel #searchpanel .searchPanelMain br,
.fancybox-inner #jsSPanel .searchPanelWrapper div .countdown,
#content .individualOfferPage .countdown,
.fancybox-inner #jsSPanel .countdown {
  display: none;
}

/*****************/
#offer #jsSPanel #searchpanel .searchPanelMain span.tinytext,
#deals #jsSPanel #searchpanel .searchPanelMain span.tinytext,
#content .specialOffersPage #jsSPanel #searchpanel .searchPanelMain span.tinytext {
  float: left;
  margin-bottom: 5px;
  height: 30px;
}

#specialOffers .fancybox-inner #jsSPanel #searchForm #searchPanel,
.fancybox-inner #jsSPanel #searchForm #searchPanel,
#offer #jsSPanel #searchForm,
#deals #jsSPanel #searchForm,
#content .specialOffersPage #jsSPanel #searchForm {
  background: none;
}

#specialOffers .fancybox-inner #jsSPanel #searchForm #searchPanel {
  background: none !important;
}

#specialOffers .fancybox-inner #jsSPanel #searchForm,
#offer #jsSPanel #searchForm,
#offer #jsSPanel #searchpanel {
  width: 100%;
}

#offer #jsSPanel #searchForm font,
#deals #jsSPanel #searchForm font,
#content .specialOffersPage #jsSPanel #searchForm font {
  color: #000;
  float: left;
}

#offer #jsSPanel #searchpanel input.srchPnlBtn,
#deals #jsSPanel #searchpanel input.srchPnlBtn,
#content .specialOffersPage #jsSPanel #searchpanel input.srchPnlBtn,
#offer #jsSPanel #searchpanel span.rooms,
#deals #jsSPanel #searchpanel span.rooms,
#content .specialOffersPage #jsSPanel #searchpanel span.rooms {
  margin-right: 0;
}

#offer #jsSPanel #searchpanel span.nights,
#deals #jsSPanel #searchpanel span.nights,
#content .specialOffersPage #jsSPanel #searchpanel span.nights {
  margin-left: 0;
}

#offer #jsSPanel #searchpanel input.srchPnlBtn,
#deals #jsSPanel #searchpanel input.srchPnlBtn,
#content .specialOffersPage #jsSPanel #searchpanel input.srchPnlBtn {
  position: relative;
  left: -187px;
}

.fancybox-inner #jsSPanel #searchpanel input.srchPnlBtn {
  position: relative;
  left: -187px;
}

/*****************************************/
/* Hide | Hidden */
#content .specialOffersPage .sortOffers .insideSortOffers h2,
#content .specialOffersPage .sortOffers .insideSortOffers .paging p,
.fancybox-inner #jsSPanel #searchForm img#date-pick,
#content .specialOffersPage .individualOffer ul li.offerItem h1 span.region,
#content .specialOffersPage .shareThis span {
  display: none;
}

/* Show | Shown */
#content .specialOffersPage .shareThis .addthis_toolbox span {
  display: block;
}

/* JS styles */
.js .dsoNav ul li.twistOpen ul {
  display: block;
}

.js .dsoNav ul li.hasChildren ul,
.js .dsoNav ul li.twistClose ul,
.js .dsoNav ul li.twistOpen li.twistClose ul {
  display: none;
}

.js .dsoNav ul li.twistOpen ul,
.js .dsoNav ul li.twistClose li.twistOpen ul {
  display: block;
}

/*******/
#content .specialOffersPage .offersList ul li.offerItem .checkPrices {
  border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
}

/* fluffy overrides */
.fancybox-inner #jsSPanel #searchpanel .searchPanelMain label,
.fancybox-inner #jsSPanel #searchpanel span.rooms label {
  padding: 0 !important;
  background: none !important;
  clear: none !important;
  color: #000 !important;
  float: left !important;
  text-align: right !important;
}

.fancybox-inner #jsSPanel #searchpanel span.nights,
.fancybox-inner #jsSPanel #searchpanel span.rooms {
  margin: 0 0 0 0 !important;
}

/*
 * WSR-2215 CIT Touch Friendly
 * Special Offers Card
 */
.offersList {
  clear: both;
}

.offersList ul {
  padding: 0;
  margin: 0;
}

.offerItem {
  list-style: none;
  /*
   * Card Header
   */
  /*
   * MultiCenter specific styling
   */
  /*
   * Hotel content container
   */
  /*
   * Package summary container
   */
}
.offerItem .insideOfferItem {
  border: 1px solid #ccc;
  overflow: hidden;
  margin: 15px 0;
}
.offerItem h2 {
  margin: 0;
  padding: 15px;
  line-height: 1em;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.offerItem h2 .accom {
  display: block;
}
.offerItem h2 .accom .brand-rating {
  margin: 0;
}
.offerItem h2 .resort,
.offerItem h2 .region {
  display: inline;
  font-size: 0.7em;
}
.offerItem h2 .rating {
  display: block;
}
.offerItem h2 .brand-rating {
  display: inline-block;
  margin: 10px 0;
}
.offerItem h2 .shareThis {
  cursor: pointer;
  background: url(/themes/cit/images/offers/btn-share.gif) no-repeat;
  width: 50px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  top: 22px;
  right: 10px;
}
.offerItem h2 .shareThis a {
  height: 0;
  padding: 20px 0 0;
  display: block;
}
.offerItem .multiCentre .mainContent > h2 {
  border-bottom: 1px solid #ccc;
}
.offerItem .multiCentre h2 {
  margin: 0;
  border-bottom: none;
}
.offerItem .multiCentre .offerDescriptionMulti {
  padding: 5px 15px 15px;
}
.offerItem .multiCentre .offerDescriptionMulti h3 {
  margin: 3px 0;
}
.offerItem .mainContent {
  overflow: hidden;
}
.offerItem .mainContent .factsAtGlance {
  float: left;
  width: 50%;
  margin: 10px 0 0 10px;
  padding: 0 0 0 5px;
  list-style: initial;
}
.offerItem .mainContent .offerMoreInfo {
  list-style: none;
  padding: 6px 0;
}
.offerItem .mainContent .destinationPart:first-of-type {
  margin: 0 0 0 23px;
}
.offerItem .mainContent .accom {
  font-size: 0.7em;
}
.offerItem .mainContent .accom + .accom {
  font-size: 1em;
}
.offerItem .mainContent .destinationContent {
  width: 50%;
  float: left;
}
.offerItem .mainContent .destinationContent .factsAtGlance {
  width: auto;
}
.offerItem .offerPackageSummary {
  overflow: hidden;
  margin: 10px 20px;
  padding: 10px;
  border-top: 1px solid #ccc;
}
.offerItem .offerPackageSummary .packageSummary,
.offerItem .offerPackageSummary .summaryContent,
.offerItem .offerPackageSummary .priceSummary {
  float: left;
}
.offerItem .offerPackageSummary .packageSummary {
  width: 25%;
}
.offerItem .offerPackageSummary .summaryContent {
  width: 45%;
  padding: 0 30px 0 0;
  box-sizing: border-box;
}
.offerItem .offerPackageSummary .priceSummary {
  width: 30%;
}
.offerItem .offerPackageSummary .priceSummary p {
  margin: 3px 0;
}
.offerItem .offerPackageSummary .priceSummary .pricesPer {
  overflow: hidden;
}
.offerItem .offerPackageSummary .priceSummary .checkAvailability {
  text-align: center;
}
.offerItem .offerPackageSummary .priceSummary .checkAvailability a {
  margin: 20px 0 0;
}
.offerItem .offerPackageSummary .priceSummary .callToBookWidget {
  text-align: center;
  margin: 15px 0;
}
.offerItem .offerPackageSummary .priceSummary .callToBookWidget h4 {
  margin: 0;
}
.offerItem .offerPackageSummary .priceSummary .callToBookWidget .telNo {
  color: #D3005F;
  font-size: 1.5em;
}
.offerItem .offerPackageSummary ul {
  list-style: none;
}
.offerItem .offerPackageSummary .savePrice {
  text-align: center;
}
.offerItem .offerPackageSummary .pricePerPerson {
  padding: 0 0 0 10px;
  color: #D3005F;
}
.offerItem .offerPackageSummary .savePrice,
.offerItem .offerPackageSummary .pricePerPerson {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.offerItem .offerPackageSummary .summaryCategory h3 {
  margin: 3px 0;
  font-weight: 600;
}
.offerItem .offerPackageSummary .summaryCategory li {
  background: url(/themes/cit/images/index/USP/tick.png) no-repeat left 8px;
  background-size: 16px 13px;
  padding: 3px 0 3px 24px;
}

.shareThis {
  float: left;
  clear: both;
  margin: 0 0 10px;
}

.specialOffersPage {
  overflow: hidden;
}
.specialOffersPage .promoGroups li, .specialOffersPage .topOffers, .specialOffersPage .moreOffers {
  border: 1px solid #CCC;
  box-sizing: border-box;
}
.specialOffersPage .promoGroups a, .specialOffersPage .moreOffers li a, .specialOffersPage .moreOffers h2 {
  display: block;
  padding: 0.6em;
}
@media (max-width: 480px) {
  .specialOffersPage .promoGroups a, .specialOffersPage .moreOffers li a, .specialOffersPage .moreOffers h2 {
    padding: 1em 0.6em;
  }
}
.specialOffersPage .promoGroups a, .specialOffersPage .moreOffers li a {
  padding-right: 2em;
  background-image: url(/themes/cit/images/pageElements/background/arrowRight.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 8px 16px;
  background-color: #FFF;
}
@media (max-width: 480px) {
  .specialOffersPage .promoGroups a, .specialOffersPage .moreOffers li a {
    background-position: 96% center;
  }
}
.specialOffersPage .promoGroups, .specialOffersPage .moreOffers ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 480px) {
  .specialOffersPage .fancyHeader {
    border: 0;
    background: none;
  }
  .specialOffersPage .fancyHeader.collapsibleContentHeading {
    border: 1px solid #CCC;
    border-bottom: 0;
    margin-bottom: 0;
  }
}
.specialOffersPage .promoGroups {
  width: 98%;
  margin: 0 auto 2em auto;
  overflow: hidden;
}
@media (max-width: 480px) {
  .specialOffersPage .promoGroups {
    width: 100%;
  }
}
.specialOffersPage .promoGroups li {
  float: left;
  width: 18.8%;
  padding: 0;
  min-height: 75px;
  position: relative;
}
.specialOffersPage .promoGroups li:nth-child(n) {
  margin-bottom: 1.5%;
  margin-right: 1.5%;
}
.specialOffersPage .promoGroups li:nth-child(5n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .specialOffersPage .promoGroups li {
    float: none;
    width: 100%;
    border-bottom: 0;
    font-size: 1em;
    line-height: inherit;
    min-height: 58px;
  }
  .specialOffersPage .promoGroups li:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }
  .specialOffersPage .promoGroups li:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .specialOffersPage .promoGroups li:last-child {
    border-bottom: 1px solid #CCC;
  }
}
.specialOffersPage .promoGroups a {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 480px) {
  .specialOffersPage .promoGroups a {
    width: 85%;
  }
}
.specialOffersPage .topOffers {
  border-left: 5px solid #D3005F;
  padding: 0.6em 1em;
  margin-bottom: 3%;
}
@media (max-width: 480px) {
  .specialOffersPage .topOffers {
    border-top: 5px solid #D3005F;
    border-left: 1px solid #CCC;
    padding: 0.6em 0 0 0;
    margin-bottom: 6%;
  }
}
.specialOffersPage .topOffers h2 {
  margin: 0 0 0.6em 0;
}
@media (max-width: 480px) {
  .specialOffersPage .topOffers h2 {
    text-align: center;
  }
}
.specialOffersPage .topOffers .cards .slick-prev
, .specialOffersPage .topOffers .cards .slick-next {
  display: none;
}
@media (max-width: 480px) {
  .specialOffersPage .topOffers .card {
    box-sizing: initial;
    margin: 0 !important;
  }
}
@media (max-width: 480px) {
  .no-js .specialOffersPage .topOffers .card {
    float: none;
    width: 100%;
  }
  .no-js .specialOffersPage .topOffers .card:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }
  .no-js .specialOffersPage .topOffers .card:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.specialOffersPage .topOffers .card img {
  display: block;
}
.specialOffersPage .moreOfferTypes {
  overflow: hidden;
  margin-bottom: 3em;
}
.specialOffersPage .moreOffers {
  float: left;
  width: 23.875%;
}
.specialOffersPage .moreOffers:nth-child(n) {
  margin-bottom: 1.5%;
  margin-right: 1.5%;
}
.specialOffersPage .moreOffers:nth-child(4n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .specialOffersPage .moreOffers {
    float: none;
    width: 100%;
    border-bottom: 0;
  }
  .specialOffersPage .moreOffers:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }
  .specialOffersPage .moreOffers:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .specialOffersPage .moreOffers:last-child {
    border-bottom: 1px solid #CCC;
  }
}
.no-js .specialOffersPage .moreOffers {
  display: block;
}
.specialOffersPage .moreOffers h2 {
  margin: 0;
  background-color: #E9E9E9;
}
@media (max-width: 480px) {
  .specialOffersPage .moreOffers h2,
  .specialOffersPage .moreOffers li {
    font-size: 1em;
    line-height: inherit;
  }
}
.no-js .specialOffersPage .moreOffers ul {
  display: block;
}
.specialOffersPage .moreOffers li {
  padding: 0;
  border-top: 1px solid #CCC;
}
.specialOffersPage .moreOffers li:first-child {
  border-bottom: 0;
}
.specialOffersPage .moreOffers .saving {
  display: block;
  color: #464646;
}
.specialOffersPage .emailOffers {
  background: #E9E9E9 url("themes/cit/images/emailRequest/background.jpg") no-repeat 0 100%;
  background-size: cover;
  text-align: center;
  border: 1px solid #464646;
  color: #FFF;
  clear: both;
  padding: 4% 15%;
}
@media (max-width: 480px) {
  .specialOffersPage .emailOffers {
    color: #464646;
    padding: 4% 4% 30% 4%;
  }
}
.singleColumn .specialOffersPage .emailOffers {
  padding: 4% 25%;
}
@media (max-width: 480px) {
  .singleColumn .specialOffersPage .emailOffers {
    padding: 4% 4% 30% 4%;
  }
}
.specialOffersPage .emailOffers h2 {
  margin-top: 0;
}
.specialOffersPage .emailOffers input {
  width: 50%;
}
@media (max-width: 480px) {
  .specialOffersPage .emailOffers input {
    width: 75%;
    margin-bottom: 1em;
  }
}
@media (max-width: 480px) {
  .specialOffersPage .emailOffers button {
    width: 75%;
  }
}
.specialOffersPage .emailOffers fieldset {
  padding: 0;
}
.specialOffersPage .emailOffers .emailOffersAgentBox fieldset
, .specialOffersPage .emailOffers .emailOffersAgentBox input {
  width: 100%;
}

/* No search results */
#boxContainer #quote dt {
  width: 85px;
}

#boxContainer #quote dl {
  width: 205px;
  margin-bottom: 10px;
}

/*
 * WSR-2215 Touch Friendly
 * Remove saved hotels link on search results page
 */
#searchResultsPage #svdAccomm {
  display: none;
}

/* Search Results */
.searchNotice {
  clear: both;
  margin: 20px 0;
  padding: 10px 20px;
  border: 1px solid #ccc;
  background-color: #eee;
}

.resultsTextContainer {
  padding-top: 10px;
  padding-bottom: 5px;
}

.resultsTextContainer .dateChange {
  display: block;
  margin: 1em 0;
}

.right {
  float: right;
}

.resultsTextContainer dl {
  margin: 0 0 0 0;
}

.resultsTextContainer dt {
  width: 130px;
  float: left;
  clear: both;
}
@media (min-width: 768px) and (max-width: 980px) {
  .resultsTextContainer dt {
    width: auto;
    float: none;
  }
}

.resultsTextContainer dd {
  margin: 0 0 10px 140px;
}
@media (min-width: 768px) and (max-width: 980px) {
  .resultsTextContainer dd {
    margin: 0 0 10px;
  }
}

.resultNavigation {
  text-align: left;
  overflow: hidden;
  zoom: 1;
  margin: 10px 0;
}

.resultNavigation .pagination {
  float: right;
}

.resultNavigation .pagination a {
  background-repeat: no-repeat;
  text-decoration: none;
}

.resultNavigation .searchSortDiv h3 {
  float: left;
  padding: 8px 15px 8px 0;
  margin: 0;
}

.resultNavigation .searchSortDiv ul {
  margin: 0;
  padding: 10px 0px 10px 55px;
}

.resultNavigation .searchSortDiv li.backToTop {
  float: right;
  padding-right: 10px;
}

.resultNavigation .searchSortDiv:after,
.resultNavigation .pagination:after,
.toggleControls:after {
  content: "";
  display: table;
  clear: both;
}
.resultNavigation .searchSortDiv a, .resultNavigation .searchSortDiv span, .resultNavigation .searchSortDiv strong, .resultNavigation .searchSortDiv li,
.resultNavigation .pagination a,
.resultNavigation .pagination span,
.resultNavigation .pagination strong,
.resultNavigation .pagination li,
.toggleControls a,
.toggleControls span,
.toggleControls strong,
.toggleControls li {
  border: 2px solid #464646;
  border-right: none;
  display: inline-block;
  padding: 5px 10px;
  color: #464646;
  float: left;
  cursor: pointer;
}
.resultNavigation .searchSortDiv a:first-child, .resultNavigation .searchSortDiv span:first-child, .resultNavigation .searchSortDiv strong:first-child, .resultNavigation .searchSortDiv li:first-child,
.resultNavigation .pagination a:first-child,
.resultNavigation .pagination span:first-child,
.resultNavigation .pagination strong:first-child,
.resultNavigation .pagination li:first-child,
.toggleControls a:first-child,
.toggleControls span:first-child,
.toggleControls strong:first-child,
.toggleControls li:first-child {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.resultNavigation .searchSortDiv a:last-child, .resultNavigation .searchSortDiv span:last-child, .resultNavigation .searchSortDiv strong:last-child, .resultNavigation .searchSortDiv li:last-child,
.resultNavigation .pagination a:last-child,
.resultNavigation .pagination span:last-child,
.resultNavigation .pagination strong:last-child,
.resultNavigation .pagination li:last-child,
.toggleControls a:last-child,
.toggleControls span:last-child,
.toggleControls strong:last-child,
.toggleControls li:last-child {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  border-right: 2px solid #464646;
}
.resultNavigation .searchSortDiv a.selected, .resultNavigation .searchSortDiv span.selected, .resultNavigation .searchSortDiv strong.selected, .resultNavigation .searchSortDiv li.selected,
.resultNavigation .pagination a.selected,
.resultNavigation .pagination span.selected,
.resultNavigation .pagination strong.selected,
.resultNavigation .pagination li.selected,
.toggleControls a.selected,
.toggleControls span.selected,
.toggleControls strong.selected,
.toggleControls li.selected {
  background-color: #464646;
  color: #FFF;
}

.smallToggleControls a, .smallToggleControls span, .smallToggleControls strong, .smallToggleControls li {
  padding: 3px 5px;
}

/*
	This will need pulling out in the future all toggle code should be in a mixin,
	but its here for now to keep the code with the rest of the toggle code on the site
*/
.gennaro-toggle.toggleContainer * {
  box-sizing: border-box;
}
.gennaro-toggle.toggleContainer ul {
  margin: 5px 0 0 0;
  padding: 0;
}
.gennaro-toggle.toggleContainer ul li {
  display: inline-block;
  width: 50%;
  background-color: #CCC;
  border: none;
}
.gennaro-toggle.toggleContainer ul li:first-child {
  border-radius: 0;
}
.gennaro-toggle.toggleContainer ul li:last-child {
  border-radius: 0;
  border: none;
}
.gennaro-toggle.toggleContainer ul li.selected {
  background-color: #fff;
  border: none;
  border-top: 2px solid #D3005F;
  color: #D3005F;
}

.resultNavigation .searchSortDiv ul li {
  display: inline;
  padding-right: 10px;
}

#searchResults {
  margin: 0;
  padding: 5px 0;
}

/* Span has been chosen to represent the selected sort by
 * previous developers...
 */
.resultNavigation .searchSortDiv span {
  background-color: #464646;
  color: #FFF;
}

/* Strong has been chosen to represent the selected page by
 * previous developers...
 */
.resultNavigation .pagination strong {
  font-weight: normal;
  color: #FFF;
  background-color: #464646;
}

/* =Alternative Items (Individual Search Results)
-----------------------------------------------------------------------------*/
.resultTableAlternativesDivider {
  font-weight: bold;
  text-align: center;
  margin: 0 0 20px 0;
}

.resultTableCellBlank {
  line-height: 0;
  padding: 0;
}

.resultTableCellBlank td {
  padding: 0;
}

/* Search Item (Individual Search Results) - Updated & Sassed by JBG
----------------------------------------------------------------------------- */
#content h2.matches {
  font-weight: normal;
  margin-bottom: 10px;
}

#tripAdvisorBox ul {
  clear: both;
  list-style-type: none;
  margin: 0;
}
#tripAdvisorBox ul li strong {
  color: #053A68;
}
#tripAdvisorBox p {
  clear: both;
  margin: 0;
}
#tripAdvisorBox p a, #tripAdvisorBox p a:hover {
  clear: both;
  float: none !important;
  text-decoration: none !important;
}
#tripAdvisorBox #ratingBox {
  margin-top: 5px;
  padding-top: 3px;
  width: 100%;
  float: left;
}
#tripAdvisorBox #ratingBox h5 {
  font-weight: normal;
  margin: 2px 0 6px 0;
}
#tripAdvisorBox #ratingBox p a {
  padding: 5px 14px 0 0;
  float: left;
  background: transparent url("themes/cit/images/searchResults/btnReadReviewsSearchResults.png") no-repeat top right;
}
#tripAdvisorBox #ratingBox img {
  float: left;
  margin: 2px 0 0 0;
}
#tripAdvisorBox #ratingBox a img.review {
  float: none;
  position: relative;
  right: 6px;
}
#tripAdvisorBox .recoThumb {
  background: url(../../common/tripAdvisor/thumbsUp.gif) no-repeat center left;
}

.searchItem #tripAdvisorBox {
  margin: 10px 0 0 10px;
}

.searchItemWrapper {
  margin-bottom: 20px;
  padding-bottom: 9px;
  background: transparent url(themes/cit/images/searchResults/shadow-bg.jpg) no-repeat bottom left;
}
.searchItemWrapper .searchItem {
  padding: 0;
  zoom: 1;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #CACACA;
  background: #E9E9E9 url(themes/cit/images/searchResults/SearchBoxGradientBg.jpg) repeat-x top left;
  position: relative;
  display: table;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem {
    width: 100%;
  }
}
.searchItemWrapper .searchItem .atAGlance ul {
  margin: 6px 0 20px 0;
  padding: 0 0 0 20px;
  width: 190px;
  border: none;
  background-image: none;
  background-color: transparent;
}
.searchItemWrapper .searchItem .atAGlance ul h3 {
  padding-top: 0;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: left;
}
.searchItemWrapper .searchItem .atAGlance ul ul {
  padding-left: 15px;
}
.searchItemWrapper .searchItem .atAGlance ul ul li {
  padding: 0;
  font-weight: bold;
}
.searchItemWrapper .searchItem .pricesExclude {
  margin: 5px 0 20px 10px;
}
.searchItemWrapper .searchItem .searchItemLeftColHolder {
  position: relative;
  float: left;
  width: 501px;
  display: table-cell;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder {
    width: 100%;
    float: none;
    display: block;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer {
  float: left;
  width: 220px;
  margin: 0 17px 0 0;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer {
    width: 100%;
    float: none;
    margin: 0;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer #hotelImage {
  position: relative;
  margin: 0 0 5px 0;
  width: 220px;
  height: 165px;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer #hotelImage {
    width: 100%;
    float: none;
    margin: 0;
    height: auto;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer #hotelImage .resultsImage {
  width: 220px;
  height: 165px;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer #hotelImage .resultsImage {
    width: 100%;
    height: auto;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer .recommended {
  position: absolute;
  top: 0;
  left: 0;
  width: 93px;
  height: 96px;
  background: transparent url(../themes/cit/images/pageElements/background/recommended.png) no-repeat 0 0;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer .recommended {
    width: 45px;
    height: auto;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer div.viewGalleryButton {
  margin: 0 auto;
  position: static;
  width: auto;
  text-align: center;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer div.viewGalleryButton {
    display: none;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer div.viewGalleryButton p {
  margin: 0;
  padding: 0;
  text-align: center;
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelImageContainer div.viewGalleryButton p a {
  padding-left: 20px;
  line-height: 30px;
  vertical-align: middle;
  display: inline;
  text-align: left;
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo {
  float: left;
  padding: 2px 0 17px 0;
  width: 253px;
  position: relative;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(225, 225, 225, 0.8);
    margin: 0;
    width: 100%;
    padding: 0;
    border-bottom: solid 1px #D3005F;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo ul.factsAtGlance {
  margin: 0 0 0 15px;
  padding: 0;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo ul.factsAtGlance {
    display: none;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner {
  min-height: 40px;
  height: auto !important;
  width: 253px;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner {
    width: 100%;
    height: auto;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner h2 {
  font-weight: normal;
  color: #464646;
  margin: 15px 65px 4px 0;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner h2 {
    font-size: 16px;
    margin: 5px 5px 0 5px;
    padding: 0;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner p.resort {
  margin-right: 65px;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner p.resort {
    margin: 0 0 0 5px;
    padding: 0;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner span.selectedRatings {
  margin-bottom: 5px;
  display: block;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner span.selectedRatings {
    margin-left: 5px;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner span.selectedRatings img {
  margin-right: -5px;
  margin-bottom: 10px;
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner span.unselectedRatings {
  margin-left: 3px;
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner span.unselectedRatings img {
  margin-right: -5px;
  margin-bottom: 10px;
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner p.accommodation-styles {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: 10px;
  height: 21px;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner p.accommodation-styles {
    display: none;
  }
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner p.accommodation-styles a {
  font-weight: normal;
  color: #666;
  margin-right: 6px;
  text-transform: uppercase;
  text-decoration: none;
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner p.accommodation-styles a:hover {
  color: #cd0158;
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner p.accommodation-styles a.border {
  border-left: 1px solid #ccc;
  padding: 2px 0 0 10px;
  margin-right: 6px;
}
.searchItemWrapper .searchItem .searchItemLeftColHolder .hotelInfo div.hotelInfoInner ul.factsAtGlance {
  margin: 0 0 0 15px;
  padding: 0;
}
.searchItemWrapper .searchItem .infoHolderRightCol {
  position: relative;
  float: left;
  background-color: #FFF !important;
  border-left: solid 2px #D3005F;
  min-height: 420px;
  width: 223px;
  display: table-cell;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .infoHolderRightCol {
    width: 100%;
    min-height: 20px;
    display: block;
    float: none;
    border-left: none;
  }
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  border-bottom: solid 1px #CECECE;
  min-height: 50px;
  width: 100%;
  /* one item */
  /* two items */
  /* three items */
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li {
  float: left;
  text-align: center;
  line-height: 20px;
  background-color: #F3F3F3 !important;
  min-height: 50px;
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li a {
  color: #464646 !important;
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li a span {
  display: block;
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li a span.infoTabsDate {
  margin-top: 5px;
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li a span.infoTabsPrice {
  font-weight: bold;
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li a.noPointer {
  cursor: default;
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li.unselected {
  background-color: #CECECE !important;
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li:first-child:nth-last-child(1) {
  width: 100%;
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li:first-child:nth-last-child(2),
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li:first-child:nth-last-child(3),
.searchItemWrapper .searchItem .infoHolderRightCol ul.infoHolderTabNav li:first-child:nth-last-child(3) ~ li {
  width: 33.3333%;
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder {
  float: left;
  width: 100%;
  padding-bottom: 15px;
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder div.searchInfoTabCont {
  display: none;
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder div.selected.searchInfoTabCont {
  display: block;
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont {
  width: 100%;
  position: relative;
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .searchItemInfoSum {
  list-style: none;
  margin: 15px 10px 0 10px;
  padding: 0;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .searchItemInfoSum {
    margin: 15px 0 15px 0;
    width: 33%;
    float: left;
  }
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .searchItemInfoSum li {
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .searchItemInfoSum li {
    padding: 0 0 0 5px;
  }
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .searchItemInfoSum.noMerch {
    width: 95%;
  }
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoMerchHolderMob {
  width: 66%;
  float: left;
  display: none;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoMerchHolderMob {
    display: block;
  }
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoMerchHolderMob span {
  font-size: 0.8em;
  -moz-background-size: 15px 12px;
  -webkit-background-size: 15px 12px;
  background-size: 15px 12px;
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoMerchHolderMob.noMerch {
  display: none;
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoPriceHolder {
  display: table;
  margin: 20px 0 0 0;
  width: 100%;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoPriceHolder {
    margin: 0;
    width: 66%;
    display: inline;
    float: left;
  }
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoPriceHolder .infoPriceHolderCol {
  display: table-cell;
  float: left;
  text-align: center;
  font-weight: bold;
  width: 50%;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoPriceHolder .infoPriceHolderCol {
    font-size: portraitTabletSmallPrint;
  }
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoPriceHolder .infoPriceHolderCol span {
  display: block;
  color: #D3005F;
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont span.fakeHr {
  display: none;
  border-top: solid 1px #CACACA;
  margin: 5px;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont span.fakeHr {
    display: block;
  }
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoViewButton {
  text-align: center;
  padding: 0 10px;
  display: block;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoViewButton {
    margin-top: 0px;
    width: 33%;
    padding: 0;
    display: inline;
    float: left;
  }
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoViewButton p {
  padding: 7px 5px 0 5px;
  display: block;
  margin: 0 !important;
}
.searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoMerchHolder {
  width: 100%;
  display: block;
}
@media (max-width: 767px) {
  .searchItemWrapper .searchItem .infoHolderRightCol .searchItemIContentHolder .searchInfoTabCont .infoMerchHolder {
    display: none;
  }
}
.searchItemWrapper .searchItem .tripGlanceCol {
  float: right;
  height: auto !important;
  min-height: 121px;
  width: 197px;
  padding-bottom: 10px;
}
.searchItemWrapper .searchItem a.aPriceGuarantee {
  position: absolute;
  right: 0;
  top: 0;
}
.searchItemWrapper .searchItem .matchRequest {
  border: 1px solid #ccc;
}
.searchItemWrapper .searchItem .searchMatch {
  position: absolute;
  top: -2px;
  right: 10px;
}

.valueAdded {
  padding: 0 10px;
}
.valueAdded p {
  font-weight: bold;
  margin-bottom: 4px;
}
.valueAdded span {
  display: block;
  line-height: 25px;
  padding-left: 25px;
  vertical-align: top;
  background: transparent url(../themes/cit/images/pageElements/icons/iconTick.jpg) no-repeat 0px 5px;
}
.valueAdded span .roomAvailability {
  color: #D3005F;
  cursor: help;
}

.variant1 .searchItem div .hotelInfo p.accommodation-styles .information {
  display: none;
}

#searchResultsPage #noSearchResultsContainer {
  width: 730px;
  float: right;
}
#searchResultsPage #noSearchResultsContainer .hotelInfo h2 {
  margin: 10px 0 4px 0;
}
#searchResultsPage #noSearchResultsContainer .tripGlanceCol {
  padding-right: 15px;
  width: 184px;
}
#searchResultsPage #noSearchResultsContainer .tripGlanceCol h4 {
  margin-top: 15px;
  text-align: right;
  font-weight: normal;
  margin-bottom: 10px;
}
#searchResultsPage #noSearchResultsContainer .tripGlanceCol p {
  text-align: right;
}
#searchResultsPage #noSearchResultsContainer .tripGlanceCol #tripAdvisorBox p {
  text-align: left;
}
#searchResultsPage #noSearchResultsContainer .opening {
  margin: 0;
}
#searchResultsPage #noSearchResultsContainer .phone {
  margin-bottom: 0;
}
#searchResultsPage #noSearchResultsContainer .phone span {
  color: #CD0158;
  font-weight: bold;
}
#searchResultsPage #noSearchResultsContainer .no-results-message p {
  margin: 0 0 14px 0;
}
#searchResultsPage #noSearchResultsContainer #ratingBox p {
  float: left;
  margin-top: 5px;
  padding-top: 3px;
  width: 100%;
}
#searchResultsPage #noSearchResultsContainer #ratingBox p a {
  background: url("themes/cit/images/searchResults/btnReadReviewsSearchResults.png") no-repeat scroll right top transparent;
  float: left;
  padding-right: 14px;
  padding-top: 5px;
}
#searchResultsPage #noSearchResultsContainer #tripAdvisorBox p {
  margin-bottom: 17px;
}
#searchResultsPage .no-results-message {
  background: #F2F2F2;
  background: -moz-linear-gradient(center top, #FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
  border: 1px solid #E3E3E3;
  margin-bottom: 16px;
  margin-top: 5px;
  padding: 15px 17px;
  width: 693px;
}
#searchResultsPage .no-results-message h2 {
  margin-top: 0;
}
#searchResultsPage .no-results-message ul {
  margin-left: 13px;
  padding-left: 0;
}
#searchResultsPage .no-results-message .phone {
  display: block;
  margin: 6px 0 6px 0;
}
#searchResultsPage .no-search-recommended {
  margin: 0;
}
#searchResultsPage .recommended-winter-wrapper {
  margin-bottom: 20px;
  overflow: hidden;
  background: transparent url(themes/cit/images/searchResults/shadow-bg.jpg) no-repeat bottom left;
}
#searchResultsPage .recommended-winter {
  margin-left: 0;
  width: 708px;
  margin-top: 15px;
  margin-bottom: 9px;
  padding: 10px;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #CACACA;
  background: #E9E9E9 url(themes/cit/images/searchResults/SearchBoxGradientBg.jpg) repeat-x top left;
}
#searchResultsPage .recommended-winter li {
  width: 167px;
  margin-right: 10px;
  list-style: none;
  float: left;
}
#searchResultsPage .recommended-winter li img {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
}

.searchResultsInfoTable {
  font-weight: normal;
  text-align: left;
  clear: both;
  margin: 0 0 10px 0;
}
.searchResultsInfoTable tr th {
  background-color: transparent;
  color: #303030;
  font-weight: bold;
  padding: 3px 10px;
}
.searchResultsInfoTable tr td {
  background-color: #f0f0f0;
}
.searchResultsInfoTable tr.selected td {
  background-color: #fff;
  color: #363636;
  font-weight: bold;
  text-align: left;
}
.searchResultsInfoTable tr.hoverSelected td {
  font-weight: bold;
}
.searchResultsInfoTable tr.hover, .searchResultsInfoTable tr.hoverSelected {
  cursor: pointer;
}
.searchResultsInfoTable tr.hover td, .searchResultsInfoTable tr.hoverSelected td {
  background-color: #E9E9E9;
}
.searchResultsInfoTable tr td.price {
  text-align: left !important;
}
.searchResultsInfoTable tr .room-content {
  display: none;
}
.searchResultsInfoTable tr td.arrowHolder {
  background: #FFF;
  padding: 0;
  width: 9px;
}
.searchResultsInfoTable tr td.selectedArrow {
  background: #FFF url("themes/cit/images/searchResults/arrowSearchPreferred.gif") no-repeat 50%;
}
.searchResultsInfoTable tr.selected td.view img, .searchResultsInfoTable td img {
  border: none;
  padding-top: 3px;
}
.searchResultsInfoTable td {
  border-bottom: 1px solid #cacaca;
  border-top: 1px solid #cacaca;
  vertical-align: middle;
  padding: 8px 10px;
}
.searchResultsInfoTable tr.blankRow td {
  background-color: transparent;
  border: none;
  padding: 0;
  height: 3px;
  border: none;
}
.searchResultsInfoTable td.date {
  margin-left: 5px;
  width: 90px;
}
.searchResultsInfoTable tr td.view {
  text-align: right;
}

.section-included ul li {
  width: 185px;
}

/* =Main Index Content
-----------------------------------------------------------------------------*/
strong.highlight {
  color: #464646;
  background: none;
}

#guideContainer {
  clear: both;
}

/* ********** */
/* INDEX PAGE */
/* ********** */
#mediaIndexContainer {
  width: 972px;
  padding-top: 10px;
}

#mediaIndexContainer .mediaCenterLeftCol {
  float: left;
  width: 502px;
  border-right: 1px solid #D4D0C8;
  padding: 0;
  margin: 0;
}

#mediaIndexContainer .mediaCenterRightCol {
  width: 425px;
  min-height: 448px;
  height: auto !important;
  height: 448px;
  float: right;
  margin-left: 5px;
}

#navigation {
  background-color: #F2F2F2;
  float: left;
  margin-bottom: 10px;
  width: 100%;
}

#navigation .navigationHeader {
  background-color: #333;
  color: #FFF;
  padding: 10px;
  font-size: 1.2em;
}

.navigationHeader a {
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  margin-left: 10px;
}

.mediaCenterList {
  /*list-style-image:url(themes/cit/images/mediaCenter/general/mediaCenterList.gif);*/
  list-style-position: outside;
  list-style-type: none;
}

#navigation ul {
  padding: 0;
  margin: 0;
}

.mediaCenterList li {
  background-color: #F6F6F6;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #ccc;
  padding: 0;
  background-image: url(/themes/cit/images/pageElements/background/arrowRight.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 8px 16px;
}

.mediaCenterList li a {
  color: #000;
  text-decoration: none;
  display: block;
  padding: 10px 0;
}

.mediaCenterList .navText {
  margin-left: 25px;
}

/* index boxes */
#boxContainer {
  width: 324px;
  float: right;
  border-left: 1px solid #D4D0C8;
}

#boxContainer p {
  text-align: center;
}

#boxContainer .boxOuter {
  border-bottom: 1px solid #D4D0C8;
  padding: 0 0 10px 12px;
}

#boxContainer .noBottomBorder {
  border-bottom: none;
}

#boxContainer .boxOuter .box {
  height: 225px;
  width: 300px;
}

#boxContainer a,
#boxContainer a {
  text-decoration: underline;
}

#boxContainer .box1 a,
#boxContainer .box3 a {
  color: #FFF;
}

#boxContainer .box2 a {
  color: #000;
}

#boxContainer .box1 {
  background-color: #D3005F;
  margin-top: 10px;
}

#boxContainer .box2 {
  background-color: #EEEEEE;
  margin-top: 10px;
}

#boxContainer .box3 {
  background-color: #000000;
  margin-top: 10px;
}

.generalBox {
  background-color: #F3F3F3;
  min-height: 140px;
  height: auto !important;
  height: 140px;
  margin-top: 20px;
  padding: 10px;
}

#preferredPartnersContainer {
  clear: both;
  margin-left: 177px;
  border-left: 1px solid #D4D0C8;
  border-top: 1px solid #D4D0C8;
  background-color: #FFFFFF;
  height: 150px;
}

#preferredPartnersContainer h3 {
  padding-top: 10px;
}

#preferredPartnersContainer .hideLink {
  color: #6A6A6A;
  text-decoration: none;
  font-family: "Times New Roman";
}

#preferredPartnersContainer .partnerBox {
  width: 250px;
  float: left;
  margin-top: 10px;
  background-color: #F3F3F3;
}

#preferredPartnersContainer .partnerBox img {
  float: left;
  padding-right: 10px;
}

#preferredPartnersContainer h3 {
  margin-left: 20px;
  margin-top: 5px;
}

#preferredPartnersContainer .partnerBox a {
  color: #D60563;
  font-weight: bold;
  text-decoration: underline;
}

#preferredPartnersContainer .partnerBoxFirst {
  margin-left: 5px;
}

#mediaIndexContainer .mediaCenterRightCol .generalBox .meetText {
  width: 230px;
  float: left;
}

.generalBox .meetText .meetReadMore {
  float: right;
  padding-top: 5px;
  padding-right: 5px;
}

/* GENERAL */
.continueReading {
  color: #D60563;
  font-weight: bold;
  padding-left: 10px;
  background-image: url(themes/cit/images/mediaCenter/general/continue.gif);
  background-repeat: no-repeat;
}

.continueReadingText {
  margin-left: 20px;
}

.readMore {
  color: #D60563;
  text-decoration: underline;
}

.top-items-list, .top-items-list li {
  overflow: hidden;
  clear: left;
  padding-left: 0;
  margin-left: 0;
}

.top-items-list li img {
  width: 200px;
  height: auto;
  float: left;
  margin-right: 10px;
}

#mediaSubCategoryContainer #middle ul.top-items-list li {
  clear: left;
  list-style-image: none;
  margin-bottom: 3px;
  overflow: hidden;
  clear: left;
}

#middle dd, #middle dt {
  display: inline;
  float: left;
  margin-left: 0;
}

#middle dd {
  width: 400px;
}

#middle dt {
  clear: both;
  margin-right: 5px;
  min-width: 100px;
}

#middle dl {
  margin-bottom: 20px;
  overflow: hidden;
}

#middle h2 {
  clear: left;
}

#middle p {
  overflow: hidden;
}

#middle h2 a {
  text-decoration: none;
}

/* ************** */
/* CATEGORY PAGES */
/* ************** */
#mediaCategoryContainer {
  width: 940px;
  padding-top: 10px;
}

.readMore {
  text-decoration: none;
}

#secondRow {
  clear: both;
}

#firstRow .guideBox,
#secondRow .guideBox {
  width: 241px;
  float: left;
  padding: 0 10px 10px 0;
  margin-bottom: 10px;
}

#firstRow .guideBox .readMore,
#secondRow .guideBox .readMore {
  background-image: url(themes/cit/images/mediaCenter/general/readMoreBg.gif);
  background-repeat: no-repeat;
}

.guideBox a img {
  border: none;
}

.guideBox h3 a {
  text-decoration: none;
  color: #000000;
}

#mediaCategoryContainer #preferredPartnersContainer {
  margin-left: 175px;
}

/* ************* */
/* SUBCATEGORIES */
/* ************* */
#offers,
#offers p {
  font-weight: normal;
}

#offers ul {
  padding-left: 13px;
  margin-left: 0;
}

#mediaSubCategoryContainer .mediaCenterLeftCol {
  float: left;
  width: 180px;
}

#mediaSubCategoryContainer #subContainer {
  float: left;
  margin-right: 130px;
}

#mediaSubCategoryContainer #offers {
  float: right;
  width: 180px;
  background-color: #F3F3F3;
  padding: 10px;
  border-top: 15px solid #474747;
}

#mediaSubCategoryContainer #middle {
  float: left;
  width: 508px;
  padding-bottom: 20px;
}

@media (max-width: 480px) {
  #mediaSubCategoryContainer #middle, #mediaSubCategoryContainer #offers {
    width: 100%;
    float: none;
  }
  #mediaSubCategoryContainer img {
    width: 100%;
    float: none;
  }
  #mediaSubCategoryContainer #offers {
    box-sizing: border-box;
  }
}
#mediaSubCategoryContainer #middleFullWidth {
  float: left;
  padding-bottom: 10px;
}

#mediaSubCategoryContainer #offers .offer {
  padding: 10px 0 10px 0;
  border-bottom: 1px dashed #000000;
}

#mediaSubCategoryContainer #offers h2 {
  margin: 3px 0;
}

#mediaSubCategoryContainer #offers .offer img {
  margin-left: 5px;
}

#mediaSubCategoryContainer #preferredPartnersContainer {
  margin-left: 175px;
}

#mediaSubCategoryContainer #middle .smartTravelImg {
  float: left;
  margin: 0 10px 20px 0;
}

#mediaSubCategoryContainer #middle ul.language li {
  background-image: none;
  list-style: disc;
}

#mediaSubCategoryContainer #blackHeader {
  height: 15px;
  background-color: #474747;
  float: right;
  width: 220px;
}

.bold {
  font-weight: bold;
}

.bgGrey {
  background: #F3F3F3 none repeat scroll 0 0;
}

.archive {
  font-weight: bold;
}

.archiveImgContainer {
  float: left;
  margin: 5px 0 15px 0;
  padding-left: 30px;
  width: 484px;
}

.surroundedTitle {
  margin: 20px 0 0 0;
  padding: 2px;
}

#mediaSubCategoryContainer .right {
  float: right;
  margin: 0 0 5px 10px;
}

.introEnrico {
  min-height: 97px;
  height: auto !important;
  height: 97px;
  margin-right: 200px;
}

.preferredPartnersLogoContainer {
  width: 745px;
  padding-top: 10px;
}

.preferredPartnersLogoContainer .box {
  float: left;
  height: 110px;
  text-align: center;
  width: 170px;
}

/* ****************************** */
/* Fancy Breadcrumbs/Progress Bar */
/* ****************************** */
#progressBar {
  clear: right;
  width: 754px;
  height: 23px;
  margin-bottom: 10px;
  background-color: #F3F3F3;
}

#progressBar a {
  text-decoration: none;
  color: #FFFFFF;
}

.bcGrey {
  background-image: url(themes/cit/images/mediaCenter/general/grey.gif);
  width: auto;
  height: 23px;
  padding: 0 10px 0 10px;
  color: #FFFFFF;
}

.bcPink {
  background-image: url(themes/cit/images/mediaCenter/general/pink.gif);
  width: auto;
  height: 23px;
  padding: 0 10px 0 10px;
  color: #FFFFFF;
}

.bcGreyStart {
  background-image: url(themes/cit/images/mediaCenter/general/greyStart.gif);
  width: 4px;
  height: 23px;
  float: left;
}

.bcGreyArrow {
  background-image: url(themes/cit/images/mediaCenter/general/greyArrow.gif);
  width: 15px;
  height: 23px;
  float: left;
}

.bcGPinkArrow {
  background-image: url(themes/cit/images/mediaCenter/general/pinkArrow.gif);
  width: 15px;
  height: 23px;
  float: left;
}

.bcGreyPinkArrow {
  background-image: url(themes/cit/images/mediaCenter/general/greyPinkArrow.gif);
  width: 15px;
  height: 23px;
  float: left;
}

.bcPinkEnd {
  background-image: url(themes/cit/images/mediaCenter/general/pinkLightGreyArrow.gif);
  width: 12px;
  height: 23px;
  float: left;
}

/* ********************* */
/* CSS IMAGE REPLACEMENT */
/* ********************* */
#mediaIndexContainer #replacementFashion {
  padding: 304px 0 0 0;
  overflow: hidden;
  background-image: url(themes/cit/images/mediaCenter/index/indexFashion.jpg);
  background-repeat: no-repeat;
  height: 0px !important;
  height: 304px;
}

#mediaIndexContainer .mediaCenterLeftCol #boxContainer .boxOuter .box #replacementBox1 {
  padding: 50px 0 0 0;
  overflow: hidden;
  background-image: url(themes/cit/images/mediaCenter/index/indexGuide1.gif);
  background-repeat: no-repeat;
  height: 0px !important;
  height: 50px;
}

#mediaIndexContainer .mediaCenterLeftCol #boxContainer .boxOuter .box #replacementBox2 {
  padding: 50px 0 0 0;
  overflow: hidden;
  background-image: url(themes/cit/images/mediaCenter/index/indexGreen1.gif);
  background-repeat: no-repeat;
  height: 0px !important;
  height: 50px;
}

#mediaIndexContainer .mediaCenterLeftCol #boxContainer .boxOuter .box #replacementBox3 {
  padding: 50px 0 0 0;
  overflow: hidden;
  background-image: url(themes/cit/images/mediaCenter/index/indexOffer1.gif);
  background-repeat: no-repeat;
  height: 0px !important;
  height: 50px;
}

/* Citalia Cares */
.citaliaCares {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

#citaliaCares {
  width: 100%;
}

/* Award page styles */
.award {
  height: 90px;
  border: 0px solid #fff !important;
  float: left;
  margin-right: 10px;
}

.imageText {
  margin: 10px;
  overflow: hidden;
  height: 100px;
}

img.newBrochureTeaser {
  float: right;
  width: 163px;
  height: 230px;
  margin-left: 80px;
}

#introText {
  background: #EDEDED;
  overflow: hidden;
  margin: 0 0 26px;
  color: #000000;
  padding: 15px 20px;
}

#introText .heading strong {
  padding-top: 0px;
  text-align: left;
}

p.brochureText {
  margin-left: 15px;
}

p.brochureOrder a {
  text-decoration: none;
}

p.brochureOrder a:hover {
  text-decoration: underline;
}

#mainContent div img {
  border: 1px solid #ccc;
  padding: 2px;
}

.collectionContainer {
  margin-bottom: 15px;
  width: 418px;
  margin: 0 auto 10px;
  overflow: hidden;
}

.collectionContainer h3 {
  font-weight: normal;
}

.collectionContainer .itunesLogo {
  width: 110px;
  height: 40px;
  display: block;
  margin: 0 auto;
}

.item1, .item2, .item3, .item4 {
  float: left;
  width: 50%;
  padding: 0px;
  text-align: center;
}

.collectionContainer img {
  width: auto;
  height: 198px;
}

.item1 .text, .item2 .text, .item3 .text, .item4 .text {
  padding: 0 30px;
}

#brochureWrapperSingle {
  padding: 15px;
  border-top-width: 1px;
  overflow: hidden;
  zoom: 1;
}

#brochureWrapperSingle #introText {
  float: left;
  border: none;
  background-color: transparent;
  width: 370px;
  margin: 0 50px 20px 0;
  padding: 0;
}

#brochureWrapperSingle #introText p {
  margin-left: 0;
}

#brochureWrapperSingle #introText p.heading {
  margin: 0;
}

#brochureWrapperSingle .brochureImage {
  width: 276px;
  float: right;
}

/* =Opt In / Opt Out Section
-----------------------------------------------------------------------------*/
.optInOne,
.optInTwo {
  margin: 0 0 25px 10px;
}
@media (min-width: 768px) and (max-width: 980px) {
  .optInOne,
  .optInTwo {
    margin: 0 0 55px 10px;
  }
}

.optInOne input[type="checkbox"] + label span,
.optInTwo input[type="checkbox"] + label span {
  white-space: initial;
  width: 650px;
  line-height: initial;
}
@media (max-width: 480px) {
  .optInOne input[type="checkbox"] + label span,
  .optInTwo input[type="checkbox"] + label span {
    width: 280px;
    line-height: 1.2em;
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .optInTwo input[type="checkbox"] + label {
    margin: 35% 0 10%;
  }
}

#contactUsContainer {
  color: #000;
}

#contactUsContainer h1 {
  margin: 0 0 25px 0;
}

#contactUsContainer div.contactHead {
  padding: 14px 40px 14px 14px;
}

#contactUsContainer div.contactHead + div.contactHead {
  margin: 9px 0 0;
}

#contactUsContainer div.contactHead p {
  margin: 0;
  line-height: 18px;
}

#contactUsContainer div.contactHead p + p {
  margin: 16px 0 0;
}

#contactUsContainer div.boxLinearBackground, #contactUsContainer div.getSatisfaction {
  background: #f2f2f2;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
  background: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background: -moz-linear-gradient(top, #fff, #f2f2f2);
  background: -ms-linear-gradient(top, #fff, #f2f2f2);
  background: -o-linear-gradient(top, #fff, #f2f2f2);
  border: 1px solid #e3e3e3;
}

#faq.contactHead h2 {
  float: left;
  margin: 0;
  padding: 0 0 90px;
  background: url(../themes/cit/images/pageElements/background/faq-icon-large.png) no-repeat bottom;
}

#faq.contactHead h2 + p {
  line-height: 24px;
  padding: 0 0 0 3px;
  display: inline-block;
  float: left;
  width: 76%;
}
@media (min-width: 768px) and (max-width: 980px) {
  #faq.contactHead h2 + p {
    padding: 3px 0 0 3px;
    width: 72%;
  }
}

#faq.contactHead ul {
  list-style: none;
  padding: 0 0 0 170px;
  margin: 55px 0 0;
}

#faq.contactHead li {
  margin: 0;
}

#faq.contactHead ul li:last-child {
  padding: 10px 0 0;
}

#contactUsContainer .copy {
  padding: 2px 0;
  display: inline-block;
}

#contactUsContainer div.collapsibleContentContainer {
  margin: 9px 0 0;
  padding: 6px 4px 6px 12px;
}

#contactUsContainer p.collapseTrigger {
  overflow: hidden;
  margin: 0;
}

#contactUsContainer p.collapseTrigger > span {
  cursor: pointer;
}

#contactUsContainer p.collapseTrigger span.copy {
  padding: 2px 0 0;
  float: left;
}

#contactUsContainer div.collapsibleContent {
  overflow: hidden;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 6px 8px 6px 0;
}

#contactContainer {
  margin: 10px 0 0;
  overflow: hidden;
}

#contactContainer > div {
  width: 151px;
  min-height: 620px;
  float: left;
  padding: 11px;
  position: relative;
}

#contactContainer div.ContactBoxesHolidayTimes {
  min-height: 520px;
}

#contactContainer > div + div {
  margin: 0 0 0 9px;
}

#contactContainer h2 {
  margin: 0;
}

#contactContainer h2 + p {
  margin: 12px 0 20px;
  height: 100px;
  line-height: 18px;
}

#contactContainer p {
  margin: 4px 0;
}

#contactContainer p + dl.openingTimes {
  margin: 8px 0 6px;
}

#contactContainer span.telephone, #contactContainer a.email {
  color: #D3005F;
  display: block;
}

#contactContainer span.telephone {
  font-weight: 600;
}

#contactContainer a.email {
  word-wrap: break-word;
}

#contactContainer h3 + dl.openingTimes + h3 + dl.openingTimes {
  margin: 0 0 40px 0;
}

#contactContainer dl.openingTimes {
  overflow: hidden;
  margin: 0 0 12px 0;
  line-height: 1.6em;
}

#contactContainer dl.openingTimes dt, #contactContainer dl.openingTimes dd {
  float: left;
}

#contactContainer dl.openingTimes dt {
  width: 124px;
  height: 15px;
}

#contactContainer dl.openingTimes dd {
  margin: 0 0 5px;
  font-style: italic;
}

#contactContainer dl.openingTimes td.hours em {
  display: block;
  text-align: center;
}

#contactContainer p.btn {
  border-top: 1px solid #e3e3e3;
  padding: 13px 0;
  width: 155px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 9px;
}

#contactContainer a.btn {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 25px 0 0;
}

#contactFooter {
  margin: 10px 0 0;
  overflow: hidden;
}

#contactFooter > div {
  width: 151px;
  min-height: 154px;
  float: left;
  padding: 11px;
}

#contactFooter > div.twoColumns {
  width: 335px;
}

#contactFooter > div + div {
  margin: 0 0 0 9px;
}

#contactFooter h2 {
  margin: 0;
}

#contactFooter span.telephone {
  color: #D3005F;
  font-weight: 600;
  display: block;
}

#brochureLink {
  background: url(../themes/cit/images/pageElements/background/contactUsBrochures.png) no-repeat center -2px;
  margin: 10px 0 0;
  padding: 113px 0 0;
  width: 100%;
  display: inline-block;
}

/* Customer Complaints Form */
#customerComplaintsContainer {
  color: #000;
  width: 550px;
}

#customerComplaintsContainer h1 {
  margin: 2px 0 5px;
}

#customerComplaintsContainer p {
  line-height: 18px;
}

#customerComplaintsContainer form {
  margin: 50px 0 0;
}

#customerComplaintsContainer form p {
  margin: 10px 0;
  width: 450px;
  float: left;
}

#customerComplaintsContainer form label span {
  color: #D3005F;
}

#customerComplaintsContainer form label.fullLength {
  width: 100%;
  text-align: left;
  margin: 0 0 16px;
}

#customerComplaintsContainer form p.actions {
  text-align: right;
  float: none;
  clear: both;
  width: 100%;
}

#customerComplaintsContainer form p.actions > * {
  display: inline-block;
  vertical-align: middle;
}

#customerComplaintsContainer form p.actions > * + * {
  margin: 0 0 0 15px;
}

#customerComplaintsContainer form select#contactSubReason.shorten:focus, #customerComplaintsContainer form select#contactSubReasonJS.shorten:focus {
  width: auto;
}

#customerComplaintsContainer p.notice {
  background: #e8e8e8 url(../themes/cit/images/pageElements/background/iconPaperClip.png) no-repeat 20px center;
  padding: 20px 0 20px 70px;
}

#customerComplaintsContainer form p.error {
  width: 70px;
  float: left;
  color: #B21111;
  background: transparent url("themes/common/images/icons/validateCross.gif") no-repeat top left;
  margin: 10px 0 10px 5px;
  padding: 0 0 0 17px;
}

#customerComplaintsContainer #errorContainer p.error {
  background: url("themes/common/images/icons/iconWarningRed.gif") no-repeat scroll 6px 6px #FCCAC1;
  border: 1px solid #EB573B;
  color: #B21111;
  padding: 10px 0 10px 40px;
  margin: 15px auto;
  clear: both;
  width: 508px;
}

.galleryThumbnails.slick-slider {
  margin-top: 10px;
}
@media (max-width: 480px) {
  .galleryThumbnails.slick-slider {
    width: 100% !important;
  }
  .galleryThumbnails.slick-slider img {
    display: block !important;
    width: 100%;
  }
}
.galleryThumbnails.slick-slider .slick-slide {
  width: 100px;
  margin: 0 5px;
}
.galleryThumbnails.slick-slider .slick-slide img {
  opacity: 0.5;
  cursor: pointer;
}
.galleryThumbnails.slick-slider .slick-slide.slick-selected img {
  opacity: 1;
}

.galleryExpanded.slick-slider {
  width: 100%;
}
@media (max-width: 480px) {
  .galleryExpanded.slick-slider img {
    display: block !important;
  }
}
.galleryExpanded.slick-slider .slick-slide {
  width: 540px;
  margin: 0 5px;
}
@media (max-width: 480px) {
  .galleryExpanded.slick-slider .slick-slide {
    width: 100%;
    margin: 0;
  }
}
.galleryExpanded.slick-slider .slick-slide img {
  opacity: 0.3;
  cursor: pointer;
}
@media (max-width: 480px) {
  .galleryExpanded.slick-slider .slick-slide img {
    opacity: 1;
    cursor: default;
  }
}
.galleryExpanded.slick-slider .slick-slide .caption {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px 10px 8px 10px;
  color: #fff;
}
@media (max-width: 480px) {
  .galleryExpanded.slick-slider .slick-slide .caption {
    display: block;
  }
}
.galleryExpanded.slick-slider .slick-slide.slick-selected img {
  opacity: 1;
  cursor: auto;
}
.galleryExpanded.slick-slider .slick-slide.slick-selected div.caption {
  display: block;
}
.galleryExpanded.slick-slider .slick-prev {
  bottom: 180px;
}
.galleryExpanded.slick-slider .slick-next {
  bottom: 180px;
}

.slick-slide {
  position: relative;
}
.slick-slide .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px 10px 8px 10px;
  color: #fff;
}

.destinationTabsPadding li a {
  padding: 0 20px;
}

.destinationTabs {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
  width: 100%;
  background: #E9E9E9;
  float: left;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
}
.destinationTabs li:first-child:nth-last-child(1),
.destinationTabs li:first-child:nth-last-child(1) ~ li {
  width: 100%;
}
.destinationTabs li:first-child:nth-last-child(2),
.destinationTabs li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
.destinationTabs li:first-child:nth-last-child(3),
.destinationTabs li:first-child:nth-last-child(3) ~ li {
  width: 33.33333%;
}
.destinationTabs li:first-child:nth-last-child(4),
.destinationTabs li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
.destinationTabs li:first-child:nth-last-child(5),
.destinationTabs li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
.destinationTabs li:first-child:nth-last-child(6),
.destinationTabs li:first-child:nth-last-child(6) ~ li {
  width: 16.66667%;
}
.destinationTabs * {
  box-sizing: border-box;
}
.destinationTabs [href="#"] {
  cursor: default;
}
.destinationTabs li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 5px 0;
  margin: 0;
  float: left;
  position: relative;
}
.destinationTabs li a {
  line-height: 36px;
  border-left: 1px solid #CCC;
  color: #464646;
  text-align: center;
  width: 100%;
  padding: 0 5px;
}
.destinationTabs li:hover a {
  color: #D3005F;
}
.destinationTabs li.active {
  background: #fff;
  border-top: solid 1px #D3005F;
  border-bottom: 1px solid #fff;
  margin-top: -1px;
}
.destinationTabs li.active a {
  color: #D3005F;
  border-left: none;
}
.destinationTabs li.active + li a {
  border-left: none;
}
.destinationTabs li.hasSubMenu > a {
  background-image: inherit !important;
}
.destinationTabs li.hasSubMenu > a:after {
  position: relative;
  top: -3px;
}
@media (min-width: 480px) {
  .destinationTabs li.hasSubMenu > a:after {
    width: 0;
    height: 0;
    display: inline-block;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #464646;
    content: "";
    margin-left: 10px;
  }
}
@media (max-width: 480px) {
  .destinationTabs li.hasSubMenu > a:after {
    background-color: #D3005F;
    border-radius: 50px;
    margin-right: 10px;
    padding: 5px 8px 7px 8px;
    color: #fff;
    float: right;
    content: '+';
    line-height: 1em;
    top: 5px;
  }
}
@media (max-width: 480px) {
  .destinationTabs li.hasSubMenu:hover > a:after {
    content: '-';
    padding: 5px 10px;
  }
}
@media (min-width: 480px) {
  .destinationTabs li.hasSubMenu:hover > a:after {
    width: 0;
    height: 0;
    display: inline-block;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #D3005F;
    content: "";
  }
}
.destinationTabs li.hasSubMenu .subMenu {
  position: absolute;
  top: 2.5em;
  left: 0;
  z-index: 9999;
  background: #fff;
  border: 1px solid #efefef;
  border-top: 0;
  white-space: nowrap;
  display: none;
}
.destinationTabs li.hasSubMenu .subMenu li.active {
  border-top: 0;
  margin-top: 0;
}
.destinationTabs li.hasSubMenu .subMenu li:hover {
  background-color: #E9E9E9;
}
.destinationTabs li.hasSubMenu .subMenu a {
  color: #464646;
  text-align: left;
  display: block;
}
.destinationTabs li.hasSubMenu.hasSubMenu:hover .subMenu, .destinationTabs li.hasSubMenu li.subMenu.opened {
  display: block;
  margin: 7px 0 0 0;
  padding-top: 5px;
  padding-left: 0;
}
@media (max-width: 480px) {
  .destinationTabs li.hasSubMenu.hasSubMenu:hover .subMenu, .destinationTabs li.hasSubMenu li.subMenu.opened {
    padding-top: 0;
  }
}
.destinationTabs li.hasSubMenu.hasSubMenu:hover .subMenu li, .destinationTabs li.hasSubMenu li.subMenu.opened li {
  float: none;
  display: block;
  width: auto;
  text-align: left;
}
.destinationTabs li.hasSubMenu.hasSubMenu:hover .subMenu li a, .destinationTabs li.hasSubMenu li.subMenu.opened li a {
  border: 0;
  padding: 0 10px;
}
@media (max-width: 480px) {
  .destinationTabs li.hasSubMenu.hasSubMenu:hover .subMenu li, .destinationTabs li.hasSubMenu li.subMenu.opened li {
    background-image: none;
  }
}
.destinationTabs li.hasSubMenu li {
  padding: 9px 20px 9px 25px;
  border-bottom: 1px solid #efefef;
  background-image: url(/themes/cit/images/pageElements/background/arrowRight.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 8px 16px;
  background-color: #FFF;
}
@media (max-width: 480px) {
  .destinationTabs {
    display: none;
  }
  .destinationTabs .subMenu {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
}
.destinationTabs .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.destinationTabs > *:first-child a {
  border-left: none;
}

@media (max-width: 480px) {
  .mobileDestinationTabs {
    display: block;
  }
  .mobileDestinationTabs div > li {
    float: none;
    display: block;
    text-align: left;
    border-top: 1px solid #CCC;
  }
  .mobileDestinationTabs div > li a {
    border: 0;
    display: block;
    text-align: left;
  }
  .mobileDestinationTabs.open .menu {
    display: block;
  }
  .mobileDestinationTabs.close .menu {
    display: none;
  }
  .mobileDestinationTabs.open .menuToggle:after, .mobileDestinationTabs.close .menuToggle:after {
    content: ' ';
    width: 40px;
    height: 40px;
    position: absolute;
    right: 8px;
    top: 4px;
  }
  .mobileDestinationTabs.open .menuToggle:after {
    background: url(/themes/cit/images/pageElements/arrow_up.png) center no-repeat;
  }
  .mobileDestinationTabs.close .menuToggle:after {
    background: url(/themes/cit/images/pageElements/arrow_down.png) center no-repeat;
  }
  .mobileDestinationTabs li {
    width: 100% !important;
  }
  .mobileDestinationTabs .menuToggle {
    position: relative;
    padding: 10px;
    display: block;
    background: #D3005F;
    color: #fff;
  }
  .mobileDestinationTabs .menuToggle a {
    color: inherit;
  }
  .mobileDestinationTabs .menuToggle :after {
    position: absolute;
    right: 10px;
    content: '';
  }
  .mobileDestinationTabs .slick-dots li {
    width: 20px !important;
    display: inline-block;
  }
}

.js .destTabContent {
  display: none;
}

.js .destTabContent.active {
  display: block;
}

.destinationTabsContent {
  float: left;
  width: 100%;
}
.destinationTabsContent .destTabContent {
  width: 100%;
  float: left;
}
@media (max-width: 480px) {
  .destinationTabsContent .destTabContent {
    display: block;
    opacity: 1;
  }
}
.destinationTabsContent .destTabContent.content {
  padding-top: 10px;
}
.destinationTabsContent .destTabContent img.right {
  margin-left: 10px;
  padding-left: 20px;
}
.destinationTabsContent .destTabContent img.left {
  margin-right: 10px;
  padding-right: 20px;
}
@media (max-width: 480px) {
  .destinationTabsContent .destTabContent img.right, .destinationTabsContent .destTabContent img.left {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.destinationTabsContent .destTabContent.active {
  display: block;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
}

#destTabOverview .destOverViewLeftCol {
  display: block;
  float: left;
  width: 60%;
}
@media (max-width: 480px) {
  #destTabOverview .destOverViewLeftCol {
    width: 100%;
  }
}
#destTabOverview .destOverViewLeftCol .destContentHold {
  margin: 0 10px 0 0;
}
@media (max-width: 480px) {
  #destTabOverview .destOverViewLeftCol .destContentHold {
    margin: 0;
  }
}
#destTabOverview .destOverViewLeftCol .destContentHold h2 {
  margin: 20px 0 20px 0  !important;
  float: left;
  display: block;
  width: 100%;
}
#destTabOverview .destOverViewLeftCol .destContentHold .leftColResortHolder h2 {
  margin-bottom: 0px !important;
}
@media (max-width: 480px) {
  #destTabOverview .destOverViewLeftCol .destContentHold .leftColResortHolder h2 {
    magrin: 0 !important;
    float: left;
    display: block;
    width: 100%;
  }
}
#destTabOverview .destOverViewLeftCol .destContentHold .leftColResortHolder p {
  margin-bottom: 8px;
  margin-top: 5px;
  vertical-align: top;
}
#destTabOverview .destOverViewLeftCol .destContentHold .leftColResortHolder img {
  float: left;
  vertical-align: top;
  margin: 10px 10px 5px 0;
}
@media (max-width: 480px) {
  #destTabOverview .destOverViewLeftCol .destContentHold .leftColResortHolder img {
    margin: 5px 10px 5px 0;
  }
}
#destTabOverview .destOverViewLeftCol .destContentHold .destPopHotel {
  background: #E9E9E9;
  margin-bottom: 5px;
  float: left;
  position: relative;
  width: 100%;
}
#destTabOverview .destOverViewLeftCol .destContentHold .destPopHotel a.popHotelImageLink {
  display: inline-block;
  float: left;
}
#destTabOverview .destOverViewLeftCol .destContentHold .destPopHotel a.popHotelImageLink img {
  display: block;
  margin: 0 !important;
}
#destTabOverview .destOverViewLeftCol .destContentHold .destPopHotel .popHotelDesc {
  float: left;
  margin: 10px 10px 0px 10px;
  padding: 0;
  max-width: 250px;
}
@media (max-width: 480px) {
  #destTabOverview .destOverViewLeftCol .destContentHold .destPopHotel .popHotelDesc {
    max-width: 150px;
  }
}
#destTabOverview .destOverViewLeftCol .destContentHold .destPopHotel .popHotelDesc p {
  margin: 0 0 5px 0;
}
#destTabOverview .destOverViewLeftCol .destContentHold .destPopHotel .popHotelDesc ul.popularText {
  margin: 0 0 0 18px;
  padding: 0;
}
#destTabOverview .destOverViewLeftCol .destContentHold .destPopHotel a.popHotelLink {
  display: block;
  position: absolute;
  z-index: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #464646;
  height: 96px;
  width: 30px;
  text-align: center;
  line-height: 96px;
  font-size: 25px;
  font-weight: 100;
  background: url(/themes/cit/images/pageElements/background/arrowRight.png) center no-repeat;
}
#destTabOverview .destOverViewRightCol {
  display: block;
  float: left;
  width: 40%;
}
@media (max-width: 480px) {
  #destTabOverview .destOverViewRightCol {
    width: 100%;
  }
}

.destRightColModule {
  margin-top: 20px;
  border: solid 1px #E9E9E9;
  padding: 10px;
}
.destRightColModule h3 {
  margin-top: 0px;
  margin-bottom: 10px;
}
.destRightColModule div.imageFloatLeft {
  float: left;
  margin: 0 10px 10px 0;
  text-align: center;
  padding: 3px;
  background: #E9E9E9;
}
.destRightColModule div.imageFloatLeft span {
  display: block;
}
.destRightColModule p {
  margin-top: 5px;
  margin-bottom: 5px;
}

#climateContainer {
  height: 220px;
}

div.destHotelGrid {
  margin: 15px 0 0 0;
  padding: 0;
  float: left;
  list-style: none;
  box-sizing: border-box;
  width: 100%;
}
div.destHotelGrid div.destHotelHolder {
  width: 32.33333%;
  background: white;
  float: left;
  border: solid 1px #CCC;
  height: 440px;
  box-sizing: border-box;
  position: relative;
}
div.destHotelGrid div.destHotelHolder:nth-child(n) {
  margin-bottom: 1.5%;
  margin-right: 1.5%;
}
div.destHotelGrid div.destHotelHolder:nth-child(3n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  div.destHotelGrid div.destHotelHolder {
    width: 100%;
    margin-top: 20px;
    height: auto;
    padding-bottom: 60px;
  }
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont {
  position: relative;
  float: left;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .recommended {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 93px;
  height: 96px;
  background: transparent url(../themes/cit/images/pageElements/background/recommended.png) no-repeat 0 0;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0px 0px !important;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .rslides img.bedBankHotelImage {
  height: 175px;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  padding: 0px 0px !important;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .large-btns_nav {
  z-index: 9999;
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 36px;
  height: 36px;
  display: none;
  text-align: center;
  vertical-align: middle;
  line-height: 36px;
  color: #464646;
  -webkit-border-radius: 18px 18px 18px 18px;
  -moz-border-radius: 18px 18px 18px 18px;
  -ms-border-radius: 18px 18px 18px 18px;
  border-radius: 18px 18px 18px 18px;
  background: #fff url(/themes/cit/images/pageElements/background/arrowRight.png) center no-repeat;
  background-size: 8px;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .large-btns_nav:active {
  opacity: 1.0;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .large-btns_nav:hover {
  opacity: 0.7;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .large-btns_nav.next {
  left: auto;
  right: 10px;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont .large-btns_nav.prev {
  background: #fff url(/themes/cit/images/pageElements/background/arrowLeft.png) center no-repeat;
  background-size: 8px;
}
div.destHotelGrid div.destHotelHolder .destHotelImageCont:hover .large-btns_nav {
  display: block;
}
div.destHotelGrid div.destHotelHolder .destHotelDesc {
  padding: 0 10px;
  float: left;
}
div.destHotelGrid div.destHotelHolder .destHotelDesc p {
  margin: 10px 0 5px 0;
}
div.destHotelGrid div.destHotelHolder p.view-hotel {
  position: absolute;
  display: block;
  height: 18px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 0;
  float: left;
}
div.destHotelGrid div.destHotelHolder p.view-hotel a {
  display: inline-block;
  padding: 8px 0;
  text-align: center;
  width: 100%;
  float: left;
}

.destExcurionContainer {
  border: solid 1px #E9E9E9;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 15px;
}
.destExcurionContainer h3 {
  padding: 0 15px 0 15px;
}
.destExcurionContainer .destExcurionContContainer {
  border-top: solid 1px #E9E9E9;
  padding: 10px 15px 15px 15px;
}

.multiCenterIntro {
  float: none;
  clear: both;
}
@media (max-width: 480px) {
  .multiCenterIntro {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .multiCenterIntro h2 {
    width: 100%;
    margin: 0 !important;
  }
}

.multiTabDestinationHolder {
  margin: 15px 0 0 0;
  padding: 0;
  float: left;
  list-style: none;
  box-sizing: border-box;
  width: 100%;
}
.multiTabDestinationHolder .multiDestItem {
  width: 32.33333%;
  background: white;
  float: left;
  border: solid 1px #E9E9E9;
  box-sizing: border-box;
  position: relative;
}
.multiTabDestinationHolder .multiDestItem:nth-child(n) {
  margin-bottom: 1.5%;
  margin-right: 1.5%;
}
.multiTabDestinationHolder .multiDestItem:nth-child(3n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .multiTabDestinationHolder .multiDestItem {
    width: 100%;
    margin: 20px 0 0 0;
    padding-bottom: 15px;
  }
}
.multiTabDestinationHolder .multiDestItem p {
  margin: 10px 10px 5px;
  text-align: justify;
}
.multiTabDestinationHolder .multiDestItem img {
  width: 100%;
}
.multiTabDestinationHolder .multiDestItem p.callOurExperts span {
  color: #D3005F;
  font-size: 24px;
}

.regionLeftCol {
  position: relative;
  float: left;
  width: 65%;
  margin-right: 1%;
}

.regionRightCol {
  position: relative;
  float: left;
  width: 34%;
}

.tasteHolder img {
  width: 100px;
  float: left;
  margin-right: 5px;
  margin-bottom: 10px;
}
.tasteHolder a.getAdobe {
  float: none;
  clear: both;
  display: block;
  width: 100%;
  border-top: solid 1px #E9E9E9;
  margin-top: 10px;
  padding-top: 10px;
}

.mobHeader {
  display: none;
}
@media (max-width: 480px) {
  .mobHeader {
    display: block;
    margin: 20px 0 20px 0  !important;
    float: left;
    display: block;
    width: 100%;
  }
}

.eurostarPanel .panel {
  overflow: hidden;
}
.eurostarPanel .panel:last-of-type {
  margin-top: 40px;
}
.eurostarPanel .panel h3 {
  margin-top: 0;
}

.whyTravelByRail .card {
  min-height: 550px;
}

.whyTravelByRail .card {
  min-height: 550px;
}

img.table {
  width: 100%;
}

#browse .viewMap {
  margin: 20px;
}

/*# sourceMappingURL=cit.debug.css.map */