@charset "UTF-8";
/**
 * Ticketmaster Responsive Theme
 * @author edward.hannay, rebecca.howard, john.souris
 * @created 04/09/2012
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # Mixins
 *     # Imports
 *     # Overrides
 *     # Modernizr dependent rules
 *     # Media Queries
 */
/**
 * @section Variables
 * ==================================================
 */
/**
 * @description This file defines a default theme, so that the subsequent themes
 *              (for example ticketweb / ticketmaster need only override what
 *              they need to override
 *
 * Table of Contents
 * ==================================================
 *     # Generic colours
 *     # Themable variables
 *     # Old colours
 */
/**
 * @section Generic Colours - do not use outside this file
 * ==================================================
 */
/**
 * @section Themeable Variables - use these to style modules
 * ==================================================
 */
/**
 * Buttons
 */
/**
 * Headings
 */
/**
 * Links
 */
/**
 * Dates
 */
/**
 * Labels
 */
/**
 * Tooltips
 */
/**
 * Alerts
 */
/* Less verbose */
/**
 * Search filter
 */
/**
 * Base dimentions
 */
/**
 * Headings
 */
/**
 * Breadcrumbs
 */
/**
 * Tables
 */
/**
 * Search filter
 */
/**
 * Layout
 * (extracted from skeleton.scss)
 */
.navlist--horizontal::before, .categorylist--horizontal::before, .list--centered::before, .featuredlist::before, .searchfilter::before, .searchfilter__holder::before, .mediabox::before, .adp__container::before, .infomodule__container::before, .adp__container--small::before, .infomodule__container--small::before, .infomodule__wrapper::before, .pagination--search::before, .navlist--horizontal::after, .categorylist--horizontal::after, .list--centered::after, .featuredlist::after, .searchfilter::after, .searchfilter__holder::after, .mediabox::after, .adp__container::after, .infomodule__container::after, .adp__container--small::after, .infomodule__container--small::after, .infomodule__wrapper::after, .pagination--search::after {
  content: '';
  display: table; }

.navlist--horizontal::after, .categorylist--horizontal::after, .list--centered::after, .featuredlist::after, .searchfilter::after, .searchfilter__holder::after, .mediabox::after, .adp__container::after, .infomodule__container::after, .adp__container--small::after, .infomodule__container--small::after, .infomodule__wrapper::after, .pagination--search::after {
  clear: both; }

/**
 * Icons
 */
.categorylist__link:after, .pagination__next:after, .pagination__prev:before {
  font-family: 'glyphs';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }
  .categorylist__link:hover:after, .pagination__next:hover:after, .pagination__prev:hover:before, .categorylist__link:active:after, .pagination__next:active:after, .pagination__prev:active:before {
    text-decoration: none; }

.button--checkbox.is-active:after, .is-active.searchfilter--checklist__link:after, .button--iconafter:after, .searchfilter--tags__link:after, .searchfilter--tags__link--clear:after, .searchfilter__togglebtn--desktop:before, .searchfilter__togglebtn--mobile:before, .searchfilter__togglebtn--mobiletitle .searchfilter__label:before, .searchfilter__togglebtn--mobiletitle .searchfilter__label:after, .searchfilter__typetitle:after, .searchfilter__typetitle--last:after, .infomodule__showmoremobile:before {
  font-family: 'glyphs';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }
  .button--checkbox.is-active:hover:after, .is-active.searchfilter--checklist__link:hover:after, .button--iconafter:hover:after, .searchfilter--tags__link:hover:after, .searchfilter--tags__link--clear:hover:after, .searchfilter__togglebtn--desktop:hover:before, .searchfilter__togglebtn--mobile:hover:before, .searchfilter__togglebtn--mobiletitle .searchfilter__label:hover:before, .searchfilter__togglebtn--mobiletitle .searchfilter__label:hover:after, .searchfilter__typetitle:hover:after, .searchfilter__typetitle--last:hover:after, .infomodule__showmoremobile:hover:before, .button--checkbox.is-active:active:after, .is-active.searchfilter--checklist__link:active:after, .button--iconafter:active:after, .searchfilter--tags__link:active:after, .searchfilter--tags__link--clear:active:after, .searchfilter__togglebtn--desktop:active:before, .searchfilter__togglebtn--mobile:active:before, .searchfilter__togglebtn--mobiletitle .searchfilter__label:active:before, .searchfilter__togglebtn--mobiletitle .searchfilter__label:active:after, .searchfilter__typetitle:active:after, .searchfilter__typetitle--last:active:after, .infomodule__showmoremobile:active:before {
    text-decoration: none; }

.categorylist__link:after, .pagination__next:after, .pagination__prev:before {
  line-height: 18px;
  color: #666; }

/**
 * Hide content
 */
/**
 * Lists
 */
.boxStyle ul, #breadcrumbs {
  padding-left: 0;
  list-style-type: none; }

#loginPop fieldset, .boxStyle fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

/**
 * Main file for importing all the scss files
 */
/**
 * Variables
 */
/**
 * Responsive utilities
 */
/**
 * Arrows.
 *
 * Mixin generates styles for CSS arrows using border.
 * Position of arrow should be set outside of this mixin.
 */
/**
 * Creates all vendor prefixes for you.
 */
/**
 * Example usage:
 * @include animation(pulse, 10s);
 */
/**
 * Example usage
 * @include keyframe(pulse) {
 *     0% {
 *         color: #000;
 *     }
 *
 *     100% {
 *         color: #FFF;
 *     }
 * }
 */
@-webkit-keyframes pulse {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes pulse {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
 * Base dimentions
 */
/**
 * Headings
 */
/**
 * Breadcrumbs
 */
/**
 * Tables
 */
/**
 * Search filter
 */
/**
 * Layout
 * (extracted from skeleton.scss)
 */
/**
 * Media Queries
 * @author      edward.hannay, rebecca.howard
 *
 * @description PLEASE NOTE: ANY CHANGES MADE TO THE MEDIA QUERIES WIDTHS NEED
 *              TO BE REFLECTED IN core.jquery.js
 *
 *              This is the master scss file for media queries - duplication in
 *              other files (e.g. Scandic module) is temporary, and whene
 *              branches are merged only these rules should be left behind
 *
 *              The $enable-responsive variable is defined in the top level scss
 *              file (e.g. ticketmaster.scss) and allows the media query mixins
 *              to be disabled. If it's true, the mixins will be included but if
 *              false, they'll be removed.
 *
 * Table of Content
 * ==================================================
 *     # Mixins
 */
/* @section Mixins
================================================== */
/**
 * Components
 */
/**
 * All basic list styles.
 *
 * @author Steve
 */
.navlist, .navlist--horizontal, .categorylist--horizontal, .navlist--spread, .featuredlist, .categorylist, .searchfilter--checklist, .pagination__wrapper,
.pagination__pagenumberlist {
  list-style: none;
  padding: 0;
  margin: 0; }

.navlist--horizontal > li, .categorylist--horizontal > li {
  float: left; }

.navlist--spread {
  font-size: 0.1px;
  line-height: 0;
  text-align: justify; }
  .navlist--spread::after {
    content: '';
    width: 100%;
    display: inline-block; }
  .navlist--spread > li {
    display: inline;
    text-align: center;
    margin: 0;
    line-height: normal; }
    .navlist--spread > li a {
      display: inline-block;
      vertical-align: top; }

.list--centered {
  position: relative;
  float: left;
  left: 50%; }

.list--centered__item, .list--centered > li {
  position: relative;
  float: left;
  right: 50%; }

/*
 * Mobile menu that pushes the side aside.
 *
 */
.searchmobilemenu, .searchmobilemenu--right {
  display: none;
  position: fixed;
  top: 0;
  background: #f1f2f2;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  z-index: 3; }
  .no-overflowscrolling .searchmobilemenu, .no-overflowscrolling .searchmobilemenu--right {
    position: absolute; }
  .searchmobilemenu:before, .searchmobilemenu--right:before {
    background: transparent; }
  @media only screen and (max-width: 767px) {
    .searchmobilemenu, .searchmobilemenu--right {
      display: block; } }
  @media only screen and (max-width: 479px) {
    .searchmobilemenu, .searchmobilemenu--right {
      width: 300px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .searchmobilemenu, .searchmobilemenu--right {
      width: 460px; } }

.searchmobilemenu--right {
  right: 0; }

.is-searchmobilemenuopen {
  transition: right 200ms ease;
  transition: opacity 600ms ease 50ms;
  opacity: 0.8;
  margin: 0;
  position: fixed;
  z-index: 2; }
  @media only screen and (max-width: 479px) {
    .is-searchmobilemenuopen {
      right: 300px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .is-searchmobilemenuopen {
      right: 460px; } }
  .is-searchmobilemenuopen .searchfilter__togglebtn {
    padding: 0; }
  .is-searchmobilemenuopen .searchfilter__togglebtn__label {
    display: none; }

/**
 * Glyphs
 * @author edward.hannay
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 */
/**
 * @section General Rules
 * ==================================================
 */
@font-face {
  font-family: 'glyphs';
  src: url("../../fonts/glyphs.eot");
  src: url("../../fonts/glyphs.eot?#iefix") format("embedded-opentype"), url("../../fonts/glyphs.ttf") format("truetype"), url("../../fonts/glyphs.woff") format("woff"), url("../../fonts/glyphs.svg#glyphs") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-base, .is-external .button--buy, .alert--error .alert--error__icon, .tooltip__close, .is-external .link--viewdates, .showmore__link,
.icon-filter-open,
.icon-menu,
.icon-more-hover,
.icon-info,
.icon-checkbox,
.icon-pin-active,
.icon-alert,
.icon-error,
.icon-printer,
.icon-tick,
.icon-login-show,
.icon-login-hide,
.icon-checkout-2,
.icon-search,
.icon-close,
.icon-close-hover:hover,
.tooltip__close:hover,
.icon-less-hover,
.icon-smallchevron-right,
.icon-smallchevron-left,
.icon-printer-ticketweb,
.icon-checkout,
.icon-checkbox2,
.icon-checkbox-dark,
.icon-square-cross-hover,
.icon-double-chevron,
.icon-square-cross,
.icon-chevron,
.icon-chevron-left,
.icon-cross,
.icon-question-mark,
.icon-uniF000,
.icon-filter-close,
.icon-go-to-top,
.icon-filter,
.icon-external,
.is-external .button--buy,
.is-external .link--viewdates,
.icon-external-double-chevron,
.is-external .button--buy--smallscreen,
.icon-warning,
.alert--error .alert--error__icon,
.icon-info-hover-2,
.icon-more,
.showmore__link,
.icon-less,
.showmore__link.is-open,
.icon-close-hover,
.tooltip__close,
.icon-close:hover,
.icon-pin-inactive,
.icon-checkbox-tick,
.icon-info-hover,
.icon-info:hover,
.icon-largechevron-right,
.icon-largechevron-left,
.icon-info-22 {
  border: 1px solid transparent;
  color: #666; }

[class^="icon-"]:before,
[class*=" icon-"]:before,
.icon-base:before,
.is-external .button--buy:before,
.alert--error .alert--error__icon:before,
.tooltip__close:before,
.is-external .link--viewdates:before,
.showmore__link:before {
  font-family: 'glyphs';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }
  [class^="icon-"]:before:hover, [class^="icon-"]:before:active,
  [class*=" icon-"]:before:hover,
  [class*=" icon-"]:before:active,
  .icon-base:before:hover,
  .is-external .button--buy:before:hover,
  .alert--error .alert--error__icon:before:hover,
  .tooltip__close:before:hover,
  .is-external .link--viewdates:before:hover,
  .showmore__link:before:hover,
  .icon-base:before:active,
  .is-external .button--buy:before:active,
  .alert--error .alert--error__icon:before:active,
  .tooltip__close:before:active,
  .is-external .link--viewdates:before:active,
  .showmore__link:before:active {
    text-decoration: none; }

.icon-filter-open:before, .is-closed .searchfilter__typetitle:after, .is-closed .searchfilter__typetitle--last:after {
  content: "\e600"; }

.icon-menu:before {
  content: "\40"; }

.icon-more-hover:before {
  content: "\3f"; }

.icon-info:before {
  content: "\69"; }

.icon-checkbox:before {
  content: "\2d"; }

.icon-pin-active:before {
  content: "\3d"; }

.icon-alert:before,
.icon-error:before {
  content: "\3c"; }

.icon-printer:before {
  content: "\3b"; }

.icon-tick:before {
  content: "\3a"; }

.icon-login-show:before {
  content: "\39"; }

.icon-login-hide:before {
  content: "\38"; }

.icon-checkout-2:before {
  content: "\37"; }

.icon-search:before {
  content: "\36"; }

.icon-close:before,
.icon-close-hover:hover:before,
.tooltip__close:hover:before {
  content: "\35"; }

.icon-less-hover:before {
  content: "\34"; }

.icon-smallchevron-right:before {
  content: "\28"; }

.icon-smallchevron-left:before {
  content: "\27"; }

.icon-printer-ticketweb:before {
  content: "\26"; }

.icon-checkout:before {
  content: "\25"; }

.icon-checkbox2:before {
  content: "\23"; }

.icon-checkbox-dark:before {
  content: "\22"; }

.icon-square-cross-hover:before {
  content: "\43"; }

.icon-double-chevron:before {
  content: "\44"; }

.icon-square-cross:before {
  content: "\42"; }

.icon-chevron:before, .categorylist__link:after, .pagination__next:after {
  content: "\2c"; }

.icon-chevron-left:before, .searchfilter__togglebtn--mobiletitle .searchfilter__label:before, .pagination__prev:before {
  content: "\45"; }

.icon-cross:before, .searchfilter--tags__link:after, .searchfilter--tags__link--clear:after {
  content: "\46"; }

.icon-question-mark:before {
  content: "\47"; }

.icon-uniF000:before {
  content: "\f000"; }

.icon-filter-close:before, .searchfilter__typetitle:after, .searchfilter__typetitle--last:after {
  content: "\e601"; }

.icon-go-to-top:before {
  content: "\e602"; }

.icon-filter:before, .searchfilter__togglebtn--desktop:before, .searchfilter__togglebtn--mobile:before, .searchfilter__togglebtn--mobiletitle .searchfilter__label:after {
  content: "\e603"; }

.icon-external, .is-external .button--buy, .is-external .link--viewdates {
  zoom: 1; }

.icon-external:before, .is-external .button--buy:before, .is-external .link--viewdates:before {
  content: "\e604"; }

.icon-external-double-chevron:before, .is-external .button--buy--smallscreen:before {
  content: "\e605"; }

.icon-warning:before, .alert--error .alert--error__icon:before {
  content: "\41"; }

.icon-info-hover-2:before {
  content: "\33"; }

.icon-more:before, .showmore__link:before {
  content: "\32"; }

.icon-less:before, .showmore__link.is-open:before {
  content: "\31"; }

.icon-close-hover:before, .tooltip__close:before,
.icon-close:hover:before {
  content: "\30"; }

.icon-pin-inactive:before {
  content: "\3e"; }

.icon-checkbox-tick:before, .button--checkbox.is-active:after, .is-active.searchfilter--checklist__link:after {
  content: "\2a"; }

.icon-info-hover:before, .infomodule__showmoremobile:before,
.icon-info:hover:before {
  content: "\2b"; }

.icon-largechevron-right:before {
  content: "\21"; }

.icon-largechevron-left:before {
  content: "\29"; }

.icon-info-22:before {
  content: "\2f"; }

.icon-home:before {
  content: "\e606"; }

/**
 * Base styling for form elements
 */
/**
 * Standard text input
 */
/**
 * Button to clear text input contents
 */
/**
 * Forms partial
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # Mixins
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section Variables
 * ==================================================
 */
/**
 * @section Mixins
 * ==================================================
 */
/**
 * @section General Rules
 * ==================================================
 */
/**
 * New button styles
 */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  line-height: normal;
  padding: 8px 10px; }
  .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

.button--buy {
  display: inline-block;
  position: relative;
  padding: 8px 25px 8px 15px;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 15px;
  font-weight: bold;
  background-color: #007DB3;
  color: #fff; }
  .button--buy:after {
    position: absolute;
    content: '';
    border-top: 4px inset transparent;
    border-bottom: 4px inset transparent;
    border-left: 4px solid #fff;
    right: 15px;
    top: 14px; }
  .is-external .button--buy {
    color: #fff; }
  .is-external .button--buy:before {
    position: absolute;
    right: 8px;
    top: 8px; }
  .is-external .button--buy:after {
    border: 0; }
  .button--buy:hover {
    background-color: #255b82; }

.button--buy--smallscreen {
  display: none; }
  .is-external .button--buy--smallscreen {
    font-size: 22px; }

/**
 * Link behaving as checkbox
 */
.button--checkbox, .searchfilter--checklist__link {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  color: #444; }
  .button--checkbox:before, .searchfilter--checklist__link:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-left: -25px;
    vertical-align: text-bottom;
    background-color: #fff;
    border: 1px solid #c9cac8;
    border-radius: 4px; }
  .button--checkbox.is-active:after, .is-active.searchfilter--checklist__link:after {
    font-size: 18px;
    position: absolute;
    top: -1px;
    left: -25px; }

/**
 * Button with icon on the right side.
 *
 * Example: Filter tags with x close button.
 */
.button--iconafter, .searchfilter--tags__link, .searchfilter--tags__link--clear {
  display: inline-block;
  position: relative;
  padding: 0 15px;
  cursor: pointer; }
  .button--iconafter:after, .searchfilter--tags__link:after, .searchfilter--tags__link--clear:after {
    padding-left: 10px;
    text-decoration: none; }

@media only screen and (max-width: 767px) {
  .table--stack .button--buy, .table--stack--noborder .button--buy {
    display: none; }
  .table--stack .button--buy--smallscreen, .table--stack--noborder .button--buy--smallscreen {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #009aa6; }
    .table--stack .button--buy--smallscreen:before, .table--stack--noborder .button--buy--smallscreen:before {
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -8px; } }

/**
 * Back to top
 */
.backtotop {
  display: none; }
  @media only screen and (max-width: 999px) {
    .backtotop {
      display: block;
      text-align: right;
      border-right: 1px solid #bcbec0;
      border-bottom: 1px solid #bcbec0;
      border-left: 1px solid #bcbec0;
      line-height: 40px; } }

.backtotop__link {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  outline: none;
  color: #333;
  font-size: 13px; }
  .backtotop__link:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 18px;
    border-bottom: 4px solid #444;
    border-left: 4px inset transparent;
    border-right: 4px inset transparent; }

/**
 * Old button styles
 * ==================================================
 *
 * Site wide button rules
 * @author edward.hannay
 *
 * @description Button styles - used in layouts.scss as well as overrides
 *
 * Table of Contents
 * ==================================================
 *     # General Rules
 *     # Themeable Parts */
/**
 * @section General Rules
 * ==================================================
 */
input[type="button"], input[type="submit"], .btn, input.btn, .removeButton {
  border: 1px solid transparent;
  display: inline-block;
  padding: 0.2em 1em;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  text-shadow: none; }
  input[type="button"]:hover, input[type="button"]:active, input[type="submit"]:hover, input[type="submit"]:active, .btn:hover, .btn:active, input.btn:hover, input.btn:active, .removeButton:hover, .removeButton:active {
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s; }
  input[type="button"]:disabled, input[type="submit"]:disabled, .btn:disabled, input.btn:disabled, .removeButton:disabled {
    background: #eee;
    border: 1px solid #aaa;
    color: #666; }
  input[type="button"].btn_bigText, input[type="submit"].btn_bigText, .btn.btn_bigText, input.btn.btn_bigText, .removeButton.btn_bigText {
    text-transform: uppercase;
    font-size: 16px;
    padding: 0.2em 1em; }

/**
 * @section Themeable parts
 * ==================================================
 */
.ie8 .unbranded input[type="button"].disabled, .ie8 .unbranded input[type="submit"].disabled, .ie8 .unbranded .btn.disabled, .ie8 .unbranded input.btn.disabled {
  background: #eee;
  border: 1px solid #aaa;
  color: #ffffff; }

.unbranded input[type="button"], .unbranded input[type="submit"], .unbranded .btn, .unbranded input.btn, .unbranded .removeButton {
  border: 1px solid #007DB3;
  background-color: #007DB3; }
  .unbranded input[type="button"]:disabled, .unbranded input[type="button"]:disabled:hover, .unbranded input[type="submit"]:disabled, .unbranded input[type="submit"]:disabled:hover, .unbranded .btn:disabled, .unbranded .btn:disabled:hover, .unbranded input.btn:disabled, .unbranded input.btn:disabled:hover, .unbranded .removeButton:disabled, .unbranded .removeButton:disabled:hover {
    background: #eee;
    border: 1px solid #aaa;
    color: #666; }
  .unbranded input[type="button"].secondary, .unbranded input[type="submit"].secondary, .unbranded .btn.secondary, .unbranded input.btn.secondary, .unbranded .removeButton.secondary {
    background: #eee;
    border: 1px solid #aaa;
    color: #333;
    text-shadow: none; }
  .unbranded input[type="button"]:hover, .unbranded input[type="submit"]:hover, .unbranded .btn:hover, .unbranded input.btn:hover, .unbranded .removeButton:hover {
    background-color: #0078ab;
    background-image: none;
    color: #fff; }
  .unbranded input[type="button"]:active, .unbranded input[type="submit"]:active, .unbranded .btn:active, .unbranded input.btn:active, .unbranded .removeButton:active {
    background-color: #007DB3;
    background-image: none;
    color: #fff; }
  .unbranded input[type="button"].btn_small_silver, .unbranded input[type="submit"].btn_small_silver, .unbranded .btn.btn_small_silver, .unbranded input.btn.btn_small_silver, .unbranded .removeButton.btn_small_silver {
    background: #cfcfcf;
    border: 1px solid #cfcfcf;
    color: #2d2e30; }
  .unbranded input[type="button"].btn_small_silver:hover, .unbranded input[type="submit"].btn_small_silver:hover, .unbranded .btn.btn_small_silver:hover, .unbranded input.btn.btn_small_silver:hover, .unbranded .removeButton.btn_small_silver:hover {
    background: #cfcfcf;
    color: #2d2e30; }
  .unbranded input[type="button"].btn_small_silver:active, .unbranded input[type="submit"].btn_small_silver:active, .unbranded .btn.btn_small_silver:active, .unbranded input.btn.btn_small_silver:active, .unbranded .removeButton.btn_small_silver:active {
    background-color: #cfcfcf;
    color: #2d2e30; }

/**
 * We need to set a default submit button background color for cases
 * where the brand has not set any value. We can't nest it inside
 * the .isBranded block because that will override anything set via a brand :)
 */
.btn_submit, .btn_add, .ok, .locked {
  background-color: #007DB3; }

.isBranded {
  /**
     * We need these styles to ensure the small gray buttons look right
     * on branded pages.
     */ }
  .isBranded .btn_submit:hover, .isBranded .btn_add:hover, .isBranded .ok:hover, .isBranded .locked:hover {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
  .isBranded input[type="button"].btn_small_silver, .isBranded input[type="submit"].btn_small_silver, .isBranded .btn.btn_small_silver, .isBranded input.btn.btn_small_silver, .isBranded .removeButton.btn_small_silver {
    background: #cfcfcf;
    border: 1px solid #cfcfcf;
    color: #2d2e30; }
  .isBranded input[type="button"].btn_small_silver:hover, .isBranded input[type="submit"].btn_small_silver:hover, .isBranded .btn.btn_small_silver:hover, .isBranded input.btn.btn_small_silver:hover, .isBranded .removeButton.btn_small_silver:hover {
    background: #cfcfcf;
    color: #2d2e30; }
  .isBranded input[type="button"].btn_small_silver:active, .isBranded input[type="submit"].btn_small_silver:active, .isBranded .btn.btn_small_silver:active, .isBranded input.btn.btn_small_silver:active, .isBranded .removeButton.btn_small_silver:active {
    background-color: #cfcfcf;
    color: #2d2e30; }

.touchevents .unbranded input[type="button"].btn_small_silver:active, .touchevents .unbranded input[type="button"].btn_small_silver:hover, .touchevents .unbranded input[type="submit"].btn_small_silver:active, .touchevents .unbranded input[type="submit"].btn_small_silver:hover, .touchevents .unbranded .btn.btn_small_silver:active, .touchevents .unbranded .btn.btn_small_silver:hover, .touchevents .unbranded input.btn.btn_small_silver:active, .touchevents .unbranded input.btn.btn_small_silver:hover {
  background-color: #cfcfcf;
  background-image: none; }

.touchevents .unbranded input[type="button"]:disabled, .touchevents .unbranded input[type="submit"]:disabled, .touchevents .unbranded .btn:disabled, .touchevents .unbranded input.btn:disabled {
  background: #eee;
  border: 1px solid #aaa;
  color: #666; }

.main,
.rightPanel,
.mobile-menu {
  /*
   See ie8 scss for select fix
  */
  /* This hides the numeric up & down spinners on desktop chrome & safari*/ }
  .main input[type="text"]:not(.cInputText__input),
  .main input[type="number"]:not(.cInputText__input),
  .main input[type="tel"]:not(.cInputText__input),
  .main input[type="password"]:not(.cInputText__input),
  .main input[type="email"]:not(.cInputText__input),
  .main textarea,
  .rightPanel input[type="text"]:not(.cInputText__input),
  .rightPanel input[type="number"]:not(.cInputText__input),
  .rightPanel input[type="tel"]:not(.cInputText__input),
  .rightPanel input[type="password"]:not(.cInputText__input),
  .rightPanel input[type="email"]:not(.cInputText__input),
  .rightPanel textarea,
  .mobile-menu input[type="text"]:not(.cInputText__input),
  .mobile-menu input[type="number"]:not(.cInputText__input),
  .mobile-menu input[type="tel"]:not(.cInputText__input),
  .mobile-menu input[type="password"]:not(.cInputText__input),
  .mobile-menu input[type="email"]:not(.cInputText__input),
  .mobile-menu textarea {
    border: 1px solid #dedede; }
  .main input[type="text"]:not(.cInputText__input),
  .main input[type="number"]:not(.cInputText__input),
  .main input[type="tel"]:not(.cInputText__input),
  .main input[type="password"]:not(.cInputText__input),
  .main input[type="email"]:not(.cInputText__input),
  .main textarea,
  .main select:not(.cSelect__select),
  .rightPanel input[type="text"]:not(.cInputText__input),
  .rightPanel input[type="number"]:not(.cInputText__input),
  .rightPanel input[type="tel"]:not(.cInputText__input),
  .rightPanel input[type="password"]:not(.cInputText__input),
  .rightPanel input[type="email"]:not(.cInputText__input),
  .rightPanel textarea,
  .rightPanel select:not(.cSelect__select),
  .mobile-menu input[type="text"]:not(.cInputText__input),
  .mobile-menu input[type="number"]:not(.cInputText__input),
  .mobile-menu input[type="tel"]:not(.cInputText__input),
  .mobile-menu input[type="password"]:not(.cInputText__input),
  .mobile-menu input[type="email"]:not(.cInputText__input),
  .mobile-menu textarea,
  .mobile-menu select:not(.cSelect__select) {
    padding: 6px 4px;
    outline: none;
    border-radius: 5px;
    font: 13px 'Averta', Arial, sans-serif;
    color: #333;
    margin: 0;
    width: 285px;
    max-width: 100%;
    display: block;
    background: #fff; }
  .main select:not(.cSelect__select),
  .rightPanel select:not(.cSelect__select),
  .mobile-menu select:not(.cSelect__select) {
    padding: 6px 4px;
    outline: none;
    border-radius: 5px;
    font: 13px 'Averta', Arial, sans-serif;
    color: #333;
    margin: 0;
    width: 285px;
    max-width: 100%;
    display: block;
    background: #fff; }
  .main select:not(.cSelect__select),
  .rightPanel select:not(.cSelect__select),
  .mobile-menu select:not(.cSelect__select) {
    padding: 0; }
  .main input[type="text"]:not(.cInputText__input):focus,
  .main input[type="password"]:not(.cInputText__input):focus,
  .main input[type="email"]:not(.cInputText__input):focus,
  .main textarea:focus,
  .main input[type="number"]:not(.cInputText__input):focus,
  .rightPanel input[type="text"]:not(.cInputText__input):focus,
  .rightPanel input[type="password"]:not(.cInputText__input):focus,
  .rightPanel input[type="email"]:not(.cInputText__input):focus,
  .rightPanel textarea:focus,
  .rightPanel input[type="number"]:not(.cInputText__input):focus,
  .mobile-menu input[type="text"]:not(.cInputText__input):focus,
  .mobile-menu input[type="password"]:not(.cInputText__input):focus,
  .mobile-menu input[type="email"]:not(.cInputText__input):focus,
  .mobile-menu textarea:focus,
  .mobile-menu input[type="number"]:not(.cInputText__input):focus {
    color: #444;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
  .main textarea,
  .rightPanel textarea,
  .mobile-menu textarea {
    min-height: 60px; }
  .main label,
  .main legend,
  .rightPanel label,
  .rightPanel legend,
  .mobile-menu label,
  .mobile-menu legend {
    display: block;
    line-height: 1.2em; }
  .main select:not(.cSelect__select),
  .rightPanel select:not(.cSelect__select),
  .mobile-menu select:not(.cSelect__select) {
    width: 220px; }
  .main input[type="checkbox"],
  .rightPanel input[type="checkbox"],
  .mobile-menu input[type="checkbox"] {
    display: inline; }
  .main input::-webkit-outer-spin-button,
  .main input::-webkit-inner-spin-button,
  .rightPanel input::-webkit-outer-spin-button,
  .rightPanel input::-webkit-inner-spin-button,
  .mobile-menu input::-webkit-outer-spin-button,
  .mobile-menu input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.main form input[type="text"]:not(.cInputText__input),
.main form input[type="password"]:not(.cInputText__input),
.main form input[type="email"]:not(.cInputText__input),
.main form input[type="number"]:not(.cInputText__input),
.main form input[type="tel"]:not(.cInputText__input),
.main form textarea {
  width: 285px; }

.main,
.rightPanel,
.mobile-menu {
  /* Legacy support - for forms without fieldset.error */ }
  .main input[type="text"]:not(.cInputText__input),
  .main input[type="number"]:not(.cInputText__input),
  .main input[type="tel"]:not(.cInputText__input),
  .main input[type="password"]:not(.cInputText__input),
  .main input[type="email"]:not(.cInputText__input),
  .main textarea,
  .main select:not(.cSelect__select),
  .rightPanel input[type="text"]:not(.cInputText__input),
  .rightPanel input[type="number"]:not(.cInputText__input),
  .rightPanel input[type="tel"]:not(.cInputText__input),
  .rightPanel input[type="password"]:not(.cInputText__input),
  .rightPanel input[type="email"]:not(.cInputText__input),
  .rightPanel textarea,
  .rightPanel select:not(.cSelect__select),
  .mobile-menu input[type="text"]:not(.cInputText__input),
  .mobile-menu input[type="number"]:not(.cInputText__input),
  .mobile-menu input[type="tel"]:not(.cInputText__input),
  .mobile-menu input[type="password"]:not(.cInputText__input),
  .mobile-menu input[type="email"]:not(.cInputText__input),
  .mobile-menu textarea,
  .mobile-menu select:not(.cSelect__select) {
    font-size: 15px; }
  .main input[name='PostalCode'],
  .rightPanel input[name='PostalCode'],
  .mobile-menu input[name='PostalCode'] {
    text-transform: uppercase; }
  .main form .alert, .main form .alert--info, .main form .alert--warning, .main form .alert--error,
  .rightPanel form .alert,
  .rightPanel form .alert--info,
  .rightPanel form .alert--warning,
  .rightPanel form .alert--error,
  .mobile-menu form .alert,
  .mobile-menu form .alert--info,
  .mobile-menu form .alert--warning,
  .mobile-menu form .alert--error {
    /* Forces an alert to be visible, overriding the default behaviour which is hidden until the containing form
       * has a class of .error */
    display: none;
    margin-bottom: 1em; }
    .main form .alert.is-visible, .main form .is-visible.alert--info, .main form .is-visible.alert--warning, .main form .is-visible.alert--error,
    .rightPanel form .alert.is-visible,
    .rightPanel form .is-visible.alert--info,
    .rightPanel form .is-visible.alert--warning,
    .rightPanel form .is-visible.alert--error,
    .mobile-menu form .alert.is-visible,
    .mobile-menu form .is-visible.alert--info,
    .mobile-menu form .is-visible.alert--warning,
    .mobile-menu form .is-visible.alert--error {
      display: block; }
  .main form.error .alert, .main form.error .alert--info, .main form.error .alert--warning, .main form.error .alert--error,
  .rightPanel form.error .alert,
  .rightPanel form.error .alert--info,
  .rightPanel form.error .alert--warning,
  .rightPanel form.error .alert--error,
  .mobile-menu form.error .alert,
  .mobile-menu form.error .alert--info,
  .mobile-menu form.error .alert--warning,
  .mobile-menu form.error .alert--error {
    display: block; }
  .main form label,
  .rightPanel form label,
  .mobile-menu form label {
    color: #404041; }
  .main .errorMessage,
  .main .errorMsg,
  .rightPanel .errorMessage,
  .rightPanel .errorMsg,
  .mobile-menu .errorMessage,
  .mobile-menu .errorMsg {
    display: none;
    color: #d0092c;
    margin-top: -12px;
    margin-bottom: 15px;
    font-style: italic;
    font-size: 0.9em; }
  .main .messages,
  .rightPanel .messages,
  .mobile-menu .messages {
    margin-left: 240px; }
  .main .messages .errorMessage,
  .rightPanel .messages .errorMessage,
  .mobile-menu .messages .errorMessage {
    display: block;
    clear: both; }
  .main .infoMessage,
  .rightPanel .infoMessage,
  .mobile-menu .infoMessage {
    color: #444;
    position: absolute;
    left: 480px; }
  .main form fieldset input.invalid,
  .rightPanel form fieldset input.invalid,
  .mobile-menu form fieldset input.invalid {
    margin-bottom: 5px;
    border: 1px solid #d0092c !important; }
  .main fieldset legend,
  .rightPanel fieldset legend,
  .mobile-menu fieldset legend {
    font-weight: bold;
    float: none;
    padding-bottom: 15px; }
  .main fieldset.error input,
  .main fieldset.error button,
  .main fieldset.error textarea,
  .main fieldset.error select,
  .rightPanel fieldset.error input,
  .rightPanel fieldset.error button,
  .rightPanel fieldset.error textarea,
  .rightPanel fieldset.error select,
  .mobile-menu fieldset.error input,
  .mobile-menu fieldset.error button,
  .mobile-menu fieldset.error textarea,
  .mobile-menu fieldset.error select {
    border: 1px solid #d0092c !important; }
  .main fieldset.error .errorMessage,
  .rightPanel fieldset.error .errorMessage,
  .mobile-menu fieldset.error .errorMessage {
    clear: both;
    display: block;
    margin-left: 240px; }
  .main fieldset fieldset,
  .rightPanel fieldset fieldset,
  .mobile-menu fieldset fieldset {
    margin: 0 0 12px 0; }
    .main fieldset fieldset legend,
    .rightPanel fieldset fieldset legend,
    .mobile-menu fieldset fieldset legend {
      font-weight: normal;
      width: 240px;
      float: left;
      padding-bottom: 15px; }
    .main fieldset fieldset input[type="radio"],
    .rightPanel fieldset fieldset input[type="radio"],
    .mobile-menu fieldset fieldset input[type="radio"] {
      float: left; }
    .main fieldset fieldset label,
    .rightPanel fieldset fieldset label,
    .mobile-menu fieldset fieldset label {
      float: left;
      clear: none;
      width: auto;
      padding-right: 12px; }
  .main input.error,
  .main select.error,
  .rightPanel input.error,
  .rightPanel select.error,
  .mobile-menu input.error,
  .mobile-menu select.error {
    border: 1px solid #d0092c !important; }
  .main .errorMsg,
  .rightPanel .errorMsg,
  .mobile-menu .errorMsg {
    clear: both;
    color: #d0092c;
    display: block;
    margin-left: 240px;
    margin-top: 0; }
  .main .age select, .main .dateSelect select,
  .rightPanel .age select, .rightPanel .dateSelect select,
  .mobile-menu .age select, .mobile-menu .dateSelect select {
    width: 4em; }
  .main .imageSelect li,
  .rightPanel .imageSelect li,
  .mobile-menu .imageSelect li {
    float: left;
    width: 50%; }
  .main .imageSelect img,
  .main .imageSelect input[type="checkbox"],
  .rightPanel .imageSelect img,
  .rightPanel .imageSelect input[type="checkbox"],
  .mobile-menu .imageSelect img,
  .mobile-menu .imageSelect input[type="checkbox"] {
    float: left; }
  .main .imageSelect img,
  .rightPanel .imageSelect img,
  .mobile-menu .imageSelect img {
    margin-right: 10px; }
  .main .imageSelect label,
  .rightPanel .imageSelect label,
  .mobile-menu .imageSelect label {
    float: none; }
  .main .dateSelect input,
  .main .dateSelect select,
  .rightPanel .dateSelect input,
  .rightPanel .dateSelect select,
  .mobile-menu .dateSelect input,
  .mobile-menu .dateSelect select {
    display: inline-block;
    margin-right: 2px; }
  .main .dateSelect select[name=year],
  .rightPanel .dateSelect select[name=year],
  .mobile-menu .dateSelect select[name=year] {
    width: 8em; }
  .main .required label:after,
  .rightPanel .required label:after,
  .mobile-menu .required label:after {
    content: "*"; }
  .main .required__legend,
  .rightPanel .required__legend,
  .mobile-menu .required__legend {
    font-weight: bold; }
  .main .creditCard input,
  .main .creditCard select,
  .rightPanel .creditCard input,
  .rightPanel .creditCard select,
  .mobile-menu .creditCard input,
  .mobile-menu .creditCard select {
    display: inline-block;
    margin-right: 2px; }
  .main .creditCard input[name=cardnumber],
  .rightPanel .creditCard input[name=cardnumber],
  .mobile-menu .creditCard input[name=cardnumber] {
    width: 11em; }
  .main .creditCard input[name=security],
  .rightPanel .creditCard input[name=security],
  .mobile-menu .creditCard input[name=security] {
    width: 4em; }
  .main .checkFirst input[type="checkbox"],
  .rightPanel .checkFirst input[type="checkbox"],
  .mobile-menu .checkFirst input[type="checkbox"] {
    float: left;
    margin-right: 2em;
    clear: none; }
  .main .checkFirst label,
  .rightPanel .checkFirst label,
  .mobile-menu .checkFirst label {
    margin: 0;
    padding: 0;
    margin-left: 2.7em;
    line-height: 1.3em;
    font-weight: normal;
    float: none;
    width: auto; }
  .main .checkFirst.terms .errorMessage,
  .rightPanel .checkFirst.terms .errorMessage,
  .mobile-menu .checkFirst.terms .errorMessage {
    display: block;
    margin: 5px 0 0 3em; }
  .main .boxStyle a.btn,
  .rightPanel .boxStyle a.btn,
  .mobile-menu .boxStyle a.btn {
    color: #fff; }
  .main label,
  .rightPanel label,
  .mobile-menu label {
    float: left;
    width: 240px; }
    .main label.full-width,
    .rightPanel label.full-width,
    .mobile-menu label.full-width {
      width: auto; }
  .main .input-first label,
  .rightPanel .input-first label,
  .mobile-menu .input-first label {
    float: none;
    margin-left: 30px; }
  .main .input-first input,
  .main .input-first textarea,
  .main .input-first select,
  .rightPanel .input-first input,
  .rightPanel .input-first textarea,
  .rightPanel .input-first select,
  .mobile-menu .input-first input,
  .mobile-menu .input-first textarea,
  .mobile-menu .input-first select {
    float: left; }
  .main .noLabel,
  .rightPanel .noLabel,
  .mobile-menu .noLabel {
    padding-left: 240px; }
  .main input[type="text"]:not(.cInputText__input),
  .main input[type="number"]:not(.cInputText__input),
  .main input[type="tel"]:not(.cInputText__input),
  .main input[type="password"]:not(.cInputText__input),
  .main input[type="email"]:not(.cInputText__input),
  .main textarea,
  .main select:not(.cSelect__select),
  .rightPanel input[type="text"]:not(.cInputText__input),
  .rightPanel input[type="number"]:not(.cInputText__input),
  .rightPanel input[type="tel"]:not(.cInputText__input),
  .rightPanel input[type="password"]:not(.cInputText__input),
  .rightPanel input[type="email"]:not(.cInputText__input),
  .rightPanel textarea,
  .rightPanel select:not(.cSelect__select),
  .mobile-menu input[type="text"]:not(.cInputText__input),
  .mobile-menu input[type="number"]:not(.cInputText__input),
  .mobile-menu input[type="tel"]:not(.cInputText__input),
  .mobile-menu input[type="password"]:not(.cInputText__input),
  .mobile-menu input[type="email"]:not(.cInputText__input),
  .mobile-menu textarea,
  .mobile-menu select:not(.cSelect__select) {
    border-width: 1px;
    border-style: solid;
    background: #fff;
    margin-bottom: 15px; }
    html.inputBorder .main input[type="text"]:not(.cInputText__input), html.inputBorder
    .main input[type="number"]:not(.cInputText__input), html.inputBorder
    .main input[type="tel"]:not(.cInputText__input), html.inputBorder
    .main input[type="password"]:not(.cInputText__input), html.inputBorder
    .main input[type="email"]:not(.cInputText__input), html.inputBorder
    .main textarea, html.inputBorder
    .main select:not(.cSelect__select), html.inputBorder
    .rightPanel input[type="text"]:not(.cInputText__input), html.inputBorder
    .rightPanel input[type="number"]:not(.cInputText__input), html.inputBorder
    .rightPanel input[type="tel"]:not(.cInputText__input), html.inputBorder
    .rightPanel input[type="password"]:not(.cInputText__input), html.inputBorder
    .rightPanel input[type="email"]:not(.cInputText__input), html.inputBorder
    .rightPanel textarea, html.inputBorder
    .rightPanel select:not(.cSelect__select), html.inputBorder
    .mobile-menu input[type="text"]:not(.cInputText__input), html.inputBorder
    .mobile-menu input[type="number"]:not(.cInputText__input), html.inputBorder
    .mobile-menu input[type="tel"]:not(.cInputText__input), html.inputBorder
    .mobile-menu input[type="password"]:not(.cInputText__input), html.inputBorder
    .mobile-menu input[type="email"]:not(.cInputText__input), html.inputBorder
    .mobile-menu textarea, html.inputBorder
    .mobile-menu select:not(.cSelect__select) {
      border-color: #dedede; }
  .main select:not(.cSelect__select),
  .rightPanel select:not(.cSelect__select),
  .mobile-menu select:not(.cSelect__select) {
    padding: 5px;
    width: 385px; }

.main form input[type="text"]:not(.cInputText__input),
.main form input[type="password"]:not(.cInputText__input),
.main form input[type="email"]:not(.cInputText__input),
.main form input[type="number"]:not(.cInputText__input),
.main form input[type="tel"]:not(.cInputText__input),
.main form textarea {
  width: 375px; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  .main .checkFirst label {
    margin-left: 3em;
    clear: none; }
  .main .checkFirst.terms .errorMessage {
    margin-left: 3.2em; }
  .main .noLabel {
    padding-left: 240px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .main form input[type="text"]:not(.cInputText__input),
  .main form input[type="password"]:not(.cInputText__input),
  .main form input[type="email"]:not(.cInputText__input),
  .main form input[type="number"]:not(.cInputText__input),
  .main form input[type="tel"]:not(.cInputText__input),
  .main form textarea {
    width: 455px; }
  .main select:not(.cSelect__select) {
    width: 465px; } }

@media only screen and (max-width: 479px) {
  .main .checkFirst label {
    clear: none; }
  .main .imageSelect img {
    display: none; }
  .main .imageSelect label {
    float: none;
    clear: none; }
  .main .imageSelect .description {
    margin-left: 2em;
    display: block;
    float: none; }
  .main form input[type="text"]:not(.cInputText__input),
  .main form input[type="password"]:not(.cInputText__input),
  .main form input[type="email"]:not(.cInputText__input),
  .main form input[type="number"]:not(.cInputText__input),
  .main form input[type="tel"]:not(.cInputText__input),
  .main form textarea {
    width: 285px; }
  .main select:not(.cSelect__select) {
    width: 295px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .main form input[type="text"]:not(.cInputText__input),
  .main form input[type="password"]:not(.cInputText__input),
  .main form input[type="email"]:not(.cInputText__input),
  .main form input[type="number"]:not(.cInputText__input),
  .main form input[type="tel"]:not(.cInputText__input),
  .main form textarea {
    width: 445px; }
  .main select:not(.cSelect__select) {
    width: 455px; } }

@media only screen and (max-width: 767px) {
  .main fieldset fieldset legend {
    width: auto;
    float: none; }
  .main fieldset .infoMessage,
  .main fieldset.error .errorMessage,
  .main .errorMsg {
    position: relative !important;
    float: left;
    left: auto;
    max-width: auto; }
  .main fieldset .infoMessage,
  .main fieldset.error .errorMessage,
  .main .errorMsg {
    margin-left: 0; }
  .main fieldset .infoMessage {
    position: relative;
    left: auto;
    left: right;
    max-width: 270px; }
  .main .errorMessage,
  .main .errorMsg {
    float: none; }
  .main .noLabel {
    padding-left: 0; }
  .main .linearise label {
    float: none;
    clear: both;
    line-height: 1.6em;
    margin: 16px 0 9px 0;
    display: inline; }
  .main .linearise input:not(.cInputText__input),
  .main .linearise textarea,
  .main .linearise .singleSelect select:not(.cSelect__select) {
    width: 100%;
    padding: auto 0;
    margin-right: 10px; }
  .main .linearise input[type="checkbox"] {
    width: auto;
    margin-right: 5px; }
  .main .linearise .creditCard [name=cardnumber] {
    width: 190px; }
  .main .linearise .checkFirst label {
    margin: 0 0 0 3em;
    clear: none; }
  .main .linearise .clear {
    content: "";
    display: block;
    margin: 5px 0 0; }
  .main .imageSelect li {
    clear: both;
    width: 100%; } }

/**
 * Base styles
 */
/*
* BASED ON SKELETON BUT HAS BEEN AMENDED
* (Modified) Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Content
==================================================
    #Reset & Basics
    #Basic Styles
    #Site Styles
    #Typography
    #Links
    #Lists
    #Images
    #Buttons
    #Tabs
    #Forms
    #Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* #Basic Styles
================================================== */
body {
  background: #fff;
  font: 14px/21px 'Averta',Arial,sans-serif;
  color: #444;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%; }

/* #Typography
================================================== */
h1 {
  line-height: 50px;
  margin-bottom: 14px; }

h2 {
  line-height: 40px;
  margin-bottom: 10px; }

h3 {
  line-height: 34px;
  margin-bottom: 8px; }

h4 {
  line-height: 30px;
  margin-bottom: 4px; }

h5 {
  line-height: 24px; }

h6 {
  font-size: 14px;
  line-height: 21px; }

a {
  color: #007DB3; }

p img {
  margin: 0; }

p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777; }

i, em {
  font-style: italic; }

strong, b {
  font-weight: 700; }

small {
  font-size: 80%; }

/*  Blockquotes  */
blockquote, blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0; }

/* #Links
================================================== */
a, a:visited {
  text-decoration: none;
  outline: 0; }

p a, p a:visited {
  line-height: inherit; }

/* #Lists
================================================== */
ul, ol {
  margin-bottom: 20px;
  list-style: none; }

ul {
  list-style: none outside; }

ol {
  list-style: decimal;
  margin-left: 30px; }

ul ul, ul ol, ol ol, ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%; }

li {
  line-height: 18px;
  margin-bottom: 12px; }

/*
* (Modified) Skeleton-SASS V1.0
* Copyright 2012 by Michael Lazer-Walker
* https://github.com/lazerwalker/Skeleton-Sass
*
* Based off of Skeleton v1.1:
* https://github.com/dhgamache/Skeleton
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* #Variable Definitions
================================================== */
/* Grid
================================================== */
/* #Clearing
================================================== */
/* Include clearfix on parent to clear nested columns,
or wrap each row of columns in a @include row */
/* You can also use a @include clear to clear columns */
.clearfix {
  zoom: 1; }
  .clearfix:after {
    clear: both; }
  .clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }

/**
 * Base styling for page content between header and footer
 */
.maincontent, .maincontent--checkout {
  padding: 30px 10px 20px;
  background-color: #fff; }
  .maincontent *, .maincontent--checkout * {
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .maincontent, .maincontent--checkout {
      padding: 30px 0 0; } }

.maincontent--checkout {
  zoom: 1;
  background-color: #fff; }
  .maincontent--checkout:after {
    clear: both; }
  .maincontent--checkout:before, .maincontent--checkout:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  @media only screen and (max-width: 767px) {
    .maincontent--checkout {
      padding-top: 10px; } }

.eventinfo {
  font-size: 1.1em; }

.contentbox, .contentbox--checkout, .contentbox--frame, .searchresults, .mediabox, .adp__container, .infomodule__container, .adp__container--small, .infomodule__container--small {
  border: 1px solid #c9cac8; }

.contentbox--checkout {
  background-color: #fff; }

.contentbox--frame {
  padding: 15px; }
  @media only screen and (max-width: 767px) {
    .contentbox--frame {
      padding: 0; } }

/**
 * Search results
 */
/**
 * There is no other way how to force content to fluidly take up whole space
 * to banners. We need to calculate its width with banners and for less than
 * desktop view go back to default state.
 */
.search_results__content {
  float: left;
  width: 810px; }
  @media only screen and (max-width: 999px) {
    .search_results__content {
      width: auto;
      float: none; }
      .search_results__content .pushdownAd {
        display: none; } }

/**
 * Ads container is forcing ads to 160px width , is removing margins and adding
 * overflow hidden (there is a lot of styles we don't want to, but it is not safe
 * to remove them globally).
 */
.search_results__ads {
  width: 160px;
  float: right;
  overflow: hidden;
  display: inline-block;
  vertical-align: top; }
  .search_results__ads .leftrailAd,
  .search_results__ads .skyscraperAd {
    width: 160px;
    margin: 0;
    overflow: hidden; }
  @media only screen and (max-width: 999px) {
    .search_results__ads {
      display: none; } }

.searchresults {
  border-bottom: 0; }

/**
 * Internet Explorer 8 specific fixes.
 * @author Edd
 *
 * @description Relies on the HTML5 boilerplate adding a class of ie8 to the
 *              body tag.
 *
 *              ALL fixes should be documented with an explanation
 */
html.ie8 {
  /* [EH] IE8 respects the padding on this module when it shouldn't */ }
  html.ie8 .mobileFill select {
    max-width: none; }
  html.ie8 #details.full-event-info {
    padding-bottom: 0; }
  html.ie8 #cardAssignment .ticket-type label {
    padding-left: 34px; }
  html.ie8 #cardAssignment .mandatory .ticket-type label,
  html.ie8 #cardAssignment .single .ticket-type label {
    padding-left: 0; }

/**
 * Core layout
 * @author Edd, Bex
 *
 * @description Things to bear in mind:
 *              - 'Default' should be desktop, with everything else overriding
 *                  in #Media Queries
 */
.container {
  margin: 0 auto;
  padding: 0;
  width: 1000px; }
  .container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .container {
      width: 768px; } }
  @media only screen and (max-width: 767px) {
    .container {
      width: calc(100% - 20px); } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
      width: calc(100% - 20px); } }

.main * {
  box-sizing: content-box; }

body {
  margin: 0;
  background-color: #fff;
  color: #444; }

p {
  line-height: 1.2em;
  margin-bottom: 10px; }

h1.first,
h2.first,
h3.first,
h4.first,
h5.first,
h6.first,
h1.major,
h2.major,
.nordicchoice__header,
h3.major,
h4.major,
h5.major,
h6.major,
h1.minor,
h2.minor,
h3.minor,
h4.minor,
h5.minor,
h6.minor {
  font-size: 1.1em;
  line-height: 1em;
  font-weight: bold;
  clear: both;
  margin: 0; }

h1.first,
h2.first,
h3.first,
h4.first,
h5.first,
h6.first {
  color: #2d2e30;
  background-color: #fff;
  position: relative;
  /* IE8 hack for proper inline block support */
  border: 1px solid #bcbcbc;
  border-bottom: none;
  margin-bottom: -1px;
  margin-right: 0;
  line-height: 1.2em;
  padding: 0.5em 0.6em;
  overflow: hidden;
  z-index: 1; }

ul.no-space,
ol.no-space {
  margin-bottom: 0; }

ul.row {
  border-top: 1px dotted #c9cac8;
  padding: 15px 0 5px; }

ul.noline {
  border: none;
  padding-top: 0; }

h1.major,
h2.major,
.nordicchoice__header,
h3.major,
h4.major,
h5.major,
h6.major {
  color: #fff;
  margin: 0;
  padding: 10px; }

.unbranded h2.major.block.de-emphasise, .unbranded .block.de-emphasise.nordicchoice__header {
  background-color: #c9cac8;
  color: #404041; }

.unbranded h1.major,
.unbranded h2.major,
.unbranded .nordicchoice__header,
.unbranded h3.major,
.unbranded h4.major,
.unbranded h5.major,
.unbranded h6.major {
  background-color: #475058; }

h1.major.block,
h2.major.block,
.block.nordicchoice__header,
h3.major.block,
h4.major.block,
h5.major.block,
h6.major.block {
  margin: 0;
  margin-left: 0;
  margin-right: 0;
  color: #fff;
  float: none; }

.unbranded h1.major.block,
.unbranded h2.major.block,
.unbranded .block.nordicchoice__header,
.unbranded h3.major.block,
.unbranded h4.major.block,
.unbranded h5.major.block,
.unbranded h6.major.block {
  background-color: #475058; }

h1.minor,
h2.minor,
h3.minor,
h4.minor,
h5.minor,
h6.minor {
  padding: 0 10px;
  margin: 0;
  background-color: #c9cac8;
  color: #0a0a0a; }

.full-width-blocked-header {
  font-weight: bold;
  position: relative;
  padding-left: 30px;
  background: #c9cac8;
  padding: 10px 15px;
  margin: 0;
  color: #404040;
  width: auto;
  line-height: 18px;
  font-size: 1.2em; }

h3.full-width-blocked-header {
  margin-bottom: 0; }

.toggleMode-wrapper,
.boxStyle .toggleMode-wrapper {
  position: absolute;
  right: 18px;
  margin-top: -39px; }

.boxStyle .toggleMode-wrapper {
  line-height: 1; }

.toggleMode {
  color: #fff;
  cursor: pointer; }

.center {
  text-align: center; }

/* Main body */
.boxStyle {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  clear: left;
  padding: 20px;
  border: 1px solid #bcbcbc;
  display: block;
  background-color: #fff; }
  .boxStyle h1,
  .boxStyle h2,
  .boxStyle h3,
  .boxStyle h4,
  .boxStyle h5,
  .boxStyle h6 {
    font-size: 1.2em;
    line-height: 23px;
    margin-bottom: 1em; }
  .boxStyle h3 {
    color: #404041; }
  .boxStyle.adjacent {
    border-top: none; }
  .boxStyle.extraspace {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0; }

.polling,
.inactive .boxStyle,
.polling .boxStyle,
.inactive.boxStyle,
.polling.boxStyle,
#acceptContinue.inactive {
  position: relative; }

.smallBanners,
.smallBanners li {
  margin-bottom: 0; }

#mainContent {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
  width: 667.5px;
  margin-left: 0;
  margin: 15px auto 0;
  font-size: 1.1em; }
  @media only screen and (max-width: 767px) {
    #mainContent {
      margin: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    #mainContent {
      width: 508px; } }
  @media only screen and (max-width: 767px) {
    #mainContent {
      width: calc(100% - 20px);
      float: none; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #mainContent {
      width: calc(100% - 20px);
      float: none; } }
  #mainContent.full-width {
    width: 100%;
    margin-right: 0; }

#secondaryContent {
  float: right;
  width: 300px;
  margin-left: 0;
  margin-top: 15px; }

.main {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px 15px;
  background-color: #fff;
  display: block;
  min-height: 140px;
  font-size: 1.1em; }
  .main.full-width #mainContent {
    width: 100%; }
  .main.full-width #secondaryContent {
    display: none; }
  .main #mainContent {
    font-size: 1em; }
  .main a {
    font-weight: bold; }
  .main .totalsContainer {
    color: #2d2e30; }
  .main .charged {
    display: block;
    margin-top: 10px; }

.errorPage {
  margin-bottom: 10px;
  padding-top: 10px;
  /* Spacing and border tweaks, as the boxStyle on this page is slightly
   * different. Height: 500px is overriden on small screens */ }
  .errorPage .boxStyle {
    border-top: 1px solid #bcbcbc;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 500px; }

.clear {
  clear: both; }

.row {
  zoom: 1;
  margin-bottom: 20px; }
  .row:after {
    clear: both; }
  .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }

.noBreak {
  white-space: nowrap; }

/**
 * @section Utility
 * ==================================================
 */
.moreText .moreTextContent {
  overflow: hidden; }

/**
 * @section Page styles
 * ==================================================
 */
.module + .module-title {
  margin-top: 10px; }

.date {
  color: gray;
  font-size: 1.4em;
  line-height: 1em; }
  .date span {
    float: left;
    margin-right: 10px; }
  .date .day {
    font-size: 2.32em;
    font-weight: normal;
    line-height: 0.9em; }
  .date .date_month {
    color: #6d6f6c; }
  .date .date_details {
    line-height: 1.1em; }
  .date .location a {
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold; }
  .date .time {
    color: #000; }

.hide,
.is-hidden {
  display: none !important; }

.show {
  display: block; }

/**
 * Hide an element while keeping it visible to screen readers
 */
.visuallyhidden {
  position: absolute;
  left: -9999px; }

/* Module styles */
.main .cart-title {
  margin: 0; }

.main a:hover,
.main a:focus {
  text-decoration: underline; }

.main a.aInfo:hover,
.main a.aInfo:focus {
  text-decoration: none; }

.formcontainer {
  margin-bottom: 0; }

/**
 * Hide content
 */
@media only screen and (min-width: 1000px) {
  .hidden-desktop {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 999px) {
  .hidden-lessthandesktop {
    display: none !important;
    visibility: hidden !important; } }

/**
 * Modules
 */
#loginPop {
  display: none; }
  #loginPop.active {
    display: block;
    padding: 2px 18px 0 0; }
  #loginPop form {
    padding: 11px;
    margin-bottom: 0; }
  #loginPop .text {
    color: #000;
    width: 96%;
    margin: 5px 0 10px 0;
    clear: left; }
  #loginPop a {
    font-weight: bold; }
    #loginPop a:hover {
      text-decoration: underline; }
  #loginPop .submit {
    text-align: center;
    clear: both; }
    #loginPop .submit input {
      margin: 0 auto; }
  #loginPop label {
    width: auto;
    line-height: 2em;
    margin-left: 4px; }
  #loginPop .btn_close {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #333;
    font-size: 21px; }
  #loginPop .btn_close:hover,
  #loginPop .btn_close:focus {
    text-decoration: none; }
  #loginPop .icon-login-hide,
  #loginPop .icon-login-show {
    font-size: 18px; }
  #loginPop p {
    margin: 1em 0 0 0;
    clear: both; }
    #loginPop p.forgot {
      margin-top: 5px;
      display: block; }
  #loginPop .errorAlert {
    clear: both;
    margin: 20px 0 10px 0;
    display: none;
    overflow: hidden; }
    #loginPop .errorAlert .text {
      margin-bottom: 2px; }
  #loginPop .heading {
    margin-left: 0;
    line-height: 18px; }
  #loginPop .message {
    float: left;
    clear: both;
    margin: 3px 0 0 0;
    padding: 0 10px;
    font-weight: normal; }
  #loginPop .icon-warning, #loginPop .alert--error .alert--error__icon, .alert--error #loginPop .alert--error__icon {
    margin-right: 12px;
    color: #d0092c; }
  #loginPop .errorMessage {
    margin: 6px 4px 9px;
    font-size: 0.9em;
    line-height: 1.1em; }
  #loginPop b {
    font-weight: bold; }
  #loginPop .borderLayer {
    border: 5px solid #3a3839;
    background: #fff; }
  #loginPop .docked form a {
    color: #007DB3; }

#popLogin .submit {
  margin-bottom: 10px; }

#popForgotPassword p {
  margin-bottom: 1em; }

#popLogin,
#popForgotPassword {
  display: none; }
  #popLogin.active,
  #popForgotPassword.active {
    display: block; }

#forgotP2,
#forgotP1 {
  display: none; }
  #forgotP2.active,
  #forgotP1.active {
    display: block; }

#forgotP2.active .btn_submit {
  margin: 0 auto; }

#animateLayer {
  z-index: 100;
  background: transparent;
  position: absolute;
  left: -9999px;
  top: 34px;
  width: 242px;
  height: 700px;
  overflow: hidden;
  -webkit-transform: translateZ(0); }
  #animateLayer.slidePanelOpen {
    left: auto;
    right: 18px; }

/**
 * Gift Card Module
 * @author      John
 *
 * @description Appears on: Checkout
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#container .redirect {
  padding: 20px 20px 30px; }
  #container .redirect .redirect-page {
    min-height: 473px;
    padding: 70px 20px;
    text-align: center; }
    #container .redirect .redirect-page .wait {
      font-weight: bold;
      margin-bottom: 40px;
      font-size: 1.4em; }
    #container .redirect .redirect-page img {
      margin-bottom: 70px; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #container .redirect {
    padding: 15px 15px 20px; }
    #container .redirect .redirect-page {
      min-height: 273px; } }

@media only screen and (max-width: 767px) {
  #container .redirect {
    padding: 0; }
    #container .redirect .redirect-page {
      padding: 70px 20px; } }

/**
 * Featured Attraction Module
 * @author Mirel Muhamedagic
 *
 * @description Appears on the City Results Page
 *
 * Table of Content
 * ==================================================
 *     # Placeholders
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section Placeholders
 * ==================================================
 */
.featuredlist__title, .featuredlist__error {
  display: block;
  text-align: left; }

/**
 * @section General Rules
 * ==================================================
 */
.featuredlist > li {
  float: left;
  width: 33.3%;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: normal; }

.featuredlist > li:first-child {
  padding: 0; }

@media only screen and (max-width: 767px) {
  .featuredlist {
    padding: 0; }
    .featuredlist > li {
      float: none;
      width: 100%;
      border-top: 1px solid #c9cac8;
      padding: 0; }
    .featuredlist > li:first-child {
      border: none; } }

.featuredlist__item {
  height: 70px;
  display: block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .featuredlist__item:hover {
    background: #99d7f2; }
  @media only screen and (max-width: 999px) {
    .featuredlist__item {
      max-height: 67px; }
      .featuredlist__item:hover {
        background: none; } }
  @media only screen and (max-width: 767px) {
    .featuredlist__item {
      width: 100%;
      max-width: 100%;
      box-shadow: none;
      vertical-align: top;
      padding: 10px; } }
  @media only screen and (max-width: 479px) {
    .featuredlist__item {
      max-height: 55px; } }

.ie8 .featuredlist__item {
  border: 1px solid #c9cac8; }

.featuredlist__img {
  float: left;
  width: 40%;
  max-height: 88px;
  margin-right: 10px;
  overflow: hidden; }
  @media only screen and (max-width: 999px) {
    .featuredlist__img {
      max-height: 67px; } }
  @media only screen and (max-width: 767px) {
    .featuredlist__img {
      width: 16%;
      max-height: 47px; } }

.featuredlist__title {
  margin: 7px 10px;
  color: #444;
  font-weight: bold; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .featuredlist__title {
      max-height: 50px;
      overflow: hidden; } }
  @media only screen and (max-width: 767px) {
    .featuredlist__title {
      margin-top: 0; } }

.featuredlist__error {
  color: #d0092c;
  margin-left: 10px; }

/**
 * Modules for category and subcategory lists.
 *
 * Modules are extending %navlist placeholders from _lists.scss
 *
 * @author Steve, Edd
 */
.categorylist, .categorylist--horizontal {
  padding: 15px 15px 0 15px;
  clear: left; }
  @media only screen and (max-width: 767px) {
    .categorylist, .categorylist--horizontal {
      padding: 0; } }

.categorylist__category {
  width: 33%;
  height: 38px;
  margin: 0;
  padding-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .categorylist__category {
      display: block;
      width: 100%;
      padding: 0 15px;
      line-height: 40px;
      border-top: 1px solid #c9cac8; }
      .categorylist__category:first-child {
        border: none; } }

.categorylist__link {
  font-weight: bold;
  padding-right: 10px;
  display: block; }
  .categorylist__link:after {
    float: right;
    line-height: 38px;
    margin-right: -4px;
    content: '';
    color: #009aa6; }
  @media only screen and (max-width: 767px) {
    .categorylist__link {
      display: block;
      width: 100%;
      color: #444;
      padding-right: 0; }
      .categorylist__link:after {
        content: ','; } }

.categorylist__text {
  font-weight: normal;
  color: #444; }

/**
 * Filter module
 *
 * 1. DIMENSIONS
 * 2. CONTENT
 * 3. SHAME
 */
/**
 * DIMENSIONS
 *
 * - specific to this module
 *
 * 1. horizontal padding
 */
/* [1] */
/**
 * CONTENT
 */
.searchfilter {
  position: relative;
  line-height: 37px;
  background-color: #f1f2f2;
  z-index: 1;
  border-bottom: 1px solid #c9cac8; }
  .searchfilter .polling .inactiveOverlay {
    background-position: 50% 50px;
    z-index: 2; }

.searchfilter__togglebtn--desktop, .searchfilter__togglebtn--mobile, .searchfilter__togglebtn--mobiletitle {
  line-height: inherit;
  height: 37px;
  background-color: #f1f2f2;
  color: #444;
  cursor: pointer;
  position: relative;
  z-index: 1;
  -webkit-tap-highlight-color: transparent; }

.searchfilter__togglebtn--desktop, .searchfilter__togglebtn--mobile {
  float: right;
  font-weight: bold;
  padding-right: 15px; }
  .searchfilter__togglebtn--desktop:after, .searchfilter__togglebtn--mobile:after {
    position: absolute;
    content: '';
    border-top: 18.5px inset transparent;
    border-bottom: 18.5px inset transparent;
    border-right: 7px solid #f1f2f2;
    top: 0;
    right: 100%; }
  .searchfilter__togglebtn--desktop:before, .searchfilter__togglebtn--mobile:before {
    float: left;
    line-height: 37px;
    font-size: 24px;
    margin-right: 3px; }

@media only screen and (max-width: 767px) {
  .searchfilter__togglebtn--desktop {
    display: none; } }

.searchfilter__togglebtn--mobile {
  display: none;
  margin-top: -37px;
  margin-right: -1px; }
  @media only screen and (max-width: 767px) {
    .searchfilter__togglebtn--mobile {
      display: block; } }

.searchfilter__togglebtn--mobiletitle {
  display: none;
  line-height: 35px; }
  @media only screen and (max-width: 767px) {
    .searchmobilemenu--right .searchfilter__togglebtn--mobiletitle {
      display: block; } }
  .searchfilter__togglebtn--mobiletitle .searchfilter__label:before {
    float: left;
    line-height: 33px;
    font-size: 16px;
    margin: 0 8px; }
  .searchfilter__togglebtn--mobiletitle .searchfilter__label:after {
    float: right;
    line-height: 33px;
    font-size: 24px;
    margin: 0 8px; }

/**
 * Search filter content box. Its width is set to 0 when collapsed.
 * When filter is open width will change to screen width - menu width.
 */
.searchfilter__holder {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .searchfilter__holder.is-closed {
    height: 37px; }
  @media only screen and (max-width: 767px) {
    .searchfilter__holder {
      overflow: visible;
      height: auto; }
      #wrap .searchfilter__holder {
        display: none; } }

.searchfilter__sections {
  height: 100%; }
  @media only screen and (max-width: 767px) {
    .searchfilter__sections {
      height: auto; } }

.searchfilter__module, .searchfilter__module--last {
  float: left;
  border-left: 1px solid #c9cac8;
  width: 21%;
  min-height: 100%;
  /**
     * Force 100% height hack
     */
  padding-bottom: 100%;
  margin-bottom: -100%; }
  .searchfilter__module:first-child, .searchfilter__module--last:first-child {
    border: none; }
  @media only screen and (max-width: 767px) {
    .searchfilter__module, .searchfilter__module--last {
      float: none;
      display: block;
      margin: 0;
      padding: 0 15px 20px 15px;
      border: none;
      border-top: 1px solid #c9cac8;
      width: auto; } }
  .has-advert .searchfilter__module, .has-advert .searchfilter__module--last {
    width: 24%; }

.searchfilter__module--last {
  width: 37%; }
  @media only screen and (max-width: 767px) {
    .searchfilter__module--last {
      width: auto; } }
  .has-advert .searchfilter__module--last {
    width: 52%; }

.searchfilter__typetitle, .searchfilter__typetitle--last {
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 0 10px;
  font-size: 15px;
  line-height: 37px;
  height: 37px;
  color: #444;
  background-color: #fff;
  overflow-y: hidden;
  transition: background 200ms; }
  .searchfilter__typetitle:after, .searchfilter__typetitle--last:after {
    float: right; }
  .searchfilter__typetitle:hover, .searchfilter__typetitle--last:hover {
    background: #99d7f2; }
  @media only screen and (max-width: 767px) {
    .searchfilter__typetitle, .searchfilter__typetitle--last {
      padding-left: 0;
      cursor: pointer;
      width: auto;
      background: transparent; }
      .searchfilter__typetitle:after, .searchfilter__typetitle--last:after {
        content: ''; }
      .searchfilter__typetitle:hover, .searchfilter__typetitle--last:hover {
        background: transparent; } }
  .searchmobilemenu--right .searchfilter__typetitle, .searchmobilemenu--right .searchfilter__typetitle--last {
    cursor: auto; }

.touchevents .searchfilter__typetitle:hover, .touchevents .searchfilter__typetitle--last:hover {
  background-color: #fff; }

/**
 * 1. 15px + 7px for Filter results arrow (arrow is 7px wide)
 */
.searchfilter__typetitle--last {
  position: relative;
  padding-right: 22px;
  /* [1] */ }
  @media only screen and (max-width: 767px) {
    .searchfilter__typetitle--last {
      width: auto; } }
  .searchfilter__typetitle--last:after {
    margin-right: 10px; }

/**
 * 1. There is a font icon next to this which is causing
 *    the need for some creative positioning so it can be aligned to the middle.
 */
.searchfilter__label {
  height: 100%;
  display: inline-block;
  vertical-align: 6%;
  /* [1] */
  overflow-y: hidden; }

/**+
 * Island object for all filter boxes.
 *
 * 7px on top/bottom is because line-height on links is 24px and links are not
 * exactly verticaly aligned. It's still cleaner than adding paddings on links
 * and removing it on first-childs.
 */
.searchfilter__filterbox {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 7px 10px 6px 10px;
  background-color: #f1f3f3; }
  @media only screen and (max-width: 767px) {
    .searchfilter__filterbox {
      width: 60%; } }

/**
 * Date and Availablity modules
 */
.searchfilter--checklist > li,
.searchfilter--checklist > dt {
  margin: 0;
  line-height: 24px; }

.searchfilter--checklist__indenteditem {
  line-height: 24px;
  padding: 0 0 0 5px;
  margin: 0 0 0 30px; }

/**
 * Extend '.button--checkbox' in _buttons.scss
 */
.searchfilter--checklist__link {
  white-space: nowrap; }
  .searchfilter--checklist__link.is-disabled {
    opacity: .5;
    cursor: default; }

/**
 * Tags
 */
.searchfilter--tags {
  /**
     * Padding-top is 0 because tags have 5px margin on top
     * adding the gap between rows.
     */
  padding: 0 15px 5px 15px;
  line-height: 2.5em;
  background-color: #fff;
  border-bottom: 1px solid #c9cac8; }
  .searchfilter--tags.is-hidden {
    display: none; }
  @media only screen and (max-width: 767px) {
    .searchfilter--tags {
      background: transparent;
      border-top: 1px solid #c9cac8; }
      #wrap .searchfilter--tags {
        display: none; } }

/**
 * Extend '.button--iconafter' in _buttons.scss
 */
.searchfilter--tags__link, .searchfilter--tags__link--clear {
  margin: 5px 8px 0 0;
  line-height: 2.5em;
  color: #444;
  background-color: #fc3;
  border-radius: 6px; }
  .searchfilter--tags__link:after, .searchfilter--tags__link--clear:after {
    font-size: 12px;
    text-decoration: none; }
  .searchfilter--tags__link:hover:after, .searchfilter--tags__link--clear:hover:after {
    color: #f1f3f3; }

.searchfilter--tags__link--clear {
  background-color: #c9cac8; }

/**
 * SHAME
 */
.searchmobilemenu--right {
  /**
     * Polling styles update for mobile versions
     */ }
  .searchmobilemenu--right.polling {
    opacity: 1; }
    .searchmobilemenu--right.polling .inactiveOverlay {
      background-color: rgba(201, 202, 200, 0.5); }
      @media only screen and (max-width: 767px) {
        .searchmobilemenu--right.polling .inactiveOverlay {
          position: fixed; } }

/**
 * Media box
 *
 * Image on the left. Information box on the right.
 *
 * Example: ADP
 */
/**
 * Media box with basic padding around.
 */
.mediabox, .adp__container, .infomodule__container, .adp__container--small, .infomodule__container--small {
  padding: 15px;
  margin-bottom: 20px; }
  .mediabox > img, .adp__container > img, .infomodule__container > img, .adp__container--small > img, .infomodule__container--small > img {
    float: left;
    padding-right: 15px; }
    @media only screen and (max-width: 767px) {
      .mediabox > img, .adp__container > img, .infomodule__container > img, .adp__container--small > img, .infomodule__container--small > img {
        width: 35%; } }

/**
 * Everything related to ADP Biography modul
 */
.adp, .adp--thin, .vdp--thin, .vdp {
  position: relative; }
  .adp .ishidden, .adp--thin .ishidden, .vdp--thin .ishidden, .vdp .ishidden {
    display: none; }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .has-advert .adp, .has-advert .adp--thin, .has-advert .vdp--thin {
    width: calc(100% - 320px);
    min-height: 250px; } }

.attraction__content {
  position: relative;
  margin: 0 5px; }

@media only screen and (min-width: 1000px) {
  .has-advert .attraction__content__inner {
    width: calc(100% - 320px);
    min-height: 600px; } }

.oldie .has-advert .attraction__content__inner {
  width: 660px; }

/**
 * When we have ads on the page we need to make ADP thiner which
 * requires some special stylings.
 */
@media only screen and (min-width: 1000px) {
  .adp--thin, .vdp--thin {
    width: 68.5%;
    float: left; }
    .adp--thin .adp__social, .vdp--thin .adp__social {
      width: 48%; } }

.adp__container, .infomodule__container, .adp__container--small, .infomodule__container--small {
  position: relative;
  overflow: hidden;
  height: auto; }
  @media only screen and (min-width: 767px) {
    .adp__container.isclosed, .infomodule__container.isclosed, .isclosed.adp__container--small, .isclosed.infomodule__container--small {
      height: 257px; } }
  .adp__container:after, .infomodule__container:after, .adp__container--small:after, .infomodule__container--small:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background-color: #fff; }

@media only screen and (min-width: 767px) {
  .adp__container--small.isclosed, .infomodule__container--small.isclosed {
    height: auto; } }

/**
 * Some widths have magic numbers. It's so the content can be more responsive.
 */
.adp__social {
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  width: 65%; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .adp__social {
      width: 55%; } }
  @media only screen and (max-width: 767px) {
    .adp__social {
      width: auto;
      margin: 0; } }
  .has-advert .adp__social {
    width: 48%; }

.adp__socialbtns, .adp__socialbtns--thin {
  float: left;
  width: 28%;
  margin-left: 15px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .adp__socialbtns, .adp__socialbtns--thin {
      width: 40%; } }
  @media only screen and (max-width: 767px) {
    .adp__socialbtns, .adp__socialbtns--thin {
      width: auto; } }

/**
 * Thin version. When ad is active.
 */
.adp--thin .adp__social {
  margin-bottom: 20px; }

.adp__socialbtns--thin {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0 0; }
  @media only screen and (max-width: 767px) {
    .adp__socialbtns--thin {
      margin: 0; } }
  .adp__socialbtns--thin .fb-like {
    float: left; }

.adp__addThis {
  float: left;
  margin-right: 10px;
  margin-top: 2px; }

.adp__content, .vdp__content {
  display: none; }
  .adp__content.isdisplayed, .vdp__content.isdisplayed {
    display: block; }
  @media only screen and (min-width: 767px) {
    .adp__content, .vdp__content {
      display: block; } }

@media only screen and (min-width: 767px) {
  .adp__content {
    padding-bottom: 4em; } }

@media only screen and (max-width: 767px) {
  .vdp__container .isclosed .showmore__content {
    display: none; } }

.adp__overlay {
  position: relative; }
  .adp__overlay:before {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.adp__showmore, .adp__showmore--full {
  display: none; }
  @media only screen and (min-width: 767px) {
    .adp__showmore, .adp__showmore--full {
      display: block;
      position: absolute;
      left: 15px;
      bottom: 15px;
      width: 100%;
      height: 30px;
      background-color: #fff;
      box-shadow: 10px 0px 12px 20px white; }
      .adp__showmore > a, .adp__showmore--full > a {
        margin-top: 0; } }

.infomodule__contentheading {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 40px;
  font-size: 19px;
  background-color: #475058;
  color: #fff;
  background-color: #323232; }
  .infomodule__contentheading.isactive {
    background-color: #c9cac8;
    color: #475058; }
  @media only screen and (max-width: 767px) {
    .infomodule__contentheading {
      cursor: pointer; } }

/**
 * Because title should be clickable on mobile we need special heading for ADP.
 *
 * 1. We are using line-height for heading across whole page which is good.
 *    Here we need to use paddings and we want to match it to other headings.
 *    That's, unfortunately, leading us to use magic numbers for padding.
 */
.infomodule__title {
  margin: 0;
  width: 80%;
  padding: 9px 0 8px 20px;
  /* [1] */
  line-height: 1.2;
  display: table-cell; }

.infomodule__showmoremobile {
  /**
     * This is transparent layer covering whole heading so we don't need to
     * add another click event with JS.
     */
  width: 40px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: #c9cac8; }
  .infomodule__showmoremobile:before {
    font-size: 26px;
    line-height: 40px;
    vertical-align: bottom;
    color: #475058; }
  .infomodule__showmoremobile:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    margin: 0 15px; }
  @media only screen and (min-width: 767px) {
    .infomodule__showmoremobile {
      display: none; } }

.isactive .infomodule__showmoremobile {
  background-color: #475058; }
  .isactive .infomodule__showmoremobile:before {
    color: #c9cac8; }

.isclosed .adp__showmore, .isclosed .adp__showmore--full {
  left: 335px; }

.isclosed .adp__showmore--full {
  left: 15px; }

@media only screen and (max-width: 767px) {
  .isclosed .infomodule__content {
    display: none; } }

/**
 * Infomodule is a catch-all details module, currently on the ADP and VDP. Hopefully the specific
 * classes relating to those 2 modules can be removed in favour of infomodule, with a few overrides.
 */
/* As the show_more button is position: absolute, this padding provides space for it to sit. Without
 * it, the box-shadow overlaps the bottom of the text. */
.infomodule__content {
  padding-bottom: 60px; }

.infomodule__media__image {
  float: left;
  padding-right: 15px; }
  @media only screen and (max-width: 767px) {
    .infomodule__media__image {
      width: 35%;
      height: auto; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .has-advert .infomodule__media {
    width: 35%;
    height: auto; } }

.infomodule__topicheader {
  font-weight: bold; }

.infomodule__address__line {
  display: block; }

.infomodule__general {
  margin-left: 155px; }
  @media only screen and (max-width: 767px) {
    .infomodule__general {
      margin-left: 35%; } }
  .infomodule__general.is-fullwidth {
    margin-left: 0; }

.infomodule__url {
  overflow: hidden;
  text-overflow: ellipsis; }

.infomodule__wheretostay .ad {
  text-align: left; }

.infomodule__wheretostay iframe {
  width: 330px;
  height: 30px; }
  @media only screen and (max-width: 767px) {
    .infomodule__wheretostay iframe {
      display: none; } }

/**
 * Ads
 */
.vdp__ads {
  float: right; }
  @media only screen and (max-width: 999px) {
    .vdp__ads {
      float: none; } }
  @media only screen and (max-width: 767px) {
    .vdp__ads {
      display: none; } }

.adp__ads {
  position: absolute;
  top: 0;
  right: 0; }
  @media only screen and (max-width: 999px) {
    .adp__ads {
      max-height: 250px;
      overflow: hidden; } }

/**
 * Shame
 */
.adp__social .atclear {
  clear: none; }

/**
 * To force BV ratings popup to show in different position.
 */
.adp__social .BVRRRatingsHistogramButtonPopin {
  left: 0; }

/**
 * Partials
 */
/**
 * Method of Delivery / Method of Payment common rules
 * @author john.souris
 * @see #MNXWEB-5420
 *
 * Table of Contents
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.major.block {
  position: relative;
  padding-right: 36px; }
  .major.block .aInfo {
    position: absolute;
    right: 12px;
    top: 9px;
    font-size: 21px;
    color: #fff; }
  .major.block .aInfo:hover {
    color: #fff;
    text-decoration: none; }
  .major.block .icon-info-hover-2 {
    color: #fff; }

.inactiveOverlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.inactive {
  opacity: 0.5;
  filter: alpha(opacity=50); }
  .inactive .inactiveOverlay {
    display: block;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0); }

.boxStyle ul {
  margin: 0; }

.boxStyle fieldset {
  min-width: inherit; }

/**
 * This puts a transparent overlay to stop the content being active, needed to the terms lightboxes cannot be opened as this causes display issues
 */
.ie7 .inactive .inactiveOverlay {
  background: white;
  filter: alpha(opacity=1); }

.polling {
  opacity: 0.5;
  filter: alpha(opacity=50); }
  .polling .inactiveOverlay {
    display: block;
    background: transparent url("../../images/polling75.gif") no-repeat center center; }

.checkoutSelection fieldset {
  margin: 0;
  background-color: inherit; }

.checkoutSelection > ul {
  margin-bottom: 0; }

.checkoutSelection.boxStyle {
  padding: 0; }

.checkoutSelection .errorAlert {
  margin: 11px 11px; }

.checkoutSelection div.message {
  font-weight: bold;
  padding: 11px 12px 0;
  border-bottom: 1px solid #c9cac8; }

.checkoutSelection > ul > li {
  border-top: 1px solid #c9cac8;
  position: relative;
  padding: 14px 10px 10px;
  margin: 0;
  cursor: pointer;
  zoom: 1; }
  .checkoutSelection > ul > li:after {
    clear: both; }
  .checkoutSelection > ul > li:before, .checkoutSelection > ul > li:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .checkoutSelection > ul > li .inputRadio {
    position: absolute;
    top: 13px;
    left: 14px;
    cursor: pointer; }
  .checkoutSelection > ul > li .price {
    position: absolute;
    right: 20px;
    top: 14px;
    font-size: 1.2em;
    font-weight: bold; }
  .checkoutSelection > ul > li .desc {
    margin: 10px 0 10px 35px;
    padding-top: 5px;
    clear: both;
    font-size: .9em;
    color: #666; }
  .checkoutSelection > ul > li .align {
    margin-left: 35px;
    font-size: .9em; }
    .checkoutSelection > ul > li .align label {
      margin-left: 0;
      line-height: 20px;
      margin-top: 4px;
      font-size: 15px; }
  .checkoutSelection > ul > li.eticket {
    background-color: #e6e6e6;
    background-image: url(../../../static/images/eticket.png);
    background-repeat: no-repeat;
    background-position: 100% 50%; }
    .checkoutSelection > ul > li.eticket .ticket-bg {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      overflow: hidden; }
      .checkoutSelection > ul > li.eticket .ticket-bg > img {
        margin-top: -35px; }
  .checkoutSelection > ul > li label {
    cursor: pointer;
    display: block;
    float: left;
    margin-left: 35px;
    display: block; }
    .checkoutSelection > ul > li label .name {
      font-size: 1.2em;
      font-weight: bold;
      padding-right: 10px; }
  .checkoutSelection > ul > li.active {
    background-color: #99d7f2; }
    .checkoutSelection > ul > li.active .icon-tick {
      display: block; }
    .checkoutSelection > ul > li.active .desc {
      color: #333; }
  .checkoutSelection > ul > li:first-child {
    border-top: none; }
  .checkoutSelection > ul > li .icon {
    font-size: 21px; }
  .checkoutSelection > ul > li .icon-tick {
    float: left;
    margin-right: 5px;
    color: #000;
    font-size: 25px;
    display: none; }
    .checkoutSelection > ul > li .icon-tick:hover {
      color: #000; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  .checkoutSelection div.message {
    display: none; } }

@media only screen and (max-width: 767px) {
  .checkoutSelection > ul > li .align label {
    line-height: 2.2em; }
  .checkoutSelection > ul > li .desc {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media only screen and (max-width: 479px) {
  .checkoutSelection > ul > li .price {
    font-size: 1em; }
  .checkoutSelection > ul > li .icon {
    font-size: 18px; }
  .checkoutSelection > ul > li .desc {
    margin-left: 28px; }
  .checkoutSelection > ul > li label {
    margin-left: 28px;
    line-height: 1.2em; } }

.delivery-type {
  margin: 10px 0; }

.delivery-name {
  padding-bottom: 10px; }

.confirmation__message {
  margin-left: 32px; }
  @media only screen and (max-width: 767px) {
    .confirmation__message {
      margin-left: 0; } }
  .confirmation__message strong {
    font-size: 18px;
    color: #666; }
  .confirmation__message .delivery__desc {
    font-size: 12px; }

/**
 * Components
 */
/**
 * Event date style with large number
 */
.calendaritem {
  font-size: 13px;
  white-space: nowrap; }

.calendaritem__day {
  display: inline-block;
  font-size: 38px;
  line-height: 1;
  color: #808080;
  vertical-align: top; }

.calendaritem__date, .calendaritem__date--month, .calendaritem__date--day {
  display: inline-block;
  margin-left: 5px;
  line-height: 19px;
  vertical-align: top; }

.calendaritem__date__item {
  display: block; }

.eventtime--smallscreen {
  display: none; }

@media only screen and (max-width: 999px) {
  .table--stack .calendaritem, .table--stack--noborder .calendaritem {
    text-align: center;
    white-space: normal; }
  .table--stack .calendaritem__day, .table--stack--noborder .calendaritem__day {
    font-size: 23px;
    color: #444; }
  .table--stack .calendaritem__date, .table--stack--noborder .calendaritem__date, .table--stack .calendaritem__date--month, .table--stack--noborder .calendaritem__date--month, .table--stack .calendaritem__date--day, .table--stack--noborder .calendaritem__date--day {
    display: block;
    margin-left: 0; }
  .table--stack .calendaritem__date--day, .table--stack--noborder .calendaritem__date--day {
    display: none; } }

.has-advert .table--stack .calendaritem, .has-advert .table--stack--noborder .calendaritem {
  text-align: center;
  white-space: normal; }

.has-advert .table--stack .calendaritem__day, .has-advert .table--stack--noborder .calendaritem__day {
  font-size: 23px;
  color: #444; }

.has-advert .table--stack .calendaritem__date, .has-advert .table--stack--noborder .calendaritem__date, .has-advert .table--stack .calendaritem__date--month, .has-advert .table--stack--noborder .calendaritem__date--month, .has-advert .table--stack .calendaritem__date--day, .has-advert .table--stack--noborder .calendaritem__date--day {
  display: block;
  margin-left: 0; }

.has-advert .table--stack .calendaritem__date--day, .has-advert .table--stack--noborder .calendaritem__date--day {
  display: none; }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .table--stack .calendaritem__date__item, .table--stack--noborder .calendaritem__date__item {
    display: inline; } }

/**
 * Lightbox
 * @author rebecca.howard
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # General Rules
 *     # Responsive Parts
 */
/**
 * @section Variables
 * ==================================================
 */
/**
 * @section General Rules
 * ==================================================
 */
.lightBoxContainer {
  display: none; }
  .lightBoxContainer.show {
    display: block; }
  .lightBoxContainer h5 {
    font-weight: bold; }
  .lightBoxContainer .lightBoxContent {
    border: 5px solid #333;
    width: 545px;
    position: absolute;
    left: 50%;
    margin: 0 auto;
    margin-left: -320px;
    background: #fff;
    z-index: 9999; }
    .lightBoxContainer .lightBoxContent input.text {
      margin-right: 10px;
      float: left;
      width: 136px; }
    .lightBoxContainer .lightBoxContent .close {
      position: absolute;
      top: 0;
      right: 5px;
      display: block;
      cursor: pointer;
      color: #fff;
      font-size: 18px; }
    .lightBoxContainer .lightBoxContent .lightBoxTitle {
      background-color: #333;
      color: #fff;
      line-height: 1.4em;
      font-size: 1.2em;
      font-weight: bold;
      padding-top: 1px;
      padding-bottom: 0.3em;
      padding-left: 15px;
      padding-right: 41px;
      margin: -1px -1px 0 -1px;
      min-height: 23px; }
    .lightBoxContainer .lightBoxContent.nopadding .lightBoxTitle {
      padding-left: 5px; }
    .lightBoxContainer .lightBoxContent .btn_submit {
      margin: 10px auto; }
    .lightBoxContainer .lightBoxContent .lightboxContent__pcontainer {
      width: 304px;
      margin: 5px auto 0; }
    .lightBoxContainer .lightBoxContent.is-hidden {
      display: none; }
    .lightBoxContainer .lightBoxContent .lightboxContent__p {
      width: 272px;
      margin: 0; }
  .lightBoxContainer .body {
    padding: 10px 14px 14px 14px; }
    .lightBoxContainer .body .buttons {
      display: block;
      text-align: center;
      margin: 10px 0; }
    .lightBoxContainer .body .alert, .lightBoxContainer .body .alert--info, .lightBoxContainer .body .alert--warning, .lightBoxContainer .body .alert--error {
      margin-bottom: 15px; }
    .lightBoxContainer .body .close {
      position: static;
      display: inline-block;
      color: #007DB3;
      font-size: inherit;
      font-weight: bold; }
  .lightBoxContainer .lightBoxBG {
    background-color: #000;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100; }

.lightbox__iframe {
  width: 100%;
  min-height: 420px; }

/* Timeout Lightbox should always appear in front of other lightboxes */
#timeOutLightBox .lightBoxContent {
  z-index: 125; }

#timeOutLightBox .lightBoxBG {
  z-index: 121; }

.lightboxIsOpen #wrap {
  position: relative;
  z-index: 3; }

/**
 * @section Responsive Parts
 * ==================================================
 */
@media only screen and (max-width: 767px) {
  .lightBoxContainer .lightBoxContent {
    margin-left: -155px;
    width: 300px; }
    .lightBoxContainer .lightBoxContent .body {
      margin: 0 auto; }
    .lightBoxContainer .lightBoxContent .close {
      top: 0; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .lightBoxContainer .lightBoxContent {
    width: 375px;
    margin-left: -187px; } }

/**
 * Errors and Alerts
 * @author rebecca.howard, john.souris
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 */
/**
 * @section General Rules
 * ==================================================
 */
.alert .icon, .alert--info .icon, .alert--warning .icon, .alert--error .icon, .alert--error .alert--error__icon {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 1em;
  color: #fff;
  text-align: center;
  line-height: 25px;
  font-size: 1.3em; }

.alert, .alert--info, .alert--warning, .alert--error {
  padding: 10px; }
  .alert p, .alert--info p, .alert--warning p, .alert--error p {
    margin: 0; }
  .alert .heading, .alert--info .heading, .alert--warning .heading, .alert--error .heading {
    font-size: 1.1em;
    margin: 0 0 5px;
    font-weight: bold; }
  .alert .message, .alert--info .message, .alert--warning .message, .alert--error .message,
  .alert .heading, .alert--info .heading, .alert--warning .heading, .alert--error .heading,
  .alert .checkbox, .alert--info .checkbox, .alert--warning .checkbox, .alert--error .checkbox {
    margin: 0 0 0 43px; }
    .alert .message label, .alert--info .message label, .alert--warning .message label, .alert--error .message label,
    .alert .heading label, .alert--info .heading label, .alert--warning .heading label, .alert--error .heading label,
    .alert .checkbox label, .alert--info .checkbox label, .alert--warning .checkbox label, .alert--error .checkbox label {
      float: none;
      width: auto; }
  .alert .heading, .alert--info .heading, .alert--warning .heading, .alert--error .heading {
    margin-bottom: 4px; }
  .alert .checkbox input, .alert--info .checkbox input, .alert--warning .checkbox input, .alert--error .checkbox input {
    vertical-align: top; }
  .alert .checkbox p, .alert--info .checkbox p, .alert--warning .checkbox p, .alert--error .checkbox p {
    width: 85%;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px; }

.errorAlert {
  border: 3px solid #d0092c;
  background-color: #fff; }
  .errorAlert .icon {
    background-color: #DC1921; }
  .errorAlert .icon-warning, .errorAlert .alert--error .alert--error__icon, .alert--error .errorAlert .alert--error__icon {
    background-color: transparent;
    color: #d0092c;
    font-size: 2em;
    margin-top: -3px; }

.alert--info {
  width: 100%;
  border: 3px solid #255b82;
  padding: 15px 10px; }
  .alert--info .alert--info__icon {
    background-color: transparent;
    color: #255b82;
    font-size: 2em;
    margin-top: -3px; }

.alert--warning {
  border: 3px solid #e98300;
  padding: 15px 10px; }
  .alert--warning .alert--warning__icon {
    background-color: transparent;
    color: #e98300;
    font-size: 2em;
    margin-top: -3px; }

.alert--error {
  border: 3px solid #d0092c;
  padding: 15px 10px;
  margin: 15px; }
  .alert--error .alert--error__icon {
    color: #d0092c;
    font-size: 28px; }

.warning-alert {
  border: 3px solid #e98300; }
  .warning-alert .icon {
    background-color: none;
    color: #e98300;
    font-size: 2em; }

.goodNewsAlert {
  position: relative;
  border: 3px solid #e98300;
  background: #fff;
  width: 94%;
  min-height: 60px;
  margin-bottom: 17px; }
  .goodNewsAlert:after, .goodNewsAlert:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin: -2px -23px 0 0; }
  .goodNewsAlert:before {
    right: -3px;
    top: -1px;
    border-top: 43px solid transparent;
    border-left: 23px solid #e98300;
    border-bottom: 43px solid transparent; }
  .goodNewsAlert:after {
    right: 1px;
    top: 2px;
    background: transparent;
    border-top: 40px solid transparent;
    border-left: 22px solid #fff;
    border-bottom: 40px solid transparent;
    z-index: 1; }
  .goodNewsAlert .icon {
    color: #000;
    font-size: 1.7em; }

.warningAlert {
  border: 2px solid #d0092c; }
  .warningAlert .heading {
    color: #d0092c; }
  .warningAlert .icon {
    background-color: #007DB3;
    background-image: -moz-linear-gradient(top, #007DB3, #007DB3, #007DB3, #007DB3); }

.warningLBoxAlert.alert, .warningLBoxAlert.alert--info, .warningLBoxAlert.alert--warning, .warningLBoxAlert.alert--error {
  border: 2px solid #e98300; }
  .warningLBoxAlert.alert .icon, .warningLBoxAlert.alert--info .icon, .warningLBoxAlert.alert--warning .icon, .warningLBoxAlert.alert--error .icon {
    border-radius: 0;
    color: #e98300;
    font-size: 32px;
    margin-right: 16px; }

.infoAlert {
  border: 1px solid #bcbcbc;
  background: #99d7f2; }
  .infoAlert .icon {
    color: #000; }
  .infoAlert icon:hover {
    content: inherit; }

.infoBoxAlert {
  border: 3px solid #4c5cc5; }
  .infoBoxAlert .icon {
    background-color: #4c5cc5; }
  .infoBoxAlert .icon-warning, .infoBoxAlert .alert--error .alert--error__icon, .alert--error .infoBoxAlert .alert--error__icon {
    background-color: transparent;
    color: #4c5cc5;
    font-size: 2em; }

.successAlert {
  border: 3px solid #000; }
  .successAlert .icon {
    color: #000; }
  .successAlert .icon:hover {
    content: inherit; }

.searchresults__error {
  clear: both; }
  .searchresults__error .alert--info {
    margin: 15px;
    width: inherit; }

@media only screen and (max-width: 999px) {
  .goodNewsAlert {
    width: auto;
    min-height: auto;
    margin: 10px; }
  .goodNewsAlert:after,
  .goodNewsAlert:before {
    display: none; } }

/**
 * Checkout breadcrumbs
 * @author andy.west
 * @see #MNXWEB-4569
 *
 * @description Appears on: checkout
 *
 * Table of Contents
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.breadcrumbs, #breadcrumbs, .breadcrumbs--discovery {
  margin-bottom: 0;
  list-style: none; }

#breadcrumbs {
  margin-top: 0;
  height: 45px;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  background-color: #475058;
  color: #f6f7f9; }
  @media only screen and (max-width: 999px) {
    #breadcrumbs {
      width: 100%;
      margin: 0; } }
  #breadcrumbs .breadcrumbStep {
    float: left;
    position: relative;
    height: 100%;
    line-height: 45px;
    margin: 0; }
    #breadcrumbs .breadcrumbStep:before, #breadcrumbs .breadcrumbStep:after {
      content: '';
      position: absolute;
      top: -6px; }
    #breadcrumbs .breadcrumbStep:before {
      left: 1px;
      border-left: 21px solid #fff;
      border-top: 29px inset transparent;
      border-bottom: 29px inset transparent; }
    #breadcrumbs .breadcrumbStep:first-child {
      margin-left: -10.5px; }
      #breadcrumbs .breadcrumbStep:first-child:before {
        border: 0; }
      #breadcrumbs .breadcrumbStep:first-child .breadcrumbStepInner:before {
        border: 0; }
    #breadcrumbs .breadcrumbStep.liactive {
      background-color: #dfe4e7;
      color: #475058;
      white-space: nowrap; }
      #breadcrumbs .breadcrumbStep.liactive:after {
        right: -20px;
        z-index: 2;
        border-left: 21px solid #dfe4e7;
        border-top: 29px inset transparent;
        border-bottom: 29px inset transparent; }
      #breadcrumbs .breadcrumbStep.liactive + .breadcrumbStep:before {
        border: 0; }
      #breadcrumbs .breadcrumbStep.liactive + .breadcrumbStep .breadcrumbStepInner:before {
        border: 0; }
      #breadcrumbs .breadcrumbStep.liactive .breadcrumbStepName {
        display: inline; }
      #breadcrumbs .breadcrumbStep.liactive .breadcrumbStepNumber {
        display: none; }
      #breadcrumbs .breadcrumbStep.liactive.last {
        padding-right: 10.5px; }
        #breadcrumbs .breadcrumbStep.liactive.last:after {
          border: 0; }
    #breadcrumbs .breadcrumbStep + .breadcrumbStep.liactive:before {
      border: 0; }
    #breadcrumbs .breadcrumbStep .breadcrumbStepInner {
      margin-left: 21px; }
      #breadcrumbs .breadcrumbStep .breadcrumbStepInner:before {
        content: '';
        position: absolute;
        top: -6px;
        left: -1px;
        border-left: 21px solid #475058;
        border-top: 29px inset transparent;
        border-bottom: 29px inset transparent; }
    #breadcrumbs .breadcrumbStep .breadcrumbStepName {
      display: none; }

.numSteps-3 .breadcrumbStep {
  width: 33.3%; }

.numSteps-4 .breadcrumbStep {
  width: 25%; }

.numSteps-5 .breadcrumbStep {
  width: 20%; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 767px) {
  #breadcrumbs .breadcrumbStep.liactive .breadcrumbStepName {
    display: none; }
  #breadcrumbs .breadcrumbStep.liactive .breadcrumbStepNumber {
    display: inline; } }

/**
 * @section Alternatives
 * ==================================================
 * Site wide breadcrumbs
 */
/**
  * @section Alternatives
  * ==================================================
  */
.breadcrumbs--discovery {
  padding: 0;
  font-size: 0;
  /* Closes gap between multi line breadcrumbs */
  line-height: 10px;
  /* Indents all subsequent lines in the case of a line wrap */
  margin: 0 0 10px 32px;
  text-indent: -32px; }
  @media only screen and (max-width: 767px) {
    .breadcrumbs--discovery {
      padding: 0 10px; } }

.breadcrumbs__item, .breadcrumbs__home {
  vertical-align: top;
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin: 0;
  text-indent: 0; }
  .breadcrumbs__item:after, .breadcrumbs__home:after {
    margin: 0 5px;
    content: '❯';
    color: #dfe4e7; }
    @media only screen and (max-width: 767px) {
      .breadcrumbs__item:after, .breadcrumbs__home:after {
        margin: 0 2px; } }
  .breadcrumbs__item:last-child:after, .breadcrumbs__home:last-child:after {
    content: none; }
  .breadcrumbs__item a, .breadcrumbs__home a {
    color: #475058;
    font-weight: bold; }
    .breadcrumbs__item a:hover, .breadcrumbs__home a:hover {
      text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .breadcrumbs__item, .breadcrumbs__home {
      font-size: 11px; } }

.breadcrumbs__home__label {
  margin-left: 5px; }

/**
 * Advert slots
 * @author rebecca.howard
 * @see #MNXWEB-4622
 * @see #MNXWEB-4623
 * @see #MNXWEB-4688
 *
 * Table of Contents
 * ==================================================
 *     # General Rules
 *     # Old Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.ad {
  margin: 0 auto;
  text-align: center; }

.topBanners {
  line-height: 0; }

.boxStyle .ad {
  margin-bottom: 0;
  line-height: 0; }

.boxStyle .smallBanners {
  height: 100px; }
  .boxStyle .smallBanners li {
    float: left; }
    .boxStyle .smallBanners li:first-child {
      margin-right: 25px; }

/**
 * @section Old Rules
 * ==================================================
 */
.emergingartistAd {
  margin-bottom: 20px; }

.rightrailsponsorAd {
  margin-bottom: 20px; }

.leftrailsponsorAd {
  margin-bottom: 20px; }

.leftrailtourAd {
  margin: 0 auto 30px;
  text-align: center; }

.skyscraperAd {
  margin-top: 20px;
  text-align: center;
  width: 175px; }

.leftrailAd {
  margin-bottom: 20px;
  text-align: center;
  width: 180px; }

.rightrailAd {
  margin-bottom: 20px; }

.onsaleAd {
  margin-bottom: 20px;
  margin-left: 5px; }

.sponsorAd {
  margin-bottom: 10px; }

.leaderboardAd {
  background: none repeat scroll 0 0 transparent;
  background-position: bottom;
  background-repeat: repeat-x;
  padding: 10px 0 0;
  text-align: center; }

.scandicAd {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center; }

.pushdownAd {
  overflow: hidden; }

.pushdownAd,
.wallpaperAd,
.overlayAd {
  line-height: 0; }

.pushdownAd a,
.wallpaperAd a,
.overlayAd a {
  line-height: 0; }

.leaderboardAd {
  padding: 10px 0;
  overflow: hidden;
  margin-bottom: 0; }
  .leaderboardAd.ad div {
    display: inline-block !important;
    margin: 0 auto !important; }

.centreMPUAd {
  margin-left: auto;
  margin-right: auto; }

/* Required to position the breadcrumbs properly */
.container--pushdownAd {
  margin-bottom: 5px; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #secondaryContent .ad {
    display: none; }
  .leaderboardAd {
    padding: 0; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .smallBanners {
    margin-left: 34px; } }

@media only screen and (max-width: 767px) {
  .smallBanners {
    width: 300px;
    margin: 0 auto; }
    .smallBanners .ad2 {
      display: none; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .leaderboardAd {
    padding: 10px 0; } }

@media only screen and (max-width: 479px) {
  .leaderboardAd {
    padding: 0; } }

.tooltipicon {
  position: relative;
  z-index: 1;
  cursor: pointer; }

.tooltipcontainer {
  position: absolute;
  left: 18px;
  width: 200px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #666;
  cursor: default;
  font-weight: normal; }
  .tooltipcontainer::before, .tooltipcontainer::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    border-right: 10px solid;
    border-top: 10px inset transparent;
    border-bottom: 10px inset transparent; }
  .tooltipcontainer::before {
    left: -10px;
    border-right-color: #666; }
  .tooltipcontainer::after {
    left: -9px;
    border-right-color: #fff; }
  .tooltipcontainer p {
    margin: 0; }
    .tooltipcontainer p + p {
      margin-top: 10px; }

.tooltipcontainer--checkout {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 300px;
  background-color: #fff;
  border: 5px solid #007DB3;
  border-top: 0; }
  @media only screen and (max-width: 767px) {
    .tooltipcontainer--checkout {
      top: 10px;
      left: 0;
      right: 0;
      width: auto; } }

.tooltip__header {
  background-color: #007DB3;
  color: #fff;
  font-size: 15px; }

.tooltip__header__heading {
  margin: 0 5px;
  padding: 4px 20px 4px 0;
  font-weight: bold;
  line-height: 1.5; }

.tooltip__close {
  position: absolute;
  top: 3px;
  right: -3px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: #fff; }
  .tooltip__close:hover {
    color: #fff; }

.tooltip__content {
  padding: 10px 10px 0;
  font-size: 13px; }

/**
 * Tooltip Extends Lightbox styles
 * @author john.souris
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Responsive Parts
 */
/* @section General Rules
================================================== */
.tooltip {
  z-index: 10;
  background: #fff;
  border: 8px solid #007DB3;
  box-sizing: border-box;
  position: absolute;
  width: 261px;
  text-align: left; }
  .tooltip.fixed-width {
    width: 340px; }
  .tooltip .tt-name {
    background-color: #007DB3;
    color: #fff;
    line-height: 1.4em;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 0.3em;
    padding-left: 4px;
    padding-right: 41px;
    margin: -1px -1px 0 -1px;
    min-height: 21px; }
  .tooltip .body {
    display: block;
    padding: 12px; }
    .tooltip .body .buttons {
      display: block;
      text-align: center;
      margin: 10px 0; }
    .tooltip .body .image {
      clear: both;
      display: block;
      text-align: center;
      margin: 10px 0; }
  .tooltip .close {
    position: absolute;
    top: -2px;
    right: 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    width: auto;
    height: auto;
    text-align: right; }
  .tooltip .message-box-buttons {
    margin-bottom: 10px;
    text-align: center; }
    .tooltip .message-box-buttons input {
      margin-right: 10px; }
  .tooltip .tooltip__contentheader {
    font-weight: bold;
    padding: 0 0 2px; }
  .tooltip .tooltip__content {
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    padding: 0;
    margin-bottom: 12px; }
    .tooltip .tooltip__content:last-child {
      margin-bottom: 0; }

.tt-pointer-down {
  position: absolute;
  content: '';
  right: 10px;
  bottom: 0;
  height: 0;
  width: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 22px solid #007DB3;
  margin-bottom: -22px; }

.tt-pointer-up--topleft::after,
.tt-pointer-up {
  content: '';
  position: absolute;
  left: 12px;
  top: 0;
  height: 0;
  width: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 16px solid #007DB3;
  margin-top: -24px; }

.tt-pointer-up-right {
  right: 12px;
  left: auto; }

/**
 * generic component styles
 * @author John
 *
 * @description These styles may be used throughout modules and pages
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.show-hide-container {
  overflow: hidden;
  position: relative; }
  .show-hide-container p {
    margin-top: 0; }

.no-doc-flow {
  position: absolute; }

/**
 * Table content stacks up for smaller screens
 */
.table--stack, .table--stack--noborder {
  display: table;
  width: 100%;
  line-height: 1.5;
  font-size: 13px;
  border-top: 1px solid #c9cac8; }
  @media only screen and (max-width: 767px) {
    .table--stack, .table--stack--noborder {
      display: block; } }

.table--stack--noborder {
  border-top: none; }

.table__row, .table__row--heading, .table__row--event {
  display: table-row;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .table__row, .table__row--heading, .table__row--event {
      display: block;
      position: relative;
      border-bottom: 1px solid #c9cac8; } }

.table__row--event {
  min-height: 30px; }
  @media only screen and (max-width: 767px) {
    .table__row--event {
      position: relative;
      min-height: 80px; } }

.table__row--noresults {
  display: block;
  padding: 20px 15px;
  border-bottom: 1px solid #c9cac8;
  font-weight: bold;
  text-align: center; }

.table__row--noresults__message {
  margin: 0; }

.table__cell, .table__cell--date,
.table__cell--eventname,
.table__cell--location,
.table__cell--availability {
  display: table-cell;
  margin: 0;
  vertical-align: top;
  border-bottom: 1px solid #c9cac8; }
  @media only screen and (max-width: 767px) {
    .table__cell, .table__cell--date,
    .table__cell--eventname,
    .table__cell--location,
    .table__cell--availability {
      display: block;
      border: 0; } }

/**
 * Column types
 */
.table__cell--date {
  width: 160px; }
  @media only screen and (max-width: 999px) {
    .table__cell--date {
      width: 57px;
      background-color: #f1f3f3; } }
  .has-advert .table__cell--date {
    width: 57px;
    background-color: #f1f3f3; }

@media only screen and (max-width: 767px) {
  .table__cell--eventname {
    margin-left: 57px; } }

@media only screen and (min-width: 1000px) {
  .has-advert .table__cell--eventname {
    min-width: 175px; } }

.oldie .has-advert .table__cell--eventname {
  min-width: 175px; }

@media only screen and (max-width: 767px) {
  .table__cell--location {
    margin-left: 57px; } }

@media only screen and (min-width: 1000px) {
  .has-advert .table__cell--location {
    min-width: 175px; } }

.oldie .has-advert .table__cell--location {
  min-width: 175px; }

.table__cell--availability {
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .table__cell--availability {
      margin-top: 10px;
      margin-left: 57px;
      text-align: left; } }

@media only screen and (max-width: 767px) {
  .table__cell--date,
  .table__cell--eventname,
  .table__cell--location,
  .table__cell--availability {
    width: auto; } }

.table__cell--eventname,
.table__cell--location {
  min-width: 220px; }
  .search_results__content .table__cell--eventname, .search_results__content
  .table__cell--location {
    min-width: 160px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .table__cell--eventname,
    .table__cell--location {
      min-width: 180px; } }
  @media only screen and (max-width: 767px) {
    .table__cell--eventname,
    .table__cell--location {
      min-width: 0; } }

/**
 * Cell types
 */
.table__cell__heading,
.table__cell__body,
.table__cell__body--date,
.table__cell__body--eventname,
.table__cell__body--location,
.table__cell__body--availability {
  padding: 20px 15px; }
  @media only screen and (max-width: 999px) {
    .table__cell__heading,
    .table__cell__body,
    .table__cell__body--date,
    .table__cell__body--eventname,
    .table__cell__body--location,
    .table__cell__body--availability {
      padding: 10px 15px; } }
  @media only screen and (max-width: 767px) {
    .table__cell__heading,
    .table__cell__body,
    .table__cell__body--date,
    .table__cell__body--eventname,
    .table__cell__body--location,
    .table__cell__body--availability {
      padding: 10px 35px 10px 15px; }
      .is-external .table__cell__heading,
      .is-external
      .table__cell__body,
      .is-external .table__cell__body--date,
      .is-external .table__cell__body--eventname,
      .is-external .table__cell__body--location,
      .is-external .table__cell__body--availability {
        padding-right: 60px; } }

.table__cell__heading {
  margin: 0;
  line-height: 1.5;
  font-weight: bold; }

@media only screen and (max-width: 767px) {
  .table__cell__body--date {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 57px;
    padding-left: 0;
    padding-right: 0;
    background-color: #f1f3f3; }
    .is-external .table__cell__body--date {
      padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .table__cell__body--eventname {
    padding-bottom: 0; } }

@media only screen and (max-width: 767px) {
  .table__cell__body--location {
    padding-top: 0;
    padding-bottom: 0; } }

@media only screen and (max-width: 767px) {
  .table__cell__body--availability {
    padding-top: 0;
    padding-bottom: 0; } }

.table__heading, .table__heading--packagelabel {
  margin: 0;
  line-height: 1.5;
  font-weight: bold; }

.table__heading--packagelabel {
  display: block;
  color: #e98300; }

.tooltipicon {
  margin-left: 5px; }
  @media only screen and (max-width: 767px) {
    .tooltipicon {
      display: none; } }

.venuename,
.city,
.country {
  margin: 0;
  line-height: 1.5; }
  @media only screen and (max-width: 767px) {
    .venuename,
    .city,
    .country {
      display: inline; } }

.venuename__link,
.cityname__link {
  color: #444; }
  .venuename__link:hover,
  .cityname__link:hover {
    text-decoration: underline; }

.searchresults .table--stack .eventtime--tabletportrait, .searchresults .table--stack--noborder .eventtime--tabletportrait {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .searchresults .table--stack .eventtime--tabletportrait, .searchresults .table--stack--noborder .eventtime--tabletportrait {
      display: block;
      text-align: left; } }
  .has-advert .searchresults .table--stack .eventtime--tabletportrait, .has-advert .searchresults .table--stack--noborder .eventtime--tabletportrait {
    display: block;
    text-align: left; }
    .has-advert .searchresults .table--stack .eventtime--tabletportrait .calendaritem__date__item, .has-advert .searchresults .table--stack--noborder .eventtime--tabletportrait .calendaritem__date__item {
      display: inline; }
    @media only screen and (max-width: 767px) {
      .has-advert .searchresults .table--stack .eventtime--tabletportrait, .has-advert .searchresults .table--stack--noborder .eventtime--tabletportrait {
        display: none; } }

.searchresults .table--stack .eventtime--smallscreen, .searchresults .table--stack--noborder .eventtime--smallscreen {
  display: none; }
  @media only screen and (max-width: 767px) {
    .searchresults .table--stack .eventtime--smallscreen, .searchresults .table--stack--noborder .eventtime--smallscreen {
      display: block;
      text-align: left; } }
  .searchresults .table--stack .eventtime--smallscreen .calendaritem__date__item, .searchresults .table--stack--noborder .eventtime--smallscreen .calendaritem__date__item {
    display: inline; }

/**
 * Status
 */
.status {
  display: block;
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .status {
      margin-bottom: 5px; } }

.statuslabel,
.onsaletime {
  display: block;
  white-space: nowrap;
  font-size: 13px; }

.statuslabel {
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .statuslabel {
      margin-bottom: 5px; } }

.is-soldout .table__cell--availability,
.is-cancelled .table__cell--availability,
.is-pastonsale .table__cell--availability {
  border-right: 6px solid #d0092c; }

@media only screen and (max-width: 767px) {
  .is-soldout,
  .is-cancelled,
  .is-pastonsale {
    border-right: 6px solid #d0092c; } }

.is-soldout .statuslabel,
.is-cancelled .statuslabel,
.is-pastonsale .statuslabel {
  color: #d0092c; }

.is-futureonsale .table__cell--availability {
  border-right: 6px solid #e98300; }

@media only screen and (max-width: 767px) {
  .is-futureonsale {
    border-right: 6px solid #e98300; } }

.is-futureonsale .statuslabel {
  color: #e98300; }

.is-restricted .statuslabel {
  font-weight: normal; }
  @media only screen and (max-width: 767px) {
    .is-restricted .statuslabel {
      margin-bottom: 10px; } }

@media only screen and (max-width: 767px) {
  .is-soldout .table__cell--availability,
  .is-cancelled .table__cell--availability,
  .is-pastonsale .table__cell--availability,
  .is-futureonsale .table__cell--availability {
    border-right: 0; } }

.button--buy__message {
  display: block;
  margin-top: 5px;
  font-size: 12px; }
  @media only screen and (max-width: 767px) {
    .button--buy__message {
      display: none; } }

.link--viewdates {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  font-weight: bold;
  color: #444;
  white-space: nowrap; }
  .link--viewdates:after {
    position: absolute;
    content: '';
    border-top: 4px inset transparent;
    border-bottom: 4px inset transparent;
    border-left: 4px solid #444;
    right: 0;
    top: 5px; }
  .link--viewdates:hover {
    text-decoration: underline; }
  .is-external .link--viewdates {
    color: #444; }
  .is-external .link--viewdates:before {
    position: absolute;
    right: -5px;
    top: 1px;
    font-size: 15px; }
  .is-external .link--viewdates:after {
    border: 0; }
  @media only screen and (max-width: 767px) {
    .link--viewdates {
      margin-bottom: 10px; } }

.resultslimitmessage {
  padding: 10px;
  font-weight: normal; }

.contentheading, .infomodule__contentheading, .contentheading--pageheading, .contentheading--sectionheading, .contentheading--sectionheading__filterheading, .contentheading--sectionheading__reviewsheading, .contentheading--sectionheading__category, .contentheading--sectionheading--checkout, .contentheading--sectionheading--payment, .contentheading--subheading {
  clear: both;
  line-height: 1;
  font-weight: bold; }

.contentheading--pageheading {
  margin: 0;
  padding: 0 20px;
  line-height: 40px;
  font-size: 19px;
  background-color: #475058;
  color: #fff; }

.contentheading--sectionheading, .contentheading--sectionheading__filterheading, .contentheading--sectionheading__reviewsheading, .contentheading--sectionheading__category, .contentheading--sectionheading--checkout, .contentheading--sectionheading--payment, .contentheading--subheading {
  margin: 0;
  padding: 0 15px;
  line-height: 36px;
  background-color: #255b82;
  color: #fff;
  font-size: 17px; }

/* Special case style for Ticketweb - on small screens, section headings are indented unless they have a filter
 * button hovering above them, in which case they are full width */
/* Special case style for Ticketweb & Billetech */
.contentheading--sectionheading--checkout {
  background-color: #c9cac8;
  color: #404040; }

.contentheading--sectionheading--payment {
  background-color: #475058;
  color: #fff; }

.contentheading--subheading {
  background-color: #c9cac8;
  color: #404040; }
  @media only screen and (max-width: 767px) {
    .contentheading--subheading {
      margin: 0; }
      .table--stack + .contentheading--subheading, .table--stack--noborder + .contentheading--subheading {
        margin-top: 15px; } }

.contentheading__eventcount {
  font-size: 15px;
  font-weight: normal; }

@media only screen and (max-width: 479px) {
  .contentheading--notmobileportrait {
    display: none; } }

.contentheading--mobileportrait {
  display: none; }
  @media only screen and (max-width: 479px) {
    .contentheading--mobileportrait {
      display: inline; } }

/*
 * Used to alternate text between a longer, large screen version
 * and a shorter, small screen version
 */
@media only screen and (max-width: 767px) {
  .contentheading--largescreen {
    display: none; } }

.contentheading--smallscreen {
  display: none; }
  @media only screen and (max-width: 767px) {
    .contentheading--smallscreen {
      display: block; } }

.pagination--search {
  padding: 10px 0;
  border-bottom: 1px solid #c9cac8;
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 14px; }

.pagination__wrapper,
.pagination__pagenumberlist {
  text-align: center;
  margin: 0 auto;
  font-size: 100%; }

.pagination__item,
.pagination__pagenumber {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle; }
  @media only screen and (max-width: 999px) {
    .pagination__item,
    .pagination__pagenumber {
      vertical-align: baseline; } }

.pagination__item.hidden-desktop {
  display: none; }
  @media only screen and (max-width: 999px) {
    .pagination__item.hidden-desktop {
      display: inline-block; } }

.pagination__link,
.pagination__text {
  padding: 0 5px;
  line-height: 20px; }
  .pagination__link.is-disabled,
  .pagination__text.is-disabled {
    color: #444;
    cursor: default; }

.pagination__link:hover {
  color: #005e85;
  text-decoration: underline; }

.pagination__link.is-disabled:hover {
  color: #444;
  text-decoration: none; }

.pagination__text {
  color: #444; }

.pagination__next,
.pagination__prev {
  display: inline-block; }
  .pagination__next:after, .pagination__next:before,
  .pagination__prev:after,
  .pagination__prev:before {
    color: #007DB3;
    text-decoration: none; }
  .pagination__next:hover:after, .pagination__next:hover:before,
  .pagination__prev:hover:after,
  .pagination__prev:hover:before {
    color: #005e85;
    text-decoration: underline; }
  .pagination__next.is-disabled:after, .pagination__next.is-disabled:before,
  .pagination__prev.is-disabled:after,
  .pagination__prev.is-disabled:before {
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff; }

.pagination__next:after {
  padding: 0 0 0 5px; }

.pagination__prev:before {
  padding: 0 5px 0 0; }

.pagination__firstitem {
  margin-left: 13px; }
  @media only screen and (max-width: 999px) {
    .pagination__firstitem {
      float: left; } }
  @media only screen and (max-width: 767px) {
    .pagination__firstitem {
      margin-left: 10px; } }

.pagination__lastitem {
  margin-right: 13px; }
  @media only screen and (max-width: 999px) {
    .pagination__lastitem {
      float: right; } }
  @media only screen and (max-width: 767px) {
    .pagination__lastitem {
      margin-right: 10px; } }

/**
 * Show More component
 *
 * @author Edd
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # General Rules
 */
/**
 * @section Variables
 * ==================================================
 *
 * $closed-content-height may be better defined in the module that uses it. However it is currently
 *                        set to 3 lines of text. EMs are used so that the end height is calculated
 *                        using the current font size.
 */
/**
 * @section General Rules
 * ==================================================
 */
.showmore__link {
  position: relative;
  margin-top: 12px;
  font-size: 15px;
  font-weight: normal; }
  .showmore__link::before {
    margin-right: 6px; }

.isclosed .showmore__content {
  overflow: hidden;
  height: 3.56em; }

.isclosed .infomodule__content {
  overflow: hidden;
  height: 12em; }

@media only screen and (max-width: 999px) {
  .isclosed .showmore__desktoponly {
    display: block; }
  .showmore__desktoponly {
    display: none; } }

/* Notification message */
.notification-flash {
  background: url("../../../static/images/icon-info-transparent.png") no-repeat 14px center #FECB00;
  text-align: left;
  padding: 16px 16px 16px 65px;
  font-size: 16px;
  color: #252626;
  margin: 0 0 10px; }

.edpnotification {
  margin-left: 7px;
  margin-right: 7px; }

.notification-header {
  font-weight: bold; }

/**
 * Third party overrides
 */
/**
 * Bazaarvoice Ratings and Reviews widget style changes
 */
@media only screen and (max-width: 767px) {
  .ratingsreviews {
    display: none; } }

.ratingsreviews .BVRRWidget {
  width: 100%;
  border: 1px solid #c9cac8; }
  .ratingsreviews .BVRRWidget img {
    max-width: inherit; }

/**
 * Overrides of TM global styles for form elements which are breaking BV layout.
 */
.BVSection label {
  float: none;
  width: auto;
  display: inline; }

.BVRRRootElement img {
  max-width: inherit; }

.fb-like {
  border: none;
  overflow: hidden;
  width: auto;
  height: 21px; }

.nordicchoice {
  background: #fff;
  border: 1px solid #bcbcbc;
  padding: 0px 20px;
  min-height: 100px; }

.nordicchoice__logo {
  margin: 20px 0 10px 10px;
  float: left; }
  @media only screen and (max-width: 999px) {
    .nordicchoice__logo {
      display: none; } }

.nordicchoice__desc {
  float: left;
  margin-top: 40px;
  margin-left: 30px; }
  @media only screen and (max-width: 999px) {
    .nordicchoice__desc {
      display: none; } }

.nordicchoice__header {
  margin-top: 20px; }

/**
 * This used to be the bottom half of _layout.scss
 */
/**
 * @section Fixes
 * ==================================================
 */
.ie7 .main {
  z-index: -1; }

html.noiefixes .ie7fix {
  display: none; }

.show-below-desktop {
  display: none; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #mainContent {
    font-size: 1.2em; }
  .main #mainContent {
    font-size: 1.2em; }
  body #wrap {
    background-image: none !important; }
  .hide-below-desktop {
    display: none; }
  .show-below-desktop {
    display: block; }
  .collapse-below-desktop {
    border-bottom: none; }
    .collapse-below-desktop.adjacent.boxStyle {
      padding: 0; }
    .collapse-below-desktop.inactive, .collapse-below-desktop.inactive {
      opacity: 1;
      filter: alpha(opacity=100); }
    .collapse-below-desktop .boxStyle, .collapse-below-desktop .collapse-contents {
      display: none; }
    .collapse-below-desktop .h2.major.block, .collapse-below-desktop .h3.major.block {
      background-color: #c9cac8;
      color: #333;
      margin-bottom: 2px; }
      .collapse-below-desktop .h2.major.block .icon-info, .collapse-below-desktop .h2.major.block .icon-info-hover-2, .collapse-below-desktop .h3.major.block .icon-info, .collapse-below-desktop .h3.major.block .icon-info-hover-2 {
        display: none; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  #mainContent,
  #secondaryContent {
    width: 100%;
    margin-left: 0; }
  .main {
    font-size: 1.2em; }
    .main #mainContent {
      font-size: 1em; }
  #cartContainer {
    display: none; } }

@media only screen and (max-width: 767px) {
  .main {
    font-size: 0.9em;
    padding: 10px 0 0 0; }
    .main.errorPage {
      padding-top: 0; }
    .main .boxStyle {
      padding: 10px; }
    .main .boxStyle.extraspace {
      padding-top: 0px;
      padding-bottom: 0px; }
    .main .boxStyle.adjacent {
      border-bottom: none; }
    .main #mainContent {
      font-size: 1.1em; }
  #secondaryContent {
    display: none; }
  .errorPage .boxStyle {
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto; }
  .largeScreenOnly {
    display: none; }
  #secondaryContent.largeScreenOnly {
    display: none; }
  .position-relative-andoidfix {
    position: relative;
    clear: both; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .main {
    font-size: 1.2em; }
    .main #mainContent {
      font-size: 1em; } }

@media only screen and (max-width: 479px) {
  .main .hide-image-479 .imgCol {
    display: none; } }

@media only screen and (min-width: 767px) {
  .smallScreenOnly {
    display: none; } }

#choosePriceLocation_LookForTicketsButton,
#tmform #btn_submit,
.loginregister .form__submit__btn,
#confirmOrderContainer .btn_submit,
#formQuestionnaire .btn_submit,
#twoStepPackage2 .btn_submit {
  padding: 15px 40px;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.3px; }

.errorAlert .checkbox {
  padding-top: 10px; }
  .errorAlert .checkbox label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .errorAlert .checkbox input {
    margin-right: 10px; }

@media only screen and (max-width: 999px) {
  #timeLeftlessThanDesktop {
    min-height: 42px;
    background-color: #000; } }

@media only screen and (max-width: 767px) {
  .onResponsiveCheckout .container {
    width: 100%; } }

.onResponsiveCheckout .main {
  padding: 15px 10px; }
  @media only screen and (max-width: 767px) {
    .onResponsiveCheckout .main {
      padding: 0; } }

/**
 * @section Overrides
 * ==================================================
 */
#orderConfirmed .printPageLink:active, #orderConfirmed .printPageLink:focus, #orderConfirmed .printPageLink:hover {
  text-decoration: none; }
  #orderConfirmed .printPageLink:active span.text, #orderConfirmed .printPageLink:focus span.text, #orderConfirmed .printPageLink:hover span.text {
    text-decoration: underline; }