@charset "UTF-8";
/* utility */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: arial;
  font-size: 15px; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: bottom;
  font: inherit;
  font-size: 100%;
  line-height: 153.333%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
  padding: 0;
  margin: 0; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0; }

* html .clearfix {
  zoom: 1; }

*:first-child + html .clearfix {
  zoom: 1; }

.hidden, .icon-replacement-text, .button-set input.hidden {
  display: none; }

.hidden-with-js {
  display: none !important; }

.clear {
  clear: both; }

.hide-text {
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  *display: block; }

.bold {
  font-weight: bold; }

.allcaps {
  text-transform: uppercase; }

.nomargin {
  margin: 0; }

@media (max-width: 400px) {
  @-ms-viewport {
    width: device-width; } }

@-o-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-webkit-viewport {
  width: device-width; }

input[type=text]::-ms-clear {
  display: none; }

.vertical-centre:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.vertical-centre > .centre-child {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

.block {
  display: block; }

.address-line {
  display: block; }

.margin-bottom {
  margin-bottom: 30px; }

.right-to-left {
  direction: rtl; }

.no-outline {
  outline: none; }

.no-js-only, .secondary-button.no-js-only, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.no-js-only {
  display: none; }

.disabled-control {
  pointer-events: none; }

.cursor-wait {
  cursor: wait; }

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

.overflow-hidden {
  overflow: hidden; }

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

.shaded-text-area {
  -webkit-box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  font-size: 16px;
  height: 40px;
  border: 1px solid #ccc; }

.boxed-label-for-input:hover {
  background-color: #e6e5e5;
  background-image: -webkit-linear-gradient(top, #e6e5e5 , #dad9d9 , #dad9d9);
  background-image: -moz-linear-gradient(top, #e6e5e5 , #dad9d9 , #dad9d9);
  background-image: -ms-linear-gradient(top, #e6e5e5 , #dad9d9 , #dad9d9);
  background-image: -o-linear-gradient(top, #e6e5e5 , #dad9d9 , #dad9d9);
  background-image: linear-gradient(top, #e6e5e5 , #dad9d9 , #dad9d9); }

.boxed-label-for-input, .boxed-label-for-input-radio, input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label {
  background-color: white;
  cursor: pointer;
  display: block;
  color: #000;
  padding: 10px 45px 10px 16px; }

.account-details .top-tier-title, .account-details .top-tier-content {
  font-family: "New Johnson Bold", Arial;
  font-size: 18px; }

.section-style, h1.signing, strong, .manage-auto-pay .direct-debit-container .item dt, ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li dd.primary, ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .vrm, ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .vehicle-charges dl dt, ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .charges-explained-message dl .title, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .vrm, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .other, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .vehicle-charges dl dt, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .charges-explained-message dl .title, .pcn-history-items .pcn-history-item-1, .pcn-item-label, .pcn-item-amount {
  font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; }

h1, h2, h3, h2.header-three, .section-landing-container h1, .headline, .hero-headline, .header-two, .header-three, .responsive-form .form-heading, .bounded-fieldset .form-sub-heading, ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .tag, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .tag, .live-board .live-board-subheading, .headline-container.content-page h1, .map-panel .nearby-list-heading, .map-panel .map-panel-heading, .bulk-processing-wait-new .file-name {
  font-family: Johnston100-Regular, Arial, Helvetica, sans-serif; }

.primary-button, .secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a, ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .tag-link, ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .vrm.primary .tag-link, ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .other, ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .showdate, ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .show-date-range, ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .charges-explained-message dl .infoitem, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li dd.primary, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .tag-link, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .vrm.primary .tag-link, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .showdate, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .show-date-range, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .show-more .label, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .charges-explained-message dl .infoitem, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-error-message .error-message, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-info-message .info-message, .list-header .vehicle-count {
  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%; }

.module-grid > div .teaser, .grey-box, .flat-button {
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.module-grid > div .teaser, .grey-box, .flat-button {
  border-bottom: 3px solid #ccc;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2); }

.main, .aside, .login-aside, .equal-weight > div {
  float: left;
  margin: 0 0 0 2.54%;
  width: 94.864%; }

.visually-hidden, .assistive-text, .assistive-button {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.boxed-label-for-input:hover, .page_link:hover, .page_link:focus, .next_link:hover, .next_link:focus, .previous_link:hover, .previous_link:focus, .first_link:hover, .first_link:focus, .last_link:hover, .last_link:focus, .pagination-controls-gotopage .page_link:hover, .pagination-controls-gotopage .page_link:focus, .account-statements .document-link:hover, .account-statements .document-link:focus, .primary-button:not([disabled='disabled']):hover, .primary-button:not([disabled='disabled']):focus, .secondary-button:not([disabled='disabled']):hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:not([disabled='disabled']):hover, .secondary-button:not([disabled='disabled']):focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:not([disabled='disabled']):focus, .disabled-button:not([disabled='disabled']):hover, .disabled-button:not([disabled='disabled']):focus, .btn-download-map:not([disabled='disabled']):hover, .btn-download-map:not([disabled='disabled']):focus, .plain-button:hover, .plain-button:focus, .flat-button:hover, .flat-button:focus, a.link-button:hover, .responsive-link-button:hover, a.link-button:focus, .responsive-link-button:focus, a.link-button.disrupted:hover, .disrupted.responsive-link-button:hover, a.link-button.disrupted:focus, .disrupted.responsive-link-button:focus, .plain-link:hover, .plain-link:focus, .secondary-button.map-view-button:not([disabled='disabled']):hover, .secondary-button.map-view-button:not([disabled='disabled']):focus, .show-welcome-page-button:hover, .show-welcome-page-button:focus, .show-welcome-page-button-container:hover, .show-welcome-page-button-container:focus, .show-welcome-page-button-container.disrupted:hover, .show-welcome-page-button-container.disrupted:focus, .stop-list a.stop-link:focus:not(.no-arrow), .timetable-route a.stop-link:focus:not(.no-arrow), .stop-list a.stop-link:hover:not(.no-arrow), .timetable-route a.stop-link:hover:not(.no-arrow), .nearby-list a:hover, .nearby-list a:focus, .bus-option .bus-option-route-name:hover, .document-download-wrap:hover, .document-download-wrap:focus, .responsive-button-row.collapsed.opened .rbr-group-button > a, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .disruption-summary, .rainbow-list .rainbow-list-item.link-only .good-service-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .good-service-link:focus .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .disruption-summary, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .disruption-summary, .rainbow-list-wrapper .good-service-link:hover, .rainbow-list-wrapper .good-service-link:focus, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:not([disabled='disabled']):hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:not([disabled='disabled']):focus, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):not([disabled='disabled']):hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):not([disabled='disabled']):focus {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none; }

th, td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box; }

.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before, .fewest-changes-icon, .fastest-by-public-transport-icon, .cycle-hire-icon, .cycle-hire-icon-easy, .cycle-hire-icon-moderate, .cycle-hire-icon-fast, .up-lift, .boarding-ramps-icon, .euro-cash-machines-icon, #mode-navigation .chevron {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9; }
  .body-cms-preview .field-validation-error:before, .body-cms-preview .field-validation-information:before, .body-cms-preview .field-validation-suggestion:before, .body-cms-preview .fewest-changes-icon, .body-cms-preview .fastest-by-public-transport-icon, .body-cms-preview .cycle-hire-icon, .body-cms-preview .cycle-hire-icon-easy, .body-cms-preview .cycle-hire-icon-moderate, .body-cms-preview .cycle-hire-icon-fast, .body-cms-preview .up-lift, .body-cms-preview .boarding-ramps-icon, .body-cms-preview .euro-cash-machines-icon, .body-cms-preview #mode-navigation .chevron, #mode-navigation .body-cms-preview .chevron {
    background-image: url("/static/1/images/vsprite.png"); }

.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before, .fewest-changes-icon, .fastest-by-public-transport-icon, .cycle-hire-icon, .cycle-hire-icon-easy, .cycle-hire-icon-moderate, .cycle-hire-icon-fast, .up-lift, .boarding-ramps-icon, .euro-cash-machines-icon, #mode-navigation .chevron {
  background-size: 96px 3776px;
  height: 32px;
  width: 32px; }

#search-filter input {
  float: left; }

.section-style {
  background: #2D3039;
  color: #fff;
  font-size: 24px;
  padding: 6px 15px;
  display: inline-block; }

.live-board .live-board-feed {
  background-image: url(data:image/gif;base64,R0lGODlhAwADAIAAAP////Dw8CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MDczODZGMTkzNDExRTNCQzhBRjEwNjJGREIxMTQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0MDczODcwMTkzNDExRTNCQzhBRjEwNjJGREIxMTQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTQwNzM4NkQxOTM0MTFFM0JDOEFGMTA2MkZEQjExNDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTQwNzM4NkUxOTM0MTFFM0JDOEFGMTA2MkZEQjExNDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAwADAAACAwyOVwA7); }

.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button {
  position: relative; }
  .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 0.1;
    background-color: #000;
    z-index: 10; }

.throbber, .local-storage-loading:after, .map-panel.loading:after {
  height: 70px;
  width: 70px;
  background-image: url("/static/1/images/throbber.gif"); }

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

.map-button, .fullscreen-stage-button {
  position: absolute;
  width: 40px;
  height: 43px;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  background-color: #fff; }
  .map-button .icon, .fullscreen-stage-button .icon {
    display: block;
    position: absolute;
    top: 4px;
    left: 4px; }

.form-control-wrapper.form-field-error .form-control, .form-control-wrapper.form-field-tooltip .form-control {
  padding-right: 45px; }

.disabled-control, input[type="checkbox"]:disabled + .boxed-label-for-input, input[type="radio"]:disabled + .boxed-label-for-input, input[type="checkbox"]:disabled + input[type="hidden"] + .styled-checkbox-label, input[type="radio"]:disabled + input[type="hidden"] + .styled-checkbox-label, .shaded-text-area:disabled, input[type="number"]:disabled, input[type="text"]:disabled {
  cursor: not-allowed; }

.modal-content .form-field-error.full-width-form-module > .form-control,
.modal-content .form-field-tooltip.full-width-form-module > .form-control {
  padding-right: 17%; }

.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before, .fewest-changes-icon, .fastest-by-public-transport-icon, .cycle-hire-icon, .cycle-hire-icon-easy, .cycle-hire-icon-moderate, .cycle-hire-icon-fast, .up-lift, .boarding-ramps-icon, .euro-cash-machines-icon, #mode-navigation .chevron {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9; }
  .body-cms-preview .field-validation-error:before, .body-cms-preview .field-validation-information:before, .body-cms-preview .field-validation-suggestion:before, .body-cms-preview .fewest-changes-icon, .body-cms-preview .fastest-by-public-transport-icon, .body-cms-preview .cycle-hire-icon, .body-cms-preview .cycle-hire-icon-easy, .body-cms-preview .cycle-hire-icon-moderate, .body-cms-preview .cycle-hire-icon-fast, .body-cms-preview .up-lift, .body-cms-preview .boarding-ramps-icon, .body-cms-preview .euro-cash-machines-icon, .body-cms-preview #mode-navigation .chevron, #mode-navigation .body-cms-preview .chevron {
    background-image: url("/static/1/images/vsprite.png"); }

.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before, .fewest-changes-icon, .fastest-by-public-transport-icon, .cycle-hire-icon, .cycle-hire-icon-easy, .cycle-hire-icon-moderate, .cycle-hire-icon-fast, .up-lift, .boarding-ramps-icon, .euro-cash-machines-icon, #mode-navigation .chevron {
  background-size: 96px 3776px;
  height: 32px;
  width: 32px; }

hr.dotted-separator, hr.dotted-cta-separator {
  border: 1px #ccc;
  border-width: 0 0 1px 0;
  height: 0;
  color: inherit;
  background-color: inherit;
  margin-bottom: 30px; }

.assistive-button:focus {
  overflow: visible;
  clip: auto;
  height: auto;
  position: static;
  width: auto;
  margin: auto;
  visibility: visible; }

label.heading, legend.heading, .mocklabel {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  font-size: 17px; }

.no-js .jp-print-button {
  display: none; }

.print-options {
  padding: 30px; }
  .print-options .form-control-wrapper, .print-options h3, .print-options .disclaimer {
    margin-bottom: 1em; }
  .print-options .form-control-wrapper {
    overflow: visible; }
    .print-options .form-control-wrapper .styled-checkbox {
      padding: 0 0 0 20px; }
  .print-options .separate {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0; }
  .print-options .jp-print-button {
    width: 100%; }
  .breakpoint-Small .print-options .form-control-wrapper.showMaps {
    display: none; }
  .breakpoint-Large .print-options .form-control-wrapper.showMaps {
    display: block; }

/* global - small */
.r {
  max-width: 1140px;
  min-width: 300px;
  position: relative;
  display: block;
  margin: 0 auto;
  *zoom: 1; }
  .r:before, .r:after {
    content: " ";
    display: table; }
  .r:after {
    clear: both; }

#full-width-content .r {
  margin-bottom: 10px; }
  #full-width-content .r.no-overflow {
    overflow-y: hidden; }
  #full-width-content .r.no-bottom-margin {
    margin-bottom: 0; }
  #full-width-content .r.no-margin > :first-child {
    margin-left: 0; }
  #full-width-content .r.no-margin > :last-child {
    margin-right: 0; }

.r > :first-child {
  margin-left: 2.54%; }

.r > :last-child {
  margin-right: 2.54%; }

.responsive-aside {
  margin: 2.54%; }

.module-grid > div {
  margin: 0 0 20px; }
  .module-grid > div .teaser {
    padding: 10px 40px 10px 10px;
    background: #EEE;
    position: relative; }
    .module-grid > div .teaser p {
      margin-bottom: 0; }
    .module-grid > div .teaser h3 {
      margin-bottom: 5px; }
    .module-grid > div .teaser:after {
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -16px;
      right: 5px; }
      .body-cms-preview .module-grid > div .teaser:after {
        background-image: url("/static/1/images/vsprite.png"); }

.module-grid .accordion {
  clear: none; }

#main-hero {
  padding-top: 10px;
  margin-bottom: 10px; }

.hero-container {
  background: #EEE;
  padding-top: 33px;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 27px;
  background-repeat: no-repeat; }

.section-overview {
  background: #EEE;
  padding: 20px;
  margin-bottom: 10px; }
  .section-overview h2 {
    margin-bottom: 10px; }
  .section-overview .main, .section-overview .aside {
    margin-left: 0;
    width: 100%; }
  .section-overview.visitor-centres {
    border-bottom-color: #dc006b; }

.two-column-divided {
  *zoom: 1;
  margin-bottom: 20px; }
  .two-column-divided:before, .two-column-divided:after {
    content: " ";
    display: table; }
  .two-column-divided:after {
    clear: both; }

.stackable-columns {
  display: table;
  width: 100%; }
  .stackable-columns .column {
    display: block; }

#fullscreen-stage {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  min-width: 300px; }
  .stage-active #fullscreen-stage {
    display: block;
    z-index: 1000;
    height: 100%;
    border-bottom: 0; }
  #fullscreen-stage .panzoom-element {
    min-width: 100%;
    min-height: 100%; }

.panzoom-element.width {
  min-width: 100%; }

.panzoom-element.height {
  min-height: 100%; }

.panzoom-wrapper {
  height: 100%; }

body.stage-active.panzoom {
  overflow: hidden; }

body.stage-active #container {
  display: none; }

body.stage-active .map-sliver {
  height: 100%;
  border-bottom: 0; }
  body.stage-active .map-sliver.map-sliver-half {
    height: 60%;
    border-bottom: 0; }

.map-button {
  display: none; }
  .stage-active .map-button, .breakpoint-Large .map-button {
    display: block; }

.open-fullscreen-stage {
  top: 50%;
  margin-top: -20px;
  right: 10px;
  border-bottom-width: 1px;
  height: 40px; }
  .stage-active .open-fullscreen-stage, .loading + .sliver-overlay .open-fullscreen-stage {
    display: none; }

.close-fullscreen-stage {
  top: 10px;
  right: 10px;
  display: block;
  z-index: 1001;
  display: none; }
  .showing-map-panel .close-fullscreen-stage {
    display: none; }

.breadcrumb-headline-container {
  background-color: #F7F7F7;
  min-height: auto; }
  .breadcrumb-headline-container.route {
    margin-bottom: 40px; }

.basic-container {
  min-height: 280px; }
  .basic-container h2, .basic-container h3 {
    margin-bottom: 10px; }

.search-panel {
  position: absolute;
  width: 100%;
  z-index: 100;
  height: 80px;
  padding: 20px;
  background-color: #FFFFFF; }
  .search-panel .submit-button {
    display: inline-block;
    min-width: 20%; }
  .search-panel .text-input {
    display: inline-block;
    margin-right: 3%;
    min-width: 75%; }

.no-selection {
  -webkit-tap-highlight-color: transparent; }

@font-face {
  font-family: "New Johnson Bold";
  src: url("/static/1/assets/fonts/NJFont-BookBold.eot");
  src: url("/static/1/assets/fonts/NJFont-BookBold.eot?#iefix") format("embedded-opentype"), url("/static/1/assets/fonts/NJFont-BookBold.woff") format("woff"), url("/static/1/assets/fonts/NJFont-BookBold.otf") format("opentype"), url("/static/1/assets/fonts/NJFont-BookBold.svg") format("svg"); }

@font-face {
  font-family: "New Johnson";
  src: url("/static/1/assets/fonts/NJFont-Book.eot");
  src: url("/static/1/assets/fonts/NJFont-Book.eot?#iefix") format("embedded-opentype"), url("/static/1/assets/fonts/NJFont-Book.woff") format("woff"), url("/static/1/assets/fonts/NJFont-Book.otf") format("opentype"), url("/static/1/assets/fonts/NJFont-Book.svg") format("svg"); }

@font-face {
  font-family: "NJ Signing";
  src: url("/static/1/assets/fonts/njfontsigning-medium.eot");
  src: url("/static/1/assets/fonts/njfontsigning-medium.eot?#iefix") format("embedded-opentype"), url("/static/1/assets/fonts/njfontsigning-medium.woff") format("woff"), url("/static/1/assets/fonts/njfontsigning-medium.ttf") format("truetype"), url("/static/1/assets/fonts/njfontsigning-medium.svg#njfontsigning-medium") format("svg"); }

@font-face {
  font-family: 'Johnston100-Hairline';
  src: url("/ruc-cdn/static/assets/fonts/Johnston100-Hairline.woff2") format("woff2"), url("/ruc-cdn/static/assets/fonts/Johnston100-Hairline.woff") format("woff"); }

@font-face {
  font-family: 'Johnston100-Light';
  src: url("/ruc-cdn/static/assets/fonts/Johnston100-Light.woff2") format("woff2"), url("/ruc-cdn/static/assets/fonts/Johnston100-Light.woff") format("woff"); }

@font-face {
  font-family: 'Johnston100-Medium';
  src: url("/ruc-cdn/static/assets/fonts/Johnston100-Medium.woff2") format("woff2"), url("/ruc-cdn/static/assets/fonts/Johnston100-Medium.woff") format("woff"); }

@font-face {
  font-family: 'Johnston100-Regular';
  src: url("/ruc-cdn/static/assets/fonts/Johnston100-Regular.woff2") format("woff2"), url("/ruc-cdn/static/assets/fonts/Johnston100-Regular.woff") format("woff"); }

html {
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  background-color: #fff;
  color: #03071C; }

h1 {
  font-size: 34px;
  line-height: 40px;
  letter-spacing: -0.02em; }
  h1.signing {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc; }

h2, .h2 {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 10px; }

h3, .h3, .h2aside {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px; }

h4, .h4, h5, .h5, h6, .h6 {
  font-weight: bold;
  margin: 0 0 10px; }

h2.header-three {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px; }

h2.header-four {
  font-size: 100%;
  line-height: 153.333%;
  font-weight: bold;
  margin: 0 0 10px;
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }

h1 abbr, h2 abbr {
  line-height: 1;
  vertical-align: baseline; }

h3 abbr {
  line-height: 1; }

p abbr {
  line-height: 1;
  vertical-align: baseline; }

.no-child-margin:first-child {
  margin-left: 0; }

.section-landing-container {
  position: relative;
  padding: 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px; }
  .section-landing-container .landing-page {
    border-bottom: 1px solid #cacaca; }
  .section-landing-container.with-logo {
    padding-right: 135px; }
  .section-landing-container .heading-logo {
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 10px; }
    .section-landing-container .heading-logo > img {
      height: 39px;
      width: auto; }
  .section-landing-container .hero-headline {
    padding: 0;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    color: #2D3039; }

.skip-link:focus, .skip-link:active {
  background: #fff;
  z-index: 5;
  padding: 5px 10px;
  width: auto;
  height: auto;
  clip: auto; }

.headline, .hero-headline {
  font-weight: normal;
  margin-bottom: 20px; }

.hero-headline {
  background: #2D3039;
  color: #fff;
  box-shadow: 10px 0 0 #2D3039, -10px 0 0 #2D3039;
  display: inline;
  padding: 5px 0; }

.no-background-image {
  background-image: none !important; }

p {
  margin-bottom: 30px; }
  p .ext-span {
    height: 25px;
    display: inline-block;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -1152px; }
    .body-cms-preview p .ext-span {
      background-image: url("/static/1/images/vsprite.png"); }

p.title {
  font-size: 110%;
  line-height: 100%; }

p.italic-block, span.italic-block {
  font-style: italic;
  color: #676767; }

p.tight-margin {
  margin-bottom: 10px; }

ul, ol {
  list-style-position: outside;
  margin-left: 25px;
  margin-bottom: 25px; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

a {
  text-decoration: none;
  color: #2070B0;
  cursor: pointer; }
  a:focus, a:hover {
    text-decoration: underline; }

a.outline-dotted-thin:focus {
  outline: dotted thin; }

#full-width-content a {
  text-decoration: underline; }
  #full-width-content a:hover {
    text-decoration: none; }

#full-width-content .geolocation-link,
#full-width-content .boxed-link,
#full-width-content .primary-button,
#full-width-content .secondary-button,
#full-width-content .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a,
.responsive-button-row.collapsed.opened #full-width-content .rbr-group-button ~ div.rbr-button > a,
#full-width-content .document-download-wrap,
#full-width-content .accordion-control {
  text-decoration: none; }
  #full-width-content .geolocation-link:hover,
  #full-width-content .boxed-link:hover,
  #full-width-content .primary-button:hover,
  #full-width-content .secondary-button:hover,
  #full-width-content .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:hover,
  .responsive-button-row.collapsed.opened #full-width-content .rbr-group-button ~ div.rbr-button > a:hover,
  #full-width-content .document-download-wrap:hover,
  #full-width-content .accordion-control:hover {
    text-decoration: none; }

#full-width-content .composite-vehicle-item a,
#full-width-content .breadcrumb-container a,
#full-width-content .on-this-page-list a {
  text-decoration: none; }
  #full-width-content .composite-vehicle-item a:hover,
  #full-width-content .breadcrumb-container a:hover,
  #full-width-content .on-this-page-list a:hover {
    text-decoration: underline; }

#full-width-content .composite-vehicle-item a {
  color: #000000; }

#full-width-content .stacked-list a,
#full-width-content .update-payment-button-from-card-wrapper a,
#full-width-content .expandable-box a,
#full-width-content .related-links a,
#full-width-content .news-teaser a,
#full-width-content .vertical-button-container a,
#full-width-content .expandable-list a,
#full-width-content .feature-tile a {
  text-decoration: none; }
  #full-width-content .stacked-list a:hover,
  #full-width-content .update-payment-button-from-card-wrapper a:hover,
  #full-width-content .expandable-box a:hover,
  #full-width-content .related-links a:hover,
  #full-width-content .news-teaser a:hover,
  #full-width-content .vertical-button-container a:hover,
  #full-width-content .expandable-list a:hover,
  #full-width-content .feature-tile a:hover {
    text-decoration: none; }
  #full-width-content .stacked-list a h2, #full-width-content .stacked-list a h3,
  #full-width-content .update-payment-button-from-card-wrapper a h2,
  #full-width-content .update-payment-button-from-card-wrapper a h3,
  #full-width-content .expandable-box a h2,
  #full-width-content .expandable-box a h3,
  #full-width-content .related-links a h2,
  #full-width-content .related-links a h3,
  #full-width-content .news-teaser a h2,
  #full-width-content .news-teaser a h3,
  #full-width-content .vertical-button-container a h2,
  #full-width-content .vertical-button-container a h3,
  #full-width-content .expandable-list a h2,
  #full-width-content .expandable-list a h3,
  #full-width-content .feature-tile a h2,
  #full-width-content .feature-tile a h3 {
    text-decoration: none; }

#full-width-content .expandable-list a h2:hover, #full-width-content .expandable-list a h3:hover {
  text-decoration: underline; }

#full-width-content .download-list,
#full-width-content .go-back {
  text-decoration: none; }
  #full-width-content .download-list:hover,
  #full-width-content .go-back:hover {
    text-decoration: underline; }

textarea {
  margin: 0; }

.link2 {
  color: #6CC; }

.arrow-forward {
  display: block; }
  .arrow-forward:after {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    background-position: 0px -640px;
    height: 23px;
    width: 28px;
    display: inline-block;
    content: ""; }
    .body-cms-preview .arrow-forward:after {
      background-image: url("/static/1/images/vsprite.png"); }
    .body-cms-preview .arrow-forward:after {
      background-image: url("/static/1/images/vsprite.png"); }

table {
  width: 100%; }
  table tr:nth-child(odd) {
    background-color: #F7F7F7; }
  table.first-row {
    background-color: #F7F7F7;
    z-index: 1; }
    table.first-row td:first-child, table.first-row th:first-child {
      position: absolute;
      left: 0;
      background-color: #F7F7F7;
      height: 100%;
      vertical-align: bottom; }
      table.first-row td:first-child > span, table.first-row th:first-child > span {
        display: block;
        position: absolute;
        top: 5px; }
  table .right-align {
    text-align: right; }

th {
  text-align: left; }

th, td {
  padding: 5px;
  vertical-align: top; }

button {
  cursor: pointer; }

strong {
  vertical-align: top; }

em {
  font-style: italic; }

hr {
  height: 1px;
  border: 0;
  color: #ccc;
  background-color: #ccc;
  margin-bottom: 15px; }

label.heading, legend.heading {
  clear: left; }
  label.heading.bMargin, legend.heading.bMargin {
    margin-bottom: 14px; }

.mocklabel {
  clear: left; }

input[type="text"]:not(.disable-removable-content) {
  padding-right: 32px; }

.modal.loading {
  min-height: 100%; }

#content {
  margin-top: 10px; }

.icon {
  background-image: url("/static/1/images/vsprite.png");
  background-image: url("/static/1/images/vsprite.png") \9; }

span.emirates, td.emirates {
  background: #e51937; }

span.bakerloo, td.bakerloo {
  background: #894e24; }

span.bakerloo_overground, td.bakerloo_overground {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #894e24 0%, #894e24 50%, #e86a10 50%, #e86a10 100%);
  background-image: linear-gradient(to right, #894e24 0%, #894e24 50%, #e86a10 50%, #e86a10 100%); }

span.central, td.central {
  background: #dc241f; }

span.circle, td.circle {
  background: #ffce00; }

span.circle_district, td.circle_district {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #ffce00 0%, #ffce00 50%, #007229 50%, #007229 100%);
  background-image: linear-gradient(to right, #ffce00 0%, #ffce00 50%, #007229 50%, #007229 100%); }

span.circle_hammersmith, span.circle_hammersmith-city, td.circle_hammersmith, td.circle_hammersmith-city {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #ffce00 0%, #ffce00 50%, #d799af 50%, #d799af 100%);
  background-image: linear-gradient(to right, #ffce00 0%, #ffce00 50%, #d799af 50%, #d799af 100%); }

span.circle_hammersmith_metropolitan, span.circle_hammersmith-city_metropolitan, td.circle_hammersmith_metropolitan, td.circle_hammersmith-city_metropolitan {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #ffce00 0%, #ffce00 33.33%, #d799af 33.33%, #d799af 66.66%, #751056 66.66%, #751056 100%);
  background-image: linear-gradient(to right, #ffce00 0%, #ffce00 33.33%, #d799af 33.33%, #d799af 66.66%, #751056 66.66%, #751056 100%); }

span.circle_metropolitan, td.circle_metropolitan {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #ffce00 0%, #ffce00 50%, #751056 50%, #751056 100%);
  background-image: linear-gradient(to right, #ffce00 0%, #ffce00 50%, #751056 50%, #751056 100%); }

span.district, td.district {
  background: #007229; }

span.district_overground, td.district_overground {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #007229 0%, #007229 50%, #e86a10 50%, #e86a10 100%);
  background-image: linear-gradient(to right, #007229 0%, #007229 50%, #e86a10 50%, #e86a10 100%); }

span.district_hammersmith, span.district_hammersmith-city, td.district_hammersmith, td.district_hammersmith-city {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #007229 0%, #007229 50%, #d799af 50%, #d799af 100%);
  background-image: linear-gradient(to right, #007229 0%, #007229 50%, #d799af 50%, #d799af 100%); }

span.district_piccadilly, td.district_piccadilly {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #007229 0%, #007229 50%, #0019a8 50%, #0019a8 100%);
  background-image: linear-gradient(to right, #007229 0%, #007229 50%, #0019a8 50%, #0019a8 100%); }

span.hammersmith, span.hammersmith-city, td.hammersmith, td.hammersmith-city {
  background: #d799af; }

span.jubilee, td.jubilee {
  background: #6a7278; }

span.metropolitan, td.metropolitan {
  background: #751056; }

span.metropolitan_piccadilly, td.metropolitan_piccadilly {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #751056 0%, #751056 50%, #0019a8 50%, #0019a8 100%);
  background-image: linear-gradient(to right, #751056 0%, #751056 50%, #0019a8 50%, #0019a8 100%); }

span.northern, td.northern {
  background: #000; }

span.piccadilly, td.piccadilly {
  background: #0019a8; }

span.victoria, td.victoria {
  background: #00a0e2; }

span.waterloo, td.waterloo {
  background: #76d0bd; }

span.overground, span.london-overground, td.overground, td.london-overground {
  background: #e86a10; }

span.tflrail, span.tfl-rail, td.tflrail, td.tfl-rail {
  background: #0019a8; }

span.london-overground_tfl-rail, td.london-overground_tfl-rail {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #e86a10 0%, #e86a10 50%, #0019a8 50%, #0019a8 100%);
  background-image: linear-gradient(to right, #e86a10 0%, #e86a10 50%, #0019a8 50%, #0019a8 100%); }

span.dlr, span.docklands, span.docklands-light-railway, td.dlr, td.docklands, td.docklands-light-railway {
  background: #00afad; }

span.tram, td.tram {
  background: #66CC00; }

span.tram1, td.tram1 {
  background: #C6D834; }

span.tram2, td.tram2 {
  background: #C6D834; }

span.tram3, td.tram3 {
  background: #79C23F; }

span.tram4, td.tram4 {
  background: #336B14; }

span.traffic-a316, td.traffic-a316 {
  background: #EC83BB; }

span.traffic-a41, td.traffic-a41 {
  background: #8A4088; }

span.traffic-a40, td.traffic-a40 {
  background: #CEFF00; }

span.traffic-a23, td.traffic-a23 {
  background: #59FFA3; }

span.traffic-a21, td.traffic-a21 {
  background: #446081; }

span.traffic-a3, td.traffic-a3 {
  background: #5A9262; }

span.traffic-a2, td.traffic-a2 {
  background: #EE3CC2; }

span.traffic-a1, td.traffic-a1 {
  background: #3D8C0F; }

span.traffic-a205, span.traffic-south-circular-a205, td.traffic-a205, td.traffic-south-circular-a205 {
  background: #6D2039; }

span.traffic-a406, span.traffic-north-circular-a406, td.traffic-a406, td.traffic-north-circular-a406 {
  background: #A22CD9; }

span.traffic-a24, td.traffic-a24 {
  background: #6E573E; }

span.traffic-a13, td.traffic-a13 {
  background: #56DCFA; }

span.traffic-a12, td.traffic-a12 {
  background: #E86445; }

span.traffic-a10, td.traffic-a10 {
  background: #5B4BCC; }

span.traffic-a4, td.traffic-a4 {
  background: #5BF105; }

span.traffic-a20, td.traffic-a20 {
  background: #F1E77D; }

span.traffic-central-london, span.traffic-central-london-red-routes, span.traffic-inner-ring, span.traffic-southern-river-route, span.traffic-bishopsgate-cross-route, span.traffic-city-route, span.traffic-farringdon-cross-route, span.traffic-western-cross-route, td.traffic-central-london, td.traffic-central-london-red-routes, td.traffic-inner-ring, td.traffic-southern-river-route, td.traffic-bishopsgate-cross-route, td.traffic-city-route, td.traffic-farringdon-cross-route, td.traffic-western-cross-route {
  background: #9BF46A; }

span.traffic-blackwall-tunnel, td.traffic-blackwall-tunnel {
  background: #EC9C59; }

span.rb1, td.rb1 {
  background: #2d3039; }

span.rb2, td.rb2 {
  background: #0072bc; }

span.rb3, td.rb3 {
  background: #f172ac; }

span.rb4, td.rb4 {
  background: #61c29d; }

span.rb5, td.rb5 {
  background: #ba6830; }

span.rb6, td.rb6 {
  background: #DF64B0; }

span.city-cruises, td.city-cruises {
  background: #ec3717; }

span.thames-river-services, td.thames-river-services {
  background: #2a2e98; }

span.circular-cruise-westminster, td.circular-cruise-westminster {
  background: #45b535; }

span.thames-river-boat, td.thames-river-boat {
  background: #fcba00; }

span.turk-launches, td.turk-launches {
  background: #003F7E; }

span.woolwich-ferry, td.woolwich-ferry {
  background: #f7931d; }

span.rb1x, td.rb1x {
  background: #0B548B; }

span.arriva-trains-wales, td.arriva-trains-wales {
  background: #00b9b4; }

span.c2c, td.c2c {
  background: #F0188C; }

span.chiltern-railways, td.chiltern-railways {
  background: #B389C1; }

span.virgin-trains-east-coast, td.virgin-trains-east-coast {
  background: #9c0101; }

span.east-midlands-trains, td.east-midlands-trains {
  background: #E16C16; }

span.great-western-railway, td.great-western-railway {
  background: #003333; }

span.first-hull-trains, td.first-hull-trains {
  background: #1B903F; }

span.first-transpennine-express, td.first-transpennine-express {
  background: #f265a0; }

span.gatwick-express, td.gatwick-express {
  background: #231F20; }

span.grand-central, td.grand-central {
  background: #3F3F40; }

span.greater-anglia, td.greater-anglia {
  background: #8B8FA5; }

span.heathrow-connect, td.heathrow-connect {
  background: #F6858D; }

span.heathrow-express, td.heathrow-express {
  background: #55C4BF; }

span.island-line, td.island-line {
  background: #f8b174; }

span.merseyrail, td.merseyrail {
  background: #fec95f; }

span.northern-rail, td.northern-rail {
  background: #0569a8; }

span.scotrail, td.scotrail {
  background: #96a3a9; }

span.southeastern, td.southeastern {
  background: #0071BF; }

span.southern, td.southern {
  background: #00A74B; }

span.south-west-trains, td.south-west-trains {
  background: #F11815; }

span.cross-country, td.cross-country {
  background: #a03467; }

span.eurostar, td.eurostar {
  background: #B9A977; }

span.london-midland, td.london-midland {
  background: #8BC831; }

span.stanstead-express, td.stanstead-express {
  background: #636366; }

span.virgin-trains, td.virgin-trains {
  background: #A8652C; }

span.great-northern, td.great-northern {
  background: #00a6e2; }

span.thameslink, td.thameslink {
  background: #da4290; }

span.caledonian-sleeper, td.caledonian-sleeper {
  background: #26347F; }

span.ptal-6c, td.ptal-6c {
  border: 2px solid #777;
  height: 20px; }

span.ptal-6b, td.ptal-6b {
  background: #c79494; }

span.ptal-6a, td.ptal-6a {
  background: #f58f8f; }

span.ptal-5, td.ptal-5 {
  background: #f5bca8; }

span.ptal-4, td.ptal-4 {
  background: #fafa94; }

span.ptal-3, td.ptal-3 {
  background: #94fa94; }

span.ptal-2, td.ptal-2 {
  background: #8ff5f5; }

span.ptal-1a, td.ptal-1a {
  background: #9494c7; }

span.ptal-1b, td.ptal-1b {
  background: #bccff5; }

span.ptal-6b-transparent, td.ptal-6b-transparent {
  background: #c79494;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-6a-transparent, td.ptal-6a-transparent {
  background: #f58f8f;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-5-transparent, td.ptal-5-transparent {
  background: #f5bca8;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-4-transparent, td.ptal-4-transparent {
  background: #fafa94;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-3-transparent, td.ptal-3-transparent {
  background: #94fa94;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-2-transparent, td.ptal-2-transparent {
  background: #8ff5f5;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-1a-transparent, td.ptal-1a-transparent {
  background: #9494c7;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-1b-transparent, td.ptal-1b-transparent {
  background: #bccff5;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-1, td.tim-1 {
  background: #460000; }

span.tim-2, td.tim-2 {
  background: #ED1C24; }

span.tim-3, td.tim-3 {
  background: #F26522; }

span.tim-4, td.tim-4 {
  background: #FFF200; }

span.tim-5, td.tim-5 {
  background: #8DC73F; }

span.tim-6, td.tim-6 {
  background: #1C9959; }

span.tim-7, td.tim-7 {
  background: #00AEEF; }

span.tim-8, td.tim-8 {
  background: #0054A6; }

span.tim-9, td.tim-9 {
  background: #8686BE; }

span.tim-10, td.tim-10 {
  background: #662d91; }

span.tim-1-shade, td.tim-1-shade {
  background: #ab8f8f; }

span.tim-2-shade, td.tim-2-shade {
  background: #ee9a9d; }

span.tim-3-shade, td.tim-3-shade {
  background: #f0b79c; }

span.tim-4-shade, td.tim-4-shade {
  background: #f5f08f; }

span.tim-5-shade, td.tim-5-shade {
  background: #c7dfa8; }

span.tim-6-shade, td.tim-6-shade {
  background: #9accb2; }

span.tim-7-shade, td.tim-7-shade {
  background: #8fd5ef; }

span.tim-8-shade, td.tim-8-shade {
  background: #8fb0d1; }

span.tim-9-shade, td.tim-9-shade {
  background: #c4c4db; }

span.tim-10-shade, td.tim-10-shade {
  background: #b8a1c9; }

span.tim-1-transparent, td.tim-1-transparent {
  background: #460000;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-2-transparent, td.tim-2-transparent {
  background: #ED1C24;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-3-transparent, td.tim-3-transparent {
  background: #F26522;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-4-transparent, td.tim-4-transparent {
  background: #FFF200;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-5-transparent, td.tim-5-transparent {
  background: #8DC73F;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-6-transparent, td.tim-6-transparent {
  background: #1C9959;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-7-transparent, td.tim-7-transparent {
  background: #00AEEF;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-8-transparent, td.tim-8-transparent {
  background: #0054A6;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-9-transparent, td.tim-9-transparent {
  background: #8686BE;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-10-transparent, td.tim-10-transparent {
  background: #662d91;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.diff-0, td.diff-0 {
  background: #ababab; }

span.diff-1, td.diff-1 {
  background: #4B0049; }

span.diff-2, td.diff-2 {
  background: #970E93; }

span.diff-3, td.diff-3 {
  background: #D75CD3; }

span.diff-4, td.diff-4 {
  background: #FD86EE; }

span.diff-5, td.diff-5 {
  background: #F0C8F2; }

span.diff-6, td.diff-6 {
  background: #002157; }

span.diff-7, td.diff-7 {
  background: #0054A6; }

span.diff-8, td.diff-8 {
  background: #00AEEF; }

span.diff-9, td.diff-9 {
  background: #6DCFF6; }

span.diff-10, td.diff-10 {
  background: #ACE1F6; }

span.diff-0-transparent, td.diff-0-transparent {
  background: #bfbebc; }

span.diff-1-transparent, td.diff-1-transparent {
  background: #ad8fac; }

span.diff-2-transparent, td.diff-2-transparent {
  background: #cb94ca; }

span.diff-3-transparent, td.diff-3-transparent {
  background: #e5b4e3; }

span.diff-4-transparent, td.diff-4-transparent {
  background: #f4c4ee; }

span.diff-5-transparent, td.diff-5-transparent {
  background: #efdff0; }

span.diff-6-transparent, td.diff-6-transparent {
  background: #8f9cb2; }

span.diff-7-transparent, td.diff-7-transparent {
  background: #8fb0d1; }

span.diff-8-transparent, td.diff-8-transparent {
  background: #8fd5ef; }

span.diff-9-transparent, td.diff-9-transparent {
  background: #bae2f1; }

span.diff-10-transparent, td.diff-10-transparent {
  background: #d4e9f1; }

span.bus, td.bus {
  background: #dc241f; }

.line-text, .rainbow-list .service-name {
  color: #fff;
  font-weight: bold;
  padding: 0 3px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); }
  .line-text.circle, .rainbow-list .circle.service-name, .line-text.hammersmith, .rainbow-list .hammersmith.service-name, .line-text.overground, .rainbow-list .overground.service-name, .line-text.dlr, .rainbow-list .dlr.service-name, .line-text.victoria, .rainbow-list .victoria.service-name, .line-text.waterloo, .rainbow-list .waterloo.service-name, .line-text.rb3, .rainbow-list .rb3.service-name, .line-text.rb4, .rainbow-list .rb4.service-name, .line-text.rb5, .rainbow-list .rb5.service-name, .line-text.circular-cruise-westminster, .rainbow-list .circular-cruise-westminster.service-name, .line-text.thames-river-boat, .rainbow-list .thames-river-boat.service-name, .line-text.woolwich-ferry, .rainbow-list .woolwich-ferry.service-name {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    color: #000; }

.plain-button.external-link {
  color: #2070B0; }
  .plain-button.external-link:visited, .plain-button.external-link:active {
    color: #2070B0; }
  .plain-button.external-link:after {
    margin-right: 2px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -1152px; }
    .body-cms-preview .plain-button.external-link:after {
      background-image: url("/static/1/images/vsprite.png"); }

.teaser-external-link {
  margin-right: 0;
  color: blue; }
  .teaser-external-link a .text-link:after {
    margin-right: 2px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -1152px; }
    .body-cms-preview .teaser-external-link a .text-link:after {
      background-image: url("/static/1/images/vsprite.png"); }

.text-external-link {
  margin-right: 25px;
  position: relative; }
  .text-external-link:after {
    margin-top: -5px;
    margin-left: -2px;
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -1152px; }
    .body-cms-preview .text-external-link:after {
      background-image: url("/static/1/images/vsprite.png"); }

.info-message {
  display: block;
  border: 1px solid #ccc;
  background: #FAF5E1;
  padding: 5px; }
  .info-message p {
    margin-bottom: 5px; }
  .info-message.with-link {
    padding-right: 30px;
    position: relative; }
    .info-message.with-link:after {
      content: "";
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -16px; }
      .body-cms-preview .info-message.with-link:after {
        background-image: url("/static/1/images/vsprite.png"); }

.small, .small-medium {
  display: block; }

.medium, .medium-large, .large {
  display: none; }

#container {
  min-width: 300px;
  overflow: hidden; }

.accordion-title {
  border: 1px solid #CACACA;
  border-bottom: none;
  display: block;
  padding: 5px; }

.broadcast-comms {
  width: 100%;
  background: #faf5e1;
  border-bottom: 3px solid #ccc;
  padding: 10px 0 0; }
  .broadcast-comms .broadcast-icon {
    height: 0;
    margin-right: -90px;
    width: 0;
    float: left;
    background-image: none; }
  .broadcast-comms .broadcast-text {
    float: left;
    margin-right: 2.54%;
    padding-left: 2.54%;
    width: 90%; }
    .broadcast-comms .broadcast-text p:last-child {
      margin-bottom: 0; }

.image-container > img {
  width: 100%;
  height: auto; }

.image-container {
  margin-bottom: 10px; }

.header-two {
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 0; }
  .header-two h2 {
    margin-bottom: 0; }

.header-three {
  font-size: 20px;
  line-height: 100%;
  margin-bottom: 0; }
  .header-three h3 {
    margin-bottom: 0; }

.list-standard {
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  font-size: 15px; }

ol.formatted-list {
  counter-reset: item;
  list-style-type: none;
  margin-left: 17px; }
  ol.formatted-list ol {
    counter-reset: item;
    list-style-type: none;
    margin-left: 28px; }
  ol.formatted-list ol > li, ol.formatted-list > li {
    position: relative;
    padding-left: 8px; }
  ol.formatted-list ol > li:before, ol.formatted-list > li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    position: absolute;
    right: 100%; }

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0; }

ul.formatted-list ul {
  list-style-type: circle; }
  ul.formatted-list ul ul {
    list-style-type: square; }

.reading-list {
  list-style: disc;
  margin: 30px 0 0 16px; }
  .reading-list li {
    margin-bottom: 16px; }
  .reading-list * {
    line-height: 1.2; }

.bus-stop-search {
  background: #F7F7F7;
  padding: 10px 70px 10px 10px;
  position: relative;
  min-height: 58px; }
  .bus-stop-search input[type=submit] {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px; }

.spot-grid-background {
  position: relative;
  background-color: #CCDDE8;
  padding-bottom: 10px; }
  .spot-grid-background.full-page {
    margin-bottom: -50px; }

.multi-document-download-container {
  margin: 20px 0;
  border: 0;
  border-bottom: 1px; }
  .multi-document-download-container .document-download-wrap {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px; }
    .multi-document-download-container .document-download-wrap:last-child {
      border-bottom: solid 4px #ccc; }

.grey-box {
  background: #EEE;
  padding: 20px 10px;
  position: relative;
  display: block;
  margin-bottom: 20px; }
  .grey-box > :last-child {
    margin-bottom: 0; }
  .grey-box .remove-content-container {
    margin-bottom: 10px;
    float: none; }
  .grey-box .mode-title {
    line-height: 40px; }

.block {
  display: block; }

.margin-bottom {
  margin-bottom: 20px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.no-margin-top {
  margin-top: 0 !important; }

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

.auto-adjust-contents {
  word-wrap: break-word; }

.nowrap {
  white-space: nowrap; }

.sms-container {
  padding: 5px 0 0; }
  .sms-container .sms-info {
    position: relative;
    min-height: 55px;
    font-size: 20px; }
    .sms-container .sms-info.with-icon {
      padding-left: 35px; }
      .sms-container .sms-info.with-icon > span {
        position: absolute;
        display: block;
        left: 0;
        top: 0; }
  .sms-container .sms-code-text {
    position: relative;
    display: block; }

#view-map-button-container {
  margin: 5px 5px; }

/* 
    accessibility styles - these are given !important flags so that they will override 
    other generic classes that are used for structure and styling. If you don't require 
    the feature, then remove the class from the element - do not change the style definition.
*/
.a11y-underline {
  text-decoration: underline !important; }
  .a11y-underline:hover {
    text-decoration: none !important; }

.alert-message {
  display: inline-block;
  padding-left: 12px;
  width: calc(100% - 50px); }
  .alert-message p {
    margin-bottom: 0;
    padding-left: 0; }
  .alert-message h3 {
    margin-bottom: 0; }

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

.margin-bottom-15 {
  margin-bottom: 15px; }

.remove-content {
  position: absolute;
  cursor: pointer;
  display: block;
  top: 4px;
  right: 53px;
  z-index: 2;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px; }
  .body-cms-preview .remove-content {
    background-image: url("/static/1/images/vsprite.png"); }
  .remove-content.label {
    background-position: -32px -800px; }

.search-panel .remove-content {
  top: 24px;
  right: 120px; }

.selector {
  padding: 0;
  height: 40px;
  background-color: #fff;
  border: 1px solid #03071C; }
  .selector select, .selector span {
    display: block;
    position: relative;
    z-index: 52;
    appearance: normal;
    -moz-appearance: normal;
    -webkit-appearance: normal; }
  .selector select {
    border: 0;
    padding: 0 40px 0 16px;
    width: 100%;
    height: 37px;
    font: inherit;
    line-height: 40px;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNyAxNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjcgMTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMDAxOUE4O30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyNS4wNywwIDEzLjUsMTEuMjUgMS45MywwIDAsMS44NyAxMi43OSwxNC4zMSAxMy41LDE1IDI3LDEuODcgIi8+Cjwvc3ZnPgo=);
    background-position: 96%;
    background-repeat: no-repeat;
    background-size: 12px 12px; }
  .selector select::-ms-expand {
    display: none; }
  .selector span {
    height: 38px;
    line-height: 30px;
    padding: 4px 7px 4px 16px;
    white-space: nowrap;
    overflow: hidden; }
    .selector span:after {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -672px;
      height: 32px;
      width: 32px;
      display: block;
      top: 3px;
      right: 6px;
      background-color: #fff; }
      .body-cms-preview .selector span:after {
        background-image: url("/static/1/images/vsprite.png"); }
    .selector span:before {
      content: "";
      background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
      position: absolute;
      right: 32px;
      top: 3px;
      bottom: 2px;
      height: auto;
      width: 15px; }
  .selector.focus span {
    outline: 1px dashed #2070B0;
    z-index: 3; }
  .selector.disabled {
    filter: Alpha(opacity=30);
    opacity: 0.3; }
    .selector.disabled select {
      cursor: default; }

.triple-select .selector {
  width: 33%;
  float: left;
  border-right-width: 0; }
  .triple-select .selector:last-child {
    border-right-width: 1px; }
  .triple-select .selector span:after {
    right: 2px; }
  .triple-select .selector span:before {
    right: 28px; }

.triple-select .form-control-tooltip-wrap, .triple-select .field-validation-wrap {
  clear: both; }

.triple-select .tooltip-control {
  margin-top: -8px; }

.triple-select .hide-error .field-validation-wrap {
  display: none; }

.ignore-margin-bottom {
  margin-bottom: 0px; }

.input-list {
  margin-bottom: 10px;
  border: solid #ccc;
  border-width: 1px 1px 0 1px;
  margin-left: 0;
  list-style-type: none;
  padding-top: 3px; }
  .input-list li {
    position: relative; }

.input-group {
  clear: both; }
  .input-group.connected {
    margin-bottom: 0; }
    .input-group.connected .boxed-label-for-input:last-child {
      border-bottom: none; }
    .input-group.connected .boxed-label-for-input {
      width: 100%; }

.field-validation-errors {
  margin-bottom: 0;
  margin-left: 0; }

.field-validation-error, .field-validation-information, .field-validation-suggestion {
  clear: both;
  display: block;
  padding: 10px 10px 10px 50px;
  position: relative; }
  .field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -16px; }
  .field-validation-error.hidden, .field-validation-information.hidden, .field-validation-suggestion.hidden {
    display: none; }

.field-validation-error {
  color: #A92727;
  background-color: #FFEFEF; }
  .field-validation-error:before {
    background-position: -32px -832px; }

.field-validation-information {
  background-color: #FAF5E1; }
  .field-validation-information:before {
    background-position: 0px -832px; }

.field-validation-suggestion {
  background-color: #EFF6FD; }
  .field-validation-suggestion:before {
    background-position: -64px -1920px; }

#search-filter {
  margin-bottom: 65px; }
  #search-filter input[type="text"] {
    margin: 5px 25px 0 0;
    width: 75%; }
  #search-filter input[type="submit"] {
    width: 20%; }

.twitter-typeahead.downloading:not(.geocoded):after {
  content: "";
  position: absolute;
  top: 4px;
  right: 34px;
  background-color: #fff; }
  .twitter-typeahead.downloading:not(.geocoded):after input[type="text"] {
    margin-right: 64px; }

.horizontal-toggle-buttons {
  margin: 0 0 10px;
  list-style: none outside none; }
  .horizontal-toggle-buttons li {
    float: left;
    border: 1px solid #ccc;
    border-bottom: 3px solid #ccc;
    background-color: #FAFAFA;
    position: relative;
    color: #2070B0; }
  .horizontal-toggle-buttons label {
    display: block;
    padding: 6px 5px 6px 5px;
    cursor: pointer;
    text-align: center; }
  .horizontal-toggle-buttons .selected {
    background-color: #fff;
    color: #2D3039;
    font-weight: bold;
    border-bottom-width: 1px;
    margin-top: 2px; }
    .horizontal-toggle-buttons .selected label:after {
      content: "";
      position: absolute;
      top: 0;
      left: 5px;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -768px; }
      .body-cms-preview .horizontal-toggle-buttons .selected label:after {
        background-image: url("/static/1/images/vsprite.png"); }
  .horizontal-toggle-buttons .focus {
    border-color: #2070B0;
    border-style: dashed; }
  .horizontal-toggle-buttons input {
    opacity: 0;
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer; }

/*Form controls and form control wrappers
- the reason for the nesting is the error messaging moves
out to the side at medium layout, and must vertically align
 at the top with the form control*/
.form-control {
  position: relative; }

.form-progress {
  margin-left: 0;
  margin-right: 20px;
  list-style-position: inside; }
  .form-progress.two-step .form-step {
    width: 50%; }
  .form-progress.three-step .form-step {
    width: 33.3%; }
  .form-progress.four-step .form-step {
    width: 25%; }
  .form-progress.five-step .form-step {
    width: 20%; }

.form-step {
  text-align: center;
  height: 44px;
  white-space: nowrap;
  float: left;
  padding: 10px 10px 10px 40px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative; }
  .form-step:first-child {
    padding-left: 1em;
    border-left: 1px solid #ccc; }
  .form-step:last-child {
    border-right: 1px solid #ccc; }
    .form-step:last-child .progress-triangle {
      display: none; }
  .form-step .step-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .form-step:after {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: white;
    border-width: 21px 23px 21px;
    z-index: 1;
    top: 0px; }
  .form-step:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #ccc;
    border-width: 22px 24px 22px;
    z-index: 1;
    top: -1px; }
  .form-step.current {
    background-color: #2D3039;
    color: white;
    font-weight: bold; }
    .form-step.current:after {
      border-left-color: #2D3039; }
  .form-step.completed {
    background-color: #EEE;
    color: #a8a8a8; }
    .form-step.completed:after {
      border-left-color: #EEE; }
    .form-step.completed:before {
      border-left-color: #a8a8a8; }

.form-control-wrapper {
  margin-bottom: 1em; }
  .form-control-wrapper .remove-content-container {
    float: none; }
  .form-control-wrapper ul {
    margin-bottom: 0; }

.show-currency-symbol .form-control:before {
  position: absolute;
  left: -1em;
  top: 8px;
  bottom: 0;
  content: "\00A3";
  font-weight: bold;
  font-size: 17px; }

.shaded-text-area {
  width: 100%;
  height: auto;
  padding: 10px 5px 5px 5px;
  resize: vertical; }

input::-webkit-calendar-picker-indicator {
  display: none; }

input[type="date"]::-webkit-input-placeholder {
  visibility: hidden !important; }

.with-warnings .boxed-label-for-input {
  border-bottom-width: 1px; }

.with-warnings .hanging-message .with-indicator, .with-warnings .cta-hanging-message .with-indicator {
  border-top-width: 0; }

.boxed-label-for-input {
  border: 1px solid #ccc;
  position: relative;
  background-image: -webkit-linear-gradient(top, white, #F3F3F3);
  border-bottom-width: 0; }
  .boxed-label-for-input:last-child {
    border-bottom-width: 1px; }
  .boxed-label-for-input.boxed-label-for-input--half {
    width: 50%;
    float: left; }
    .boxed-label-for-input.boxed-label-for-input--half:last-child {
      border-bottom: none; }

.boxed-label-for-input-radio {
  border: 0;
  position: relative;
  background: none;
  padding-left: 35px;
  border-bottom-width: 0; }
  .boxed-label-for-input-radio:hover {
    background: none; }
  .boxed-label-for-input-radio:last-child {
    border-bottom-width: 1px; }
  .boxed-label-for-input-radio.boxed-label-for-input--half {
    width: 50%;
    float: left; }
    .boxed-label-for-input-radio.boxed-label-for-input--half:last-child {
      border-bottom: none; }

.start-hidden.start-hidden--no-pad .boxed-label-for-input {
  border: none;
  background: none; }

input[type="text"], input[type='number'], input[type='date'] {
  width: 100%;
  font-size: 16px;
  height: 40px;
  padding: 5px;
  border: 1px solid #03071C; }
  input[type="text"]::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, input[type='date']::-webkit-input-placeholder {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }
  input[type="text"]::-moz-placeholder, input[type='number']::-moz-placeholder, input[type='date']::-moz-placeholder {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }
  input[type="text"]:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, input[type='date']:-ms-input-placeholder {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }
  input[type="text"]:-moz-placeholder, input[type='number']:-moz-placeholder, input[type='date']:-moz-placeholder {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }

.input-group, .vehicle-group, .input-group-wrap {
  position: relative; }
  .input-group input[type="radio"], .input-group input[type="checkbox"], .vehicle-group input[type="radio"], .vehicle-group input[type="checkbox"], .input-group-wrap input[type="radio"], .input-group-wrap input[type="checkbox"] {
    display: block;
    top: auto;
    margin-top: 10px; }

.with-warnings {
  position: relative; }
  .with-warnings input[type="radio"], .with-warnings input[type="checkbox"] {
    margin-top: 20px;
    top: auto; }

.form-field-error .with-warnings input[type="radio"], .form-field-error .with-warnings input[type="checkbox"] {
  right: 62px; }

input[type="checkbox"] + .boxed-label-for-input:after, input[type="checkbox"] + input[type="hidden"] + .boxed-label-for-input:after {
  position: absolute;
  top: 50%;
  content: "";
  margin-top: -13px;
  line-height: 14px;
  height: 24px;
  width: 24px;
  border: 1px solid #03071C;
  background-color: #fff;
  text-indent: 0;
  right: 10px; }

input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label {
  background-color: inherit;
  padding: 10px 5px 10px 40px;
  position: relative; }
  input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label:after {
    position: absolute;
    top: 50%;
    content: "";
    margin-top: -13px;
    line-height: 14px;
    height: 24px;
    width: 24px;
    border: 1px solid #03071C;
    background-color: #fff;
    text-indent: 0;
    left: 1px;
    top: 22px; }

input[type="radio"] + .boxed-label-for-input:after, input[type="radio"] + input[type="hidden"] + .boxed-label-for-input:after {
  border-radius: 14px;
  position: absolute;
  top: 50%;
  content: "";
  margin-top: -13px;
  line-height: 14px;
  height: 22px;
  width: 22px;
  border: 1px solid #03071C;
  background-color: #fff;
  text-indent: 0;
  right: 10px; }

input[type="radio"] + .boxed-label-for-input-radio:after, input[type="radio"] + input[type="hidden"] + .boxed-label-for-input-radio:after {
  border-radius: 14px;
  position: absolute;
  top: 50%;
  content: "";
  margin-top: -13px;
  line-height: 14px;
  height: 22px;
  width: 22px;
  border: 1px solid #03071C;
  background-color: #fff;
  text-indent: 0;
  left: 0; }

.responsive-form input[type="checkbox"], .input-group input[type="checkbox"], .map-options-panel-body input[type="checkbox"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.responsive-form input[type="radio"], .input-group input[type="radio"], .map-options-panel-body input[type="radio"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.responsive-form input[type="checkbox"], .input-group input[type="checkbox"], .map-options-panel-body input[type="checkbox"] {
  cursor: pointer;
  position: absolute;
  right: 13px;
  z-index: -1; }

.responsive-form input[type="radio"], .input-group input[type="radio"], .map-options-panel-body input[type="radio"] {
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 5px;
  z-index: -1; }

input[type="time"]::-webkit-clear-button {
  display: none; }

.styled-checkbox {
  position: relative; }
  .styled-checkbox input[type="checkbox"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    left: 6px; }
  .styled-checkbox label.heading {
    display: inline; }

.multi-line-label-wrapper input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label:after {
  margin-top: 13px;
  top: 0; }

.form-control-wrapper.form-field-error.form-field-tooltip .field-validation-wrap {
  width: 88%; }

.form-control-wrapper {
  margin-bottom: 30px; }
  .form-control-wrapper.triple-input .form-control, .form-control-wrapper.twin-input .form-control {
    min-height: 40px; }
  .form-control-wrapper.triple-input .shaded-input, .form-control-wrapper.twin-input .shaded-input {
    position: absolute; }
    .form-control-wrapper.triple-input .shaded-input:first-child, .form-control-wrapper.twin-input .shaded-input:first-child {
      left: 0; }
    .form-control-wrapper.triple-input .shaded-input:last-child, .form-control-wrapper.twin-input .shaded-input:last-child {
      right: 0px; }
  .form-control-wrapper.twin-input .shaded-input {
    width: 48%; }
  .form-control-wrapper.triple-input .shaded-input {
    width: 31%; }
    .form-control-wrapper.triple-input .shaded-input:nth-child(4) {
      margin-right: -50%;
      left: 34.5%; }
  .search-filter .form-control-wrapper {
    overflow: visible; }

.form-field-error.triple-input .form-control, .form-field-error.twin-input .form-control, .form-field-tooltip.triple-input .form-control, .form-field-tooltip.twin-input .form-control {
  min-height: 40px; }

.form-field-error.triple-input .shaded-input, .form-field-error.twin-input .shaded-input, .form-field-tooltip.triple-input .shaded-input, .form-field-tooltip.twin-input .shaded-input {
  position: absolute; }
  .form-field-error.triple-input .shaded-input:first-child, .form-field-error.twin-input .shaded-input:first-child, .form-field-tooltip.triple-input .shaded-input:first-child, .form-field-tooltip.twin-input .shaded-input:first-child {
    left: 0; }
  .form-field-error.triple-input .shaded-input:last-child, .form-field-error.twin-input .shaded-input:last-child, .form-field-tooltip.triple-input .shaded-input:last-child, .form-field-tooltip.twin-input .shaded-input:last-child {
    right: 45px; }

.form-field-error.twin-input .shaded-input, .form-field-tooltip.twin-input .shaded-input {
  width: 41%; }

.form-field-error.triple-input .shaded-input, .form-field-tooltip.triple-input .shaded-input {
  width: 26%; }
  .form-field-error.triple-input .shaded-input:nth-child(4), .form-field-tooltip.triple-input .shaded-input:nth-child(4) {
    margin-right: -50%;
    left: 30%; }

.form-control-wrapper .remove-content-container {
  float: none; }

.form-control-wrapper ul {
  margin-bottom: 0; }

.form-field-error .form-control, .with-calendar .form-control, .form-field-tooltip .form-control, .postcode-lookup .form-control, .styled-text-area-wrapper .form-control {
  margin-bottom: 10px; }

.form-field-error .field-validation-wrap, .form-field-error .expandable-form-message-wrap, .with-calendar .field-validation-wrap, .with-calendar .expandable-form-message-wrap, .form-field-tooltip .field-validation-wrap, .form-field-tooltip .expandable-form-message-wrap, .postcode-lookup .field-validation-wrap, .postcode-lookup .expandable-form-message-wrap, .styled-text-area-wrapper .field-validation-wrap, .styled-text-area-wrapper .expandable-form-message-wrap {
  margin-bottom: 10px; }

.expandable-form-message-wrap {
  border: 1px solid #ccc;
  position: relative;
  position: relative;
  border-bottom-width: 3px;
  background-color: #eff6fe; }
  .expandable-form-message-wrap:before {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ccc transparent;
    right: 17px;
    top: -6px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .expandable-form-message-wrap:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #eff6fe transparent;
    right: 17px;
    top: -5px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }

.shaded-input, input.shaded-input {
  font-size: 16px;
  height: 40px;
  width: 100%;
  border: 1px solid #03071C;
  border-radius: 0;
  padding: 5px;
  padding-left: 16px; }
  .shaded-input:focus, input.shaded-input:focus {
    outline: 1px dashed #2070B0;
    z-index: 3; }

.shaded-text-area {
  width: 100%;
  height: auto;
  padding: 10px 5px 5px 5px;
  resize: vertical; }

.shaded-text-area {
  font-size: 16px;
  height: 40px;
  width: auto;
  border: 1px solid #03071C;
  padding: 10px;
  padding-left: 16px;
  width: 100%;
  height: auto;
  min-height: 120px;
  resize: vertical; }
  .shaded-text-area:focus {
    outline: 1px dashed #2070B0;
    z-index: 3; }

textarea.shaded-text-area {
  line-height: 1.3; }

input::-webkit-calendar-picker-indicator {
  display: none; }

input[type="date"]::-webkit-input-placeholder {
  visibility: hidden !important; }

.responsive-form .form-heading {
  font-size: 23px;
  margin-bottom: 20px;
  clear: both; }

.responsive-form .expandable-box .form-heading {
  margin-bottom: 10px; }

.responsive-form legend.heading {
  clear: both; }

.bounded-fieldset {
  position: relative; }
  .bounded-fieldset p {
    clear: both; }
  .bounded-fieldset > .form-heading {
    border-top: dotted 1px #ccc;
    padding-top: 35px;
    width: 100%; }

.bounded-fieldset {
  min-width: 285px; }
  .bounded-fieldset .form-sub-heading {
    font-size: 20px; }

.multi-line-label {
  padding-top: 24px !important; }

.mandatory-msg {
  font-size: 16px;
  clear: both; }

h2.underline {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px; }

.boxed-label-for-input.all-grey,
.boxed-label-for-input.all-grey:hover,
input[type="radio"]:checked + .boxed-label-for-input.all-grey:hover {
  border-color: #EEE;
  background-color: transparent;
  background-image: none; }

.boxed-label-for-input.all-grey em {
  font-weight: normal;
  display: block;
  font-style: normal; }

/*
Used for radios used on congestion charge which have title, subtitle and a price
*/
.product-label {
  padding-right: 100px; }
  .product-label .subtitle, .product-label .title {
    display: block; }
  .product-label .price {
    position: absolute;
    right: 45px;
    top: 50%;
    margin-top: -12px; }

.time-range {
  overflow: hidden; }

.time-range div.form-control-wrapper {
  width: 30%;
  float: left;
  clear: none; }

.time-range div.form-control,
.time-range .selector {
  width: 98%; }

.ia-toggle-content {
  position: relative; }

/*used on a hr when the bounded fieldset is not appropriate*/
.form-separator {
  margin-bottom: 30px; }

.even-line-heights {
  line-height: 1; }
  .even-line-heights * {
    line-height: 1; }

.acceptance-wrapper {
  margin: 0 0 20px; }

.terms-acceptance-wrap {
  border-top: #ccc 1px solid;
  overflow: hidden;
  padding-top: 20px; }
  .terms-acceptance-wrap.top-margin-separator {
    margin-top: 30px; }

.form-builder-submission {
  margin-bottom: 200px; }

.email-update-form {
  margin-top: 20px;
  margin-bottom: 20px; }
  .email-update-form .form-control-wrapper {
    margin-bottom: 0; }
  .email-update-form .journey-updates {
    margin-bottom: 20px;
    margin-top: 20px; }

.cfree-charge {
  display: none;
  background: #EEE; }
  .cfree-charge span {
    position: absolute;
    right: 13px; }

.step-count-text {
  margin-top: -10px; }

.field-validation-wrap {
  display: none; }

.form-field-error > .form-control .shaded-input, .form-field-error > .form-control .shaded-text-area, .form-field-error > .form-control .input-list, .form-field-error > .form-control .selector {
  border-color: #A92727; }

.form-field-error > .form-control .shaded-input, .form-field-error > .form-control .shaded-text-area, .form-field-error > .form-control .input-list {
  box-shadow: inset 0px 3px 0px 0 white; }

.form-field-error > .form-control .selector span {
  box-shadow: inset 0px 3px 0px 0 white; }

.form-field-error > .form-control .input-list {
  border-width: 1px; }

.form-field-error > .field-validation-wrap {
  display: inline-block;
  width: 100%;
  border: 1px solid #A92727;
  position: relative; }
  .form-field-error > .field-validation-wrap:before {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #A92727 transparent;
    right: 17px;
    top: -6px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .form-field-error > .field-validation-wrap:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #FFEFEF transparent;
    right: 17px;
    top: -5px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }

.form-field-error > .form-control-tooltip-wrap + .field-validation-wrap:before, .form-field-error > .form-control-tooltip-wrap + .field-validation-wrap:after {
  content: none; }

.input-group .form-field-error .boxed-label-for-input, .with-warnings .form-field-error .boxed-label-for-input {
  border-color: #A92727; }

.form-field-error:not(.form-field-tooltip) .field-validation-wrap .field-validation-error {
  color: #A92727;
  background-color: #FFEFEF;
  clear: both;
  display: block;
  padding: 10px;
  position: relative; }
  .form-field-error:not(.form-field-tooltip) .field-validation-wrap .field-validation-error:before {
    background-position: -32px -832px;
    position: absolute;
    content: "";
    display: block;
    right: 5px;
    margin-top: -53px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px; }
    .body-cms-preview .form-field-error:not(.form-field-tooltip) .field-validation-wrap .field-validation-error:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .form-field-error:not(.form-field-tooltip) .field-validation-wrap .field-validation-error:before {
    top: auto;
    left: auto; }

input[type="checkbox"]:checked + .boxed-label-for-input, input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input, input[type="radio"]:checked + .boxed-label-for-input, input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input {
  background-image: none; }
  input[type="checkbox"]:checked + .boxed-label-for-input:after, input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input:after, input[type="radio"]:checked + .boxed-label-for-input:after, input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9; }
    .body-cms-preview input[type="checkbox"]:checked + .boxed-label-for-input:after, .body-cms-preview input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input:after, .body-cms-preview input[type="radio"]:checked + .boxed-label-for-input:after, .body-cms-preview input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
      background-image: url("/static/1/images/vsprite.png"); }

input[type="checkbox"]:checked + input[type="hidden"] + .styled-checkbox-label:after, input[type="radio"]:checked + input[type="hidden"] + .styled-checkbox-label:after {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9; }
  .body-cms-preview input[type="checkbox"]:checked + input[type="hidden"] + .styled-checkbox-label:after, .body-cms-preview input[type="radio"]:checked + input[type="hidden"] + .styled-checkbox-label:after {
    background-image: url("/static/1/images/vsprite.png"); }

input[type="radio"]:checked + .boxed-label-for-input, input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input {
  background-image: none; }
  input[type="radio"]:checked + .boxed-label-for-input:after, input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
    background-image: url("/static/1/images/vsprite.png");
    background-size: 96px 3776px;
    background-position: -5px -2532px;
    height: 22px;
    width: 22px;
    display: block; }
    .body-cms-preview input[type="radio"]:checked + .boxed-label-for-input:after, .body-cms-preview input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
      background-image: url("/static/1/images/vsprite.png"); }

input[type="checkbox"]:checked + .boxed-label-for-input, input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input {
  background-image: none; }
  input[type="checkbox"]:checked + .boxed-label-for-input:after, input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
    background-image: url("/static/1/images/vsprite.png");
    background-size: 96px 3776px;
    background-position: -4px -772px;
    height: 24px;
    width: 24px;
    display: block; }
    .body-cms-preview input[type="checkbox"]:checked + .boxed-label-for-input:after, .body-cms-preview input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
      background-image: url("/static/1/images/vsprite.png"); }

input[type="checkbox"]:checked + input[type="hidden"] + .styled-checkbox-label:after {
  background-image: url("/static/1/images/vsprite.png");
  background-size: 96px 3776px;
  background-position: -4px -772px;
  height: 24px;
  width: 24px;
  display: block; }
  .body-cms-preview input[type="checkbox"]:checked + input[type="hidden"] + .styled-checkbox-label:after {
    background-image: url("/static/1/images/vsprite.png"); }

input[type="checkbox"]:focus + .boxed-label-for-input, input[type="checkbox"]:focus + input[type="hidden"] + .boxed-label-for-input, input[type="radio"]:focus + .boxed-label-for-input, input[type="radio"]:focus + input[type="hidden"] + .boxed-label-for-input {
  outline: 1px dashed #2070B0;
  z-index: 3; }

input[type="checkbox"]:focus + input[type="hidden"] + .styled-checkbox-label:after, input[type="radio"]:focus + input[type="hidden"] + .styled-checkbox-label:after {
  outline: 1px dashed #2070B0;
  z-index: 3; }

input[type="checkbox"]:disabled + .boxed-label-for-input, input[type="radio"]:disabled + .boxed-label-for-input {
  background-image: none; }
  input[type="checkbox"]:disabled + .boxed-label-for-input:after, input[type="radio"]:disabled + .boxed-label-for-input:after {
    background-color: #EEE; }

input[type="checkbox"]:disabled + input[type="hidden"] + .styled-checkbox-label:after, input[type="radio"]:disabled + input[type="hidden"] + .styled-checkbox-label:after {
  background-color: #EEE; }

.shaded-text-area:disabled, input[type="number"]:disabled, input[type="text"]:disabled {
  background-color: #EEE; }

.no-js #dispensation-date-time .with-calendar {
  display: none; }

#js-dispensation-picker {
  border: #ccc 1px solid;
  border-bottom: rgba(204, 204, 204, 0.75) 3px solid;
  display: none;
  position: relative;
  margin: 0 0 20px; }
  #js-dispensation-picker .dispensation-picker-body {
    padding: 0 20px 20px;
    overflow: hidden; }

#js-dispensation-title {
  border-bottom: #ccc 1px solid;
  padding: 12px; }

#js-dispensation-close {
  display: none; }

.js-disp-select {
  clear: both; }

.dispensation-time-row,
#next-date-wrapper {
  border-bottom: #ccc 1px dotted;
  overflow: hidden;
  padding: 8px 0; }
  .dispensation-time-row label,
  #next-date-wrapper label {
    float: left;
    position: relative;
    display: block;
    width: 47%;
    padding: 10px 4px 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1; }
  .dispensation-time-row .selector,
  #next-date-wrapper .selector {
    margin-left: 2%;
    float: left;
    width: 47%; }
  .dispensation-time-row .request-date,
  #next-date-wrapper .request-date {
    float: left;
    display: block;
    padding: 10px 10px 0 0; }
  .dispensation-time-row .js-disp-text,
  #next-date-wrapper .js-disp-text {
    float: left;
    padding: 10px 4px 0;
    font-weight: bold;
    font-size: 16px; }

#next-date-wrapper label, #next-date-wrapper .selector {
  width: 100%;
  margin-left: 0; }

#next-date-wrapper {
  display: none; }
  #next-date-wrapper .selector {
    clear: left; }
  #next-date-wrapper .shaded-input {
    clear: left; }

.js-dispensation-button {
  width: 98%; }

.disabled-control {
  background-color: #ababab; }
  .disabled-control span:after {
    background-color: #ababab; }

#js-add-another-day {
  float: right; }

#requested-dates {
  display: none; }

#dispensation-maxed,
#time-missing {
  display: none; }

.dispensation-dates-table {
  border: #ccc 1px solid;
  margin-bottom: 20px; }
  .dispensation-dates-table caption {
    font-weight: bold;
    text-align: left; }
  .dispensation-dates-table thead tr {
    background-color: #fff;
    border-bottom: #ccc 1px solid; }
  .dispensation-dates-table th {
    font-weight: bold; }
  .dispensation-dates-table tfoot td {
    text-align: right;
    background-color: #FFFFFF;
    padding: 0; }
    .dispensation-dates-table tfoot td a {
      display: block;
      padding: 9px 12px; }

#dispensation-dates-summary-table caption {
  text-indent: -1000em;
  position: absolute; }

.start-duration .time-wrapper {
  max-width: 10em; }

.start-duration .dispensation-duration {
  float: left; }

.start-duration .start-time {
  float: left; }

#disp-invalid-date {
  display: none; }

.mustaddtime {
  width: 1px !important;
  border: 0;
  overflow: hidden; }

.dispensation-time-error {
  padding: 22px 0 6px 60px; }
  .dispensation-time-error:before {
    right: auto;
    left: 17px !important;
    top: 50% !important;
    margin-top: -20px; }

.additional-dates {
  display: none; }
  .no-js .additional-dates {
    display: block; }
  .additional-dates ul {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: left; }
  .additional-dates li {
    overflow: hidden; }
  .additional-dates .form-control-wrapper {
    float: left;
    clear: none !important; }
  .additional-dates .start-duration {
    float: left;
    margin: 0 0 0 32px; }
  .additional-dates .additional-dispensation-date {
    width: 8em; }

.address-summary-line {
  display: block; }

.label-units {
  font-size: 12px;
  line-height: 1;
  vertical-align: middle; }

#timefilled {
  width: 0;
  height: 0;
  overflow: hidden;
  border: 0;
  box-shadow: none; }

.dispensation-time-error {
  display: none; }
  .dispensation-time-error.field-validation-error {
    display: block; }

#ctl-next-date {
  margin: 3% 0; }

.not-for-beta {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }
  .not-for-beta:hover, .not-for-beta:focus {
    cursor: default; }
  .not-for-beta:before, .not-for-beta:after {
    opacity: 0.4;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1); }
  .not-for-beta.placeholder-image:after {
    opacity: 1; }
  .not-for-beta > * {
    opacity: 0.4;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1); }
    .not-for-beta > *:hover, .not-for-beta > *:focus {
      cursor: default; }
    .not-for-beta > *:before, .not-for-beta > *:after {
      opacity: 0.4;
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      /* Firefox 10+, Firefox on Android */
      filter: gray;
      /* IE6-9 */
      -webkit-filter: grayscale(1); }
  .not-for-beta .plain-button:before, .not-for-beta.plain-button:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1; }
  .not-for-beta .plain-button:hover, .not-for-beta .plain-button:focus, .not-for-beta.plain-button:hover, .not-for-beta.plain-button:focus {
    background-color: #fff; }
  .not-for-beta.flat-button.placeholder-image {
    margin-bottom: 10px; }
  .not-for-beta.search-tools:hover, .not-for-beta.search-tools:focus {
    border-color: none;
    background-color: inherit; }
  .not-for-beta.flat-button:hover, .not-for-beta.flat-button:focus {
    border-color: #ccc;
    background-color: #fff; }
  .not-for-beta.flat-button:nth-child(2) {
    border-left-color: #ccc;
    border-right-color: #ccc; }
  .not-for-beta .item-title:hover, .not-for-beta .item-title:focus {
    background-color: transparent; }
  .not-for-beta.primary-dropdown-ico {
    background-color: #888; }
    .not-for-beta.primary-dropdown-ico:hover, .not-for-beta.primary-dropdown-ico:focus {
      background-color: #888; }

.not-for-beta .plain-button:before, .not-for-beta.plain-button:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMTVCRTYxMENDRkMxMUUyQUM4MUI5RTJEODJDODcxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMTVCRTYxMUNDRkMxMUUyQUM4MUI5RTJEODJDODcxMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNUJFNjBFQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxNUJFNjBGQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iPa/TAAAADVJREFUeNpivH79epu4uPgvBjTw8uVLNiZcEiCaCZcESBMTLgkUnegScElsEmBJXBIgABBgAIOyHxmzOX5nAAAAAElFTkSuQmCC); }

/*a.not-for-beta {
    color: $dark-grey;
    &:visited {
        color: $dark-grey;
    }
}*/
div.top-row-extras .texts {
  width: 57px; }
  div.top-row-extras .texts .search {
    height: 58px; }

@media screen and (min-width: 900px) {
  div.top-row-extras .texts {
    width: auto; } }

.top-row-extras .more {
  right: 99px !important; }

.navigation-style-1 .selected .item-title {
  cursor: default; }
  .navigation-style-1 .selected .item-title:hover, .navigation-style-1 .selected .item-title:focus {
    background-color: #fff; }

.pagination-controls, .pagination-controls-gotopage {
  border-bottom: 1px solid #cacaca;
  border-top: 1px solid #cacaca;
  margin: 20px 0;
  padding: 10px 0; }
  .pagination-controls:last-child, .pagination-controls-gotopage:last-child {
    margin-bottom: 0; }
  .pagination-controls .pagination, .pagination-controls-gotopage .pagination {
    position: relative;
    margin: 0;
    text-align: center; }
    .pagination-controls .pagination a, .pagination-controls-gotopage .pagination a {
      border: none;
      color: #1A5A92; }
      .pagination-controls .pagination a.active_page, .pagination-controls-gotopage .pagination a.active_page {
        background-color: #fff;
        color: #000;
        font-weight: bold;
        cursor: default; }
        .pagination-controls .pagination a.active_page:hover, .pagination-controls-gotopage .pagination a.active_page:hover, .pagination-controls .pagination a.active_page:focus, .pagination-controls-gotopage .pagination a.active_page:focus {
          text-decoration: none;
          background-color: #fff; }
      .pagination-controls .pagination a.selected, .pagination-controls-gotopage .pagination a.selected {
        font-weight: bold; }
    .pagination-controls .pagination .ellipse, .pagination-controls-gotopage .pagination .ellipse {
      display: none !important; }
  .pagination-controls .first_link, .pagination-controls-gotopage .first_link, .pagination-controls .last_link, .pagination-controls-gotopage .last_link, .pagination-controls .page_link, .pagination-controls-gotopage .page_link {
    padding: 3px 8px;
    margin: 3px; }
  .pagination-controls .first_link, .pagination-controls-gotopage .first_link {
    position: relative; }
    .pagination-controls .first_link:after, .pagination-controls-gotopage .first_link:after {
      content: '';
      position: absolute;
      background: grey;
      right: -2px;
      height: 100%;
      width: 1px;
      top: 0; }
  .pagination-controls .last_link, .pagination-controls-gotopage .last_link {
    position: relative; }
    .pagination-controls .last_link:after, .pagination-controls-gotopage .last_link:after {
      content: '';
      position: absolute;
      background: grey;
      left: -2px;
      height: 100%;
      width: 1px;
      top: 0; }
  .pagination-controls .previous_link span, .pagination-controls-gotopage .previous_link span, .pagination-controls .next_link span, .pagination-controls-gotopage .next_link span {
    display: none; }
  .pagination-controls .previous_link.no_more, .pagination-controls-gotopage .previous_link.no_more, .pagination-controls .next_link.no_more, .pagination-controls-gotopage .next_link.no_more {
    display: none; }
  .pagination-controls .previous_link, .pagination-controls-gotopage .previous_link, .pagination-controls .next_link, .pagination-controls-gotopage .next_link {
    padding: 8px 14px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -576px; }
    .body-cms-preview .pagination-controls .previous_link, .body-cms-preview .pagination-controls-gotopage .previous_link, .body-cms-preview .pagination-controls .next_link, .body-cms-preview .pagination-controls-gotopage .next_link {
      background-image: url("/static/1/images/vsprite.png"); }
  .pagination-controls .next_link, .pagination-controls-gotopage .next_link {
    background-position: 0px -640px;
    background-position-x: -6px; }
  .pagination-controls .separator, .pagination-controls-gotopage .separator {
    border-left: solid 1px grey;
    padding: 3px;
    margin: 4px;
    margin-right: -2px; }

.page_link, .next_link, .previous_link, .first_link, .last_link {
  padding: 3px 8px;
  display: inline-block;
  z-index: 2; }

.page_link:hover, .page_link:focus, .next_link:hover, .next_link:focus, .previous_link:hover, .previous_link:focus, .first_link:hover, .first_link:focus, .last_link:hover, .last_link:focus {
  text-decoration: none;
  background-color: #f2f2f2; }

.pagination-controls-gotopage {
  margin: 0;
  padding: 10px;
  border-width: 0; }
  .pagination-controls-gotopage .pagination {
    position: relative; }
  .pagination-controls-gotopage .page_link {
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: white;
    border: none;
    vertical-align: middle;
    padding: 12px 20px;
    margin: 1px; }
    .pagination-controls-gotopage .page_link:before {
      margin-top: -16px; }
    .pagination-controls-gotopage .page_link:hover, .pagination-controls-gotopage .page_link:focus {
      background-color: #f2f2f2; }
  .pagination-controls-gotopage .first-page-control {
    left: -10px; }
    .pagination-controls-gotopage .first-page-control:before {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -544px;
      bottom: auto;
      left: 3px;
      right: 0;
      top: 50%; }
      .body-cms-preview .pagination-controls-gotopage .first-page-control:before {
        background-image: url("/static/1/images/vsprite.png"); }
  .pagination-controls-gotopage .last-page-control {
    right: -10px; }
    .pagination-controls-gotopage .last-page-control:before {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -512px;
      bottom: auto;
      left: 3px;
      right: 0;
      top: 50%; }
      .body-cms-preview .pagination-controls-gotopage .last-page-control:before {
        background-image: url("/static/1/images/vsprite.png"); }
  .pagination-controls-gotopage .next-page-control {
    right: 30px; }
    .pagination-controls-gotopage .next-page-control:before {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px;
      bottom: auto;
      left: 3px;
      right: 0;
      top: 50%; }
      .body-cms-preview .pagination-controls-gotopage .next-page-control:before {
        background-image: url("/static/1/images/vsprite.png"); }
  .pagination-controls-gotopage .previous-page-control {
    left: 30px; }
    .pagination-controls-gotopage .previous-page-control:before {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -576px;
      bottom: auto;
      left: 3px;
      right: 0;
      top: 50%; }
      .body-cms-preview .pagination-controls-gotopage .previous-page-control:before {
        background-image: url("/static/1/images/vsprite.png"); }
  .pagination-controls-gotopage .go-to-page-number {
    width: 60px;
    text-align: center;
    padding-left: 5px; }
  .pagination-controls-gotopage .page-number-input {
    display: inline;
    margin: 0 15px; }
  .pagination-controls-gotopage .page-count {
    font-weight: bold;
    color: #2070B0;
    margin-left: 5px;
    vertical-align: middle; }
  .pagination-controls-gotopage .disabled-control {
    opacity: 0.3; }
    .pagination-controls-gotopage .disabled-control:hover {
      background-color: inherit; }

.pagination-loading {
  background: transparent url("/static/1/images//throbber-blue-small.gif") no-repeat 98% 47%; }

.slow-loading {
  background-repeat: no-repeat;
  background-position: 50%;
  width: auto;
  height: auto; }
  .slow-loading p {
    text-align: center; }

.pagination-ajax-error {
  display: none;
  margin: 0;
  border-top: 0; }
  .pagination-ajax-error p {
    margin-bottom: 0; }
  .pagination-ajax-error.ajax-error {
    display: block; }

.paginated-list-heading {
  font-size: 16px; }

.no-filters .pagination-controls-gotopage {
  border: none; }

.pagination-header {
  font-size: 24px;
  line-height: 120%; }
  .pagination-header.no-filters {
    border-bottom: 1px solid #ccc; }

.numbered-list, .required-evidence-list, .review-list {
  counter-reset: li;
  margin-left: 0;
  padding-left: 0; }
  .numbered-list > li, .required-evidence-list > li, .review-list > li {
    list-style: none;
    margin-bottom: 30px; }
    .numbered-list > li:last-child, .required-evidence-list > li:last-child, .review-list > li:last-child {
      margin-bottom: 0; }
  .numbered-list .numbered-item, .required-evidence-list .numbered-item, .review-list .numbered-item {
    margin-bottom: 10px;
    position: relative; }
    .numbered-list .numbered-item:before, .required-evidence-list .numbered-item:before, .review-list .numbered-item:before {
      content: counter(li, decimal) ".";
      counter-increment: li;
      position: absolute;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      font-size: inherit; }

.required-evidence-list .numbered-item {
  margin-left: 25px; }
  .required-evidence-list .numbered-item:before {
    font-family: "New Johnson Bold";
    left: -25px; }

.review-list .numbered-item {
  margin-left: 30px; }
  .review-list .numbered-item:before {
    font-family: "New Johnson Bold";
    left: -30px; }

.review-list h3 {
  margin-bottom: 26px;
  font-size: 24px; }

.review-list h4 {
  margin-bottom: 12px;
  font-size: 16px; }

.boxed-content {
  border: #ccc 1px solid;
  padding: 12px; }
  .boxed-content h3 {
    margin: 0; }

.list-length-count {
  line-height: 1;
  vertical-align: bottom; }
  .list-length-count * {
    line-height: 1;
    vertical-align: bottom; }

.uneditable-review-list-header,
.review-list-header {
  border-bottom: #ccc 1px solid;
  padding-bottom: 10px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden; }
  .uneditable-review-list-header h2,
  .review-list-header h2 {
    margin: 0 0 8px;
    font-size: 30px;
    float: left; }
  .uneditable-review-list-header .edit-step,
  .review-list-header .edit-step {
    display: block;
    float: right; }

.show-payment .uneditable-review-list-header {
  margin-bottom: 16px; }

.review-list-body {
  padding: 30px 0 0; }

.review-list-checked-item {
  padding: 10px 5px 10px 40px;
  position: relative; }
  .review-list-checked-item p:first-child:before {
    content: "";
    position: absolute;
    background-image: url(/static/1/images/vsprite_x2.png);
    background-image: url(/static/1/images/vsprite.png) \9;
    background-size: 96px 3744px;
    height: 32px;
    width: 32px;
    background-position: 0px -773px;
    bottom: auto;
    left: 0px;
    right: auto;
    top: auto; }

.nested-list {
  margin-left: 30px; }

.key-value-list-heading {
  margin: 0; }

.key-value-list, .account-details {
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  padding-bottom: 10px; }
  .key-value-list dd, .account-details dd, .key-value-list dt, .account-details dt {
    float: left;
    line-height: 24px; }
  .key-value-list dt, .account-details dt, .key-value-list .list-item-key, .account-details .list-item-key {
    font-weight: bold;
    clear: both; }
  .key-value-list dd, .account-details dd {
    margin-left: 4px; }
  .key-value-list time, .account-details time {
    font-weight: normal; }

.accredited-breakdown-summary p {
  margin-bottom: 10px; }

.accredited-breakdown-summary h2 {
  margin: 30px 0; }
  .accredited-breakdown-summary h2 span {
    vertical-align: middle;
    float: right; }

.account-details {
  margin-bottom: 10px; }
  .account-details .top-tier-title, .account-details .top-tier-content {
    font-size: 24px;
    line-height: 35px; }
  .account-details .sub-item-title, .account-details .sub-item-content {
    font-size: 16px;
    line-height: 25px; }
  .account-details .sub-item-title {
    font-weight: bold; }

.stacked-list {
  list-style: none;
  margin: 0; }
  .stacked-list .key-value-list, .stacked-list .account-details {
    font-size: 15px; }
  .stacked-list .form-success-middle-icon, .stacked-list .global-top-middle-icon, .stacked-list .form-info-middle-icon {
    margin-bottom: 0; }

.cc-autopay-vehicles .stacked-list-item {
  border: 0; }

.cc-autopay-vehicles .form-success-middle-icon, .cc-autopay-vehicles .global-top-middle-icon, .cc-autopay-vehicles .form-info-middle-icon {
  margin-bottom: 20px; }

.stacked-list .list-item-details.link-button {
  margin-bottom: 0;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  display: block; }

.stacked-list .disabled-control {
  background-color: #EEE; }
  .stacked-list .disabled-control:after {
    content: none; }
  .stacked-list .disabled-control:hover, .stacked-list .disabled-control:focus {
    background-color: #EEE; }

.stacked-list .button-set {
  margin-bottom: 0; }

.stacked-list .vehicle-not-found {
  margin-top: 10px; }

.stacked-list-item {
  width: 100%;
  border: solid #ccc;
  border-width: 1px 1px 0 1px;
  position: relative; }
  .stacked-list-item .list-item-details {
    padding: 10px 1em 0 1em; }
  .stacked-list-item .list-item-details {
    border-bottom: solid #ccc 1px; }
  .stacked-list-item:last-child {
    border-bottom-width: 1px; }
  .stacked-list-item.removing {
    background-color: #F7F7F7; }
  .stacked-list-item .hanging-message, .stacked-list-item .cta-hanging-message {
    border: 0;
    margin-bottom: 0;
    background-color: #fbf6e0; }
    .stacked-list-item .hanging-message .with-indicator, .stacked-list-item .cta-hanging-message .with-indicator {
      border-top: 0; }

.vehicle-item {
  margin-bottom: 16px; }

.hanging-message .global-warning-top-icon, .cta-hanging-message .global-warning-top-icon {
  margin-bottom: 0; }

.list-item-details.can-remove {
  padding-right: 45px; }

.list-item-details dd.footer-align, .list-item-details dt.footer-align {
  margin-top: 23px; }

.list-item-details .footer-link {
  line-height: 11px;
  border-top: dotted 1px #ccc;
  width: 100%;
  display: block;
  padding-top: 15px;
  font-weight: bold; }
  .list-item-details .footer-link:focus {
    outline: none; }

.list-item-details .footer-right-content {
  position: absolute;
  bottom: 17px;
  left: 0;
  width: 100%;
  text-align: right;
  padding: 0 1em; }

.list-item-details.with-footer .remove-item-from-list {
  top: 33%; }

.filterable-list-wrapper .pagination-controls-gotopage {
  border: none !important;
  border-width: 0 1px 1px 1px; }

.filterable-list-wrapper .stacked-list-item:first-child {
  border-top-width: 0; }

.list-with-pagination .stacked-list-item:last-child {
  border-bottom-width: 0; }

.list-with-pagination .global-warning-top-icon {
  border-bottom: 1px solid #cacaca; }

.editable-vehicle-list + .pagination-form {
  border-bottom: #cacaca 1px solid; }

.removable-list, .car-msg-list {
  margin: 0;
  list-style-type: none; }
  .removable-list .has-icon .cta-content, .car-msg-list .has-icon .cta-content {
    position: static; }
    .removable-list .has-icon .cta-content:before, .car-msg-list .has-icon .cta-content:before {
      position: static;
      margin-top: -4px; }

.removing .car-msg,
.removing .account-tile,
.removing .boxed-link-with-title {
  margin-bottom: 0;
  border-bottom: 0; }

.removing .remove-item-from-list {
  display: none; }

.cc-autopay-edit-list li {
  margin-bottom: 1em;
  transform: translateZ(0); }

.cc-autopay-edit-list .car-msg {
  margin-bottom: 0;
  transform: translateZ(0); }

div.vehicle-confirm-cancel {
  border: #cacaca 1px solid;
  border-left: 0;
  border-right: 0;
  transform: translateZ(0);
  overflow: hidden;
  margin-bottom: 0; }

.account-statements .list-item-details {
  padding: 0; }

.account-statements h3 {
  font-size: 16px; }

.account-statements .document-link {
  display: block;
  position: relative;
  padding: 10px 1em; }
  .account-statements .document-link:hover, .account-statements .document-link:focus {
    text-decoration: none;
    background-color: #EFF6FD; }
  .account-statements .document-link .document-date,
  .account-statements .document-link .type-weight {
    color: #000; }
  .account-statements .document-link * {
    line-height: 1; }
  .account-statements .document-link:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 12px;
    margin-top: -16px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -64px -192px; }
    .body-cms-preview .account-statements .document-link:after {
      background-image: url("/static/1/images/vsprite.png"); }

#global-login {
  margin-top: 10px;
  height: 100%;
  width: 100%;
  padding: 10px 10px; }
  #global-login #login-container {
    position: relative;
    margin: auto;
    top: 50%; }
  #global-login label.heading {
    font-size: 16px;
    font-weight: 600; }
  #global-login .shaded-input {
    font-size: 16px; }
  #global-login .forgot-password-container {
    float: right;
    font-weight: normal; }
  #global-login .field-validation-error:before {
    display: none; }
  #global-login .field-validation-wrap {
    border: none; }
  #global-login .field-validation-error:after {
    display: none; }
  #global-login .field-validation-wrap:before {
    display: none; }
  #global-login .field-validation-wrap:after {
    display: none; }
  #global-login .responsive-form .form-field-error.full-width-form-module > .form-control {
    padding-right: 0px; }
  #global-login .form-heading {
    border: none; }
  #global-login .space {
    padding-bottom: 20px; }
  #global-login #sign-in-heading {
    text-align: center; }
  #global-login .border-fix {
    border: 2px solid #f5f5f5; }
  #global-login #create-account-message-container {
    padding-top: 20px;
    font-size: 16px; }

.fav-banner {
  color: white;
  height: 200px; }

.fav-dismiss-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -3712px;
  float: right; }
  .body-cms-preview .fav-dismiss-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.fav-banner-contents {
  width: 70%;
  padding: 10px 10px;
  height: 100px;
  background: white;
  color: black;
  margin-top: 20px;
  margin-bottom: 20px; }

.fav-banner-title {
  font-weight: 600; }

.fav-banner-link {
  cursor: pointer; }
  .fav-banner-link:hover {
    text-decoration: none; }

/* elements - small */
.primary-button {
  cursor: pointer;
  display: block;
  min-height: 40px;
  color: #FFFFFF;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #164B79;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #164B79), color-stop(2px, #164B79), color-stop(2px, #1A5A92), color-stop(100%, #3F75A4));
  background-image: -webkit-linear-gradient(bottom, #164B79 0%, #164B79 2px, #1A5A92 2px, #3F75A4 100%);
  background-image: linear-gradient(to top,#164B79 0%, #164B79 2px, #1A5A92 2px, #3F75A4 100%);
  -webkit-transition: background-image, 0.3s;
  -moz-transition: background-image, 0.3s;
  transition: background-image, 0.3s;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  border: 1px solid #164B79;
  position: relative; }
  .primary-button[disabled='disabled'], .primary-button:disabled {
    pointer-events: none;
    cursor: default;
    color: #ababab;
    text-decoration: none; }
    .primary-button[disabled='disabled']:visited, .primary-button:disabled:visited {
      color: #ababab; }
  .primary-button:not([disabled='disabled']):hover, .primary-button:not([disabled='disabled']):focus {
    background-color: #315b7f;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #315b7f), color-stop(100%, #123f67));
    background-image: -webkit-linear-gradient(#315b7f, #123f67);
    background-image: linear-gradient(#315b7f, #123f67); }
  .primary-button[disabled='disabled'], .primary-button .disabled {
    background-color: #e1e1e1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(2px, #cecece), color-stop(2px, #e1e1e1), color-stop(100%, #ebebeb));
    background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
    background-image: linear-gradient(to top,#e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
    text-shadow: none;
    border-color: #03071C; }
    .primary-button[disabled='disabled'] .cta-content:before, .primary-button .disabled .cta-content:before {
      opacity: 0.25; }
  .primary-button:visited {
    color: #FFFFFF; }
  .primary-button:active {
    background-image: none;
    background-color: #113B92;
    -webkit-appearance: none; }
  .primary-button:hover, .primary-button:focus {
    text-decoration: none; }

.secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
  cursor: pointer;
  display: block;
  min-height: 40px;
  color: #2070B0;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #F3F3F3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F3F3), color-stop(2px, #DCDCDC), color-stop(2px, #F3F3F3), color-stop(100%, #FFFFFF));
  background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #DCDCDC 2px, #F3F3F3 2px, #FFFFFF 100%);
  background-image: linear-gradient(to top,#F3F3F3 0%, #DCDCDC 2px, #F3F3F3 2px, #FFFFFF 100%);
  -webkit-transition: background-image, 0.3s;
  -moz-transition: background-image, 0.3s;
  transition: background-image, 0.3s;
  border: 1px solid #03071C; }
  .secondary-button[disabled='disabled'], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a[disabled='disabled'], .secondary-button:disabled, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:disabled {
    pointer-events: none;
    cursor: default;
    color: #ababab;
    text-decoration: none; }
    .secondary-button[disabled='disabled']:visited, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a[disabled='disabled']:visited, .secondary-button:disabled:visited, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:disabled:visited {
      color: #ababab; }
  .secondary-button:not([disabled='disabled']):hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:not([disabled='disabled']):hover, .secondary-button:not([disabled='disabled']):focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:not([disabled='disabled']):focus {
    background-color: #e6e5e5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #e6e5e5), color-stop(100%, #dad9d9));
    background-image: -webkit-linear-gradient(#e6e5e5, #dad9d9);
    background-image: linear-gradient(#e6e5e5, #dad9d9); }
  .secondary-button[disabled='disabled'], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a[disabled='disabled'], .secondary-button .disabled, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .disabled {
    background-color: #e1e1e1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(2px, #cecece), color-stop(2px, #e1e1e1), color-stop(100%, #ebebeb));
    background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
    background-image: linear-gradient(to top,#e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
    text-shadow: none;
    border-color: #03071C; }
    .secondary-button[disabled='disabled'] .cta-content:before, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a[disabled='disabled'] .cta-content:before, .secondary-button .disabled .cta-content:before, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .disabled .cta-content:before {
      opacity: 0.25; }
  .secondary-button:visited, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:visited {
    color: #2070B0; }
  .secondary-button:active, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:active {
    color: #113B92;
    background-image: none;
    background-color: #EEE;
    -webkit-appearance: none; }
  .secondary-button:hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:hover, .secondary-button:focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:focus {
    text-decoration: none; }

.disabled-button {
  cursor: pointer;
  display: block;
  min-height: 40px;
  color: #ababab;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #ebebeb), color-stop(100%, #e1e1e1));
  background-image: -webkit-linear-gradient(#ebebeb, #e1e1e1);
  background-image: linear-gradient(#ebebeb, #e1e1e1);
  -webkit-transition: background-image, 0.3s;
  -moz-transition: background-image, 0.3s;
  transition: background-image, 0.3s;
  text-shadow: none;
  border-color: #03071C;
  cursor: default;
  pointer-events: none; }
  .disabled-button[disabled='disabled'], .disabled-button:disabled {
    pointer-events: none;
    cursor: default;
    color: #ababab;
    text-decoration: none; }
    .disabled-button[disabled='disabled']:visited, .disabled-button:disabled:visited {
      color: #ababab; }
  .disabled-button:not([disabled='disabled']):hover, .disabled-button:not([disabled='disabled']):focus {
    background-color: #d2d1d1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #d2d1d1), color-stop(100%, #c8c7c7));
    background-image: -webkit-linear-gradient(#d2d1d1, #c8c7c7);
    background-image: linear-gradient(#d2d1d1, #c8c7c7); }
  .disabled-button[disabled='disabled'], .disabled-button .disabled {
    background-color: #e1e1e1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(2px, #cecece), color-stop(2px, #e1e1e1), color-stop(100%, #ebebeb));
    background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
    background-image: linear-gradient(to top,#e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
    text-shadow: none;
    border-color: #03071C; }
    .disabled-button[disabled='disabled'] .cta-content:before, .disabled-button .disabled .cta-content:before {
      opacity: 0.25; }
  .disabled-button:visited {
    color: #ababab; }
  .disabled-button:active {
    background-image: none;
    background-color: #ababab;
    -webkit-appearance: none; }
  .disabled-button:hover, .disabled-button:focus {
    text-decoration: none; }

.map-downloads {
  overflow: hidden; }

.btn-download-map {
  cursor: pointer;
  display: block;
  min-height: auto;
  color: #2D3039;
  border-radius: 5px;
  width: 100%;
  font-size: 14px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #F3F3F3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F3F3), color-stop(2px, #DCDCDC), color-stop(2px, #F3F3F3), color-stop(100%, #FFFFFF));
  background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #DCDCDC 2px, #F3F3F3 2px, #FFFFFF 100%);
  background-image: linear-gradient(to top,#F3F3F3 0%, #DCDCDC 2px, #F3F3F3 2px, #FFFFFF 100%);
  -webkit-transition: background-image, 0.3s;
  -moz-transition: background-image, 0.3s;
  transition: background-image, 0.3s;
  border: 1px solid #03071C;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px; }
  .btn-download-map[disabled='disabled'], .btn-download-map:disabled {
    pointer-events: none;
    cursor: default;
    color: #ababab;
    text-decoration: none; }
    .btn-download-map[disabled='disabled']:visited, .btn-download-map:disabled:visited {
      color: #ababab; }
  .btn-download-map:not([disabled='disabled']):hover, .btn-download-map:not([disabled='disabled']):focus {
    background-color: #e6e5e5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #e6e5e5), color-stop(100%, #dad9d9));
    background-image: -webkit-linear-gradient(#e6e5e5, #dad9d9);
    background-image: linear-gradient(#e6e5e5, #dad9d9); }
  .btn-download-map[disabled='disabled'], .btn-download-map .disabled {
    background-color: #e1e1e1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(2px, #cecece), color-stop(2px, #e1e1e1), color-stop(100%, #ebebeb));
    background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
    background-image: linear-gradient(to top,#e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
    text-shadow: none;
    border-color: #03071C; }
    .btn-download-map[disabled='disabled'] .cta-content:before, .btn-download-map .disabled .cta-content:before {
      opacity: 0.25; }
  .btn-download-map span {
    display: block;
    text-align: left;
    padding: 9px 0 0 9px;
    line-height: 1.1; }
    .btn-download-map span + span {
      padding: 0 0 9px 9px; }
  .btn-download-map .download-image:after {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -64px -96px;
    bottom: auto;
    left: auto;
    right: 2px;
    top: 8px; }
    .body-cms-preview .btn-download-map .download-image:after {
      background-image: url("/static/1/images/vsprite.png"); }
  .btn-download-map .download-pdf:after {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -64px -192px;
    bottom: auto;
    left: auto;
    right: 2px;
    top: 8px; }
    .body-cms-preview .btn-download-map .download-pdf:after {
      background-image: url("/static/1/images/vsprite.png"); }
  .btn-download-map:hover {
    text-decoration: none; }

.tertiary-link {
  background-color: inherit;
  color: #2070B0;
  border: none;
  font-size: 16px; }
  .tertiary-link .button-text {
    position: relative;
    margin-left: 15px; }
    .tertiary-link .button-text:before {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -576px;
      bottom: -7px;
      left: -30px;
      right: auto;
      top: auto; }
      .body-cms-preview .tertiary-link .button-text:before {
        background-image: url("/static/1/images/vsprite.png"); }
  .tertiary-link:hover, .tertiary-link:focus {
    text-decoration: none; }
    .tertiary-link:hover .button-text, .tertiary-link:focus .button-text {
      text-decoration: underline; }

.postcode-lookup-button-text {
  position: relative;
  left: 9px; }
  .postcode-lookup-button-text:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px 0px;
    bottom: -7px;
    left: -34px;
    right: auto;
    top: auto; }
    .body-cms-preview .postcode-lookup-button-text:before {
      background-image: url("/static/1/images/vsprite.png"); }

.print-this-page-button:not(.autopay-print-button) {
  display: none; }

.print-this-page-button-text {
  position: relative;
  left: 9px; }
  .print-this-page-button-text:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -2304px;
    bottom: -7px;
    left: -34px;
    right: auto;
    top: auto; }
    .body-cms-preview .print-this-page-button-text:before {
      background-image: url("/static/1/images/vsprite.png"); }

.button-set {
  padding-top: 30px;
  border-top: #ccc 1px solid; }
  .button-set input, .button-set a, .button-set button {
    margin-bottom: 20px;
    display: inline-block; }
  .button-set .responsive-single-button {
    margin-top: 0; }
  .button-set.no-separator {
    border-top: none; }

.single-column-wrapper {
  width: 80%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 10px; }

hr.dotted-separator {
  border-style: dotted; }

hr.dotted-cta-separator {
  margin: 40px 0;
  border-style: dotted; }

input.primary-button, input.secondary-button {
  padding: 9px; }

a.primary-button, a.secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a, .tertiary-link {
  padding: 6px; }

a.secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
  padding: 6px 20px 6px 20px; }

.primary-button.with-icon, .secondary-button.with-icon, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.with-icon {
  position: relative;
  padding-left: 32px;
  padding-right: 10px;
  display: inline-block;
  width: auto; }
  .primary-button.with-icon .i, .secondary-button.with-icon .i, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.with-icon .i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px; }

.add-vehicle .cta-content:before {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2656px;
  bottom: 5px;
  left: auto;
  right: 7px;
  top: auto; }
  .body-cms-preview .add-vehicle .cta-content:before {
    background-image: url("/static/1/images/vsprite.png"); }

.download-csv .cta-content:before {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -160px;
  bottom: 5px;
  left: auto;
  right: 4px;
  top: auto; }
  .body-cms-preview .download-csv .cta-content:before {
    background-image: url("/static/1/images/vsprite.png"); }

.download .cta-content:before {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -192px;
  bottom: 5px;
  left: auto;
  right: 4px;
  top: auto; }
  .body-cms-preview .download .cta-content:before {
    background-image: url("/static/1/images/vsprite.png"); }

.confirm .cta-content:before {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -768px;
  bottom: 5px;
  left: auto;
  right: -2px;
  top: auto; }
  .body-cms-preview .confirm .cta-content:before {
    background-image: url("/static/1/images/vsprite.png"); }

.cancel .cta-content:before {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px;
  bottom: 5px;
  left: auto;
  right: -2px;
  top: auto; }
  .body-cms-preview .cancel .cta-content:before {
    background-image: url("/static/1/images/vsprite.png"); }

.has-icon.responsive-single-button {
  padding-left: 0; }

.has-icon .cta-content {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-left: -16px; }
  .has-icon .cta-content:before {
    position: relative;
    display: inline-block;
    vertical-align: top; }

button.has-icon, a.has-icon {
  padding-top: 8px; }

.vertical-button-container {
  margin: 20px 0;
  border-top: 1px solid #a8a8a8;
  border-right: 1px solid #a8a8a8;
  border-left: 1px solid #a8a8a8;
  border-bottom: 3px solid #ccc;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2); }
  .vertical-button-container.social .plain-button {
    position: relative;
    padding-left: 20px;
    padding-right: 100px; }
    .vertical-button-container.social .plain-button:after {
      background-position: -64px -288px;
      right: 75px; }
  .vertical-button-container.social span {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%; }
  .vertical-button-container.social .follow-text {
    position: absolute;
    right: 55px;
    left: auto;
    top: 50%;
    margin-top: -13px;
    color: #2070B0; }
  .vertical-button-container .plain-button {
    margin-bottom: 0; }
  .vertical-button-container ul, .vertical-button-container ol {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0; }

.stacked-cta-list {
  list-style: none; }
  .stacked-cta-list .stacked-cta {
    border-bottom: 1px solid #ccc; }
    .stacked-cta-list .stacked-cta:last-child {
      border-bottom: none; }
  .stacked-cta-list .boxed-link {
    margin-bottom: 0;
    border: none; }
    .stacked-cta-list .boxed-link .title {
      font-weight: bold;
      display: block;
      margin-top: 5px;
      line-height: 2; }

a.link-button.solo-with-shadow, .solo-with-shadow.responsive-link-button {
  border-bottom: rgba(0, 0, 0, 0.2) 3px solid; }

.plain-button {
  display: block;
  position: relative;
  border: none;
  border-bottom: 1px solid #a8a8a8;
  width: 100%;
  background: #fff;
  padding: 9px 20px 8px 10px;
  color: #2D3039;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .plain-button:hover, .plain-button:focus {
    text-decoration: none;
    background-color: #EFF6FD; }
  .plain-button:visited, .plain-button:active {
    color: #2D3039; }
  .plain-button.single {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
  .plain-button.with-icon > div {
    text-align: left;
    position: relative; }
    .plain-button.with-icon > div span.icon {
      position: absolute;
      top: -5px;
      left: -5px; }
  .plain-button h4, .plain-button .heading {
    padding-left: 32px;
    margin: 0; }
  .plain-button .logo {
    display: block;
    position: absolute;
    left: 8%;
    top: 50%; }
  .plain-button:after {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.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 .plain-button:after {
      background-image: url("/static/1/images/vsprite.png"); }

.plain-button-external-link {
  color: #2070B0; }
  .plain-button-external-link:visited, .plain-button-external-link:active {
    color: #2070B0; }
  .plain-button-external-link:after {
    margin-right: 2px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -1152px; }
    .body-cms-preview .plain-button-external-link:after {
      background-image: url("/static/1/images/vsprite.png"); }

.teaser-external-link {
  margin-right: 0;
  color: blue; }
  .teaser-external-link a .text-link:after {
    margin-right: 2px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -1152px; }
    .body-cms-preview .teaser-external-link a .text-link:after {
      background-image: url("/static/1/images/vsprite.png"); }

.text-external-link {
  margin-right: 25px;
  position: relative; }
  .text-external-link:after {
    margin-top: -5px;
    margin-left: -2px;
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -1152px; }
    .body-cms-preview .text-external-link:after {
      background-image: url("/static/1/images/vsprite.png"); }

.flat-button {
  color: #1A5A92;
  height: 60px;
  width: 47.5%;
  max-width: 47.5%;
  float: left;
  margin-left: 5%;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #cacaca;
  border-bottom: 3px solid #cacaca;
  -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;
  text-align: center;
  position: relative; }
  .flat-button:hover, .flat-button:focus {
    text-decoration: none;
    background-color: #EFF6FD;
    color: #185585;
    border-color: #2070B0; }
  .flat-button .icon {
    display: block;
    width: 48px;
    height: 48px; }
  .flat-button.side-icon {
    padding: 10px 10px 0 50px;
    display: table; }
    .flat-button.side-icon .icon {
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -24px; }
    .flat-button.side-icon .text {
      display: table-cell;
      vertical-align: middle;
      line-height: 100%; }
  .flat-button.top-icon {
    padding-top: 60px;
    height: 90px; }
    .flat-button.top-icon img {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -28px; }
    .flat-button.top-icon .services-icon {
      background-image: url("/static/1/images/homepage_sprite_x2.png");
      background-image: url("/static/1/images/homepage_sprite.png") \9;
      background-size: 112px 280px;
      background-position: 56px 56px;
      height: 56px;
      width: 56px;
      display: block;
      position: absolute;
      top: 0;
      margin-left: -28px;
      left: 50%; }
      .body-cms-preview .flat-button.top-icon .services-icon {
        background-image: url("/static/1/images/homepage_sprite.png"); }
      .flat-button.top-icon .services-icon.oyster {
        background-position: -56px -168px; }
      .flat-button.top-icon .services-icon.congestion {
        background-position: 0px -168px; }
      .flat-button.top-icon .services-icon.cycle-hire {
        background-position: 0px -224px; }
      .flat-button.top-icon .services-icon.airline {
        background-position: -56px -112px; }
  .flat-button:first-child {
    margin-left: 0; }

.back-to-link {
  line-height: 40px;
  position: relative;
  padding-left: 23px; }
  .back-to-link:not(.plain) {
    box-shadow: 10px 0 0 #2D3039, -10px 0 0 #2D3039;
    background: #2D3039;
    color: #fff;
    padding: 10px 0 10px 18px; }
    .back-to-link:not(.plain):visited {
      color: #fff; }
    .back-to-link:not(.plain):before {
      background-position: -32px -576px;
      left: -7px; }
  .back-to-link:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -576px;
    left: -1px;
    top: 50%;
    margin-top: -17px; }
    .body-cms-preview .back-to-link:before {
      background-image: url("/static/1/images/vsprite.png"); }

a.link-button, .responsive-link-button {
  border: 1px solid #ccc;
  padding: 7px 32px 7px 10px;
  display: block;
  position: relative;
  color: #2D3039;
  font-size: 16px;
  text-decoration: none;
  background-color: #fff;
  margin-bottom: 20px; }
  a.link-button:after, .responsive-link-button:after {
    position: absolute;
    content: "";
    display: block;
    right: 0;
    top: 50%;
    margin-top: -16px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -640px; }
    .body-cms-preview a.link-button:after, .body-cms-preview .responsive-link-button:after {
      background-image: url("/static/1/images/vsprite.png"); }
  a.link-button:hover, .responsive-link-button:hover, a.link-button:focus, .responsive-link-button:focus {
    background-color: #EFF6FD; }
  a.link-button.primary, .primary.responsive-link-button {
    padding-top: 12px;
    padding-bottom: 12px; }
  a.link-button.disrupted, .disrupted.responsive-link-button {
    background-color: #FAF5E1;
    position: relative; }
    a.link-button.disrupted:before, .disrupted.responsive-link-button:before {
      content: "";
      position: absolute;
      left: 10px;
      top: 50%;
      margin-top: -16px;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -832px; }
      .body-cms-preview a.link-button.disrupted:before, .body-cms-preview .disrupted.responsive-link-button:before {
        background-image: url("/static/1/images/vsprite.png"); }
    a.link-button.disrupted:hover, .disrupted.responsive-link-button:hover, a.link-button.disrupted:focus, .disrupted.responsive-link-button:focus {
      background-color: #f6eecb; }
  a.link-button.external-link:after, .external-link.responsive-link-button:after {
    background-position: -32px -1152px; }

.responsive-link-button.with-shadow {
  border-bottom-width: 3px; }

.responsive-link-button {
  clear: both; }

.aside a.link-button.primary, .aside .primary.responsive-link-button {
  padding-top: 7px;
  padding-bottom: 7px; }

.plain-link {
  border: 1px solid #ccc;
  padding: 8px 10px;
  display: block;
  position: relative;
  color: #2D3039;
  text-decoration: none;
  margin-bottom: 20px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .plain-link:hover, .plain-link:focus {
    text-decoration: none;
    background-color: #EFF6FD; }
  .plain-link.dark {
    border: 1px solid #484B52;
    color: #fff; }
    .plain-link.dark:hover {
      background: rgba(0, 0, 0, 0.1); }

a.link-button.with-icon, .with-icon.responsive-link-button, .plain-link.with-icon {
  padding-left: 52px; }
  a.link-button.with-icon .i, .with-icon.responsive-link-button .i, .plain-link.with-icon .i {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -16px; }

a.large-link-button {
  text-decoration: none;
  background-color: #EEE;
  border-bottom: 3px solid #ccc;
  position: relative;
  padding: 10px 30px 10px 10px;
  display: block;
  color: inherit; }
  a.large-link-button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -16px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -640px; }
    .body-cms-preview a.large-link-button:after {
      background-image: url("/static/1/images/vsprite.png"); }
  a.large-link-button > h3 {
    line-height: 150%;
    margin-bottom: 0; }
  a.large-link-button > p {
    margin-bottom: 0;
    line-height: 120%; }

.print-button:before {
  content: "";
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: 0px -2304px;
  height: 22px;
  width: 32px;
  display: inline-block;
  margin-top: -8px;
  margin-left: -16px;
  vertical-align: middle; }
  .body-cms-preview .print-button:before {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .print-button:before {
    background-image: url("/static/1/images/vsprite.png"); }

.go-back {
  text-align: left;
  position: relative;
  display: block;
  clear: both; }
  .go-back .button-text {
    display: block; }
    .go-back .button-text:before {
      bottom: -5px; }

.responsive-single-button {
  clear: both;
  margin-bottom: 20px;
  margin-top: 30px; }
  .responsive-single-button.with-icon {
    width: 100%; }

a.loading.secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.loading, button.loading.secondary-button {
  position: relative; }
  a.loading.secondary-button:after, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.loading:after, button.loading.secondary-button:after {
    content: "";
    height: 32px;
    width: 32px;
    display: block;
    right: 13px;
    top: 2px;
    position: absolute;
    background-size: 32px 32px;
    background-image: url("/static/1/images/Tfl_Spinner_Transparent.gif"); }

input.loading.secondary-button {
  background: #F3F3F3 url("/static/1/images/Tfl_Spinner_Transparent.gif") no-repeat 96% 1px;
  background-size: 32px 32px; }
  input.loading.secondary-button:hover, input.loading.secondary-button:focus {
    background: #d9d9d9 url("/static/1/images/Tfl_Spinner_Transparent.gif") no-repeat 96% 1px; }

.assistive-button:focus {
  padding: 1px 6px;
  height: 40px;
  display: inline-block;
  margin-left: 5px; }

.edit-details {
  background-color: inherit;
  color: #2070B0;
  border: none;
  font-size: 16px;
  line-height: 40px;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -20px; }

.route-direction-button {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -3392px;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0; }
  .body-cms-preview .route-direction-button {
    background-image: url("/static/1/images/vsprite.png"); }
  .route-direction-button.large-button {
    background-size: 144px 5664px;
    background-position: 0px -5088px;
    height: 48px;
    width: 48px;
    display: block;
    position: relative;
    top: -65px; }

.route-direction-ssp {
  float: left;
  text-align: right;
  padding-top: 10px;
  margin-bottom: 14px;
  clear: both; }
  .route-direction-ssp a {
    color: #2070B0; }
    .route-direction-ssp a span {
      padding: 0 0 0 60px;
      vertical-align: baseline; }
  .route-direction-ssp .route-direction-ssp-inner {
    display: block;
    position: relative;
    padding-top: 6px;
    left: 0px;
    cursor: pointer; }
  .route-direction-ssp .route-direction-ssp-inner:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-size: 120px 4720px;
    background-position: 0px -4240px;
    height: 40px;
    width: 40px;
    display: block;
    right: 110px;
    top: -3px; }
    .body-cms-preview .route-direction-ssp .route-direction-ssp-inner:before {
      background-image: url("/static/1/images/vsprite.png"); }

.secondary-button.map-view-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button {
  border-radius: 22px;
  text-align: inherit;
  border: 2px solid #164B79;
  position: relative;
  width: 120px;
  padding: 6px;
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", white), color-stop(100%, white));
  background-image: -webkit-linear-gradient(white, white);
  background-image: linear-gradient(white, white);
  -webkit-transition: background-image, 0.3s;
  -moz-transition: background-image, 0.3s;
  transition: background-image, 0.3s; }
  .secondary-button.map-view-button[data-map-panel="route"], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button[data-map-panel="route"] {
    left: 73px;
    margin-top: -109px; }
    .secondary-button.map-view-button[data-map-panel="route"].outbound-only, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button[data-map-panel="route"].outbound-only {
      left: 0;
      margin-top: -60px; }
  .secondary-button.map-view-button[data-map-panel="ssp"], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button[data-map-panel="ssp"] {
    margin-top: -30px; }
  .secondary-button.map-view-button:not([disabled='disabled']):hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button:not([disabled='disabled']):hover, .secondary-button.map-view-button:not([disabled='disabled']):focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button:not([disabled='disabled']):focus {
    background-color: #e6e5e5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #e6e5e5), color-stop(100%, #e6e5e5));
    background-image: -webkit-linear-gradient(#e6e5e5, #e6e5e5);
    background-image: linear-gradient(#e6e5e5, #e6e5e5); }
  .secondary-button.map-view-button[disabled='disabled'], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button[disabled='disabled'], .secondary-button.map-view-button .disabled, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button .disabled {
    background-color: #e1e1e1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(2px, #cecece), color-stop(2px, #e1e1e1), color-stop(100%, #ebebeb));
    background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
    background-image: linear-gradient(to top,#e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
    text-shadow: none;
    border-color: #03071C; }
    .secondary-button.map-view-button[disabled='disabled'] .cta-content:before, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button[disabled='disabled'] .cta-content:before, .secondary-button.map-view-button .disabled .cta-content:before, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button .disabled .cta-content:before {
      opacity: 0.25; }
  .secondary-button.map-view-button .map-view-icon, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button .map-view-icon {
    display: inline-block;
    margin-top: -16px;
    position: relative;
    top: 4px; }
  .secondary-button.map-view-button .map-view-text, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button .map-view-text {
    position: relative;
    right: 4px; }

.secondary-button.fav-place-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button {
  border-radius: 18px;
  text-align: inherit;
  border: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 30px;
  margin: 0 5px 10px 0px;
  padding: 6px;
  background-image: none;
  background-color: #F3F3F3; }
  .secondary-button.fav-place-button.label-selected, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.label-selected {
    background-image: none;
    background-color: #113B92; }
    .secondary-button.fav-place-button.label-selected .button-text, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.label-selected .button-text {
      color: #FFFFFF; }
    .secondary-button.fav-place-button.label-selected:hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.label-selected:hover, .secondary-button.fav-place-button.label-selected:focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.label-selected:focus, .secondary-button.fav-place-button.label-selected:active, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.label-selected:active {
      background-image: none;
      background-color: #113B92; }
  .secondary-button.fav-place-button .button-text, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button .button-text {
    color: #000000;
    font-size: 14px;
    font-weight: bold; }
  .secondary-button.fav-place-button .button-cross:before, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button .button-cross:before, .secondary-button.fav-place-button .button-cross:after, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button .button-cross:after {
    position: absolute;
    top: 8px;
    left: 20px;
    content: ' ';
    height: 12px;
    width: 2px;
    background-color: #000000; }
  .secondary-button.fav-place-button .button-cross:after, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button .button-cross:after {
    transform: rotate(90deg); }
  .secondary-button.fav-place-button.new-fav-place, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.new-fav-place {
    justify-content: flex-end;
    width: 90px;
    margin-right: 0px; }
    .secondary-button.fav-place-button.new-fav-place .button-text, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.new-fav-place .button-text {
      margin-right: 12px; }
  .secondary-button.fav-place-button:hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button:hover, .secondary-button.fav-place-button:focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button:focus, .secondary-button.fav-place-button:active, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button:active {
    background-image: none;
    background-color: #F3F3F3; }

.show-welcome-page-button {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer; }
  .show-welcome-page-button:hover, .show-welcome-page-button:focus {
    text-decoration: none;
    background-color: #EFF6FD; }

.show-welcome-page-button-container {
  width: 100%;
  border: 1px solid #ccc;
  display: block;
  padding: 10px 32px 7px 12px;
  position: relative;
  color: #2D3039;
  font-size: 16px;
  text-decoration: none;
  background-color: #fff;
  margin-bottom: 20px;
  cursor: pointer; }
  .show-welcome-page-button-container:after {
    position: absolute;
    content: "";
    display: block;
    right: 0;
    top: 50%;
    margin-top: -16px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -640px; }
    .body-cms-preview .show-welcome-page-button-container:after {
      background-image: url("/static/1/images/vsprite.png"); }
  .show-welcome-page-button-container.primary {
    padding-top: 12px;
    padding-bottom: 12px; }
  .show-welcome-page-button-container:hover, .show-welcome-page-button-container:focus {
    text-decoration: none;
    background-color: #EFF6FD; }
  .show-welcome-page-button-container.disrupted {
    background-color: #FAF5E1;
    position: relative; }
    .show-welcome-page-button-container.disrupted:before {
      content: "";
      position: absolute;
      left: 10px;
      top: 50%;
      margin-top: -16px;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -832px; }
      .body-cms-preview .show-welcome-page-button-container.disrupted:before {
        background-image: url("/static/1/images/vsprite.png"); }
    .show-welcome-page-button-container.disrupted:hover, .show-welcome-page-button-container.disrupted:focus {
      background-color: #f6eecb; }

.secondary-button-container .secondary-button, .secondary-button-container .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a, .responsive-button-row.collapsed.opened .secondary-button-container .rbr-group-button ~ div.rbr-button > a {
  float: left !important; }

/**************************************************
ICONS
* Author: Rodrigo Lopes
* Created: 21/02/2013
* Pattern library URL: http://
**************************************************/
.icon.bicycle-icon, .icon.bicycle-easy-icon .icon.cycle-icon, .icon.cycle-easy-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -288px; }
  .body-cms-preview .icon.bicycle-icon, .body-cms-preview .icon.bicycle-easy-icon .icon.cycle-icon, .body-cms-preview .icon.cycle-easy-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.icon.walking-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: -36px -256px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .icon.walking-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .icon.walking-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.footpaths-icon, .footpath-icon, .walking-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: -4px -3680px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .footpaths-icon, .body-cms-preview .footpath-icon, .body-cms-preview .walking-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .footpaths-icon, .body-cms-preview .footpath-icon, .body-cms-preview .walking-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .footpaths-icon.unavailable, .footpath-icon.unavailable, .walking-icon.unavailable {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    background-position: -4px -3616px;
    height: 32px;
    width: 24px;
    display: block; }
    .body-cms-preview .footpaths-icon.unavailable, .body-cms-preview .footpath-icon.unavailable, .body-cms-preview .walking-icon.unavailable {
      background-image: url("/static/1/images/vsprite.png"); }

.search-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -32px; }
  .body-cms-preview .search-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.search-icon-black {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -32px; }
  .body-cms-preview .search-icon-black {
    background-image: url("/static/1/images/vsprite.png"); }

.switch-directions-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -64px; }
  .body-cms-preview .switch-directions-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.expand-map-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -64px; }
  .body-cms-preview .expand-map-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.facebook-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -224px; }
  .body-cms-preview .facebook-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.twitter-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -224px; }
  .body-cms-preview .twitter-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.bicycle-icon, .cycle-icon, .bicycle-easy-icon, .cycle-easy-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -288px; }
  .body-cms-preview .bicycle-icon, .body-cms-preview .cycle-icon, .body-cms-preview .bicycle-easy-icon, .body-cms-preview .cycle-easy-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.bus-icon, .replacement-bus-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -320px; }
  .body-cms-preview .bus-icon, .body-cms-preview .replacement-bus-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .bus-icon.small-icon, .replacement-bus-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -200px;
    height: 20px;
    width: 20px;
    display: block; }
  .bus-icon.unavailable, .replacement-bus-icon.unavailable {
    background-position: -64px -3616px; }

.train-icon, .national-rail-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -352px; }
  .body-cms-preview .train-icon, .body-cms-preview .national-rail-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .train-icon.small-icon, .national-rail-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -220px;
    height: 20px;
    width: 20px;
    display: block; }
  .train-icon.unavailable, .national-rail-icon.unavailable {
    background-position: 0px -3648px; }

.international-rail-icon {
  display: none !important; }

.ferry-icon, .river-bus-icon, .river-icon, .river-bus-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -384px; }
  .body-cms-preview .ferry-icon, .body-cms-preview .river-bus-icon, .body-cms-preview .river-icon, .body-cms-preview .river-bus-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .ferry-icon.small-icon, .river-bus-icon.small-icon, .river-icon.small-icon, .river-bus-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -240px;
    height: 20px;
    width: 20px;
    display: block; }
  .ferry-icon.unavailable, .river-bus-icon.unavailable, .river-icon.unavailable, .river-bus-icon.unavailable {
    background-position: -32px -3648px; }

.fewest-changes-icon {
  background-position: 0px -3008px; }

.fastest-by-public-transport-icon {
  background-position: 0px -3040px; }

.cycle-hire-icon {
  background-position: -64px -3008px; }

.cycle-hire-icon-easy {
  background-position: -64px -3008px; }

.cycle-hire-icon-moderate {
  background-position: -32px -3040px; }

.cycle-hire-icon-fast {
  background-position: -64px -3040px; }

.river-tour-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2208px; }
  .body-cms-preview .river-tour-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .river-tour-icon.small-icon {
    background-size: 60px 2360px;
    background-position: -40px -1380px;
    height: 20px;
    width: 20px;
    display: block; }

.contactless-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -384px; }
  .body-cms-preview .contactless-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.oyster-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -448px; }
  .body-cms-preview .oyster-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.oyster-validation-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -448px; }
  .body-cms-preview .oyster-validation-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.oyster-ticket-stop-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2272px; }
  .body-cms-preview .oyster-ticket-stop-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.car-club-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -2592px; }
  .body-cms-preview .car-club-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.mobile-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -2656px; }
  .body-cms-preview .mobile-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.dlr-icon, .docklands-icon, .docklands-light-railway-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1088px; }
  .body-cms-preview .dlr-icon, .body-cms-preview .docklands-icon, .body-cms-preview .docklands-light-railway-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .dlr-icon.small-icon, .docklands-icon.small-icon, .docklands-light-railway-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -680px;
    height: 20px;
    width: 20px;
    display: block; }

.tram-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1120px; }
  .body-cms-preview .tram-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .tram-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -700px;
    height: 20px;
    width: 20px;
    display: block; }

.cablecar-icon, .cable-car-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -480px; }
  .body-cms-preview .cablecar-icon, .body-cms-preview .cable-car-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .cablecar-icon.small-icon, .cable-car-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -300px;
    height: 20px;
    width: 20px;
    display: block; }
  .cablecar-icon.unavailable, .cable-car-icon.unavailable {
    background-position: -64px -3648px; }

.left-arrow {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -576px; }
  .body-cms-preview .left-arrow {
    background-image: url("/static/1/images/vsprite.png"); }

.white-up-arrow {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -608px; }
  .body-cms-preview .white-up-arrow {
    background-image: url("/static/1/images/vsprite.png"); }

.right-arrow, .rainbow-list .rainbow-list-item.link-only .controls, .widget-wrapper .night-wrapper .controls, .rainbow-list-wrapper .good-service-link:after {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -640px; }
  .body-cms-preview .right-arrow, .body-cms-preview .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list .rainbow-list-item.link-only .body-cms-preview .controls, .body-cms-preview .widget-wrapper .night-wrapper .controls, .widget-wrapper .night-wrapper .body-cms-preview .controls, .body-cms-preview .rainbow-list-wrapper .good-service-link:after, .rainbow-list-wrapper .body-cms-preview .good-service-link:after {
    background-image: url("/static/1/images/vsprite.png"); }

.white-right-arrow, .rainbow-list-wrapper .good-service-link.night:after {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -640px; }
  .body-cms-preview .white-right-arrow, .body-cms-preview .rainbow-list-wrapper .good-service-link.night:after, .rainbow-list-wrapper .body-cms-preview .good-service-link.night:after {
    background-image: url("/static/1/images/vsprite.png"); }

.down-arrow {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -672px; }
  .body-cms-preview .down-arrow {
    background-image: url("/static/1/images/vsprite.png"); }

.white-down-arrow {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -672px; }
  .body-cms-preview .white-down-arrow {
    background-image: url("/static/1/images/vsprite.png"); }

.down-triangle {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -704px; }
  .body-cms-preview .down-triangle {
    background-image: url("/static/1/images/vsprite.png"); }

.plus-icon-blue, .rainbow-list .controls {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -704px; }
  .body-cms-preview .plus-icon-blue, .body-cms-preview .rainbow-list .controls, .rainbow-list .body-cms-preview .controls {
    background-image: url("/static/1/images/vsprite.png"); }

.down-icon-blue {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -704px; }
  .body-cms-preview .down-icon-blue {
    background-image: url("/static/1/images/vsprite.png"); }

.minus-icon-blue, .rainbow-list .rainbow-list-item.expanded .controls {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -736px; }
  .body-cms-preview .minus-icon-blue, .body-cms-preview .rainbow-list .rainbow-list-item.expanded .controls, .rainbow-list .rainbow-list-item.expanded .body-cms-preview .controls {
    background-image: url("/static/1/images/vsprite.png"); }

.plus-icon-greenblue {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -736px; }
  .body-cms-preview .plus-icon-greenblue {
    background-image: url("/static/1/images/vsprite.png"); }

.disruption-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -832px; }
  .body-cms-preview .disruption-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .disruption-icon.severe {
    background-position: -32px -832px; }

.up-stairs {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -864px; }
  .body-cms-preview .up-stairs {
    background-image: url("/static/1/images/vsprite.png"); }

.toilets-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -864px; }
  .body-cms-preview .toilets-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.toilets-disabled-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -864px; }
  .body-cms-preview .toilets-disabled-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.down-stairs {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -896px; }
  .body-cms-preview .down-stairs {
    background-image: url("/static/1/images/vsprite.png"); }

.pram-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -896px; }
  .body-cms-preview .pram-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.down-lift, .icon-list .lifts-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -896px; }
  .body-cms-preview .down-lift, .body-cms-preview .icon-list .lifts-icon, .icon-list .body-cms-preview .lifts-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.up-lift {
  background-position: -64px -1024px; }

.up-escalator {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -928px; }
  .body-cms-preview .up-escalator {
    background-image: url("/static/1/images/vsprite.png"); }

.walking-access-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -928px; }
  .body-cms-preview .walking-access-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.wheelchair-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -928px; }
  .body-cms-preview .wheelchair-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.down-escalator, .icon-list .escalators-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -960px; }
  .body-cms-preview .down-escalator, .body-cms-preview .icon-list .escalators-icon, .icon-list .body-cms-preview .escalators-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.luggage-icon, .left-luggage-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -960px; }
  .body-cms-preview .luggage-icon, .body-cms-preview .left-luggage-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.headphones-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -960px; }
  .body-cms-preview .headphones-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.avoid-zone-1-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -992px; }
  .body-cms-preview .avoid-zone-1-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.mode-icon {
  display: block;
  color: #fff;
  font-size: 12px;
  padding-top: 7px;
  text-align: center; }

.disrupted .mode-icon:before {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1344px;
  bottom: -10px;
  right: -8px; }
  .body-cms-preview .disrupted .mode-icon:before {
    background-image: url("/static/1/images/vsprite.png"); }

.night-tube-owl-blue {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -3104px; }
  .body-cms-preview .night-tube-owl-blue {
    background-image: url("/static/1/images/vsprite.png"); }

.tube-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1056px; }
  .body-cms-preview .tube-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.tflrail-icon, .tfl-rail-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -3072px; }
  .body-cms-preview .tflrail-icon, .body-cms-preview .tfl-rail-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.overground-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1056px; }
  .body-cms-preview .overground-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .overground-icon.small-icon {
    background-size: 60px 2360px;
    background-position: -40px -700px;
    height: 20px;
    width: 20px;
    display: block; }

.traffic-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -128px; }
  .body-cms-preview .traffic-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.coach-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1120px; }
  .body-cms-preview .coach-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .coach-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -700px;
    height: 20px;
    width: 20px;
    display: block; }

.poi-icon, .pointofinterest-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1120px; }
  .body-cms-preview .poi-icon, .body-cms-preview .pointofinterest-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .poi-icon.small-icon, .pointofinterest-icon.small-icon {
    background-size: 60px 2360px;
    background-position: -40px -700px;
    height: 20px;
    width: 20px;
    display: block; }

.street-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2144px; }
  .body-cms-preview .street-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.plane-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -2048px; }
  .body-cms-preview .plane-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.mail-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1152px; }
  .body-cms-preview .mail-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.email-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1184px; }
  .body-cms-preview .email-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.phone-icon, .icon-list .payphones-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1216px; }
  .body-cms-preview .phone-icon, .body-cms-preview .icon-list .payphones-icon, .icon-list .body-cms-preview .payphones-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.small-disrupted-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1344px; }
  .body-cms-preview .small-disrupted-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.twenty-four-hour-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1344px; }
  .body-cms-preview .twenty-four-hour-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.tube-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1408px; }
  .body-cms-preview .tube-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.national-rail-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1408px; }
  .body-cms-preview .national-rail-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.overground-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1440px; }
  .body-cms-preview .overground-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.tflrail-station-icon, .tfl-rail-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -3072px; }
  .body-cms-preview .tflrail-station-icon, .body-cms-preview .tfl-rail-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.dlr-station-icon, .docklands-station-icon, .docklands-light-railway-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1440px; }
  .body-cms-preview .dlr-station-icon, .body-cms-preview .docklands-station-icon, .body-cms-preview .docklands-light-railway-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.tram-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1440px; }
  .body-cms-preview .tram-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.coach-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1472px; }
  .body-cms-preview .coach-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.river-bus-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1472px; }
  .body-cms-preview .river-bus-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.river-tour-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2208px; }
  .body-cms-preview .river-tour-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.bus-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1472px; }
  .body-cms-preview .bus-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.cable-car-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1504px; }
  .body-cms-preview .cable-car-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.taxi-rank-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1504px; }
  .body-cms-preview .taxi-rank-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.minicab-office-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1504px; }
  .body-cms-preview .minicab-office-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.bus-stop-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1536px; }
  .body-cms-preview .bus-stop-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.blank-bus-stop-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1536px; }
  .body-cms-preview .blank-bus-stop-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.taxi-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1504px; }
  .body-cms-preview .taxi-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.taxi-icon-heading {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -7136px; }
  .body-cms-preview .taxi-icon-heading {
    background-image: url("/static/1/images/vsprite.png"); }

.bch-docking-station-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -3008px; }
  .body-cms-preview .bch-docking-station-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .bch-docking-station-icon.full-1000 {
    background-position: -64px -1536px; }
  .bch-docking-station-icon.full-000 {
    background-position: -32px -1632px; }
  .bch-docking-station-icon.full-125 {
    background-position: 0px -1632px; }
  .bch-docking-station-icon.full-250 {
    background-position: -64px -1600px; }
  .bch-docking-station-icon.full-375 {
    background-position: -32px -1600px; }
  .bch-docking-station-icon.full-500 {
    background-position: 0px -1600px; }
  .bch-docking-station-icon.full-625 {
    background-position: -64px -1568px; }
  .bch-docking-station-icon.full-750 {
    background-position: -32px -1568px; }
  .bch-docking-station-icon.full-875 {
    background-position: 0px -1568px; }
  .bch-docking-station-icon.empty-000 {
    background-position: -64px -2816px; }
  .bch-docking-station-icon.empty-125 {
    background-position: -32px -2816px; }
  .bch-docking-station-icon.empty-250 {
    background-position: 0px -2816px; }
  .bch-docking-station-icon.empty-375 {
    background-position: -64px -2784px; }
  .bch-docking-station-icon.empty-500 {
    background-position: -32px -2784px; }
  .bch-docking-station-icon.empty-625 {
    background-position: 0px -2784px; }
  .bch-docking-station-icon.empty-750 {
    background-position: -64px -2752px; }
  .bch-docking-station-icon.empty-875 {
    background-position: -32px -2752px; }
  .bch-docking-station-icon.empty-1000 {
    background-position: 0px -2752px; }

.nearby-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1312px; }
  .body-cms-preview .nearby-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.ticket-halls-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1696px; }
  .body-cms-preview .ticket-halls-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.gates-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1728px; }
  .body-cms-preview .gates-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.photo-booths-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1664px; }
  .body-cms-preview .photo-booths-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.cash-machines-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1728px; }
  .body-cms-preview .cash-machines-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.car-park-icon-full {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -3488px;
  top: -1px;
  display: block;
  color: #fff;
  font-size: 12px;
  padding-top: 7px;
  text-align: center;
  position: absolute;
  left: 7px; }
  .body-cms-preview .car-park-icon-full {
    background-image: url("/static/1/images/vsprite.png"); }

.car-park-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -3456px; }
  .body-cms-preview .car-park-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .car-park-icon.full-1000 {
    background-position: 0px -3488px; }
  .car-park-icon.full-875 {
    background-position: -32px -3488px; }
  .car-park-icon.full-750 {
    background-position: -64px -3488px; }
  .car-park-icon.full-625 {
    background-position: 0px -3520px; }
  .car-park-icon.full-500 {
    background-position: -32px -3520px; }
  .car-park-icon.full-375 {
    background-position: -64px -3520px; }
  .car-park-icon.full-250 {
    background-position: 0px -3552px; }
  .car-park-icon.full-125 {
    background-position: -32px -3552px; }
  .car-park-icon.full-000 {
    background-position: -64px -3552px; }
  .car-park-icon.empty-000 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-125 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-250 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-375 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-500 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-625 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-750 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-875 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-1000 {
    background-position: 0px -3584px; }

.help-points-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1664px; }
  .body-cms-preview .help-points-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.bridge-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1696px; }
  .body-cms-preview .bridge-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.waiting-room-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1696px; }
  .body-cms-preview .waiting-room-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.wifi-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1728px; }
  .body-cms-preview .wifi-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.boarding-ramps-icon {
  background-position: -32px -2720px; }

.euro-cash-machines-icon {
  background-position: -64px -2720px; }

.icon-info-interchange {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1760px; }
  .body-cms-preview .icon-info-interchange {
    background-image: url("/static/1/images/vsprite.png"); }

.icon-info-full {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1760px; }
  .body-cms-preview .icon-info-full {
    background-image: url("/static/1/images/vsprite.png"); }

.icon-info-none {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1760px; }
  .body-cms-preview .icon-info-none {
    background-image: url("/static/1/images/vsprite.png"); }

.icon-info-partial {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1792px; }
  .body-cms-preview .icon-info-partial {
    background-image: url("/static/1/images/vsprite.png"); }

.white-pram-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1792px; }
  .body-cms-preview .white-pram-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.white-wheelchair-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1792px; }
  .body-cms-preview .white-wheelchair-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.info-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1920px; }
  .body-cms-preview .info-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.secondary-plan-journey-icon, .secondary-journey-from-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -1984px; }
  .body-cms-preview .secondary-plan-journey-icon, .body-cms-preview .secondary-journey-from-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.secondary-journey-to-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -1952px; }
  .body-cms-preview .secondary-journey-to-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.select-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2016px; }
  .body-cms-preview .select-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.nearby-icon-white {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2048px; }
  .body-cms-preview .nearby-icon-white {
    background-image: url("/static/1/images/vsprite.png"); }

.menu-icon-alt {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2080px; }
  .body-cms-preview .menu-icon-alt {
    background-image: url("/static/1/images/vsprite.png"); }

.menu-icon-blue {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -2080px; }
  .body-cms-preview .menu-icon-blue {
    background-image: url("/static/1/images/vsprite.png"); }

.menu-icon-white {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2080px; }
  .body-cms-preview .menu-icon-white {
    background-image: url("/static/1/images/vsprite.png"); }

.tick-icon-alt, .map-options-panel .map-panel-radio:checked + .map-panel-radio-with-image:before {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2112px; }
  .body-cms-preview .tick-icon-alt, .body-cms-preview .map-options-panel .map-panel-radio:checked + .map-panel-radio-with-image:before, .map-options-panel .body-cms-preview .map-panel-radio:checked + .map-panel-radio-with-image:before {
    background-image: url("/static/1/images/vsprite.png"); }

.bicycle-moderate-icon, .cycle-moderate-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2176px; }
  .body-cms-preview .bicycle-moderate-icon, .body-cms-preview .cycle-moderate-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .bicycle-moderate-icon.unavailable, .cycle-moderate-icon.unavailable {
    background-position: -32px -3616px; }

.bicycle-fast-icon, .cycle-fast-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -2176px; }
  .body-cms-preview .bicycle-fast-icon, .body-cms-preview .cycle-fast-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.print-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2304px; }
  .body-cms-preview .print-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.level-walkway {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: -4px -3680px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .level-walkway {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .level-walkway {
    background-image: url("/static/1/images/vsprite.png"); }

.selected .icon.bicycle-icon, .selected .icon.bicycle-easy-icon, .selected .icon.cycle-icon, .selected .icon.cycle-easy-icon, .selected.icon.bicycle-icon, .selected.icon.bicycle-easy-icon, .selected.icon.cycle-icon, .selected.icon.cycle-easy-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -288px; }
  .body-cms-preview .selected .icon.bicycle-icon, .body-cms-preview .selected .icon.bicycle-easy-icon, .body-cms-preview .selected .icon.cycle-icon, .body-cms-preview .selected .icon.cycle-easy-icon, .body-cms-preview .selected.icon.bicycle-icon, .body-cms-preview .selected.icon.bicycle-easy-icon, .body-cms-preview .selected.icon.cycle-icon, .body-cms-preview .selected.icon.cycle-easy-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.selected .icon.walking-icon, .selected.icon.walking-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: -4px -3680px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .selected .icon.walking-icon, .body-cms-preview .selected.icon.walking-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .selected .icon.walking-icon, .body-cms-preview .selected.icon.walking-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.close-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: 0px -800px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .close-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .close-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.close-icon-white {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: -32px -800px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .close-icon-white {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .close-icon-white {
    background-image: url("/static/1/images/vsprite.png"); }

.close3-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: -64px -832px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .close3-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .close3-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.back-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: -64px -3136px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .back-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .back-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.forward-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: -32px -2336px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .forward-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .forward-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.share-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  background-position: -68px -224px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .share-icon {
    background-image: url("/static/1/images/vsprite.png"); }
  .body-cms-preview .share-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.link-accordion-icon {
  padding-left: 34px;
  position: relative; }
  .link-accordion-icon:after {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -672px;
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -16px; }
    .body-cms-preview .link-accordion-icon:after {
      background-image: url("/static/1/images/vsprite.png"); }
  .link-accordion-icon.link-accordion-expanded:after {
    background-position: -32px -608px; }
  .link-accordion-icon.link-accordion-icon-right {
    padding-left: 0; }
    .link-accordion-icon.link-accordion-icon-right:after {
      right: -30px;
      left: auto; }

.throbber-blue, #first-last-summary.loading:after {
  width: 64px;
  height: 64px;
  background-image: url("/static/1/images/throbber-blue-large.gif");
  background-size: 64px 64px;
  background-position: 0 0; }

.throbber-blue-bg-blue {
  width: 64px;
  height: 64px;
  background-image: url("/static/1/images/throbber-blue-large-bgblue.gif");
  background-size: 64px 64px;
  background-position: 0 0;
  display: block;
  margin: 0 auto; }

.throbber-blue-small, .selector span.downloading:after, .twitter-typeahead.downloading:not(.geocoded):after, .document-download-wrap.downloading .document-download-icon {
  width: 32px;
  height: 32px;
  background-image: url("/static/1/images/throbber-blue-small.gif");
  background-size: 32px 32px;
  background-position: 0px 0px; }

[class*=roundel-icon] {
  width: 60px;
  height: 50px;
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat; }

.roundel-icon-bch {
  width: 164px;
  background-image: url("/static/1/images/roundels/CH.png"); }

.roundel-icon-bus, #ssp-roundel .mypage.mode-bus:after, .headline-container.mode-bus:after {
  background-image: url("/static/1/images/roundels/Buses.png"); }

.roundel-icon-congestion {
  width: 50px;
  background-image: url("/static/1/images/roundels/CC.png"); }

.roundel-icon-coach, #ssp-roundel .mypage.mode-coach:after, .headline-container.mode-coach:after {
  background-image: url("/static/1/images/roundels/Coaches.png"); }

.roundel-icon-cycle, #ssp-roundel .mypage.mode-cycle:after, .headline-container.mode-cycle:after {
  background-image: url("/static/1/images/roundels/CH_8.png"); }
  .roundel-icon-cycle.full-000, #ssp-roundel .full-000.mypage.mode-cycle:after, .full-000.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_0.png"); }
  .roundel-icon-cycle.full-125, #ssp-roundel .full-125.mypage.mode-cycle:after, .full-125.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_1.png"); }
  .roundel-icon-cycle.full-250, #ssp-roundel .full-250.mypage.mode-cycle:after, .full-250.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_2.png"); }
  .roundel-icon-cycle.full-375, #ssp-roundel .full-375.mypage.mode-cycle:after, .full-375.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_3.png"); }
  .roundel-icon-cycle.full-500, #ssp-roundel .full-500.mypage.mode-cycle:after, .full-500.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_4.png"); }
  .roundel-icon-cycle.full-625, #ssp-roundel .full-625.mypage.mode-cycle:after, .full-625.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_5.png"); }
  .roundel-icon-cycle.full-750, #ssp-roundel .full-750.mypage.mode-cycle:after, .full-750.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_6.png"); }
  .roundel-icon-cycle.full-875, #ssp-roundel .full-875.mypage.mode-cycle:after, .full-875.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_7.png"); }

.roundel-icon-dial-a-ride {
  background-image: url("/static/1/images/roundels/DialARide.png"); }

.roundel-icon-dlr, #ssp-roundel .mypage.mode-dlr:after, .headline-container.mode-dlr:after {
  background-image: url("/static/1/images/roundels/DLR.png"); }

.roundel-icon-cable-car, #ssp-roundel .mypage.mode-cable-car:after, .headline-container.mode-cable-car:after {
  width: 161px;
  height: 68px;
  background-image: url("/static/1/images/roundels/EAL.png"); }

.roundel-icon-lez {
  height: 48px;
  width: 48px;
  background-image: url("/static/1/images/roundels/LEZ.png"); }

.roundel-icon-overground, #ssp-roundel .mypage.mode-overground:after, .headline-container.mode-overground:after {
  background-image: url("/static/1/images/roundels/Overground.png"); }

.roundel-icon-river-bus, #ssp-roundel .mypage.mode-river-bus:after, .headline-container.mode-river-bus:after {
  background-image: url("/static/1/images/roundels/River.png"); }

.roundel-icon-roads {
  background-image: url("/static/1/images/roundels/Roads.png"); }

.roundel-icon-taxi {
  background-image: url("/static/1/images/roundels/Taxi.png"); }

.roundel-icon-tfl {
  background-image: url("/static/1/images/roundels/TfL.png"); }

.roundel-icon-tram, #ssp-roundel .mypage.mode-tram:after, .headline-container.mode-tram:after {
  background-image: url("/static/1/images/roundels/Tram.png"); }

.roundel-icon-tube, #ssp-roundel .mypage.mode-tube:after, .headline-container.mode-tube:after {
  background-image: url("/static/1/images/roundels/Tube.png"); }

.roundel-icon-tflrail, #ssp-roundel .mypage.mode-tflrail:after, #ssp-roundel .mypage.mode-tfl-rail:after, .headline-container.mode-tflrail:after, .headline-container.mode-tfl-rail:after, .roundel-icon-tfl-rail {
  background-image: url("/static/1/images/roundels/TfL.png"); }

.no-letter:after {
  content: "";
  position: absolute;
  display: block;
  top: 1px;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -1px -418px;
  height: 27px;
  width: 29px; }
  .body-cms-preview .no-letter:after {
    background-image: url("/static/1/images/vsprite.png"); }

.circle-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 50%;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
  color: #fff;
  height: 32px;
  min-width: 30px;
  line-height: 32px;
  text-align: center;
  padding-top: 2px;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 4px;
  overflow: hidden;
  border-radius: 0;
  margin-left: -1px; }
  .circle-icon:after {
    content: "";
    position: absolute;
    display: block;
    border-radius: 24px;
    height: 24px;
    left: 2px;
    right: 2px;
    z-index: -1;
    top: 3px;
    border-bottom: 2px solid #ccc; }
  .circle-icon.red:after {
    background-color: #C33; }
  .circle-icon.no-letter {
    width: 31px; }
    .circle-icon.no-letter:after {
      height: 27px; }

.disrupted .circle-icon:before {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -1344px;
  top: 9px;
  right: -10px; }
  .body-cms-preview .disrupted .circle-icon:before {
    background-image: url("/static/1/images/vsprite.png"); }

.artGallery-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2848px; }
  .body-cms-preview .artGallery-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.embassy-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -2848px; }
  .body-cms-preview .embassy-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.hospital-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2848px; }
  .body-cms-preview .hospital-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.hotel-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2880px; }
  .body-cms-preview .hotel-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.museum-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -2880px; }
  .body-cms-preview .museum-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.park-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2880px; }
  .body-cms-preview .park-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.policeStation-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2912px; }
  .body-cms-preview .policeStation-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.school-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -2912px; }
  .body-cms-preview .school-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.stadium-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2912px; }
  .body-cms-preview .stadium-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.university-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -2944px; }
  .body-cms-preview .university-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.zoo-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2944px; }
  .body-cms-preview .zoo-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.landmark-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2976px; }
  .body-cms-preview .landmark-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.generic-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px -2976px; }
  .body-cms-preview .generic-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.generic-icon-white {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -3296px; }
  .body-cms-preview .generic-icon-white {
    background-image: url("/static/1/images/vsprite.png"); }

.shoppingCentre-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -2944px; }
  .body-cms-preview .shoppingCentre-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.map-view-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -32px 0px; }
  .body-cms-preview .map-view-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.view-map-button {
  cursor: pointer;
  padding: 8px;
  background-color: #ffffff;
  border-top: 1px solid #ccc;
  border-bottom: 3px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 100%;
  height: 44px; }
  .view-map-button .expand-map-icon {
    float: right;
    position: relative;
    top: -3px;
    left: 5px; }

/**************************************************
DROPDOWN
* Author: Rodrigo Lopes
* Created: 19/02/2013
* Modified by:
* Modified date:
* Pattern library URL: http://
**************************************************/
.primary-dropdown-ico {
  position: relative;
  padding-right: 28px !important; }
  .primary-dropdown-ico:after {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    background-position: -32px -672px;
    height: 22px;
    width: 28px;
    display: block;
    content: "";
    position: absolute;
    right: 3px;
    top: 3px; }
    .body-cms-preview .primary-dropdown-ico:after {
      background-image: url("/static/1/images/vsprite.png"); }
    .body-cms-preview .primary-dropdown-ico:after {
      background-image: url("/static/1/images/vsprite.png"); }

.message-bar-style-1 {
  background-color: #1F2025;
  color: #fff;
  padding: 6px 0;
  font-size: 80%;
  padding-right: 9px;
  *zoom: 1; }
  .message-bar-style-1:before, .message-bar-style-1:after {
    content: " ";
    display: table; }
  .message-bar-style-1:after {
    clear: both; }
  .message-bar-style-1 img {
    float: right; }

.to-caps {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 0; }

.video-player {
  width: 100%; }

.fallback-video-link-container .congestion-charge-evidence:after {
  content: "";
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: -64px -2144px;
  bottom: auto;
  left: auto;
  right: auto;
  top: 8px; }
  .body-cms-preview .fallback-video-link-container .congestion-charge-evidence:after {
    background-image: url("/static/1/images/vsprite.png"); }

.fallback-video-link-container .congestion-charge-evidence:after {
  position: relative;
  display: inline-block; }

.field-validation-messages {
  list-style-type: none; }
  .field-validation-messages li {
    padding-right: 40px; }
  .field-validation-messages .close-icon {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer; }

/* most specifics are in specific-small.scss, but this uses the icons-small above */
.cst .maps-container {
  position: relative; }
  .cst .maps-container .map-sliver-container {
    margin-left: 4.0707737675%;
    width: 47.9646131162%;
    float: left;
    height: 100px; }
    .cst .maps-container .map-sliver-container.tube-map-sliver #schematic-map {
      position: absolute;
      top: -930px;
      left: -1190px; }
    .cst .maps-container .map-sliver-container:first-child {
      margin-left: 0; }
    .cst .maps-container .map-sliver-container:last-child {
      margin-right: 0; }
    .cst .maps-container .map-sliver-container .map-sliver {
      height: 100px; }
  .cst .maps-container .nearby-map-panel {
    display: inline-block;
    width: 100%; }

.live-board-feed-item span.train-number {
  margin-right: 40px;
  float: left;
  width: 100%; }

.live-board-feed-item span.train-destination {
  width: 100%;
  margin-right: 5px;
  float: left;
  font-weight: bold; }

.live-board-feed-item span.train-current-state {
  width: 100%;
  margin-right: 12px;
  float: left; }

.live-board.bus .train-number.internal, .live-board.river-bus .train-number.internal {
  display: none; }

.cst-jp {
  margin-bottom: 20px; }
  .cst-jp .expanded .journey-planner-widget .basic-journey-options {
    background: #EEE;
    margin-bottom: 0px; }
  .cst-jp .widget-heading {
    background: #1A5A92; }
    .cst-jp .widget-heading .controls {
      background-position: -32px -704px; }
    .cst-jp .widget-heading .widget-title {
      color: #fff; }
  .cst-jp .expandable-box .expanded .controls {
    background-position: -32px -736px; }

.cst-disabled:before {
  content: '';
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  opacity: .7;
  font-size: 20px;
  text-align: center;
  vertical-align: top; }

.cst .live-board .internal {
  display: inline; }

.cst #plan-a-journey {
  z-index: 50; }
  .cst #plan-a-journey .extra-options {
    display: none; }
  .cst #plan-a-journey .default-options {
    display: block;
    padding: 15px;
    background: #F7F7F7;
    position: relative;
    margin: 10px 0; }
    .cst #plan-a-journey .default-options h3 {
      display: block;
      width: 80%; }
    .cst #plan-a-journey .default-options .change-options {
      position: absolute;
      top: 15px;
      right: 15px; }
    .cst #plan-a-journey .default-options ul.travel-pref {
      margin-bottom: 0;
      margin-left: 0; }
      .cst #plan-a-journey .default-options ul.travel-pref li {
        list-style: none; }
        .cst #plan-a-journey .default-options ul.travel-pref li span {
          font-weight: bold;
          margin-left: 5px; }

.cst #recent-journeys {
  background: #dbe5ee;
  padding: 15px 2.54% 10px 2.54%;
  margin-bottom: 0; }

.local-storage-loading {
  position: fixed;
  z-index: 16;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #2d3039;
  padding: 20px; }
  .local-storage-loading span.taking-you-to {
    color: #fff;
    display: block;
    margin-bottom: 10px;
    font-size: 17px; }
  .local-storage-loading:after {
    content: '';
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    position: absolute; }

.ssp {
  min-height: 100px; }
  .ssp h1, .ssp h3 {
    padding-right: 138px; }

#ssp-roundel .mypage {
  position: absolute;
  right: 0;
  top: 0; }
  #ssp-roundel .mypage[class*="mode-"] {
    padding-right: 2.54%;
    right: 0;
    width: 64px;
    position: absolute; }
    #ssp-roundel .mypage[class*="mode-"]:after {
      content: "";
      display: block;
      right: 0;
      width: 44px;
      height: 40px;
      position: absolute;
      background-size: 100%;
      background-repeat: no-repeat; }
  #ssp-roundel .mypage.mode-cable-car {
    padding-right: 77px;
    padding-top: 0; }
    #ssp-roundel .mypage.mode-cable-car:after {
      height: 50px;
      width: 78px; }
    #ssp-roundel .mypage.mode-cable-car .headline-info {
      padding-right: 128px; }
  #ssp-roundel .mypage.mode-cycle:after {
    height: 36px; }

#station-change {
  display: none;
  overflow: visible; }
  #station-change #close-change-station {
    width: 30px;
    height: 32px;
    margin-top: 9px;
    position: absolute;
    right: 4px;
    z-index: 250; }
  #station-change .fullscreen-stage-button .icon {
    left: -1px;
    top: -2px; }

#other-station-search {
  overflow: visible; }

#change-station {
  margin-top: 4px;
  float: right;
  margin-bottom: 12px;
  margin-right: 5px; }
  #change-station.not-visible {
    display: none;
    visibility: visible; }

#station-change #other-station-search {
  margin-bottom: 0px;
  margin-top: 4px; }
  #station-change #other-station-search form {
    margin-top: 18px; }
  #station-change #other-station-search h3 {
    padding-left: 6px;
    padding-top: 9px; }

#mode-navigation {
  border-top: 1px solid #cacaca; }
  #mode-navigation a.with-icon {
    display: inline-block;
    font-size: 0%;
    line-height: 10%;
    text-indent: -999px; }
    #mode-navigation a.with-icon.selected {
      background-color: #eeeeee; }
  #mode-navigation .mode-icon.tube-icon {
    background-position: 0 -1056px; }
  #mode-navigation .chevron {
    background-position: 0px -640px;
    margin-left: -12px;
    margin-right: -10px;
    display: inline-block; }
  #mode-navigation .platforms {
    display: inline-block; }
    #mode-navigation .platforms .mode-icon {
      background-position: 3px -835px;
      background-size: 76px auto;
      padding: 23px 10px 5px 5px; }
      #mode-navigation .platforms .mode-icon .line-icon {
        display: block;
        text-indent: -9999px;
        position: relative;
        color: white;
        height: 6px;
        width: 22px;
        top: 0px; }
      #mode-navigation .platforms .mode-icon.lines-2 .line-icon {
        height: 3px; }
      #mode-navigation .platforms .mode-icon.lines-3 .line-icon {
        height: 2px; }
      #mode-navigation .platforms .mode-icon.dlr-icon {
        background-size: 93px auto;
        background-position: 1px -1056px; }
      #mode-navigation .platforms .mode-icon.tube-icon {
        background-size: 93px auto;
        background-position: 1px -1026px; }
      #mode-navigation .platforms .mode-icon.overground-icon {
        background-position: -61px -1026px;
        background-size: 93px auto; }
  #mode-navigation .this-station {
    font-family: inherit;
    line-height: 30px;
    font-size: medium;
    padding-right: 10px; }

/* below added for PDF tube map */
.cst .maps-container a.link-button.link-button-tube-map, .cst .maps-container .link-button-tube-map.responsive-link-button {
  border-left: 0 none;
  border-right: 0 none;
  border-top: 0 none;
  border-bottom: 3px solid #ccc;
  height: 100px;
  background-image: url("/static/1/images/placeholder/tube_tab.jpg"); }

.cst .maps-container a.link-button.link-button-tube-map:after, .cst .maps-container .link-button-tube-map.responsive-link-button:after {
  /*background-image: url("/static/1/images/vsprite_x2.png");*/
  border: 1px solid #ccc;
  background-color: #fff;
  right: 8px;
  padding: 3px;
  top: 46%;
  background-position: -29px -61px; }

/*This pushed the buttons on the edit journey on results page out of alignment*/
.horizontal-toggle-buttons.leaving-or-arriving li:first-child {
  margin-right: 4%; }

.horizontal-toggle-buttons.leaving-or-arriving li {
  width: 48%;
  margin-bottom: 2.54%; }
  .horizontal-toggle-buttons.leaving-or-arriving li.selected {
    margin-top: 0;
    padding-bottom: 3px; }

#enhanced-header .cst-fares h2 {
  margin-bottom: 9px; }

#enhanced-header .cst-fares .news-teaser {
  margin-bottom: 5px; }

#enhanced-header .cst-fares .news-teaser {
  margin-bottom: 10px; }
  #enhanced-header .cst-fares .news-teaser .text-link {
    padding: 7px 15px 7px 7px; }
    #enhanced-header .cst-fares .news-teaser .text-link h2 {
      margin-bottom: 5px; }

/**************************\
  Basic Modal Styles
\**************************/
.modal.micromodal-slide .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  z-index: 100; }

.modal.micromodal-slide .modal-container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  min-width: 350px;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box; }

.modal.micromodal-slide .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.modal.micromodal-slide .modal-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  box-sizing: border-box; }

.modal.micromodal-slide .modal-close {
  background: transparent;
  border: 0; }

.modal.micromodal-slide .modal-header .modal-close:before {
  content: "\2715"; }

.modal.micromodal-slide .modal-content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8); }
  .modal.micromodal-slide .modal-content p {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
    font-size: 1rem; }

.modal.micromodal-slide .form-control {
  width: 100%; }

.modal.micromodal-slide .modal-btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out; }

.modal.micromodal-slide .modal-footer .secondary-button, .modal.micromodal-slide .modal-footer .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a, .responsive-button-row.collapsed.opened .modal.micromodal-slide .modal-footer .rbr-group-button ~ div.rbr-button > a,
.modal.micromodal-slide .modal-footer .primary-button {
  width: 48%;
  display: inline-block; }

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mmslideIn {
  from {
    transform: translateY(15%); }
  to {
    transform: translateY(0); } }

@keyframes mmslideOut {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-10%); } }

.micromodal-slide {
  display: none; }

.micromodal-slide.is-open {
  display: block; }

.micromodal-slide[aria-hidden="false"] .modal-overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="false"] .modal-container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal-overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal-container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide .modal-container,
.micromodal-slide .modal-overlay {
  will-change: transform; }

.auto-pay-summary-page dd,
.auto-pay-summary-page dl,
.auto-pay-summary-page dd,
.selected-partner-summary-page dd,
.selected-partner-summary-page dl,
.selected-partner-summary-page dd {
  margin: 0;
  padding: 0; }

.auto-pay-summary-page dd.alert-info, .auto-pay-summary-page dd.alert-info-container,
.selected-partner-summary-page dd.alert-info,
.selected-partner-summary-page dd.alert-info-container {
  padding: 10px 10px; }

.auto-pay-summary-page .charge-date,
.auto-pay-summary-page .charges-summary-date,
.selected-partner-summary-page .charge-date,
.selected-partner-summary-page .charges-summary-date {
  display: inline-block; }

.auto-pay-summary-page .auto-pay-apply-summary-container,
.auto-pay-summary-page .selected-partner-summary-container,
.selected-partner-summary-page .auto-pay-apply-summary-container,
.selected-partner-summary-page .selected-partner-summary-container {
  border-bottom: 1px solid #ccc;
  padding: 5px 0px 5px 0px; }

.auto-pay-summary-page .charges-summary,
.selected-partner-summary-page .charges-summary {
  display: flex;
  flex-flow: row wrap; }

.auto-pay-summary-page .charges-summary div:nth-child(1),
.selected-partner-summary-page .charges-summary div:nth-child(1) {
  flex: 0 0 337px; }

.auto-pay-summary-page .charges-summary div:nth-child(2),
.selected-partner-summary-page .charges-summary div:nth-child(2) {
  flex: 0 0 152px; }

.auto-pay-summary-page .charges-summary div:nth-child(4),
.selected-partner-summary-page .charges-summary div:nth-child(4) {
  flex: 0 0 152px; }

.auto-pay-summary-page .charges-detail,
.selected-partner-summary-page .charges-detail {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0px;
  padding: 0;
  top: -10px;
  position: relative; }
  .auto-pay-summary-page .charges-detail div,
  .selected-partner-summary-page .charges-detail div {
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px; }

.auto-pay-summary-page .border-left,
.selected-partner-summary-page .border-left {
  border-left: 1px solid #ccc;
  line-height: 1;
  height: 17px;
  top: 8px;
  position: relative;
  display: none; }

.auto-pay-summary-page .delete-button,
.auto-pay-summary-page .no-delete-button,
.selected-partner-summary-page .delete-button,
.selected-partner-summary-page .no-delete-button {
  float: right;
  cursor: pointer;
  position: relative;
  /*right: -15px;*/
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px; }
  .body-cms-preview .auto-pay-summary-page .delete-button, .body-cms-preview
  .auto-pay-summary-page .no-delete-button, .body-cms-preview
  .selected-partner-summary-page .delete-button, .body-cms-preview
  .selected-partner-summary-page .no-delete-button {
    background-image: url("/static/1/images/vsprite.png"); }

.auto-pay-summary-page .delete,
.selected-partner-summary-page .delete {
  animation: ease-opacity-delete 2s ease forwards; }

@keyframes ease-opacity-delete {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    height: 0;
    visibility: hidden; } }

.auto-pay-summary-page .hide,
.selected-partner-summary-page .hide {
  animation: slow-opacity-block 500ms ease; }

@keyframes slow-opacity-block {
  from {
    display: block;
    opacity: 1; }
  to {
    opacity: 0;
    display: none; } }

.auto-pay-summary-page .show,
.selected-partner-summary-page .show {
  animation: opacity-for-block 600ms cubic-bezier(0.47, 0, 0.745, 0.715); }

@keyframes opacity-for-block {
  from {
    opacity: 0; }
  to {
    opacity: 1;
    display: block; } }

.auto-pay-summary-page .first-item,
.selected-partner-summary-page .first-item {
  font-size: 22px;
  font-family: Johnston100-Regular, Arial, Helvetica, sans-serif; }

.auto-pay-summary-page .second-item,
.selected-partner-summary-page .second-item {
  font-size: 22px;
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }

.auto-pay-summary-page .third-item,
.selected-partner-summary-page .third-item {
  font-size: 15px; }

.auto-pay-summary-page .charges-explained-message,
.selected-partner-summary-page .charges-explained-message {
  margin-left: 20px;
  font-size: 15px;
  margin: 0;
  padding: 0; }
  .auto-pay-summary-page .charges-explained-message strong,
  .selected-partner-summary-page .charges-explained-message strong {
    font-family: Johnston100-Regular, Arial, Helvetica, sans-serif;
    font-size: 16px; }

.auto-pay-summary-page .message-label,
.selected-partner-summary-page .message-label {
  font-size: 22px;
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  display: inline-block;
  text-align: left; }

.auto-pay-summary-page .message-info,
.selected-partner-summary-page .message-info {
  font-size: 14px;
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  display: inline-block;
  margin-left: 5px;
  text-align: left;
  position: relative;
  top: -4px; }

.auto-pay-summary-page .more-details,
.selected-partner-summary-page .more-details {
  position: relative;
  left: -13px;
  cursor: pointer;
  margin: 0px;
  height: 30px; }
  .auto-pay-summary-page .more-details .label,
  .selected-partner-summary-page .more-details .label {
    display: inline-block;
    position: relative;
    top: -26px;
    left: 25px;
    font-size: 15px; }

.auto-pay-summary-page #user-selection-info,
.selected-partner-summary-page #user-selection-info {
  /*margin-left: 10px;*/ }

.auto-pay-summary-page .show-icon,
.selected-partner-summary-page .show-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -640px; }
  .body-cms-preview .auto-pay-summary-page .show-icon, .body-cms-preview
  .selected-partner-summary-page .show-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.auto-pay-summary-page .less-icon,
.selected-partner-summary-page .less-icon {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -672px; }
  .body-cms-preview .auto-pay-summary-page .less-icon, .body-cms-preview
  .selected-partner-summary-page .less-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.auto-pay-summary-page .tag-link,
.selected-partner-summary-page .tag-link {
  font-size: 16px;
  position: relative;
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }

.auto-pay-summary-page .add-tag-link,
.selected-partner-summary-page .add-tag-link {
  top: -3px; }

.auto-pay-summary-page .edit-tag-link,
.selected-partner-summary-page .edit-tag-link {
  top: -4px; }

.auto-pay-summary-page .remove-content-container,
.selected-partner-summary-page .remove-content-container {
  position: relative;
  margin: auto;
  width: 90%; }

.auto-pay-summary-page .remove-content,
.selected-partner-summary-page .remove-content {
  position: absolute;
  cursor: pointer;
  top: 4px;
  right: 5px; }

.auto-pay-summary-page.composite-vehicle-list-container .two-column-custom-header div.column-left {
  display: inline-block;
  width: 65%; }

.auto-pay-summary-page.composite-vehicle-list-container .two-column-custom-header div.column-right {
  float: right; }

.hide-block {
  display: none !important; }

.manage-auto-pay .direct-debit-container {
  margin-top: 20px;
  margin-bottom: 20px; }
  .manage-auto-pay .direct-debit-container .item {
    margin-left: 10px; }
    .manage-auto-pay .direct-debit-container .item dd {
      color: #a8a8a8; }

ul.stacked-list li.composite-vehicle-item {
  padding: 10px 0;
  border-bottom: 1px solid #ccc; }
  ul.stacked-list li.composite-vehicle-item .vehicle-info {
    position: relative; }
    ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties {
      list-style: none;
      padding: 0;
      margin: 0;
      position: relative; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li dd.primary {
        width: 250px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li dd.primary {
        font-size: 22px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .tag-link {
        font-size: 16px;
        color: #1A5A92;
        border: 0;
        background-color: #FFFFFF;
        position: relative;
        top: -1px; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .tag-link:hover {
          text-decoration: underline; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .vrm {
        font-size: 22px;
        width: 250px; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .vrm h3 {
          font-size: 22px;
          margin-bottom: 0;
          font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .vrm .tag-link {
          display: none; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .vrm.primary .tag-link {
          font-size: 16px;
          color: #1A5A92;
          display: inline-block;
          line-height: 1.2em; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .tag {
        font-size: 22px;
        display: none; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .tag.primary, ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .tag.primary-2020 {
          display: inline-block; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .other {
        font-size: 16px;
        width: 250px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .title {
        font-size: 22px;
        line-height: 1.2em;
        width: 250px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties li .upload {
        font-size: 16px;
        line-height: 1.2em;
        width: 250px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .showdate {
        font-size: 0.92em; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .showdate dl dt {
          display: inline;
          font-weight: bold; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .showdate dl dd {
          display: inline-block;
          margin-left: 5px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .show-date-range {
        font-size: 0.92em; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .show-date-range dl dt {
          display: inline;
          font-weight: bold; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .show-date-range dl dd {
          display: inline-block; }
      @media only screen and (min-width: 578px) {
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .vehicle-charges {
          min-width: 310px;
          position: absolute;
          left: 83%;
          top: 50%;
          transform: translate(-80%, -50%);
          padding-top: 24px; } }
      ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .vehicle-charges dl {
        display: inline-block;
        width: 48%; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .vehicle-charges dl:first-child {
          border-right: 1px solid #ccc; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .vehicle-charges dl dd {
          padding: 0px 10px 0px 10px;
          font-size: 0.92em;
          display: inline-block; }
          ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .vehicle-charges dl dd:last-child {
            border: none; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info ul.vehicle-properties .vehicle-charges dl dt {
          font-size: 22px;
          line-height: 1.2em;
          display: inline-block; }
    ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info {
      cursor: pointer;
      font-size: 0.92em;
      overflow: hidden; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .show-more {
        width: 220px; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .show-more .show-icon {
          display: inline-block;
          background-image: url("/static/1/images/vsprite_x2.png");
          background-image: url("/static/1/images/vsprite.png") \9;
          background-size: 96px 3776px;
          height: 32px;
          width: 32px;
          background-position: 0px -640px;
          width: 22px;
          height: 24px;
          background-position: -7px -644px;
          transition-duration: 0.7s;
          position: relative;
          top: 1px; }
          .body-cms-preview ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .show-more .show-icon {
            background-image: url("/static/1/images/vsprite.png"); }
        ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .show-more .label {
          display: inline-block;
          margin-top: 2px;
          width: 180px; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .show-more .label.less {
          display: none; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .charges-explained-message {
        max-height: 0px;
        transition: max-height 0.6s ease; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .charges-explained-message dl {
          transition: opacity 0.5s ease-in;
          opacity: 0;
          padding: 10px 0 0 10px; }
          ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .charges-explained-message dl .infoitem {
            display: inline;
            font-size: 16px; }
          ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .charges-explained-message dl .title {
            display: inline;
            font-size: 16px;
            padding-right: 10px; }
          ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info .charges-explained-message dl p {
            margin: 0;
            padding: 0; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info.active .show-icon {
        transform: rotate(90deg);
        background-position: 0px -640px;
        transition-duration: 0.6s;
        position: relative;
        top: -4px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info.active .label {
        display: none; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info.active .label.less {
        display: inline-block; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info.active .charges-explained-message {
        max-height: 1000px;
        transition: max-height 0.9s ease-in; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info .vehicle-more-info.active .charges-explained-message dl {
          transition: opacity 0.3s ease-in;
          opacity: 1; }
  ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 {
    position: relative;
    color: #2D3039; }
    ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties {
      list-style: none;
      padding: 0;
      margin: 0;
      position: relative;
      min-height: 60px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties.vrm-only {
        min-height: 30px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li dd.primary {
        width: 250px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li dd.primary {
        font-size: 18px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .tag-link {
        font-size: 16px;
        color: #1A5A92;
        border: 0;
        background-color: #FFFFFF;
        position: relative;
        top: -1px; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .tag-link:hover {
          text-decoration: underline; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .vrm {
        font-size: 24px;
        width: 334px; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .vrm h3 {
          font-size: 24px;
          margin-bottom: 0;
          font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .vrm .tag-link {
          display: none;
          padding: 0; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .vrm.primary .tag-link {
          font-size: 18px;
          color: #1A5A92;
          display: inline-block;
          line-height: 1.2em; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .tag {
        font-size: 22px;
        display: none; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .tag.primary, ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .tag.primary-2020 {
          display: inline-block; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .other {
        font-size: 18px;
        width: 250px;
        font-weight: 500; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .other-service-icon {
        display: inline-block;
        color: white;
        background-color: #2d3039;
        border-radius: 50%;
        width: 25px;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        top: -3px;
        position: relative; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .title {
        font-size: 18px;
        font-weight: 300;
        width: 334px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties li .upload {
        font-size: 16px;
        line-height: 1.2em;
        width: 250px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .showdate {
        font-size: 18px; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .showdate dl dt {
          display: inline; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .showdate dl dd {
          display: inline-block;
          margin-left: 5px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .show-date-range {
        font-size: 0.92em; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .show-date-range dl dt {
          display: inline;
          font-weight: bold; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .show-date-range dl dd {
          display: inline-block; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .vehicle-charges {
        margin-top: 10px; }
        @media only screen and (min-width: 578px) {
          ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .vehicle-charges {
            min-width: 210px;
            position: absolute;
            left: 55%;
            top: 0; } }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .vehicle-charges dl {
          display: inline-block;
          width: 250px;
          min-width: 0;
          height: 32px;
          margin-bottom: 8px; }
          ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .vehicle-charges dl dd {
            padding-top: 5px;
            font-size: 18px;
            color: #2D3039;
            display: inline-block;
            float: left;
            height: 32px;
            line-height: normal;
            vertical-align: middle; }
          ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .vehicle-charges dl dt {
            margin-right: 8px;
            float: left;
            font-size: 18px;
            display: inline-block;
            border: 1px solid #637282;
            border-radius: 16px;
            width: 66px;
            text-align: center;
            height: 32px;
            line-height: 32px;
            vertical-align: middle;
            color: #637282; }
          ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 ul.vehicle-properties .vehicle-charges dl dt.chargeable {
            background-color: #637282;
            color: white; }
    ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info {
      cursor: pointer;
      font-size: 0.92em;
      overflow: hidden;
      margin-top: 24px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .show-more {
        width: 250px; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .show-more .show-icon {
          display: inline-block;
          transform: rotate(90deg);
          background-image: url("/static/1/images/vsprite_x2.png");
          background-image: url("/static/1/images/vsprite.png") \9;
          background-size: 96px 3776px;
          height: 32px;
          width: 32px;
          background-position: 0px -640px;
          width: 22px;
          height: 24px;
          background-position: -7px -644px;
          transition-duration: 0.7s;
          transition-property: transform;
          position: relative;
          top: 0px; }
          .body-cms-preview ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .show-more .show-icon {
            background-image: url("/static/1/images/vsprite.png"); }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .show-more .label {
          display: inline-block;
          margin-top: 2px;
          margin-left: 4px;
          width: 220px;
          font-size: 18px;
          color: #1A5A92; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .show-more .label.less {
          display: none; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .charges-explained-message {
        max-height: 0px;
        margin-left: 19px;
        margin-right: 16px;
        transition: max-height 0.6s ease; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .charges-explained-message dl {
          transition: opacity 0.5s ease-in;
          opacity: 0;
          padding: 10px 0 0 10px; }
          ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .charges-explained-message dl .infoitem {
            display: inline;
            font-size: 16px; }
          ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .charges-explained-message dl .title {
            display: inline;
            font-size: 16px;
            padding-right: 10px; }
          ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info .charges-explained-message dl p {
            margin: 0;
            padding: 0; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info.active .show-icon {
        transform: rotate(-90deg);
        background-position: 0px -640px;
        transition-duration: 0.6s;
        transition-property: transform;
        position: relative;
        top: 0; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info.active .label {
        display: none;
        margin-left: 4px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info.active .label.less {
        display: inline-block;
        margin-left: 4px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info.active .charges-explained-message {
        max-height: 1000px;
        transition: max-height 0.9s ease-in; }
        ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-more-info.active .charges-explained-message dl {
          transition: opacity 0.3s ease-in;
          opacity: 1; }
    ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-error-message {
      background-color: #fbe9e8;
      color: black;
      border-radius: 8px;
      margin-top: 16px;
      padding: 12px 30px 17px 19px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-error-message .error-icon {
        display: inline-block;
        background-color: #fbe9e8;
        width: 32px;
        height: 32px;
        vertical-align: top;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Rectangle 61' fill='none' d='M0 0h32v32H0z'/%3E%3Ccircle data-name='Ellipse 10' cx='13' cy='13' r='13' transform='translate(3 3)' fill='%23dc241f'/%3E%3Cpath data-name='Path 35' d='M16 8a2 2 0 00-2 2c0 1.054.92 6.583 1 7.088a1 1 0 001.989.029Q18 11.1 18 10a2 2 0 00-2-2z' fill='%23fff'/%3E%3Ccircle data-name='Ellipse 11' cx='2' cy='2' r='2' transform='translate(14 20)' fill='%23fff'/%3E%3C/svg%3E"); }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-error-message .error-message {
        display: inline-block;
        vertical-align: top;
        font-size: 16px;
        background-color: #fbe9e8;
        width: calc(100% - 50px);
        padding-left: 12px; }
    ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-message-container {
      margin-top: 24px; }
    ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-info-message {
      background-color: #F2F4FF;
      color: black;
      border-radius: 8px;
      margin-top: 16px;
      padding: 12px 30px 17px 19px; }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-info-message .info-icon {
        display: inline-block;
        width: 32px;
        height: 32px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Rectangle 117' fill='none' d='M0 0h32v32H0z'/%3E%3Ccircle data-name='Ellipse 21' cx='13' cy='13' r='13' transform='translate(3 3)' fill='%230019a8'/%3E%3Cpath data-name='Path 21' d='M13.385 14.75l.194-.564h.273l.758-.009.758-.01a10.4 10.4 0 002.321-.237l-1.959 6.65-.217.688a2.275 2.275 0 00-.089.531.4.4 0 00.361.441h.015c.311 0 .9-.553 1.538-1.431l.389.352c-1 1.419-1.963 2.058-3.082 2.058a1.547 1.547 0 01-1.761-1.532 7.258 7.258 0 01.477-2.15l1.408-4.789z' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath data-name='Path 24' d='M19.11 10.022a1.823 1.823 0 01-1.82 1.827h-.067a1.315 1.315 0 01-1.423-1.193q-.006-.062-.005-.125a1.8 1.8 0 011.844-1.755h.043c.875 0 1.433.484 1.433 1.245' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); }
      ul.stacked-list li.composite-vehicle-item .vehicle-info-2020 .vehicle-info-message .info-message {
        display: inline-block;
        vertical-align: text-bottom;
        font-size: 16px;
        background-color: #F2F4FF;
        width: calc(100% - 50px);
        padding-left: 12px; }
  ul.stacked-list li.composite-vehicle-item .delete-button,
  ul.stacked-list li.composite-vehicle-item .no-delete-button {
    position: absolute;
    top: -10px;
    right: 0;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -800px;
    border: 0;
    background-color: #FFFFFF;
    text-indent: -3000px; }
    .body-cms-preview ul.stacked-list li.composite-vehicle-item .delete-button, .body-cms-preview
    ul.stacked-list li.composite-vehicle-item .no-delete-button {
      background-image: url("/static/1/images/vsprite.png"); }
  ul.stacked-list li.composite-vehicle-item .delete-button-2020,
  ul.stacked-list li.composite-vehicle-item .no-delete-button-2020 {
    position: absolute;
    top: -13px;
    right: -9px;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -800px;
    border: 0;
    background-color: #FFFFFF;
    text-indent: -3000px; }
    .body-cms-preview ul.stacked-list li.composite-vehicle-item .delete-button-2020, .body-cms-preview
    ul.stacked-list li.composite-vehicle-item .no-delete-button-2020 {
      background-image: url("/static/1/images/vsprite.png"); }

ul.stacked-list li.vehicle-properties-2020 {
  padding: 24px 16px 16px;
  border-bottom: none;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.09), 0 0 24px 0 rgba(0, 0, 0, 0.09);
  margin-bottom: 25px;
  border-radius: 8px; }
  ul.stacked-list li.vehicle-properties-2020.non-clickable-item {
    cursor: default !important; }

.list-header {
  overflow: hidden;
  padding: 10px 0;
  width: 100%; }
  .list-header .vehicle-count {
    font-weight: bold;
    float: left;
    font-size: 100%;
    line-height: 153.33%;
    margin-bottom: 0; }
  .list-header .download-list {
    float: right;
    padding: 0px; }
    .list-header .download-list span {
      display: inline-block;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -448px;
      background-position: -2px -451px;
      height: 25px;
      width: 25px; }
      .body-cms-preview .list-header .download-list span {
        background-image: url("/static/1/images/vsprite.png"); }

@media only screen and (min-width: 578px) {
  .composite-vehicle-search-wrap {
    padding-top: 20px;
    width: 65%;
    float: left; }
  .composite-vehicle-select-wrap {
    padding-top: 20px;
    width: 30%;
    float: right; } }

#composite-vehicles-modal-popup .remove-content-container .remove-content {
  position: absolute; }

.composite-vehicle-search-wrap .searchfield-wrapper:after {
  background-image: none; }

.composite-vehicle-sort-buttons-container .button-set {
  border-top: none; }

.autopay-add-vehicles-call-to-action-buttons .button-set {
  border-top: none;
  padding-top: 10px; }

#vehicle-history {
  margin-top: 10px; }

.stacked-list {
  background-color: #fff; }

.common-list-wrap .target {
  background-image: url("/static/1/images/throbber-blue-large.gif");
  background-repeat: no-repeat;
  background-position: 50% 10%; }
  .common-list-wrap .target form {
    background-color: #fff; }

.vehicle-history-status-bar .stacked-list li.stacked-list-item div {
  background-color: #e9f5dd; }

.auto-pay-summary-page .auto-pay-apply-summary-container .composite-vehicle-item,
.auto-pay-summary-page .selected-partner-summary-container .composite-vehicle-item {
  border-bottom: 0px; }

.blue-badge-replacement-date-message {
  margin-top: 10px; }

.buttons {
  border: none; }

#vehicle-lookup #cannot-add-more-vehicles {
  margin-top: 16px; }

.alert-info, .alert-info-container {
  min-width: 100%;
  min-height: 60px;
  border-radius: 8px;
  background-color: #f2f4ff; }
  .alert-info .alert-info-icon, .alert-info-container .alert-info-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg id='Icon-Information-26px' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='Artboard'%3E%3Crect id='Rectangle_117' data-name='Rectangle 117' width='32' height='32' fill='none'/%3E%3C/g%3E%3Cg id='Icon'%3E%3Ccircle id='Ellipse_21' data-name='Ellipse 21' cx='13' cy='13' r='13' transform='translate(3 3)' fill='%230019a8'/%3E%3Cpath id='Path_21' data-name='Path 21' d='M13.385,14.75l.194-.564h.273l.758-.009.758-.01a10.4,10.4,0,0,0,2.321-.237L15.73,20.58l-.217.688a2.275,2.275,0,0,0-.089.531.4.4,0,0,0,.361.441H15.8c.311,0,.9-.553,1.538-1.431l.389.352c-1,1.419-1.963,2.058-3.082,2.058a1.547,1.547,0,0,1-1.761-1.532,7.258,7.258,0,0,1,.477-2.15l1.408-4.789Z' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath id='Path_24' data-name='Path 24' d='M19.11,10.022a1.823,1.823,0,0,1-1.82,1.827h-.067A1.315,1.315,0,0,1,15.8,10.656q-.006-.062-.005-.125a1.8,1.8,0,0,1,1.844-1.755l.043,0c.875,0,1.433.484,1.433,1.245' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E"); }
  .alert-info a, .alert-info-container a {
    display: inline-block;
    vertical-align: text-bottom; }

.alert-info-container {
  margin-top: 16px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .alert-info-container p {
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
    width: calc(100% - 50px); }
  .alert-info-container .alert-info-icon {
    float: left; }

/* modules - small - These modules depend upon sheets above */
/**************************************************
STOP LIST
* Author: Adrian Osmond
* Created: 21/08/2013
* Pattern library URL: //Google Drive\NWP\Front-end\Pattern library\Modules\M017-stop-list
**************************************************/
.stop-list, .timetable-route {
  margin-left: 0;
  list-style: none outside none; }
  .stop-list li, .timetable-route li {
    position: relative; }
    .stop-list li:nth-child(odd), .timetable-route li:nth-child(odd) {
      background-color: #F7F7F7; }
    .stop-list li.route-branch-heading, .timetable-route li.route-branch-heading, .stop-list li.route-branch-information, .timetable-route li.route-branch-information {
      background-color: #fff; }
    .full-results-container.cycling .stop-list li:nth-child(odd), .full-results-container.cycling .timetable-route li:nth-child(odd), .full-results-container.walking .stop-list li:nth-child(odd), .full-results-container.walking .timetable-route li:nth-child(odd) {
      background-color: #fff; }
  .stop-list .stop-link, .timetable-route .stop-link {
    display: block;
    padding: 10px 30px 10px 60px;
    color: #2D3039; }
  .stop-list a.stop-link, .timetable-route a.stop-link {
    width: 90%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .stop-list a.stop-link:after, .timetable-route a.stop-link:after {
      content: "";
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: 0px -640px;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -16px; }
      .body-cms-preview .stop-list a.stop-link:after, .body-cms-preview .timetable-route a.stop-link:after {
        background-image: url("/static/1/images/vsprite.png"); }
    .stop-list a.stop-link.no-arrow:after, .timetable-route a.stop-link.no-arrow:after {
      display: none; }
    .stop-list a.stop-link:focus, .timetable-route a.stop-link:focus, .stop-list a.stop-link:hover, .timetable-route a.stop-link:hover {
      text-decoration: none;
      width: 90%; }
      .stop-list a.stop-link:focus:not(.no-arrow), .timetable-route a.stop-link:focus:not(.no-arrow), .stop-list a.stop-link:hover:not(.no-arrow), .timetable-route a.stop-link:hover:not(.no-arrow) {
        background-color: #EFF6FD; }
      .stop-list a.stop-link:focus.no-arrow, .timetable-route a.stop-link:focus.no-arrow, .stop-list a.stop-link:hover.no-arrow, .timetable-route a.stop-link:hover.no-arrow {
        cursor: default; }
  .stop-list .lines, .timetable-route .lines {
    width: 44px; }
  .stop-list .stop-name, .timetable-route .stop-name {
    left: 32px;
    top: 50%;
    margin-top: -16px;
    width: 32px;
    position: absolute;
    height: 30px; }
    .stop-list .stop-name.mode-icon, .timetable-route .stop-name.mode-icon {
      float: none;
      margin-top: -16px;
      position: absolute;
      left: 32px; }
    .stop-list .stop-name.hail-and-ride, .timetable-route .stop-name.hail-and-ride {
      border: 4px solid #C33;
      background-color: transparent;
      width: 25px;
      height: 25px;
      margin-top: -12px; }
  .stop-list .time-and-mode, .timetable-route .time-and-mode {
    z-index: 2; }
    .stop-list .time-and-mode .stop-name, .timetable-route .time-and-mode .stop-name {
      top: auto;
      margin-top: 0;
      left: 30px; }
  .stop-list .with-continuation, .timetable-route .with-continuation {
    margin-bottom: 35px;
    background-color: #fff; }
    .stop-list .with-continuation:before, .timetable-route .with-continuation:before {
      content: "";
      position: absolute;
      margin-top: -2px;
      left: -18px;
      width: 40px;
      height: 40px;
      background-image: url("/static/1/images/bus-route_sprite_x2.png");
      background-image: url("/static/1/images/bus-route_sprite.png") \9;
      background-size: 80px 120px;
      background-position: 0 -80px;
      top: -8px;
      left: 10px; }
  .stop-list .route-branch-information.bus-split, .timetable-route .route-branch-information.bus-split {
    min-height: 60px; }

/**************************************************
	M021 - icon-list

* Author: Alex Faunt
* Created: 09/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M021-icon-list

**************************************************/
.icon-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative; }
  .icon-list > li {
    width: 100%;
    padding: 0px 10px 0px 60px;
    line-height: 50px;
    height: 50px;
    position: relative;
    font-size: 14px;
    display: block;
    margin-bottom: 14px; }
    .icon-list > li:before, .icon-list > li:after {
      content: "";
      position: absolute;
      display: block; }
    .icon-list > li:before {
      width: 50px;
      height: 50px;
      left: 0;
      top: 0;
      background-color: #EEE; }
    .icon-list > li > .i {
      top: 9px;
      left: 9px;
      position: absolute; }

/**************************************************
	M028 - live boards

* Author: Adrian Osmond
* Created: 05/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M028-live-boards

**************************************************/
.live-board {
  margin: 0;
  color: #2D3039;
  /*
    .live-board-platform {
        position: absolute;
        top: 6px;
        right: 10px;
    }
    */ }
  .live-board li {
    list-style: none outside none; }
  .live-board .live-board-subheading {
    position: relative;
    padding: 8px 12px 4px 14px;
    margin-bottom: 0;
    background: #EEE;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    .live-board .live-board-subheading:first-child {
      border-top: 0; }
  .live-board.updating .live-board-update {
    -webkit-animation: rotate 1.2s infinite reverse linear;
    -moz-animation: rotate 1.2s infinite reverse linear;
    animation: rotate 1.2s infinite reverse linear; }
  .live-board .internal {
    display: none; }
  .live-board .live-board-feed {
    margin: 0;
    counter-reset: item; }
  .live-board .live-board-feed-item {
    position: relative;
    padding: 8px 70px 8px 48px;
    border-top: 1px solid #ccc;
    min-height: 39px; }
    .live-board .live-board-feed-item:first-child {
      border-top: 0; }
  .live-board .live-board-route {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 38px;
    height: 100%;
    font-weight: bold; }
    .live-board .live-board-route:before {
      counter-increment: item;
      content: counters(item, ".") " ";
      z-index: 5;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      text-align: center;
      padding: 8px 0;
      color: inherit;
      font-weight: inherit; }
  .live-board.bus .live-board-feed-item {
    padding-left: 60px; }
  .live-board.bus .live-board-route {
    text-align: center;
    padding: 8px 0;
    background-color: #C33;
    color: #fff; }
    .live-board.bus .live-board-route:before {
      display: none; }
  .live-board .live-board-stops-en-route {
    display: block;
    color: #767676; }
  .live-board .live-board-eta {
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: bold; }
  .live-board .live-board-link {
    position: relative;
    display: block;
    padding: 7px 10px 10px 48px;
    color: #2070B0;
    background: #fff;
    border-top: 1px solid #ccc; }
    .live-board .live-board-link .down-icon-blue {
      background-image: none;
      width: 38px;
      height: 100%;
      background-color: #EEE;
      position: absolute;
      top: 0;
      left: 0; }
      .live-board .live-board-link .down-icon-blue:after {
        content: "";
        position: absolute;
        left: 3px;
        top: 4px;
        background-image: url("/static/1/images/vsprite_x2.png");
        background-image: url("/static/1/images/vsprite.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: -64px -704px; }
        .body-cms-preview .live-board .live-board-link .down-icon-blue:after {
          background-image: url("/static/1/images/vsprite.png"); }
    .live-board .live-board-link.hidden {
      display: none; }
  .live-board .live-board-subboard {
    border-top: 1px solid #ccc; }
    .live-board .live-board-subboard:first-child {
      border-top: 0px none; }
    .live-board .live-board-subboard .paginate-hidden {
      display: none; }
    .live-board .live-board-subboard.expanded .paginate-hidden {
      display: block; }
    .live-board .live-board-subboard.expanded .live-board-feed-item.hidden {
      display: none; }
    .live-board .live-board-subboard.expanded .live-board-link {
      display: none; }

/**************************************************
	M029 - nearby-list

* Author: Adrian Osmond
* Created: 09/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M029-nearby-list

**************************************************/
.nearby-list {
  list-style: none outside none;
  margin: 0 0 20px;
  overflow: hidden;
  border-bottom: 1px solid #ccc; }
  .nearby-list .nearby-list-result {
    position: relative;
    border-top: 1px solid #ccc;
    background-color: #fff; }
    .nearby-list .nearby-list-result:last-child .expandable-information .nearby-list-result:last-child {
      border-bottom: 0; }
    .nearby-list .nearby-list-result:nth-child(even) > .expanded-result-details > a > .nearby-mode-information, .nearby-list .nearby-list-result:nth-child(even) > div > .nearby-mode-information {
      background-color: #F7F7F7; }
    .nearby-list .nearby-list-result.bch {
      min-height: 90px; }
      .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > div {
        cursor: default; }
        .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a:after, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > div:after {
          content: none; }
        .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a:hover, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a:focus, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > div:hover, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > div:focus {
          background-color: transparent; }
  .nearby-list .expandable-information:nth-child(even) .show-more .nearby-mode-information {
    background-color: #F7F7F7; }
  .nearby-list .expanded-result-details > a, .nearby-list .expanded-result-details > div {
    padding: 10px 0;
    color: #2D3039; }
    .nearby-list .expanded-result-details > a:hover, .nearby-list .expanded-result-details > a:focus, .nearby-list .expanded-result-details > div:hover, .nearby-list .expanded-result-details > div:focus {
      text-decoration: none; }
    .nearby-list .expanded-result-details > a:after, .nearby-list .expanded-result-details > div:after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -16px;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      background-position: 0px -640px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .nearby-list .expanded-result-details > a:after, .body-cms-preview .nearby-list .expanded-result-details > div:after {
        background-image: url("/static/1/images/vsprite.png"); }
  .nearby-list [data-mode-count='2'] > .expanded-result-details > a, .nearby-list [data-mode-count='2'] > .expanded-result-details > div {
    min-height: 80px; }
  .nearby-list [data-mode-count='3'] > .expanded-result-details > a, .nearby-list [data-mode-count='3'] > .expanded-result-details > div {
    min-height: 105px; }
  .nearby-list [data-mode-count='4'] > .expanded-result-details > a, .nearby-list [data-mode-count='4'] > .expanded-result-details > div {
    min-height: 130px; }
  .nearby-list [data-mode-count='5'] > .expanded-result-details > a, .nearby-list [data-mode-count='5'] > .expanded-result-details > div {
    min-height: 155px; }
  .nearby-list .nearby-mode-information {
    width: 35px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #EEE; }
  .nearby-list .bus-route {
    display: inline-block;
    margin-right: 10px;
    line-height: 100%; }
  .nearby-list a {
    display: block;
    position: relative;
    min-height: 40px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .nearby-list a:hover, .nearby-list a:focus {
      background-color: #EFF6FD; }
  .nearby-list div {
    position: relative; }
  .nearby-list .nearby-mode-details {
    padding: 0 35px 0 45px; }
    .nearby-list .nearby-mode-details > span:last-child, .nearby-list .nearby-mode-details > div:last-child {
      padding-bottom: 0;
      margin-bottom: 5px; }
    .nearby-list .nearby-mode-details .towards-text {
      color: #666; }
  .nearby-list .show-more {
    display: block;
    background-color: #fff;
    padding: 10px 35px 10px 45px; }
    .nearby-list .show-more:hover, .nearby-list .show-more:focus {
      -webkit-transition: margin-top 0.3s, background-color 0s;
      -moz-transition: margin-top 0.3s, background-color 0s;
      transition: margin-top 0.3s, background-color 0s; }
    .nearby-list .show-more.expanded {
      margin-top: 0 !important; }
      .nearby-list .show-more.expanded .nearby-mode-information:after {
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #113B92 transparent; }
    .nearby-list .show-more .nearby-mode-information:after {
      content: "";
      display: block;
      position: absolute;
      top: 17px;
      left: 12px;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #113B92 transparent transparent transparent; }
    .nearby-list .show-more .nearby-mode-details {
      padding: 0;
      line-height: 20px; }
    .nearby-list .show-more.hidden {
      display: none; }
  .nearby-list .nearby-list-heading {
    display: block;
    padding-bottom: 5px;
    font-weight: bold; }
  .nearby-list .nearby-list-information {
    display: block;
    position: relative;
    line-height: 100%;
    padding-bottom: 10px; }
  .nearby-list ul.nearby-list-information {
    margin-left: 0; }
  .nearby-list .hidden-information > .expanded-result-details > a, .nearby-list .hidden-information > .expanded-result-details > div {
    min-height: 65px; }
    .nearby-list .hidden-information > .expanded-result-details > a .nearby-mode-information:after, .nearby-list .hidden-information > .expanded-result-details > div .nearby-mode-information:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      width: 35px;
      height: 24px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAGCAYAAABJuCfcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTE5NjI2NTEyNDcxMUUzQkEwOEE4M0NCOUJCNTM1RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTE5NjI2NjEyNDcxMUUzQkEwOEE4M0NCOUJCNTM1RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1MTk2MjYzMTI0NzExRTNCQTA4QTgzQ0I5QkI1MzVGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1MTk2MjY0MTI0NzExRTNCQTA4QTgzQ0I5QkI1MzVGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+o0RQtgAAAFVJREFUeNpi/Pr1azM3N3c7wwADoDsqmbi4uGpAjIF2CMgdTCDOQDoI5hAQmwUmCBT49////2+MjIx0cwjQPhD1D1kABBpBEgOIQfbDGQyDADcCBBgAfqj1cdeFneQAAAAASUVORK5CYII=); }
  .nearby-list .expandable-information > a {
    border-top: 1px dotted #ccc; }
  .nearby-list .hidden-results {
    list-style: none outside none;
    margin: 0; }
    .nearby-list .hidden-results .nearby-list-result {
      border-bottom: 0;
      border-top: 1px dotted #ccc; }
  .nearby-list .bch-dock-bar-blue {
    display: block;
    position: relative;
    height: 10px;
    margin-bottom: 5px;
    border: 1px solid #1A5A92;
    background-color: #EEE; }
    .nearby-list .bch-dock-bar-blue:after {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background-color: #1A5A92; }
    .nearby-list .bch-dock-bar-blue.full-125:after {
      width: 12.5%; }
    .nearby-list .bch-dock-bar-blue.full-250:after {
      width: 25%; }
    .nearby-list .bch-dock-bar-blue.full-375:after {
      width: 37.5%; }
    .nearby-list .bch-dock-bar-blue.full-500:after {
      width: 50%; }
    .nearby-list .bch-dock-bar-blue.full-625:after {
      width: 62.5%; }
    .nearby-list .bch-dock-bar-blue.full-750:after {
      width: 75%; }
    .nearby-list .bch-dock-bar-blue.full-875:after {
      width: 87.5%; }
    .nearby-list .bch-dock-bar-blue.full-1000:after {
      width: 100%; }
  .nearby-list .bch-dock-bar {
    display: block;
    position: relative;
    height: 10px;
    margin-bottom: 5px;
    border: 1px solid #EC0000;
    background-color: #EEE; }
    .nearby-list .bch-dock-bar:after {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background-color: #EC0000; }
    .nearby-list .bch-dock-bar.full-125:after {
      width: 12.5%; }
    .nearby-list .bch-dock-bar.full-250:after {
      width: 25%; }
    .nearby-list .bch-dock-bar.full-375:after {
      width: 37.5%; }
    .nearby-list .bch-dock-bar.full-500:after {
      width: 50%; }
    .nearby-list .bch-dock-bar.full-625:after {
      width: 62.5%; }
    .nearby-list .bch-dock-bar.full-750:after {
      width: 75%; }
    .nearby-list .bch-dock-bar.full-875:after {
      width: 87.5%; }
    .nearby-list .bch-dock-bar.full-1000:after {
      width: 100%; }
  .nearby-list .bch-bike-spaces {
    position: absolute;
    right: 0;
    top: 0; }
  .nearby-list .line-container {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 1px; }
  .nearby-list .line {
    display: block;
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0;
    left: 0; }
  .nearby-list .mode-icon {
    position: absolute;
    top: 5px;
    left: 2px; }
  .nearby-list .multi-modal-station {
    display: block;
    position: relative;
    width: 32px;
    margin: 2px 0 0 2px;
    background-color: #fff;
    border-radius: 15px;
    padding: 5px 0;
    box-shadow: 0 3px 0 0 #ccc;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85); }
    .nearby-list .multi-modal-station .mode-icon {
      float: left;
      position: static;
      padding-top: 0;
      margin-top: -2px;
      margin-bottom: -2px; }
      .nearby-list .multi-modal-station .mode-icon.tube-station-icon {
        background-position: 0px -1056px; }
      .nearby-list .multi-modal-station .mode-icon.national-rail-station-icon {
        background-position: 0px -352px; }
      .nearby-list .multi-modal-station .mode-icon.dlr-station-icon, .nearby-list .multi-modal-station .mode-icon.docklands-station-icon, .nearby-list .multi-modal-station .mode-icon.docklands-light-railway-station-icon {
        background-position: 0px -1088px; }
      .nearby-list .multi-modal-station .mode-icon.tram-station-icon {
        background-position: -32px -1120px; }
      .nearby-list .multi-modal-station .mode-icon.overground-station-icon {
        background-position: -64px -1056px; }
      .nearby-list .multi-modal-station .mode-icon.tflrail-station-icon, .nearby-list .multi-modal-station .mode-icon.tfl-rail-station-icon {
        background-position: 0px -3072px; }
      .nearby-list .multi-modal-station .mode-icon.river-bus-station-icon {
        background-position: 0px -384px; }
      .nearby-list .multi-modal-station .mode-icon.coach-station-icon {
        background-position: 0px -1120px; }
      .nearby-list .multi-modal-station .mode-icon.disrupted:before {
        content: "";
        display: block;
        position: relative;
        top: 6px;
        left: 7px;
        -webkit-transform: scale(1.17647);
        -moz-transform: scale(1.17647);
        -ms-transform: scale(1.17647);
        -o-transform: scale(1.17647);
        transform: scale(1.17647);
        background-image: url("/static/1/images/vsprite_x2.png");
        background-image: url("/static/1/images/vsprite.png") \9;
        background-size: 96px 3776px;
        background-position: -32px -1344px;
        height: 32px;
        width: 32px;
        display: block; }
        .body-cms-preview .nearby-list .multi-modal-station .mode-icon.disrupted:before {
          background-image: url("/static/1/images/vsprite.png"); }
      .nearby-list .multi-modal-station .mode-icon:last-child:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -7px;
        left: 50%;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #ccc transparent transparent transparent;
        margin-left: -7px; }
    .nearby-list .multi-modal-station:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -4px;
      left: 50%;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #fff transparent transparent transparent;
      margin-left: -5px;
      z-index: 1; }
  .nearby-list .small-disrupted-icon {
    display: inline-block;
    width: 10px;
    height: 20px;
    background-position: -43px -1350px; }

/**************************************************
	C1 Accordion

* Author: Steven Swinbank
* Created: 23/04/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C22+-+Video+gallery

**************************************************/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px; }

.video-container iframe,
.video-container object,
.video-container embed {
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-gallery-wrapper .video-gallery {
  padding-bottom: 15px;
  background: #EEE; }
  .video-gallery-wrapper .video-gallery .galleria-image-nav {
    display: none; }

.video-gallery-wrapper .video-thumbs .video-thumb img {
  max-width: 100%;
  height: auto; }

.video-gallery-wrapper .video-thumbs .video-thumb.selected .video-caption {
  color: #000;
  width: 100%; }

.video-gallery-wrapper .video-thumbs .video-thumb.selected span {
  background: #ccc;
  color: #000; }

.video-gallery-wrapper .video-thumbs .video-thumb:nth-child(3n+3) {
  margin-right: 0; }

.video-gallery-wrapper .video-thumbs .video-thumb:first-child {
  padding-left: 0; }

.video-gallery-wrapper .video-thumbs .video-thumb .video-caption {
  display: block;
  padding: 10px 10px 10px 10px;
  font-size: 10pt;
  float: left;
  color: #2070B0; }

.video-gallery-wrapper .video-thumbs .video-thumb > a:after {
  clear: both;
  display: block;
  content: ""; }

.video-gallery-wrapper .nbs-flexisel-inner {
  margin-bottom: 15px; }

@media only screen and (min-width: 580px) {
  .video-thumbs .video-thumb {
    max-width: 23.5%; }
    .video-thumbs .video-thumb:nth-child(4n+4) {
      margin-right: 0; } }

.video-gallery-title {
  padding: 5px 5px 5px 8px;
  font-size: 14pt; }

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
  display: none; }

.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
  *overflow: hidden; }

.nbs-flexisel-ul {
  position: relative;
  width: 9999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: left; }

.nbs-flexisel-inner {
  overflow: hidden;
  float: left;
  width: 100%;
  background: #EEE;
  border-top: none; }

.nbs-flexisel-item {
  float: left;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  position: relative;
  line-height: 0px; }

.nbs-flexisel-item img {
  max-width: 32%;
  padding: 1px;
  float: left; }

/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  height: 40px;
  width: 40px;
  background: #fff;
  position: absolute;
  cursor: pointer;
  z-index: 1000; }

.nbs-flexisel-nav-left {
  left: 0; }
  .nbs-flexisel-nav-left:after {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    background-position: 0px -576px;
    height: 32px;
    width: 32px;
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    content: ""; }
    .body-cms-preview .nbs-flexisel-nav-left:after {
      background-image: url("/static/1/images/vsprite.png"); }

.nbs-flexisel-nav-right {
  right: 0; }
  .nbs-flexisel-nav-right:after {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    background-position: 0px -640px;
    height: 32px;
    width: 32px;
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    content: ""; }
    .body-cms-preview .nbs-flexisel-nav-right:after {
      background-image: url("/static/1/images/vsprite.png"); }

/**************************************************
    M033-headline

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

**************************************************/
.headline-container {
  margin: 20px 0 10px;
  padding: 5px 0;
  position: relative; }
  .headline-container h1, .headline-container h2 {
    margin: 0; }
  .headline-container.plain {
    padding: 0;
    font-family: "Johnston100-Regular"; }
    .headline-container.plain h1 {
      font-family: "Johnston100-Regular"; }
  .headline-container.section-title {
    padding: 5px 0; }
  .headline-container.with-logo {
    padding-right: 135px; }
  .headline-container.with-tag {
    padding-left: 20px; }
    .headline-container.with-tag.bus {
      padding-left: 0;
      *zoom: 1; }
      .headline-container.with-tag.bus:before, .headline-container.with-tag.bus:after {
        content: " ";
        display: table; }
      .headline-container.with-tag.bus:after {
        clear: both; }
      .headline-container.with-tag.bus h1 {
        font-size: 28px;
        padding: 0; }
        .headline-container.with-tag.bus h1.route-direction {
          font-size: 28px;
          padding: 0; }
      .headline-container.with-tag.bus .route-number {
        float: left;
        margin-right: 20px;
        color: #fff;
        background-color: #C33;
        padding: 0 10px;
        font-size: 35px; }
      .headline-container.with-tag.bus .route-from, .headline-container.with-tag.bus .route-to {
        display: block; }
      .headline-container.with-tag.bus .route-details-container {
        float: left;
        width: 60%;
        margin-bottom: 10px; }
        .headline-container.with-tag.bus .route-details-container h1 {
          font-weight: bold; }
        .headline-container.with-tag.bus .route-details-container p {
          margin-bottom: 0px; }
    .headline-container.with-tag .tag {
      position: absolute;
      display: block;
      left: 0;
      bottom: 0;
      top: 0;
      width: 10px; }
      .headline-container.with-tag .tag.bus {
        background: transparent; }
    .headline-container.with-tag h1 {
      padding-top: 13px;
      padding-bottom: 8px; }
  .headline-container.content-page {
    border-bottom: 1px solid #cacaca;
    padding: 0;
    margin-bottom: 26px; }
    .headline-container.content-page h1 {
      word-wrap: break-word;
      text-decoration: none; }
      .headline-container.content-page h1 a {
        color: inherit;
        text-decoration: none;
        font-size: inherit;
        line-height: inherit; }
    .headline-container.content-page.routes-page {
      padding: 0px;
      margin-bottom: 20px;
      border-bottom: 0px; }
    .headline-container.content-page.ssp-page {
      margin-top: 15px;
      margin-bottom: 20px;
      padding: 0px;
      border-bottom: 0px; }
  .headline-container[class*="mode-"] {
    padding-right: 46px; }
    .headline-container[class*="mode-"]:after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      width: 36px;
      height: 30px;
      bottom: 10px;
      background-size: 100%;
      background-repeat: no-repeat; }
  .headline-container.mode-cable-car {
    padding-right: 128px;
    padding-top: 25px; }
    .headline-container.mode-cable-car:after {
      height: 50px;
      width: 118px; }
    .headline-container.mode-cable-car .headline-info {
      padding-right: 128px; }
  .headline-container.mode-cycle:after {
    height: 36px; }
  .headline-container .headline-info {
    padding: 5px 0 10px 10px;
    position: relative;
    min-height: 40px;
    font-size: 16px; }
    .headline-container .headline-info.with-icon {
      padding-left: 35px; }
      .headline-container .headline-info.with-icon > span {
        position: absolute;
        display: block;
        left: 0;
        top: 0; }
      .headline-container .headline-info.with-icon > p {
        margin: 0;
        line-height: 16px;
        padding-top: 4px; }
  .headline-container.nearby-page:after, .headline-container.maps-page:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("/static/1/images/homepage_sprite_x2.png");
    background-image: url("/static/1/images/homepage_sprite.png") \9;
    background-size: 96px 240px;
    background-position: 48px 48px;
    height: 48px;
    width: 48px;
    display: block; }
    .body-cms-preview .headline-container.nearby-page:after, .body-cms-preview .headline-container.maps-page:after {
      background-image: url("/static/1/images/homepage_sprite.png"); }
  .headline-container.maps-page:after {
    background-position: -48px -48px; }
  .headline-container.nearby-page:after {
    background-position: 0px -96px; }

#full-width-content .section-header {
  margin-bottom: 30px; }
  #full-width-content .section-header h2, #full-width-content .section-header h3 {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 4px; }

/**************************************************
	M035-bus-options

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

**************************************************/
.bus-options {
  list-style-type: none;
  margin-left: 1px;
  margin-bottom: 15px; }
  .bus-options:after {
    content: "";
    display: block;
    clear: both; }
  .bus-options .bus-option {
    display: block;
    float: left;
    margin-left: -1px;
    margin-top: -1px; }
  .bus-options .bus-specific {
    font-size: 0;
    line-height: 0; }
  .bus-options.filter .bus-option {
    min-width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 20px;
    border-bottom: 3px solid #ccc;
    margin-bottom: 7px; }
    .bus-options.filter .bus-option .bus-specific {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .bus-options.filter .bus-option.active {
      border-color: #C33; }

.bus-option {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ccc;
  color: #1A5A92;
  font-size: 18px;
  position: relative;
  background: #fff; }
  .bus-option .bus-option-route-name {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    padding: 0 5px;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
    .bus-option .bus-option-route-name:hover {
      background-color: #f2f2f2; }
  .bus-option .bus-specific {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  .bus-option.night-bus {
    background-color: #EFF6FD; }
  .bus-option.warning {
    background-color: #FAF5E1; }
    .bus-option.warning:hover .bus-option-route-name, .bus-option.warning:focus .bus-option-route-name {
      background-color: #f6eecb; }
    .bus-option.warning .bus-specific {
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: -32px -1344px;
      bottom: -8px;
      right: -7px; }
      .body-cms-preview .bus-option.warning .bus-specific {
        background-image: url("/static/1/images/vsprite.png"); }
  .bus-option.non-stop .bus-specific {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -1344px;
    top: -9px;
    left: 50%;
    margin-left: -17px; }
    .body-cms-preview .bus-option.non-stop .bus-specific {
      background-image: url("/static/1/images/vsprite.png"); }
  .bus-option.active {
    background-color: #C33;
    color: #fff;
    position: relative;
    overflow: visible; }
    .bus-option.active:hover .bus-option-route-name, .bus-option.active:focus .bus-option-route-name {
      background-color: #b82e2e; }
    .bus-option.active:after {
      content: "";
      display: block;
      position: absolute;
      border-color: #C33 transparent transparent;
      border-width: 8px;
      border-style: solid;
      top: 100%;
      left: 50%;
      margin-left: -8px; }

/**************************************************
	C10 Document download

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C10+-+Document+download

**************************************************/
.document-download-wrap {
  position: relative;
  padding: 10px 40px 10px 10px;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  border: solid 1px #a8a8a8;
  border-bottom: solid 4px #ccc;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .document-download-wrap:hover, .document-download-wrap:focus {
    text-decoration: none;
    background-color: #EFF6FD; }
  .document-download-wrap .document-download-text {
    width: 100%; }
    .document-download-wrap .document-download-text p {
      margin-bottom: 0;
      color: #2070b6; }
  .document-download-wrap .document-download-attachment {
    width: 100%; }
    .document-download-wrap .document-download-attachment p {
      margin-bottom: 0;
      color: #676767; }
  .document-download-wrap .document-download-icon {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -16px; }
  .document-download-wrap .download-doc {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    background-position: -64px -192px;
    height: 32px;
    width: 32px;
    display: block; }
    .body-cms-preview .document-download-wrap .download-doc {
      background-image: url("/static/1/images/vsprite.png"); }
    .body-cms-preview .document-download-wrap .download-doc {
      background-image: url("/static/1/images/vsprite.png"); }
  .document-download-wrap .download-image {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    background-position: -64px -96px;
    height: 32px;
    width: 32px;
    display: block; }
    .body-cms-preview .document-download-wrap .download-image {
      background-image: url("/static/1/images/vsprite.png"); }
    .body-cms-preview .document-download-wrap .download-image {
      background-image: url("/static/1/images/vsprite.png"); }
  .document-download-wrap .download-spread {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    background-position: -64px -160px;
    height: 32px;
    width: 32px;
    display: block; }
    .body-cms-preview .document-download-wrap .download-spread {
      background-image: url("/static/1/images/vsprite.png"); }
    .body-cms-preview .document-download-wrap .download-spread {
      background-image: url("/static/1/images/vsprite.png"); }
  .document-download-wrap .download-zip {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    background-position: -64px -128px;
    height: 32px;
    width: 32px;
    display: block; }
    .body-cms-preview .document-download-wrap .download-zip {
      background-image: url("/static/1/images/vsprite.png"); }
    .body-cms-preview .document-download-wrap .download-zip {
      background-image: url("/static/1/images/vsprite.png"); }
  .document-download-wrap .download-audio {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    background-position: -64px -128px;
    height: 32px;
    width: 32px;
    display: block; }
    .body-cms-preview .document-download-wrap .download-audio {
      background-image: url("/static/1/images/vsprite.png"); }
    .body-cms-preview .document-download-wrap .download-audio {
      background-image: url("/static/1/images/vsprite.png"); }
  .document-download-wrap.with-image .document-download-text {
    padding-left: 100px; }
  .document-download-wrap.with-image .document-download-attachment {
    padding-left: 100px; }
  .document-download-wrap.with-image .document-download-image {
    position: absolute;
    left: 10px;
    top: 10px;
    overflow: hidden; }
    .document-download-wrap.with-image .document-download-image.portrait {
      height: 124px;
      width: 88px; }
    .document-download-wrap.with-image .document-download-image.landscape {
      width: 88px;
      height: 62px; }
  .document-download-wrap.portrait-download-image {
    min-height: 150px; }
  .document-download-wrap.landscape-download-image {
    min-height: 85px; }
    .document-download-wrap.landscape-download-image .document-download-text {
      padding-left: 105px; }
    .document-download-wrap.landscape-download-image .document-download-attachment {
      padding-left: 105px; }

/**************************************************
    M046-map-panel

* Author: Adrian Osmond
* Created: 07/10/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M046-map-panel

**************************************************/
.map-panel {
  background-color: #2D3039;
  color: #fff;
  position: relative;
  padding: 15px; }
  .showing-map-panel .map-panel {
    display: block; }
  .map-panel .close3-icon {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 10; }
  .map-panel .nearby-list-heading {
    display: block;
    font-size: 20px;
    padding-top: 3px;
    line-height: 26px; }
  .map-panel .nearby-mode-information {
    position: static;
    float: left;
    height: 35px;
    margin: -2px 5px 0 -2px; }
    .map-panel .nearby-mode-information .mode-icon {
      width: 31px;
      position: static;
      float: left; }
  .map-panel .nearby-mode-details {
    padding: 0 20px 3px 0px;
    margin-bottom: 15px; }
  .map-panel .mode-icon {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding-top: 7px;
    text-align: center; }
  .map-panel .multi-modal-station .mode-icon {
    display: none; }
  .map-panel.loading {
    min-height: 80px; }
    .map-panel.loading:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -35px;
      margin-left: -35px; }
    .map-panel.loading > .map-panel-info {
      display: none; }
  .map-panel .map-panel-info > .link-button + .link-button {
    margin-top: -21px; }
  .map-panel .map-panel-info > .link-button:last-child {
    margin-bottom: 10px; }
  .map-panel .widget-wrapper {
    color: #333; }
  .map-panel .map-panel-heading {
    display: block;
    font-size: 20px;
    padding-top: 3px;
    line-height: 26px;
    position: relative;
    padding-left: 33px;
    padding-right: 20px; }
    .map-panel .map-panel-heading:after {
      content: "";
      display: block;
      position: absolute;
      left: -4px;
      top: 50%;
      margin-top: -16px;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px; }
      .body-cms-preview .map-panel .map-panel-heading:after {
        background-image: url("/static/1/images/vsprite.png"); }
    .map-panel .map-panel-heading.Minimal:after {
      background-position: 0px -1376px; }
    .map-panel .map-panel-heading.Moderate:after {
      background-position: -32px -1376px; }
    .map-panel .map-panel-heading.Works:after {
      background-position: -32px -1376px; }
    .map-panel .map-panel-heading.Serious:after {
      background-position: -64px -1376px; }
    .map-panel .map-panel-heading.Severe:after {
      background-position: 0px -1408px; }
    .map-panel .map-panel-heading.jam-cam:after {
      background-position: -64px -2144px; }
    .map-panel .map-panel-heading.variable-message:after {
      background-position: -64px -2176px; }
    .map-panel .map-panel-heading.coach:after {
      background-position: 0px -1472px; }
    .map-panel .map-panel-heading.car-clubs:after {
      background-position: -32px -2592px; }
    .map-panel .map-panel-heading.mobile:after {
      background-position: -32px -2656px; }
    .map-panel .map-panel-heading.oyster-ticket-stop:after {
      background-position: -64px -2272px; }
  .map-panel .map-panel-subheading {
    font-weight: normal;
    padding-left: 33px;
    text-transform: capitalize; }
  .map-panel .map-panel-content {
    background-color: #fff;
    color: #2D3039;
    padding: 15px; }
    .map-panel .map-panel-content .description {
      margin-bottom: 15px; }
    .map-panel .map-panel-content .cost {
      padding-left: 32px;
      position: relative;
      min-height: 28px;
      vertical-align: middle; }
      .map-panel .map-panel-content .cost:before {
        content: "";
        background-image: url("/static/1/images/vsprite_x2.png");
        background-image: url("/static/1/images/vsprite.png") \9;
        background-size: 96px 3776px;
        height: 32px;
        width: 32px;
        background-position: -32px -1728px;
        position: absolute;
        left: -5px;
        top: 50%;
        margin-top: -16px; }
        .body-cms-preview .map-panel .map-panel-content .cost:before {
          background-image: url("/static/1/images/vsprite.png"); }
    .map-panel .map-panel-content > :last-child {
      margin-bottom: 0; }
  .map-panel .contact {
    background: #fff;
    padding: 10px 15px 10px 42px;
    color: #2D3039;
    position: relative;
    margin-top: 15px; }
    .map-panel .contact:before {
      content: "";
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: -64px -1216px;
      position: absolute;
      left: 7px;
      top: 50%;
      margin-top: -16px; }
      .body-cms-preview .map-panel .contact:before {
        background-image: url("/static/1/images/vsprite.png"); }
  .map-panel .field-validation-information {
    color: #2D3039; }

.star-map-panel-info-icon-filled {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-size: 174px 6844px;
  background-position: -58px -6148px;
  height: 58px;
  width: 58px;
  display: block; }
  .body-cms-preview .star-map-panel-info-icon-filled {
    background-image: url("/static/1/images/vsprite.png"); }

.star-map-panel-info-icon-empty {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-size: 174px 6844px;
  background-position: -116px -6148px;
  height: 58px;
  width: 58px;
  display: block; }
  .body-cms-preview .star-map-panel-info-icon-empty {
    background-image: url("/static/1/images/vsprite.png"); }

.align-half-up-down {
  top: -28px;
  position: absolute;
  right: 0;
  left: 73.6%; }

/**************************************************
	M064 responsive button row
* Author: Alex Faunt
* Created: 25/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M064-responsive-button-row
**************************************************/
.responsive-button-row {
  margin: 0 0 20px -10px;
  position: relative;
  overflow: visible; }
  .responsive-button-row:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0;
    float: none; }
  .responsive-button-row .rbr-button {
    padding-left: 10px;
    float: left;
    white-space: nowrap; }
    .responsive-button-row .rbr-button a {
      margin: 0; }
  .responsive-button-row .rbr-button, .responsive-button-row .rbr-group {
    top: 0; }
  .responsive-button-row .rbr-group {
    display: block;
    float: left; }
    .responsive-button-row .rbr-group:after {
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
      content: " ";
      font-size: 0;
      float: none; }
    .responsive-button-row .rbr-group .rbr-button {
      display: none; }
    .responsive-button-row .rbr-group .rbr-group-button {
      display: block; }
  .responsive-button-row.collapsed.opened {
    min-height: 121px; }
    .responsive-button-row.collapsed.opened .rbr-group-button > a {
      background-color: #464951;
      border-color: #464951;
      color: #fff; }
    .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button {
      display: block;
      padding: 20px 5px 23px;
      background-color: #464951;
      position: absolute;
      bottom: 0;
      width: auto;
      top: auto;
      text-transform: capitalize; }
      .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
        margin: 0; }
        .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.with-icon {
          display: block;
          padding-right: 32px; }
        .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .secondary-journey-from-icon {
          background-position: -32px -1952px; }
        .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .secondary-journey-to-icon {
          background-position: 0px -1952px; }
      .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button:last-child {
        padding-right: 10px;
        right: 0;
        left: 50%; }
    .responsive-button-row.collapsed.opened .rbr-group-button + div.rbr-button {
      padding-left: 10px;
      left: 10px;
      right: 50%; }
    .responsive-button-row.collapsed.opened .not-opened {
      display: none; }
  .responsive-button-row .plain-link.with-icon {
    padding-left: 32px; }
    .responsive-button-row .plain-link.with-icon .i {
      left: 0px; }

.inline-button-container {
  min-height: 3em;
  padding-bottom: 10px; }
  .inline-button-container .rbr-group-button .rbr-button:first-child {
    float: none; }
  .inline-button-container .rbr-group-button .rbr-button:last-child {
    float: none; }

@media screen and (min-width: 600px) {
  .inline-button-container .rbr-group-button .rbr-button {
    width: 48%; }
    .inline-button-container .rbr-group-button .rbr-button:first-child {
      float: left; }
    .inline-button-container .rbr-group-button .rbr-button:last-child {
      float: right; } }

/**************************************************
	M065-section-of-line
* Author: Andrew Spencer
* Created: 21/10/2013
* Pattern library URL:  
**************************************************/
.line-info-box {
  margin-bottom: 20px; }
  .line-info-box .content {
    border-bottom: 0px; }
    .line-info-box .content .always-visible .controls {
      display: block;
      right: 5px; }
    .line-info-box .content.expanded {
      border-bottom: 1px solid #ccc; }
  .line-info-box .accordion-heading {
    background-color: #EEE;
    border: 0px;
    padding-right: 40px; }
    .line-info-box .accordion-heading .line-name {
      margin-left: 20px;
      font-size: 20px;
      margin-bottom: 0px; }
    .line-info-box .accordion-heading .line-section {
      margin-left: 20px;
      font-size: 15px;
      margin-bottom: 0px; }
    .line-info-box .accordion-heading.route .tag {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0px;
      width: 10px;
      z-index: 1;
      text-indent: -10000px; }
  .line-info-box .start-hidden {
    padding: 0px; }
    .line-info-box .start-hidden .stop-list, .line-info-box .start-hidden .timetable-route {
      margin-bottom: 0px; }
      .line-info-box .start-hidden .stop-list li .lines, .line-info-box .start-hidden .timetable-route li .lines {
        overflow: visible;
        left: -5px; }
        .line-info-box .start-hidden .stop-list li .lines span, .line-info-box .start-hidden .timetable-route li .lines span {
          width: 6px; }
          .line-info-box .start-hidden .stop-list li .lines span .interchange, .line-info-box .start-hidden .timetable-route li .lines span .interchange {
            height: 0px; }
            .line-info-box .start-hidden .stop-list li .lines span .interchange:before, .line-info-box .start-hidden .timetable-route li .lines span .interchange:before {
              width: 13px;
              height: 13px;
              background: white;
              right: -16px;
              bottom: -10px;
              position: absolute;
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 10px;
              border-color: black;
              border-style: solid;
              z-index: 2;
              content: ""; }
      .line-info-box .start-hidden .stop-list li .interchange-list, .line-info-box .start-hidden .timetable-route li .interchange-list {
        position: absolute;
        right: 35px;
        top: 5px; }
        .line-info-box .start-hidden .stop-list li .interchange-list div, .line-info-box .start-hidden .timetable-route li .interchange-list div {
          position: relative;
          float: left; }
      .line-info-box .start-hidden .stop-list li .stop-link, .line-info-box .start-hidden .timetable-route li .stop-link {
        padding-left: 40px;
        padding-right: 100px;
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        transition: background-color 0.3s; }
        .line-info-box .start-hidden .stop-list li .stop-link:hover, .line-info-box .start-hidden .timetable-route li .stop-link:hover, .line-info-box .start-hidden .stop-list li .stop-link:focus, .line-info-box .start-hidden .timetable-route li .stop-link:focus {
          text-decoration: none;
          background-color: #eff6fd; }
        .line-info-box .start-hidden .stop-list li .stop-link:after, .line-info-box .start-hidden .timetable-route li .stop-link:after {
          background-image: url("/static/1/images/vsprite_x2.png");
          background-image: url("/static/1/images/vsprite.png") \9;
          background-size: 96px 3776px;
          background-position: 0px -640px;
          height: 32px;
          width: 32px;
          display: block;
          content: "";
          position: absolute;
          top: 50%;
          right: 10px;
          margin-top: -16px;
          margin-right: -10px; }
          .body-cms-preview .line-info-box .start-hidden .stop-list li .stop-link:after, .body-cms-preview .line-info-box .start-hidden .timetable-route li .stop-link:after {
            background-image: url("/static/1/images/vsprite.png"); }
      .line-info-box .start-hidden .stop-list li:nth-child(even), .line-info-box .start-hidden .timetable-route li:nth-child(even) {
        background-color: #F7F7F7; }
      .line-info-box .start-hidden .stop-list li:nth-child(odd), .line-info-box .start-hidden .timetable-route li:nth-child(odd) {
        background-color: white; }
      .line-info-box .start-hidden .stop-list li:first-child .lines, .line-info-box .start-hidden .timetable-route li:first-child .lines {
        top: 0px; }
      .line-info-box .start-hidden .stop-list li:first-child .start-of-line, .line-info-box .start-hidden .timetable-route li:first-child .start-of-line {
        top: 18px; }
        .line-info-box .start-hidden .stop-list li:first-child .start-of-line .stop, .line-info-box .start-hidden .timetable-route li:first-child .start-of-line .stop {
          height: 6px;
          top: 3px; }
      .line-info-box .start-hidden .stop-list li:last-child .end-of-line, .line-info-box .start-hidden .timetable-route li:last-child .end-of-line {
        height: 25px; }
        .line-info-box .start-hidden .stop-list li:last-child .end-of-line .stop, .line-info-box .start-hidden .timetable-route li:last-child .end-of-line .stop {
          height: 6px;
          top: 22px; }
    .line-info-box .start-hidden .stop {
      margin-top: -3px;
      height: 6px;
      width: 8px; }

/**************************************************
	M070 timetable route
* Author: Alex Faunt
* Created: 19/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M070-timetable-route
**************************************************/
.timetable-route li:hover {
  z-index: 2; }

.timetable-route .lines {
  width: 60px;
  z-index: 2; }

.timetable-route a.stop-link {
  padding-left: 130px;
  padding-right: 30px; }
  .timetable-route a.stop-link .time {
    position: absolute;
    left: 70px;
    top: 50%;
    height: 20px;
    margin-top: -10px; }

.timetable-route .selected * {
  font-weight: bold; }
  .timetable-route .selected *.mode-icon {
    font-weight: normal; }

.timetable-route .interchanges {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 10px;
  *zoom: 1; }
  .timetable-route .interchanges:before, .timetable-route .interchanges:after {
    content: " ";
    display: table; }
  .timetable-route .interchanges:after {
    clear: both; }
  .timetable-route .interchanges > span {
    float: left; }

.timetable-route .interchange-1 .stop-link {
  padding-right: 52px; }

.timetable-route .interchange-2 .stop-link {
  padding-right: 84px; }

.timetable-route .interchange-3 .stop-link {
  padding-right: 116px; }

.timetable-route .interchange-4 .stop-link {
  padding-right: 148px; }

.timetable-route .interchange-5 .stop-link {
  padding-right: 180px; }

.timetable-route.stop-selector .stop-link {
  padding-left: 65px;
  padding-right: 32px; }
  .timetable-route.stop-selector .stop-link:after {
    display: block; }

.timetable-route.stop-selector .stop-name {
  left: 14px; }

.timetable-route.stop-selector .interchanges {
  right: 32px; }

.timetable-route.stop-selector .interchange-1 .stop-link {
  padding-right: 74px; }

.timetable-route.stop-selector .interchange-2 .stop-link {
  padding-right: 106px; }

.timetable-route.stop-selector .interchange-3 .stop-link {
  padding-right: 138px; }

.timetable-route.stop-selector .interchange-4 .stop-link {
  padding-right: 170px; }

.timetable-route.stop-selector .interchange-5 .stop-link {
  padding-right: 202px; }

.timetable-route-title {
  padding: 10px;
  display: block; }

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

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

**************************************************/
.map-options-panel {
  background-color: rgba(31, 32, 37, 0.9);
  color: #fff;
  padding: 15px; }
  .map-options-panel .map-options-panel-heading {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .map-options-panel .map-options-panel-heading .menu-icon-alt {
      display: inline-block;
      margin-left: -5px; }
    .map-options-panel .map-options-panel-heading .close3-icon {
      position: absolute;
      top: -5px;
      right: -10px;
      width: 32px;
      cursor: pointer; }
  .map-options-panel .map-panel-radio {
    position: absolute; }
    .map-options-panel .map-panel-radio:checked + .map-panel-radio-with-image {
      background-color: rgba(31, 32, 37, 0.9); }
      .map-options-panel .map-panel-radio:checked + .map-panel-radio-with-image:before {
        content: "";
        position: absolute;
        bottom: 3px;
        right: 3px; }
  .map-options-panel .map-panel-radio-with-image {
    color: #fff;
    position: relative;
    float: left;
    margin-right: 2px;
    padding: 66px 35px 10px 6px;
    width: 126px;
    cursor: pointer; }
    .map-options-panel .map-panel-radio-with-image input {
      opacity: 0;
      position: absolute;
      bottom: 3px;
      right: 3px; }
    .map-options-panel .map-panel-radio-with-image:after {
      content: none; }
    .map-options-panel .map-panel-radio-with-image:last-child {
      margin-right: 0; }
  .map-options-panel .map-panel-radio-image {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 120px;
    height: 50px; }
  .map-options-panel [for='coloured-disruptions'] .map-panel-radio-image {
    background-image: url("/static/1/images/coloured-disruptions.jpg"); }
  .map-options-panel [for='grey-disruptions'] .map-panel-radio-image {
    background-image: url("/static/1/images/grey-disruptions.jpg"); }

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

* Author: Alex Faunt
* Created: 08/01/2014
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M080-rainbow-list

**************************************************/
.rainbow-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
  border-bottom: 1px solid #ccc; }
  .rainbow-list:before, .rainbow-list:after {
    content: " ";
    display: table; }
  .rainbow-list:after {
    clear: both; }
  .rainbow-list .rainbow-list-item {
    border-top: 1px solid #ccc;
    position: relative; }
    .rainbow-list .rainbow-list-item.expanded {
      position: relative;
      z-index: 3;
      border-top: 1px solid #a8a8a8;
      border-bottom: 1px solid #a8a8a8; }
      .rainbow-list .rainbow-list-item.expanded:last-child {
        margin-bottom: -1px; }
      .rainbow-list .rainbow-list-item.expanded + .rainbow-list-item {
        border-top: 0px none; }
      .rainbow-list .rainbow-list-item.expanded .rainbow-list-content {
        display: block; }
    .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name {
      background-color: #e1e1e1; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.emirates, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.emirates {
        background: #ce1631; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.bakerloo {
        background: #75431f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.central, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.central {
        background: #c6201c; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.circle, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.circle {
        background: #e6b900; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.district, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.district {
        background: #005920; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.hammersmith-city {
        background: #d087a1; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.jubilee, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.jubilee {
        background: #5e656a; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.metropolitan {
        background: #5f0d46; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.northern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.northern {
        background: black; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.piccadilly {
        background: #00158f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.victoria, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.victoria {
        background: #008ec9; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.waterloo, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.waterloo {
        background: #63c9b4; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.overground, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.overground {
        background: #d05f0e; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tflrail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tfl-rail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tflrail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tfl-rail {
        background: #00158f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.dlr, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.docklands, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.dlr, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.docklands, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.docklands-light-railway {
        background: #009694; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram {
        background: #59b300; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram1 {
        background: #b9cb27; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram2 {
        background: #b9cb27; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram3 {
        background: #6db038; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram4 {
        background: #295610; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a316, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a316 {
        background: #e96daf; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a41, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a41 {
        background: #793877; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a40, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a40 {
        background: #b9e600; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a23, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a23 {
        background: #40ff95; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a21, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a21 {
        background: #3b5470; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a3 {
        background: #508257; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a2 {
        background: #ec25bb; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a1 {
        background: #33750d; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-south-circular-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-south-circular-a205 {
        background: #591a2f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-north-circular-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-north-circular-a406 {
        background: #9424c8; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a24, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a24 {
        background: #5e4a35; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a13, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a13 {
        background: #3dd7f9; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a12, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a12 {
        background: #e5512e; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a10, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a10 {
        background: #4a38c6; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a4 {
        background: #52d804; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a20, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a20 {
        background: #efe366; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-central-london, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-central-london-red-routes, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-inner-ring, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-southern-river-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-city-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-farringdon-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-western-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-central-london, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-central-london-red-routes, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-inner-ring, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-southern-river-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-city-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-farringdon-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-western-cross-route {
        background: #8bf252; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-blackwall-tunnel, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-blackwall-tunnel {
        background: #e98e42; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb1 {
        background: #22242b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb2 {
        background: #0063a3; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb3 {
        background: #ef5b9e; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb4 {
        background: #4fbb92; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb5, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb5 {
        background: #a65d2b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb6, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb6 {
        background: #db4fa5; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.city-cruises {
        background: #d82f12; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.thames-river-services, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.thames-river-services {
        background: #242884; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.circular-cruise-westminster, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.circular-cruise-westminster {
        background: #3da12f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.thames-river-boat, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.thames-river-boat {
        background: #e3a700; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.turk-launches, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.turk-launches {
        background: #003265; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.woolwich-ferry, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.woolwich-ferry {
        background: #f28709; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb1x, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb1x {
        background: #094673; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.arriva-trains-wales {
        background: #00a09b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.c2c, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.c2c {
        background: #e00f7f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.chiltern-railways {
        background: #a878b8; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.virgin-trains-east-coast, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.virgin-trains-east-coast {
        background: #830101; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.east-midlands-trains {
        background: #ca6114; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.great-western-railway, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.great-western-railway {
        background: #001a1a; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-hull-trains {
        background: #177b36; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-transpennine-express {
        background: #f04d91; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.gatwick-express {
        background: #151314; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.grand-central, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.grand-central {
        background: #323233; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.greater-anglia {
        background: #7d819a; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.heathrow-connect {
        background: #f46d77; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.heathrow-express {
        background: #42bdb8; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.island-line, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.island-line {
        background: #f7a35c; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.merseyrail {
        background: #fec046; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.northern-rail {
        background: #045a8f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.scotrail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.scotrail {
        background: #88979e; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.southeastern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.southeastern {
        background: #0062a6; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.southern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.southern {
        background: #008e40; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.south-west-trains {
        background: #df100d; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.cross-country, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.cross-country {
        background: #8d2e5b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.eurostar, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.eurostar {
        background: #b09e66; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.london-midland, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.london-midland {
        background: #7db42c; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.stanstead-express {
        background: #565659; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.virgin-trains {
        background: #945927; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.great-northern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.great-northern {
        background: #0093c9; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.thameslink, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.thameslink {
        background: #d62d83; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.caledonian-sleeper, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.caledonian-sleeper {
        background: #202c6b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.bus, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.bus {
        background: #c6201c; }
    .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .disruption-summary {
      background-color: #EFF6FD; }
    .rainbow-list .rainbow-list-item.link-only .good-service-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .good-service-link:focus .disruption-summary {
      background-color: #2b4868; }
    .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name {
      background-color: #e1e1e1; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.emirates, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.emirates {
        background: #ce1631; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.bakerloo {
        background: #75431f; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.central, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.central {
        background: #c6201c; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.circle, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.circle {
        background: #e6b900; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.district, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.district {
        background: #005920; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.hammersmith-city {
        background: #d087a1; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.jubilee, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.jubilee {
        background: #5e656a; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.metropolitan {
        background: #5f0d46; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.northern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.northern {
        background: black; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.piccadilly {
        background: #00158f; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.victoria, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.victoria {
        background: #008ec9; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.waterloo, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.waterloo {
        background: #63c9b4; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.overground, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.overground {
        background: #d05f0e; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tflrail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tfl-rail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tflrail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tfl-rail {
        background: #00158f; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.dlr, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.docklands, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.dlr, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.docklands, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.docklands-light-railway {
        background: #009694; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram {
        background: #59b300; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram1 {
        background: #b9cb27; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram2 {
        background: #b9cb27; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram3 {
        background: #6db038; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram4 {
        background: #295610; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a316, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a316 {
        background: #e96daf; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a41, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a41 {
        background: #793877; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a40, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a40 {
        background: #b9e600; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a23, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a23 {
        background: #40ff95; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a21, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a21 {
        background: #3b5470; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a3 {
        background: #508257; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a2 {
        background: #ec25bb; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a1 {
        background: #33750d; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-south-circular-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-south-circular-a205 {
        background: #591a2f; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-north-circular-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-north-circular-a406 {
        background: #9424c8; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a24, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a24 {
        background: #5e4a35; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a13, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a13 {
        background: #3dd7f9; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a12, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a12 {
        background: #e5512e; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a10, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a10 {
        background: #4a38c6; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a4 {
        background: #52d804; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a20, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a20 {
        background: #efe366; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-central-london, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-central-london-red-routes, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-inner-ring, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-southern-river-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-city-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-farringdon-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-western-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-central-london, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-central-london-red-routes, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-inner-ring, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-southern-river-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-city-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-farringdon-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-western-cross-route {
        background: #8bf252; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-blackwall-tunnel, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-blackwall-tunnel {
        background: #e98e42; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb1 {
        background: #22242b; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb2 {
        background: #0063a3; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb3 {
        background: #ef5b9e; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb4 {
        background: #4fbb92; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb5, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb5 {
        background: #a65d2b; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb6, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb6 {
        background: #db4fa5; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.city-cruises {
        background: #d82f12; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.thames-river-services, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.thames-river-services {
        background: #242884; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.circular-cruise-westminster, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.circular-cruise-westminster {
        background: #3da12f; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.thames-river-boat, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.thames-river-boat {
        background: #e3a700; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.turk-launches, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.turk-launches {
        background: #003265; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.woolwich-ferry, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.woolwich-ferry {
        background: #f28709; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb1x, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb1x {
        background: #094673; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.arriva-trains-wales {
        background: #00a09b; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.c2c, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.c2c {
        background: #e00f7f; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.chiltern-railways {
        background: #a878b8; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.virgin-trains-east-coast, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.virgin-trains-east-coast {
        background: #830101; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.east-midlands-trains {
        background: #ca6114; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.great-western-railway, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.great-western-railway {
        background: #001a1a; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-hull-trains {
        background: #177b36; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-transpennine-express {
        background: #f04d91; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.gatwick-express {
        background: #151314; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.grand-central, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.grand-central {
        background: #323233; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.greater-anglia {
        background: #7d819a; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.heathrow-connect {
        background: #f46d77; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.heathrow-express {
        background: #42bdb8; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.island-line, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.island-line {
        background: #f7a35c; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.merseyrail {
        background: #fec046; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.northern-rail {
        background: #045a8f; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.scotrail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.scotrail {
        background: #88979e; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.southeastern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.southeastern {
        background: #0062a6; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.southern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.southern {
        background: #008e40; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.south-west-trains {
        background: #df100d; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.cross-country, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.cross-country {
        background: #8d2e5b; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.eurostar, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.eurostar {
        background: #b09e66; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.london-midland, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.london-midland {
        background: #7db42c; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.stanstead-express {
        background: #565659; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.virgin-trains {
        background: #945927; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.great-northern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.great-northern {
        background: #0093c9; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.thameslink, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.thameslink {
        background: #d62d83; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.caledonian-sleeper, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.caledonian-sleeper {
        background: #202c6b; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.bus, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.bus {
        background: #c6201c; }
    .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .disruption-summary {
      background-color: #f6eecb; }
    .rainbow-list .rainbow-list-item.disrupted .disruption-summary {
      background: #FAF5E1; }
      .rainbow-list .rainbow-list-item.disrupted .disruption-summary.night {
        color: #2070B0; }
  .rainbow-list .rainbow-list-link {
    position: relative;
    display: block;
    text-decoration: none;
    *zoom: 1; }
    .rainbow-list .rainbow-list-link:before, .rainbow-list .rainbow-list-link:after {
      content: " ";
      display: table; }
    .rainbow-list .rainbow-list-link:after {
      clear: both; }
  .rainbow-list .tag {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 10px;
    z-index: 10;
    display: block; }
    .rainbow-list .tag + .service-name {
      padding-left: 20px;
      background: #EEE;
      color: #2D3039; }
    .rainbow-list .tag.default {
      background: #a8a8a8; }
  .rainbow-list .service-name {
    padding: 10px;
    display: block;
    float: left;
    width: 50%;
    vertical-align: middle;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    font-weight: normal;
    text-shadow: none; }
    .rainbow-list .service-name:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: inherit;
      background: inherit;
      z-index: 0; }
    .rainbow-list .service-name span {
      position: relative;
      z-index: 1; }
    .rainbow-list .service-name.default {
      background: #EEE;
      color: #2D3039; }
  .rainbow-list .disruption-summary {
    padding: 10px 38px 10px 10px;
    display: block;
    float: left;
    vertical-align: middle;
    width: 50%;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    background: #fff; }
    .rainbow-list .disruption-summary:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: inherit;
      background: inherit;
      z-index: 0; }
    .rainbow-list .disruption-summary span {
      position: relative;
      z-index: 1; }
    .rainbow-list .disruption-summary.night {
      color: white;
      background-color: #33547A; }
  .rainbow-list .controls {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    display: block; }
  .rainbow-list .rainbow-list-content {
    color: #2D3039;
    display: none;
    background-color: #FAF5E1;
    padding-bottom: 30px;
    position: relative; }
    .rainbow-list .rainbow-list-content .close-message {
      position: absolute;
      right: 10px;
      bottom: 9px; }
    .rainbow-list .rainbow-list-content .section {
      padding: 12px 10px;
      margin: 0;
      border-top: 1px dotted #ccc;
      position: relative; }
      .rainbow-list .rainbow-list-content .section > :first-child {
        margin-top: 0; }
      .rainbow-list .rainbow-list-content .section > :last-child {
        margin-bottom: 0; }
  .rainbow-list.interactive .disrupted .rainbow-list-link {
    cursor: pointer; }
    .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name {
      background-color: #e1e1e1; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.emirates, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.emirates {
        background: #ce1631; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.bakerloo {
        background: #75431f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.central, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.central {
        background: #c6201c; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.circle, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.circle {
        background: #e6b900; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.district, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.district {
        background: #005920; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.hammersmith-city {
        background: #d087a1; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.jubilee, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.jubilee {
        background: #5e656a; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.metropolitan {
        background: #5f0d46; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.northern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.northern {
        background: black; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.piccadilly {
        background: #00158f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.victoria, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.victoria {
        background: #008ec9; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.waterloo, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.waterloo {
        background: #63c9b4; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.overground, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.overground {
        background: #d05f0e; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tflrail, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tfl-rail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tflrail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tfl-rail {
        background: #00158f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.dlr, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.docklands, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.dlr, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.docklands, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.docklands-light-railway {
        background: #009694; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram {
        background: #59b300; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram1 {
        background: #b9cb27; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram2 {
        background: #b9cb27; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram3 {
        background: #6db038; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram4 {
        background: #295610; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a316, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a316 {
        background: #e96daf; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a41, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a41 {
        background: #793877; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a40, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a40 {
        background: #b9e600; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a23, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a23 {
        background: #40ff95; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a21, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a21 {
        background: #3b5470; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a3 {
        background: #508257; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a2 {
        background: #ec25bb; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a1 {
        background: #33750d; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-south-circular-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-south-circular-a205 {
        background: #591a2f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-north-circular-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-north-circular-a406 {
        background: #9424c8; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a24, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a24 {
        background: #5e4a35; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a13, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a13 {
        background: #3dd7f9; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a12, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a12 {
        background: #e5512e; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a10, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a10 {
        background: #4a38c6; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a4 {
        background: #52d804; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a20, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a20 {
        background: #efe366; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-central-london, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-central-london-red-routes, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-inner-ring, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-southern-river-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-bishopsgate-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-city-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-farringdon-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-western-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-central-london, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-central-london-red-routes, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-inner-ring, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-southern-river-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-bishopsgate-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-city-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-farringdon-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-western-cross-route {
        background: #8bf252; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-blackwall-tunnel, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-blackwall-tunnel {
        background: #e98e42; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb1 {
        background: #22242b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb2 {
        background: #0063a3; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb3 {
        background: #ef5b9e; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb4 {
        background: #4fbb92; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb5, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb5 {
        background: #a65d2b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb6, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb6 {
        background: #db4fa5; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.city-cruises {
        background: #d82f12; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.thames-river-services, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.thames-river-services {
        background: #242884; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.circular-cruise-westminster, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.circular-cruise-westminster {
        background: #3da12f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.thames-river-boat, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.thames-river-boat {
        background: #e3a700; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.turk-launches, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.turk-launches {
        background: #003265; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.woolwich-ferry, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.woolwich-ferry {
        background: #f28709; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb1x, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb1x {
        background: #094673; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.arriva-trains-wales {
        background: #00a09b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.c2c, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.c2c {
        background: #e00f7f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.chiltern-railways {
        background: #a878b8; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.virgin-trains-east-coast, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.virgin-trains-east-coast {
        background: #830101; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.east-midlands-trains {
        background: #ca6114; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.great-western-railway, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.great-western-railway {
        background: #001a1a; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-hull-trains {
        background: #177b36; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-transpennine-express {
        background: #f04d91; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.gatwick-express {
        background: #151314; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.grand-central, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.grand-central {
        background: #323233; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.greater-anglia {
        background: #7d819a; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.heathrow-connect {
        background: #f46d77; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.heathrow-express {
        background: #42bdb8; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.island-line, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.island-line {
        background: #f7a35c; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.merseyrail {
        background: #fec046; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.northern-rail {
        background: #045a8f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.scotrail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.scotrail {
        background: #88979e; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.southeastern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.southeastern {
        background: #0062a6; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.southern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.southern {
        background: #008e40; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.south-west-trains {
        background: #df100d; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.cross-country, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.cross-country {
        background: #8d2e5b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.eurostar, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.eurostar {
        background: #b09e66; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.london-midland, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.london-midland {
        background: #7db42c; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.stanstead-express {
        background: #565659; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.virgin-trains {
        background: #945927; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.great-northern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.great-northern {
        background: #0093c9; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.thameslink, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.thameslink {
        background: #d62d83; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.caledonian-sleeper, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.caledonian-sleeper {
        background: #202c6b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.bus, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.bus {
        background: #c6201c; }
    .rainbow-list.interactive .disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .disruption-summary {
      background-color: #f6eecb; }
  .rainbow-list.monochrome .service-name {
    background: #EEE;
    color: #2D3039; }
  .rainbow-list.monochrome .rainbow-list-item:nth-child(even) .service-name {
    background: #F7F7F7; }

.widget-wrapper .night-wrapper .no-disruptions {
  display: none; }

.rainbow-list-wrapper {
  margin-bottom: 20px;
  display: none; }
  .rainbow-list-wrapper .good-service-link {
    border-bottom: 1px solid #ccc;
    position: relative;
    display: block;
    min-height: 40px;
    overflow: hidden;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s; }
    .rainbow-list-wrapper .good-service-link:after {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -16px;
      right: 0; }
    .rainbow-list-wrapper .good-service-link .rainbow {
      width: 50%;
      display: block;
      float: left;
      vertical-align: middle; }
      .rainbow-list-wrapper .good-service-link .rainbow > span {
        display: block;
        height: 10px;
        border-top: 1px solid #ccc; }
        .rainbow-list-wrapper .good-service-link .rainbow > span:first-child {
          border-top: 0px none; }
        .rainbow-list-wrapper .good-service-link .rainbow > span.default {
          background: #EEE; }
    .rainbow-list-wrapper .good-service-link .good-service-message {
      display: inline-block;
      width: 50%;
      vertical-align: middle;
      padding: 40px 32px 10px 10px;
      color: #2D3039; }
    .rainbow-list-wrapper .good-service-link:hover, .rainbow-list-wrapper .good-service-link:focus {
      background-color: #EFF6FD; }
  .rainbow-list-wrapper.width-30 .service-name {
    width: 30%; }
  .rainbow-list-wrapper.width-30 .disruption-summary {
    width: 70%; }
  .rainbow-list-wrapper.width-40 .service-name {
    width: 40%; }
  .rainbow-list-wrapper.width-40 .disruption-summary {
    width: 60%; }
  .rainbow-list-wrapper .rainbow-list-item {
    opacity: 1; }
  .rainbow-list-wrapper.fade-to-black .rainbow-list {
    background-color: #000; }
  .rainbow-list-wrapper.fade-to-black .rainbow-list-item {
    opacity: 0.9; }
    .rainbow-list-wrapper.fade-to-black .rainbow-list-item.expanded {
      opacity: 1; }

.widget-content .rainbow-list {
  border-bottom: 0px none; }

.no-js .rainbow-list .expandable .rainbow-list-content {
  display: block; }

.board-wrapper .rainbow-list-wrapper.no-border {
  border-top: 0; }

.widget-wrapper.always-expanded .widget-content.status-board-line {
  border-top: 0; }

.expandable-box .rainbow-list-link.good-service-link.night:after {
  right: 4px; }

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

.expandable-box .ia-toggle-content > .start-hidden {
  padding: 0; }

.expandable-box .ia-toggle-content.expanded .with-indicator {
  border-top: 1px solid #ccc; }

.expandable-box .ia-toggle-content.disconnected {
  border-bottom-width: 0; }
  .expandable-box .ia-toggle-content.disconnected.expanded .start-hidden {
    border-width: 0; }
  .expandable-box .ia-toggle-content.disconnected .with-indicator {
    margin-bottom: 30px; }

.ia-toggle-content .boxed-label-for-input {
  border-bottom-width: 1px;
  border-top-width: 0; }

.ia-toggle-content:first-of-type .boxed-label-for-input {
  border-top-width: 1px; }

.ia-toggle-content .stackable-container {
  border: solid #ccc;
  border-width: 0 1px 1px 1px; }

.ia-toggle-content.no-content.expanded {
  border-bottom: none; }

.with-indicator {
  position: relative; }
  .with-indicator:before {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ccc transparent;
    right: 17px;
    top: -6px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent white transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.blue:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #eff6fe transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.red:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #FFEFEF transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.white:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #FFFFFF transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.green:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #E6F6DE transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.yellow:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #fbf6e0 transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .disabled-tile .with-indicator:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #eee transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .warning .with-indicator:before {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ccc transparent;
    right: 17px;
    top: -6px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .warning .with-indicator:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #fbf6e0 transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.supplemental-charge:before {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ccc transparent;
    right: 96%;
    top: -5px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.supplemental-charge:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #fbf6e0 transparent;
    right: 96%;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }

.ia-toggle-content.expanded .with-indicator:before {
  right: 0;
  left: 5px; }

.ia-toggle-content.expanded .with-indicator:after {
  right: 0;
  left: 5px; }

.with-indicator .global-warning-top-icon {
  margin-bottom: 0; }

.hanging-information-messages .hanging-message, .hanging-information-messages .cta-hanging-message {
  background-color: #eff6fe;
  border-width: 0 0 3px; }
  .hanging-information-messages .hanging-message .with-indicator, .hanging-information-messages .cta-hanging-message .with-indicator {
    padding: 12px 7px 12px 12px; }
    .hanging-information-messages .hanging-message .with-indicator:before, .hanging-information-messages .cta-hanging-message .with-indicator:before, .hanging-information-messages .hanging-message .with-indicator:after, .hanging-information-messages .cta-hanging-message .with-indicator:after {
      right: 2.4%; }
  .hanging-information-messages .hanging-message .price-point, .hanging-information-messages .cta-hanging-message .price-point {
    width: 30px;
    font-weight: bold;
    float: right; }
    .hanging-information-messages .hanging-message .price-point + p, .hanging-information-messages .cta-hanging-message .price-point + p {
      max-width: 85%; }
  .hanging-information-messages .hanging-message .dotted-cta-separator, .hanging-information-messages .cta-hanging-message .dotted-cta-separator {
    margin: 12px 0; }

.inverse-definition-list {
  font-size: 16px;
  overflow: hidden; }
  .inverse-definition-list dt {
    float: left;
    clear: left; }
  .inverse-definition-list dd {
    float: left;
    font-weight: bold;
    margin-left: 12px; }

.input-accordion {
  margin-bottom: 30px;
  margin-left: 0;
  clear: both; }

.message-container, .instructional-container, .confirmation-container, .information-container, .reminder-container, .topay-container {
  padding: 16px;
  font-size: 16px; }
  .message-container .message-title, .instructional-container .message-title, .confirmation-container .message-title, .information-container .message-title, .reminder-container .message-title, .topay-container .message-title {
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 26px; }
  .message-container p, .instructional-container p, .confirmation-container p, .information-container p, .reminder-container p, .topay-container p {
    line-height: 1.5;
    vertical-align: baseline; }
  .message-container strong, .instructional-container strong, .confirmation-container strong, .information-container strong, .reminder-container strong, .topay-container strong {
    line-height: 1.5;
    vertical-align: baseline; }
  .message-container .friendly-name, .instructional-container .friendly-name, .confirmation-container .friendly-name, .information-container .friendly-name, .reminder-container .friendly-name, .topay-container .friendly-name {
    display: block;
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }

.instructional-container {
  background-color: #2D3039;
  color: white; }

.confirmation-container {
  background-color: #e9f5dd; }

.information-container {
  background-color: #FFFFFF; }
  .information-container p {
    padding-left: 40px; }
    .information-container p:before {
      content: "";
      position: absolute;
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: -64px -1920px;
      bottom: auto;
      left: 16px;
      right: auto;
      top: 23%; }
      .body-cms-preview .information-container p:before {
        background-image: url("/static/1/images/vsprite.png"); }

.grouped-info-container {
  background-color: #eff6fe;
  padding: 20px; }

.reminder-container {
  font-style: italic;
  color: #a8a8a8;
  padding-top: 0; }
  .reminder-container .message-title {
    margin-bottom: 5px; }

.topay-container {
  border: solid #ccc 1px;
  border-bottom-width: 3px;
  margin-top: 1em;
  margin-bottom: 1em; }
  .topay-container .content {
    text-align: center;
    margin-bottom: 0; }

.vertical-link-container {
  border: solid #a8a8a8 1px; }
  .vertical-link-container .plain-button:last-child {
    border-bottom-width: 0; }

.attention {
  position: relative;
  padding: 0 0 0 40px; }
  .attention:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -832px;
    bottom: auto;
    left: -1px;
    right: auto;
    top: -5px; }
    .body-cms-preview .attention:before {
      background-image: url("/static/1/images/vsprite.png"); }

.alert .with-indicator {
  background-color: #FFEFEF; }

.alert .attention:before {
  background-position: -32px -832px; }

.global-error, .global-error-middle-icon, .global-error-top-icon, .global-error-top-icon.hidden {
  color: #A92727;
  padding-bottom: 30px;
  background-color: #FFEFEF;
  margin-bottom: 30px; }
  .global-error:last-child, .global-error-middle-icon:last-child, .global-error-top-icon:last-child {
    margin-bottom: 0; }

.global-error-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .global-error-middle-icon:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -832px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 50%; }
    .body-cms-preview .global-error-middle-icon:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .global-error-middle-icon:before {
    margin-top: -16px;
    zoom: 1; }
  .global-error-middle-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

.global-error-top-icon, .global-error-top-icon.hidden {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none;
  padding: 20px 20px 20px 60px;
  position: relative; }
  .global-error-top-icon:before, .global-error-top-icon.hidden:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -832px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 20px; }
    .body-cms-preview .global-error-top-icon:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .global-error-top-icon:before, .global-error-top-icon.hidden:before {
    margin-top: 0;
    zoom: 1; }
  .global-error-top-icon strong, .global-error-top-icon.hidden strong {
    line-height: inherit;
    vertical-align: inherit; }

.hidden.global-error-top-icon {
  display: none; }

.global-warning, .global-warning-middle-icon, .global-warning-top-icon {
  background-color: #fbf4e1;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .global-warning *:last-child, .global-warning-middle-icon *:last-child, .global-warning-top-icon *:last-child {
    margin-bottom: 0; }
  .global-warning.hidden, .hidden.global-warning-middle-icon, .hidden.global-warning-top-icon {
    display: none; }

.global-warning-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .global-warning-middle-icon:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -832px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 50%; }
    .body-cms-preview .global-warning-middle-icon:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .global-warning-middle-icon:before {
    margin-top: -16px;
    zoom: 1; }
  .global-warning-middle-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

.validation-error {
  color: #A92727;
  background-color: #FFEFEF;
  margin-top: 10px;
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .validation-error:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -32px -832px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 50%; }
    .body-cms-preview .validation-error:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .validation-error:before {
    margin-top: -16px;
    zoom: 1; }
  .validation-error strong {
    line-height: inherit;
    vertical-align: inherit; }

.caps-and-journey {
  margin-bottom: 15px; }

.edit-journey-container {
  margin-top: 20px; }

.global-warning-top-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none;
  margin-bottom: 30px; }
  .global-warning-top-icon:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -832px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 20px; }
    .body-cms-preview .global-warning-top-icon:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .global-warning-top-icon:before {
    margin-top: 0;
    zoom: 1; }
  .global-warning-top-icon strong {
    line-height: inherit;
    vertical-align: inherit; }
  .stacked-list-item .global-warning-top-icon {
    margin-bottom: 0; }

.form-success, .form-success-middle-icon, .form-success-top-icon, .global-success {
  background-color: #e9f5dd;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .form-success *:last-child, .form-success-middle-icon *:last-child, .form-success-top-icon *:last-child, .global-success *:last-child {
    margin-bottom: 0; }

.form-info, .form-info-middle-icon, .form-info-top-icon {
  background-color: #eff6fe;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .form-info *:last-child, .form-info-middle-icon *:last-child, .form-info-top-icon *:last-child {
    margin-bottom: 0; }

.form-info-with-transparent-background, .form-info-top-icon-only {
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .form-info-with-transparent-background *:last-child, .form-info-top-icon-only *:last-child {
    margin-bottom: 0; }

.form-success-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .form-success-middle-icon:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -2592px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 50%; }
    .body-cms-preview .form-success-middle-icon:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .form-success-middle-icon:before {
    margin-top: -16px;
    zoom: 1; }
  .form-success-middle-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

p.form-success-middle-icon {
  padding-top: 15px; }

.form-success-top-icon, .global-success {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none;
  margin-bottom: 30px; }
  .form-success-top-icon > :first-child:before, .global-success > :first-child:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -2592px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: auto; }
    .body-cms-preview .form-success-top-icon > :first-child:before, .body-cms-preview .global-success > :first-child:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .form-success-top-icon > :first-child:before, .global-success > :first-child:before {
    margin-top: -3px; }
  .form-success-top-icon strong, .global-success strong {
    line-height: inherit;
    vertical-align: inherit; }

.form-info-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .form-info-middle-icon:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -64px -1920px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 50%; }
    .body-cms-preview .form-info-middle-icon:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .form-info-middle-icon:before {
    margin-top: -16px;
    zoom: 1; }
  .form-info-middle-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

.form-info-top-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .form-info-top-icon:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -64px -1920px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 20px; }
    .body-cms-preview .form-info-top-icon:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .form-info-top-icon:before {
    margin-top: 0;
    zoom: 1; }
  .form-info-top-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

.form-info-top-icon-only {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none;
  background: #eff6fe; }
  .form-info-top-icon-only:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: -64px -1920px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 20px; }
    .body-cms-preview .form-info-top-icon-only:before {
      background-image: url("/static/1/images/vsprite.png"); }
  .form-info-top-icon-only:before {
    margin-top: 0;
    zoom: 1; }
  .form-info-top-icon-only strong {
    line-height: inherit;
    vertical-align: inherit; }

.hanging-message, .cta-hanging-message {
  clear: both;
  border: #ccc 1px solid;
  border-top-width: 0;
  border-bottom: 3px solid rgba(204, 204, 204, 0.75);
  margin-bottom: 30px; }
  .hanging-message p, .cta-hanging-message p {
    margin-bottom: 0;
    font-size: 16px; }
  .hanging-message .with-indicator, .cta-hanging-message .with-indicator {
    z-index: 2;
    border-top: #ccc 1px solid;
    clear: both; }
    .hanging-message .with-indicator:after, .cta-hanging-message .with-indicator:after {
      right: 50%; }
    .hanging-message .with-indicator:before, .cta-hanging-message .with-indicator:before {
      right: 50%; }
  @media only screen and (max-width: 579px) {
    .hanging-message .global-warning-middle-icon, .cta-hanging-message .global-warning-middle-icon, .hanging-message .global-error-middle-icon, .cta-hanging-message .global-error-middle-icon, .hanging-message .global-success-middle-icon, .cta-hanging-message .global-success-middle-icon {
      padding: 50px 15px 15px 16px; }
      .hanging-message .global-warning-middle-icon:before, .cta-hanging-message .global-warning-middle-icon:before, .hanging-message .global-error-middle-icon:before, .cta-hanging-message .global-error-middle-icon:before, .hanging-message .global-success-middle-icon:before, .cta-hanging-message .global-success-middle-icon:before {
        margin-left: -21px;
        left: 50%;
        top: 25px; } }

#registration-reason .hanging-message .with-indicator:after, #registration-reason .cta-hanging-message .with-indicator:after,
#vehicle-types .hanging-message .with-indicator:after,
#vehicle-types .cta-hanging-message .with-indicator:after {
  left: 5px; }

#registration-reason .hanging-message .with-indicator:before, #registration-reason .cta-hanging-message .with-indicator:before,
#vehicle-types .hanging-message .with-indicator:before,
#vehicle-types .cta-hanging-message .with-indicator:before {
  left: 5px; }

#payment-option-card-warning {
  border-top: 1px solid #ccc; }
  #payment-option-card-warning:after {
    left: 5px; }
  #payment-option-card-warning:before {
    left: 5px; }

.with-indicator .global-warning-top-icon,
.with-indicator .global-error-top-icon,
.with-indicator .global-warning-middle-icon,
.with-indicator .global-error-middle-icon,
.stacked-list-item .global-warning-top-icon,
.stacked-list-item .global-error-top-icon,
.stacked-list-item .global-warning-middle-icon,
.stacked-list-item .global-error-middle-icon {
  margin-bottom: 0; }

.with-indicator .button-set,
.stacked-list-item .button-set {
  padding: 0 1em;
  margin-top: 1em; }

.process-end-message-module {
  margin-bottom: 30px;
  padding-bottom: 0; }
  .process-end-message-module .message-title {
    font-family: "NJ Signing";
    font-weight: normal; }

.sent-confirmation, .email-confirmation {
  padding: 20px;
  padding-left: 75px;
  background-color: #EEE;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 3px solid #ccc;
  position: relative; }
  .sent-confirmation:before, .email-confirmation:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_largeicons_x2.png");
    background-image: url("/static/1/images/vsprite_largeicons.png") \9;
    background-size: 256px 384px;
    height: 64px;
    width: 64px;
    background-position: 0px 0px;
    bottom: auto;
    left: 5px;
    right: auto;
    top: 50%; }
    .body-cms-preview .sent-confirmation:before, .body-cms-preview .email-confirmation:before {
      background-image: url("/static/1/images/vsprite_largeicons.png"); }
  .sent-confirmation:before, .email-confirmation:before {
    vertical-align: middle;
    display: inline-block;
    margin-top: -32px; }

.email-confirmation:before {
  background-position: -64px 0px; }

.confirmation-copy {
  color: #a8a8a8; }

.car-msg-old {
  background-color: #EEE;
  font-weight: bold;
  font-size: 16px;
  vertical-align: middle;
  border-bottom: 3px solid #ccc;
  margin-bottom: 1em;
  position: relative;
  padding: 15px 70px 15px 15px; }
  .car-msg-old.boxed-label-for-input {
    padding-right: 45px; }
  .car-msg-old .title {
    display: block;
    font-size: 28px;
    line-height: 35px;
    font-family: "NJ Signing";
    font-weight: normal; }
  .car-msg-old .extra-info {
    display: block;
    font-weight: normal;
    line-height: 1.4;
    vertical-align: baseline; }
    .car-msg-old .extra-info strong {
      font-weight: bold;
      vertical-align: baseline; }
  .car-msg-old .vehicle-make-model {
    margin-bottom: 5px; }
  .car-msg-old.updated {
    background-color: #fbf5e1; }
    .car-msg-old.updated .vehicle-details {
      color: #1A5A92; }
  .car-msg-old .vehicle-details {
    display: inline-block; }
  .car-msg-old .edit-details {
    font-weight: normal; }
  #matched-vehicle-result .car-msg-old {
    margin-bottom: 20px; }
  .stacked-list-item .car-msg-old {
    border-top: 1px solid #ccc;
    margin-bottom: 0; }

.car-msg {
  border-radius: 0.5rem;
  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.09), 0 0 1.5rem 0 rgba(0, 0, 0, 0.09);
  position: relative;
  color: #2D3039;
  margin-bottom: 25px;
  padding: 24px 16px 16px;
  display: flex; }
  .car-msg.boxed-label-for-input {
    padding-right: 45px; }
  .car-msg .title {
    display: block;
    line-height: 24px;
    font-family: Johnston100-Medium, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: normal; }
  .car-msg .extra-info {
    display: block;
    font-family: Johnston100-Medium, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 153%;
    vertical-align: baseline; }
    .car-msg .extra-info strong {
      font-weight: bold;
      vertical-align: baseline; }
  .car-msg .date-info {
    font-size: 18px; }
  .car-msg .vehicle-make-model {
    display: block;
    font-size: 18px; }
  .car-msg.updated {
    background-color: #fbf5e1; }
    .car-msg.updated .vehicle-details {
      color: #1A5A92; }
  .car-msg .vehicle-details {
    display: inline-block;
    flex-grow: 1; }
  .car-msg .action {
    flex-grow: 0; }
  .car-msg .edit-details {
    font-weight: normal;
    position: inherit; }
  #matched-vehicle-result .car-msg {
    margin-bottom: 20px; }
  .stacked-list-item .car-msg {
    border-top: 1px solid #ccc;
    margin-bottom: 0; }

.editable-list .stacked-list-item {
  border-top: 0; }

.vehicle-group .boxed-label-for-input {
  border-width: 0 0 3px 0;
  padding-left: 75px; }

.different-vehicle .title {
  font-family: "New Johnson Bold";
  font-size: 23px; }

.stacked-messaging-container, .charge-details {
  border: 1px solid #ccc;
  margin-bottom: 30px; }
  .stacked-messaging-container .message-container, .charge-details .message-container, .stacked-messaging-container .instructional-container, .charge-details .instructional-container, .stacked-messaging-container .confirmation-container, .charge-details .confirmation-container, .stacked-messaging-container .information-container, .charge-details .information-container, .stacked-messaging-container .reminder-container, .charge-details .reminder-container, .stacked-messaging-container .topay-container, .charge-details .topay-container {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0; }
    .stacked-messaging-container .message-container:last-child, .charge-details .message-container:last-child, .stacked-messaging-container .instructional-container:last-child, .charge-details .instructional-container:last-child, .stacked-messaging-container .confirmation-container:last-child, .charge-details .confirmation-container:last-child, .stacked-messaging-container .information-container:last-child, .charge-details .information-container:last-child, .stacked-messaging-container .reminder-container:last-child, .charge-details .reminder-container:last-child, .stacked-messaging-container .topay-container:last-child, .charge-details .topay-container:last-child {
      border-bottom-width: 0; }

.charge-details {
  margin-bottom: 40px; }

.charge-container {
  position: relative;
  padding-left: 75px; }
  .charge-container.updated {
    background-color: #fbf5e1; }
    .charge-container.updated .content {
      color: #1A5A92; }
  .charge-container.congestion-charge:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_largeicons_x2.png");
    background-image: url("/static/1/images/vsprite_largeicons.png") \9;
    background-size: 256px 384px;
    height: 64px;
    width: 64px;
    background-position: -128px 0px;
    bottom: auto;
    left: 5px;
    right: auto;
    top: 50%; }
    .body-cms-preview .charge-container.congestion-charge:before {
      background-image: url("/static/1/images/vsprite_largeicons.png"); }
  .charge-container.lez-charge:before {
    content: "";
    position: absolute;
    background-image: url("/static/1/images/vsprite_largeicons_x2.png");
    background-image: url("/static/1/images/vsprite_largeicons.png") \9;
    background-size: 256px 384px;
    height: 64px;
    width: 64px;
    background-position: -192px 0px;
    bottom: auto;
    left: 5px;
    right: auto;
    top: 50%; }
    .body-cms-preview .charge-container.lez-charge:before {
      background-image: url("/static/1/images/vsprite_largeicons.png"); }
  .charge-container:before {
    vertical-align: middle;
    display: inline-block;
    margin-top: -32px; }
  .charge-container .message-title {
    text-transform: uppercase; }

.zone-search-result {
  margin-top: 0px;
  position: relative; }
  .zone-search-result h2 {
    padding-bottom: 12px; }
  .zone-search-result p {
    line-height: 1.2; }
    .zone-search-result p * {
      line-height: 1.2; }
  .zone-search-result + .zone-search-result {
    margin-top: 0px; }

.residents-discount-zone-checker .loading-information {
  min-height: 180px;
  padding-top: 200px; }

.accordion-message-wrapper {
  border: #ccc solid;
  border-width: 0 1px 1px; }

#zone-checker-address-result .button-set {
  display: none; }

#zone-checker-address-result {
  margin-bottom: 35px; }

.account-tile,
.account-detail-tile {
  background: #EEE url(/static/1/images/temp-blueman-needs-spriteification.png) no-repeat 0px 50%;
  position: relative;
  padding: 18px 12px 10px 60px;
  border: 1px solid #ccc;
  margin-bottom: 20px; }
  .account-tile .tile-content,
  .account-detail-tile .tile-content {
    max-width: 80%; }
  .account-tile .h-adr,
  .account-detail-tile .h-adr {
    margin-bottom: 0; }

.account-holder {
  border-bottom: 0; }

.has-residents, .receipt-prefs {
  margin-bottom: 0;
  border-bottom: 0; }

.account-detail-tile {
  background-image: none;
  padding: 18px 12px; }
  .account-detail-tile dd + dt {
    margin-top: 4px; }
  .account-detail-tile.active-edit {
    background-color: #fff; }

.account-edit-link {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -8px;
  color: #2070B0;
  text-decoration: underline; }
  .account-edit-link:hover, .account-edit-link:focus {
    color: #113B92; }

.account-holder {
  margin-bottom: 0; }
  .account-holder p {
    margin-bottom: 0; }

.account-section-heading {
  border-bottom: 1px solid #ccc;
  margin: 30px 0; }

.account-edit-fields {
  display: none;
  margin-bottom: 20px; }
  .no-js .account-edit-fields {
    display: block; }
  .account-edit-fields .address-lookup-control {
    margin-bottom: 0; }
  .account-edit-fields .remove-content {
    top: 4px !important; }

.ruc-status-suspended {
  color: #A92727; }

.number-wrapper {
  width: 100%;
  float: left;
  display: none; }
  .number-wrapper .number-pad-input {
    border-radius: 3px;
    height: 44px;
    margin: 10px 0 0 10px;
    float: left;
    text-align: center;
    padding: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .number-wrapper .number-pad-input.secondary-button, .number-wrapper .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.number-pad-input, .responsive-button-row.collapsed.opened .number-wrapper .rbr-group-button ~ div.rbr-button > a.number-pad-input {
      width: calc(33% - 6px);
      float: left; }
      .number-wrapper .number-pad-input.secondary-button.reset, .number-wrapper .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.number-pad-input.reset, .responsive-button-row.collapsed.opened .number-wrapper .rbr-group-button ~ div.rbr-button > a.number-pad-input.reset {
        background: #fff;
        margin-left: 10px; }
      .number-wrapper .number-pad-input.secondary-button.zero, .number-wrapper .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.number-pad-input.zero, .responsive-button-row.collapsed.opened .number-wrapper .rbr-group-button ~ div.rbr-button > a.number-pad-input.zero {
        margin-left: calc(33% + 4px); }
    .number-wrapper .number-pad-input:first-child {
      margin-left: 0; }
    .number-wrapper .number-pad-input:nth-child(4) {
      margin-left: 0; }
    .number-wrapper .number-pad-input:nth-child(7) {
      margin-left: 0; }

.result-wrap {
  display: none;
  float: left;
  width: 100%;
  margin-top: 20px; }
  .result-wrap .result-header {
    padding: 15px 15px 15px 100px;
    min-height: 70px;
    position: relative;
    background: #000;
    color: #f9d42b; }
    .result-wrap .result-header span.number {
      position: absolute;
      left: 0px;
      top: 40%;
      margin-top: -25px;
      font-size: 40px;
      text-align: center;
      width: 80px;
      display: block; }
    .result-wrap .result-header h3 {
      margin-bottom: 0; }
  .result-wrap .result-info {
    padding: 10px;
    background: #faf5e1;
    border-bottom: solid 2px #f9d42b; }

.first-last-train {
  padding-top: 10px; }
  .first-last-train ul.services {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0; }
    .first-last-train ul.services li {
      background: #f7f7f7;
      position: relative;
      padding: 16px 50px 16px 30px;
      border-top: none;
      border-left: solid 1px #ccc;
      border-right: solid 1px #ccc;
      border-bottom: solid 1px #ccc; }
      .first-last-train ul.services li:first-child {
        border-top: solid 1px #ccc; }
      .first-last-train ul.services li.toggle-button {
        background: #fff;
        padding: 10px;
        cursor: pointer;
        text-align: center;
        color: #2070B0;
        margin-right: 0; }
      .first-last-train ul.services li span {
        font-weight: bold; }
        .first-last-train ul.services li span.time {
          position: absolute;
          right: 10px;
          top: 50%;
          margin-top: -11px; }
        .first-last-train ul.services li span:first-child {
          position: absolute;
          background: red;
          left: 10px;
          bottom: 10px;
          top: 10px;
          width: 10px; }
          .first-last-train ul.services li span:first-child.bakerloo {
            background: #894e24; }
          .first-last-train ul.services li span:first-child.central {
            background: #dc241f; }
          .first-last-train ul.services li span:first-child.circle {
            background: #ffce00; }
          .first-last-train ul.services li span:first-child.district {
            background: #ffce00; }
          .first-last-train ul.services li span:first-child.district {
            background: #007229; }
          .first-last-train ul.services li span:first-child.hammersmith-city {
            background: #d799af; }
          .first-last-train ul.services li span:first-child.jubilee {
            background: #6a7278; }
          .first-last-train ul.services li span:first-child.metropolitan {
            background: #751056; }
          .first-last-train ul.services li span:first-child.northern {
            background: #000; }
          .first-last-train ul.services li span:first-child.piccadilly {
            background: #0019a8; }
          .first-last-train ul.services li span:first-child.victoria {
            background: #00a0e2; }
          .first-last-train ul.services li span:first-child.waterloo-city {
            background: #76d0bd; }

.first-last-summary .toggle-button {
  width: 100%;
  height: 44px;
  padding: 8px;
  margin-right: 0; }

#first-last-summary.loading {
  position: relative;
  background: #fff; }
  #first-last-summary.loading:after {
    visibility: visible;
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px; }
  #first-last-summary.loading:before {
    content: '';
    width: 100%;
    height: 100%;
    background: white;
    z-index: 998;
    visibility: visible;
    position: absolute;
    opacity: .9; }

.widget-tab .widget-heading {
  text-transform: uppercase;
  width: 100%;
  border-bottom: 0;
  margin: 0;
  display: inline-block;
  background-color: #2d3039;
  color: #fff;
  padding: 9px 17px 6px; }

.box {
  background-color: #eee;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  padding: 19px 14px;
  margin-bottom: 20px; }
  .box.links {
    padding-top: 3px;
    padding-bottom: 6px; }
  .box > h2,
  .box > h3 {
    margin: 0 0 10px;
    border-bottom: 0; }
  .box input {
    margin-bottom: 10px; }
    .box input[type="submit"] {
      margin-top: 10px; }
  .box .centred-link {
    display: block;
    text-align: center; }
  .box a.link-button, .box .responsive-link-button {
    margin-bottom: 0;
    border-bottom: 3px solid rgba(0, 0, 0, 0.2); }

.modal-simple-component {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1005;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden; }
  .modal-simple-component .close {
    display: inline-block;
    cursor: pointer;
    outline: 0;
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    left: auto;
    right: 25px;
    width: 40px;
    top: 8px; }
    .modal-simple-component .close:after {
      background-image: url("/static/1/images/vsprite_x2.png");
      background-image: url("/static/1/images/vsprite.png") \9;
      background-size: 96px 3776px;
      height: 32px;
      width: 32px;
      background-position: -64px -832px;
      position: absolute;
      content: '';
      top: -4px;
      right: -25px; }
      .body-cms-preview .modal-simple-component .close:after {
        background-image: url("/static/1/images/vsprite.png"); }
  .modal-simple-component .modal-overlay {
    z-index: 1008;
    position: fixed;
    top: 0;
    left: 0;
    background: #2D3039 url(/ruc-cdn/static/images/throbber.gif) no-repeat 50% 20%;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=94);
    opacity: 0.94; }
  .modal-simple-component .m088-modal-window {
    top: 0;
    height: 100%;
    width: 100%;
    float: none;
    z-index: 1010;
    margin: auto;
    position: absolute; }
  .modal-simple-component .modal-header {
    margin: 0 0 1px 0;
    background-color: #1f2025;
    position: fixed;
    width: 100%;
    z-index: 1050; }
  .modal-simple-component .modal-title {
    display: inline-block;
    text-align: left;
    color: #FFFFFF;
    width: 79%;
    padding: 8px 20px 8px;
    margin: 0; }
  .modal-simple-component .modal-body {
    display: block;
    clear: both;
    width: 84%;
    left: 3%;
    position: absolute;
    top: 100px; }
    .modal-simple-component .modal-body img {
      max-width: 90%; }

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

a.click-to-call {
  display: inline-block; }

span.click-to-call {
  display: none; }

.day-picker__prev,
.day-picker__next {
  width: 32px;
  height: 35px;
  display: inline-block;
  position: relative;
  margin-bottom: 25px;
  cursor: pointer; }

.day-picker__next:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -640px; }
  .body-cms-preview .day-picker__next:after {
    background-image: url("/static/1/images/vsprite.png"); }

.day-picker__prev:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -576px; }
  .body-cms-preview .day-picker__prev:after {
    background-image: url("/static/1/images/vsprite.png"); }

.day-picker.dual-nav {
  width: 76%; }

.day-picker {
  display: inline-block;
  position: relative;
  margin-left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  width: 88%;
  height: 80px;
  -webkit-overflow-scrolling: touch; }
  .day-picker::-webkit-scrollbar {
    display: none; }
  .day-picker li {
    position: relative;
    height: 74.0px;
    width: 60px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    margin-right: 0px;
    cursor: pointer; }
    .day-picker li span {
      display: block; }
  .day-picker li.selected {
    color: white;
    background-color: #0019a8; }
    .day-picker li.selected::after {
      height: 0;
      width: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #0019a8;
      content: " ";
      display: block;
      position: absolute;
      bottom: -5px;
      left: 38%; }
  .day-picker li:not(.selected):not(.ignore-divider)::before {
    content: "";
    height: 9px;
    width: 1px;
    position: absolute;
    background: #ccc;
    left: 0px;
    bottom: 28px; }
  .day-picker .picker-day {
    padding-top: 8px;
    font-size: 14px; }
  .day-picker .picker-date {
    margin-top: -10px;
    font-size: 36px;
    font-weight: bold; }

/**
 * alertifyjs 1.4.1 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
.alertify .ajs-dimmer {
  position: fixed;
  z-index: 1981;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background-color: #252525;
  opacity: .5; }

.alertify .ajs-modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 1981; }

.alertify .ajs-dialog {
  position: relative;
  margin: 5% auto;
  min-height: 110px;
  max-width: 500px;
  padding: 24px 24px 0 24px;
  outline: 0;
  background-color: #fff; }

.alertify .ajs-dialog.ajs-capture:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1; }

.alertify .ajs-reset {
  position: absolute !important;
  display: inline !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important; }

.alertify .ajs-commands {
  position: absolute;
  right: 4px;
  margin: -14px 24px 0 0;
  z-index: 2; }

.alertify .ajs-commands button {
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer; }

.alertify .ajs-commands button.ajs-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC); }

.alertify .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC); }

.alertify .ajs-header {
  margin: -24px;
  margin-bottom: 0;
  padding: 16px 24px;
  background-color: #fff; }

.alertify .ajs-body {
  min-height: 56px; }

.alertify .ajs-body .ajs-content {
  padding: 16px 24px 16px 16px; }

.alertify .ajs-footer {
  padding: 4px;
  margin-left: -24px;
  margin-right: -24px;
  min-height: 43px;
  background-color: #fff; }

.alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: right; }

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  margin: 4px; }

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
  float: left;
  clear: none;
  text-align: left; }

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
  margin: 4px; }

.alertify .ajs-footer .ajs-buttons .ajs-button {
  min-width: 88px;
  min-height: 35px; }

.alertify .ajs-handle {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  cursor: se-resize; }

.alertify.ajs-no-overflow .ajs-body .ajs-content {
  overflow: hidden !important; }

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
  left: 0;
  right: 0;
  padding: 0; }

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  margin-left: -24px;
  margin-right: -24px; }

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
  padding: 0; }

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
  left: 0;
  right: 0; }

.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
  display: inline-block; }

.alertify.ajs-closable .ajs-commands button.ajs-close {
  display: inline-block; }

.alertify.ajs-maximized .ajs-dialog {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important; }

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
  position: fixed !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important; }

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=); }

.alertify.ajs-resizable .ajs-dialog,
.alertify.ajs-maximized .ajs-dialog {
  padding: 0; }

.alertify.ajs-resizable .ajs-commands,
.alertify.ajs-maximized .ajs-commands {
  margin: 14px 24px 0 0; }

.alertify.ajs-resizable .ajs-header,
.alertify.ajs-maximized .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 16px 24px; }

.alertify.ajs-resizable .ajs-body,
.alertify.ajs-maximized .ajs-body {
  min-height: 224px;
  display: inline-block; }

.alertify.ajs-resizable .ajs-body .ajs-content,
.alertify.ajs-maximized .ajs-body .ajs-content {
  position: absolute;
  top: 50px;
  right: 24px;
  bottom: 50px;
  left: 24px;
  overflow: auto; }

.alertify.ajs-resizable .ajs-footer,
.alertify.ajs-maximized .ajs-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0; }

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
  min-width: 548px; }

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
  display: block; }

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
  cursor: move; }

.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
  display: none; }

.alertify.ajs-modeless .ajs-modal {
  overflow: visible;
  max-width: none;
  max-height: 0; }

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC); }

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
  position: absolute; }

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=); }

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
  max-height: 500px;
  overflow: auto; }

.alertify.ajs-basic .ajs-header {
  opacity: 0; }

.alertify.ajs-basic .ajs-footer {
  visibility: hidden; }

.alertify.ajs-frameless .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 60px;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1; }

.alertify.ajs-frameless .ajs-footer {
  display: none; }

.alertify.ajs-frameless .ajs-body .ajs-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
  padding-top: 0; }

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
  margin-top: 0; }

.ajs-no-overflow {
  overflow: hidden !important;
  outline: none; }

.ajs-no-selection,
.ajs-no-selection * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media screen and (max-width: 568px) {
  .alertify .ajs-dialog {
    min-width: 150px; }
  .alertify:not(.ajs-maximized) .ajs-modal {
    padding: 0 5%; }
  .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
    min-width: initial;
    min-width: auto; } }

@-moz-document url-prefix() {
  .alertify button:focus {
    outline: 1px dotted #3593D2; } }

.alertify .ajs-dimmer,
.alertify .ajs-modal {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-property: opacity, visibility;
  transition-timing-function: linear;
  transition-duration: 250ms; }

.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
  visibility: hidden;
  opacity: 0; }

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.alertify.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms; }

.alertify .ajs-dialog.ajs-shake {
  -webkit-animation-name: ajs-shake;
  animation-name: ajs-shake;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes ajs-shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes ajs-shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-slideIn;
  animation-name: ajs-slideIn;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-slideOut;
  animation-name: ajs-slideOut;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-zoomIn;
  animation-name: ajs-zoomIn; }

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-zoomOut;
  animation-name: ajs-zoomOut; }

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-fadeIn;
  animation-name: ajs-fadeIn; }

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-fadeOut;
  animation-name: ajs-fadeOut; }

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-pulseIn;
  animation-name: ajs-pulseIn; }

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-pulseOut;
  animation-name: ajs-pulseOut; }

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInX;
  animation-name: ajs-flipInX; }

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutX;
  animation-name: ajs-flipOutX; }

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInY;
  animation-name: ajs-flipInY; }

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutY;
  animation-name: ajs-flipOutY; }

@-webkit-keyframes ajs-pulseIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes ajs-pulseIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@-webkit-keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25); } }

@keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25); } }

@-webkit-keyframes ajs-fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes ajs-fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes ajs-fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ajs-fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@-webkit-keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@-webkit-keyframes ajs-slideIn {
  0% {
    margin-top: -100%; }
  100% {
    margin-top: 5%; } }

@keyframes ajs-slideIn {
  0% {
    margin-top: -100%; }
  100% {
    margin-top: 5%; } }

@-webkit-keyframes ajs-slideOut {
  0% {
    margin-top: 5%; }
  100% {
    margin-top: -100%; } }

@keyframes ajs-slideOut {
  0% {
    margin-top: 5%; }
  100% {
    margin-top: -100%; } }

.alertify-notifier {
  position: fixed;
  width: 0;
  overflow: visible;
  z-index: 1982;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.alertify-notifier .ajs-message {
  position: relative;
  width: 260px;
  max-height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 250ms;
  transition-timing-function: linear; }

.alertify-notifier .ajs-message.ajs-visible {
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
  max-height: 100%;
  padding: 15px;
  margin-top: 10px; }

.alertify-notifier .ajs-message.ajs-success {
  background: rgba(91, 189, 114, 0.95); }

.alertify-notifier .ajs-message.ajs-error {
  background: rgba(217, 92, 92, 0.95); }

.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95); }

.alertify-notifier.ajs-top {
  top: 10px; }

.alertify-notifier.ajs-bottom {
  bottom: 10px; }

.alertify-notifier.ajs-right {
  right: 10px; }

.alertify-notifier.ajs-right .ajs-message {
  right: -320px; }

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
  right: 290px; }

.alertify-notifier.ajs-left {
  left: 10px; }

.alertify-notifier.ajs-left .ajs-message {
  left: -300px; }

.alertify-notifier.ajs-left .ajs-message.ajs-visible {
  left: 0; }

.alertify .ajs-dialog {
  padding: 15px;
  position: relative;
  max-width: 320px; }

.alertify .ajs-header, .alertify .ajs-reset {
  display: none; }

.alertify .ajs-body, .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  margin: 0; }

.alertify .ajs-commands button.ajs-close {
  background-image: none;
  background-color: #164b79;
  color: #fff;
  padding: 8px 0 26px;
  position: absolute;
  right: -27px;
  top: -36px;
  width: 100px; }
  .alertify .ajs-commands button.ajs-close:before {
    content: "Close"; }

.alertify .ajs-content {
  margin-bottom: 20px; }

.alertify .ajs-footer {
  margin: 0;
  padding: 0; }
  .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button {
    margin: 0; }
  .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type {
    cursor: pointer;
    display: block;
    min-height: 40px;
    color: #FFFFFF;
    border-radius: 5px;
    width: 100%;
    font-size: 16px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #164B79;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #164B79), color-stop(2px, #164B79), color-stop(2px, #1A5A92), color-stop(100%, #3F75A4));
    background-image: -webkit-linear-gradient(bottom, #164B79 0%, #164B79 2px, #1A5A92 2px, #3F75A4 100%);
    background-image: linear-gradient(to top,#164B79 0%, #164B79 2px, #1A5A92 2px, #3F75A4 100%);
    -webkit-transition: background-image, 0.3s;
    -moz-transition: background-image, 0.3s;
    transition: background-image, 0.3s;
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
    border: 1px solid #164B79;
    position: relative;
    margin-bottom: 10px; }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type[disabled='disabled'], .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:disabled {
      pointer-events: none;
      cursor: default;
      color: #ababab;
      text-decoration: none; }
      .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type[disabled='disabled']:visited, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:disabled:visited {
        color: #ababab; }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:not([disabled='disabled']):hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:not([disabled='disabled']):focus {
      background-color: #315b7f;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #315b7f), color-stop(100%, #123f67));
      background-image: -webkit-linear-gradient(#315b7f, #123f67);
      background-image: linear-gradient(#315b7f, #123f67); }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type[disabled='disabled'], .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type .disabled {
      background-color: #e1e1e1;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(2px, #cecece), color-stop(2px, #e1e1e1), color-stop(100%, #ebebeb));
      background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
      background-image: linear-gradient(to top,#e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
      text-shadow: none;
      border-color: #03071C; }
      .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type[disabled='disabled'] .cta-content:before, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type .disabled .cta-content:before {
        opacity: 0.25; }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:visited {
      color: #FFFFFF; }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:active {
      background-image: none;
      background-color: #113B92;
      -webkit-appearance: none; }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:focus {
      text-decoration: none; }
  .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2) {
    cursor: pointer;
    display: block;
    min-height: 40px;
    color: #2070B0;
    border-radius: 5px;
    width: 100%;
    font-size: 16px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #F3F3F3;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F3F3), color-stop(2px, #DCDCDC), color-stop(2px, #F3F3F3), color-stop(100%, #FFFFFF));
    background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #DCDCDC 2px, #F3F3F3 2px, #FFFFFF 100%);
    background-image: linear-gradient(to top,#F3F3F3 0%, #DCDCDC 2px, #F3F3F3 2px, #FFFFFF 100%);
    -webkit-transition: background-image, 0.3s;
    -moz-transition: background-image, 0.3s;
    transition: background-image, 0.3s;
    border: 1px solid #03071C; }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2)[disabled='disabled'], .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):disabled {
      pointer-events: none;
      cursor: default;
      color: #ababab;
      text-decoration: none; }
      .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2)[disabled='disabled']:visited, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):disabled:visited {
        color: #ababab; }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):not([disabled='disabled']):hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):not([disabled='disabled']):focus {
      background-color: #e6e5e5;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #e6e5e5), color-stop(100%, #dad9d9));
      background-image: -webkit-linear-gradient(#e6e5e5, #dad9d9);
      background-image: linear-gradient(#e6e5e5, #dad9d9); }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2)[disabled='disabled'], .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2) .disabled {
      background-color: #e1e1e1;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(2px, #cecece), color-stop(2px, #e1e1e1), color-stop(100%, #ebebeb));
      background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
      background-image: linear-gradient(to top,#e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%);
      text-shadow: none;
      border-color: #03071C; }
      .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2)[disabled='disabled'] .cta-content:before, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2) .disabled .cta-content:before {
        opacity: 0.25; }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):visited {
      color: #2070B0; }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):active {
      color: #113B92;
      background-image: none;
      background-color: #EEE;
      -webkit-appearance: none; }
    .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):focus {
      text-decoration: none; }

.ai-search .submit-button {
  margin-right: 5px; }
  .ai-search .submit-button .primary-button {
    padding: 0px; }

.ai-search .button-set {
  padding: 0px; }
  .ai-search .button-set .primary-button:first-child,
  .ai-search .button-set .secondary-button:first-child,
  .ai-search .button-set .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:first-child,
  .responsive-button-row.collapsed.opened .ai-search .button-set .rbr-group-button ~ div.rbr-button > a:first-child {
    float: none; }
  .ai-search .button-set .primary-button {
    padding: 6px 20px 6px 20px; }
  .ai-search .button-set a {
    width: auto; }

.ai-search .more-results span {
  float: right;
  padding-bottom: 10px; }

/*
The idea of shame.css is that you have a totally new stylesheet reserved just for your hacky code. 
The code you have to write to get the release out on time, but the code that makes you ashamed.
http://csswizardry.com/2013/04/shame-css/

By putting your bodges, hacks and quick-fixes in their own file you do a few things:

You make them stick out like a sore thumb.
You keep your ‘main’ codebase clean.
You make developers aware that their hacks are made very visible.
You make them easier to isolate and fix.
$ git blame shame.css.
If anyone has to add a quick hack, they add it to shame.css, this means that they’re putting their hacks out there in the open; it means that they are aware that what they’re doing is hacky, it forces them to document what the problem was, how the hack fixes it, and how they might fix it for real given more time.

It means that other developers can see what hacks are being introduced, and why; it means that all the hacky bits of CSS are self contained, and it creates a self-fulfilling todo list.
*/
/* Warning: while this works, it may cause high CPU load */
@-webkit-keyframes webkit-selector-bugfix {
  from {
    padding: 0; }
  to {
    padding: 0; } }

.is-safari .styled-checkbox {
  /* Warning: while this works, it may cause high CPU load */
  -webkit-animation: webkit-selector-bugfix infinite 1s; }

/*to fix the numbering issue with the lists styled to use the NJB font for numbering
https://code.google.com/p/chromium/issues/detail?id=406760
http://stackoverflow.com/questions/22011139/google-fonts-are-not-rendering-on-google-chrome
*/
@-webkit-keyframes fontfix {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }

.numbered-list, .required-evidence-list, .review-list {
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear; }

.pcn-information {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 14px;
  padding-left: 1px; }
  .pcn-information .heading-1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 25px; }
  .pcn-information .heading-2 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px; }

.pcn-information-empty-space {
  margin-top: 10px; }

.pcn-information-car-details {
  margin-bottom: 5px; }

/* this was new vehicle tile style that was asked to be reverted by Jill - it replaced ALL of the elements above .pcn-information {
    padding: 24px 16px 16px;
    border-bottom: none;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.09), 0 0 24px 0 rgba(0, 0, 0, 0.09);
    margin-bottom: 25px;
    border-radius: 8px;

    .heading-1 {
        font-size: 24px;
        line-height: 26px;
        font-family: $medium-text-family;
    }

    .heading-2 {
        font-size: 18px;
        font-weight: 300;
        line-height: 153.333%;
    }
}*/
.pcn-description {
  margin-bottom: 20px; }

.carousel-container {
  width: 100%;
  float: right;
  top: 0px; }

.pcn-label {
  font-size: 24px;
  font-weight: bold;
  margin-top: 5px; }
  .pcn-label .open-pcn-action h3 {
    font-size: 24px;
    font-weight: normal;
    margin: 0; }

.pcn-scheme {
  font-size: 18px;
  font-family: Johnston100-Regular, Arial, Helvetica, sans-serif; }

.pcn-summary-label {
  font-weight: bold; }

.container {
  margin: 0 auto;
  padding: 40px;
  color: #333;
  background: #419be0;
  height: 280px; }

.slick-slide {
  text-align: center;
  color: #419be0;
  background: white;
  height: 200px; }

#small-device-carousel {
  display: block; }

.contravarient-details-with-carousel-container .contravarient-details-sections {
  width: 100%;
  display: block; }
  .contravarient-details-with-carousel-container .contravarient-details-sections section .detail {
    margin-bottom: 15px; }
  .contravarient-details-with-carousel-container .contravarient-details-sections section h3 {
    margin-bottom: 0px; }

.contravarient-details-with-carousel-container .carousel-container {
  width: 100%;
  display: block; }

.pcn-history {
  margin-top: 15px; }
  .pcn-history .pcn-history-items {
    width: 100%; }

.pcn-history-items {
  width: 100%;
  margin-bottom: 10px; }
  .pcn-history-items .pcn-history-item-1 {
    display: block; }
  .pcn-history-items .pcn-history-item-2 {
    display: block; }

.view-pcn-section-heading {
  margin-bottom: 0px; }

ul.tabs {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex; }

ul.tabs li {
  text-align: center;
  width: 50%;
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  font-weight: bold; }

ul.tabs li.current {
  border-bottom: 4px solid #0019a8; }

.btn-add-associated-pcn {
  color: #2070B0;
  display: block;
  font-weight: bold;
  cursor: pointer;
  border: none;
  background-color: inherit; }

.btn-associated-pcn {
  color: black;
  display: block;
  font-weight: bold;
  cursor: none;
  border: none;
  background-color: inherit; }

.pcn-item-label {
  font-size: 22px; }

.pcn-basket-total {
  margin-bottom: 20px; }

.basket-header-item {
  margin-top: 6px; }

.pcn-item-amount {
  float: right;
  margin-top: -50px;
  margin-right: 25%;
  font-size: 22px; }

.pcn-item-delete {
  float: right;
  margin-top: -114px;
  margin-right: 24px; }
  .pcn-item-delete a {
    text-decoration: none;
    text-indent: -30000px; }

.pcn-basket-count {
  float: right;
  font-weight: bold;
  margin-top: -100px; }

.pcn-basket-email-accordion {
  width: 100%; }

.in-basket {
  cursor: default; }

.item-container {
  text-decoration: none;
  color: black;
  margin-bottom: 0;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  display: block; }

.basket-container:not(#basket-payment-summary) {
  margin-bottom: 30px;
  clear: both;
  right: 5%;
  position: absolute;
  top: -30px; }

.pcn-basket-container {
  float: right;
  top: -52px;
  position: relative; }

.can-not-pay {
  cursor: not-allowed; }

.delete-icon {
  position: absolute;
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
  background-size: 96px 3776px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px; }
  .body-cms-preview .delete-icon {
    background-image: url("/static/1/images/vsprite.png"); }

.basket-item .detail {
  width: 70%;
  margin-bottom: 25px;
  display: inline-block;
  margin-left: 5px; }
  .basket-item .detail h2 {
    margin: 0;
    padding: 0; }

.basket-item .action2 {
  float: right;
  width: 7%; }

.basket-item .action {
  width: 20%;
  float: right; }
  .basket-item .action .amount {
    position: relative;
    top: 5px;
    display: inline-block; }

.pagination-action {
  float: right;
  top: -30px;
  font-size: 16px;
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }

.basket-container-pay-charge {
  top: -52px;
  position: absolute;
  right: 20px; }

.associated-pcn:nth-of-type(1) {
  border: none;
  border-top: 1px solid #ccc !important; }

.associated-pcn {
  border: none; }

.pcn-filter-by-box {
  margin-top: 10px; }
  .pcn-filter-by-box .secondary-button, .pcn-filter-by-box .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a, .responsive-button-row.collapsed.opened .pcn-filter-by-box .rbr-group-button ~ div.rbr-button > a {
    float: right;
    width: 100px;
    margin-top: -72px; }
  .pcn-filter-by-box .filter-drop-down-container {
    width: 250px; }

.label-items-selected-count {
  font-color: #2070B0; }

.associated-pcn-message-body {
  margin-bottom: 20px; }

.associated-pcn-section-text {
  margin-bottom: 0px; }

.associated-pcn-id {
  font-family: Johnston100-Regular, Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px; }

.pcn-id {
  width: 50%; }

.open-pcn-action {
  display: inline-block; }

.pcn-evidence-image-thumbnail-container {
  position: relative;
  background: #000;
  height: 300px; }

.pcn-evidence-image-thumbnail-container img {
  display: block;
  max-width: 300px;
  max-height: 300px;
  width: auto !important;
  height: auto !important;
  margin-left: auto;
  margin-right: auto; }

.pay-charge-basket-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .pay-charge-basket-list li {
    width: 100%; }
  .pay-charge-basket-list .item-1 {
    float: left;
    width: 70%; }
  .pay-charge-basket-list .item-2 {
    float: left;
    width: 20%;
    font-family: Johnston100-Regular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    top: 5px;
    position: relative; }
  .pay-charge-basket-list .item-3 {
    float: right;
    width: 7%;
    margin-bottom: 60px;
    position: relative; }

/*.pay-charge-basket-list-vrm {
    border-bottom: solid #ececec 1px;
    margin-bottom: 20px;
}*/
.pay-charge-basket-total {
  width: 100%; }
  .pay-charge-basket-total .total-label {
    display: inline-block; }
  .pay-charge-basket-total .total-amount {
    float: right; }

.total-field {
  margin-bottom: 20px;
  margin-top: 60px; }

.error-msg-field {
  margin-bottom: 40px;
  margin-top: 20px; }

.charge-item-tile {
  margin-top: 15px;
  margin-bottom: 10px; }

.charge-day-date {
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  /*width: 319px;*/
  font-size: 22px;
  line-height: 1.36;
  margin-bottom: 0 !important; }

.pay-details {
  border-bottom: solid #ececec 1px;
  padding-bottom: 10px;
  width: 98%;
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  font-size: 22px; }

.pay-vrm {
  margin: 0;
  font-family: Johnston100-Medium, Arial, Helvetica, sans-serif;
  font-size: 22px; }

.pay-charge-name {
  font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; }

.date-range-selected > .ui-state-active,
.date-range-selected > .ui-state-default {
  background: none;
  background-color: #EFF6FD; }

.accordion-email-receipt {
  margin-bottom: 0px;
  clear: both; }

.payment-confirmation .responsive-single-button {
  clear: both;
  margin-bottom: 20px;
  margin-top: 0; }

.multi-charge {
  overflow: auto; }
  .multi-charge .charge-price {
    float: right;
    width: auto;
    position: absolute;
    top: 38%;
    right: 50px; }
  .multi-charge .charge-message {
    width: auto;
    position: absolute;
    right: 13px; }
  .multi-charge span {
    float: left;
    width: 80%; }

.charge-name {
  font-family: Johnston100-Regular, Arial, Helvetica, sans-serif;
  font-size: 22px;
  width: 196px;
  height: 30px;
  line-height: 1.36;
  letter-spacing: normal; }

.charge-description {
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 21.4px; }

.multi-charge {
  display: block; }

.day-container {
  /*border-bottom: solid #ececec 1px;*/ }

.charge-item {
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
  margin-top: 8px;
  position: relative; }

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

.charges .charge {
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: -5px;
  width: 100%;
  border-top: 1px solid #ccc;
  padding: 5px 5px; }
  .charges .charge .show-icon {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -640px; }
    .body-cms-preview .charges .charge .show-icon {
      background-image: url("/static/1/images/vsprite.png"); }
  .charges .charge .less-icon {
    background-image: url("/static/1/images/vsprite_x2.png");
    background-image: url("/static/1/images/vsprite.png") \9;
    background-size: 96px 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -672px; }
    .body-cms-preview .charges .charge .less-icon {
      background-image: url("/static/1/images/vsprite.png"); }
  .charges .charge .charge-amount, .charges .charge .charge-amount__disabled {
    float: right;
    transform: translateY(100%); }
  .charges .charge .charge-section__detail {
    position: relative;
    /*top: -10px;*/
    margin-left: -13px; }
  .charges .charge .charge-section__heading {
    font-size: 22px;
    font-family: Johnston100-Regular, Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    line-height: 33.66px; }
  .charges .charge .charge-section__timing {
    font-size: 16px;
    font-family: Johnston100-Regular, Arial, Helvetica, sans-serif; }
    .charges .charge .charge-section__timing p {
      margin-bottom: 0px; }
  .charges .charge .charges .charge:last-child {
    border-bottom: 1px solid #ccc; }
  .charges .charge .charge-section {
    border: 0px solid red;
    margin: 0;
    padding: 0;
    width: 80%;
    display: inline-block; }
  .charges .charge .charge-section__detail-heading, .charges .charge .icon {
    display: inline-block; }
  .charges .charge .charge-section__detail-message {
    margin-left: 12px; }
  .charges .charge .charge-amount .boxed-label-for-input, .charges .charge .charge-amount__disabled .boxed-label-for-input {
    padding: 0;
    border: 0;
    background: transparent; }
  .charges .charge .charge-amount__value {
    position: relative;
    right: 50px; }
  .charges .charge .show-icon-label, .charges .charge .less-icon-label {
    display: inline-block;
    margin-left: -11px;
    padding-top: 4px;
    height: 32px; }
  .charges .charge .show-icon, .charges .charge .less-icon, .charges .charge .show-icon-label, .charges .charge .less-icon-label {
    cursor: pointer; }
  .charges .charge .global-warning__no-bottom-margin {
    margin-bottom: 6px !important; }

.charge-item-label, .charge-item-date-in-string, .charge-item-charging-day,
.charge-item-amount {
  margin-bottom: 0px; }

.charge-item-charging-day {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: bottom;
  font: inherit;
  font-size: 100%;
  line-height: 153.333%; }

.charge-item-delete {
  position: absolute;
  right: 25px;
  top: 0.5px; }

.empty-space__top {
  height: 5px; }

.empty-space__bottom {
  height: 12px; }

.no-charges-container div, .no-charges-container p, .no-charges-container span {
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }

.charge-item-label {
  font-size: 22px;
  line-height: 30px;
  font-family: Johnston100-Regular, Arial, Helvetica, sans-serif; }

.charge-item-amount {
  font-size: 22px;
  font-family: Johnston100-Medium, Arial, Helvetica, sans-serif;
  line-height: 26px; }

.charge-button {
  margin-top: 20px; }

.send-email {
  margin-bottom: 5px; }

.charge-detail-message {
  font-size: 16px; }

.nine-plus-seater-continue-button {
  margin-bottom: 80px;
  width: 100%; }
  .nine-plus-seater-continue-button #before-you-start-apply-button {
    float: left; }

#add-adhoc-autopay-select-date .form-control-wrapper .form-control .boxed-label-for-input {
  padding-left: 55px;
  border: none;
  background-image: none; }

#add-adhoc-autopay-select-date .form-control-wrapper .form-control .boxed-label-for-input::after {
  box-shadow: none;
  left: 10px;
  right: 0px; }

.adhoc-timings-container p {
  margin-bottom: 0; }

.adhoc-timings-container #adhoc-timings-form-container {
  width: 60%; }

.bulk-processing-wait-new {
  width: 100%;
  margin: auto; }
  .bulk-processing-wait-new .progress {
    height: 50px;
    position: relative; }
  .bulk-processing-wait-new .file-name {
    font-size: 24px;
    position: relative;
    top: -35px;
    left: 70px; }
  .bulk-processing-wait-new .bg {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 75px; }
  .bulk-processing-wait-new .pie {
    transition: all 1s;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 75px;
    clip: rect(0px, 25px, 37px, 0px); }
  .bulk-processing-wait-new .hold {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 75px;
    clip: rect(0px, 50px, 50px, 25px); }
  .bulk-processing-wait-new .innerCircle {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 60px;
    top: 10px;
    left: 10px;
    color: black; }
  .bulk-processing-wait-new .innerCircle .content {
    position: absolute;
    display: block;
    width: 120px;
    top: 8px;
    left: -45px;
    text-align: center;
    font-size: 11px;
    visibility: hidden; }
  .bulk-processing-wait-new .slice1 {
    transform: rotate(0deg); }
  .bulk-processing-wait-new .slice1 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice2 {
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice2 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice3 {
    transform: rotate(60deg); }
  .bulk-processing-wait-new .slice3 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice4 {
    transform: rotate(90deg); }
  .bulk-processing-wait-new .slice4 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice5 {
    transform: rotate(120deg); }
  .bulk-processing-wait-new .slice5 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice6 {
    transform: rotate(150deg); }
  .bulk-processing-wait-new .slice6 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice7 {
    transform: rotate(180deg); }
  .bulk-processing-wait-new .slice7 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice8 {
    transform: rotate(210deg); }
  .bulk-processing-wait-new .slice8 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice9 {
    transform: rotate(240deg); }
  .bulk-processing-wait-new .slice9 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice10 {
    transform: rotate(270deg); }
  .bulk-processing-wait-new .slice10 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice11 {
    transform: rotate(300deg); }
  .bulk-processing-wait-new .slice11 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .slice12 {
    transform: rotate(330deg); }
  .bulk-processing-wait-new .slice12 .pie {
    background-color: #98AFC7;
    transform: rotate(30deg); }
  .bulk-processing-wait-new .increment1 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment2 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment2 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment3 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment3 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment3 .slice3 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment4 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment4 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment4 .slice3 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment4 .slice4 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment5 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment5 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment5 .slice3 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment5 .slice4 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment5 .slice5 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment6 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment6 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment6 .slice3 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment6 .slice4 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment6 .slice5 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment6 .slice6 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment7 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment7 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment7 .slice3 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment7 .slice4 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment7 .slice5 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment7 .slice6 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment7 .slice7 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment8 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment8 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment8 .slice3 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment8 .slice4 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment8 .slice5 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment8 .slice6 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment8 .slice7 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment8 .slice8 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment9 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment9 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment9 .slice3 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment9 .slice4 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment9 .slice5 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment9 .slice6 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment9 .slice7 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment9 .slice8 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment9 .slice9 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment10 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment10 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment10 .slice3 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment10 .slice4 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment10 .slice5 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment10 .slice6 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment10 .slice7 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment10 .slice8 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment10 .slice9 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment10 .slice10 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice3 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice4 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice5 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice6 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice7 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice8 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice9 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice10 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment11 .slice11 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice1 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice2 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice3 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice4 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice5 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice6 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice7 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice8 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice9 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice10 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice11 .pie {
    background-color: #113B92; }
  .bulk-processing-wait-new .increment12 .slice12 .pie {
    background-color: #113B92; }

#tflTabs {
  width: 100%; }
  #tflTabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden; }
    #tflTabs ul li.tab {
      background-color: #fff;
      cursor: pointer;
      float: left;
      text-align: center;
      min-width: 3em;
      margin: 0;
      padding: 25px 6% 10px;
      color: #000; }
    #tflTabs ul li.active-tab {
      border-bottom: 4px solid #0019A8;
      padding-bottom: 7px; }
    #tflTabs ul li.inactive-tab {
      border-bottom: 1px solid #eee; }
    #tflTabs ul li button {
      background: transparent;
      border: none;
      font: inherit; }
  #tflTabs div.active-panel {
    background-color: #fff;
    clear: both;
    display: block; }
  #tflTabs div.inactive-panel {
    display: none; }

.ruc-logged-in-info {
  margin-top: 10px; }

.account-transaction-detail {
  border: #ccc solid;
  border-width: 1px 1px 3px;
  padding: 12px 20px; }

.account-vehicle, .no-action-account-vehicle {
  border: none;
  background-color: transparent;
  height: 100%;
  width: 100%; }

.account-vehicle:hover {
  background-color: #EFF6FD; }

.account-vehicle .boxed-label-for-input:hover {
  background-color: #EFF6FD; }

.no-action-account-vehicle .vehicle-item span.no-action,
.no-action-account-vehicle .list-item-details span.no-action {
  z-index: 5;
  top: 0px; }

.account-vehicle-heading {
  font-size: 24px;
  font-family: Johnston100-Medium, Arial, Helvetica, sans-serif;
  line-height: 26px; }

.account-vehicle-description {
  font-size: 18px;
  font-weight: 300; }

.account-vehicle-services-container {
  font-size: 18px;
  font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; }

.clickable-item {
  cursor: pointer !important; }

.non-clickable-item {
  cursor: default !important; }
  .non-clickable-item input[type="radio"] + .boxed-label-for-input:after, .non-clickable-item input[type="radio"] + input[type="hidden"] + .boxed-label-for-input:after {
    border: 0; }
  .non-clickable-item input[type="radio"] + .boxed-label-for-input-radio:after, .non-clickable-item input[type="radio"] + input[type="hidden"] + .boxed-label-for-input-radio:after {
    border: 0; }

.account-vehicles-filters .item1, .account-vehicles-filters .item2 {
  display: block; }

.account-vehicles-filters .button-set {
  border-top: none;
  padding-top: 0; }

.list-style-1 .stacked-list, .list-style-2 .stacked-list {
  border: none !important; }

.list-style-1 .pagination-controls-gotopage, .list-style-2 .pagination-controls-gotopage {
  padding-top: 20px !important;
  border-bottom: 1px solid #ccc !important; }

.account-vehicle-button-set {
  border-top: 0 !important; }

.list-style-2 p {
  border-bottom: 0px !important;
  margin-bottom: 0px !important; }

.challenge-heading {
  margin-top: 30px;
  margin-bottom: 30px; }

#view-pcn-images {
  height: 400px;
  display: inline; }

.basket-item:last-child {
  border-bottom: 0;
  margin-bottom: 0px; }

.basket-item {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px; }

.review-pcn-type {
  margin-bottom: 0px;
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  font-size: 22px; }

.review-pcn-date {
  margin-top: -25px; }

.review-label {
  font-weight: bold; }

.review-list-body {
  padding: 0; }

.associated-pcns-body {
  margin-top: 20px; }

.basket-container-challenge {
  margin-bottom: 10px; }

.list-item-details {
  padding: 0 !important; }

.zone-layer-container {
  list-style-type: none;
  margin: 0; }
  .zone-layer-container .form-control {
    width: 100% !important; }
  .zone-layer-container .form-control-wrapper {
    width: 100%; }

#zone-control {
  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.09), 0 0 1.5rem 0 rgba(0, 0, 0, 0.09);
  border-radius: 12px 12px 0 0; }

.zone-layers-filter-container {
  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.09), 0 0 1.5rem 0 rgba(0, 0, 0, 0.09);
  border-radius: 12px 12px 0 0; }

.expandable-box,
.expandable-box .content {
  border-radius: 0 0 12px 12px; }

.expandable-box .content {
  border-bottom: 0px !important; }

.zone-layers-filter-container {
  position: relative;
  top: -10px;
  border-radius: 0 0 12px 12px;
  border-bottom: 0px !important; }

.map-sliver {
  top: -7px !important; }

.zone-layer-container li {
  border-bottom: 1px solid #03071c;
  height: 70px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px !important; }

.zone-layer-container li input[type="checkbox"] {
  float: right; }

.zone-layer-container input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label:after {
  float: right !important;
  position: relative;
  transform: translate(-60%, -55%); }

.zone-layer-container .form-control {
  width: 100%; }

.zone-layer-container .form-control-wrapper {
  margin-bottom: 10px; }

.search-filter {
  margin: 11px 11px !important; }

/*.tt-input {
    width: 0px!important;
}
*/
.zone-layer-container .with-margin {
  margin: 0 !important; }

.zone-layer-container .form-control-wrapper {
  margin: 0 !important; }

.embedded-map-container .embedded-map-wrapper {
  margin: 0 !important;
  width: 100% !important; }

.embedded-map-wrapper {
  width: 97%;
  margin-left: 10px; }

.ulez-svg-icon {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cdefs%3E%3Cstyle%3E .a %7B fill: rgba(0,142,255,0.25); stroke: %23004378; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 2px; stroke-dasharray: 0 4; %7D %3C/style%3E%3C/defs%3E%3Cg transform='translate(1 1)'%3E%3Ccircle class='a' cx='10' cy='10' r='10' /%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 22px;
  height: 22px;
  position: relative;
  left: -20px; }

.cc-svg-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:rgba(220,36,31,0.25);stroke:%23dc241f;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(1 1)'%3E%3Ccircle class='a' cx='10' cy='10' r='10'/%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 22px;
  height: 22px;
  position: relative;
  left: -20px; }

.lez-svg-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:rgba(0,255,102,0.25);stroke:%23005221;stroke-miterlimit:10;stroke-width:2px;stroke-dasharray:5 3;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(1 1)'%3E%3Ccircle class='a' cx='10' cy='10' r='10'/%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 22px;
  height: 22px;
  position: relative;
  left: -20px; }

.zone-charge-label {
  position: relative;
  left: 0px;
  font-size: 14px; }
  .zone-charge-label .zone-selection__extra {
    font-size: 13px; }

.zone-layer-container li:nth-of-type(3) {
  border-bottom: none; }

.zone-layer-container li:nth-of-type(1) {
  border-top: none; }

.zone-info-message {
  padding: 10px 10px; }

.zone-layers-filter-container .search-filter #search-filter-form {
  padding-right: 0; }

.zone-layers-filter-container .remove-content {
  right: 3px; }

.zone-layers-filter-container .search-filter-new-design .submit-button {
  position: static;
  margin-top: 20px;
  width: 100%; }

.zone-selection__extra {
  display: block; }

#lez-label-container,
#cc-label-container,
#ulez-label-container {
  display: flex;
  align-items: center; }

.zone-layer-container input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label:after {
  margin-left: auto; }

.zone-charge-label {
  width: 85%;
  font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; }
  .zone-charge-label .zone-selection__extra {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }

.invalid-zone-selection {
  border: 1px solid red;
  border-radius: 12px; }

#view-map-button-container {
  margin: auto !important; }

.search-filter-new-design .submit-button input[type="submit"] {
  height: 60px;
  color: #2070b0;
  background: #f3f3f3;
  border-radius: 4px;
  font-weight: bold;
  background-image: linear, to top, #f3f3f3 0%, #dcdcdc 2px, #f3f3f3 2px, #fff 100%;
  text-shadow: none;
  border-color: black; }

#fullscreen-stage .text-input {
  min-width: 50% !important; }
  #fullscreen-stage .text-input .remove-content {
    right: 159px !important; }