/* utility */
/* Warning: while this works, it may cause high CPU load */
@-webkit-keyframes webkit-selector-bugfix {
  from {
    padding: 0; }
  to {
    padding: 0; } }

.MOL-logo-dropdown .mayor-of-london-logo, .dropdown-button .mayor-of-london-logo, .MOL-logo-dropdown .mol-gla, .dropdown-button .mol-gla {
  font-family: "NJ Signing", Arial;
  text-transform: uppercase;
  letter-spacing: -0.045em; }

.live-box .live-box-title, .fact-box-wrapper span {
  font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; }

.accordion.basic .expandable-box .content .accordion-heading, .accordion.basic .expandable-box .content .inline-accordion-heading, .navigation-style-1 .item-title, .widget-heading.primary .section-style, .widget-heading.secondary .section-style, .filter-by-box > .heading, .favourites-box .title-row, .coming-soon-widget .coming-soon-icon span, .timetable-options .line-info .route, .timetable-list .specific-departure .route .terminates, .broadcast-comms .broadcast-text span, .large-icon-accordion ul a {
  font-family: Johnston100-Regular, Arial, Helvetica, sans-serif; }

.top-row-extras span, .collapsible-menu .nav-more-menu .text, .fav-panel-done, .fav-panel-item .fav-edit-button {
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  font-size: 14px; }

.did-you-know-box span {
  font-family: Johnston100-Regular, Arial, Helvetica, sans-serif;
  color: #2070b0;
  font-size: 24px;
  display: block;
  line-height: 1;
  width: 100%; }

.share-widget-wrapper, .share-widget-wrapper .share-list, .search-filter, .list-loader .list-loader-option.last, .tickets-fares-wrap {
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.share-widget-wrapper, .share-widget-wrapper .share-list, .search-filter, .list-loader .list-loader-option.last, .tickets-fares-wrap {
  border-bottom: 3px solid #ccc;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2); }

.disambiguation-box, .disambiguation-map-outer-wrapper {
  float: left;
  margin: 0 0 0 2.54%;
  width: 94.864%; }

.flip-table caption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.primary-teaser .news-teaser, .content-area .news-teaser {
  background: #2d3039;
  background: rgba(31, 32, 37, 0.9); }
  .primary-teaser .news-teaser a, .content-area .news-teaser a, .primary-teaser .news-teaser a:visited, .content-area .news-teaser a:visited, .primary-teaser .news-teaser a:active, .content-area .news-teaser a:active {
    border-bottom-color: #121315; }
    .primary-teaser .news-teaser a .text-link, .content-area .news-teaser a .text-link, .primary-teaser .news-teaser a:visited .text-link, .content-area .news-teaser a:visited .text-link, .primary-teaser .news-teaser a:active .text-link, .content-area .news-teaser a:active .text-link {
      color: #fff; }
      .primary-teaser .news-teaser a .text-link:after, .content-area .news-teaser a .text-link:after, .primary-teaser .news-teaser a:visited .text-link:after, .content-area .news-teaser a:visited .text-link:after, .primary-teaser .news-teaser a:active .text-link:after, .content-area .news-teaser a:active .text-link:after {
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: -32px -640px; }
        .body-cms-preview .primary-teaser .news-teaser a .text-link:after, .primary-teaser .body-cms-preview .news-teaser a .text-link:after, .body-cms-preview .content-area .news-teaser a .text-link:after, .content-area .body-cms-preview .news-teaser a .text-link:after, .body-cms-preview .primary-teaser .news-teaser a:visited .text-link:after, .primary-teaser .body-cms-preview .news-teaser a:visited .text-link:after, .body-cms-preview .content-area .news-teaser a:visited .text-link:after, .content-area .body-cms-preview .news-teaser a:visited .text-link:after, .body-cms-preview .primary-teaser .news-teaser a:active .text-link:after, .primary-teaser .body-cms-preview .news-teaser a:active .text-link:after, .body-cms-preview .content-area .news-teaser a:active .text-link:after, .content-area .body-cms-preview .news-teaser a:active .text-link:after {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }

.news-teaser, .news-teaser-no-image, .content-information-box {
  background: #eee;
  border-bottom-color: #ccc; }
  .news-teaser a .text-link, .news-teaser-no-image a .text-link, .content-information-box a .text-link, .news-teaser a:visited .text-link, .news-teaser-no-image a:visited .text-link, .content-information-box a:visited .text-link, .news-teaser a:active .text-link, .news-teaser-no-image a:active .text-link, .content-information-box a:active .text-link {
    color: #2d3039; }
    .news-teaser a .text-link:after, .news-teaser-no-image a .text-link:after, .content-information-box a .text-link:after, .news-teaser a:visited .text-link:after, .news-teaser-no-image a:visited .text-link:after, .content-information-box a:visited .text-link:after, .news-teaser a:active .text-link:after, .news-teaser-no-image a:active .text-link:after, .content-information-box a:active .text-link:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px; }
      .body-cms-preview .news-teaser a .text-link:after, .body-cms-preview .news-teaser-no-image a .text-link:after, .body-cms-preview .content-information-box a .text-link:after, .body-cms-preview .news-teaser a:visited .text-link:after, .body-cms-preview .news-teaser-no-image a:visited .text-link:after, .body-cms-preview .content-information-box a:visited .text-link:after, .body-cms-preview .news-teaser a:active .text-link:after, .body-cms-preview .news-teaser-no-image a:active .text-link:after, .body-cms-preview .content-information-box a:active .text-link:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

.fc-calendar-wrapper .current-month .calendar-previous-month:not([disabled="disabled"]):hover, .fc-calendar-wrapper .current-month .calendar-next-month:not([disabled="disabled"]):hover, .fc-calendar-wrapper .current-month .calendar-previous-month:not([disabled="disabled"]):focus, .fc-calendar-wrapper .current-month .calendar-next-month:not([disabled="disabled"]):focus, .fc-calendar-wrapper .current-month .disabled.calendar-previous-month:not([disabled="disabled"]):hover, .fc-calendar-wrapper .current-month .disabled.calendar-next-month:not([disabled="disabled"]):hover, .fc-calendar-wrapper .current-month .disabled.calendar-previous-month:not([disabled="disabled"]):focus, .fc-calendar-wrapper .current-month .disabled.calendar-next-month:not([disabled="disabled"]):focus, .collapsible-menu a:hover, .collapsible-menu a:focus, .collapsible-menu .nav-more-menu:hover, .collapsible-menu .nav-more-menu:focus, .navigation-style-1 .item-title:hover, .navigation-style-1 .item-title:focus, .navigation-style-1 .selected .item-title:hover, .navigation-style-1 .selected .item-title:focus, .top-row-extras a:hover, .top-row-extras a:focus, .top-row-extras .nav-more-menu:hover, .top-row-extras .nav-more-menu:focus, .extra-nav .extras a:hover, .extra-nav .extras a:focus, #footer .info-for-link:focus h2.heading, #footer .info-for-link:hover h2.heading, .tabs-style-2 > li:hover, .tabs-style-2 > li:focus, .share-widget-wrapper .share-widget:hover, .share-widget-wrapper .share-widget:focus, .for-dropdown .links-list#gla-list li:hover, .for-dropdown .links-list#gla-list li:focus, .for-dropdown .links-list#gla-list li a:hover, .for-dropdown .links-list#gla-list li a:focus, .for-dropdown a:hover, .for-dropdown a:focus, .for-dropdown .datepicker-dropdown .fc-row .highlighted-day a:hover, .for-dropdown .datepicker-dropdown .fc-row .highlighted-day a:focus, .widget-wrapper.info-widget .widget-heading:hover, .widget-wrapper.info-widget .widget-heading:focus, .routes-list .route > a:hover, .routes-list .route > a:focus, .favourites-box .favourites-mode.disrupted .always-visible:hover, .favourites-box .favourites-mode.disrupted .always-visible:focus, .favourites-box .always-visible:hover, .favourites-box .always-visible:focus, .select-bus .towards-link:hover, .select-bus .towards-link:focus, .list-loader .list-loader-link > a:hover, .list-loader .list-loader-link > a:focus, .list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a:hover, .list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a:focus, .list-loader .list-loader-option.expanded > .list-loader-link > a:hover, .list-loader .list-loader-option.expanded > .list-loader-link > a:focus, .bus-list > li > a:hover, .bus-list > li > a:focus, .shop-widget ul li a:focus, .shop-widget ul li a:hover, .shop-widget ul li a:hover:focus, .shop-widget ul li a:visited:focus, .shop-widget ul li a:visited:hover, .shop-widget ul li a:active:focus, .shop-widget ul li a:active:hover, .disambiguation-option .disambiguation-link:hover, .disambiguation-option .disambiguation-link:focus, .rainbow-board.roads table tr:hover td.line-text, .rainbow-board .re-plan-button:hover, .board-wrapper .service-status a:hover, .board-wrapper .service-status a:focus, .rainbow-board tr:hover td.service-status, .rainbow-board tr:focus td.service-status, .rainbow-board tr:hover td.bakerloo, .rainbow-board tr:focus td.bakerloo, .rainbow-board tr:hover td.central, .rainbow-board tr:focus td.central, .rainbow-board tr:hover td.circle, .rainbow-board tr:focus td.circle, .rainbow-board tr:hover td.district, .rainbow-board tr:focus td.district, .rainbow-board tr:hover td.dlr,
.rainbow-board tr:hover td.docklands,
.rainbow-board tr:hover td.docklands-light-railway, .rainbow-board tr:focus td.dlr,
.rainbow-board tr:focus td.docklands,
.rainbow-board tr:focus td.docklands-light-railway, .rainbow-board tr:hover td.hammersmith, .rainbow-board tr:focus td.hammersmith, .rainbow-board tr:hover td.jubilee, .rainbow-board tr:focus td.jubilee, .rainbow-board tr:hover td.metropolitan, .rainbow-board tr:focus td.metropolitan, .rainbow-board tr:hover td.northern, .rainbow-board tr:focus td.northern, .rainbow-board tr:hover td.overground, .rainbow-board tr:focus td.overground, .rainbow-board tr:hover td.liberty, .rainbow-board tr:focus td.liberty, .rainbow-board tr:hover td.mildmay, .rainbow-board tr:focus td.mildmay, .rainbow-board tr:hover td.weaver, .rainbow-board tr:focus td.weaver, .rainbow-board tr:hover td.windrush, .rainbow-board tr:focus td.windrush, .rainbow-board tr:hover td.lioness, .rainbow-board tr:focus td.lioness, .rainbow-board tr:hover td.suffragette, .rainbow-board tr:focus td.suffragette, .rainbow-board tr:hover td.piccadilly, .rainbow-board tr:focus td.piccadilly, .rainbow-board tr:hover td.victoria, .rainbow-board tr:focus td.victoria, .rainbow-board tr:hover td.waterloo, .rainbow-board tr:focus td.waterloo, .rainbow-board tr:hover td.tram1, .rainbow-board tr:focus td.tram1, .rainbow-board tr:hover td.tram2, .rainbow-board tr:focus td.tram2, .rainbow-board tr:hover td.tram3, .rainbow-board tr:focus td.tram3, .rainbow-board tr:hover td.tram4, .rainbow-board tr:focus td.tram4, .rainbow-board tr:hover td.rb1, .rainbow-board tr:focus td.rb1, .rainbow-board tr:hover td.rb2, .rainbow-board tr:focus td.rb2, .rainbow-board tr:hover td.rb3, .rainbow-board tr:focus td.rb3, .rainbow-board tr:hover td.rb4, .rainbow-board tr:focus td.rb4, .rainbow-board tr:hover td.rb5, .rainbow-board tr:focus td.rb5, .rainbow-board tr:hover td.rb6, .rainbow-board tr:focus td.rb6, .rainbow-board tr:hover td.city-cruises, .rainbow-board tr:focus td.city-cruises, .rainbow-board tr:hover td.thames-river-services, .rainbow-board tr:focus td.thames-river-services, .rainbow-board tr:hover td.circular-cruise-westminster, .rainbow-board tr:focus td.circular-cruise-westminster, .rainbow-board tr:hover td.thames-river-boat, .rainbow-board tr:focus td.thames-river-boat, .rainbow-board tr:hover td.turk-launches, .rainbow-board tr:focus td.turk-launches, .rainbow-board tr:hover td.woolwich-ferry, .rainbow-board tr:focus td.woolwich-ferry, .rainbow-board tr:hover td.cable-car, .rainbow-board tr:focus td.cable-car, .rainbow-board tr:hover td.rb1x, .rainbow-board tr:focus td.rb1x, .rainbow-board tr.has-disruption:hover td.service-status, .rainbow-board tr.has-disruption:focus td.service-status, .rainbow-board.stations-status tr:hover td.line-text, .news-teaser > a:focus, .news-teaser > a:hover, .news-teaser .text-link-new:focus, .news-teaser .text-link-new:hover, .content-area .news-teaser > a:focus, .content-area .news-teaser > a:hover,
.primary-teaser .news-teaser > a:focus,
.primary-teaser .news-teaser > a:hover, .content-information-box > a:focus, .content-information-box > a:hover, .timetable-list > *:hover, .timetable-list > *:focus, .timetable-list .load-more:hover, .timetable-list .load-more:focus, .other-languages-wrap .other-languages ul li:hover, .advert-tile .advert-link:focus .caption, .advert-tile .advert-link:hover .caption, .broadcast-comms:hover, .broadcast-comms:focus, .large-icon-accordion ul a:hover, .large-icon-accordion ul a:focus, .large-icon-accordion ul a:hover .mini-map, .large-icon-accordion ul a:focus .mini-map, .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status.has-disruption:hover, .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status.has-disruption:focus, .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status:hover, .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status:focus, .c-buttons:hover, .c-buttons:focus, .fav-panel-status .fav-forward-to-all:hover, .fav-panel-status .fav-forward-to-all:focus, .fav-panel-edit .fav-forward-to-all:hover, .fav-panel-edit .fav-forward-to-all:focus, .fav-panel-status .fav-place-journey-link:hover, .fav-panel-status .fav-place-journey-link:focus, .fav-panel-edit .fav-place-journey-link:hover, .fav-panel-edit .fav-place-journey-link:focus, .home-favourites .fav-rainbow-board .good-service-link:hover, .home-favourites .fav-rainbow-board .good-service-link:focus, .home-favourites .fav-rainbow-board .rainbow-list-item .good-service:hover .disruption-summary, .home-favourites .fav-rainbow-board .rainbow-list-item .good-service:focus .disruption-summary, #fav-panel-rainbow-list-journey a:hover, #fav-panel-rainbow-list-journey a:focus {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none; }

.top-row .logo {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box; }

.rainbow-board .service-status .severity:after, .show-hide-link:after, .show-hide-link.active:after {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9; }
  .body-cms-preview .rainbow-board .service-status .severity:after, .rainbow-board .service-status .body-cms-preview .severity:after, .body-cms-preview .show-hide-link:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.rainbow-board .service-status .severity:after, .show-hide-link:after, .show-hide-link.active:after {
  background-size: 96px 3776px;
  height: 32px;
  width: 32px; }

.top-row-extras .search, .top-row-extras .login, .top-row-extras input, .top-row-extras span {
  float: left; }

.variable-message-sign {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAACVJREFUeNpMwcENACAMAKHTldx/NvpqIoSH0EHr9hkAAAD//wMAdvIMK02CIeIAAAAASUVORK5CYII=); }

.expandable-list li.selected.parent > .link-wrapper, .expandable-list li.selected.parent + li > .link-wrapper, .list-loader .list-loader-option.expanded > .list-loader-result, .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded, .large-icon-accordion ul ul {
  position: relative; }
  .expandable-list li.selected.parent > .link-wrapper::after, .expandable-list li.selected.parent + li > .link-wrapper::after, .list-loader .list-loader-option.expanded > .list-loader-result::after, .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded::after, .large-icon-accordion ul ul::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 0.1;
    background-color: #000;
    z-index: 10; }

.large-icon-accordion ul ul {
  position: relative; }
  .large-icon-accordion ul ul::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 0.1;
    background-color: #000;
    z-index: 10; }

.timetable-list-wrapper:before {
  height: 70px;
  width: 70px;
  background-image: url("/static/1/images/throbber.gif"); }

.search-filter.loading:after {
  width: 64px;
  height: 64px;
  background-image: url("/static/1/images/throbber-blue-large.gif"); }

.timetable-list-wrapper {
  overflow: hidden;
  position: relative; }
  .timetable-list-wrapper:before {
    content: "";
    opacity: 0;
    position: absolute;
    background-color: #2d3039;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
    -moz-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
    -o-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
    -ms-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
    transition: opacity 0.3s ease-out height 0s linear 0.3s ease; }
  .loading.timetable-list-wrapper {
    height: 200px; }
    .loading.timetable-list-wrapper:before {
      height: 100%;
      opacity: 1;
      -webkit-transition: opacity 0.3s ease-in 1s ease;
      -moz-transition: opacity 0.3s ease-in 1s ease;
      -o-transition: opacity 0.3s ease-in 1s ease;
      -ms-transition: opacity 0.3s ease-in 1s ease;
      transition: opacity 0.3s ease-in 1s ease; }

.fc-calendar-wrapper .current-month .calendar-previous-month, .fc-calendar-wrapper .current-month .calendar-next-month {
  background-color: #164b79;
  background-image: -webkit-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
  background-image: -moz-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
  background-image: -ms-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
  background-image: -o-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
  background-image: linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
  -webkit-transition: background-image 0.3s ease;
  -moz-transition: background-image 0.3s ease;
  -o-transition: background-image 0.3s ease;
  -ms-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease;
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  display: block;
  padding: 0; }
  .fc-calendar-wrapper .current-month .calendar-previous-month:not([disabled="disabled"]):hover, .fc-calendar-wrapper .current-month .calendar-next-month:not([disabled="disabled"]):hover, .fc-calendar-wrapper .current-month .calendar-previous-month:not([disabled="disabled"]):focus, .fc-calendar-wrapper .current-month .calendar-next-month:not([disabled="disabled"]):focus {
    background-color: #315b7f;
    background-image: -webkit-linear-gradient(top, #315b7f , #123f67);
    background-image: -moz-linear-gradient(top, #315b7f , #123f67);
    background-image: -ms-linear-gradient(top, #315b7f , #123f67);
    background-image: -o-linear-gradient(top, #315b7f , #123f67);
    background-image: linear-gradient(top, #315b7f , #123f67); }
  .fc-calendar-wrapper .current-month .calendar-previous-month[disabled="disabled"], .fc-calendar-wrapper .current-month .calendar-next-month[disabled="disabled"],
  .fc-calendar-wrapper .current-month .calendar-previous-month .disabled,
  .fc-calendar-wrapper .current-month .calendar-next-month .disabled {
    background-color: #e1e1e1;
    background-image: -webkit-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
    background-image: -moz-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
    background-image: -ms-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
    background-image: -o-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
    background-image: linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
    text-shadow: none;
    border-color: #aaaaaa; }
    .fc-calendar-wrapper .current-month .calendar-previous-month[disabled="disabled"] .cta-content:before, .fc-calendar-wrapper .current-month .calendar-next-month[disabled="disabled"] .cta-content:before,
    .fc-calendar-wrapper .current-month .calendar-previous-month .disabled .cta-content:before,
    .fc-calendar-wrapper .current-month .calendar-next-month .disabled .cta-content:before {
      opacity: 0.25; }
  .fc-calendar-wrapper .current-month .disabled.calendar-previous-month, .fc-calendar-wrapper .current-month .disabled.calendar-next-month {
    background-color: #C3C3C3;
    background-image: -webkit-linear-gradient(bottom, #C3C3C3 0% , #C3C3C3 2px , #D9D9D9 2px , #E6E6E6 100%);
    background-image: -moz-linear-gradient(bottom, #C3C3C3 0% , #C3C3C3 2px , #D9D9D9 2px , #E6E6E6 100%);
    background-image: -ms-linear-gradient(bottom, #C3C3C3 0% , #C3C3C3 2px , #D9D9D9 2px , #E6E6E6 100%);
    background-image: -o-linear-gradient(bottom, #C3C3C3 0% , #C3C3C3 2px , #D9D9D9 2px , #E6E6E6 100%);
    background-image: linear-gradient(bottom, #C3C3C3 0% , #C3C3C3 2px , #D9D9D9 2px , #E6E6E6 100%);
    -webkit-transition: background-image 0.3s ease;
    -moz-transition: background-image 0.3s ease;
    -o-transition: background-image 0.3s ease;
    -ms-transition: background-image 0.3s ease;
    transition: background-image 0.3s ease;
    cursor: default; }
    .fc-calendar-wrapper .current-month .disabled.calendar-previous-month:not([disabled="disabled"]):hover, .fc-calendar-wrapper .current-month .disabled.calendar-next-month:not([disabled="disabled"]):hover, .fc-calendar-wrapper .current-month .disabled.calendar-previous-month:not([disabled="disabled"]):focus, .fc-calendar-wrapper .current-month .disabled.calendar-next-month:not([disabled="disabled"]):focus {
      background-color: #cdcccc;
      background-image: -webkit-linear-gradient(top, #cdcccc , #c0bfbf);
      background-image: -moz-linear-gradient(top, #cdcccc , #c0bfbf);
      background-image: -ms-linear-gradient(top, #cdcccc , #c0bfbf);
      background-image: -o-linear-gradient(top, #cdcccc , #c0bfbf);
      background-image: linear-gradient(top, #cdcccc , #c0bfbf); }
    .fc-calendar-wrapper .current-month .disabled.calendar-previous-month[disabled="disabled"], .fc-calendar-wrapper .current-month .disabled.calendar-next-month[disabled="disabled"],
    .fc-calendar-wrapper .current-month .disabled.calendar-previous-month .disabled,
    .fc-calendar-wrapper .current-month .disabled.calendar-next-month .disabled {
      background-color: #e1e1e1;
      background-image: -webkit-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
      background-image: -moz-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
      background-image: -ms-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
      background-image: -o-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
      background-image: linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
      text-shadow: none;
      border-color: #aaaaaa; }
      .fc-calendar-wrapper .current-month .disabled.calendar-previous-month[disabled="disabled"] .cta-content:before, .fc-calendar-wrapper .current-month .disabled.calendar-next-month[disabled="disabled"] .cta-content:before,
      .fc-calendar-wrapper .current-month .disabled.calendar-previous-month .disabled .cta-content:before,
      .fc-calendar-wrapper .current-month .disabled.calendar-next-month .disabled .cta-content:before {
        opacity: 0.25; }
    .fc-calendar-wrapper .current-month .disabled.calendar-previous-month:hover, .fc-calendar-wrapper .current-month .disabled.calendar-next-month:hover, .fc-calendar-wrapper .current-month .disabled.calendar-previous-month:focus, .fc-calendar-wrapper .current-month .disabled.calendar-next-month:focus {
      background-color: #C3C3C3 !important;
      background-image: -moz-linear-gradient(center bottom, #C3C3C3 0%, #C3C3C3 2px, #D9D9D9 2px, #E6E6E6 100%) !important; }

.tooltip-control {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.rainbow-board .service-status .severity:after, .show-hide-link:after, .show-hide-link.active:after {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9; }
  .body-cms-preview .rainbow-board .service-status .severity:after, .rainbow-board .service-status .body-cms-preview .severity:after, .body-cms-preview .show-hide-link:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.rainbow-board .service-status .severity:after, .show-hide-link:after, .show-hide-link.active:after {
  background-size: 96px 3776px;
  height: 32px;
  width: 32px; }

/* modules - small */
/**************************************************
    M001 Accordion

* Author: 
* Created: 
* Pattern library URL: \\Google Drive\NWP\Front-end\Pattern library\Modules\M001-accordion

**************************************************/
.accordion {
  margin-bottom: 20px;
  clear: both; }
  .accordion .expandable-box .accordion-heading, .accordion .expandable-box .inline-accordion-heading, .accordion .expandable-box .controls {
    border-bottom: none; }
    .accordion .expandable-box .accordion-heading h4, .accordion .expandable-box .inline-accordion-heading h4, .accordion .expandable-box .controls h4 {
      margin: 0;
      color: #1a5a92; }
  .accordion .expandable-box:last-child .accordion-heading, .accordion .expandable-box:last-child .inline-accordion-heading {
    border-bottom: 1px solid #ccc; }
  .accordion .expandable-box:last-child .expanded .start-hidden {
    border-top: none;
    border-bottom: 1px solid #ccc; }
    .accordion .expandable-box:last-child .expanded .start-hidden.expandable-form-message-wrap {
      border-top: 1px solid #ccc; }
  .accordion .expandable-box .expanded .accordion-heading, .accordion .expandable-box .expanded .inline-accordion-heading {
    border-bottom: none; }
  .accordion .expandable-box .expanded .start-hidden {
    border-bottom: none; }
    .accordion .expandable-box .expanded .start-hidden.disconnected-content {
      padding: 0;
      border: none; }
  .accordion .expandable-box .expanded .parent-accordion-heading {
    border-bottom-width: 0; }
  .accordion .expandable-box .content {
    border-bottom: 0px none; }
    .accordion .expandable-box .content .content {
      border-bottom: 0 none; }
  .accordion .expandable-box.no-margin {
    margin-bottom: 0; }
  .accordion .expandable-box.nested-accordion {
    display: block; }
    .accordion .expandable-box.nested-accordion .accordion-heading, .accordion .expandable-box.nested-accordion .inline-accordion-heading {
      color: #2070b0;
      border-right-width: 0;
      border-left-width: 0; }
    .accordion .expandable-box.nested-accordion .accordion-heading:after, .accordion .expandable-box.nested-accordion .inline-accordion-heading:after {
      content: "";
      display: block;
      position: absolute;
      right: 5px;
      top: 9px;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -704px; }
      .body-cms-preview .accordion .expandable-box.nested-accordion .accordion-heading:after, .body-cms-preview .accordion .expandable-box.nested-accordion .inline-accordion-heading:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .accordion .expandable-box.nested-accordion .expanded .accordion-heading:after, .accordion .expandable-box.nested-accordion .expanded .inline-accordion-heading:after {
      content: "";
      display: block;
      position: absolute;
      right: 5px;
      top: 9px;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -736px; }
      .body-cms-preview .accordion .expandable-box.nested-accordion .expanded .accordion-heading:after, .body-cms-preview .accordion .expandable-box.nested-accordion .expanded .inline-accordion-heading:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .accordion .expandable-box.nested-accordion .expanded .start-hidden.disconnected-content {
      border-right-width: 0;
      border-left-width: 0;
      padding: 16px; }
    .accordion .expandable-box.nested-accordion:last-child .start-hidden.disconnected-content {
      border-top: 0; }
    .accordion .expandable-box.nested-accordion .expandable-box .accordion-heading, .accordion .expandable-box.nested-accordion .expandable-box .inline-accordion-heading {
      border-bottom-width: 0; }
    .accordion .expandable-box.nested-accordion details[open] > summary::after {
      content: "";
      display: block;
      position: absolute;
      right: 5px;
      top: 9px;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -736px; }
      .body-cms-preview .accordion .expandable-box.nested-accordion details[open] > summary::after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .accordion .accordion.nested .boxed-label-for-input {
    background: none; }
    .accordion .accordion.nested .boxed-label-for-input:last-child {
      border-bottom: none; }
  .accordion .accordion.nested .accordion-heading h4, .accordion .accordion.nested .inline-accordion-heading h4 {
    color: #1a5a92;
    margin: 0; }
  .accordion .accordion.nested .accordion-heading p, .accordion .accordion.nested .inline-accordion-heading p {
    margin-top: 10px;
    margin-bottom: 0; }
  .accordion .accordion.nested .controls {
    top: 25px; }
  .accordion .accordion.nested .selection-controls {
    position: relative;
    display: block; }
    .accordion .accordion.nested .selection-controls p {
      width: 70%; }
    .accordion .accordion.nested .selection-controls a {
      position: absolute;
      right: -26px;
      top: 0; }
  .accordion .accordion.nested .accordion.strong-contrast {
    margin-bottom: 0; }
    .accordion .accordion.nested .accordion.strong-contrast .accordion-heading, .accordion .accordion.nested .accordion.strong-contrast .inline-accordion-heading {
      font-weight: bold;
      color: #000;
      text-decoration: none;
      padding: 9px 15px 9px 40px;
      display: block;
      border-bottom: none; }
      .accordion .accordion.nested .accordion.strong-contrast .accordion-heading:before, .accordion .accordion.nested .accordion.strong-contrast .inline-accordion-heading:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 19px;
        border-style: solid;
        margin-top: -8px;
        margin-left: 1px;
        border-width: 7px 9px;
        border-color: transparent transparent transparent #1A5A92;
        border-radius: 0px;
        width: 0px;
        height: 0px;
        display: block;
        transition: transform 0s ease 0s, all 0.25s ease 0s;
        transform-origin: 23% 44% 0px; }
    .accordion .accordion.nested .accordion.strong-contrast .content.expanded .accordion-heading, .accordion .accordion.nested .accordion.strong-contrast .content.expanded .inline-accordion-heading {
      color: #FFF;
      background: #2D3039 none repeat scroll 0% 0%;
      border-color: #2D3039;
      border-bottom: none; }
      .accordion .accordion.nested .accordion.strong-contrast .content.expanded .accordion-heading:before, .accordion .accordion.nested .accordion.strong-contrast .content.expanded .inline-accordion-heading:before {
        border-color: transparent transparent transparent #FFF;
        transform: rotate(90deg); }
    .accordion .accordion.nested .accordion.strong-contrast:last-child .accordion-heading, .accordion .accordion.nested .accordion.strong-contrast:last-child .inline-accordion-heading {
      border-bottom: none; }
    .accordion .accordion.nested .accordion.strong-contrast:last-child .boxed-label-for-input:last-child {
      border-bottom: 1px solid #ccc; }
  .accordion .accordion.nested .accordion.strong-contrast:last-child .accordion-heading, .accordion .accordion.nested .accordion.strong-contrast:last-child .inline-accordion-heading {
    border-bottom: 1px solid #ccc; }
  .accordion.no-margin {
    margin-bottom: 0; }
  .accordion .expandable-box .content {
    border-bottom: 0;
    position: relative; }
  .accordion.nested-accordion .accordion-heading, .accordion.nested-accordion .inline-accordion-heading {
    color: #2070b0;
    border-right-width: 0;
    border-left-width: 0; }

.accordion.basic {
  margin: -1px 0 11px; }
  .accordion.basic .expandable-box {
    position: relative;
    top: 1px;
    left: 0;
    background-color: #eee; }
    .accordion.basic .expandable-box .content {
      border-bottom: #ccc 1px solid;
      margin: 0;
      background-color: transparent; }
      .accordion.basic .expandable-box .content .accordion-heading, .accordion.basic .expandable-box .content .inline-accordion-heading {
        display: block;
        padding-left: 10px;
        padding-right: 30px;
        border: 0;
        *height: 26px;
        color: #2d3039;
        font-size: 20px;
        text-decoration: none;
        position: relative;
        text-align: left;
        width: 100%; }
        .accordion.basic .expandable-box .content .accordion-heading:active, .accordion.basic .expandable-box .content .inline-accordion-heading:active {
          background-color: transparent; }
        .accordion.basic .expandable-box .content .accordion-heading:after, .accordion.basic .expandable-box .content .inline-accordion-heading:after {
          content: "";
          display: block;
          position: absolute;
          right: 0;
          top: 9px;
          background-image: url("/static/1/images/vsprite_x2.34614087.png");
          background-image: url("/static/1/images/vsprite.17114d90.png") \9;
          background-size: 96px 3776px;
          height: 32px;
          width: 32px;
          background-position: 0px -704px; }
          .body-cms-preview .accordion.basic .expandable-box .content .accordion-heading:after, .body-cms-preview .accordion.basic .expandable-box .content .inline-accordion-heading:after {
            background-image: url("/static/1/images/vsprite.17114d90.png"); }
        .accordion.basic .expandable-box .content .accordion-heading .nowrap, .accordion.basic .expandable-box .content .inline-accordion-heading .nowrap {
          vertical-align: baseline; }
      .accordion.basic .expandable-box .content .start-hidden {
        border: 0; }
      .accordion.basic .expandable-box .content.expanded {
        background-color: #fff;
        border-width: 1px 1px 3px;
        margin: -1px 0 0; }
        .accordion.basic .expandable-box .content.expanded .accordion-heading, .accordion.basic .expandable-box .content.expanded .inline-accordion-heading {
          border-bottom: 1px solid #ccc; }
          .accordion.basic .expandable-box .content.expanded .accordion-heading:after, .accordion.basic .expandable-box .content.expanded .inline-accordion-heading:after {
            background-position: 0px -736px; }
    .accordion.basic .expandable-box:last-child .content.expanded {
      border-width: 1px 1px 4px; }

.inline-accordion-heading {
  text-align: left;
  width: 100%; }
  .inline-accordion-heading.form-heading {
    font-size: 20px; }

.disconnected-accordion > .expandable-box {
  margin-bottom: 30px; }
  .disconnected-accordion > .expandable-box .content {
    border-bottom: 0; }
  .disconnected-accordion > .expandable-box .always-visible {
    border-bottom: 1px solid #ccc; }
  .disconnected-accordion > .expandable-box .expanded > .start-hidden {
    border: 1px solid #ccc;
    border-top: 0;
    margin-top: 0;
    padding: 20px 12px; }
  .disconnected-accordion > .expandable-box .expanded .accordion-heading, .disconnected-accordion > .expandable-box .expanded .inline-accordion-heading {
    border-bottom: 0; }
  .disconnected-accordion > .expandable-box .expanded .prominent-inline-help .accordion-heading, .disconnected-accordion > .expandable-box .expanded .themed-inline-help .accordion-heading, .disconnected-accordion > .expandable-box .expanded .prominent-inline-help .inline-accordion-heading, .disconnected-accordion > .expandable-box .expanded .themed-inline-help .inline-accordion-heading {
    border-bottom: 1px solid #ccc; }

.disconnected-content.with-margin {
  margin-top: 30px; }

.disconnected-content .appended-borders {
  border-top-width: 0; }

.padder {
  padding: 0 20px !important; }

.accordion-style-heading {
  margin: 0;
  padding: 18px 19px;
  border: solid 1px #ccc;
  border-bottom-width: 0; }

.strong-contrast.accordion .heading-wrap {
  width: 100%; }

.strong-contrast.accordion .accordion-heading, .strong-contrast.accordion .inline-accordion-heading {
  color: black;
  display: block; }
  .strong-contrast.accordion .accordion-heading:after, .strong-contrast.accordion .inline-accordion-heading:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 5px;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -704px; }
    .body-cms-preview .strong-contrast.accordion .accordion-heading:after, .body-cms-preview .strong-contrast.accordion .inline-accordion-heading:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.strong-contrast.accordion .product-label .title {
  font-weight: bold; }

.strong-contrast.accordion .controls {
  right: auto;
  left: 8px;
  background-image: none;
  margin-top: -20px; }

.strong-contrast.accordion .expanded .accordion-heading:after, .strong-contrast.accordion .expanded .inline-accordion-heading:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 5px;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -736px; }
  .body-cms-preview .strong-contrast.accordion .expanded .accordion-heading:after, .body-cms-preview .strong-contrast.accordion .expanded .inline-accordion-heading:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.strong-contrast.accordion .search-filter {
  margin-top: 0; }

/**************************************************
	M002 Expandable-box

* Author: 
* Created: 
* Pattern library URL: \\Google Drive\NWP\Front-end\Pattern library\Modules\M001-accordion

**************************************************/
.expandable-box .content {
  background: #fff;
  border-bottom: 3px solid #ccc; }

.expandable-box .always-visible {
  position: relative;
  cursor: pointer; }

.expandable-box .accordion-heading, .expandable-box .inline-accordion-heading {
  padding: 14px 40px 14px 16px;
  border: 1px solid #ccc; }
  .expandable-box .accordion-heading h2, .expandable-box .inline-accordion-heading h2 {
    margin-bottom: 0; }

.expandable-box h2.accordion-heading, .expandable-box h2.inline-accordion-heading, .expandable-box h3.accordion-heading, .expandable-box h3.inline-accordion-heading {
  text-align: left;
  margin-bottom: 0; }

.expandable-box .controls {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 4px;
  text-decoration: none;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -704px; }
  .body-cms-preview .expandable-box .controls {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.expandable-box .start-hidden {
  display: none;
  padding: 10px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }
  .expandable-box .start-hidden > :last-child {
    margin-bottom: 0; }
  .expandable-box .start-hidden.start-hidden--no-pad {
    padding: 0; }

.expandable-box .expanded, .expandable-box.expanded {
  border-bottom: 1px solid #ccc; }
  .expandable-box .expanded .controls, .expandable-box.expanded .controls {
    background-position: 0px -736px; }
  .expandable-box .expanded > .start-hidden, .expandable-box.expanded > .start-hidden {
    display: block; }

.prominent-inline-help, .themed-inline-help {
  margin-bottom: 30px; }
  .prominent-inline-help .content, .themed-inline-help .content {
    border-bottom-width: 2px; }
  .prominent-inline-help .grouped-info-container, .themed-inline-help .grouped-info-container, .prominent-inline-help .message-container, .themed-inline-help .message-container {
    padding: 16px; }
  .prominent-inline-help .expanded .with-indicator, .themed-inline-help .expanded .with-indicator, .prominent-inline-help.expanded .with-indicator, .expanded.themed-inline-help .with-indicator {
    border-top: none; }

.themed-inline-help .accordion-heading, .themed-inline-help .inline-accordion-heading {
  padding-left: 63px;
  margin-bottom: 0; }

.themed-inline-help .content {
  border: 0; }

.themed-inline-help .accordion-heading, .themed-inline-help .inline-accordion-heading {
  border-top: 0;
  border-bottom: 0; }

.themed-inline-help .expanded .accordion-heading, .themed-inline-help .expanded .inline-accordion-heading {
  border-bottom: #ccc 1px solid; }

.themed-inline-help .form-success-middle-icon {
  border-left: #e6f6de 1px solid;
  border-right: #e6f6de 1px solid; }

.themed-inline-help .global-warning-middle-icon {
  border-left: #fbf6e0 1px solid;
  border-right: #fbf6e0 1px solid; }

.themed-inline-help .global-error-middle-icon {
  border-left: #ffefef 1px solid;
  border-right: #ffefef 1px solid; }

.global-warning-top-icon + .responsive-single-button,
.global-error-top-icon + .responsive-single-button,
.form-success-top-icon + .responsive-single-button {
  margin-top: 0; }

.expandable-box.prominent-inline-help .accordion-heading:after, .expandable-box.themed-inline-help .accordion-heading:after, .expandable-box.prominent-inline-help .inline-accordion-heading:after, .expandable-box.themed-inline-help .inline-accordion-heading:after {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -352px;
  bottom: auto;
  left: auto;
  right: 6px;
  top: 50%; }
  .body-cms-preview .expandable-box.prominent-inline-help .accordion-heading:after, .body-cms-preview .expandable-box.themed-inline-help .accordion-heading:after, .body-cms-preview .expandable-box.prominent-inline-help .inline-accordion-heading:after, .body-cms-preview .expandable-box.themed-inline-help .inline-accordion-heading:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.expandable-box.prominent-inline-help .accordion-heading:after, .expandable-box.themed-inline-help .accordion-heading:after, .expandable-box.prominent-inline-help .inline-accordion-heading:after, .expandable-box.themed-inline-help .inline-accordion-heading:after {
  margin-top: -16px; }

.expandable-box.prominent-inline-help .accordion-control, .expandable-box.themed-inline-help .accordion-control {
  color: black; }
  .no-js .expandable-box.prominent-inline-help .accordion-control, .no-js .expandable-box.themed-inline-help .accordion-control {
    cursor: default; }
    .no-js .expandable-box.prominent-inline-help .accordion-control:hover, .no-js .expandable-box.themed-inline-help .accordion-control:hover, .no-js .expandable-box.prominent-inline-help .accordion-control:focus, .no-js .expandable-box.themed-inline-help .accordion-control:focus, .no-js .expandable-box.prominent-inline-help .accordion-control:active, .no-js .expandable-box.themed-inline-help .accordion-control:active {
      text-decoration: none; }

.expandable-box.prominent-inline-help .expanded .start-hidden, .expandable-box.themed-inline-help .expanded .start-hidden, .expandable-box.prominent-inline-help.expanded .start-hidden, .expandable-box.expanded.themed-inline-help .start-hidden {
  border-bottom: 1px solid #ccc; }

.follow-social {
  margin: 20px 0; }
  .follow-social .social-button {
    min-width: 75px;
    display: table;
    clear: both;
    margin-top: 10px; }
    .follow-social .social-button .secondary-button {
      color: #2070b0; }
      .follow-social .social-button .secondary-button:hover, .follow-social .social-button .secondary-button:focus {
        text-decoration: none;
        background-color: #E6E5E5;
        color: #113b92; }
  .follow-social.twitter .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 0 0; }
  .follow-social.facebook .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 64px 0; }
  .follow-social.youtube .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 0 -66px; }
  .follow-social.linkedin .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 64px -66px; }
  .follow-social.pinterest .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 0 -132px; }
  .follow-social.googleplus .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 64px -132px; }
  .follow-social.email .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 0 -198px; }
  .follow-social.mail .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 64px -198px; }
  .follow-social.instagram .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 0 -264px; }
  .follow-social.foursquare .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 64px -264px; }
  .follow-social.storify .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 0 -330px; }
  .follow-social.tumblr .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 64px -330px; }
  .follow-social.flickr .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 0 -396px; }
  .follow-social.vine .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 64px -396px; }
  .follow-social.soundcloud .social-image {
    background: url("/static/1/images/SocialMedia_sprite.png") 0 -462px; }
  .follow-social .social-image {
    height: 66px;
    width: 64px;
    background: aqua;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    float: left; }
    .follow-social .social-image:after {
      content: '';
      background: rgba(0, 0, 0, 0.2);
      position: absolute;
      height: 4px;
      bottom: 0;
      left: 0;
      width: 100%; }
  .follow-social .mode-icon {
    height: 50%;
    width: 50%;
    bottom: 0;
    position: absolute;
    right: 0;
    border-top-left-radius: 32px;
    background: #F7F7F7; }
    .follow-social .mode-icon:after {
      content: "";
      position: absolute;
      left: 3px;
      top: 2px;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -128px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .body-cms-preview .follow-social .mode-icon:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.tfl:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -128px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.tfl:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.underground:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -1056px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.underground:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.dlr:after, .follow-social .mode-icon.docklands:after, .follow-social .mode-icon.docklands-light-railway:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -1856px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.dlr:after, .body-cms-preview .follow-social .mode-icon.docklands:after, .body-cms-preview .follow-social .mode-icon.docklands-light-railway:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.overground:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -32px -1856px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.overground:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.bus:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -1856px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.bus:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.cycle:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -1088px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.cycle:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.streets:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -32px -1088px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.streets:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.river:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -1888px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.river:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.coach:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -32px -1888px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.coach:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.dial-a-ride:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -1888px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.dial-a-ride:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.taxi:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -1920px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.taxi:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.tram:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -32px -1920px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .follow-social .mode-icon.tram:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .follow-social .mode-icon.cable-car:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -480px;
      height: 32px;
      width: 32px;
      display: block;
      top: 1px; }
      .body-cms-preview .follow-social .mode-icon.cable-car:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .follow-social .social-text {
    min-height: 65px; }
    .follow-social .social-text p {
      line-height: 120%;
      margin-bottom: 0;
      padding-left: 75px; }

/**************************************************
    A1 Primary Navigation / M004 Primary Navigation

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C1+-+Accordion &
                       \\Google Drive\NWP\Front-end\Pattern library\Modules\M004-primary-navigation

**************************************************/
.top-row {
  border-bottom: 3px solid #121315;
  background-color: #2d3039;
  max-height: 58px;
  position: relative; }
  .top-row.show-search {
    max-height: 113px; }
  .top-row a, .top-row a:visited, .top-row .nav-more-menu {
    color: #fff; }
  .top-row .logo {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    padding: 6px 1% 6px 2.54%;
    width: 48px;
    height: 43px;
    background-color: #113B92;
    background-position: center center;
    text-transform: none;
    cursor: pointer; }
    .top-row .logo a:focus, .top-row .logo a:hover {
      text-decoration: none; }
  .top-row .main-roundel {
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 126px 4956px;
    background-position: -42px -210px;
    height: 42px;
    width: 42px;
    display: "inherit"; }
    .body-cms-preview .top-row .main-roundel {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .top-row .tfl-name {
    display: none; }

.no-js .top-row {
  max-height: none; }

.collapsible-menu .plan-journey, .collapsible-menu .status-update, .collapsible-menu .maps, .collapsible-menu .fares-and-payments, .collapsible-menu .help-and-contact {
  display: none; }

.collapsible-menu a, .collapsible-menu .nav-more-menu {
  -webkit-transition: background-color 0.3s, border-color, 0.3s;
  -moz-transition: background-color 0.3s, border-color, 0.3s;
  transition: background-color 0.3s, border-color, 0.3s;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0); }
  .collapsible-menu a:hover, .collapsible-menu a:focus, .collapsible-menu .nav-more-menu:hover, .collapsible-menu .nav-more-menu:focus {
    background-color: #444856;
    border-bottom: 3px solid #2070b0;
    margin-bottom: -3px; }

.menu-visible .mainnav {
  border-bottom: 3px solid #ccc; }

.menu-visible .more a:hover, .menu-visible .more a:focus {
  border-bottom: 0; }

.extra-nav .plan-journey, .extra-nav .status-update, .extra-nav .maps, .extra-nav .fares-and-payments, .extra-nav .help-and-contact {
  display: block; }

.navigation-style-1 {
  padding: 0;
  margin: 0 0 10px 0; }
  .navigation-style-1 > li {
    display: block;
    border-bottom: 1px solid #ccc;
    background: #eee; }
  .navigation-style-1 .item-title {
    display: block;
    padding: 10px 30px 10px 10px;
    color: #2d3039;
    font-size: 20px;
    text-decoration: none;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .navigation-style-1 .item-title:hover, .navigation-style-1 .item-title:focus {
      background-color: #e1e1e1; }
  .navigation-style-1 .footer-link {
    display: block;
    text-align: right;
    padding: 9px 5px; }
  .navigation-style-1 .selected {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 3px solid #cacaca; }
    .navigation-style-1 .selected .item-title:hover, .navigation-style-1 .selected .item-title:focus {
      background-color: #f2f2f2; }

.top-row-extras {
  margin-right: 2.54%; }
  .top-row-extras div {
    float: left; }
  .top-row-extras a, .top-row-extras .nav-more-menu {
    display: block;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .top-row-extras a:hover, .top-row-extras a:focus, .top-row-extras .nav-more-menu:hover, .top-row-extras .nav-more-menu:focus {
      background-color: #444856;
      border-bottom: 3px solid #2070b0;
      margin-bottom: -3px; }
  .top-row-extras .more .nav-more-menu {
    padding: 18px 8px 12px; }
    .top-row-extras .more .nav-more-menu.expanded {
      padding-bottom: 16px; }
  .top-row-extras .login {
    cursor: pointer;
    position: relative;
    left: 0;
    border-left: 1px solid #565961;
    border-right: 1px solid #1e2228; }
    .top-row-extras .login a {
      padding: 13px 8px 42px; }
  .top-row-extras input[type="text"] {
    position: relative;
    margin: 8px 2.54%;
    padding: 5px;
    width: 94.92%;
    height: 40px;
    border: 1px solid #ccc; }
  .top-row-extras span {
    font-size: 16px; }
  .top-row-extras .login-icon {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    background-position: -34px -128px;
    height: 32px;
    width: 28px;
    display: block; }
    .body-cms-preview .top-row-extras .login-icon {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .top-row-extras .login-icon {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .top-row-extras .expand {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    background-position: -76px -672px;
    height: 32px;
    width: 8px;
    display: block; }
    .body-cms-preview .top-row-extras .expand {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .top-row-extras .expand {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .top-row-extras .collapse {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    background-position: -76px -608px;
    height: 32px;
    width: 8px;
    display: none; }
    .body-cms-preview .top-row-extras .collapse {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .top-row-extras .collapse {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .top-row-extras .search-icon {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    background-position: -2px -32px;
    height: 32px;
    width: 28px;
    display: block; }
    .body-cms-preview .top-row-extras .search-icon {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .top-row-extras .search-icon {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .top-row-extras .texts {
    position: absolute;
    right: 43px;
    width: 110px; }
  .top-row-extras .search {
    border-left: 1px solid #565961; }
    .top-row-extras .search a {
      padding: 13px 14px 42px 4px; }
  .top-row-extras .search-tools {
    padding-top: 8px;
    position: absolute;
    top: 55px;
    left: 0;
    display: none;
    width: 100%;
    height: 55px;
    background: #2d3039;
    overflow: hidden; }
    .top-row-extras .search-tools input[type='text'] {
      margin: 0;
      padding-right: 32px;
      width: 100%; }
  .top-row-extras #search-button {
    position: absolute;
    right: 3.54%;
    margin-top: 5px;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -64px -31px;
    border: 0;
    background-color: transparent;
    color: #ccc;
    line-height: 10px;
    overflow: hidden;
    padding-right: 0px; }
    .body-cms-preview .top-row-extras #search-button {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .top-row-extras #search-button span {
      text-indent: 1000%; }
  .top-row-extras .more {
    position: absolute;
    right: 109px;
    border-right: 1px solid #1e2228; }

.fav-menu {
  border-left: 1px solid #565961;
  border-bottom: 3px solid #121315; }

.fav-icon-container {
  padding-left: 44px;
  padding-top: 3px;
  padding-bottom: 37px; }

.fav-icon {
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -3136px;
  cursor: pointer;
  float: left;
  right: 5px;
  top: 5px;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0; }
  .body-cms-preview .fav-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-icon.large-icon {
    background-size: 120px 4720px;
    background-position: 0px -3920px;
    height: 40px;
    width: 40px;
    display: block;
    position: absolute;
    left: 3px;
    top: 8px; }

.show-search {
  border-bottom: 3px solid #ccc; }
  .show-search .top-row-extras {
    height: 110px; }
    .show-search .top-row-extras .search-tools {
      background-color: #eff6fd;
      display: block; }
      .show-search .top-row-extras .search-tools a.remove-content:hover {
        background-color: transparent;
        border-bottom: none; }
    .show-search .top-row-extras .texts .search {
      background-color: #d7dee4;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #d7dee4), color-stop(100%, #eff6fd));
      background-image: -webkit-linear-gradient(#d7dee4, #eff6fd);
      background-image: linear-gradient(#d7dee4, #eff6fd); }
      .show-search .top-row-extras .texts .search a:hover, .show-search .top-row-extras .texts .search a:focus {
        background-color: transparent; }
      .show-search .top-row-extras .texts .search a span.search-icon {
        background-position: -34px -32px; }
      .show-search .top-row-extras .texts .search a span.expand {
        display: none; }
      .show-search .top-row-extras .texts .search a span.collapse {
        display: block; }

.collapsible-menu {
  float: left;
  margin-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-size: 14px; }
  .collapsible-menu li {
    float: left; }
    .collapsible-menu li.more {
      display: none; }
  .collapsible-menu a {
    display: block;
    padding: 18px 15px 13px;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: -2px; }
  .collapsible-menu .nav-more-menu {
    display: block;
    padding: 18px 15px 13px;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: -2px;
    background: none;
    border: none; }
    .collapsible-menu .nav-more-menu .text {
      font-size: 16px; }

.more a, .more .nav-more-menu {
  display: block;
  padding: 18px 8px 37px;
  text-decoration: none;
  font-size: 16px; }

.more .nav-more-menu {
  background: none;
  border: none; }

.more .arrow {
  display: inline-block;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  background-position: -64px -672px;
  height: 28px;
  width: 21px;
  display: inline-block;
  margin: -4px 0 0 -8px; }
  .body-cms-preview .more .arrow {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .more .arrow {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.more .nav-more-menu.expanded, .more a.expanded, .more a.expanded:visited {
  background-color: #d7dee4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #d7dee4), color-stop(100%, #eff6fd));
  background-image: -webkit-linear-gradient(#d7dee4, #eff6fd);
  background-image: linear-gradient(#d7dee4, #eff6fd);
  color: #000;
  margin-bottom: -3px;
  padding-bottom: 40px;
  border-bottom: 0; }
  .more .nav-more-menu.expanded .arrow, .more a.expanded .arrow, .more a.expanded:visited .arrow {
    background-position: -64px -608px; }

#mainnav {
  background-color: #eff6fd;
  outline: none; }

.extra-nav {
  display: none;
  padding-bottom: 2%; }
  .extra-nav.expanded, .extra-nav a {
    display: block; }
  .extra-nav .extras {
    margin: 10px 3% 0 3%; }
    .extra-nav .extras li {
      float: left;
      width: 46%; }
    .extra-nav .extras .plan-journey, .extra-nav .extras .maps, .extra-nav .extras .status-update, .extra-nav .extras .fares-and-payments {
      margin-right: 4%; }
    .extra-nav .extras a {
      text-align: center;
      border: 1px solid #ccc;
      box-shadow: 0px 3px -2px 2px rgba(0, 0, 0, 0.15);
      padding: 10px 0;
      margin-bottom: 10px;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      transition: background-color 0.3s; }
      .extra-nav .extras a:hover, .extra-nav .extras a:focus {
        text-decoration: none;
        background-color: #f2f2f2;
        background-color: #f2f2f2;
        color: #185585; }
      .extra-nav .extras a:active {
        box-shadow: none;
        margin-top: 3px;
        margin-bottom: 7px; }
  .extra-nav h2, .extra-nav span {
    color: #2d3039;
    font-size: 16px;
    margin: 10px 0 0;
    display: block; }
  .extra-nav .menu {
    margin: 0; }
  .extra-nav .menu-sub-section {
    margin: 0 3%;
    width: 94%; }
    .extra-nav .menu-sub-section ul {
      border-left: 1px solid #ccc;
      margin-left: 5px;
      margin-bottom: 0;
      padding-left: 5px;
      list-style-type: none; }
    .extra-nav .menu-sub-section a {
      padding: 0 0 5px; }
  .extra-nav .getting-around li {
    float: left;
    width: 50%; }

.personalisation-inactive .top-row-extras .texts {
  right: -2px; }

/**************************************************
	A3 Footer

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/A3+-+Footer

**************************************************/
#footer {
  border-top: 3px solid #ccc;
  margin-top: -3px;
  background-color: #202329;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #292C34), color-stop(6px, #373D48), color-stop(300px, #1F2329));
  background-image: -webkit-linear-gradient(#292C34 0px, #373D48 6px, #1F2329 300px);
  background-image: linear-gradient(#292C34 0px, #373D48 6px, #1F2329 300px); }
  #footer ul {
    list-style-type: none;
    margin-bottom: 0; }
  #footer a, #footer a:visited {
    color: #CDCDCD;
    font-size: 14px;
    padding: 7px 0;
    display: block; }
  #footer .footer-links {
    padding-top: 10px;
    height: 100%;
    margin: 0 2.54% 10px; }
    #footer .footer-links .languages {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -1312px;
      height: 25px;
      width: 32px;
      display: inline-block; }
      .body-cms-preview #footer .footer-links .languages {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .body-cms-preview #footer .footer-links .languages {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    #footer .footer-links li #google-translate .goog-te-gadget {
      color: #ffffff; }
  #footer .about-tfl-menu, #footer .terms-and-conditions-menu {
    margin: 0; }
  #footer .goog-logo-link {
    display: inline; }
  #footer h2.heading {
    font-size: 16px;
    display: block;
    padding: 10px 9px 10px 30px;
    background-color: #2d3039;
    color: #fff;
    border-bottom: 3px solid #1B1D21;
    font-weight: bold;
    cursor: pointer;
    margin: 0 2.54%;
    position: relative; }
    #footer h2.heading:before {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: -32px -704px;
      content: "";
      position: absolute;
      left: 0;
      top: 5px; }
      .body-cms-preview #footer h2.heading:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  #footer .info-for-link {
    padding: 0; }
    #footer .info-for-link:visited, #footer .info-for-link:active {
      padding: 0; }
    #footer .info-for-link:focus, #footer .info-for-link:hover {
      text-decoration: none; }
      #footer .info-for-link:focus h2.heading, #footer .info-for-link:hover h2.heading {
        background-color: #444856; }
  #footer .info-for {
    margin-bottom: 10px;
    margin-left: 2.54%;
    background-color: #202329; }
    #footer .info-for li {
      display: none;
      padding: 0;
      border: solid #868F98;
      border-width: 0 1px 1px; }
    #footer .info-for a {
      display: block;
      padding: 18px 10px;
      position: relative; }
      #footer .info-for a:after {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        right: 2px;
        content: "";
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: -32px -640px; }
        .body-cms-preview #footer .info-for a:after {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
  #footer .expanded li {
    display: block; }
  #footer .expanded h2.heading:before {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -736px; }
    .body-cms-preview #footer .expanded h2.heading:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  #footer .secondary-footer {
    background-color: #2C2F38; }
    #footer .secondary-footer span.heading {
      margin-left: 2.54%;
      color: #fff;
      font-size: 14px; }
    #footer .secondary-footer a, #footer .secondary-footer a:visited {
      color: #66CCCC;
      text-decoration: underline;
      font-size: 14px; }

.footer-MOL-logo {
  float: left;
  padding: 0 2.54% 10px 2.54%;
  width: 100%; }

.languages-footer a {
  position: relative;
  padding-left: 28px; }
  .languages-footer a:after {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -1312px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -16px;
    margin-left: -5px; }
    .body-cms-preview .languages-footer a:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

/**************************************************
	M006 Autocomplete

* Author: 
* Created: 
* Pattern library URL: \\Google Drive\NWP\Front-end\Pattern library\Modules\M006-autocomplete

**************************************************/
.twitter-typeahead {
  width: 100%; }
  .twitter-typeahead .tt-dropdown-menu {
    width: 100%;
    border: 1px solid #dddddd;
    z-index: 250; }
  .twitter-typeahead .source-header {
    display: block;
    background: #f7f7f7;
    padding: 6px;
    font-size: 12px;
    font-style: italic;
    line-height: 100%; }
  .twitter-typeahead .source-footer {
    display: block;
    border-bottom: 1px solid #cacaca;
    height: 4px;
    background: #fff; }
    .twitter-typeahead .source-footer.collapsed {
      border-top: 0;
      border-bottom: 0;
      margin: 0 6px;
      height: 0; }
  .twitter-typeahead .recent-searches-on-off-footer {
    display: block;
    color: #2d3039;
    padding: 6px;
    text-align: center; }
    .twitter-typeahead .recent-searches-on-off-footer a {
      text-decoration: none; }
  .twitter-typeahead .tt-suggestion {
    position: relative;
    background-color: #fff;
    clear: both;
    padding: 0 6px;
    line-height: 2.5em;
    color: #1a5a92; }
    .twitter-typeahead .tt-suggestion:after {
      height: 1px;
      background: #cacaca;
      display: block;
      content: "";
      clear: both; }
      .twitter-typeahead .tt-suggestion:after .direction {
        vertical-align: middle;
        color: #565961; }
    .twitter-typeahead .tt-suggestion.tt-is-under-cursor {
      background: #eee; }
    .twitter-typeahead .tt-suggestion.tt-cursor {
      background: #eee;
      white-space: nowrap;
      cursor: pointer; }
    .twitter-typeahead .tt-suggestion .stop-name {
      vertical-align: middle;
      word-wrap: break-word;
      display: block;
      padding: 8px 0; }
    .twitter-typeahead .tt-suggestion .label-name {
      font-weight: bold; }
    .twitter-typeahead .tt-suggestion .mode-icons {
      float: right;
      max-width: 60%; }
    .twitter-typeahead .tt-suggestion .mode-icon {
      float: right;
      margin-top: 2px; }
      .twitter-typeahead .tt-suggestion .mode-icon span {
        bottom: 5px;
        height: 3px;
        width: 24px;
        right: 10px;
        position: absolute; }
    .twitter-typeahead .tt-suggestion .stop-name-container {
      padding: 5px 0;
      width: 80%; }
    .twitter-typeahead .tt-suggestion .stop-letter {
      background: #c33;
      border-radius: 50%;
      color: #fff;
      float: left;
      font-size: 12px;
      padding: 2px;
      height: 22px;
      width: 22px;
      text-align: center;
      position: absolute;
      top: 8px;
      right: 6px; }
      .twitter-typeahead .tt-suggestion .stop-letter.disrupted:after {
        background-size: 66px 2596px;
        background-position: 0px -572px;
        height: 22px;
        width: 22px;
        display: block;
        content: "";
        position: absolute;
        top: 14px;
        left: 11px; }
    .twitter-typeahead .tt-suggestion .towards-text {
      font-size: 14px;
      margin-top: -12px;
      padding: 6px; }
  .twitter-typeahead .tt-dataset-recent-magic-searches + tt-dataset-recent-magic-searches .source-header {
    display: none; }
  .twitter-typeahead .tt-dataset-recent-searches-footer-on .tt-suggestion,
  .twitter-typeahead .tt-dataset-recent-searches-footer-off .tt-suggestion,
  .twitter-typeahead .tt-dataset-geolocation .tt-suggestion {
    background-color: #f7f7f7; }
    .twitter-typeahead .tt-dataset-recent-searches-footer-on .tt-suggestion:after,
    .twitter-typeahead .tt-dataset-recent-searches-footer-off .tt-suggestion:after,
    .twitter-typeahead .tt-dataset-geolocation .tt-suggestion:after {
      display: none; }
  .twitter-typeahead .tt-dataset-recent-searches-footer-on .source-footer,
  .twitter-typeahead .tt-dataset-recent-searches-footer-off .source-footer {
    height: 0;
    border-top: 0; }
  .twitter-typeahead .tt-dataset-geolocation .geolocation-link {
    text-decoration: none;
    vertical-align: middle;
    padding-left: 40px; }
    .twitter-typeahead .tt-dataset-geolocation .geolocation-link .geolocation-icon {
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: -32px 0px;
      left: 10px;
      top: 50%;
      margin-top: -16px;
      -webkit-transform: rotate(0deg); }
      .body-cms-preview .twitter-typeahead .tt-dataset-geolocation .geolocation-link .geolocation-icon {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .twitter-typeahead .tt-dataset-geolocation .geolocation-link strong {
      vertical-align: middle; }

.twitter-typeahead .source-footer {
  border: none;
  background-color: #ffffff; }

.twitter-typeahead .tt-suggestion {
  border-bottom: 1px solid #cacaca; }
  .twitter-typeahead .tt-suggestion strong {
    line-height: inherit; }
  .twitter-typeahead .tt-suggestion:after {
    background: none; }

.twitter-typeahead input#InputFavBus.tt-onpanel, .twitter-typeahead input#InputFavPlace.tt-onpanel {
  background-color: #2d3039;
  box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
  padding: 0;
  color: #ffffff;
  outline: none; }
  .twitter-typeahead input#InputFavBus.tt-onpanel::-webkit-input-placeholder, .twitter-typeahead input#InputFavPlace.tt-onpanel::-webkit-input-placeholder {
    color: #a6a6a6; }
  .twitter-typeahead input#InputFavBus.tt-onpanel::-moz-placeholder, .twitter-typeahead input#InputFavPlace.tt-onpanel::-moz-placeholder {
    color: #a6a6a6; }
  .twitter-typeahead input#InputFavBus.tt-onpanel:-ms-input-placeholder, .twitter-typeahead input#InputFavPlace.tt-onpanel:-ms-input-placeholder {
    color: #a6a6a6; }
  .twitter-typeahead input#InputFavBus.tt-onpanel:-moz-placeholder, .twitter-typeahead input#InputFavPlace.tt-onpanel:-moz-placeholder {
    color: #a6a6a6; }
  .twitter-typeahead input#InputFavBus.tt-onpanel.no-focus, .twitter-typeahead input#InputFavPlace.tt-onpanel.no-focus {
    border-color: #484b52; }
    .twitter-typeahead input#InputFavBus.tt-onpanel.no-focus::-webkit-input-placeholder, .twitter-typeahead input#InputFavPlace.tt-onpanel.no-focus::-webkit-input-placeholder {
      color: #ffffff; }
    .twitter-typeahead input#InputFavBus.tt-onpanel.no-focus::-moz-placeholder, .twitter-typeahead input#InputFavPlace.tt-onpanel.no-focus::-moz-placeholder {
      color: #ffffff; }
    .twitter-typeahead input#InputFavBus.tt-onpanel.no-focus:-ms-input-placeholder, .twitter-typeahead input#InputFavPlace.tt-onpanel.no-focus:-ms-input-placeholder {
      color: #ffffff; }
    .twitter-typeahead input#InputFavBus.tt-onpanel.no-focus:-moz-placeholder, .twitter-typeahead input#InputFavPlace.tt-onpanel.no-focus:-moz-placeholder {
      color: #ffffff; }

.fav-place-suggestions-menu, .fav-suggestions-menu {
  margin-top: 20px; }
  .fav-place-suggestions-menu .tt-dropdown-menu, .fav-suggestions-menu .tt-dropdown-menu {
    position: relative; }
  .fav-place-suggestions-menu .tt-suggestions .tt-suggestion, .fav-suggestions-menu .tt-suggestions .tt-suggestion {
    border-bottom: 2px solid rgba(13, 13, 13, 0.25);
    position: relative;
    clear: both;
    padding: 0 6px 0 10px;
    line-height: 2.5em;
    color: #f7f7f7; }
    .fav-place-suggestions-menu .tt-suggestions .tt-suggestion.tt-cursor, .fav-suggestions-menu .tt-suggestions .tt-suggestion.tt-cursor {
      white-space: nowrap;
      cursor: pointer;
      -webkit-text-fill-color: #ffffff;
      background: rgba(238, 238, 238, 0.08); }
    .fav-place-suggestions-menu .tt-suggestions .tt-suggestion .mode-icons, .fav-suggestions-menu .tt-suggestions .tt-suggestion .mode-icons {
      float: right;
      max-width: 60%; }
    .fav-place-suggestions-menu .tt-suggestions .tt-suggestion .mode-icon, .fav-suggestions-menu .tt-suggestions .tt-suggestion .mode-icon {
      float: right;
      margin-top: 2px; }
    .fav-place-suggestions-menu .tt-suggestions .tt-suggestion .stop-name, .fav-suggestions-menu .tt-suggestions .tt-suggestion .stop-name {
      vertical-align: middle;
      word-wrap: break-word;
      display: block;
      padding: 8px 0;
      color: #daddda; }
      .fav-place-suggestions-menu .tt-suggestions .tt-suggestion .stop-name strong, .fav-suggestions-menu .tt-suggestions .tt-suggestion .stop-name strong {
        color: #ffffff; }
    .fav-place-suggestions-menu .tt-suggestions .tt-suggestion .label-name, .fav-suggestions-menu .tt-suggestions .tt-suggestion .label-name {
      color: linkcolour2;
      padding: 5px 0px 5px 0px; }
    .fav-place-suggestions-menu .tt-suggestions .tt-suggestion .towards-text, .fav-suggestions-menu .tt-suggestions .tt-suggestion .towards-text {
      font-size: 14px;
      margin-top: -12px;
      padding: 6px; }
  .fav-place-suggestions-menu .source-header, .fav-suggestions-menu .source-header {
    display: block;
    background: #23252a;
    padding: 7px 0 7px 10px;
    font-size: 13px;
    line-height: 100%;
    color: #bcbcbc;
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.27);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.27); }
  .fav-place-suggestions-menu .tt-dataset-geolocation .geolocation-link, .fav-suggestions-menu .tt-dataset-geolocation .geolocation-link {
    text-decoration: none;
    vertical-align: middle;
    color: #daddda; }
    .fav-place-suggestions-menu .tt-dataset-geolocation .geolocation-link .geolocation-icon, .fav-suggestions-menu .tt-dataset-geolocation .geolocation-link .geolocation-icon {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: -32px 0px;
      margin-top: 2px;
      float: right; }
      .body-cms-preview .fav-place-suggestions-menu .tt-dataset-geolocation .geolocation-link .geolocation-icon, .body-cms-preview .fav-suggestions-menu .tt-dataset-geolocation .geolocation-link .geolocation-icon {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .fav-place-suggestions-menu .tt-dataset-geolocation .geolocation-link strong, .fav-suggestions-menu .tt-dataset-geolocation .geolocation-link strong {
      vertical-align: middle; }

/**************************************************
    C2 Contact / M007-contact-info-box

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C2+-+Contact

**************************************************/
.contact-info-box {
  background-color: #eee;
  padding: 15px 0px 15px;
  display: block;
  margin-bottom: 20px; }
  .contact-info-box .contact-info-header {
    padding-left: 15px;
    position: relative;
    padding-right: 15px;
    margin-bottom: 0px; }
  .contact-info-box .content-group {
    padding-left: 15px;
    position: relative;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 0px; }
    .contact-info-box .content-group .fax-number {
      margin-left: 1px; }
    .contact-info-box .content-group > h4, .contact-info-box .content-group > p {
      margin: 0px; }
  .contact-info-box .icon {
    position: absolute;
    top: -6px;
    left: 10px; }
  .contact-info-box abbr {
    font-weight: bold;
    line-height: 22px;
    text-decoration: none; }
  .contact-info-box .contact-name {
    font-size: 20px;
    line-height: 100%;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: block; }
  .contact-info-box .job-title {
    font-size: 18px;
    line-height: 100%;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display: block; }
  .contact-info-box > img {
    width: 100%;
    margin-bottom: 10px;
    height: auto; }
  .contact-info-box .vertical-button-container {
    margin: 10px 10px 0; }

/**************************************************
	A2 Breadcrumbs

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/A2+-+Breadcrumbs

**************************************************/
.breadcrumbs {
  list-style: none outside none;
  margin: 10px 0 0 -14px;
  padding-right: 14px; }
  .breadcrumbs li {
    float: left;
    margin-bottom: 2px;
    white-space: nowrap; }
    .breadcrumbs li.home a {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -32px -96px;
      height: auto;
      width: 32px;
      display: block; }
      .body-cms-preview .breadcrumbs li.home a {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .body-cms-preview .breadcrumbs li.home a {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .breadcrumbs li.home a span {
        display: block; }
  .breadcrumbs a {
    color: #2070b0; }
  .breadcrumbs a, .breadcrumbs .last-breadcrumb {
    display: block;
    padding: 3px 5px;
    margin-left: 14px;
    height: 31px;
    background-color: #eee;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
    height: 31px; }
    .breadcrumbs a:before, .breadcrumbs a:after, .breadcrumbs .last-breadcrumb:before, .breadcrumbs .last-breadcrumb:after {
      content: "";
      position: absolute;
      width: 14px;
      height: 31px;
      background-size: 100% 100%;
      top: 0; }
    .breadcrumbs a:before, .breadcrumbs .last-breadcrumb:before {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA+CAYAAAA4aXupAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMUQyQ0VFRkI2NjgxMUUzQUM3NjhEMTA0Q0U3RTY1NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMUQyQ0VGMEI2NjgxMUUzQUM3NjhEMTA0Q0U3RTY1NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxRDJDRUVEQjY2ODExRTNBQzc2OEQxMDRDRTdFNjU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxRDJDRUVFQjY2ODExRTNBQzc2OEQxMDRDRTdFNjU0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nv6sTAAAAm5JREFUeNq0md1KwzAUgNvgbqTgFHYlCL6AD6Eogi/hcEy8EwRfQRAE78QxmS8hiIU9hODFrgTBq8Fgf2x2dPVkWyFrk+bv5EBYaAJfz5ekaTq/1+sl3jJOoISrutftdhe/lUrlA36OPaQgTL0JJeD0qUEZuQDuQXnIdoBMm8PhMHABpFHn6KtNp9NRFEVOgDy1P1BuIEsvSRInQJ7axnw+D0cj+6H0mVmajSMYv3bmRr7K5XJQKpVQM0yjBUsip3YwGFipLQKK1LZt1BJJex2yPMxcq9JZO5vNnADR1aoAUdUSxX5oaolG3yZPre4DQQe4n1ULN9CI41hLLdEcAp7amo5aYjCz19RC/VtHrQnQSi0xfGAYqyWeeaxtY6pqbYBU7T1P7Xg8dgKkcQUlp3YymQjV2gJFam9FajGAPLVPIrUYQC21WEBltZhAJbWYQCW12ECpWhdAqvZOpNYFkGayzTsUwfU/dCC863jwcj3JXocsoyAIYnQgHSuAbnCann3f30QFwvbkwSnrl+4amaZzKGeos5SqXG3Al6CvxzTtshs2wVQJk+IVYG+cZbKDCpSoPEV9ljIqa0Uq0YCMyvcilShAHZXWQInKR/R3GonKLVQgo/JaVaUxMKOyr6rSGJiqhKqWSiNggcoLmUptIKsSSl+2wK2BK5Uvpiq1gAULXFmlMlCkEmaolkplIJZKJaBIJWSnrVIKxFYpBRaobJmoLARKVFp94ScFKquYKoVARmWIqZILdKkyB2RVstsO1PcwVOaAqUoAhBgLXBR+p9NJz8P0c+RBml3635O3/ED7iQVlDx2LBc6AnGT4L8AAejXoOugI3QQAAAAASUVORK5CYII=);
      right: 100%; }
    .breadcrumbs a:after, .breadcrumbs .last-breadcrumb:after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAA+CAYAAAAvS+tgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMUQyQ0VGM0I2NjgxMUUzQUM3NjhEMTA0Q0U3RTY1NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMUQyQ0VGNEI2NjgxMUUzQUM3NjhEMTA0Q0U3RTY1NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxRDJDRUYxQjY2ODExRTNBQzc2OEQxMDRDRTdFNjU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxRDJDRUYyQjY2ODExRTNBQzc2OEQxMDRDRTdFNjU0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FeeMewAAAZ5JREFUeNq02EFKw0AUxvHpI8tuXHQreAEPUdB7CKK4EzyEIHiDil5CKPQwguCqkFISMGSR+EaNvJpMMm/mmwcDQxv+hJ9OWjrL87w1P3POa2MUs91une+R2K94zQ1oZPiY12OKsJ0rXmcpwjCSoTCEhByvW5JlirCd5xiSsXAUCU28H0xCHtcEkfiEg0jI8zo1CSmuVR0cTfhEQ0JKOm8SCvhP8iIJCXuRUODBmiShiOfMarFYzFOELclDirCdG77rZYqwkwQRHiRBhAdJUOEeCTJ8QIIMH5DMxHc31LzxOkXfcUdynyJs2rY9ytDRpmnMbrf7hN9xURQ2nkHDVVWZuq4/eHtHSIKyLO32mldOSAL+o73w9hV2QCQB7OQJgktLAAsLgjXs6TZEEB12EUSHXQRRYUFwC/uU/kewh4U7An6gr2HfhHwI1GFJwHe7h4V/CZ6mCFThsYMQHNYSeIe1BF7hEILJcCjBZDiUYDQcQ+AMC4KLEAJnWBBsTMQQmqAXRhH0wiiCbjLx++Q7guAvLPbfnwhjP4Rq5kuAAQA2lP0UNXleNQAAAABJRU5ErkJggg==);
      right: -11px;
      width: 11px; }
  .breadcrumbs a:not(.last-breadcrumb):after {
    content: none; }

.breadcrumb-container {
  overflow-x: hidden; }
  .breadcrumb-container.scrolling {
    overflow-x: scroll; }

/**************************************************
	M009 Route Summary

* Author: 
* Created: 
* Pattern library URL: \\Google Drive\NWP\Front-end\Pattern library\Modules\M009-route-summary

**************************************************/
.route-summary {
  /*background-color: $subtle-grey;*/
  margin-bottom: 20px; }
  .route-summary .box-section {
    padding: 15px 20px;
    border-top: 1px dotted #ccc;
    position: relative; }
    .route-summary .box-section:first-child {
      border-top: 0; }
  .route-summary .station-stop-row {
    position: relative;
    padding-left: 50px;
    padding-bottom: 10px; }
  .route-summary .fixed-width-station-stop {
    position: absolute;
    left: 0;
    top: 0; }
  .route-summary .switch-directions-icon {
    display: inline-block;
    margin-top: -16px;
    position: relative;
    top: 4px; }

/**************************************************
	M010 Fact-box

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/D1+-+Fact+box
						//Google Drive\NWP\Front-end\Pattern library\Modules\M010-fact-box

**************************************************/
.fact-box {
  background-color: #eee;
  margin-bottom: 10px;
  padding: 15px 10px;
  position: relative; }
  .fact-box h3 {
    margin-bottom: 10px; }
  .fact-box p {
    margin-bottom: 0; }
  .fact-box:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 45px;
    background-image: url("/static/1/images/fact.png");
    background-size: 30px 45px;
    top: -5px;
    right: 30px; }
    .lt-ie9 .fact-box:after {
      background-image: url("/static/1/images/fact-ie.png"); }

/**************************************************
TABS
* Author: Rodrigo Lopes
* Created: 19/02/2013
* Pattern library URL: //Google Drive\NWP\Front-end\Pattern library\Modules\M011-tabs
**************************************************/
.tabs-style-2 {
  list-style-type: none;
  *zoom: 1;
  margin-left: 0; }
  .tabs-style-2:before, .tabs-style-2:after {
    content: " ";
    display: table; }
  .tabs-style-2:after {
    clear: both; }
  .tabs-style-2.no-margin {
    margin: 0; }
  .tabs-style-2.pull-up {
    margin-bottom: -10px;
    position: relative;
    z-index: 10; }
  .tabs-style-2 > li {
    float: left;
    margin-right: 2px;
    border: 1px solid #1a5a92;
    background-color: #1a5a92;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .tabs-style-2 > li:hover, .tabs-style-2 > li:focus {
      background-color: #123f67; }
      .tabs-style-2 > li:hover a, .tabs-style-2 > li:hover span, .tabs-style-2 > li:focus a, .tabs-style-2 > li:focus span {
        text-decoration: none; }
    .tabs-style-2 > li > a, .tabs-style-2 > li > span {
      display: block;
      padding: 8px 10px;
      color: #fff;
      float: left; }
      .tabs-style-2 > li > a:active, .tabs-style-2 > li > a:visited, .tabs-style-2 > li > span:active, .tabs-style-2 > li > span:visited {
        color: #fff; }
    .tabs-style-2 > li .icon-solo {
      padding: 4px 7px; }
    .tabs-style-2 > li .search-icon {
      margin-top: 3px;
      margin-right: -13px; }
    .tabs-style-2 > li.selected {
      position: relative;
      cursor: default; }

.tabs-style-2 > li.selected {
  background-color: #2d3039;
  border-color: #2d3039; }
  .tabs-style-2 > li.selected:hover, .tabs-style-2 > li.selected:focus, .tabs-style-2 > li.selected:active {
    background-color: #2d3039; }
  .tabs-style-2 > li.selected > a, .tabs-style-2 > li.selected > span {
    color: #fff; }
  .tabs-style-2 > li.selected:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 100%;
    width: 0;
    height: 0;
    border: 12px solid;
    border-color: #2d3039 transparent transparent;
    z-index: 1; }

#recent-journeys .tabs-content-links {
  margin: 0;
  list-style-type: none; }

/**************************************************
	B8 Social media share widget

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/B8+-+Social+media+share

**************************************************/
.share-widget-wrapper {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  position: relative;
  width: 180px;
  margin: 0 auto 10px;
  z-index: 1001;
  background-color: #fff; }
  .share-widget-wrapper.hidden {
    display: none; }
  .share-widget-wrapper .share-widget {
    display: block;
    padding: 2px;
    cursor: pointer;
    text-decoration: underline;
    color: #2070b0;
    border: 0;
    margin: 0;
    font: inherit;
    font-size: 100%;
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .share-widget-wrapper .share-widget:hover, .share-widget-wrapper .share-widget:focus {
      background-color: #f2f2f2;
      text-decoration: none; }
    .share-widget-wrapper .share-widget:focus + .share-list {
      display: block; }
    .share-widget-wrapper .share-widget .icon {
      float: left; }
    .share-widget-wrapper .share-widget .share-text {
      float: left;
      margin: 5px; }
  .share-widget-wrapper .share-list {
    overflow: hidden;
    display: none;
    position: absolute;
    background: #fff;
    top: 36px;
    right: -1px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    width: 180px;
    list-style: none outside none;
    margin: 0; }
    .share-widget-wrapper .share-list:focus {
      display: block; }
    .share-widget-wrapper .share-list li a {
      display: block;
      padding: 0;
      clear: both; }
      .share-widget-wrapper .share-list li a span {
        float: left; }
        .share-widget-wrapper .share-list li a span.text {
          padding: 5px; }
      .share-widget-wrapper .share-list li a:hover, .share-widget-wrapper .share-list li a:focus {
        background: #f2f2f2;
        text-decoration: none; }

/**************************************************
List ToDropdown

* Author: J Boyle 
* Created: 12/07/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/Service+Status+Pages

**************************************************/
.for-dropdown {
  position: relative; }
  .for-dropdown .dropdown-button {
    position: relative;
    padding: 9px 25px 9px 7px;
    cursor: pointer;
    background-color: #eff6fe;
    border: 1px solid #cacaca;
    border-bottom-color: #eff6fe; }
    .for-dropdown .dropdown-button.gla-dropdown {
      background: #202329; }
      .for-dropdown .dropdown-button.gla-dropdown img {
        margin-bottom: 8px; }
      .for-dropdown .dropdown-button.gla-dropdown:after {
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: -32px -608px; }
        .body-cms-preview .for-dropdown .dropdown-button.gla-dropdown:after {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .for-dropdown .dropdown-button.dropdown-closed {
      background-color: #fff;
      border-bottom-color: #cacaca; }
      .for-dropdown .dropdown-button.dropdown-closed:after {
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: 0px -672px; }
        .body-cms-preview .for-dropdown .dropdown-button.dropdown-closed:after {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .for-dropdown .dropdown-button.dropdown-closed.gla-dropdown {
        background: #202329; }
        .for-dropdown .dropdown-button.dropdown-closed.gla-dropdown:after {
          background-image: url("/static/1/images/vsprite_x2.34614087.png");
          background-image: url("/static/1/images/vsprite.17114d90.png") \9;
          background-size: 96px 3776px;
          height: 32px;
          width: 32px;
          background-position: -32px -672px; }
          .body-cms-preview .for-dropdown .dropdown-button.dropdown-closed.gla-dropdown:after {
            background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .for-dropdown .dropdown-button:after {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -16px;
      right: 0;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -608px; }
      .body-cms-preview .for-dropdown .dropdown-button:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .for-dropdown .links-list {
    background-color: #eff6fe;
    padding: 10px;
    margin: 0;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    list-style: none outside none;
    z-index: 13; }
    .for-dropdown .links-list#gla-list {
      padding: 0;
      background-color: #202329;
      border-left: 1px solid #484848;
      border-right: 1px solid #484848;
      border-bottom: 1px solid #484848; }
      .for-dropdown .links-list#gla-list li {
        border: 0;
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        transition: background-color 0.3s; }
        .for-dropdown .links-list#gla-list li:hover, .for-dropdown .links-list#gla-list li:focus {
          background-color: #15171b;
          -webkit-transition: none;
          -moz-transition: none;
          transition: none;
          text-decoration: none; }
        .for-dropdown .links-list#gla-list li a {
          padding: 0 5px;
          background-color: transparent;
          color: #fff;
          padding: 8px 0 5px 40px;
          -webkit-transition: background-color 0.3s;
          -moz-transition: background-color 0.3s;
          transition: background-color 0.3s; }
          .for-dropdown .links-list#gla-list li a:hover, .for-dropdown .links-list#gla-list li a:focus {
            background-color: #15171b;
            -webkit-transition: none;
            -moz-transition: none;
            transition: none;
            text-decoration: none; }
          .for-dropdown .links-list#gla-list li a:after {
            content: '';
            height: 32px;
            width: 32px;
            position: absolute;
            left: 2px;
            top: 50%;
            margin-top: -16px;
            background-image: url("/static/1/images/vsprite_x2.34614087.png");
            background-image: url("/static/1/images/vsprite.17114d90.png") \9;
            background-size: 96px 3776px;
            height: 32px;
            width: 32px;
            background-position: -64px -2112px; }
            .body-cms-preview .for-dropdown .links-list#gla-list li a:after {
              background-image: url("/static/1/images/vsprite.17114d90.png"); }
        .for-dropdown .links-list#gla-list li.greater-london-authority-li {
          display: none; }
        .for-dropdown .links-list#gla-list li.lldc {
          margin-top: 0; }
    .for-dropdown .links-list:not(.datepicker-dropdown) a {
      min-height: 40px; }
  .for-dropdown li {
    display: block;
    border: solid 1px #cacaca;
    border-top-width: 0; }
  .for-dropdown a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #2d3039;
    background-color: #fff;
    padding: 10px 32px 9px 10px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .for-dropdown a:hover, .for-dropdown a:focus {
      background-color: #f2f2f2;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none;
      text-decoration: none;
      color: #1a5a92; }
  .for-dropdown .dropdown-name {
    margin: 4px 10px 0 0;
    display: inline-block; }
    .for-dropdown .dropdown-name.future {
      color: #2070b0;
      background: transparent;
      padding: 10px;
      display: block; }
  .for-dropdown .dropdown-icon {
    margin: 4px 5px 0 -5px;
    display: inline-block; }
  .for-dropdown .right-arrow, .for-dropdown .timetable-list a:before, .timetable-list .for-dropdown a:before {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px; }
  .for-dropdown .datepicker-dropdown .no-hover {
    border: 0; }
    .for-dropdown .datepicker-dropdown .no-hover > span {
      font-weight: bold;
      font-size: 16px;
      margin-top: 10px; }
  .for-dropdown .datepicker-dropdown .fc-row .highlighted-day {
    overflow: hidden; }
    .for-dropdown .datepicker-dropdown .fc-row .highlighted-day a {
      background-color: #faf5e1;
      margin: 0;
      display: block;
      height: 100%;
      padding: 0; }
      .for-dropdown .datepicker-dropdown .fc-row .highlighted-day a > .fc-date {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px; }
      .for-dropdown .datepicker-dropdown .fc-row .highlighted-day a:hover, .for-dropdown .datepicker-dropdown .fc-row .highlighted-day a:focus {
        background-color: #f6eecb; }

.modes-dropdown-placeholder .for-dropdown li > a {
  padding-left: 42px;
  position: relative; }
  .modes-dropdown-placeholder .for-dropdown li > a .dropdown-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -16px; }

li.MOL-logo-dropdown {
  display: none; }

.MOL-logo-dropdown .mayor-of-london-logo, .dropdown-button .mayor-of-london-logo {
  color: #fff;
  font-size: 16pt;
  padding-right: 10px;
  border-right: solid 1px #484848; }

.MOL-logo-dropdown .mol-gla, .dropdown-button .mol-gla {
  color: #fff;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #484848;
  font-size: 14pt; }

#footer .for-dropdown .gla-dropdown:active span, #footer .for-dropdown .gla-dropdown:active img, #footer .for-dropdown .gla-dropdown:focus span, #footer .for-dropdown .gla-dropdown:focus img {
  position: relative;
  top: 0;
  left: 0; }

/**************************************************
Login Widget

* Author: John Boyle
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/B7+-+Login

**************************************************/
.cta-box-with-title, .option-one {
  background: #fff;
  padding: 10px;
  position: relative;
  border: solid 1px #cacaca;
  border-bottom: 3px solid #ccc;
  margin-bottom: 20px; }
  .cta-box-with-title .primary-button, .option-one .primary-button {
    margin-bottom: 10px; }
  .cta-box-with-title p, .option-one p {
    margin: 0; }
  .cta-box-with-title h3, .option-one h3 {
    border-bottom: #ccc 1px solid;
    background-color: #eee;
    margin: -10px -10px 10px -10px;
    padding: 10px; }
    .section-overview .cta-box-with-title h3, .section-overview .option-one h3 {
      background-color: transparent;
      margin: 0 0 10px;
      padding: 0; }
  .section-overview .cta-box-with-title, .section-overview .option-one {
    margin-bottom: 0; }

.cta-box-with-title {
  margin-bottom: 30px; }
  .cta-box-with-title p {
    margin-bottom: 30px; }

.login-widget {
  background: #ffffff;
  position: relative;
  border: solid 1px #cacaca;
  border-bottom: 3px solid #ccc;
  margin-bottom: 20px; }
  .login-widget p {
    padding: 1.75%; }
  .login-widget .primary-button {
    clear: both;
    width: 96.5%;
    margin: 0 1.75% 20px; }
  .login-widget .key-value-list {
    margin: 1.75%; }
  .login-widget .account-user-info {
    border-top: 1px #ccc dotted;
    padding-top: 12px; }
  .login-widget #signup-link {
    text-decoration: underline; }

.high-contrast-heading {
  color: #ffffff;
  background-color: #24262e;
  padding: 12px 1.75% 8px;
  text-transform: uppercase; }

#account-type-tooltip p a {
  text-decoration: underline; }

/**************************************************
	C12 Image Gallery

* Author: Steven Swinbank
* Created: 20/03/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C12+-+Image+gallery

**************************************************/
.gallery-caption {
  background-color: #eee;
  padding: 12px;
  color: #6D6F75;
  margin-bottom: 10px;
  vertical-align: bottom;
  width: 100%;
  position: relative;
  border-bottom: 3px solid #ccc; }
  .gallery-caption .first-line {
    margin-bottom: 30px; }
  .gallery-caption .title {
    float: left;
    font-size: 110%;
    width: 80%; }
  .gallery-caption .counter {
    float: right;
    text-align: right;
    width: 20%;
    font-weight: bold; }

.galleria-image img {
  width: 100%;
  height: 100%; }

.close-window {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 21474836470;
  background: #1a5a92;
  display: block;
  width: 146px;
  height: 40px;
  padding: 10px;
  color: #fff;
  margin: 0;
  border: none; }

.galleria-fullscreen {
  background-color: white;
  width: 46px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: -40px;
  right: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  z-index: 1;
  border: none; }
  .galleria-fullscreen:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -64px;
    bottom: auto;
    left: auto;
    right: 5px;
    top: 6px; }
    .body-cms-preview .galleria-fullscreen:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

#galleria {
  width: 100%;
  height: 100%; }

#galleria-loader {
  height: 1px; }

.galleria-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  .galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none; }

.galleria-stage {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden; }

.galleria-loader {
  background: #000;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: none;
  background: url(../../../images/image-gallery-loader.gif) no-repeat 2px 2px; }

.galleria-image-nav {
  position: absolute;
  top: 50%;
  margin-top: -62px;
  width: 100%;
  height: 62px;
  left: 0; }
  .galleria-image-nav .galleria-image-nav-left, .galleria-image-nav .galleria-image-nav-right {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 46px;
    height: 42px;
    position: absolute;
    z-index: 2;
    background: white;
    top: 50%;
    margin-top: 2%;
    display: block; }
  .galleria-image-nav .galleria-image-nav-right {
    left: auto;
    right: 0px;
    z-index: 2; }
    .galleria-image-nav .galleria-image-nav-right:before {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px;
      right: 5px;
      top: 50%;
      margin-top: -16px; }
      .body-cms-preview .galleria-image-nav .galleria-image-nav-right:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .galleria-image-nav .galleria-image-nav-left {
    left: 0px;
    z-index: 2; }
    .galleria-image-nav .galleria-image-nav-left:before {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -576px;
      left: 4px;
      top: 50%;
      margin-top: -16px; }
      .body-cms-preview .galleria-image-nav .galleria-image-nav-left:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

/**************************************************
ACCESS AND IMPROVEMENTS
* Author: Adrian Osmond
* Created: 20/08/2013
* Pattern library URL: //Google Drive\NWP\Front-end\Pattern library\Modules\M016-access-and-improvements
**************************************************/
.access-and-improvements {
  background-color: #eee;
  padding: 15px;
  margin-bottom: 20px; }
  .access-and-improvements .vertical-button-container {
    margin: 10px 0; }

.widget-wrapper {
  margin-bottom: 20px; }
  .widget-wrapper .content .payments-widget {
    padding: 15px 0 0;
    border: 0; }
  .widget-wrapper .content hr {
    border-top: 1px dashed #ccc;
    height: 0;
    background-color: transparent; }
  .widget-wrapper .padded-content {
    padding: 10px; }
    .widget-wrapper .padded-content > :last-child {
      margin-bottom: 10px; }
  .widget-wrapper .widget-content .board-wrapper {
    padding: 0; }
    .widget-wrapper .widget-content .board-wrapper .rainbow-board {
      margin-top: 0; }
  .widget-wrapper .widget-content .rainbow-list-wrapper {
    margin: 0; }
    .widget-wrapper .widget-content .rainbow-list-wrapper h2 {
      display: none; }
    .widget-wrapper .widget-content .rainbow-list-wrapper.visible {
      display: block; }
  .widget-wrapper.homepage-style {
    margin-bottom: 10px; }
    .widget-wrapper.homepage-style .expandable-box .content {
      border-bottom: 0;
      margin-left: 0; }
    .widget-wrapper.homepage-style .expandable-box .journey-planner-widget {
      border-bottom: 3px solid #cacaca; }

.widget-heading {
  font-size: 20px;
  width: 100%;
  background: #eee;
  padding: 12px 40px 8px 14px;
  color: #2d3039;
  cursor: pointer;
  position: relative;
  display: block;
  text-decoration: none; }
  .widget-heading:link, .widget-heading:visited, .widget-heading:hover, .widget-heading:active {
    text-decoration: none; }
  .widget-heading h2.widget-title, .widget-heading h3.widget-title, .widget-heading .widget-title {
    color: #2d3039;
    display: block;
    font-size: inherit;
    margin: 0;
    line-height: inherit; }
    .widget-heading h2.widget-title.with-icon, .widget-heading h3.widget-title.with-icon, .widget-heading .widget-title.with-icon {
      position: relative;
      padding-right: 42px; }
      .widget-heading h2.widget-title.with-icon .i, .widget-heading h3.widget-title.with-icon .i, .widget-heading .widget-title.with-icon .i {
        position: absolute;
        right: 0;
        bottom: 0;
        display: block; }
    .widget-heading h2.widget-title.widget-container, .widget-heading h3.widget-title.widget-container, .widget-heading .widget-title.widget-container {
      display: flex;
      align-content: center;
      align-items: center;
      justify-content: flex-start;
      gap: 10px; }
      .widget-heading h2.widget-title.widget-container .side-bar, .widget-heading h3.widget-title.widget-container .side-bar, .widget-heading .widget-title.widget-container .side-bar {
        float: none; }
        .widget-heading h2.widget-title.widget-container .side-bar .bus-stop-icon.shuttlebus, .widget-heading h3.widget-title.widget-container .side-bar .bus-stop-icon.shuttlebus, .widget-heading .widget-title.widget-container .side-bar .bus-stop-icon.shuttlebus {
          background: none;
          background-image: url("/static/1/images/vsprite_x2.34614087.png");
          background-image: url("/static/1/images/vsprite.17114d90.png") \9;
          background-size: 96px 3776px;
          height: 32px;
          width: 32px;
          background-position: -32px -3712px; }
          .body-cms-preview .widget-heading h2.widget-title.widget-container .side-bar .bus-stop-icon.shuttlebus, .body-cms-preview .widget-heading h3.widget-title.widget-container .side-bar .bus-stop-icon.shuttlebus, .body-cms-preview .widget-heading .widget-title.widget-container .side-bar .bus-stop-icon.shuttlebus {
            background-image: url("/static/1/images/vsprite.17114d90.png"); }
        .widget-heading h2.widget-title.widget-container .side-bar .blank-bus-stop-icon, .widget-heading h3.widget-title.widget-container .side-bar .blank-bus-stop-icon, .widget-heading .widget-title.widget-container .side-bar .blank-bus-stop-icon {
          top: auto;
          margin-top: 0px;
          position: relative; }
      .widget-heading h2.widget-title.widget-container .title-row, .widget-heading h3.widget-title.widget-container .title-row, .widget-heading .widget-title.widget-container .title-row {
        padding: 0px;
        min-height: auto; }
      .widget-heading h2.widget-title.widget-container .stop-headline, .widget-heading h3.widget-title.widget-container .stop-headline, .widget-heading .widget-title.widget-container .stop-headline {
        padding: 0px;
        min-height: auto; }
  .widget-heading .widget-subtitle {
    display: block;
    font-size: 16px; }
  .widget-heading.primary {
    color: #ffffff;
    background: #1a5a92;
    padding-left: 50px; }
    .widget-heading.primary .section-style {
      text-transform: none;
      background: transparent;
      font-size: 20px;
      padding: 0px;
      display: inline; }
    .widget-heading.primary .controls {
      background-position: -32px -704px; }
    .widget-heading.primary:before {
      content: "";
      height: 48px;
      width: 48px;
      display: block;
      position: absolute;
      background-image: url("/static/1/images/homepage_sprite_x2.png");
      background-size: 96px 241px;
      background-image: url("/static/1/images/homepage_sprite.png") \9;
      background-position: -48px 0;
      top: 50%;
      margin-top: -26px;
      left: 0; }
  .widget-heading.secondary {
    color: #1a5a92;
    background: #ffffff;
    padding-left: 50px; }
    .widget-heading.secondary .section-style {
      text-transform: none;
      background: transparent;
      font-size: 20px;
      padding: 0px;
      display: inline;
      color: #1a5a92; }
    .widget-heading.secondary .controls {
      background-position: 0px -704px; }
    .widget-heading.secondary:before {
      content: "";
      display: block;
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 120px 4720px;
      background-position: -40px -3920px;
      height: 40px;
      width: 40px;
      display: block;
      top: 50%;
      margin-top: -20px;
      margin-left: 5px;
      left: 0; }
      .body-cms-preview .widget-heading.secondary:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

.expanded .widget-heading.primary .controls {
  background-position: -32px -736px; }

.expanded .widget-heading.secondary .controls {
  background-position: 0px -736px; }

.widget-wrapper.always-expanded .widget-heading {
  cursor: auto;
  padding-right: 10px; }

.widget-wrapper.always-expanded .widget-content {
  border: 1px solid #ccc; }
  .widget-wrapper.always-expanded .widget-content ~ .widget-content {
    border-top: 0; }

.widget-wrapper.always-expanded.no-border .widget-content {
  border: none 0; }

.widget-wrapper.info-widget .widget-heading {
  background-color: #faf5e1;
  padding-left: 50px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px; }
  .widget-wrapper.info-widget .widget-heading:hover, .widget-wrapper.info-widget .widget-heading:focus {
    background-color: #f6eecb; }
  .widget-wrapper.info-widget .widget-heading:before {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -832px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
    content: ""; }
    .body-cms-preview .widget-wrapper.info-widget .widget-heading:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .widget-wrapper.info-widget .widget-heading .widget-title {
    font-family: Arial, Helvetica, sans-serif; }

.widget-wrapper.info-widget .widget-content {
  border-top: 1px dashed #ccc; }

.widget-wrapper.info-widget .expandable-box .controls {
  background-position: 0px -704px; }

.widget-wrapper.info-widget .expandable-box .expanded .controls {
  background-position: 0px -736px; }

.widget-wrapper.info-widget .expandable-box .content {
  border-bottom: 0; }
  .widget-wrapper.info-widget .expandable-box .content.expanded {
    border-bottom: 1px solid #ccc; }

.widget-wrapper .accordion {
  margin-bottom: 0; }
  .widget-wrapper .accordion .expandable-box .content {
    border-bottom: none; }
    .widget-wrapper .accordion .expandable-box .content .accordion-heading, .widget-wrapper .accordion .expandable-box .content .inline-accordion-heading {
      border-width: 1px 0 0; }
    .widget-wrapper .accordion .expandable-box .content .start-hidden {
      display: none; }
    .widget-wrapper .accordion .expandable-box .content.expanded .start-hidden {
      border-width: 1px 0 0;
      display: block; }

#ssp-bch-link .expandable-box .bch-docking-station-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -16px; }

#ssp-bch-link .expandable-box .accordion-heading, #ssp-bch-link .expandable-box .inline-accordion-heading {
  padding-left: 52px; }

#ssp-bch-link .expandable-box a.controls {
  min-height: 32px; }

#ssp-bch-link .expandable-box .content .cycle-heading {
  border: 0;
  background-color: transparent;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0; }

#ssp-taxi-rank-link .expandable-box .taxi-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -16px; }

#ssp-taxi-rank-link .expandable-box .taxi-icon-heading {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -16px; }

#ssp-taxi-rank-link .expandable-box .accordion-heading, #ssp-taxi-rank-link .expandable-box .inline-accordion-heading {
  padding-left: 52px; }

#ssp-taxi-rank-link .expandable-box a.controls {
  min-height: 32px; }

#ssp-taxi-rank-link .expandable-box .content #taxi-rank-heading {
  border: 0;
  background-color: transparent;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0; }

.car-park-address {
  padding-left: 50px;
  font-weight: bold; }

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

#ssp-car-park-link .expandable-box .car-park-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -16px; }

#ssp-car-park-link .expandable-box .car-park-icon-heading {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -16px; }

#ssp-car-park-link .expandable-box .accordion-heading, #ssp-car-park-link .expandable-box .inline-accordion-heading {
  padding-left: 52px; }

#ssp-car-park-link .expandable-box a.controls {
  min-height: 32px; }

.widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details {
  border-top: 1px solid #ccc; }
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details .nearby-mode-information {
    background-color: transparent; }
    .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details .nearby-mode-information .mode-icon {
      top: 26px;
      left: 9px; }
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details:first-child {
    border-top: none; }
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details .nearby-mode-details {
    padding: 5px 35px 0 52px; }
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details a:after, .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details div:after {
    background: none; }
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details .accordion a {
    min-height: 30px; }

.widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details-no-border {
  border: 0; }
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details-no-border .nearby-mode-information {
    background-color: transparent; }
    .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details-no-border .nearby-mode-information .mode-icon {
      top: 26px;
      left: 9px; }
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details-no-border:first-child {
    border-top: none; }
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details-no-border .nearby-mode-details {
    padding: 5px 35px 0 52px; }
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details-no-border a:after,
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details-no-border div:after {
    background: none; }
  .widget-wrapper.plain-widget .widget-content.nearby-list .expanded-result-details-no-border .accordion a {
    min-height: 30px; }

.widget-wrapper.plain-widget .widget-content.nearby-list .accordion a:hover, .widget-wrapper.plain-widget .widget-content.nearby-list .accordion a:focus {
  background-color: transparent; }

.widget-wrapper.plain-widget .widget-content .link-button {
  border: solid #ccc;
  border-width: 1px 0 0;
  margin-bottom: 0; }
  .widget-wrapper.plain-widget .widget-content .link-button:first-child {
    border-top: 0; }

.widget-wrapper.plain-widget .widget-content .routes-list {
  margin-bottom: 0; }
  .widget-wrapper.plain-widget .widget-content .routes-list .route {
    border: solid #ccc;
    border-width: 1px 0 0; }
    .widget-wrapper.plain-widget .widget-content .routes-list .route:first-child {
      border-top: 0; }

.widget-wrapper.plain-widget .widget-content .board-wrapper {
  border: 0; }
  .widget-wrapper.plain-widget .widget-content .board-wrapper .rainbow-board {
    border: 0; }
    .widget-wrapper.plain-widget .widget-content .board-wrapper .rainbow-board tr {
      border: 0;
      border-top: 1px solid #ccc; }
      .widget-wrapper.plain-widget .widget-content .board-wrapper .rainbow-board tr:first-child {
        border-top: 0; }

.widget-wrapper.plain-widget.no-border .widget-content {
  border: none 0; }

.widget-wrapper.fares-widget .start-hidden {
  padding: 0; }

.widget-wrapper .cst-nearby h3 {
  margin-top: 10px; }

.widget-wrapper .cst-nearby .vertical-button-container {
  margin-top: 5px; }

/**************************************************
Search Filter

* Author: J Boyle 
* Created: 12/07/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C16+-+Search+filters

**************************************************/
.search-filter {
  *zoom: 1;
  background-color: #eee;
  margin-bottom: 20px;
  padding: 20px 10px 20px 10px;
  position: relative;
  /*.text-input {
        float: left;
        width: 80%;
    }*/ }
  .search-filter:before, .search-filter:after {
    content: " ";
    display: table; }
  .search-filter:after {
    clear: both; }
  .search-filter #search-filter-form {
    position: relative;
    padding-right: 52px; }
  .search-filter.bus {
    margin-top: 0; }
  .search-filter p {
    margin-bottom: 10px; }
  .search-filter .extra-info p {
    padding-top: 10px;
    margin-bottom: 0px; }
  .search-filter .submit-button {
    width: 42px;
    top: 0;
    right: 0;
    position: absolute; }
  .search-filter .plain-button {
    margin-top: 10px;
    display: inline-block;
    width: 47.3%;
    border: solid 1px #ccc;
    color: #2070b0; }
  .search-filter .buttons-wrapper {
    clear: both; }
  .search-filter.without-box {
    background-color: #fff;
    padding: 0;
    border: 0;
    margin: 0; }
  .search-filter.with-padding {
    padding-bottom: 20px; }
  .search-filter.button-text-search .text-input {
    float: left;
    width: 79%;
    padding-right: 8px; }
  .search-filter.button-text-search .submit-button-search {
    float: right;
    width: 20%;
    top: 0;
    right: 0; }
  .search-filter.button-text-search #search-filter-form {
    position: relative;
    padding-right: 80px; }
  .search-filter.button-text-search .submit-button {
    width: 70px; }
  .search-filter .heading {
    display: block;
    margin-bottom: 4px; }
    .search-filter .heading > [class*=icon] {
      float: left;
      margin-left: -8px; }
    .search-filter .heading h2 {
      font-size: 20px;
      line-height: 100%; }
    .search-filter .heading h3 {
      float: left;
      margin-bottom: 0;
      padding-top: 8px; }
    .search-filter .heading .h3 {
      font-size: 18px;
      margin-bottom: 0;
      line-height: 1.8; }
    .search-filter .heading.search-label {
      color: white;
      font-size: 12px;
      font-weight: normal;
      margin: 0; }
  .search-filter.loading:after {
    content: "";
    position: absolute;
    bottom: -70px;
    left: 50%;
    margin-left: -32.5px; }

.filter-by-box {
  position: relative; }
  .filter-by-box > .heading {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 10px; }
  .filter-by-box .reset-filters {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 10; }
  .filter-by-box .filter-box-wrap {
    padding-top: 10px;
    float: left;
    width: 100%; }
    .filter-by-box .filter-box-wrap .selector {
      width: 100%; }
    .filter-by-box .filter-box-wrap:nth-child(odd) {
      float: right; }
    .filter-by-box .filter-box-wrap .bold-label {
      font-weight: bold;
      font-size: 17px; }

.release-archive h2 {
  border-bottom: 1px solid #A8A8A8;
  margin-bottom: 25px;
  padding-bottom: 5px;
  font-size: 34px; }

.release-archive .plain-button {
  border: solid 1px #a8a8a8;
  border-top: none; }
  .release-archive .plain-button:first-child {
    border-top: solid 1px #a8a8a8; }

.filter-types legend {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px; }

.searchfield-wrapper {
  position: relative; }
  .searchfield-wrapper:after {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 2px;
    top: 34px;
    content: '';
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -64px -32px; }
    .body-cms-preview .searchfield-wrapper:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.no-js .clear-filters {
  display: none; }

.clear-filters {
  display: block;
  position: relative;
  width: 100%;
  z-index: 2;
  text-align: right; }

.pagination-filter-form {
  position: relative;
  z-index: 1; }
  .pagination-filter-form .form-control-wrapper.with-calendar {
    padding-right: 0; }

.route-detail-container .search-filter {
  border-bottom: 0;
  background-color: transparent; }
  .route-detail-container .search-filter .secondary-button {
    border: 1px solid #86909E; }

/**************************************************
	M020 - on this page

* Author: Alex Faunt
* Created: 22/08/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M020-on-this-page

**************************************************/
ul.on-this-page-list {
  list-style-type: none;
  margin: 0; }
  ul.on-this-page-list + .on-this-page-list {
    margin-bottom: 20px; }
  ul.on-this-page-list > li {
    border-bottom: 1px solid #cacaca;
    padding: 9px 15px 9px 0px;
    margin-bottom: 0; }
    ul.on-this-page-list > li > a {
      position: relative;
      min-height: 15px;
      padding-left: 24px;
      line-height: 21px;
      display: inline-block; }
      ul.on-this-page-list > li > a:after {
        content: "";
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        left: 5px;
        top: 8px;
        border-style: solid;
        border-width: 6px 5px;
        border-color: #2070b0 transparent transparent; }

/**************************************************
	M022 - depeartures list

* Author: Alex Faunt
* Created: 23/08/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M022-departures-list

**************************************************/
.departures-list {
  list-style-type: none;
  margin: 0; }
  .departures-list li {
    border-top: 1px dotted #ccc; }
    .departures-list li:first-child {
      border-top: none; }

.departure a {
  display: block;
  text-decoration: none;
  padding: 10px 70px 10px 20px;
  position: relative; }
  .departure a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    height: 40px;
    width: 10px;
    background-color: #ccc; }
  .departure a:hover {
    background-color: #eff6fd;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }

.departure .departure-headline {
  color: #2d3039;
  margin: 0; }

.departure .departure-time {
  color: #BB3300;
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold; }

.departure .calling-at {
  color: #666;
  margin: 0; }

/**************************************************
    M023 - fast-plan

* Author: Alex Faunt
* Created: 10/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M023-fast-plan

**************************************************/
.fast-plan {
  background-color: #eee;
  border-bottom: 3px solid #ccc;
  padding: 16px 10px;
  margin-bottom: 20px; }
  .fast-plan .half-width {
    width: 50%;
    padding-right: 5px;
    float: left;
    margin-bottom: 10px; }
    .fast-plan .half-width + .half-width {
      padding-right: 0px;
      padding-left: 5px; }
  .fast-plan > .link-button {
    margin-bottom: 0; }
  .fast-plan h2 {
    font-size: 20px;
    line-height: 100%; }

/**************************************************
	M025 - map switcher

* Author: Alex Faunt
* Created: 27/08/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M024-map-switcher

**************************************************/
.map-switcher {
  height: 60px;
  position: relative; }
  .map-switcher .map-switcher-container {
    position: relative;
    height: 100%;
    width: 50%;
    padding-right: 10px;
    float: left;
    background: #fff; }
    .map-switcher .map-switcher-container .map-switcher-inner {
      height: 100%;
      position: relative;
      border-bottom: 3px solid #ccc; }
    .map-switcher .map-switcher-container + .map-switcher-container {
      padding-left: 10px;
      padding-right: 0; }

/**************************************************
    M025 - routes list

* Author: Alex Faunt
* Created: 27/08/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M025-routes-list

**************************************************/
.routes-list {
  list-style-type: none;
  margin: 0 0 20px;
  background-color: #fff; }
  .routes-list .route {
    position: relative;
    border-top: 0px none; }
    .routes-list .route:first-child {
      border-top: 1px solid #ccc; }
    .routes-list .route .tag {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0px;
      width: 10px;
      z-index: 1;
      text-indent: -10000px; }
      .routes-list .route .tag[class*=lines-] span {
        position: static;
        float: left;
        display: block;
        height: 100%; }
      .routes-list .route .tag.lines-2 span {
        width: 50%; }
      .routes-list .route .tag.lines-3 span {
        width: 33%; }
      .routes-list .route .tag.lines-4 span {
        width: 25%; }
      .routes-list .route .tag.lines-5 span {
        width: 20%; }
    .routes-list .route.disrupted > a {
      background-color: #faf5e1;
      padding-right: 64px; }
      .routes-list .route.disrupted > a:hover, .routes-list .route.disrupted > a:focus {
        background-color: #f6eecb; }
    .routes-list .route.disrupted .disruption-icon {
      position: absolute;
      top: 50%;
      right: 26px;
      margin-top: -16px; }
    .routes-list .route[class*=river] a {
      min-height: 92px;
      padding-left: 62px; }
      .routes-list .route[class*=river] a:before {
        content: "";
        display: block;
        position: absolute;
        left: 20px;
        top: 10px;
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: -32px -384px;
        background-color: #113b92; }
        .body-cms-preview .routes-list .route[class*=river] a:before {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .routes-list .route.river-tour a:before {
      background-color: #0098d4; }
    .routes-list .route > a {
      background-color: #fff;
      text-decoration: none;
      padding: 10px 32px 10px 20px;
      display: block;
      position: relative;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      transition: background-color 0.3s; }
      .routes-list .route > a:hover, .routes-list .route > a:focus {
        background-color: #eff6fd;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none; }
      .routes-list .route > a:after {
        content: "";
        display: block;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -16px;
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: 0px -640px; }
        .body-cms-preview .routes-list .route > a:after {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .station-details .routes-list .route > a {
        padding-top: 15px;
        padding-bottom: 15px; }
    .routes-list .route.cycling > a {
      padding-left: 10px; }
    .routes-list .route.dlr .tag, .routes-list .route.docklands .tag, .routes-list .route.docklands-light-railway .tag {
      background-color: #fff;
      border-left: 3px solid #00afad;
      border-right: 3px solid #00afad; }
    .routes-list .route .route-headline {
      color: #2d3039;
      margin: 0;
      line-height: 18px;
      font-weight: 400;
      display: block;
      padding: 0;
      font-family: Johnston100-Light,Arial,Helvetica,sans-serif; }
    .routes-list .route .route-info {
      color: #666;
      margin: 0; }
    .routes-list .route .origin {
      display: block; }
    .routes-list .route .destination {
      padding-left: 33px;
      position: relative;
      display: inline-block; }
      .routes-list .route .destination:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: 0px -2208px;
        margin-left: -3px;
        margin-top: -5px; }
        .body-cms-preview .routes-list .route .destination:before {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }

.routes-list-container {
  background-color: #eee;
  padding: 10px;
  margin-bottom: 20px; }
  .routes-list-container h2 {
    font-size: 20px;
    line-height: 100%; }
  .routes-list-container .routes-list {
    margin-bottom: 10px; }

.routeViaDropDownDisabled {
  background-color: lightgray; }

.orderedRoutesViaDropDown {
  width: 150px;
  display: block;
  margin-top: 5px; }

.routeReverse {
  width: 100%;
  margin-left: 0;
  display: inline; }

.route-select {
  width: 100%;
  float: left; }

.stop-list .lines span.disrupted-route-stop:before {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1344px;
  bottom: auto;
  left: auto;
  right: -32px;
  top: -10px; }
  .body-cms-preview .stop-list .lines span.disrupted-route-stop:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.route-detail-container .hidden-header-visible-caption caption {
  padding-bottom: 5px; }

.route-detail-container .hidden-header-visible-caption .routes-padding-bottom {
  font-size: 16px; }
  .route-detail-container .hidden-header-visible-caption .routes-padding-bottom h2 {
    font-size: 20px;
    line-height: 100%; }

.route-detail-container #night-tube-more-info {
  display: none; }

.personalisation-active .route-detail-container p span.fav-add-favourites-text, .personalisation-active .route-detail-container span.fav-no-favourites-text {
  font-size: 18px; }

.personalisation-active .route-detail-container .fav-add-favourites-text {
  display: block; }

.personalisation-active .route-detail-container .fav-no-favourites-text {
  display: none; }

.personalisation-inactive .route-detail-container .fav-add-favourites-text {
  display: none; }

.personalisation-inactive .route-detail-container .fav-no-favourites-text {
  display: block; }

/**************************************************
	M026 - live box

* Author: Alex Faunt
* Created: 23/08/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M026-live-box

**************************************************/
.live-box {
  padding: 0;
  position: relative;
  margin-bottom: 20px; }
  .live-box .live-box-heading {
    position: relative; }
  .live-box .live-box-title {
    font-size: 24px;
    text-transform: uppercase; }
  .live-box .live-box-time {
    font-size: 18px;
    position: absolute;
    top: 6px;
    right: 0; }

.live-board-last-updated {
  float: right; }

/**************************************************
	M027 - icon info

* Author: Andrew Spencer
* Created: 10/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M027-icon-info

**************************************************/
.icon-info {
  position: relative;
  margin: 10px 0; }
  .icon-info .icon-info-content:after {
    content: '';
    clear: both;
    visibility: hidden; }
  .icon-info .icon-info-image {
    height: 50px;
    width: 50px;
    background-color: #0053A6;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    float: left; }
    .icon-info .icon-info-image .icon {
      display: block;
      position: absolute;
      margin: 10px; }
    .icon-info .icon-info-image .left-icon {
      left: 0;
      margin-left: -1px;
      float: left; }
    .icon-info .icon-info-image .right-icon {
      right: 0;
      margin-right: -1px;
      float: right; }
    .icon-info .icon-info-image .icon-info-corner {
      right: 0;
      top: 0;
      position: absolute; }
    .icon-info .icon-info-image .icon-info-red-cross {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -32px -1760px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .icon-info .icon-info-image .icon-info-red-cross {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .icon-info .icon-info-image .icon-info-yellow-cross {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -1792px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .icon-info .icon-info-image .icon-info-yellow-cross {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .icon-info .icon-info-image .icon-info-tick {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -1760px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .icon-info .icon-info-image .icon-info-tick {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .icon-info .icon-info-image .icon-info-two-way {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -1760px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .icon-info .icon-info-image .icon-info-two-way {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .icon-info .icon-info-message {
    position: relative;
    padding-top: 0.1em;
    overflow: hidden; }
    .icon-info .icon-info-message p {
      line-height: 1em; }
    .icon-info .icon-info-message h4 {
      line-height: 0.8em; }

/**************************************************
	M031 - Press Listing

* Author: Andrew Spencer
* Created: 11/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M031-press-listings

**************************************************/
.press-box {
  padding: 10px 0;
  position: relative;
  margin-bottom: 3px; }
  .press-box .press-item-list {
    margin-bottom: 8px;
    list-style-type: none;
    margin-left: 0px; }
    .press-box .press-item-list:after {
      content: "";
      display: block;
      border-bottom: 3px solid #ccc; }
    .press-box .press-item-list .press-item {
      border: 1px solid #ccc;
      border-bottom: 0px; }
      .press-box .press-item-list .press-item h3 {
        margin-top: 8px;
        margin-bottom: 5px; }
      .press-box .press-item-list .press-item .press-date {
        color: #1e2228;
        margin-bottom: 0px; }
      .press-box .press-item-list .press-item .plain-button {
        border: 0px;
        margin: 0px; }
  .press-box .press-item-list-single .press-item h3 {
    margin-top: 10px; }
  .press-box .press-item-list-single .press-item .plain-button:before {
    background-color: #1a5a92;
    width: 80px;
    position: relative;
    color: white;
    line-height: 0.8em;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 0.9em;
    content: "LATEST"; }

/**************************************************
    A6 Nested Vertical (side navigation)

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/A6+-+Nested+vertical

**************************************************/
.expandable-list {
  margin: 0 -2.7% 20px -2.7%; }
  .expandable-list .heading {
    background-color: #6A7278;
    padding: 0 2.54%;
    display: block;
    text-decoration: none;
    position: relative;
    border-bottom: 3px solid #6A7278;
    padding-top: 3px; }
    .expandable-list .heading:hover {
      background-color: #6A7278; }
    .expandable-list .heading h2 {
      color: #fff;
      font-size: 23px;
      margin-bottom: 0;
      padding-top: 12px;
      padding-bottom: 8px;
      word-wrap: break-word;
      display: block; }
  .expandable-list ul {
    list-style: none outside none;
    margin-left: 0;
    margin-bottom: 0; }
  .expandable-list .link-wrapper {
    background: #eee;
    padding: 0 10px; }
    .expandable-list .link-wrapper > a, .expandable-list .link-wrapper .list-content {
      background: #fff;
      display: block;
      min-height: 40px;
      line-height: 1.2;
      padding: 10px 10px 8px 25px;
      font-size: 16px;
      border-bottom: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-left: 1px solid #ccc;
      position: relative; }
    .expandable-list .link-wrapper > a {
      text-decoration: none;
      color: #2d3039;
      padding: 12px 0 6px 25px; }
      .expandable-list .link-wrapper > a:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        border-style: solid;
        border-width: 1px;
        border-color: #1a5a92;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        margin-top: -3px; }
  .expandable-list .parent > .link-wrapper > a:after {
    margin-top: -4px;
    margin-left: 1px;
    border-width: 5px 7px;
    border-color: transparent transparent transparent #1a5a92;
    border-radius: 0;
    width: 0;
    height: 0; }
  .expandable-list li:first-child > .link-wrapper > a {
    border-top: 1px solid #ccc; }
  .expandable-list > ul > li:first-child > .link-wrapper {
    padding-top: 10px; }
    .expandable-list > ul > li:first-child > .link-wrapper > a {
      border-top: 1px solid #ccc; }
  .expandable-list > ul > li:last-child > .link-wrapper {
    padding-bottom: 10px; }
  .expandable-list > ul > li.last-child > .link-wrapper {
    padding-bottom: 10px; }
  .expandable-list li > * {
    display: none; }
  .expandable-list li > .link-wrapper {
    display: block; }
  .expandable-list .content {
    margin: 0 10px; }
    .expandable-list .content.with-borders {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc; }
    .expandable-list .content .padded-content {
      padding: 10px;
      border-top: 1px dashed #ccc; }
      .expandable-list .content .padded-content:first-child {
        border-top: 0px none; }
  .expandable-list .child-selected > ul > .parent:last-child > .link-wrapper {
    padding-bottom: 10px; }
  .expandable-list li.selected > .link-wrapper > a {
    color: #fff;
    background: #2d3039;
    border-color: #2d3039; }
    .expandable-list li.selected > .link-wrapper > a:after {
      border-color: #fff; }
  .expandable-list li.selected.parent > * {
    display: block; }
  .expandable-list li.selected.parent > .link-wrapper {
    padding-bottom: 10px; }
    .expandable-list li.selected.parent > .link-wrapper::after {
      top: 100%;
      left: 10px;
      right: 10px; }
    .expandable-list li.selected.parent > .link-wrapper > a:after {
      border-color: #fff transparent transparent transparent;
      border-width: 7px 5px;
      margin-top: -2px;
      margin-left: -1px; }
  .expandable-list li.selected.parent + li > .link-wrapper {
    padding-top: 10px; }
    .expandable-list li.selected.parent + li > .link-wrapper > a {
      border-top: 1px solid #ccc; }
    .expandable-list li.selected.parent + li > .link-wrapper::after {
      bottom: 100%;
      top: auto;
      left: 10px;
      right: 10px; }
  .expandable-list li.selected.parent ul .link-wrapper {
    background: transparent; }
  .expandable-list li.selected.parent:last-child .content {
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px; }
  .expandable-list li.selected.parent.child-selected > .link-wrapper::after {
    left: 0;
    right: 0; }
  .expandable-list li.selected.parent.child-selected > .link-wrapper > a {
    background: #fff;
    color: #2d3039;
    border-color: #ccc;
    font-weight: bold; }
    .expandable-list li.selected.parent.child-selected > .link-wrapper > a:after {
      border-color: #1a5a92 transparent transparent transparent; }
  .expandable-list li.selected.parent.child-selected > ul > li > .link-wrapper {
    background: #eee; }
  .expandable-list li.selected.parent.child-selected.no-grandchildren ul > li > .link-wrapper {
    background: transparent; }
  .expandable-list li.selected.parent.child-selected.no-grandchildren .link-wrapper::after {
    left: 10px;
    right: 10px; }
  .expandable-list li.selected.parent.child-selected.no-grandchildren + li > .link-wrapper::after {
    left: 10px;
    right: 10px; }
  .expandable-list li.selected.parent.child-selected + li > .link-wrapper::after {
    left: 0;
    right: 0; }
  .expandable-list ul ul .link-wrapper > a {
    padding-left: 35px; }
    .expandable-list ul ul .link-wrapper > a:after {
      left: 19px; }
  .expandable-list ul ul ul .link-wrapper > a {
    padding-left: 45px; }
    .expandable-list ul ul ul .link-wrapper > a:after {
      left: 29px; }
  .expandable-list ul ul ul ul .link-wrapper > a {
    padding-left: 55px; }
    .expandable-list ul ul ul ul .link-wrapper > a:after {
      left: 39px; }
  .expandable-list .current.selected a {
    cursor: default; }

/**************************************************
Key Improvements

* Author: John Boyle
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C21+-+Key+improvements+box

**************************************************/
.key-improvements {
  background: url("/static/1/images/key-improvements-tile.png") 0 0;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  background-color: #f7f7f7; }
  .key-improvements .key-improvements-title {
    display: block;
    width: 100%;
    padding: 7px;
    font-size: 13pt; }
    .key-improvements .key-improvements-title.line-text {
      font-weight: normal;
      text-shadow: none; }
    .key-improvements .key-improvements-title.transport-mode {
      background: #eee;
      color: #000;
      position: relative;
      padding-right: 40px; }
      .key-improvements .key-improvements-title.transport-mode:after {
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        content: "";
        display: block;
        position: absolute;
        right: 5px;
        top: 5px; }
        .body-cms-preview .key-improvements .key-improvements-title.transport-mode:after {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .key-improvements .key-improvements-title.transport-mode.bus:after {
        background-position: 0px -320px; }
      .key-improvements .key-improvements-title.transport-mode.tube:after {
        background-position: 0px -1056px; }
      .key-improvements .key-improvements-title.transport-mode.cable-car:after {
        background-position: 0px -480px; }
      .key-improvements .key-improvements-title.transport-mode.tram:after {
        background-position: -32px -1120px; }
      .key-improvements .key-improvements-title.transport-mode.dlr:after, .key-improvements .key-improvements-title.transport-mode.docklands:after, .key-improvements .key-improvements-title.transport-mode.docklands-light-railway:after {
        background-position: 0px -1088px; }
      .key-improvements .key-improvements-title.transport-mode.river:after {
        background-position: 0px -384px; }
      .key-improvements .key-improvements-title.transport-mode.overground:after {
        background-position: -64px -1056px; }
      .key-improvements .key-improvements-title.transport-mode.coach:after {
        background-position: 0px -1120px; }
      .key-improvements .key-improvements-title.transport-mode.cycling:after {
        background-position: 0px -288px; }
      .key-improvements .key-improvements-title.transport-mode.walking:after {
        background-position: 0px -256px; }
  .key-improvements .key-improvements-content {
    padding: 10px 5px;
    background: white; }
    .key-improvements .key-improvements-content ul {
      margin-bottom: 0; }
      .key-improvements .key-improvements-content ul li {
        margin-bottom: 2px; }

/**************************************************
BusStopRecentlyViewed and BusStopFavourites MODULEs
* Author: Steven Swinbank
* Created: 14/03/2013
* Modified by: Steven Swinbank, Alex Faunt
* Modified date: 17/07/2013, 18/09/2013
* Pattern library URL: http://
**************************************************/
.favourites-box .favourites-mode {
  position: relative;
  border-bottom: 1px solid #ccc;
  background-color: #fff; }
  .favourites-box .favourites-mode:first-child {
    border-top: 1px solid #ccc; }
  .favourites-box .favourites-mode .content {
    background-color: transparent;
    border-bottom: 0; }
    .accordion.basic .favourites-box .favourites-mode .content {
      margin: 0;
      border-bottom-width: 0; }
      .accordion.basic .favourites-box .favourites-mode .content.expanded {
        border: 0; }
        .accordion.basic .favourites-box .favourites-mode .content.expanded .always-visible {
          border-bottom: 1px solid #ccc; }
        .accordion.basic .favourites-box .favourites-mode .content.expanded .start-hidden {
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc; }
  .favourites-box .favourites-mode.disrupted {
    background-color: #faf5e1; }
    .favourites-box .favourites-mode.disrupted .link-button {
      background-color: #faf5e1; }
    .favourites-box .favourites-mode.disrupted .always-visible {
      background-color: #faf5e1; }
      .favourites-box .favourites-mode.disrupted .always-visible:hover, .favourites-box .favourites-mode.disrupted .always-visible:focus {
        background-color: #f6eecb; }

.favourites-box .link-button {
  margin-bottom: 0;
  padding: 0 0 7px 0;
  border: 0; }

.favourites-box .always-visible {
  display: block;
  text-decoration: none;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .favourites-box .always-visible:hover, .favourites-box .always-visible:focus {
    background-color: #eff6fd; }
  .favourites-box .always-visible:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -704px; }
    .body-cms-preview .favourites-box .always-visible:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.favourites-box .expanded .always-visible:after {
  background-position: 0px -736px; }

.favourites-box .side-bar {
  position: absolute;
  left: 0;
  width: 35px;
  top: 7px;
  min-height: 35px; }

.favourites-box .title-row {
  padding: 10px 32px 0px 45px;
  min-height: 35px;
  color: #2d3039; }

.favourites-box .stop-headline {
  padding: 0px 32px 10px 45px;
  min-height: 32px;
  color: #2d3039; }

[data-set='widget'] .favourite-and-recent {
  margin-bottom: 20px; }

.side-bar .blank-bus-stop-icon {
  top: 50%;
  margin-top: -16px;
  position: absolute; }

/**************************************************
Pull Quotes Modules
* Author: Andrew Spencer
* Created: 19/09/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C3+-+Body+Content
**************************************************/
.pull-quote {
  margin-bottom: 20px;
  float: right;
  width: 100%;
  position: relative;
  display: block; }
  .pull-quote .quote-body {
    padding: 10px;
    font-size: 1.3em;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    color: #565961;
    line-height: 1.3em; }
  .pull-quote .quote-footer {
    background-color: #eee;
    padding: 5px 10px 5px 10px;
    font-size: 0.9em; }
    .pull-quote .quote-footer .quotee-name {
      font-weight: bold; }

/**************************************************
	M040-select-bus

* Author: Alex Faunt
* Created: 12/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M040-select-bus

**************************************************/
.select-bus .towards-link {
  position: relative;
  padding: 15px 42px 10px 52px;
  min-height: 50px;
  border-top: 1px solid #ccc;
  background-color: #eee;
  display: block;
  text-decoration: none;
  color: #2d3039; }
  .select-bus .towards-link:after {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -640px;
    top: 50%;
    margin-top: -16px;
    right: 0px; }
    .body-cms-preview .select-bus .towards-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .select-bus .towards-link .circle-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -16px; }
  .select-bus .towards-link:hover, .select-bus .towards-link:focus {
    background-color: #e1e1e1; }

.select-bus .bus-options {
  margin: 10px 0 20px 10px; }

.select-bus-list {
  background: #fff;
  padding-bottom: 1px;
  margin-bottom: 20px; }

/**************************************************
	M041-tube-station-select
* Author: Alex Faunt
* Created: 25/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M041-tube-station-select
**************************************************/
.tube-station-select .line-text {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px; }

.tube-station-select-list {
  margin-left: 0px;
  list-style-type: none; }

/**************************************************
	M042-list-loader
* Author: Alex Faunt
* Created: 25/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M042-list-loader
**************************************************/
.list-loader {
  display: block;
  position: relative; }
  .list-loader .heading {
    padding: 10px 10px 0;
    background: #eee; }
    .list-loader .heading h3 {
      margin-bottom: 0;
      padding: 8px 0 0; }
    .list-loader .heading > * {
      float: left;
      display: block; }
    .list-loader .heading [class*=icon] {
      margin-left: -5px; }
  .list-loader .list-loader-options {
    list-style-type: none;
    margin-left: 0; }
  .list-loader .list-loader-option:first-child > .list-loader-link {
    padding-top: 10px; }
    .list-loader .list-loader-option:first-child > .list-loader-link > a {
      border-top: 1px solid #ccc; }
  .list-loader .list-loader-option:last-child > .list-loader-link {
    padding-bottom: 10px; }
  .list-loader .list-loader-option.last > .list-loader-link {
    padding-bottom: 20px; }
  .list-loader .list-loader-link {
    background-color: #eee; }
  .list-loader .list-loader-link > a {
    background: #fff;
    display: block;
    margin: 0px 10px;
    min-height: 40px;
    line-height: 1;
    padding: 12px 0 6px 25px;
    font-size: 1.1em;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-decoration: none;
    color: #2d3039;
    position: relative;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .list-loader .list-loader-link > a:hover, .list-loader .list-loader-link > a:focus {
      background-color: #eff6fd; }
    .list-loader .list-loader-link > a:after {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 9px;
      border-style: solid;
      border-width: 5px 7px;
      border-color: transparent transparent transparent #1a5a92; }
  .list-loader .list-loader-result {
    display: none;
    padding: 0 10px;
    position: relative; }
    .list-loader .list-loader-result .disrupted {
      background-color: #FAF5E1;
      position: relative;
      overflow: hidden; }
    .list-loader .list-loader-result .small-disrupted-icon {
      display: block;
      position: absolute;
      bottom: -7px;
      right: -7px; }
    .list-loader .list-loader-result > *:last-child {
      margin-bottom: 0; }
  .list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a {
    background: #fff;
    color: #2d3039;
    font-weight: bold;
    border-color: #ccc; }
    .list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a:after {
      border-color: #1a5a92 transparent transparent transparent; }
    .list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a:hover, .list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a:focus {
      background-color: #eff6fd; }
  .list-loader .list-loader-option.expanded > .list-loader-link {
    padding-bottom: 10px;
    position: relative;
    z-index: 3; }
    .list-loader .list-loader-option.expanded > .list-loader-link > a {
      background: #2d3039;
      color: #fff;
      border-color: #2d3039; }
      .list-loader .list-loader-option.expanded > .list-loader-link > a:hover, .list-loader .list-loader-option.expanded > .list-loader-link > a:focus {
        background-color: #17181d; }
      .list-loader .list-loader-option.expanded > .list-loader-link > a:after {
        border-color: #fff transparent transparent transparent;
        border-width: 7px 5px;
        margin-top: -2px;
        margin-left: -2px; }
  .list-loader .list-loader-option.expanded > .list-loader-result {
    display: block;
    position: relative;
    z-index: 4; }
    .list-loader .list-loader-option.expanded > .list-loader-result::after {
      left: 10px;
      right: 10px;
      opacity: 0.1; }
    .list-loader .list-loader-option.expanded > .list-loader-result[data-load-target] {
      min-height: 50px;
      position: relative; }
      .list-loader .list-loader-option.expanded > .list-loader-result[data-load-target]:after {
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -25px;
        margin-top: -25px;
        top: 50%;
        height: 50px;
        width: 50px;
        background-image: url("/static/1/images/throbber.gif"); }
    .list-loader .list-loader-option.expanded > .list-loader-result .list-loader-link > a {
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-left: 0px; }
    .list-loader .list-loader-option.expanded > .list-loader-result.expanded {
      padding: 0;
      z-index: 4; }
      .list-loader .list-loader-option.expanded > .list-loader-result.expanded:after {
        left: 0;
        right: 0;
        top: -1px; }
      .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-link {
        padding: 0px; }
      .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option {
        padding: 0;
        background: #eee; }
        .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option.expanded, .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option.prev {
          padding-bottom: 10px;
          position: relative; }
          .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option.expanded + .list-loader-option, .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option.prev + .list-loader-option {
            padding-bottom: 10px; }
        .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option:first-child {
          padding-left: 10px; }
          .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option:first-child .list-loader-link > a {
            border-left: 1px solid #ccc; }
          .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option:first-child + .list-loader-option {
            padding-right: 10px; }
      .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result + .list-loader-option {
        padding-left: 10px; }
        .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result + .list-loader-option .list-loader-link > a {
          border-left: 1px solid #ccc; }
        .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result + .list-loader-option + .list-loader-option {
          padding-right: 10px; }
      .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded {
        display: block;
        width: 100%;
        z-index: 6; }
        .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded::after {
          left: 10px;
          right: 10px;
          opacity: 0.1;
          top: 1px; }
        .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded .bus-list > li > a {
          border-top: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          border-right: 1px solid #ccc;
          display: block; }
        .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded + .list-loader-option {
          position: relative;
          padding-top: 10px; }
          .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded + .list-loader-option + .list-loader-option {
            padding-top: 10px;
            padding-right: 10px;
            padding-left: 0; }
        .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded + .list-loader-result + .list-loader-option {
          padding-top: 10px;
          position: relative; }
          .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded + .list-loader-result + .list-loader-option + .list-loader-option {
            padding-top: 10px; }
  .list-loader .list-loader-option.expanded + .list-loader-option .list-loader-link {
    padding-top: 10px; }
    .list-loader .list-loader-option.expanded + .list-loader-option .list-loader-link > a {
      border-top: 1px solid #ccc; }
  .list-loader .list-loader-link > a.with-icon {
    position: relative;
    padding-right: 42px; }
    .list-loader .list-loader-link > a.with-icon > [class*=icon] {
      position: absolute;
      right: 5px;
      top: 50%;
      margin-top: -16px; }
  .list-loader .expanded .list-loader-link > a.with-icon .tube-icon {
    background-position: 0px -416px; }
  .list-loader .expanded .list-loader-link > a.with-icon .bus-icon {
    background-position: -32px -320px; }
  .list-loader .expanded .list-loader-link > a.with-icon .river-icon {
    background-position: -32px -384px; }
  .list-loader .expanded.secondary-expanded .list-loader-link > a.with-icon .tube-icon {
    background-position: 0px -1056px; }
  .list-loader .expanded.secondary-expanded .list-loader-link > a.with-icon .bus-icon {
    background-position: 0px -320px; }
  .list-loader .expanded.secondary-expanded .list-loader-link > a.with-icon .river-icon {
    background-position: 0px -384px; }
  .list-loader .routes-list {
    margin: 0; }
    .list-loader .routes-list + .routes-list .route:first-child {
      border-top: 0; }

.secondary-expanded .bus-list {
  border-left: 0px none; }

.bus-list {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-top: 2px;
  border-left: 1px solid #ccc; }
  .bus-list:after {
    content: "";
    display: block;
    clear: both;
    position: static; }
  .bus-list > li {
    background: #fff;
    margin-top: -1px;
    display: block;
    float: left;
    width: 20%; }
    .bus-list > li > a {
      display: block;
      padding: 10px 10px 6px;
      text-decoration: none;
      text-align: center;
      font-size: 1em;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      transition: background-color 0.3s; }
      .bus-list > li > a:hover, .bus-list > li > a:focus {
        background-color: #eff6fd; }
    .bus-list > li.list-loader-option:first-child > div.list-loader-link {
      padding-top: 0; }
    .bus-list > li.list-loader-option:last-child > div.list-loader-link {
      padding-bottom: 0; }
  .bus-list.groups {
    margin-top: 1px; }
    .bus-list.groups > li {
      width: 50%;
      background: transparent; }
      .bus-list.groups > li > .list-loader-link > a {
        margin: 0;
        padding: 10px 10px 6px 25px;
        font-size: 1em; }
    .bus-list.groups .bus-list {
      border-left: 1px solid #ccc; }

/**************************************************
	M043-shop-widget
* Author: Andrew Spencer
* Created: 27/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M043-Tfl-Shop
**************************************************/
.shop-widget {
  background: #eee;
  border-bottom: 3px solid #ccc;
  padding-top: 15px;
  padding-bottom: 15px; }
  .shop-widget .shop-header {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 15px; }
  .shop-widget ul {
    margin-left: 0px;
    margin-bottom: 0px; }
    .shop-widget ul li {
      list-style: none;
      margin-bottom: 10px;
      clear: both; }
      .shop-widget ul li .shop-item {
        position: relative;
        display: block;
        height: 97px;
        padding-left: 15px;
        padding-right: 15px; }
        .shop-widget ul li .shop-item .shop-item-image {
          height: 97px;
          width: 97px;
          float: left;
          overflow: hidden; }
          .shop-widget ul li .shop-item .shop-item-image > img {
            height: 100%; }
        .shop-widget ul li .shop-item .shop-item-description {
          top: 50%;
          margin-left: 120px;
          color: black;
          text-decoration: none; }
          .shop-widget ul li .shop-item .shop-item-description .item-price {
            margin-top: 5px;
            color: black; }
        .shop-widget ul li .shop-item:after {
          content: "";
          background-image: url("/static/1/images/vsprite_x2.34614087.png");
          background-image: url("/static/1/images/vsprite.17114d90.png") \9;
          background-size: 96px 3776px;
          height: 32px;
          width: 32px;
          background-image: url("/static/1/images/vsprite_x2.34614087.png");
          background-image: url("/static/1/images/vsprite.17114d90.png") \9;
          background-size: 96px 3776px;
          background-position: 0px -640px;
          height: 32px;
          width: 32px;
          display: block;
          position: absolute;
          right: 0;
          top: 35px; }
          .body-cms-preview .shop-widget ul li .shop-item:after {
            background-image: url("/static/1/images/vsprite.17114d90.png"); }
          .body-cms-preview .shop-widget ul li .shop-item:after {
            background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .shop-widget ul li:last-child {
        margin-bottom: 0px; }
      .shop-widget ul li a:focus, .shop-widget ul li a:hover, .shop-widget ul li a:hover:focus, .shop-widget ul li a:hover:hover, .shop-widget ul li a:visited:focus, .shop-widget ul li a:visited:hover, .shop-widget ul li a:active:focus, .shop-widget ul li a:active:hover {
        text-decoration: none;
        background-color: #eff6fd; }

/**************************************************
	M044-platform-select
* Author: Alex Faunt
* Created: 30/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M044-platform-select
**************************************************/
.platform-select {
  margin-bottom: 20px; }
  .platform-select ul {
    list-style-type: none;
    margin: 0; }
  .platform-select ul.routes-list {
    display: none; }
  .platform-select.expanded ul.routes-list {
    display: block; }
  .platform-select.expanded .current-platform div.route > a:after, .platform-select.expanded .current-platform .placeholder:after {
    background-position: 0px -608px; }
  .platform-select .current-platform {
    cursor: pointer; }
    .platform-select .current-platform .route > a:after {
      background-position: 0px -672px; }
    .platform-select .current-platform .placeholder {
      padding: 0 42px 0 10px;
      line-height: 40px;
      min-height: 40px;
      color: #666; }
      .platform-select .current-platform .placeholder:after {
        content: "";
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -16px;
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: 0px -672px; }
        .body-cms-preview .platform-select .current-platform .placeholder:after {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .platform-select .routes-list {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 0;
    border-bottom: 1px solid #ccc;
    margin: 0; }
    .platform-select .routes-list > .selected:first-child + .route.line {
      border-top: 0px none; }
    .platform-select .routes-list.current-platform {
      border: 1px solid #a8a8a8; }
      .platform-select .routes-list.current-platform .route > a:after {
        background-position: 0px -672px; }
      .platform-select .routes-list.current-platform .selected {
        display: block; }
    .platform-select .routes-list .route {
      border: 0px none; }
      .platform-select .routes-list .route h4 {
        color: #2d3039;
        padding-top: 5px;
        margin: 0; }
      .platform-select .routes-list .route > a {
        padding-left: 30px; }
      .platform-select .routes-list .route .tag {
        top: 10px;
        bottom: 10px;
        left: 10px; }
      .platform-select .routes-list .route.line {
        border-top: 1px solid #ccc; }
        .platform-select .routes-list .route.line:first-child {
          border-top: 0px none; }
        .platform-select .routes-list .route.line .line-text {
          display: block;
          min-height: 30px;
          padding: 4px 10px;
          font-weight: normal; }
      .platform-select .routes-list .route .platforms {
        margin: 0;
        list-style-type: none; }
        .platform-select .routes-list .route .platforms .route > a {
          min-height: 50px;
          padding-top: 13px; }
        .platform-select .routes-list .route .platforms > :nth-child(odd) {
          background: #f7f7f7; }

/**************************************************
	M045-disambiguation

* Author: 
* Created: 
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M045-disambiguation

**************************************************/
.info-message.disambiguation {
  position: relative;
  padding: 5px 2.54%;
  margin: 0 0 10px;
  border: 0; }
  .info-message.disambiguation > span {
    display: block;
    padding-left: 40px; }
    .info-message.disambiguation > span > strong {
      text-transform: capitalise; }
  .info-message.disambiguation:before {
    content: "";
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -832px;
    position: absolute;
    left: 2.54%;
    top: 50%;
    margin-top: -16px; }
    .body-cms-preview .info-message.disambiguation:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.disambiguation-form {
  background-color: #fff;
  padding-bottom: 10px; }

.r .disambiguation-form {
  margin-left: 0;
  margin-right: 0; }

.disambiguation-items {
  list-style: none;
  margin: 0 0 20px;
  border-bottom: 1px solid #ccc; }

.disambiguation-box {
  padding: 10px 0; }
  .disambiguation-box .location-outside-london {
    border: 1px solid #ccc; }
  .no-js .disambiguation-box {
    width: 100%; }

.map-marker {
  background-image: url("/static/1/images/mapmarkers.png");
  background-size: 126px 18px;
  width: 14px;
  height: 18px;
  display: none; }

.disambiguation-map-outer-wrapper {
  height: 80px;
  margin-top: 10px; }
  .no-js .disambiguation-map-outer-wrapper {
    display: none; }

.disambiguation-map {
  height: 100%; }

.disambiguation-map-inner-wrapper {
  height: 100%; }

.disambiguation-option {
  border-top: 1px solid #ccc;
  overflow: hidden;
  position: relative; }
  .disambiguation-option:nth-child(even) .map-markers {
    background-color: #f7fbfe; }
  .disambiguation-option .place-name {
    font-weight: bold; }
  .disambiguation-option .map-markers {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 34px;
    background-color: #eff6fd;
    padding: 9px 5px; }
  .disambiguation-option .map-icons {
    position: relative; }
    .disambiguation-option .map-icons > .hide-text {
      display: block;
      float: left;
      width: 32px; }
    .disambiguation-option .map-icons > :first-child.tube-icon, .disambiguation-option .map-icons > :first-child.elizabeth-line-icon, .disambiguation-option .map-icons > :first-child.elizabeth-icon, .disambiguation-option .map-icons > :first-child.dlr-icon, .disambiguation-option .map-icons > :first-child.overground-icon, .disambiguation-option .map-icons > :first-child.plane-icon, .disambiguation-option .map-icons > :first-child.docklands-icon, .disambiguation-option .map-icons > :first-child.docklands-light-railway-icon {
      margin-left: -4px; }
    .disambiguation-option .map-icons > :first-child.tram-icon, .disambiguation-option .map-icons > :first-child.national-rail-icon, .disambiguation-option .map-icons > :first-child.cable-car-icon, .disambiguation-option .map-icons > :first-child.river-bus-icon {
      margin-left: -3px; }
    .disambiguation-option .map-icons > :first-child.bus-icon {
      margin-left: -8px; }
    .disambiguation-option .map-icons > :first-child.poi-icon {
      margin-left: -6px; }
    .disambiguation-option .map-icons .tube-icon span {
      bottom: 0px;
      height: 3px;
      width: 24px;
      left: 0px;
      position: absolute; }
  .disambiguation-option .marker-number {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: #fff;
    color: #1a5a92;
    border: 2px dotted #1a5a92;
    line-height: 20px;
    text-align: center;
    display: block; }
  .disambiguation-option .disambiguation-link {
    display: block;
    position: relative;
    padding: 10px 32px 10px 44px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    color: #2d3039;
    text-decoration: none; }
    .disambiguation-option .disambiguation-link:hover, .disambiguation-option .disambiguation-link:focus {
      text-decoration: none;
      background-color: #eff6fd; }
      .disambiguation-option .disambiguation-link:hover .map-markers, .disambiguation-option .disambiguation-link:focus .map-markers {
        background-color: #eff6fd; }
    .disambiguation-option .disambiguation-link:after {
      content: "";
      position: absolute;
      right: -2px;
      top: 50%;
      margin-top: -16px;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px; }
      .body-cms-preview .disambiguation-option .disambiguation-link:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

.disambiguation-in-page {
  margin-bottom: 20px;
  background: #faf5e1;
  position: relative;
  margin-top: -10px;
  padding: 10px;
  border-bottom: 3px solid #ccc; }
  .disambiguation-in-page.no-results {
    background: #ffefef;
    padding: 0; }
    .disambiguation-in-page.no-results:before {
      border-color: transparent transparent #ffefef; }
  .disambiguation-in-page:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    border-color: transparent transparent #faf5e1;
    border-width: 10px;
    border-style: solid;
    height: 0;
    width: 0; }
  .disambiguation-in-page .map-markers {
    display: none; }
  .disambiguation-in-page .disambiguation-items {
    border-bottom: 0 none; }
  .disambiguation-in-page .disambiguation-option {
    border-top: 1px solid #faf5e1; }
  .disambiguation-in-page .map-icons {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -16px; }
  .disambiguation-in-page .place-name {
    font-weight: normal; }
  .disambiguation-in-page .disambiguation-link {
    background: #fff;
    padding: 8px 10px; }
    .disambiguation-in-page .disambiguation-link:after {
      display: none; }
  .disambiguation-in-page .pagination-controls {
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px; }
  .disambiguation-in-page .info-message.disambiguation {
    margin-left: -10px;
    margin-right: -10px; }
  .disambiguation-in-page .icons-1 {
    padding-right: 52px; }
  .disambiguation-in-page .icons-2 {
    padding-right: 84px; }
  .disambiguation-in-page .icons-3 {
    padding-right: 116px; }
  .disambiguation-in-page .icons-4 {
    padding-right: 148px; }
  .disambiguation-in-page .icons-5 {
    padding-right: 180px; }
  .disambiguation-in-page .icons-6 {
    padding-right: 212px; }

#light-box {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 0px;
  width: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 1200; }
  #light-box:after {
    display: block;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.5;
    z-index: 1190; }
  .lt-ie9 #light-box:after {
    display: none; }
  .lt-ie9 #light-box .ie-polyfill {
    background-color: #000\0;
    filter: alpha(opacity=50) \0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1200;
    background-color: #000; }
  #light-box.active {
    right: 0px;
    bottom: 0px;
    width: auto;
    height: auto; }
  #light-box .r {
    min-width: auto; }
  #light-box .content-wrap {
    display: inline-block;
    position: relative;
    top: 40px;
    margin-top: 2.54%;
    text-align: left;
    background-color: #fff;
    z-index: 1210;
    margin-left: 10px;
    margin-right: 10px; }
  #light-box .responsive {
    width: 85%; }
    #light-box .responsive .content {
      overflow-y: scroll; }
  #light-box .close-light-box {
    position: absolute;
    top: -40px;
    right: 0;
    background: #1a5a92;
    display: block;
    width: 57px;
    height: 40px;
    padding: 10px;
    color: #fff; }
    #light-box .close-light-box:visited {
      color: #fff; }

@media (screen) and (min-width: 592px) {
  #light-box[data-type=alert] .content-wrap {
    width: 592px; } }

#no-content {
  padding: 10px; }

/**************************************************
RAINBOW BOARD
* Created: 19/02/2013
* Pattern library URL: http://
**************************************************/
.rainbow-board {
  display: none;
  border-top: 1px solid #ccc; }
  .rainbow-board .line-text {
    padding: 9px 5px 9px 20px; }
    .rainbow-board .line-text span {
      text-shadow: none;
      font-weight: normal; }
    .rainbow-board .line-text .road-corridor {
      display: block;
      position: relative;
      min-height: 32px;
      /*&.is-favourite {
				padding-right: 30px;

				&:after {
					@include standard-sprite;
					content: "";
					position: absolute;
					margin-top: -10px;
					margin-right: 0px;
					@include svg-icon-scaled(103, 3, $img-width: 20px, $img-height: 20px);
					right: 0px;
					top: 50%;
				}
			}*/ }
      .rainbow-board .line-text .road-corridor span {
        vertical-align: -webkit-baseline-middle; }
  .rainbow-board .lines-wrapper {
    width: 40%; }
  .rainbow-board table tr {
    background-color: #fff; }
  .rainbow-board.stations-status table .line-text {
    background-color: #eee;
    color: #2d3039; }
  .rainbow-board td {
    vertical-align: middle;
    padding: 0;
    height: 100%; }
  .rainbow-board .service-status {
    width: 50%;
    background-color: #fff; }
    .rainbow-board .service-status strong {
      display: block; }
    .rainbow-board .service-status a {
      display: block;
      padding: 9px 25px 9px 10px;
      height: 100%;
      text-decoration: none;
      position: relative;
      min-height: 32px; }
    .rainbow-board .service-status .severity {
      position: relative; }
      .rainbow-board .service-status .severity:after {
        content: "";
        display: block;
        position: absolute;
        left: 6px;
        top: 4px; }
      .rainbow-board .service-status .severity.Minimal:after {
        background-position: 0px -1376px; }
      .rainbow-board .service-status .severity.Moderate:after {
        background-position: -32px -1376px; }
      .rainbow-board .service-status .severity.Serious:after {
        background-position: -64px -1376px; }
      .rainbow-board .service-status .severity.Severe:after {
        background-position: 0px -1408px; }
      .rainbow-board .service-status .severity.Closure:after {
        background-position: 0px -1408px; }
      .rainbow-board .service-status .severity .vertical-center-message {
        padding-left: 32px; }
  .rainbow-board .info-dropdown {
    display: none; }
  .rainbow-board .status-toggle {
    width: 20px;
    position: absolute;
    vertical-align: middle;
    top: 50%;
    margin-top: -10px;
    float: right;
    right: 5px; }
    .rainbow-board .status-toggle span {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -6px -710px;
      height: 20px;
      width: 20px;
      display: block; }
      .body-cms-preview .rainbow-board .status-toggle span {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .rainbow-board .selected.has-disruption {
    border-bottom: 0; }
  .rainbow-board .selected .status-toggle span {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    background-position: -6px -742px;
    height: 20px;
    width: 20px;
    display: block; }
    .body-cms-preview .rainbow-board .selected .status-toggle span {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .rainbow-board .selected + .info-dropdown {
    background: #faf5e1;
    display: table-row; }
    .lt-ie8 .rainbow-board .selected + .info-dropdown {
      display: block;
      zoom: 1;
      position: relative; }
  .rainbow-board caption,
  .rainbow-board thead {
    /*  display: none; 	not acessible by screen readers */
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .rainbow-board .collapsed-lines {
    display: none; }
  .rainbow-board tr {
    border-bottom: 1px solid #cacaca; }
    .rainbow-board tr:first-child {
      border-top: 0; }
  .rainbow-board tbody ~ tbody tr:first-child {
    border-top: 1px solid #cacaca; }
  .rainbow-board table {
    position: relative; }
    .rainbow-board table:first-child:before {
      display: none; }
    .rainbow-board table:before {
      content: "";
      position: absolute;
      height: 1px;
      width: 100%;
      display: block;
      background-color: #cacaca; }
  .rainbow-board .service-status {
    color: #2d3039; }
  .rainbow-board .good-service-message {
    position: relative;
    padding: 9px 10px; }
  .rainbow-board.stations-status .line-text {
    text-shadow: none;
    font-weight: normal; }
  .rainbow-board.roads .tag {
    border-right: 0px none;
    width: 10px;
    min-width: 10px; }
  .rainbow-board.roads .select-corridor .line-text {
    background-color: #eee;
    color: #2d3039;
    text-shadow: none;
    font-weight: normal;
    width: 35%;
    padding-left: 10px; }
  .rainbow-board.roads .service-status {
    width: auto; }
  .rainbow-board.roads td {
    cursor: pointer; }
    .rainbow-board.roads td .has-disruption {
      background: #faf5e1; }
      .rainbow-board.roads td .has-disruption > div {
        position: relative;
        height: 100%; }
  .rainbow-board.roads .disruption-info-link {
    overflow: hidden; }
    .rainbow-board.roads .disruption-info-link:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px;
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -16px;
      margin-right: -6px; }
      .body-cms-preview .rainbow-board.roads .disruption-info-link:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .rainbow-board.roads .disruption-info-link:hover, .rainbow-board.roads .disruption-info-link:focus {
      background-color: inherit; }
  .rainbow-board.roads table tr td.line-text {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
  .rainbow-board.roads table tr:hover td.line-text {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    background-color: #e1e1e1; }
  .rainbow-board .road-disruption-colour-span {
    width: 5px; }
  .rainbow-board .re-plan-button {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    padding: 10px;
    margin: 10px 0;
    color: #24262e;
    border: solid 1px #cacaca;
    border-bottom: solid 3px #ccc; }
    .rainbow-board .re-plan-button:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -640px;
      height: 32px;
      width: 32px;
      display: block;
      position: absolute;
      top: 5px;
      right: 0;
      content: ""; }
      .body-cms-preview .rainbow-board .re-plan-button:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .rainbow-board .re-plan-button:hover {
      text-decoration: none;
      background-color: #eff6fd; }
  .rainbow-board .close-disruption-info {
    float: right;
    margin-bottom: 10px; }
    .no-js .rainbow-board .close-disruption-info {
      display: none; }

.no-disruptions {
  display: block;
  padding: 10px;
  background-color: #e6f6de; }
  .no-disruptions p {
    margin-bottom: 0px; }
  .no-disruptions.hidden {
    display: none; }

.board-wrapper ~ .link-button {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin-bottom: 0; }

.board-wrapper.lines-status {
  padding: 0;
  border-bottom: 1px solid #cacaca;
  border-top: 1px solid #cacaca; }
  .board-wrapper.lines-status .rainbow-board {
    display: block; }
  .board-wrapper.lines-status .no-disruption {
    display: table-row; }
  .board-wrapper.lines-status .service-status {
    color: #2d3039;
    position: relative;
    height: 100%; }

.board-wrapper .rainbow-board div.collapsed-lines {
  display: block;
  min-height: 60px;
  border-bottom: 1px solid #cacaca;
  border-top: 0;
  position: relative; }
  .board-wrapper .rainbow-board div.collapsed-lines .line-text {
    background-color: #eee;
    border-top: 1px solid #cacaca; }
    .board-wrapper .rainbow-board div.collapsed-lines .line-text:first-child {
      border-top: 0px; }
  .board-wrapper .rainbow-board div.collapsed-lines .service-status {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
    .board-wrapper .rainbow-board div.collapsed-lines .service-status .vertical-center-message {
      position: absolute;
      top: 50%;
      margin-top: -22px; }

.board-wrapper .rainbow-board.roads {
  margin-top: 0; }
  .board-wrapper .rainbow-board.roads .collapsed-lines {
    display: table-row; }
  .board-wrapper .rainbow-board.roads .tag {
    display: none; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a316 + .line-text {
      background: #ec83bb;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a41 + .line-text {
      background: #8a4088;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a40 + .line-text {
      background: #ceff00; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a23 + .line-text {
      background: #59ffa3; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a21 + .line-text {
      background: #446081;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a3 + .line-text {
      background: #5a9262;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a2 + .line-text {
      background: #ee3cc2;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a1 + .line-text {
      background: #3d8c0f;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a205 + .line-text,
    .board-wrapper .rainbow-board.roads .tag.traffic-south-circular-a205 + .line-text {
      background: #6d2039;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a406 + .line-text,
    .board-wrapper .rainbow-board.roads .tag.traffic-north-circular-a406 + .line-text {
      background: #a22cd9;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a24 + .line-text {
      background: #6e573e;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a13 + .line-text {
      background: #56dcfa; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a12 + .line-text {
      background: #e86445;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a10 + .line-text {
      background: #5b4bcc;
      color: #fff; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a4 + .line-text {
      background: #5bf105; }
    .board-wrapper .rainbow-board.roads .tag.traffic-a20 + .line-text {
      background: #f1e77d; }
    .board-wrapper .rainbow-board.roads .tag.traffic-central-london + .line-text, .board-wrapper .rainbow-board.roads .tag.traffic-central-london-red-routes + .line-text {
      background: #9bf46a; }
    .board-wrapper .rainbow-board.roads .tag.traffic-blackwall-tunnel + .line-text {
      background: #ec9c59; }

.board-wrapper .lines-wrapper {
  padding: 0 10px;
  vertical-align: middle;
  background-color: #eee; }

.board-wrapper .no-disruption {
  display: none; }

.board-wrapper .service-status a {
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .board-wrapper .service-status a:hover, .board-wrapper .service-status a:focus {
    background-color: #eff6fd; }
  .board-wrapper .service-status a:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -640px; }
    .body-cms-preview .board-wrapper .service-status a:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.board-wrapper .collapsed-lines a {
  color: #2d3039; }
  .board-wrapper .collapsed-lines a:visited {
    color: #2d3039; }

.board-wrapper .status-toggle {
  display: none; }

.rainbow-board tr .has-disruption {
  background-color: #faf5e1; }

.rainbow-board tr td {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.rainbow-board tr:hover td, .rainbow-board tr:focus td {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }

.rainbow-board tr:hover td.service-status, .rainbow-board tr:focus td.service-status {
  background-color: #eff6fd; }

.rainbow-board tr:hover td.bakerloo, .rainbow-board tr:focus td.bakerloo {
  background-color: #995500; }

.rainbow-board tr:hover td.central, .rainbow-board tr:focus td.central {
  background-color: #c6201c; }

.rainbow-board tr:hover td.circle, .rainbow-board tr:focus td.circle {
  background-color: #f0ba00; }

.rainbow-board tr:hover td.district, .rainbow-board tr:focus td.district {
  background-color: #006428; }

.rainbow-board tr:hover td.dlr,
.rainbow-board tr:hover td.docklands,
.rainbow-board tr:hover td.docklands-light-railway, .rainbow-board tr:focus td.dlr,
.rainbow-board tr:focus td.docklands,
.rainbow-board tr:focus td.docklands-light-railway {
  background-color: #009694; }

.rainbow-board tr:hover td.hammersmith, .rainbow-board tr:focus td.hammersmith {
  background-color: #f37194; }

.rainbow-board tr:hover td.jubilee, .rainbow-board tr:focus td.jubilee {
  background-color: #768087; }

.rainbow-board tr:hover td.metropolitan, .rainbow-board tr:focus td.metropolitan {
  background-color: #82004a; }

.rainbow-board tr:hover td.northern, .rainbow-board tr:focus td.northern {
  background-color: black; }

.rainbow-board tr:hover td.overground, .rainbow-board tr:focus td.overground {
  background-color: #e16f05; }

.rainbow-board tr:hover td.liberty, .rainbow-board tr:focus td.liberty {
  background-color: #555b5e; }

.rainbow-board tr:hover td.mildmay, .rainbow-board tr:focus td.mildmay {
  background-color: #0063cd; }

.rainbow-board tr:hover td.weaver, .rainbow-board tr:focus td.weaver {
  background-color: #82004a; }

.rainbow-board tr:hover td.windrush, .rainbow-board tr:focus td.windrush {
  background-color: #c6201c; }

.rainbow-board tr:hover td.lioness, .rainbow-board tr:focus td.lioness {
  background-color: #e69500; }

.rainbow-board tr:hover td.suffragette, .rainbow-board tr:focus td.suffragette {
  background-color: #159351; }

.rainbow-board tr:hover td.piccadilly, .rainbow-board tr:focus td.piccadilly {
  background-color: #00158f; }

.rainbow-board tr:hover td.victoria, .rainbow-board tr:focus td.victoria {
  background-color: #038acc; }

.rainbow-board tr:hover td.waterloo, .rainbow-board tr:focus td.waterloo {
  background-color: #63c9b4; }

.rainbow-board tr:hover td.tram1, .rainbow-board tr:focus td.tram1 {
  background-color: #b9cb27; }

.rainbow-board tr:hover td.tram2, .rainbow-board tr:focus td.tram2 {
  background-color: #b9cb27; }

.rainbow-board tr:hover td.tram3, .rainbow-board tr:focus td.tram3 {
  background-color: #6db038; }

.rainbow-board tr:hover td.tram4, .rainbow-board tr:focus td.tram4 {
  background-color: #295610; }

.rainbow-board tr:hover td.rb1, .rainbow-board tr:focus td.rb1 {
  background-color: #22242b; }

.rainbow-board tr:hover td.rb2, .rainbow-board tr:focus td.rb2 {
  background-color: #0063a3; }

.rainbow-board tr:hover td.rb3, .rainbow-board tr:focus td.rb3 {
  background-color: #ef5b9e; }

.rainbow-board tr:hover td.rb4, .rainbow-board tr:focus td.rb4 {
  background-color: #4fbb92; }

.rainbow-board tr:hover td.rb5, .rainbow-board tr:focus td.rb5 {
  background-color: #a65d2b; }

.rainbow-board tr:hover td.rb6, .rainbow-board tr:focus td.rb6 {
  background-color: #db4fa5; }

.rainbow-board tr:hover td.city-cruises, .rainbow-board tr:focus td.city-cruises {
  background-color: #d82f12; }

.rainbow-board tr:hover td.thames-river-services, .rainbow-board tr:focus td.thames-river-services {
  background-color: #242884; }

.rainbow-board tr:hover td.circular-cruise-westminster, .rainbow-board tr:focus td.circular-cruise-westminster {
  background-color: #3da12f; }

.rainbow-board tr:hover td.thames-river-boat, .rainbow-board tr:focus td.thames-river-boat {
  background-color: #e3a700; }

.rainbow-board tr:hover td.turk-launches, .rainbow-board tr:focus td.turk-launches {
  background-color: #003265; }

.rainbow-board tr:hover td.woolwich-ferry, .rainbow-board tr:focus td.woolwich-ferry {
  background-color: #f28709; }

.rainbow-board tr:hover td.cable-car, .rainbow-board tr:focus td.cable-car {
  background-color: #c6201c; }

.rainbow-board tr:hover td.rb1x, .rainbow-board tr:focus td.rb1x {
  background-color: #094673; }

.rainbow-board tr.has-disruption:hover td.service-status, .rainbow-board tr.has-disruption:focus td.service-status {
  background-color: #f6eecb; }

.rainbow-board.stations-status tr:hover td.line-text {
  background-color: #e1e1e1; }

/**************************************************
	D5 Related links (internal/external)

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/D5+-+Related+Links

**************************************************/
.related-links {
  padding: 15px 15px 0 15px;
  background-color: #eee;
  margin-bottom: 10px;
  border-bottom: 3px solid #ccc;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2); }
  .related-links.full-width {
    width: 100%;
    float: none; }

/**************************************************
	M045-image-list
* Author: John Boyle
* Created: 03/10/2013
* Pattern library URL:
**************************************************/
ul.image-list {
  margin: 15px 0;
  width: 100%;
  margin-left: 0; }
  ul.image-list li {
    width: 100%; }
    ul.image-list li.image-list-title {
      background: #eee;
      padding: 10px;
      list-style: none; }
    ul.image-list li.image-item {
      position: relative;
      padding-left: 50%;
      list-style: none;
      padding: 15px 2px;
      border-bottom: solid 1px #cacaca; }
    ul.image-list li img {
      display: block;
      margin: 15px auto; }

/*.service-status-links, .heading-dropdown-links {
    display: none;
}
.status-dropdowns-wrap, .heading-dropdown-wrap {
	position: relative;
	float: left;
	width: 100%;
}
.status-update-heading {
	.heading-dropdown {
		float: right;
		width:100%;
		margin: 10px 0;
	}
	.date-dropdown-placeholder {
		float: right;
		width:100%;
		margin: 0px 0 10px 0;
	}
}
*/
.heading-dropdowns-wrap .dropdowns-wrap {
  padding: 10px 0;
  border-top: 1px solid #ccc; }

.heading-dropdowns-wrap .heading-dropdown:first-child {
  margin-bottom: 10px; }

.service-status-links {
  display: none; }

.date-link-container {
  display: none; }

.advance-month-container {
  display: none; }

.article-teaser, .info-teaser {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 30px; }

.secondary-teaser img,
.tertiary-teaser img {
  display: none; }

.info-teaser {
  background-color: #faf5e1; }

.news-teaser {
  display: flex;
  flex-direction: column;
  height: 100%; }

.news-teaser {
  margin-bottom: 20px;
  position: relative; }
  .news-teaser .text-link-new h2 {
    font-size: 20px;
    padding: 15px 30px 10px 0px;
    word-wrap: break-word;
    margin-bottom: 0; }
  .news-teaser h2 a {
    color: #03071c; }
  .news-teaser h3 {
    padding: 15px 30px 10px 0px;
    word-wrap: break-word;
    margin-bottom: 0; }
  .news-teaser h3 a {
    color: #03071c; }
  .news-teaser img {
    width: 100%;
    height: auto; }
  .news-teaser.overground > a {
    border-bottom-color: #fa7b05; }
  .news-teaser.liberty > a {
    border-bottom-color: #61686b; }
  .news-teaser.mildmay > a {
    border-bottom-color: #006fe6; }
  .news-teaser.weaver > a {
    border-bottom-color: #9b0058; }
  .news-teaser.windrush > a {
    border-bottom-color: #dc241f; }
  .news-teaser.lioness > a {
    border-bottom-color: #ffa600; }
  .news-teaser.suffragette > a {
    border-bottom-color: #18a95d; }
  .news-teaser.cablecar > a {
    border-bottom-color: #dc241f; }
  .news-teaser.bus > a {
    border-bottom-color: #c33; }
  .news-teaser.tram > a {
    border-bottom-color: #5fb526; }
  .news-teaser.bch > a {
    border-bottom-color: #ec0000; }
  .news-teaser.coach > a {
    border-bottom-color: #fdb813; }
  .news-teaser.visitor-centres > a {
    border-bottom-color: #dc006b; }
  .news-teaser > a {
    display: block;
    -webkit-transition: background-color 0.3s, border-color, 0.3s;
    -moz-transition: background-color 0.3s, border-color, 0.3s;
    transition: background-color 0.3s, border-color, 0.3s;
    border-bottom: 3px solid #999; }
    .news-teaser > a:focus, .news-teaser > a:hover {
      border-bottom-color: #2070b0;
      background-color: #eff6fd;
      text-decoration: none; }
  .news-teaser .text-link-new {
    display: block;
    -webkit-transition: background-color 0.3s, border-color, 0.3s;
    -moz-transition: background-color 0.3s, border-color, 0.3s;
    transition: background-color 0.3s, border-color, 0.3s;
    border-bottom: 3px solid #999; }
    .news-teaser .text-link-new:focus, .news-teaser .text-link-new:hover {
      border-bottom-color: #2070b0;
      background-color: #eff6fd;
      text-decoration: none; }
  .news-teaser a.external-link:after {
    margin-right: 2px; }
  .news-teaser a.external-link .text-link:after {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -1152px; }
    .body-cms-preview .news-teaser a.external-link .text-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .news-teaser .text-link {
    padding: 15px 30px 15px 15px;
    position: relative; }
    .news-teaser .text-link:after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -16px; }
  .news-teaser .text-link-new {
    padding: 0 30px 15px 15px;
    display: flex; }
    .news-teaser .text-link-new .text-container {
      width: 100%; }
    .news-teaser .text-link-new .icon-container {
      display: flex;
      align-items: center;
      transform: translateX(32px); }
    .news-teaser .text-link-new .chevron-icon {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px; }
      .body-cms-preview .news-teaser .text-link-new .chevron-icon {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .news-teaser .text-only {
    padding: 15px; }
  .news-teaser p {
    margin-bottom: 0; }
  .news-teaser .call-to-action-button {
    background: #eee;
    padding: 10px; }
  .news-teaser .action-icon {
    height: 48px;
    width: 48px;
    position: absolute;
    right: 20px;
    top: -15px; }
  .news-teaser .vertical-button-container {
    margin: 10px 0 0; }

.news-teaser a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.news-teaser:focus-within {
  outline: solid 2px #03071c;
  border-radius: 4px; }

.news-teaser a:focus-visible {
  outline: none; }

.news-teaser-no-image {
  position: relative;
  background-color: #EEE; }
  .news-teaser-no-image h2 {
    font-size: 20px; }
  .news-teaser-no-image .text-link {
    padding: 15px 30px 15px 15px;
    position: relative; }

.content-area .news-teaser > a:focus, .content-area .news-teaser > a:hover,
.primary-teaser .news-teaser > a:focus,
.primary-teaser .news-teaser > a:hover {
  background-color: #2d3039; }

.content-image {
  background: #f6f6f6; }
  .content-image img {
    width: 100%; }
  .content-image span {
    font-weight: bold; }
  .content-image .image-caption {
    padding: 10px; }

.plain-teaser {
  margin-bottom: 20px;
  position: relative;
  background: #fff;
  border: 1px solid #666;
  padding: 20px 10px; }
  .plain-teaser h2 {
    font-size: 18px;
    margin-bottom: 5px; }

.tickets-fares-wrap {
  padding: 10px;
  *zoom: 1;
  background: #eee; }
  .tickets-fares-wrap:before, .tickets-fares-wrap:after {
    content: " ";
    display: table; }
  .tickets-fares-wrap:after {
    clear: both; }
  .tickets-fares-wrap h2 {
    margin: 10px 0 15px 0; }
  .tickets-fares-wrap h3 {
    margin-bottom: 15px; }
  .tickets-fares-wrap p {
    margin-bottom: 5px; }
  .tickets-fares-wrap .buying-tickets {
    width: 100%;
    border-bottom: solid 1px #a8a8a8;
    padding-bottom: 10px; }
  .tickets-fares-wrap .fares {
    padding-top: 15px;
    width: 100%; }
    .tickets-fares-wrap .fares .plain-button {
      margin-top: 10px;
      border: solid 1px #a8a8a8; }

/**************************************************
	C5 Calendar view

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C6+-+Calendar+view

**************************************************/
.fc-calendar-wrapper {
  border: 1px solid #ccc;
  min-width: 205px; }
  .fc-calendar-wrapper .current-month {
    text-align: center;
    font-size: 16px;
    background-color: #eee;
    padding: 5px;
    position: relative; }
    .fc-calendar-wrapper .current-month .calendar-previous-month {
      left: 0px; }
      .fc-calendar-wrapper .current-month .calendar-previous-month:after {
        content: "";
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: -32px -576px;
        position: absolute;
        left: 0;
        top: 0; }
        .body-cms-preview .fc-calendar-wrapper .current-month .calendar-previous-month:after {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .fc-calendar-wrapper .current-month .calendar-next-month {
      right: 0; }
      .fc-calendar-wrapper .current-month .calendar-next-month:after {
        content: "";
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: -32px -640px;
        position: absolute;
        left: 0;
        top: 0; }
        .body-cms-preview .fc-calendar-wrapper .current-month .calendar-next-month:after {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fc-calendar-wrapper .fc-calendar {
    background: #fff; }
    .fc-calendar-wrapper .fc-calendar .fc-head {
      height: 35px;
      padding: 6px;
      border-bottom: 1px solid #cacaca; }
      .fc-calendar-wrapper .fc-calendar .fc-head > div {
        text-align: center; }
    .fc-calendar-wrapper .fc-calendar .fc-row > div, .fc-calendar-wrapper .fc-calendar .fc-head > div {
      float: left;
      height: 100%;
      width: 14.28%;
      /* 100% / 7 */
      position: relative; }
    .fc-calendar-wrapper .fc-calendar .fc-row {
      border-bottom: 1px solid #cacaca;
      height: 45px; }
      .fc-calendar-wrapper .fc-calendar .fc-row a {
        text-align: center;
        margin-top: 5px; }
      .fc-calendar-wrapper .fc-calendar .fc-row .highlighted-day {
        background: #faf5e1;
        color: #2070b0;
        font-weight: bold; }
        .fc-calendar-wrapper .fc-calendar .fc-row .highlighted-day a {
          border-bottom: 3px solid transparent; }
          .fc-calendar-wrapper .fc-calendar .fc-row .highlighted-day a:hover, .fc-calendar-wrapper .fc-calendar .fc-row .highlighted-day a:focus {
            border-bottom: 3px solid #feb914; }
      .fc-calendar-wrapper .fc-calendar .fc-row:last-child {
        border-bottom: none; }
      .fc-calendar-wrapper .fc-calendar .fc-row > div {
        border-right: 1px solid #cacaca;
        position: relative;
        font-weight: normal; }
        .fc-calendar-wrapper .fc-calendar .fc-row > div:empty {
          background: #eee;
          border-bottom: none; }
        .fc-calendar-wrapper .fc-calendar .fc-row > div.fc-today {
          font-weight: bold;
          border: 1px solid #2d3039; }
        .fc-calendar-wrapper .fc-calendar .fc-row > div > span.fc-date {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 20px;
          height: 20px;
          margin-top: -10px;
          margin-left: -10px;
          text-align: center; }
        .fc-calendar-wrapper .fc-calendar .fc-row > div > span.fc-weekday {
          display: none; }
        .fc-calendar-wrapper .fc-calendar .fc-row > div:last-child {
          border-right: none; }

/*.coming-soon-widget {
	background-repeat: no-repeat;
	position: relative;
    width: 100%;
	background-size: cover;
	&.single-fare-finder {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Singlefarefinder.png');
		height: 315px;
		padding-bottom:110%;
	}
	&.emirates-airline-map { 
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Emirates_map.png');
		height:287px;
	}
	&.river-map {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/River_map.png');
		height:293px;
	}
	&.tram-map {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Tram_map.png');
		height: 404px;
	}
    &.bus-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Bus_statusx1.png');
		height: 63px;
		padding-bottom: 21%;
	}
	&.bus-search {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Bus_searchx1.png');
		height: 213px;
		padding-bottom: 70%;
	}
	&.roads-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Roads_statusx1.png');
		height: 63px;
		padding-bottom: 21%;
	}
	&.roads-search {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Roads_searchx1.png');
		height: 163px;
		padding-bottom: 50%;
	}
	&.emirates-airline-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Emirates_statusx1.png');
		height: 63px;
		padding-bottom: 21%;
	}
	&.river-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/River_statusx1.png');
		height: 63px;
		padding-bottom: 21%;
	}
	&.river-search {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/River_searchx1.png');
		height: 213px;
		padding-bottom: 70%;
	}
	&.tram-status {
		background: url("/static/'+$version+'/images/placeholder/coming-soon/Tram_statusx1.png");
		height: 63px;
		padding-bottom: 21%;
	}
	.coming-soon-icon {
		background-color: #fff;
		font-family: New Johnson;
		height: 50px;
		left: 50%;
		margin-left: -107px;
		padding: 10px;
		position: absolute;
		top: 50%;
		margin-top:-25px;
		min-width: 225px;
		border-bottom: 2px solid $lighter-grey-border-colour;
		text-align: center;
		span {
			font-family: Johnston100-Regular;
			margin-right: 5px;
            font-size: 18px;
		}
		p {
			float: right;
			margin-top: 4px;
		} 
	}
}*/
.coming-soon-widget {
  position: relative;
  width: 100%;
  height: 180px;
  margin: 20px 0;
  background: url(data:image/gif;base64,R0lGODlhBwAHAIAAAPb29unp6SH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNUJFNjBDQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMxNUJFNjBEQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTJBM0VGNkJDQ0Y3MTFFMkFDODFCOUUyRDgyQzg3MTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTJBM0VGNkNDQ0Y3MTFFMkFDODFCOUUyRDgyQzg3MTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAABwAHAEACDAx+BqGYxpxcLT5XAAA7);
  margin-bottom: 10px; }
  .coming-soon-widget .coming-soon-icon {
    position: absolute;
    padding: 10px;
    min-width: 225px;
    height: 70px;
    top: 50%;
    margin-top: -35px;
    left: 50%;
    margin-left: -112px;
    background-color: #fff;
    border-bottom: 3px solid rgba(0, 0, 0, 0.2); }
    .coming-soon-widget .coming-soon-icon span {
      font-size: 18px;
      display: block;
      text-align: center; }
    .coming-soon-widget .coming-soon-icon p {
      text-align: center; }

.content-information-box {
  margin-bottom: 20px;
  position: relative; }
  .content-information-box h2 {
    font-size: 20px; }
  .content-information-box img {
    width: 100%;
    height: auto; }
  .content-information-box > a {
    display: block;
    -webkit-transition: background-color 0.3s, border-color, 0.3s;
    -moz-transition: background-color 0.3s, border-color, 0.3s;
    transition: background-color 0.3s, border-color, 0.3s;
    border-bottom: 3px solid #999; }
    .content-information-box > a:focus, .content-information-box > a:hover {
      border-bottom-color: #2070b0;
      background-color: #eff6fd;
      text-decoration: none; }
  .content-information-box .text-link {
    padding: 15px 30px 15px 15px;
    position: relative; }
    .content-information-box .text-link:after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -16px; }
  .content-information-box .text-only {
    padding: 15px; }
  .content-information-box p {
    margin-bottom: 0;
    width: 90%; }
  .content-information-box .call-to-action-button {
    background: #eee;
    padding: 10px; }
  .content-information-box .action-icon {
    height: 48px;
    width: 48px;
    position: absolute;
    right: 20px;
    top: -15px; }
  .content-information-box .vertical-button-container {
    margin: 10px 0 0; }
  .content-information-box p {
    margin-top: 10px;
    margin-bottom: 10px; }
  .content-information-box .text-only .accordion {
    margin-bottom: 0px; }
  .content-information-box .text-only > p {
    margin-top: 20px;
    margin-bottom: 20px; }

/**************************************************
	C7 Database - Record

* Author: 
* Created: 
* Pattern library URL: 

**************************************************/
.database-record {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px 5px;
  border: 1px solid #ccc; }
  .database-record tr:nth-child(2n) {
    background-color: #eee; }
  .database-record th {
    font-weight: bold; }
  .database-record th, .database-record td {
    display: table-row; }

.table-container {
  position: relative;
  margin-bottom: 20px; }
  .table-container.hiding {
    overflow-x: scroll; }

.responsive-table-wrapper {
  position: relative; }

.hiding .responsive-table-shadow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 15px;
  display: block; }
  .hiding .responsive-table-shadow.left-shadow {
    background-color: "transparent";
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); }
  .hiding .responsive-table-shadow.right-shadow {
    background-color: "transparent";
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to left,rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); }

.responsive-table-shadow {
  display: none; }

.hiding-table {
  position: absolute; }
  .hiding-table.first-col {
    left: 0; }
    .hiding-table.first-col tr:nth-child(even) {
      background-color: #fff; }

/**************************************************
	M063-timing-ribbon
* Author: Andrew Spencer
* Created: 17/10/2013
* Pattern library URL: 
**************************************************/
.TDM-table {
  display: none; }

.TDM-chart {
  position: relative;
  margin-top: 20px;
  height: 182px;
  width: 100%;
  cursor: default;
  overflow: visible;
  background-color: #F4F4F4; }

.TDM-box {
  position: relative;
  margin: 0 0 20px 0;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #F4F4F4;
  display: block; }

.barCollection {
  width: 100%;
  position: relative;
  top: 30px;
  height: 110px;
  background-color: white; }

.TDM-bar {
  position: absolute;
  bottom: -1px;
  width: 100%;
  background-color: #99CC33;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1); }

.TDM-column {
  float: left;
  height: 110px;
  width: 8.33%;
  position: relative;
  display: inline;
  z-index: 2; }
  .TDM-column:before {
    content: attr(data-content);
    position: absolute;
    font-size: 11px;
    top: -20px;
    left: -1px; }
  .TDM-column:after {
    width: 0px;
    content: '';
    border-left: 1px dashed rgba(0, 0, 0, 0.2);
    height: 100%;
    background: none;
    left: 0;
    position: absolute; }
  .TDM-column:nth-child(even) {
    height: 100px;
    top: 10px; }
    .TDM-column:nth-child(even):before {
      content: ""; }
    .TDM-column:nth-child(even) .hatch-box {
      top: 0px; }
  .TDM-column .hatch-box {
    background-image: url("/static/1/images/TDM-stripe-pattern.png");
    background-repeat: repeat;
    position: absolute;
    z-index: -1;
    left: -10px;
    top: 10px;
    right: -10px;
    height: 100px; }
  .TDM-column .connected-hatch {
    right: 0px; }
  .TDM-column .follow-hatch {
    left: -0px;
    right: -10px; }
  .TDM-column .middle-hatch {
    left: -0px;
    right: 0px; }

.chartedge-top {
  width: 100%;
  height: 40px;
  top: 0px;
  background-color: #F4F4F4;
  clear: both;
  position: absolute;
  z-index: 1; }

.chartedge-bottom {
  display: block;
  position: absolute;
  top: 140px;
  width: 100%;
  bottom: 0px;
  background-color: #F4F4F4;
  padding: 10px; }
  .chartedge-bottom .chart-scale {
    position: absolute;
    left: 35px; }
    .chartedge-bottom .chart-scale:before {
      content: " ";
      background-image: url("/static/1/images/TDM-stripe-pattern.png");
      background-repeat: repeat;
      position: absolute;
      left: -35px;
      width: 22px;
      height: 22px; }
  .chartedge-bottom a:hover .text-link {
    text-decoration: underline; }
  .chartedge-bottom .text-link {
    right: 40px;
    position: absolute; }
    .chartedge-bottom .text-link:before {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -352px;
      height: 32px;
      width: 32px;
      display: block;
      position: absolute;
      top: -5px;
      left: 80px;
      content: ' '; }
      .body-cms-preview .chartedge-bottom .text-link:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

/**************************************************
	M066 cycle-hire-block
* Author: Alex Faunt
* Created: 25/10/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M066-cycle-hire-block
**************************************************/
.cycle-hire-block {
  margin: 0 0 20px; }
  .cycle-hire-block .docks {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin-bottom: 10px; }
    .cycle-hire-block .docks.borderless {
      border: 1px solid #ccc; }
      .cycle-hire-block .docks.borderless .dock {
        border: 0px; }
  .cycle-hire-block .dock {
    display: table-cell;
    border: solid #ccc;
    border-width: 1px 1px 1px 0px;
    background: #fff;
    height: 48px;
    width: 1%; }
    .cycle-hire-block .dock.full {
      background: #ec0000; }
    .cycle-hire-block .dock:first-child {
      border-width: 1px; }

.availability {
  padding: 0;
  margin: 0; }
  .availability .spaces {
    float: right; }

.search-box-settings {
  background: #eee;
  padding: 15px 10px 5px 10px;
  border-bottom: 3px solid #ccc;
  margin-bottom: 15px; }

.search-title {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding-top: 5px; }
  .search-title .dots {
    position: absolute;
    width: 40px;
    right: 0;
    top: 1px;
    bottom: 1px;
    margin: 0;
    padding: 0;
    background: #2d3039;
    z-index: 999;
    color: #fff; }

.search-results, #pagination-items .search-results, #results-list .search-results {
  position: relative;
  margin-top: 15px;
  background: #fff;
  border-bottom: 1px solid #ccc; }
  .search-results.number-pad-result, #pagination-items .number-pad-result.search-results, #results-list .number-pad-result.search-results {
    padding-left: 100px; }
    .search-results.number-pad-result a h3, #pagination-items .number-pad-result.search-results a h3, #results-list .number-pad-result.search-results a h3 {
      margin-bottom: 5px; }
    .search-results.number-pad-result .number-pad-result-number, #pagination-items .number-pad-result.search-results .number-pad-result-number, #results-list .number-pad-result.search-results .number-pad-result-number {
      position: absolute;
      left: 0px;
      top: 40%;
      margin-top: -20px;
      font-size: 40px;
      text-align: center;
      width: 80px;
      display: block; }
  .search-results .match-result-link, #pagination-items .search-results .match-result-link, #results-list .search-results .match-result-link, .search-results li.search-results, .search-results #pagination-items li.search-results, #pagination-items .search-results li.search-results, .search-results #results-list li.search-results, #results-list .search-results li.search-results {
    display: table;
    padding: 15px 15px 15px 0;
    color: #2d3039;
    background: inherit;
    height: 100%; }
    .search-results .match-result-link:hover, #pagination-items .search-results .match-result-link:hover, #results-list .search-results .match-result-link:hover, .search-results li.search-results:hover, .search-results #pagination-items li.search-results:hover, #pagination-items .search-results li.search-results:hover, .search-results #results-list li.search-results:hover, #results-list .search-results li.search-results:hover {
      text-decoration: none; }
    .search-results .match-result-link.docs a h3, #pagination-items .search-results .match-result-link.docs a h3, #results-list .search-results .match-result-link.docs a h3, .search-results li.search-results.docs a h3, .search-results #pagination-items li.docs.search-results a h3, #pagination-items .search-results li.docs.search-results a h3, .search-results #results-list li.docs.search-results a h3, #results-list .search-results li.docs.search-results a h3 {
      position: relative;
      padding-left: 35px; }
      .search-results .match-result-link.docs a h3:before, #pagination-items .search-results .match-result-link.docs a h3:before, #results-list .search-results .match-result-link.docs a h3:before, .search-results li.search-results.docs a h3:before, .search-results #pagination-items li.docs.search-results a h3:before, #pagination-items .search-results li.docs.search-results a h3:before, .search-results #results-list li.docs.search-results a h3:before, #results-list .search-results li.docs.search-results a h3:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -16px;
        left: 0;
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: -64px -192px; }
        .body-cms-preview .search-results .match-result-link.docs a h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a h3:before, .body-cms-preview .search-results li.search-results.docs a h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a h3:before {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .search-results .match-result-link.docs a.pdf h3:before, #pagination-items .search-results .match-result-link.docs a.pdf h3:before, #results-list .search-results .match-result-link.docs a.pdf h3:before, .search-results li.search-results.docs a.pdf h3:before, .search-results #pagination-items li.docs.search-results a.pdf h3:before, #pagination-items .search-results li.docs.search-results a.pdf h3:before, .search-results #results-list li.docs.search-results a.pdf h3:before, #results-list .search-results li.docs.search-results a.pdf h3:before {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -192px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.pdf h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.pdf h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview .search-results li.search-results.docs a.pdf h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.pdf h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.pdf h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.pdf h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.pdf h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.pdf h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.pdf h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.pdf h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.pdf h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview .search-results li.search-results.docs a.pdf h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.pdf h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.pdf h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.pdf h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.pdf h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.pdf h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.pdf h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .search-results .match-result-link.docs a.xlsx h3:before, #pagination-items .search-results .match-result-link.docs a.xlsx h3:before, #results-list .search-results .match-result-link.docs a.xlsx h3:before, .search-results .match-result-link.docs a.xls h3:before, #pagination-items .search-results .match-result-link.docs a.xls h3:before, #results-list .search-results .match-result-link.docs a.xls h3:before, .search-results li.search-results.docs a.xlsx h3:before, .search-results #pagination-items li.docs.search-results a.xlsx h3:before, #pagination-items .search-results li.docs.search-results a.xlsx h3:before, .search-results #results-list li.docs.search-results a.xlsx h3:before, #results-list .search-results li.docs.search-results a.xlsx h3:before, .search-results li.search-results.docs a.xls h3:before, .search-results #pagination-items li.docs.search-results a.xls h3:before, #pagination-items .search-results li.docs.search-results a.xls h3:before, .search-results #results-list li.docs.search-results a.xls h3:before, #results-list .search-results li.docs.search-results a.xls h3:before {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -160px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.xlsx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.xlsx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.xls h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.xls h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview .search-results li.search-results.docs a.xlsx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.xlsx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.xlsx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.xlsx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.xlsx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.xlsx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.xlsx h3:before, .body-cms-preview .search-results li.search-results.docs a.xls h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.xls h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.xls h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.xls h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.xls h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.xls h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.xls h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.xlsx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.xlsx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.xls h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.xls h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview .search-results li.search-results.docs a.xlsx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.xlsx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.xlsx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.xlsx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.xlsx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.xlsx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.xlsx h3:before, .body-cms-preview .search-results li.search-results.docs a.xls h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.xls h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.xls h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.xls h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.xls h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.xls h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.xls h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .search-results .match-result-link.docs a.doc h3:before, #pagination-items .search-results .match-result-link.docs a.doc h3:before, #results-list .search-results .match-result-link.docs a.doc h3:before, .search-results .match-result-link.docs a.docx h3:before, #pagination-items .search-results .match-result-link.docs a.docx h3:before, #results-list .search-results .match-result-link.docs a.docx h3:before, .search-results li.search-results.docs a.doc h3:before, .search-results #pagination-items li.docs.search-results a.doc h3:before, #pagination-items .search-results li.docs.search-results a.doc h3:before, .search-results #results-list li.docs.search-results a.doc h3:before, #results-list .search-results li.docs.search-results a.doc h3:before, .search-results li.search-results.docs a.docx h3:before, .search-results #pagination-items li.docs.search-results a.docx h3:before, #pagination-items .search-results li.docs.search-results a.docx h3:before, .search-results #results-list li.docs.search-results a.docx h3:before, #results-list .search-results li.docs.search-results a.docx h3:before {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -192px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.doc h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.doc h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.docx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.docx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview .search-results li.search-results.docs a.doc h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.doc h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.doc h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.doc h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.doc h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.doc h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.doc h3:before, .body-cms-preview .search-results li.search-results.docs a.docx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.docx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.docx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.docx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.docx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.docx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.docx h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.doc h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.doc h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.docx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.docx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview .search-results li.search-results.docs a.doc h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.doc h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.doc h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.doc h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.doc h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.doc h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.doc h3:before, .body-cms-preview .search-results li.search-results.docs a.docx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.docx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.docx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.docx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.docx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.docx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.docx h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .search-results .match-result-link.docs a.ppt h3:before, #pagination-items .search-results .match-result-link.docs a.ppt h3:before, #results-list .search-results .match-result-link.docs a.ppt h3:before, .search-results .match-result-link.docs a.pptx h3:before, #pagination-items .search-results .match-result-link.docs a.pptx h3:before, #results-list .search-results .match-result-link.docs a.pptx h3:before, .search-results li.search-results.docs a.ppt h3:before, .search-results #pagination-items li.docs.search-results a.ppt h3:before, #pagination-items .search-results li.docs.search-results a.ppt h3:before, .search-results #results-list li.docs.search-results a.ppt h3:before, #results-list .search-results li.docs.search-results a.ppt h3:before, .search-results li.search-results.docs a.pptx h3:before, .search-results #pagination-items li.docs.search-results a.pptx h3:before, #pagination-items .search-results li.docs.search-results a.pptx h3:before, .search-results #results-list li.docs.search-results a.pptx h3:before, #results-list .search-results li.docs.search-results a.pptx h3:before {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -192px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.ppt h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.ppt h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.pptx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.pptx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview .search-results li.search-results.docs a.ppt h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.ppt h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.ppt h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.ppt h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.ppt h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.ppt h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.ppt h3:before, .body-cms-preview .search-results li.search-results.docs a.pptx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.pptx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.pptx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.pptx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.pptx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.pptx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.pptx h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.ppt h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.ppt h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.pptx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.pptx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview .search-results li.search-results.docs a.ppt h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.ppt h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.ppt h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.ppt h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.ppt h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.ppt h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.ppt h3:before, .body-cms-preview .search-results li.search-results.docs a.pptx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.pptx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.pptx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.pptx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.pptx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.pptx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.pptx h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .search-results .match-result-link.docs a.rtf h3:before, #pagination-items .search-results .match-result-link.docs a.rtf h3:before, #results-list .search-results .match-result-link.docs a.rtf h3:before, .search-results li.search-results.docs a.rtf h3:before, .search-results #pagination-items li.docs.search-results a.rtf h3:before, #pagination-items .search-results li.docs.search-results a.rtf h3:before, .search-results #results-list li.docs.search-results a.rtf h3:before, #results-list .search-results li.docs.search-results a.rtf h3:before {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -192px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.rtf h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.rtf h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview .search-results li.search-results.docs a.rtf h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.rtf h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.rtf h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.rtf h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.rtf h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.rtf h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.rtf h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.rtf h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.rtf h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview .search-results li.search-results.docs a.rtf h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.rtf h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.rtf h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.rtf h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.rtf h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.rtf h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.rtf h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .search-results .match-result-link.docs a.jpg h3:before, #pagination-items .search-results .match-result-link.docs a.jpg h3:before, #results-list .search-results .match-result-link.docs a.jpg h3:before, .search-results li.search-results.docs a.jpg h3:before, .search-results #pagination-items li.docs.search-results a.jpg h3:before, #pagination-items .search-results li.docs.search-results a.jpg h3:before, .search-results #results-list li.docs.search-results a.jpg h3:before, #results-list .search-results li.docs.search-results a.jpg h3:before {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -96px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.jpg h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.jpg h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview .search-results li.search-results.docs a.jpg h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.jpg h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.jpg h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.jpg h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.jpg h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.jpg h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.jpg h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.jpg h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.jpg h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview .search-results li.search-results.docs a.jpg h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.jpg h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.jpg h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.jpg h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.jpg h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.jpg h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.jpg h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .search-results .match-result-link.docs a.zip h3:before, #pagination-items .search-results .match-result-link.docs a.zip h3:before, #results-list .search-results .match-result-link.docs a.zip h3:before, .search-results li.search-results.docs a.zip h3:before, .search-results #pagination-items li.docs.search-results a.zip h3:before, #pagination-items .search-results li.docs.search-results a.zip h3:before, .search-results #results-list li.docs.search-results a.zip h3:before, #results-list .search-results li.docs.search-results a.zip h3:before {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -128px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.zip h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.zip h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview .search-results li.search-results.docs a.zip h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.zip h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.zip h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.zip h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.zip h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.zip h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.zip h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.zip h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.zip h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview .search-results li.search-results.docs a.zip h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.zip h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.zip h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.zip h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.zip h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.zip h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.zip h3:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .search-results .match-result-link p, #pagination-items .search-results .match-result-link p, #results-list .search-results .match-result-link p {
    margin-bottom: 0;
    padding-right: 25px;
    color: #2d3039;
    overflow: hidden;
    max-height: 110px;
    position: relative;
    line-height: 22px;
    background: inherit;
    word-wrap: break-word;
    word-break: break-word; }
    .search-results .match-result-link p em, #pagination-items .search-results .match-result-link p em, #results-list .search-results .match-result-link p em {
      background: #d8e3f0;
      font-style: normal; }
  .search-results a.search-url, #pagination-items .search-results a.search-url, #results-list .search-results a.search-url {
    padding-top: 10px; }
  .search-results h3, #pagination-items .search-results h3, #results-list .search-results h3, .search-results .search-result-text a h3, #pagination-items .search-results .search-result-text a h3, #results-list .search-results .search-result-text a h3 {
    word-wrap: break-word;
    word-break: break-word;
    color: #2070b0; }
    .search-results h3:hover, #pagination-items .search-results h3:hover, #results-list .search-results h3:hover, .search-results .search-result-text a h3:hover, #pagination-items .search-results .search-result-text a h3:hover, #results-list .search-results .search-result-text a h3:hover {
      text-decoration: underline; }

.search-filter-results {
  margin-bottom: 20px; }

#pagination-items, #results-list {
  margin-left: 0; }
  #pagination-items li, #results-list li {
    list-style: none; }
    #pagination-items li.search-results, #results-list li.search-results {
      margin-top: 30px; }
  #pagination-items .search-results .search-result-text, #results-list .search-results .search-result-text {
    position: relative;
    margin-bottom: 10px; }
    #pagination-items .search-results .search-result-text p, #results-list .search-results .search-result-text p {
      margin-bottom: 0;
      padding-right: 25px;
      color: #000; }
    #pagination-items .search-results .search-result-text h3, #results-list .search-results .search-result-text h3 {
      color: #000; }
  #pagination-items .search-results .search-tags, #results-list .search-results .search-tags {
    display: none; }

.re-search {
  margin-bottom: 5px; }
  .re-search span {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-weight: bold; }
  .re-search .remove-content-container {
    float: left;
    width: 100%; }
  .re-search .primary-button {
    float: left;
    width: 25%;
    min-width: 70px; }

.results-filter-box label.heading {
  float: left;
  width: 100%;
  text-align: left; }
  .results-filter-box label.heading.results-from {
    width: 100%;
    margin-left: 0; }

.results-filter-box span.heading.results-from {
  font-weight: bold;
  border: none; }

.results-filter-box .sort-by {
  float: left;
  width: 100%;
  margin-top: 5px; }
  .results-filter-box .sort-by .selector {
    width: 100%;
    float: left; }
  .results-filter-box .sort-by .primary-button {
    margin-bottom: 10px; }

.results-filter-box .num-pages-holder {
  width: 47.46%;
  margin-right: 2.54%;
  float: left; }

.results-filter-box .sort-by-holder {
  width: 50%;
  float: left; }

.results-filter-box .results-from {
  padding-top: 5px;
  float: left;
  width: 100%; }
  .results-filter-box .results-from span.heading {
    font-weight: bold;
    display: block;
    margin-bottom: 5px; }
  .results-filter-box .results-from .selector {
    width: 100%;
    float: left; }

/**************************************************
	M068 timetable options
* Author: Alex Faunt
* Created: 19/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M068-timetable-options
**************************************************/
.timetable-options {
  padding: 10px; }
  .timetable-options > * {
    margin-bottom: 10px; }
  .timetable-options > p {
    margin-bottom: 15px; }
  .timetable-options .hidden {
    display: none; }
  .timetable-options hr {
    padding: 0;
    margin: 0 -10px 10px;
    border: 0 none;
    border-top: 1px dotted #ccc;
    height: 0;
    background: transparent; }
  .timetable-options .select-from-to {
    padding-right: 60px;
    position: relative; }
    .timetable-options .select-from-to .edit {
      position: absolute;
      top: 0;
      right: 0; }
  .timetable-options .edit {
    width: auto;
    min-width: 50px; }
    .timetable-options .edit.full-width {
      display: block; }
      .timetable-options .edit.full-width .i {
        display: inline-block;
        margin-top: -16px;
        position: relative;
        top: 4px; }
  .timetable-options .field {
    padding-left: 50px;
    position: relative;
    font-weight: bold;
    margin-bottom: 0; }
    .timetable-options .field .label {
      position: absolute;
      left: 0;
      top: 0;
      font-weight: normal; }
    .timetable-options .field .extra {
      font-weight: normal; }
  .timetable-options .select-time-range .half-width {
    width: 50%;
    padding-right: 5px;
    float: left; }
    .timetable-options .select-time-range .half-width + .half-width {
      padding-right: 0;
      padding-left: 5px; }
    .timetable-options .select-time-range .half-width .selector {
      margin: 0; }
  .timetable-options .select-time-range input[type=submit] {
    display: none; }
    .no-js .timetable-options .select-time-range input[type=submit] {
      display: block;
      position: relative;
      top: 10px; }
  .timetable-options .line-info {
    padding-left: 70px;
    position: relative;
    min-height: 45px; }
    .timetable-options .line-info .route {
      position: absolute;
      left: 0;
      top: 0;
      width: 60px;
      height: 45px;
      text-align: center;
      line-height: 45px;
      color: #fff;
      background-color: #c33;
      font-size: 30px;
      padding-top: 2px; }
      .timetable-options .line-info .route.shuttlebus {
        background-color: #0019A8; }
    .timetable-options .line-info .towards {
      font-weight: bold;
      *display: block; }
  .timetable-options .stop-info {
    position: relative;
    min-height: 40px;
    padding-right: 60px; }
    .timetable-options .stop-info .label {
      line-height: 29px;
      height: 29px;
      float: left;
      font-weight: bold; }
    .timetable-options .stop-info .stop-name {
      font-weight: bold; }
    .timetable-options .stop-info .stop-letter {
      background-color: #c33;
      color: #fff;
      border-radius: 50%;
      width: 29px;
      text-align: center;
      position: absolute;
      height: 29px;
      margin-left: 5px;
      line-height: 29px;
      float: left; }
      .timetable-options .stop-info .stop-letter.shuttlebus {
        background-color: #0019A8; }
    .timetable-options .stop-info .edit {
      position: absolute;
      top: 0;
      right: 0; }
  .station-details .timetable-options {
    background-color: transparent;
    border-bottom: none 0px;
    padding: 0; }
    .station-details .timetable-options:last-child {
      margin-bottom: -10px; }
    .station-details .timetable-options .half-width {
      padding: 0;
      width: 100%;
      float: none; }
    .station-details .timetable-options input[type=submit] {
      display: none; }
      .no-js .station-details .timetable-options input[type=submit] {
        display: block; }

/**************************************************
	M069 timetable list
* Author: Alex Faunt
* Created: 19/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M069-timetable-list
**************************************************/
.timetable-list {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
  position: relative; }
  .timetable-list > *:nth-child(odd) {
    background-color: #f7f7f7; }
  .timetable-list > * {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .timetable-list > *:hover, .timetable-list > *:focus {
      background-color: #eff6fd; }
  .timetable-list a {
    display: block;
    padding: 10px 32px 10px 10px;
    position: relative;
    min-height: 50px;
    color: #2d3039;
    text-decoration: none;
    white-space: nowrap; }
    .timetable-list a:before {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -16px;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px; }
      .body-cms-preview .timetable-list a:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .timetable-list a:after {
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
      content: " ";
      font-size: 0; }
  .timetable-list .period {
    width: 105px;
    padding: 5px 10px 5px 0;
    vertical-align: middle;
    margin: 0;
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    border-right: 1px dotted #ccc; }
    .timetable-list .period + * {
      padding: 5px 0 5px 115px;
      display: block;
      height: 100%;
      vertical-align: middle; }
    .timetable-list .period .label {
      width: 50px;
      display: inline-block;
      *display: inline;
      *zoom: 1; }
    .timetable-list .period .time {
      font-weight: bold; }
  .timetable-list .single-departure {
    font-weight: bold; }
    .timetable-list .single-departure > a {
      line-height: 30px; }
  .timetable-list .time-group .times {
    margin: 0;
    list-style-type: none; }
  .timetable-list .specific-departure .route .terminates, .timetable-list .specific-departure .route .via {
    display: block;
    word-wrap: break-word;
    white-space: normal; }
  .timetable-list .specific-departure .route .terminates {
    font-size: 18px; }
  .timetable-list .specific-departure .route .via {
    color: #676767; }
  .timetable-list .load-more {
    background: #fff;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    display: none; }
    .timetable-list .load-more:hover, .timetable-list .load-more:focus {
      background-color: #eff6fd; }
    .timetable-list .load-more a {
      text-align: center;
      min-height: 0px; }
      .timetable-list .load-more a:before {
        display: none; }
      .timetable-list .load-more a span {
        position: relative;
        color: #2070b0; }
        .timetable-list .load-more a span:before {
          content: "";
          position: absolute;
          right: 100%;
          top: 50%;
          border-style: solid;
          border-color: #2070b0 transparent transparent;
          border-width: 5px 6px;
          margin-top: -2px;
          margin-right: 5px; }
  .timetable-list.compact .compact-hidden {
    display: none; }
    .timetable-list.compact .compact-hidden.load-more {
      display: block; }

.timetable-list-message {
  margin: 20px 0; }

/**************************************************
	M071 flip table
* Author: Adrian Osmond
* Created: 20/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M071-flip-table
**************************************************/
.flip-table {
  width: 100%;
  margin-bottom: 10px; }
  .flip-table tr {
    border: 1px solid #ccc;
    border-top: 0; }
  .flip-table td {
    text-align: center;
    padding: 5px 10px; }
  .flip-table thead tr {
    border-top: 1px solid #ccc;
    background-color: #fff; }
  .flip-table thead td {
    font-weight: bold; }
  .flip-table.flipped thead {
    display: none; }
  .flip-table.flipped tr {
    display: table;
    width: 100%;
    border: 0; }
  .flip-table.flipped td {
    display: table-row;
    padding-left: 50%;
    text-align: left;
    border: 1px solid #ccc;
    border-top-width: 0; }
    .flip-table.flipped td:nth-child(even) {
      background-color: #fff; }
    .flip-table.flipped td:first-child {
      border-top-width: 1px; }
    .flip-table.flipped td:before {
      display: table-cell;
      width: 50%;
      padding: 5px 10px;
      font-weight: bold; }
    .flip-table.flipped td .cell {
      display: table-cell;
      width: 50%;
      padding: 5px 10px;
      border-left: 1px solid #ccc;
      vertical-align: middle; }

/**************************************************
	M073 more info header
* Author: Alex Faunt
* Created: 10/12/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M073-more-info-header
**************************************************/
.more-info-header .header {
  position: relative;
  padding-right: 128px; }

.more-info-header.expanded .more-info {
  display: block; }

.more-info-header .more-info {
  background-color: #eff6fd;
  padding: 20px 10px;
  border-bottom: 3px solid #ccc;
  border-top: 3px solid #ccc;
  z-index: 10;
  position: relative;
  margin-top: 20px;
  display: none; }
  .more-info-header .more-info > :last-child {
    margin-bottom: 0; }
  .more-info-header .more-info:after {
    position: absolute;
    content: "";
    top: -20px;
    right: 20px;
    border-width: 10px;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent transparent #eff6fd;
    z-index: 12; }
  .more-info-header .more-info:before {
    position: absolute;
    content: "";
    top: -27px;
    right: 17px;
    border-width: 13px;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent transparent #ccc;
    z-index: 11; }

.more-info-header .show-more-info {
  position: absolute;
  right: 0;
  bottom: 2px;
  padding-right: 42px; }
  .more-info-header .show-more-info .info-icon {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0; }

.more-info-header.widget-wrapper .header {
  padding-right: 138px; }
  .more-info-header.widget-wrapper .header .show-more-info {
    font-size: 15px;
    font-weight: normal;
    bottom: auto;
    top: 16px;
    right: 10px;
    font-family: arial; }

.more-info-header.widget-wrapper.expanded .widget-heading {
  padding-bottom: 12px; }

.more-info-header.widget-wrapper .more-info {
  margin-top: 0px; }

.more-info-header.icon-only {
  background-color: #eee; }
  .more-info-header.icon-only > .show-more-info {
    position: relative;
    right: auto;
    bottom: auto;
    padding: 10px;
    display: block; }
    .more-info-header.icon-only > .show-more-info .info-icon {
      right: 13px; }
  .more-info-header.icon-only > .more-info {
    margin-top: 10px; }

/**************************************************
	M074 dashed table
* Author: Alex Faunt
* Created: 10/12/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M074-dashed-table
**************************************************/
.dashed-table {
  background-color: #fff;
  display: table;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: -1px; }
  .dashed-table .row {
    display: table-row; }
    .dashed-table .row > * {
      display: table-cell;
      padding: 20px 10px;
      position: relative;
      /*border-bottom: 1px dashed $light-grey-border-colour;*/ }
      .dashed-table .row > * > :last-child {
        margin-bottom: 0; }
      .dashed-table .row > * > p .sub-text {
        display: block;
        font-weight: normal;
        color: #676767; }
    .dashed-table .row:last-child > * {
      border-bottom: 0; }
  .dashed-table .label:before, .dashed-table .label-no-height:before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .dashed-table .label:after, .dashed-table .label-no-height:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0px;
    bottom: 10px;
    border-right: 1px dashed #ccc; }
  .dashed-table .label > p, .dashed-table .label-no-height > p {
    display: inline-block;
    vertical-align: top;
    font-weight: bold; }
    .dashed-table .label > p.with-icon, .dashed-table .label-no-height > p.with-icon {
      position: relative;
      padding-left: 38px; }
      .dashed-table .label > p.with-icon .i, .dashed-table .label-no-height > p.with-icon .i {
        position: absolute;
        display: block;
        left: 0;
        top: 50%;
        margin-top: -16px; }
  .dashed-table .label-no-height {
    vertical-align: top; }
    .dashed-table .label-no-height:before {
      height: auto;
      vertical-align: top;
      display: inline; }
    .dashed-table .label-no-height > p {
      display: block;
      vertical-align: top;
      font-weight: bold; }

/**************************************************
	M072-press-listing
* Author: John Boyle
* Created: 22/11/2013
* Pattern library URL:  
**************************************************/
.press-listing-wrap {
  margin-bottom: 15px; }
  .press-listing-wrap .press-listing h2 {
    margin-bottom: 0; }
  .press-listing-wrap .press-listing p {
    color: #666; }
  .press-listing-wrap .press-listing .news-teaser {
    background: #fff;
    margin-bottom: 0;
    margin-top: 0;
    border: none;
    border: 1px solid #ccc; }
  .press-listing-wrap .press-listing .latest {
    padding: 0 5px;
    background: #1a5a92;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    width: 62px;
    margin-bottom: 10px; }
  .press-listing-wrap .press-listing.multiple-release .news-teaser {
    border-bottom: none; }
    .press-listing-wrap .press-listing.multiple-release .news-teaser > a {
      border-bottom: none; }
    .press-listing-wrap .press-listing.multiple-release .news-teaser:last-child {
      border-bottom: 3px solid #ccc; }
  .press-listing-wrap .plain-button {
    background: #eee;
    border-bottom: 3px solid #ccc;
    margin: 10px 0 15px 0; }
    .press-listing-wrap .plain-button:after {
      margin-right: 0; }

/**************************************************
	M046-fact-box
* Author: John Boyle
* Created: 31/10/2013
* Pattern library URL:
**************************************************/
.fact-box-wrapper {
  width: 100%;
  border: solid 1px #a8a8a8;
  padding: 10px;
  margin-bottom: 20px; }
  .fact-box-wrapper span {
    font-size: 30px;
    display: block;
    line-height: 1;
    width: 100%; }
    .fact-box-wrapper span.blue-span {
      color: #2070b0;
      margin: 0 0 10px 0; }
  .fact-box-wrapper.blue-fact-box {
    background: #eff6fc;
    border-color: #eff6fc; }
  .fact-box-wrapper .vertical-button-container {
    margin: 20px 0 5px; }

/**************************************************
	M073-Other-Languages
* Author: John Boyle
* Re-Created: 03/12/2013
* Pattern library URL:  
**************************************************/
.other-languages-wrap {
  background: #eee;
  width: 100%;
  position: relative;
  margin-bottom: 20px; }
  .other-languages-wrap:after {
    height: 45px;
    width: 45px;
    position: absolute;
    content: '';
    top: -20px;
    right: 20px;
    background-image: url("/static/1/images/language_icon.png"); }
  .other-languages-wrap .other-languages {
    padding: 20px 10px 10px;
    width: 100%; }
    .other-languages-wrap .other-languages h3 {
      margin-bottom: 20px; }
    .other-languages-wrap .other-languages ul {
      margin-left: 0;
      margin-bottom: 0; }
      .other-languages-wrap .other-languages ul li {
        list-style: none;
        display: inline-block;
        width: calc(50% - 5px);
        background: #f7f7f7;
        margin-bottom: 10px;
        position: relative; }
        .other-languages-wrap .other-languages ul li:hover {
          background-color: #eff6fd; }
        .other-languages-wrap .other-languages ul li:nth-child(even) {
          margin-left: 5px; }
        .other-languages-wrap .other-languages ul li:nth-child(odd) {
          margin-right: 5px; }
        .other-languages-wrap .other-languages ul li a {
          display: block;
          padding: 10px; }
          .other-languages-wrap .other-languages ul li a:after {
            background-image: url("/static/1/images/vsprite_x2.34614087.png");
            background-image: url("/static/1/images/vsprite.17114d90.png") \9;
            background-size: 96px 3776px;
            background-position: 0px -640px;
            height: 32px;
            width: 32px;
            display: block;
            position: absolute;
            top: 5px;
            right: 0;
            content: ""; }
            .body-cms-preview .other-languages-wrap .other-languages ul li a:after {
              background-image: url("/static/1/images/vsprite.17114d90.png"); }
          .other-languages-wrap .other-languages ul li a:hover {
            text-decoration: none; }
  .other-languages-wrap .more-button {
    border-top: 1px solid #ccc;
    padding: 10px;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    color: #2070b0;
    border-bottom: 3px solid #ccc; }
    .other-languages-wrap .more-button:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      background-position: -64px -704px;
      height: 32px;
      width: 32px;
      display: block;
      position: absolute;
      top: 5px;
      left: 5px;
      content: ""; }
      .body-cms-preview .other-languages-wrap .more-button:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .other-languages-wrap .more-button.hidden-languages:after {
      background-image: none;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 5.5px 8px 5.5px;
      border-color: transparent transparent #1a5a92 transparent;
      position: absolute;
      top: 17px;
      left: 15px;
      content: ""; }

/**************************************************
	M078-advert-tile
* Author: Alex Faunt
* Re-Created: 17/12/2013
* Pattern library URL:  
**************************************************/
.advert-tile {
  margin: 0 auto 20px;
  height: 284px; }
  #promo-slot .advert-tile {
    display: block; }
  @media (max-width: 332px) {
    .advert-tile .advert-content {
      -webkit-transform: scale(0.86);
      -moz-transform: scale(0.86);
      -ms-transform: scale(0.86);
      -o-transform: scale(0.86);
      transform: scale(0.86); } }
  @media (min-width: 580px) and (max-width: 667px) {
    .aside .advert-tile .advert-content {
      -webkit-transform: scale(0.86);
      -moz-transform: scale(0.86);
      -ms-transform: scale(0.86);
      -o-transform: scale(0.86);
      transform: scale(0.86); } }
  @media (min-width: 900px) and (max-width: 1020px) {
    .aside .advert-tile .advert-content {
      -webkit-transform: scale(0.86);
      -moz-transform: scale(0.86);
      -ms-transform: scale(0.86);
      -o-transform: scale(0.86);
      transform: scale(0.86); } }
  @media (min-width: 580px) and (max-width: 667px) {
    .main-and-aside.one-row .main .advert-tile .advert-content {
      -webkit-transform: scale(0.86);
      -moz-transform: scale(0.86);
      -ms-transform: scale(0.86);
      -o-transform: scale(0.86);
      transform: scale(0.86); } }
  @media (min-width: 900px) and (max-width: 1020px) {
    .main-and-aside.one-row .main .advert-tile .advert-content {
      -webkit-transform: scale(0.86);
      -moz-transform: scale(0.86);
      -ms-transform: scale(0.86);
      -o-transform: scale(0.86);
      transform: scale(0.86); } }
  .main-and-aside.one-row .main .content-area .advert-tile {
    display: block; }
  .advert-tile .advert-link {
    display: block;
    position: relative;
    padding-bottom: 24px;
    text-decoration: none; }
    .advert-tile .advert-link:focus .caption, .advert-tile .advert-link:hover .caption {
      background-color: #2d3039;
      -webkit-transition: background-color 0s;
      -moz-transition: background-color 0s;
      transition: background-color 0s; }
    .no-caption .advert-tile .advert-link {
      height: 100%; }
  .advert-tile .advert-block-link {
    display: block; }
  .advert-tile .advert-imagery {
    width: 100%;
    height: auto; }
  .advert-tile .disclaimer, .advert-tile .advertisement-label {
    bottom: 0;
    height: 24px;
    color: #fff;
    background-color: #000;
    line-height: 26px;
    font-size: 12px;
    padding: 0 10px; }
  .advert-tile .disclaimer {
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0; }
  .advert-tile .advertisement-label {
    display: block; }
  .advert-tile .caption {
    color: #fff;
    background-color: rgba(31, 32, 37, 0.9);
    text-decoration: none;
    padding: 14px 32px 14px 10px;
    max-height: 82px;
    position: absolute;
    bottom: 24px;
    right: 0;
    left: 0;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .advert-tile .caption:after {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: -64px -2112px;
      top: 50%;
      margin-top: -16px;
      right: 0; }
      .body-cms-preview .advert-tile .caption:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .advert-tile .caption h3 {
      line-height: 130%;
      margin-bottom: 6px;
      font-size: 16px; }
    .advert-tile .caption p {
      margin-bottom: 0;
      font-size: 12px; }
  .advert-tile.hero-style, .advert-tile.two-column {
    height: auto;
    width: auto;
    display: block; }
    .advert-tile.hero-style .caption, .advert-tile.two-column .caption {
      position: relative;
      left: auto;
      right: auto;
      bottom: auto;
      max-height: inherit; }
  .advert-tile.unsponsored-style .advert-link {
    padding-top: 10px; }
    .journey-planner-results .advert-tile.unsponsored-style .advert-link {
      background-color: #bed2dd; }
  .advert-tile.unsponsored-style .advert-content {
    max-width: 300px;
    display: block;
    max-height: 250px;
    overflow: hidden;
    margin: 0 auto; }
  .advert-tile.unsponsored-style .disclaimer, .advert-tile.unsponsored-style .advertisement-label {
    color: #ffffff;
    background-color: transparent;
    text-align: center; }

/**************************************************
	M081-variable-message-sign

* Author: Alex Faunt
* Created: 08/01/2014
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M081-variable-message-sign

**************************************************/
.variable-message-sign {
  padding: 20px;
  min-height: 100px;
  background-color: #2d3039;
  margin-bottom: 3px;
  position: relative; }
  .variable-message-sign:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    height: 3px;
    background: #000;
    opacity: 0.1;
    width: 100%; }
  .variable-message-sign .message {
    text-transform: uppercase;
    color: #fdb813;
    text-align: center;
    margin: 0 auto;
    font-size: 20px; }
  .variable-message-sign .message:first-child:before, .variable-message-sign .message:first-child:after, .variable-message-sign .corners:before, .variable-message-sign .corners:after {
    content: "";
    background: #fdb813;
    width: 6px;
    height: 6px;
    position: absolute;
    border-radius: 50%; }
  .variable-message-sign .message:first-child:before, .variable-message-sign .corners:before {
    left: 7px; }
  .variable-message-sign .message:first-child:after, .variable-message-sign .corners:after {
    right: 7px; }
  .variable-message-sign .message:first-child:before, .variable-message-sign .message:first-child:after {
    top: 7px; }
  .variable-message-sign .corners:before, .variable-message-sign .corners:after {
    bottom: 7px; }
  .variable-message-sign .corners {
    height: 0px;
    width: 0px;
    display: block; }

/**************************************************
	M082-zoomable-content

* Author: Alex Faunt
* Created: 08/01/2014
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M082-zoomable-content

**************************************************/
.zoomable-content {
  height: 500px;
  overflow: hidden;
  position: relative; }

.panzoom-wrapper .zoom-in {
  top: 10px;
  left: 10px; }

.panzoom-wrapper .zoom-out {
  top: 50px;
  left: 10px; }

.panzoom-wrapper .full-screen {
  top: 10px;
  right: 10px; }

.no-js .zoomable-content {
  display: block;
  overflow: scroll; }

#tubemap.strike-on .zoom-in {
  top: 50px; }

#tubemap.strike-on .zoom-out {
  top: 90px; }

/**************************************************
    M083-Broadcast Comms
* Author: John Boyle
* Re-Created: 15/01/2013
* Pattern library URL:  
**************************************************/
.broadcast-comms {
  background: #faf5e1;
  width: 100%;
  border-bottom: solid 2px #fdb813;
  position: relative;
  display: block;
  color: #000; }
  .broadcast-comms:hover, .broadcast-comms:focus {
    background-color: #f6eecb; }
  .broadcast-comms .broadcast-icon {
    height: 50px;
    width: 50px;
    background: url("http://png-3.findicons.com/files/icons/1684/ravenna/256/exclamation.png") no-repeat 0 0 !important;
    background-size: 100% 100% !important; }
  .broadcast-comms .broadcast-text {
    padding-left: 0px;
    padding-right: 15px; }
    .broadcast-comms .broadcast-text h2, .broadcast-comms .broadcast-text span {
      margin-bottom: 0; }
    .broadcast-comms .broadcast-text span {
      font-size: 24px;
      line-height: 120%;
      display: block; }
    .broadcast-comms .broadcast-text:before {
      position: absolute;
      top: 50%;
      margin-top: -16px;
      left: 0;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: -32px -2144px; }
      .body-cms-preview .broadcast-comms .broadcast-text:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .broadcast-comms .broadcast-text:after {
      content: "";
      position: absolute;
      top: 55%;
      margin-top: -21px;
      right: 5px;
      background-image: url("/static/1/images/vsprite.17114d90.png");
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px;
      border: solid 2px #fdb813;
      border-radius: 22px;
      background-color: #faf5e1; }

/**************************************************
	M084-large-icon-accordion
* Author: Alex Faunt
* Re-Created: 27/01/2013
* Pattern library URL:  M084-large-icon-accordion
**************************************************/
.large-icon-accordion ul {
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0; }
  .large-icon-accordion ul li {
    position: relative;
    border-bottom: 1px solid #ccc; }
    .large-icon-accordion ul li:first-child {
      border-top: 1px solid #ccc; }
    .large-icon-accordion ul li.nearby a:before {
      background-position: -32px -1312px; }
    .large-icon-accordion ul li.day-map a:before {
      background-position: -32px 0px; }
    .large-icon-accordion ul li.night-map a:before {
      background-position: 0px -3104px; }
    .large-icon-accordion ul li.tube-and-rail a:before {
      background-position: 0px -2240px; }
    .large-icon-accordion ul li.car-clubs a:before {
      background-position: -32px -2592px; }
    .large-icon-accordion ul li.mobile a:before {
      background-position: -32px -2656px; }
    .large-icon-accordion ul li.tube a:before {
      background-position: -32px -1408px; }
    .large-icon-accordion ul li.rail a:before {
      background-position: -64px -1408px; }
    .large-icon-accordion ul li.overground a:before {
      background-position: 0px -1440px; }
    .large-icon-accordion ul li.elizabeth-line a:before, .large-icon-accordion ul li.elizabeth a:before {
      background-position: -32px -3744px; }
    .large-icon-accordion ul li.dlr a:before {
      background-position: -32px -1440px; }
    .large-icon-accordion ul li.tram a:before {
      background-position: -64px -1440px; }
    .large-icon-accordion ul li.river a:before {
      background-position: -32px -1472px; }
    .large-icon-accordion ul li.bus a:before {
      background-position: 0px -1536px; }
    .large-icon-accordion ul li.cycle a:before {
      background-position: -32px -3008px; }
    .large-icon-accordion ul li.poi a:before {
      background-position: -32px -2272px; }
    .large-icon-accordion ul li.oyster a:before {
      background-position: -64px -2272px; }
    .large-icon-accordion ul li.congestion a:before {
      background-position: -64px -2240px; }
    .large-icon-accordion ul li.audio a:before {
      background-position: -32px -2240px; }
    .large-icon-accordion ul li.lez a:before {
      background-position: 0px -2272px; }
    .large-icon-accordion ul li.coach a:before {
      background-position: 0px -1472px; }
  .large-icon-accordion ul a {
    display: block;
    min-height: 60px;
    padding: 17px 32px 17px 70px;
    position: relative;
    text-decoration: none;
    color: #2d3039;
    font-size: 22px;
    line-height: 25px;
    -webkit-transition: background-color, 0.3s;
    -moz-transition: background-color, 0.3s;
    transition: background-color, 0.3s; }
    .large-icon-accordion ul a.regular-text {
      font-family: Arial, helvetica, sans-serif;
      font-size: 15px;
      line-height: 150%;
      padding-top: 10px;
      padding-bottom: 10px;
      min-height: initial; }
    .large-icon-accordion ul a:before, .large-icon-accordion ul a:after {
      content: "";
      display: block;
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      top: 50%;
      margin-top: -16px;
      z-index: 3; }
      .body-cms-preview .large-icon-accordion ul a:before, .body-cms-preview .large-icon-accordion ul a:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .large-icon-accordion ul a:before {
      left: 14px; }
    .large-icon-accordion ul a:after {
      background-position: 0px -640px;
      right: 0px; }
    .large-icon-accordion ul a .mini-map {
      position: absolute;
      left: 0;
      width: 60px;
      top: 0;
      height: 100%;
      background-color: #eee;
      background-position: center;
      -webkit-transition: background-color, 0.3s;
      -moz-transition: background-color, 0.3s;
      transition: background-color, 0.3s; }
    .large-icon-accordion ul a.with-subtext {
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 25px; }
      .large-icon-accordion ul a.with-subtext .subtext {
        line-height: 15px;
        margin-left: 1px; }
    .large-icon-accordion ul a:hover, .large-icon-accordion ul a:focus {
      background-color: #eff6fd; }
      .large-icon-accordion ul a:hover .mini-map, .large-icon-accordion ul a:focus .mini-map {
        background-color: #e1e1e1; }
  .large-icon-accordion ul .subtext {
    display: block;
    color: #676767;
    font-size: 16px; }
  .large-icon-accordion ul ul {
    margin: 0;
    background: #fff; }
    .large-icon-accordion ul ul a {
      font-size: 20px; }

.popup, .popup-banner {
  background: #00857C;
  position: fixed;
  z-index: 2000;
  color: #FFF; }

.popup-lightbox {
  background: white;
  padding: 20px; }
  .popup-lightbox .primary-button {
    margin-top: 13px;
    margin-bottom: 10px; }
  .popup-lightbox .secondary-button {
    margin-top: 10px; }
    .popup-lightbox .secondary-button:last-child {
      margin-bottom: 3px; }
  .popup-lightbox .popup-content {
    padding-top: 0; }
  .popup-lightbox .popup-title {
    padding-top: 0; }

.popup {
  bottom: 0;
  float: left;
  margin: 0 0 0 2.54%;
  width: 94.864%;
  right: 2.54%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .popup .popup-title {
    cursor: pointer; }

@media screen and (min-width: 580px) {
  .popup {
    float: left;
    margin: 0 0 0 2.54%;
    width: 46.162%; }
  .popup-lightbox {
    width: 450px; } }

@media screen and (min-width: 900px) {
  .popup {
    float: left;
    margin: 0 0 0 2.54%;
    width: 29.928%; } }

@media screen and (min-width: 1140px) {
  .popup {
    width: 341px;
    left: 50%;
    margin-left: 199px; } }

.popup-title-icon {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -16px; }

.popup-title {
  padding: 18px 40px 10px 10px;
  position: relative; }

.popup-content {
  padding: 10px; }

.popup-banner {
  top: 0;
  width: 100%;
  text-align: center;
  padding: 10px 40px 10px 10px; }
  .popup-banner .popup-title-icon {
    right: 10px; }

.popup-link {
  color: #fff;
  margin-left: 5px;
  text-decoration: underline; }

.tooltip-control {
  width: 42px;
  height: 38px;
  display: block;
  right: 0;
  margin-top: -49px; }
  .tooltip-control:after {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -64px -352px;
    bottom: auto;
    left: 3px;
    right: auto;
    top: 5px; }
    .body-cms-preview .tooltip-control:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.form-control-wrapper + .inline-help-wrap {
  margin-top: -10px; }

.inline-help-wrap {
  margin-bottom: 20px;
  width: 100%;
  display: block; }
  .inline-help-wrap.expanded {
    border-bottom: none; }
  .inline-help-wrap.message-container {
    border: solid 1px #ccc;
    border-top-width: 0; }
  .inline-help-wrap .tooltip-control {
    width: 100%;
    line-height: 30px;
    margin-top: auto;
    right: auto;
    position: relative; }
    .inline-help-wrap .tooltip-control:after {
      right: 7px;
      left: auto;
      vertical-align: middle; }
    .no-js .inline-help-wrap .tooltip-control {
      cursor: default;
      text-decoration: none; }

.form-field-tooltip .tooltip-control {
  position: absolute; }

.form-field-tooltip.expandable-box.expanded {
  border-bottom-width: 0; }

.message-container .expandable-form-message-wrap {
  margin-bottom: 0; }

.message-container.inline-help-wrap {
  padding-bottom: 0;
  padding-top: 10px; }

.message-container .expandable-form-message-wrap {
  margin-bottom: 10px; }

.key {
  list-style: none;
  overflow: hidden;
  display: block;
  margin: 0; }
  .key .key-label, .key .key-icon {
    display: inline-block;
    width: 16px;
    margin-left: 2px; }
  .key .key-item {
    display: inline-block;
    width: 48%;
    padding-bottom: 4px;
    vertical-align: top;
    font-size: small; }
    .key .key-item.key-break {
      display: block; }
  .key.key-compare .key-item:first-child {
    display: block; }
  .key.key-compare .key-item:nth-child(1) {
    width: 100%; }
  .key.key-compare .key-item:nth-child(3), .key.key-compare .key-item:nth-child(5) {
    float: left;
    width: 49%; }
  .key .hidden {
    display: none; }

.show-hide-link {
  padding-left: 34px;
  position: relative;
  left: -11px; }
  .show-hide-link:after {
    background-position: 0px -608px;
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -16px;
    margin-right: -6px; }
  .show-hide-link.hide:after {
    background-position: 0px -672px; }

.show-hide-link.active:after {
  background-position: 0px -672px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
  margin-right: -6px; }

/**************************************************
    Favourites Panel / M088 Favourites panel

**************************************************/
.o-wrapper {
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: all 0.3s ease-in; }

.fav-panel {
  position: fixed;
  background-color: #2d3039;
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .fav-panel h2 {
    color: #ffffff;
    padding-left: 10px; }
  .fav-panel .rainbow-board {
    display: block; }
  .fav-panel .rainbow-list {
    border-bottom: 1px solid #24262e; }
  .fav-panel .rainbow-list-item {
    border-top: 1px solid #24262e; }
  .fav-panel .rainbow-list .rainbow-list-item.expanded {
    border-top: 1px solid #24262e;
    border-bottom: 1px solid #24262e; }
  .fav-panel .rainbow-list .disruption-summary {
    color: #ffffff;
    background: #2D3039; }
  .fav-panel .rainbow-list a .disruption-summary {
    color: #2070B0; }
  .fav-panel .rainbow-list a .disruption-summary.night {
    color: #ffffff;
    background-color: #33547A; }
  .fav-panel #fav-rainbow-list-traffic.rainbow-board {
    border-top: 1px solid #2d3039; }
  .fav-panel #fav-rainbow-list-traffic .road-corridor {
    background-color: #eee;
    color: #2d3039; }
  .fav-panel #fav-rainbow-list-traffic .traffic-corridor {
    border-top: 1px solid #24262e; }
  .fav-panel #fav-rainbow-list-traffic .fav-rainbow-list-link {
    cursor: pointer; }
  .fav-panel #rainbow-list-traffic a {
    color: #2070b0; }
  .fav-panel #fav-panel-rainbow-list-roads.rainbow-board {
    border-top: 1px solid #24262e; }
    .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr {
      border-bottom: 1px solid #24262e; }
      .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status {
        background-color: #2d3039; }
        .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status.has-disruption {
          background-color: #faf5e1; }
          .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status.has-disruption a {
            color: #2070b0; }
            .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status.has-disruption a:after {
              background-position: 0px -640px; }
          .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status.has-disruption:hover, .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status.has-disruption:focus {
            background-color: #f6eecb; }
        .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status a {
          color: #ffffff; }
          .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status a:after {
            background-position: -32px -2336px;
            margin-right: 0px; }
        .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status:hover, .fav-panel #fav-panel-rainbow-list-roads.rainbow-board tr .service-status:focus {
          background-color: #444758; }

.fav-panel.is-active {
  -webkit-transition: -webkit-transform 0.7s ease-out;
  transition: all 0.7s ease-out; }

.fav-panel-status {
  z-index: 2010000; }

.fav-panel-edit {
  z-index: 2020000; }

.fav-panel-header {
  height: 55px;
  padding: 1px 1px 0px 1px; }

.fav-panel-cancel {
  padding: 15px 0px 0px 0px; }

.fav-panel-cancel a {
  color: #ffffff;
  padding: 12px 10px 12px 10px; }

.fav-panel__items {
  list-style: none;
  margin: 0;
  padding: 0; }

.fav-panel-slide-left,
.fav-panel-slide-right {
  width: 90%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.fav-panel-slide-left .fav-panel__item,
.fav-panel-slide-right .fav-panel__item {
  display: block;
  text-align: center;
  border-top: solid 1px #b5dbe9;
  border-bottom: solid 1px #3184a1; }

.fav-panel-slide-right .fav-panel__item:first-child,
.fav-panel-slide-left .fav-panel__item:first-child {
  border-top: none; }

.fav-panel-slide-right .fav-panel__item:last-child,
.fav-panel-slide-right .fav-panel__item:last-child {
  border-bottom: none; }

.fav-panel-slide-right .fav-panel__link,
.fav-panel-slide-right .fav-panel__link {
  display: block;
  padding: 12px 24px;
  color: #fff; }

.fav-panel-slide-left .fav-panel__close,
.fav-panel-slide-right .fav-panel__close {
  display: block; }

.fav-panel-slide-right {
  top: 0;
  right: -90%; }

.fav-panel-slide-right.is-active {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.fav-panel-slide-left {
  top: 0;
  left: -100%; }

.fav-panel-slide-left.is-active {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

body.has-active-menu {
  overflow: hidden; }

.fav-panel-close-xicon {
  border: none;
  box-shadow: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-top: 12px;
  padding-right: 19px;
  padding-bottom: 11px;
  padding-left: 12px; }

.fav-panel-close-favicon {
  border: none;
  box-shadow: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 55px;
  width: 48px;
  padding: 9px 10px 11px 10px;
  background-color: transparent; }

.fav-panel__close .fav-icon {
  cursor: pointer; }

.fav-edit-link {
  padding: 10px; }

.fav-edit-link a {
  font-size: 14px;
  color: #ffffff; }

.c-mask {
  position: fixed;
  z-index: 2005000;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0s 0.5s, height 0s 0.5s;
  transition: opacity 0.5s, width 0s 0.5s, height 0s 0.5s; }

.c-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.c-buttons {
  text-align: center;
  width: 45px;
  right: 0;
  position: absolute;
  height: 58px;
  top: 0;
  background-color: #2d3039; }
  .c-buttons:hover, .c-buttons:focus {
    background-color: #444856;
    border-bottom: 3px solid #2070b0;
    margin-bottom: -3px; }

.c-button {
  box-shadow: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }

.c-button:focus {
  outline: none; }

.c-button:disabled {
  opacity: 0.3;
  cursor: not-allowed; }

.fav-panel-close {
  float: right;
  padding-top: 13px;
  padding-right: 10px; }

.fav-panel-star {
  float: left;
  margin-left: 5px;
  top: 0;
  cursor: default;
  position: relative; }

.fav-panel-done {
  color: #6cc;
  background: transparent;
  border: none;
  font-size: 16px; }
  .fav-panel-done:focus, .fav-panel-done:hover {
    text-decoration: underline; }

.fav-panel-item {
  margin-bottom: 30px; }
  .fav-panel-item h2 {
    color: #ffffff; }
  .fav-panel-item .fav-edit-sub-heading {
    float: left;
    padding-top: 10px;
    min-height: 48px; }
  .fav-panel-item .fav-forward-to {
    float: left;
    display: block; }
  .fav-panel-item .fav-forward-to-edit {
    padding: 4px 20px 32px 2px;
    display: block; }
  .fav-panel-item a.fav-icon-container,
  .fav-panel-item a.fav-forward-to-edit:focus {
    outline: dotted thin; }
  .fav-panel-item .fav-status-sub-heading {
    float: left;
    padding-top: 10px;
    padding-right: 10px; }
  .fav-panel-item .fav-edit-button {
    background: transparent;
    color: #2070b0;
    border: none;
    vertical-align: bottom;
    background: transparent;
    font-size: 15px;
    width: 45px;
    padding-left: 0; }
    .fav-panel-item .fav-edit-button:hover {
      text-decoration: underline; }
    .fav-panel-item .fav-edit-button:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      content: "";
      position: absolute;
      margin-top: -7px;
      margin-left: -5px;
      background-position: 0px -640px; }
      .body-cms-preview .fav-panel-item .fav-edit-button:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-panel-item .fav-status-edit-link {
    float: left;
    padding: 9px 0px 0px 5px;
    color: #6cc9ca;
    font-size: 15px; }
    .fav-panel-item .fav-status-edit-link:hover {
      text-decoration: underline; }
    .fav-panel-item .fav-status-edit-link:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      content: "";
      position: absolute;
      margin-top: -5px;
      margin-left: -5px;
      background-position: -32px -2336px; }
      .body-cms-preview .fav-panel-item .fav-status-edit-link:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-panel-item .fav-status-all-link {
    float: left;
    padding: 6px 0px 0px 10px;
    color: #ffffff;
    font-size: 100%;
    display: inline-block; }
    .fav-panel-item .fav-status-all-link:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      content: "";
      position: absolute;
      margin-top: -6px;
      right: 0;
      background-position: -32px -2336px; }
      .body-cms-preview .fav-panel-item .fav-status-all-link:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-panel-item .fav-ssp-link {
    float: left;
    padding: 11px 20px 11px 10px;
    color: #ffffff;
    font-size: 100%;
    display: inline-block; }
    .fav-panel-item .fav-ssp-link:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      content: "";
      position: absolute;
      margin-top: -16px;
      right: 0;
      top: 50%;
      background-position: -32px -2336px; }
      .body-cms-preview .fav-panel-item .fav-ssp-link:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

#fav-panel-rainbow-list-bus .fav-rainbow-list .fav-rainbow-list-item .nolink {
  cursor: default; }

#fav-rainbow-list-bus .fav-rainbow-list .fav-rainbow-list-item .nolink, #fav-home-panel-rainbow-list-bus .fav-rainbow-list .fav-rainbow-list-item .nolink {
  cursor: default; }

.fav-add-link {
  float: left;
  padding: 6px 0px 0px 50px;
  color: #ffffff;
  font-size: 100%;
  display: inline-block;
  text-align: left; }
  .fav-add-link:after {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-right: 10px;
    right: 0;
    background-position: -32px -2336px; }
    .body-cms-preview .fav-add-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-add-link.add-lines:before {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    content: "";
    position: absolute;
    margin: -6px 0 0 6px;
    left: 0;
    background-position: 0px -416px; }
    .body-cms-preview .fav-add-link.add-lines:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-add-link.add-bus:before {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    content: "";
    position: absolute;
    margin: -6px 0 0 6px;
    left: 0;
    background-position: -32px -320px; }
    .body-cms-preview .fav-add-link.add-bus:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-add-link.add-roads:before {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    content: "";
    position: absolute;
    margin: -6px 0 0 6px;
    left: 0;
    background-position: -32px -3296px; }
    .body-cms-preview .fav-add-link.add-roads:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-add-link.add-river-buses:before {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    content: "";
    position: absolute;
    margin: -6px 0 0 6px;
    left: 0;
    background-position: -32px -384px; }
    .body-cms-preview .fav-add-link.add-river-buses:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-add-link.add-trams:before {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    content: "";
    position: absolute;
    margin: -6px 0 0 6px;
    left: 0;
    background-position: -64px -3296px; }
    .body-cms-preview .fav-add-link.add-trams:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-add-link.add-cable-car:before {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    content: "";
    position: absolute;
    margin: -6px 0 0 6px;
    left: 0;
    background-position: -32px -480px; }
    .body-cms-preview .fav-add-link.add-cable-car:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-add-link.add-journey:before {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    content: "";
    position: absolute;
    margin: -6px 0 0 6px;
    left: 0;
    background-position: -64px -1984px; }
    .body-cms-preview .fav-add-link.add-journey:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-add-link.add-journey:after {
    margin-top: -8px; }
  .fav-add-link.add-place:before {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    content: "";
    position: absolute;
    margin: -6px 0 0 6px;
    left: 0;
    background-position: 0px -3296px; }
    .body-cms-preview .fav-add-link.add-place:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-add-link.add-place:after {
    margin-top: -8px; }

.first-time-panel-description .title-description, .fav-open-edit .title-description {
  color: #bebebe;
  text-align: left;
  display: inline-block;
  width: 85%; }
  .first-time-panel-description .title-description:hover, .first-time-panel-description .title-description:active, .fav-open-edit .title-description:hover, .fav-open-edit .title-description:active {
    text-decoration: none; }

.fav-toggle {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 5px;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px; }
  .body-cms-preview .fav-toggle {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .fav-toggle.place {
    top: auto; }

.fav-star-off .fav-toggle {
  background-position: -32px -3104px; }

.fav-star-on .fav-toggle {
  background-position: -64px -3104px; }

.fav-star-off .fav-star-container, .fav-star-off .fav-service-name-or-destination {
  background-color: #2d3039;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s; }

.fav-star-on .fav-star-container, .fav-star-on .fav-service-name-or-destination {
  background-color: #393c49;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s; }

html.no-touch .fav-star-off:hover .fav-star-container, html.no-touch .fav-star-off:focus .fav-star-container, html.no-touch .fav-star-off:hover .fav-service-name-or-destination {
  background-color: #393c49;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s; }

html.no-touch .fav-star-on:hover .fav-star-container, html.no-touch .fav-star-on:focus .fav-star-container, html.no-touch .fav-star-on:hover .fav-service-name-or-destination {
  background-color: #2d3039;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s; }

.fav-star-container {
  width: 40px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px; }

.fav-panel-status .cookie-warning-message p, .fav-panel-edit .cookie-warning-message p {
  margin-bottom: 10px; }

.fav-panel-status .cookie-warning-message, .fav-panel-status .cookie-warning-link, .fav-panel-edit .cookie-warning-message, .fav-panel-edit .cookie-warning-link {
  color: #ffffff;
  padding: 0 10px 0px 10px;
  margin-bottom: 10px;
  clear: left; }

.fav-panel-status .fav-forward-to-all, .fav-panel-edit .fav-forward-to-all {
  float: left;
  display: block;
  background-color: #2d3039;
  width: 100%;
  border-bottom: 1px solid #24262e;
  text-align: center; }
  .fav-panel-status .fav-forward-to-all a, .fav-panel-edit .fav-forward-to-all a {
    display: inline-block;
    width: 100%;
    padding: 6px 0px 10px 0px; }
  .fav-panel-status .fav-forward-to-all:hover, .fav-panel-status .fav-forward-to-all:focus, .fav-panel-edit .fav-forward-to-all:hover, .fav-panel-edit .fav-forward-to-all:focus {
    background-color: #393c49; }
  .fav-panel-status .fav-forward-to-all .move-to-right, .fav-panel-edit .fav-forward-to-all .move-to-right {
    position: absolute;
    float: right;
    right: 1px; }
  .fav-panel-status .fav-forward-to-all.first, .fav-panel-edit .fav-forward-to-all.first {
    border-top: 1px solid #24262e; }

.fav-panel-status .fav-place-journey-link:hover, .fav-panel-status .fav-place-journey-link:focus, .fav-panel-edit .fav-place-journey-link:hover, .fav-panel-edit .fav-place-journey-link:focus {
  background-color: #393c49; }

.fav-panel-edit {
  /* key line shizzle */ }
  .fav-panel-edit #add-journey, .fav-panel-edit .add-place {
    border-top: 1px solid #24262e; }

#fav-panel-edit.drop-shadow {
  box-shadow: -60px 0 60px -60px black; }

/* uncomment for story 306 in personalisation.
**************************************************
.fav-panel-status.is-active + .fav-panel-edit {
    margin-top: 55px;
    overflow-y: auto;

    .fav-panel-header {
        display: none;
    }
}

.fav-panel-status.is-active {
    .fav-panel__items {
        position: absolute;
        top: 55px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
    }
}*/
.fav-updated {
  right: 0;
  left: auto;
  margin: 0;
  width: 100%; }
  .fav-updated .fav-toast-notification {
    padding: 15px;
    background-color: #2d3039;
    position: relative;
    z-index: 2021000;
    height: 50px;
    min-width: 250px; }
    .fav-updated .fav-toast-notification span.popup-text {
      float: left;
      padding-left: 40px;
      min-width: 100px; }
    .fav-updated .fav-toast-notification span.right-float {
      float: right; }

#search-heading-bus {
  padding-top: 30px; }

.fav-panel-details .panel-section-separator {
  padding-top: 30px; }

#fav-home-bus-search {
  padding-top: 0px; }
  #fav-home-bus-search h2 {
    color: #2d3039; }

#fav-place-search-filter,
#fav-label-search-filter,
#fav-bus-search-filter {
  background-color: #2d3039;
  border-bottom: 0px;
  margin: 0;
  padding: 0px 10px 0px 10px; }
  #fav-place-search-filter.search-filter #search-filter-form-fav,
  #fav-label-search-filter.search-filter #search-filter-form-fav,
  #fav-bus-search-filter.search-filter #search-filter-form-fav {
    position: relative;
    padding-right: 0px; }
  #fav-place-search-filter.search-filter .submit-button,
  #fav-label-search-filter.search-filter .submit-button,
  #fav-bus-search-filter.search-filter .submit-button {
    width: 72px; }
  #fav-place-search-filter.no-focus,
  #fav-label-search-filter.no-focus,
  #fav-bus-search-filter.no-focus {
    padding-top: 18px; }

#fav-place-search-filter + .disambiguation-in-page {
  margin-top: 0px; }

#fav-home-bus-search-filter {
  background-color: #ffffff;
  border-bottom: 0px;
  margin: 0px;
  padding: 0px; }
  #fav-home-bus-search-filter.search-filter #search-filter-form-fav,
  #fav-home-bus-search-filter.search-filter #search-filter-form-fav-home {
    position: relative;
    padding-right: 82px; }
  #fav-home-bus-search-filter.search-filter .submit-button {
    width: 72px; }

.label-search {
  display: none;
  padding: 0 10px 0 10px; }

#fav-rainbow-list-place .fav-rainbow-list-link .remove-content {
  top: 4.5px;
  right: 5px;
  z-index: 2;
  display: block;
  cursor: pointer;
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -800px; }
  .body-cms-preview #fav-rainbow-list-place .fav-rainbow-list-link .remove-content {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

#fav-rainbow-list-place input.custom-label-edit,
#fav-label-search-filter input.custom-label-edit {
  margin: 10px;
  width: calc(100% - 20px);
  display: block; }

#fav-rainbow-list-place input.custom-label,
#fav-label-search-filter input.custom-label {
  background-color: inherit;
  box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
  margin-bottom: 10px;
  padding: 0;
  color: #ffffff;
  outline: none; }
  #fav-rainbow-list-place input.custom-label.no-focus,
  #fav-label-search-filter input.custom-label.no-focus {
    border-color: #484b52; }
  #fav-rainbow-list-place input.custom-label::-webkit-input-placeholder,
  #fav-label-search-filter input.custom-label::-webkit-input-placeholder {
    color: #a6a6a6; }
  #fav-rainbow-list-place input.custom-label::-moz-placeholder,
  #fav-label-search-filter input.custom-label::-moz-placeholder {
    color: #a6a6a6; }
  #fav-rainbow-list-place input.custom-label:-ms-input-placeholder,
  #fav-label-search-filter input.custom-label:-ms-input-placeholder {
    color: #a6a6a6; }
  #fav-rainbow-list-place input.custom-label:-moz-placeholder,
  #fav-label-search-filter input.custom-label:-moz-placeholder {
    color: #a6a6a6; }

#fav-rainbow-list-place input.custom-label {
  margin-bottom: 5px;
  font: inherit;
  font-size: 100%;
  height: auto; }

.home-favourites .fav-sub-heading {
  float: left;
  padding-right: 10px; }
  .home-favourites .fav-sub-heading h2 {
    color: #2d3039; }

.home-favourites table {
  border-collapse: separate; }

.home-favourites th, .home-favourites td {
  border-top: 1px solid #ccc; }

.home-favourites .fav-status-all-link {
  color: #2d3039; }

.home-favourites .rainbow {
  width: 50%;
  display: inline-block;
  min-height: 44px; }
  .home-favourites .rainbow span {
    display: block; }

.home-favourites .fav-status-edit-link {
  padding: 4px 0px 0px 5px;
  color: inherit; }
  .home-favourites .fav-status-edit-link:after {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -640px; }
    .body-cms-preview .home-favourites .fav-status-edit-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.home-favourites .fav-rainbow-board .rainbow-list {
  border: 0; }

.home-favourites .fav-rainbow-board .rainbow-board {
  border-top: 0; }

.home-favourites .fav-rainbow-board .good-service-link {
  border-top: 1px solid #ccc;
  position: relative;
  display: block; }
  .home-favourites .fav-rainbow-board .good-service-link:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -640px; }
    .body-cms-preview .home-favourites .fav-rainbow-board .good-service-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .home-favourites .fav-rainbow-board .good-service-link:hover, .home-favourites .fav-rainbow-board .good-service-link:focus {
    background-color: #eff6fd; }

.home-favourites .fav-rainbow-board .rainbow-list-item .good-service:hover .disruption-summary, .home-favourites .fav-rainbow-board .rainbow-list-item .good-service:focus .disruption-summary {
  background-color: #2b4868; }

.home-favourites .fav-rainbow-board .rainbow-list-item .good-service .controls {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -640px; }
  .body-cms-preview .home-favourites .fav-rainbow-board .rainbow-list-item .good-service .controls {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.home-favourites .fav-panel-item a.link-button {
  border-width: 1px 0 0 0;
  margin-bottom: 0; }
  .home-favourites .fav-panel-item a.link-button:last-of-type {
    border-bottom-width: 1px; }

.home-favourites .fav-panel-item .fav-ssp-link:after {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -640px; }
  .body-cms-preview .home-favourites .fav-panel-item .fav-ssp-link:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.home-favourites .good-service-message {
  padding-left: 10px;
  font-weight: bold;
  color: #2d3039;
  position: absolute;
  top: 50%;
  margin-top: -10px; }

#fav-panel-rainbow-list-journey a {
  color: #ffffff;
  background-color: #2d3039;
  border-bottom-color: #24262e; }
  #fav-panel-rainbow-list-journey a:first-of-type {
    border-top: 1px solid #24262e; }
  #fav-panel-rainbow-list-journey a:after {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    content: "";
    position: absolute;
    margin-right: 0px;
    right: 0px;
    background-position: -32px -2336px; }
    .body-cms-preview #fav-panel-rainbow-list-journey a:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  #fav-panel-rainbow-list-journey a:hover, #fav-panel-rainbow-list-journey a:focus {
    background-color: #444758; }

#fav-edit-journey .fav-from-to, #fav-edit-place .fav-from-to, #fav-status-place .fav-from-to, #fav-edit-journey-place .fav-from-to {
  color: #ffffff; }

#fav-edit-journey .fav-place-text, #fav-edit-place .fav-place-text, #fav-status-place .fav-place-text, #fav-edit-journey-place .fav-place-text {
  color: #ffffff; }

#fav-rainbow-list-place li .mode-icons {
  white-space: normal;
  float: right;
  padding: 0 40px 0 0; }

#fav-rainbow-list-place li .mode-icon {
  float: right;
  padding-top: 0px; }

#fav-panel-rainbow-list-place li .mode-icons {
  white-space: normal;
  margin-top: 5px;
  margin-bottom: 5px; }

#fav-panel-rainbow-list-place li .mode-icon {
  float: right; }

#fav-panel-rainbow-list-place li span.fav-place-label {
  color: #ffffff; }

#fav-panel-rainbow-list-place li span.fav-place-text {
  color: #ffffff;
  text-align: left;
  display: block;
  width: calc(100% - 40px);
  padding: 5px 0px 10px 10px; }
  #fav-panel-rainbow-list-place li span.fav-place-text span {
    font-weight: bold; }

#fav-panel-rainbow-list-place li .nolink {
  cursor: default; }

#fav-panel-rainbow-list-tube-dlr-overground-elizabeth-line-tram.night-wrapper {
  padding: 0px 1px 0px 0px; }
  #fav-panel-rainbow-list-tube-dlr-overground-elizabeth-line-tram.night-wrapper .good-service {
    cursor: default; }

#fav-panel-rainbow-list-tube-dlr-overground-elizabeth-line-tram .night-tube-banner {
  border-top: 1px solid #24262e;
  border-left: 1px solid #24262e;
  border-right: 1px solid #24262e; }

#fav-rainbow-list-place .fav-loading-data:before,
#fav-panel-status .fav-loading-data:before {
  content: "";
  height: 32px;
  background-image: url("/static/1/images/throbber.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  display: block; }

#fav-rainbow-list-place .fav-loading-data > div,
#fav-panel-status .fav-loading-data > div {
  display: none; }

#home-status-updates .fav-loading-data:before,
#bus-landing-status-updates .fav-loading-data:before {
  content: "";
  height: 32px;
  background-image: url("/static/1/images/throbber-blue-small.gif");
  background-position: center center;
  background-repeat: no-repeat;
  display: block; }

#home-status-updates .fav-loading-data > div,
#bus-landing-status-updates .fav-loading-data > div {
  display: none; }

.save-place-inactive .tt-suggestions .label-name {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.save-place-inactive .fav-place-label, .save-place-inactive .edit-place-view {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.save-place-inactive .add-place .first-time-panel-description {
  display: inline-block; }

.save-place-inactive .add-place .fav-open-edit {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.save-place-inactive .fav-rainbow-list .fav-rainbow-list-link span.fav-place-text {
  padding: 10px; }

.save-place-inactive .fav-toggle.place {
  top: 5px; }

.save-place-inactive #fav-rainbow-list-place li .mode-icons {
  margin-top: 5px;
  margin-bottom: 5px; }

body:not(.save-place-inactive) #fav-edit-place > .edit-place-view-old {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

body:not(.save-place-inactive) .add-place .first-time-panel-description {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

body:not(.save-place-inactive) .add-place .add-place .fav-open-edit {
  display: inline-block; }

body:not(.save-place-inactive) .edit-place-labels {
  padding-left: 10px; }

.fav-username {
  display: inline-block;
  color: #ffffff;
  margin-right: 8px; }

.fav-close-icon {
  display: inline-block; }

.login-new-account-link {
  padding-bottom: 11px;
  display: inline-block; }

.fav-signout {
  margin-right: 5px;
  margin-top: 18px;
  float: right; }
  .fav-signout a {
    color: #6cc9ca; }

.fav-banner-link {
  display: none; }

.boxed-link-with-title,
.boxed-static-with-title {
  position: relative;
  border: #ccc 1px solid;
  box-shadow: rgba(0, 0, 0, 0.1) 0 3px 0;
  padding: 20px 20px 0 20px;
  margin-bottom: 20px;
  color: #2d3039;
  width: 100%; }
  .boxed-link-with-title .boxed-link-title,
  .boxed-static-with-title .boxed-link-title {
    padding: 0 0 12px;
    border-bottom: #ccc 1px solid; }
  .boxed-link-with-title .boxed-link-description,
  .boxed-static-with-title .boxed-link-description {
    position: relative;
    padding-right: 16px; }
    .boxed-link-with-title .boxed-link-description:after,
    .boxed-static-with-title .boxed-link-description:after {
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -16px;
      right: -16px; }
      .body-cms-preview .boxed-link-with-title .boxed-link-description:after, .body-cms-preview
      .boxed-static-with-title .boxed-link-description:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .boxed-link-with-title.disabled-control,
  .boxed-static-with-title.disabled-control {
    background-color: #eee;
    color: #676767; }
    .boxed-link-with-title.disabled-control .boxed-link-description:after,
    .boxed-static-with-title.disabled-control .boxed-link-description:after {
      opacity: 0.2; }

.boxed-link-with-title {
  float: left; }
  .boxed-link-with-title:hover, .boxed-link-with-title:focus {
    text-decoration: none;
    background-color: #eff6fd;
    border-color: #2070b0;
    box-shadow: rgba(32, 112, 176, 0.8) 0 3px 0; }
  .feature-tile .boxed-link-with-title {
    float: left; }

.boxed-link {
  margin-bottom: 0; }
  .boxed-link.with-large-icon {
    font-weight: bold;
    padding: 20px 40px 20px 75px; }
    .boxed-link.with-large-icon:before {
      margin-top: -32px; }

.account-wall {
  position: relative;
  min-height: 480px; }

.feature-tile {
  float: left;
  width: 100%;
  margin-bottom: 30px; }

.bordered-heading {
  border-bottom: #ccc 1px solid;
  padding: 12px 0;
  margin-bottom: 30px; }

.payment-card-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }
  .payment-card-list > li {
    margin-bottom: 20px; }

.manage-payment-card {
  display: block; }

.card-tile {
  padding-right: 0;
  padding-bottom: 20px;
  float: none;
  position: relative; }

.card-description {
  position: relative;
  margin: 0;
  padding: 0 0 0 60px;
  list-style: none;
  max-width: 80%;
  word-wrap: break-word; }
  .card-description .key-value-list-heading {
    font-size: 20px; }

.card-type-mastercard .card-description:before {
  background-image: url("/static/1/images/payment-card-sprite.png");
  background-size: 200px 36.25px;
  height: 36.25px;
  width: 50px;
  content: "";
  position: absolute;
  left: 0;
  background-position: -50px 0px; }

.card-type-visa .card-description:before {
  background-image: url("/static/1/images/payment-card-sprite.png");
  background-size: 200px 36.25px;
  height: 36.25px;
  width: 50px;
  content: "";
  position: absolute;
  left: 0;
  background-position: 0px 0px; }

.card-type-americanexpress .card-description:before {
  background-image: url("/static/1/images/payment-card-sprite.png");
  background-size: 200px 36.25px;
  height: 36.25px;
  width: 50px;
  content: "";
  position: absolute;
  left: 0;
  background-position: -150px 0px; }

.card-type-maestro .card-description:before,
.card-type-mastercarddebit .card-description:before {
  background-image: url("/static/1/images/payment-card-sprite.png");
  background-size: 200px 36.25px;
  height: 36.25px;
  width: 50px;
  content: "";
  position: absolute;
  left: 0;
  background-position: -100px 0px; }

.disabled-control .card-description:before {
  opacity: 0.7; }

.tile-submit {
  position: absolute;
  right: 12px;
  top: 25%;
  border: 0;
  width: 48px;
  height: 50%;
  background: transparent;
  cursor: pointer; }
  .disabled-control .tile-submit {
    opacity: 0.7; }

.boxed-link-with-title .use-this-card {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent; }
  .boxed-link-with-title .use-this-card:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -640px;
    bottom: auto;
    left: auto;
    right: 8px;
    top: 80px; }
    .body-cms-preview .boxed-link-with-title .use-this-card:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.boxed-link-with-title .remove-item:before {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px;
  bottom: auto;
  left: 8px;
  right: auto;
  top: 8px; }
  .body-cms-preview .boxed-link-with-title .remove-item:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.details-panel {
  border: #ccc 1px solid;
  box-shadow: rgba(0, 0, 0, 0.1) 0 3px 0;
  padding: 20px 20px 0 20px; }

.address-lookup-control {
  position: relative;
  margin-bottom: 30px; }
  .address-lookup-control .selector span:before {
    right: 0; }

.postcode-lookup-button,
.street-lookup-button {
  margin-bottom: 30px;
  margin-top: 0;
  position: relative;
  z-index: 2; }
  .no-js .postcode-lookup-button, .no-js
  .street-lookup-button {
    display: none; }

.validate-button-click {
  position: relative;
  overflow: hidden;
  min-width: 100%;
  min-height: 44px; }
  .validate-button-click .postcode-lookup-button {
    position: absolute;
    top: 0;
    left: 0; }
  .no-js .validate-button-click {
    display: none; }

.mustfillwrapper {
  position: relative;
  z-index: 0;
  top: 0;
  width: 100%; }
  .mustfillwrapper .mustfilladdress {
    border: 0;
    box-shadow: none; }
  .no-js .mustfillwrapper {
    display: none; }

.street-lookup-control .mustfillwrapper {
  position: absolute; }

.auto-address-lookup .form-control {
  width: 100%; }

.address-service-error,
.address-not-searched-error {
  display: none; }

.address-fields {
  clear: both; }
  .no-js .address-fields {
    display: block; }
  .address-fields .initially-hidden {
    display: none;
    overflow: hidden; }
    .no-js .address-fields .initially-hidden {
      display: block; }
  .address-fields label.details-label {
    font-weight: bold;
    display: block;
    width: 100%; }
  .address-fields option {
    background: #fff; }
  .address-fields .input-validation-error {
    border: #a92727 1px solid; }

.responsive-form .address-fields label {
  width: 100%; }

.clear-address-result {
  position: absolute;
  display: none;
  left: 90%;
  top: 5px;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px; }
  .body-cms-preview .clear-address-result {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.street-address-wrapper {
  display: none; }
  .no-js .street-address-wrapper {
    display: block; }

.returned-addresses {
  display: none;
  width: 100%;
  overflow: hidden; }
  .returned-addresses .form-control {
    width: 100%; }

select.address-results-list {
  box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  font-size: 16px;
  height: auto;
  width: 100%;
  border: 1px solid #ccc; }
  select.address-results-list:focus {
    outline: 1px dashed #2070b0;
    z-index: 3; }

.select-address-button {
  margin: 20px 0;
  clear: both; }

.postcode-in-zone .postcode-lookup-button {
  margin-bottom: 0; }

.postcode-in-zone .mustfillwrapper {
  top: auto;
  bottom: 38px;
  margin-bottom: 0;
  position: absolute; }

.postcode-in-zone .select-address-button {
  margin: 0 0 20px 0; }

.postcode-in-zone .address-fields {
  position: relative;
  z-index: 2; }

#check-zone-button {
  display: none; }
  .no-js #check-zone-button {
    display: block; }

.zone-search-result {
  outline: none; }

.no-js .zone-location-seeker {
  margin-bottom: 30px; }

.basket-header {
  margin: 0;
  padding: 18px 16px;
  line-height: 1; }
  .basket-header .item-count {
    line-height: 1; }

.basket-totals-header {
  border: #ccc 1px solid; }

.basket-total-row {
  position: relative;
  padding: 10px 5px 6px 0;
  display: none; }
  .non-editable .basket-total-row {
    padding-right: 0; }
  .basket-total-row label {
    font-weight: bold;
    text-transform: uppercase; }

.rucbasket-totals-vrm,
.basket-total-price,
.basket-total-label {
  font-family: "NJ Signing";
  font-size: 24px;
  text-transform: uppercase; }

.basket-total-label {
  margin-left: 16px; }

.basket-total-price {
  float: right;
  margin-right: 24px;
  display: block; }
  .basket-total-price + div {
    margin-top: 24px; }

.basket-total-cost,
.item-cost {
  float: right;
  margin: 0 20px 0 0;
  font-weight: bold; }

.basket-options .ia-toggle-content {
  border-top: none; }

.basket-options .confirm-button-set {
  border-top: 1px dotted #ccc;
  padding-top: 2em; }

.basket-options .button-container {
  float: right;
  width: 100%; }

.basket-options .terms-checkbox-wrapper, .basket-options .button-container {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

.basket-options .terms-checkbox-wrapper {
  float: right;
  width: 100%; }
  .basket-options .terms-checkbox-wrapper .form-control {
    margin-bottom: 0; }

.basket-options .inline-help-wrap {
  display: none; }

.basket-options .hanging-message {
  border: none; }

.basket-options .hanging-message {
  border-bottom: 3px #ccc solid; }
  .basket-options .hanging-message .button-wrap {
    border-bottom: none; }

.basket-options .input-group {
  margin-bottom: 0; }

.basket-container {
  margin-bottom: 30px;
  clear: both; }
  .basket-container.no-margin {
    margin-bottom: 0; }
  .basket-container .basket-header {
    border: 1px solid #ccc;
    border-bottom-width: 0; }
  .basket-container .basket-rows {
    padding: 10px 10px 10px 16px;
    border: 1px solid #ccc;
    border-bottom: none; }
  .basket-container .form-control {
    float: none;
    border: 0;
    box-shadow: none; }
  .basket-container .basket-button-wrap {
    border-top-width: 0; }
  .basket-container .basket-options .remove-content {
    top: 4px !important; }
  .basket-container ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .basket-container .item-row {
    padding: 1em 0;
    border-bottom: 1px #ccc dotted; }
  .basket-container .in-cart {
    display: block; }

.basket-button-wrap {
  background-color: #eee;
  overflow: hidden;
  padding: 15px 15px 0 15px;
  border: 1px #ccc solid;
  border-bottom-width: 3px;
  float: right;
  width: 100%;
  clear: both;
  margin-bottom: 30px; }

.basket-footer {
  border: #ccc 1px solid;
  border-top: 0;
  display: block;
  padding-bottom: 25px; }
  .basket-footer .info-para {
    margin: 0 0 0 16px;
    line-height: 1; }
    .basket-footer .info-para * {
      line-height: 1; }

.basket-total-row .with-indicator:before,
.basket-total-row .with-indicator:after {
  right: 22px; }

.basket-total-row .with-indicator:before {
  top: -5px; }

.basket-total-remove-item {
  float: right; }

.basket-total-remove-item,
.remove-item-from-list {
  border: 0;
  color: #fff;
  text-indent: -9999em;
  background-color: transparent;
  position: relative;
  top: -4px;
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px; }
  .body-cms-preview .basket-total-remove-item, .body-cms-preview
  .remove-item-from-list {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .basket-total-remove-item:hover, .basket-total-remove-item:active, .basket-total-remove-item:focus,
  .remove-item-from-list:hover,
  .remove-item-from-list:active,
  .remove-item-from-list:focus {
    background-color: transparent !important;
    background-image: url("/static/1/images/vsprite_x2.34614087.png") !important; }

.removing-progress, .in-cart input.loading.basket-total-remove-item, .remove-item-from-list.loading {
  background: transparent url("/static/1/images/Tfl_Spinner_Transparent.gif") no-repeat 0 0;
  background-size: 32px 32px; }
  .removing-progress:hover, .in-cart input.loading.basket-total-remove-item:hover, .remove-item-from-list.loading:hover, .removing-progress:focus, .in-cart input.loading.basket-total-remove-item:focus, .remove-item-from-list.loading:focus {
    background: transparent url("/static/1/images/Tfl_Spinner_Transparent.gif") no-repeat 0 0 !important; }

.remove-item-from-list {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -16px; }

.basket-total-description {
  width: 60%;
  display: inline-block; }

#pcn-another-vehicle {
  border-top-width: 0; }

.simulate-link {
  color: #2070b0; }

.tbd-item-full {
  position: absolute;
  min-height: 100%;
  display: block;
  top: 0;
  left: 0; }
  .tbd-item-full.hidden {
    display: none; }

.fullscreen-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #e8e8e8;
  z-index: 1001;
  top: 0;
  left: 0; }

.gallery-inner {
  width: 90%;
  margin: 46px 5% 0;
  overflow: hidden; }

.tbd-gallery-icon {
  width: 48%;
  margin: 0 2% 1% 0;
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer; }

._picture {
  width: 100%; }
  ._picture img {
    width: 100%; }

._caption {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("/static/1/images/fullscreen.png");
  background-position: 94% 20px;
  background-repeat: no-repeat;
  color: #fff;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 1200; }
  ._caption ._caption-text {
    padding: 0 20px;
    margin: 0 0 4px;
    display: none; }
  ._caption .gallery-item-title {
    position: absolute;
    left: 8px;
    bottom: 8px;
    font-size: 14px; }
  ._caption .gallery-index {
    padding: 8px; }

.overlay-header {
  background-color: rgba(14, 15, 17, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2008; }

.overlay-exit {
  color: #fff;
  padding: 10px 18px;
  position: relative;
  float: right;
  text-decoration: none;
  top: 0; }
  .overlay-exit:after {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -64px -832px;
    position: absolute;
    content: '';
    top: 6px;
    right: -6px; }
    .body-cms-preview .overlay-exit:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

._photo-full {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  min-height: 50vh; }

._details {
  padding: 80px 20px 0; }

._details .map-navigator {
  display: block; }

.gallery-feature-grid {
  width: 100%; }
  .gallery-feature-grid img {
    width: 100%; }

.gallery-navigation {
  position: absolute;
  top: 50vh;
  left: 0;
  width: 100%;
  height: 40px;
  display: none;
  z-index: 1020; }
  .gallery-open .gallery-navigation {
    display: block; }

.gallery-nav {
  height: 40px;
  width: 42px;
  padding: 8px;
  border: 0;
  background-color: rgba(14, 15, 17, 0.5);
  background-repeat: no-repeat;
  background-size: 35% 62%;
  background-position: 50%;
  color: #eff6fe;
  display: inline-block; }
  .gallery-nav:active, .gallery-nav:focus {
    outline: #eff6fe 1px dotted; }
  .gallery-nav span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

.gallery-nav-fwd {
  position: absolute;
  right: 0;
  background-image: url("/static/1/images/ui-next.png"); }

.gallery-nav-back {
  background-image: url("/static/1/images/ui-previous.png"); }

.tbd-items-page-wrapper .tbd-gallery-icon {
  float: none;
  overflow: visible;
  cursor: inherit;
  width: 100%; }

.tbd-items-page-wrapper ._picture {
  width: 50%; }

.tbd-items-page-wrapper ._caption {
  position: relative;
  background: none;
  height: auto;
  z-index: auto;
  color: #2d3039;
  margin-left: 0; }

.tbd-items-page-wrapper ._caption-text {
  display: block; }

.design-icon-image {
  width: 40%;
  float: left;
  margin-right: 12px; }
  .design-icon-image img {
    width: 100%; }

.tdb-map-info {
  background-color: #fff;
  color: #2d3039;
  padding: 12px;
  overflow: hidden; }

.logo-list {
  margin-bottom: 0; }
  .logo-list .featured-item {
    border-bottom: #ccc 1px solid; }
    .logo-list .featured-item a {
      width: 50%; }
  .logo-list li {
    clear: both;
    overflow: hidden;
    padding: 20px 0; }
  .logo-list a {
    width: 15%;
    float: left;
    margin-right: 6%;
    min-height: 101px; }
    .logo-list a:last-child, .logo-list a:nth-child(5n) {
      margin: 0; }
  .logo-list img {
    width: 100%;
    border: 0;
    padding: 0; }

@media (max-width: 500px) {
  .logo-list a {
    width: 29%; }
    .logo-list a:nth-child(3n) {
      margin-right: 0; }
  .logo-list .featured-item a {
    width: 100%;
    min-height: inherit; } }

@media (min-width: 769px) {
  .tbd-gallery-icon {
    width: 30%;
    float: left;
    margin: 1.5%; }
  .gallery-open {
    height: 100%; }
  .overlay-header {
    background-color: transparent; }
  .overlay-exit {
    background-color: rgba(14, 15, 17, 0.5); }
  ._photo-full {
    width: 75%;
    min-height: 100vh;
    position: absolute; }
  ._container ._details {
    width: 25%;
    float: right; } }

@media (min-width: 1024px) {
  .gallery-navigation {
    top: auto;
    bottom: 0; }
  .tbd-gallery-icon {
    width: 23%;
    float: left;
    margin: 1%; } }

/*
 core styles for the leaflet.js mapping plugin
 this file also contains the styles required for clustering
 */
.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0; }

.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block; }

/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
  max-width: none !important; }

/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
  max-width: 15000px !important; }

.leaflet-tile {
  filter: inherit;
  visibility: hidden; }

.leaflet-tile-loaded {
  visibility: inherit; }

.leaflet-zoom-box {
  width: 0;
  height: 0; }

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none; }

.leaflet-tile-pane {
  z-index: 2; }

.leaflet-objects-pane {
  z-index: 3; }

.leaflet-overlay-pane {
  z-index: 4; }

.leaflet-shadow-pane {
  z-index: 5; }

.leaflet-marker-pane {
  z-index: 6; }

.leaflet-popup-pane {
  z-index: 7; }

.leaflet-vml-shape {
  width: 1px;
  height: 1px; }

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute; }

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto; }

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none; }

.leaflet-top {
  top: 0; }

.leaflet-right {
  right: 0; }

.leaflet-bottom {
  bottom: 0; }

.leaflet-left {
  left: 0; }

.leaflet-control {
  float: left;
  clear: both; }

.leaflet-right .leaflet-control {
  float: right; }

.leaflet-top .leaflet-control {
  margin-top: 10px; }

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px; }

.leaflet-left .leaflet-control {
  margin-left: 10px; }

.leaflet-right .leaflet-control {
  margin-right: 10px; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1; }

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden; }

/* cursors */
.leaflet-clickable {
  cursor: pointer; }

.leaflet-container {
  cursor: -webkit-grab;
  cursor: -moz-grab; }

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto; }

.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing; }

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0; }

.leaflet-container a {
  color: #0078A8; }

.leaflet-container a.leaflet-active {
  outline: 2px solid orange; }

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5); }

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px; }

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black; }

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block; }

.leaflet-bar a:hover {
  background-color: #f4f4f4; }

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none; }

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb; }

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px; }

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px; }

.leaflet-control-zoom-out {
  font-size: 20px; }

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px; }

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px; }

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px; }

.leaflet-control-layers-toggle {
  background-image: "/static/1/images/leafletimages/layers.png";
  width: 36px;
  height: 36px; }

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: "/static/1/images/leafletimages/layers-2x.png";
  background-size: 26px 26px; }

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px; }

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none; }

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative; }

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff; }

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px; }

.leaflet-control-layers label {
  display: block; }

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px; }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0; }

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333; }

.leaflet-control-attribution a {
  text-decoration: none; }

.leaflet-control-attribution a:hover {
  text-decoration: underline; }

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px; }

.leaflet-left .leaflet-control-scale {
  margin-left: 5px; }

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px; }

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5); }

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px; }

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777; }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none; }

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box; }

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center; }

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px; }

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4; }

.leaflet-popup-content p {
  margin: 18px 0; }

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden; }

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent; }

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999; }

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; }

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1; }

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px; }

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999; }

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666; }

/* cluster styles begin */
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in; }

.leaflet-cluster-spider-leg {
  /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; }

.marker-cluster-small {
  background-color: #1a5a92; }

.marker-cluster-small div {
  background-color: #103e66;
  color: #ffffff; }

.marker-cluster-medium {
  background-color: #1a5a92; }

.marker-cluster-medium div {
  background-color: #103e66;
  color: #ffffff; }

.marker-cluster-large {
  background-color: #1a5a92; }

.marker-cluster-large div {
  background-color: #103e66;
  color: #ffffff; }

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c; }

.leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39; }

.leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357; }

.leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c; }

.leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73; }

.leaflet-oldie .marker-cluster-large div {
  background-color: #f18017; }

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px; }

.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; }

.marker-cluster span {
  line-height: 30px; }

.leaflet-map {
  width: 100%;
  height: 80px;
  background: transparent url(/cdn/static/images/tbd-map-sliver.png) no-repeat 0 0;
  cursor: pointer; }
  .leaflet-map .expand-map-icon {
    display: block;
    margin: 20px 12px 0 0;
    float: right;
    background-color: #fff; }
  .leaflet-map.activated {
    background: none;
    min-height: 400px;
    height: auto;
    cursor: inherit; }

/**************************************************
	M089-did-you-know-box
* Author: Richard Inman
* Created: 10/06/2016
* Pattern library URL:
**************************************************/
.did-you-know-box {
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0; }
  @media (min-width: 580px) {
    .did-you-know-box {
      margin: 0 20px 15px 0;
      padding-right: 24px;
      display: block;
      float: left;
      position: relative;
      width: 50%; } }
  .did-you-know-box h2 {
    padding-top: 10px; }
  .did-you-know-box a {
    display: block;
    padding: 10px 0; }

/**************************************************
    M090 Route Direction

* Author: Richard Inman
* Created: 19/07/2016
* Pattern library URL:

**************************************************/
.subtler-grey-box {
  background-color: #f7f7f7;
  margin-bottom: 10px;
  overflow: hidden; }

/**************************************************
    M091 Onboarding

* Author: 
* Created: 
* Pattern library URL: \\

**************************************************/
/** 
 * Personalisation star styling required for personalisation onboarding popup to stay with parent 
 */
.onboard-modal-popup {
  background-color: #2d3039;
  border-radius: 6px;
  height: auto;
  padding: 15px 20px 15px 20px;
  width: 180px;
  display: block;
  position: absolute;
  -webkit-box-shadow: 0 8px 7px -7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 7px -7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 7px -7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 1000; }
  .onboard-modal-popup a {
    color: #ffffff; }
    .onboard-modal-popup a:visited {
      color: #ffffff; }
    .onboard-modal-popup a:hover, .onboard-modal-popup a:focus {
      text-decoration: none; }

.onboard-modal-popup:hover .link {
  text-decoration: underline; }

.onboard-modal-popup:after {
  content: " ";
  background-image: url("/static/1/images/bubble-pointer.svg");
  background-size: 25px 25px;
  height: 25px;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: -16px;
  width: 25px;
  z-index: -1; }

.onboard-modal-popup.onboard-modal-above:after {
  top: 100%;
  border-top-color: #2d3039; }

.onboard-modal-popup.onboard-modal-middle:after {
  bottom: 30%; }

.onboard-modal-popup.onboard-modal-below {
  top: 70px; }

.onboard-modal-popup.onboard-modal-below:after {
  bottom: 100%;
  border-bottom-color: #2d3039; }

.onboard-modal-popup.onboard-modal-left {
  left: -140px; }

.onboard-modal-popup.onboard-modal-left:after {
  left: calc(90% - 12px); }

.onboard-modal-popup.onboard-modal-centre:after {
  left: calc(50% - 16px); }

.onboard-modal-popup.onboard-modal-right:after {
  left: 10%; }

.onboard-modal-popup.onboard-modal-middle.onboard-modal-left:after {
  left: 100%;
  border-left-color: #2d3039; }

.onboard-modal-popup.onboard-modal-middle.onboard-modal-right:after {
  left: auto;
  right: 100%;
  border-right-color: #2d3039; }

/* The Open Button*/
.open-onboard-modal {
  background-color: transparent;
  height: 58px;
  border: none;
  padding-right: 0; }

/* The Close Button */
.onboard-modal-close:hover,
.onboard-modal-close:focus {
  color: #aaaaaa;
  text-decoration: none;
  cursor: pointer; }

.onboard-modal-text {
  color: #ffffff;
  display: block;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: -0.5px;
  text-align: left;
  margin-bottom: 10px; }
  .onboard-modal-text.link {
    color: #6cc;
    margin: 0; }

/**************************************************
  M090-Video Carousel
* Author: 
* Created: 11/07/2016
* Pattern library URL:
**************************************************/
.video-gallery-wrapper {
  margin-bottom: 30px; }
  .video-gallery-wrapper .video-title {
    background-color: #eee;
    margin: 0;
    padding: 10px;
    font-size: 18px; }

.video-gallery-wrapper .gallery-carousel-wrap {
  overflow: hidden;
  position: relative;
  background-color: #F2F2F2;
  width: 100%;
  margin-top: 15px; }
  .video-gallery-wrapper .gallery-carousel-wrap .gallery-button {
    opacity: 1;
    background-color: #fff;
    top: 20%; }

.video-gallery-wrapper .gallery-carousel {
  margin-left: 0;
  position: relative; }
  .video-gallery-wrapper .gallery-carousel .gallery-thumb {
    overflow: hidden;
    float: left;
    list-style: none;
    margin-right: 1px;
    cursor: pointer;
    overflow: hidden; }
    .video-gallery-wrapper .gallery-carousel .gallery-thumb img {
      display: block;
      width: 100%; }
    .video-gallery-wrapper .gallery-carousel .gallery-thumb span {
      display: block;
      padding: 10px;
      font-size: 12px;
      color: #2070b0; }
    .video-gallery-wrapper .gallery-carousel .gallery-thumb:last-child {
      margin-right: 0; }
    .video-gallery-wrapper .gallery-carousel .gallery-thumb.selected {
      background: #ccc;
      cursor: default; }
      .video-gallery-wrapper .gallery-carousel .gallery-thumb.selected span {
        color: #2d3039; }

/**************************************************
  M091 - Square Image
* Author: 
* Created: 21/07/2016
* Pattern library URL:
**************************************************/
.square-image-module {
  clear: both;
  overflow: hidden; }
  .square-image-module > div {
    margin-bottom: 20px;
    overflow: hidden; }
  .square-image-module img {
    float: left;
    display: block;
    margin-right: 8px; }
    .square-image-module img.right {
      float: right;
      margin-left: 8px;
      margin-right: 0; }

.square-image-module .teaser h2 {
  font-size: 20px; }

.square-image-module .teaser img {
  width: 106px; }

.square-image-module .teaser p {
  margin-bottom: auto; }

.square-image-module .teaser-overflowing img {
  width: 136px; }

.square-image-module .teaser-overflowing p:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 580px) {
  .square-image-module .teaser {
    float: left;
    width: 48.5%; }
    .square-image-module .teaser:nth-child(odd) {
      margin-right: 3%; }
    .square-image-module .teaser img {
      width: 118px; }
  .square-image-module .teaser-overflowing img {
    width: 260px; }
  .square-image-module img {
    margin-right: 20px; }
    .square-image-module img.right {
      margin-left: 20px;
      margin-right: 0; } }

@media screen and (min-width: 900px) {
  .square-image-module .teaser-overflowing img {
    width: 262px; } }

/**************************************************
  Forecast Widget
* Author: 
* Created: 08/08/2016
* Pattern library URL:
**************************************************/
.floating-right-component-module .component {
  margin: 0 0 30px;
  width: 100%; }
  .floating-right-component-module .component .info {
    padding-left: 6px; }

.forecast {
  padding-left: 6px; }
  .forecast h3 {
    font-size: 17px;
    font-weight: 700;
    line-height: 153.333%; }
    .forecast h3 span {
      font-weight: normal; }
  .forecast:first-of-type {
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 1px solid #d8d8d8; }
  .forecast:last-of-type {
    padding-bottom: 25px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d8d8d8; }
  .forecast .values {
    clear: both;
    overflow: hidden; }
    .forecast .values span {
      width: 9.5%;
      height: 30px;
      display: block;
      float: left;
      padding-top: 5px;
      text-align: center;
      background: #eee; }
      .forecast .values span:nth-child(3n) {
        margin-right: 2px; }

.forecast.low h3 span {
  color: #19ac0b;
  font-weight: 700; }

.forecast.low .values span:nth-of-type(1) {
  background-color: #99ff98;
  font-weight: 700; }

.forecast.low .values span:nth-of-type(2) {
  background-color: #16ff00;
  font-weight: 700; }

.forecast.low .values span:nth-of-type(3) {
  background-color: #1ac909;
  font-weight: 700; }

.forecast.moderate h3 span {
  color: #ab5b00;
  font-weight: 700; }

.forecast.moderate .values span:nth-of-type(4) {
  background-color: #fffd38;
  font-weight: 700; }

.forecast.moderate .values span:nth-of-type(5) {
  background-color: #fece2f;
  font-weight: 700; }

.forecast.moderate .values span:nth-of-type(6) {
  background-color: #fd9927;
  font-weight: 700; }

.forecast.high h3 span {
  color: #cd0b12;
  font-weight: 700; }

.forecast.high .values span:nth-of-type(7) {
  background-color: #fc6567;
  font-weight: 700; }

.forecast.high .values span:nth-of-type(8) {
  background-color: #fc0d1b;
  color: #fff;
  font-weight: 700; }

.forecast.high .values span:nth-of-type(9) {
  background-color: #97040c;
  color: #fff;
  font-weight: 700; }

.forecast.very-high h3 span {
  color: #6b028e;
  font-weight: 700; }

.forecast.very-high .values span:nth-of-type(10) {
  background-color: #cc3efb;
  color: #fff;
  font-weight: 700; }

@media screen and (min-width: 580px) {
  .floating-right-component-module .component {
    margin: 0 0 20px 20px;
    float: right;
    max-width: 320px; }
  .floating-right-component-module .forecast .values span {
    width: 30px; } }

.gallery-lite-wrap, .video-gallery-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .gallery-lite-wrap #button-wrap, .video-gallery-wrapper #button-wrap {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 100%;
    height: 46px;
    margin-top: -23px; }
  .gallery-lite-wrap .gallery-button, .video-gallery-wrapper .gallery-button {
    position: absolute;
    background-color: #ffffff;
    border: 0;
    width: 42px;
    height: 46px; }
  .gallery-lite-wrap .btn-next, .video-gallery-wrapper .btn-next {
    left: auto;
    right: 0; }
    .gallery-lite-wrap .btn-next:before, .video-gallery-wrapper .btn-next:before {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px;
      right: 5px;
      top: 50%;
      margin-top: -16px; }
      .body-cms-preview .gallery-lite-wrap .btn-next:before, .body-cms-preview .video-gallery-wrapper .btn-next:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .gallery-lite-wrap .btn-prev, .video-gallery-wrapper .btn-prev {
    left: 0; }
    .gallery-lite-wrap .btn-prev:before, .video-gallery-wrapper .btn-prev:before {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.34614087.png");
      background-image: url("/static/1/images/vsprite.17114d90.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -576px;
      left: 4px;
      top: 50%;
      margin-top: -16px; }
      .body-cms-preview .gallery-lite-wrap .btn-prev:before, .body-cms-preview .video-gallery-wrapper .btn-prev:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

.gallery-lite,
.video-gallery-lite {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  position: relative;
  display: block;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
  background: #fff url("/static/1/images//throbber-blue-large.gif") no-repeat 50%; }
  .no-js .gallery-lite, .no-js
  .video-gallery-lite {
    background-image: none; }
  .gallery-lite > li,
  .video-gallery-lite > li {
    width: 100%;
    position: relative;
    display: block; }
    .gallery-lite > li.activated-gallery-item,
    .video-gallery-lite > li.activated-gallery-item {
      position: absolute;
      height: 100%;
      top: 0; }
  .gallery-lite figure,
  .video-gallery-lite figure {
    display: block;
    position: relative;
    z-index: 1; }
  .gallery-lite figcaption,
  .video-gallery-lite figcaption {
    background-color: #EEEEEE;
    padding: 12px;
    color: #2D3039;
    margin-bottom: 10px;
    vertical-align: bottom;
    width: 100%;
    position: relative;
    display: block;
    border-bottom: #ccc 3px solid; }
  .gallery-lite .figure-title,
  .video-gallery-lite .figure-title {
    display: block;
    font-size: 110%; }
  .gallery-lite .figure-description,
  .video-gallery-lite .figure-description {
    display: block;
    background-color: #fff;
    border-bottom: #ccc 3px solid;
    padding: 4px 2px; }
  .gallery-lite .gallery-counter,
  .video-gallery-lite .gallery-counter {
    position: absolute;
    right: 12px;
    top: 8px;
    text-align: right;
    font-weight: bold; }
  .gallery-lite img,
  .video-gallery-lite img {
    width: 100%; }

:-webkit-full-screen .gallery-lite {
  background-color: #fff;
  height: 100vh; }

:-moz-full-screen .gallery-lite {
  background-color: #fff;
  height: 100vh; }

:-ms-fullscreen .gallery-lite {
  background-color: #fff;
  height: 100vh; }

:full-screen .gallery-lite {
  /*pre-spec */
  background-color: #fff;
  height: 100vh; }

:fullscreen .gallery-lite {
  /* spec */
  background-color: #fff;
  height: 100vh; }

:-webkit-full-screen .gallery-lite-fullscreen {
  display: none; }

:-moz-full-screen .gallery-lite-fullscreen {
  display: none; }

:-ms-fullscreen .gallery-lite-fullscreen {
  display: none; }

:full-screen .gallery-lite-fullscreen {
  /*pre-spec */
  display: none; }

:fullscreen .gallery-lite-fullscreen {
  /* spec */
  display: none; }

.gallery-lite-fs-exit {
  display: none; }

:-webkit-full-screen .gallery-lite-fs-exit {
  display: block; }

:-moz-full-screen .gallery-lite-fs-exit {
  display: block; }

:-ms-fullscreen .gallery-lite-fs-exit {
  display: block; }

:full-screen .gallery-lite-fs-exit {
  /*pre-spec */
  display: block; }

:fullscreen .gallery-lite-fs-exit {
  /* spec */
  display: block; }

.gallery-lite-fullscreen {
  background-color: white;
  width: 46px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  padding: 0;
  top: -40px;
  right: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  z-index: 1;
  border: 0; }
  .gallery-lite-fullscreen:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -64px;
    bottom: auto;
    left: auto;
    right: 5px;
    top: 6px; }
    .body-cms-preview .gallery-lite-fullscreen:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  @media (orientation: portrait) {
    .gallery-lite-fullscreen {
      display: none; } }

.gallery-lite.no-borders {
  margin-bottom: 20px;
  border: none; }
  .gallery-lite.no-borders figcaption {
    padding-top: 15px; }
  .gallery-lite.no-borders .figure-description {
    background-color: transparent;
    border-bottom: none; }
  .gallery-lite.no-borders .gallery-counter {
    top: 3px; }

.lt-ie9 .gallery-lite-fullscreen:before {
  top: 0;
  left: 8px;
  display: block;
  position: relative; }

.formBuilder-foi {
  float: left;
  padding: 6px 0px 0px 50px;
  font-size: 100%;
  display: inline-block;
  text-align: left; }

.formBuilder-foi-email:before {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  content: "";
  position: absolute;
  margin-top: -6px;
  margin-right: 10px;
  left: 0;
  background-position: -64px -1152px; }
  .body-cms-preview .formBuilder-foi-email:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.formBuilder-foi-calendar:before {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  content: "";
  position: absolute;
  margin-top: -6px;
  margin-right: 10px;
  left: 0;
  background-position: -64px -1280px; }
  .body-cms-preview .formBuilder-foi-calendar:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.formBuilder-foi-tick:before {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  content: "";
  position: absolute;
  margin-top: -6px;
  margin-right: 10px;
  left: 0;
  background-position: 0px -768px; }
  .body-cms-preview .formBuilder-foi-tick:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.recaptcha {
  padding: 20px 20px 20px 0; }

.form-recaptcha-error-msg {
  color: #a92727;
  line-height: 0px;
  margin: 2px 10px 2px 0px; }

.foi {
  float: left;
  padding-left: 30px;
  font-size: 100%;
  font-weight: bold; }

.you-asked:before {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  content: "";
  position: absolute;
  margin-top: -6px;
  left: 0px;
  background-position: -64px -640px; }
  .body-cms-preview .you-asked:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.we-answered:before {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  content: "";
  position: absolute;
  margin-top: -6px;
  left: 0px;
  background-position: -64px -1088px; }
  .body-cms-preview .we-answered:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }