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

  to {
    padding: 0;
  }
}
.journey-detail-step .start-location, .journey-detail-step .end-location, .no-disruptions-panel .no-disruptions-panel-message, .wizard-box .wizard-box-heading h3 {
  font-family: "New Johnson";
  font-size: 16px;
}

#recent-journeys h3, .route-name {
  font-family: "New Johnson Bold";
  font-size: 18px;
}

.basic-journey-options, #more-journey-options, #recent-journeys, .journey-detail-step .time-and-mode, .replan-from-current-location {
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.basic-journey-options, #more-journey-options, #recent-journeys, .journey-detail-step .time-and-mode, .replan-from-current-location {
  border-bottom: 3px solid #cccccc;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}

.horizontal-toggle-buttons.tw-buttons li.sixths {
  float: left;
  margin: 0 0 0 2.54%;
  width: 29.928%;
}

.horizontal-toggle-buttons.tw-buttons li.thirds {
  float: left;
  margin: 0 0 0 2.54%;
  width: 46.162%;
}

.horizontal-toggle-buttons.tw-buttons li.halfs, .horizontal-toggle-buttons.tw-buttons li.full {
  float: left;
  margin: 0 0 0 2.54%;
  width: 94.864%;
}

.cycling #more-journey-options .update-buttons, .walking #more-journey-options .update-buttons, ul.journey-steps li.footpath-icon, table.journey-steps thead {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.journey-planner-results .journey-results .expandable-box .controls:not([disabled='disabled']):hover, .journey-planner-results .journey-results .expandable-box .controls:not([disabled='disabled']):focus, .station-details .lines-status .no-disruption:hover td.city-cruises, .station-details .lines-status .no-disruption:focus td.city-cruises, .station-details .lines-status .no-disruption:hover td.westminster-greenwich, .station-details .lines-status .no-disruption:focus td.westminster-greenwich, .station-details .lines-status .no-disruption:hover td.westminster-st-katherines-circular, .station-details .lines-status .no-disruption:focus td.westminster-st-katherines-circular, .station-details .lines-status .no-disruption:hover td.westminster-passenger-services-association, .station-details .lines-status .no-disruption:hover td.wetsminster-passenger-services-association, .station-details .lines-status .no-disruption:focus td.westminster-passenger-services-association, .station-details .lines-status .no-disruption:focus td.wetsminster-passenger-services-association, .station-details .lines-status .no-disruption:hover td.woolwich-free-ferry, .station-details .lines-status .no-disruption:focus td.woolwich-free-ferry {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

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

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

.tw-quick-links.open h3:after, .tw-quick-links h3:after, .ticket-recommendations .recc-customer-type .cust-delete, .tw-recomendation .key-features .result-toggle-list.link-styling:after, .tw-recomendation .getting-ticket .result-toggle-list.link-styling:after, .tw-recomendation .key-features .result-toggle-list.link-styling.closed:after, .tw-recomendation .getting-ticket .result-toggle-list.link-styling.closed:after {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
}
.body-cms-preview .tw-quick-links h3:after, .tw-quick-links .body-cms-preview h3:after, .body-cms-preview .ticket-recommendations .recc-customer-type .cust-delete, .ticket-recommendations .recc-customer-type .body-cms-preview .cust-delete, .body-cms-preview .tw-recomendation .key-features .result-toggle-list.link-styling:after, .tw-recomendation .key-features .body-cms-preview .result-toggle-list.link-styling:after, .body-cms-preview .tw-recomendation .getting-ticket .result-toggle-list.link-styling:after, .tw-recomendation .getting-ticket .body-cms-preview .result-toggle-list.link-styling:after {
  background-image: url("/static/1/images/vsprite.png");
}

.tw-quick-links.open h3:after, .tw-quick-links h3:after, .ticket-recommendations .recc-customer-type .cust-delete, .tw-recomendation .key-features .result-toggle-list.link-styling:after, .tw-recomendation .getting-ticket .result-toggle-list.link-styling:after, .tw-recomendation .key-features .result-toggle-list.link-styling.closed:after, .tw-recomendation .getting-ticket .result-toggle-list.link-styling.closed:after {
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
}

/* Specific - small */
.homepage-image-container {
  background: #eeeeee;
  height: 160px;
  margin-bottom: -140px;
}
.homepage-image-container.expanded {
  height: 430px;
  margin-bottom: -410px;
}

.homepage-top-links .flat-button {
  width: 33.333%;
  margin-left: 0;
  padding-top: 0;
}
.homepage-top-links .flat-button:nth-child(1) {
  border-right: 0;
}
.homepage-top-links .flat-button:nth-child(1) .text {
  margin-top: 45px;
}
.homepage-top-links .flat-button:nth-child(2) {
  border-left: 1px dotted #cccccc;
  border-right: 1px dotted #cccccc;
}
.homepage-top-links .flat-button:nth-child(3) {
  border-left: 0;
}
.homepage-top-links .icon {
  background-image: url("../../../images/homepage_sprite_x2.png");
  background-image: url("../../../images/homepage_sprite.png") \9;
  background-size: 96px 144px;
  background-position: 48px 48px;
  height: 48px;
  width: 48px;
  display: block;
  position: absolute;
  margin-left: -24px;
  left: 50%;
}
.body-cms-preview .homepage-top-links .icon {
  background-image: url("../../../images/homepage_sprite.png");
}
.homepage-top-links .icon.live {
  background-position: 0px -48px;
}
.homepage-top-links .icon.map {
  background-position: -48px -48px;
}
.homepage-top-links .icon.nearby {
  background-position: 0px -96px;
}
.homepage-top-links .text {
  margin-top: 55px;
  display: block;
  line-height: 100%;
}

.service-board-collapsed h2 {
  display: none;
}
.service-board-collapsed .rainbow-board {
  margin-top: 10px;
  display: block;
  border-bottom: 0;
}
.service-board-collapsed .rainbow-list-wrapper {
  margin: 0;
  display: block;
}

.main-services {
  margin-bottom: 20px;
}
.main-services > div:last-child .flat-button {
  margin-bottom: 0;
}

.spot-grid-background {
  background-color: #ccdde8;
}

.basic-journey-options {
  background-color: #eeeeee;
  margin-bottom: 20px;
  position: relative;
  margin-left: 0;
  padding: 0 10px 10px;
}

.expanded .basic-journey-options {
  margin-bottom: 0;
}

#plan-a-journey {
  padding-top: 10px;
  margin-top: 42px;
}

#jp-search-form.walking .time-options {
  display: none;
}
#jp-search-form.walking .from-and-to.clearfix {
  margin-bottom: 10px;
}
#jp-search-form.walking .time-options.clearfix {
  display: none !important;
}

.journey-planner-results {
  background-color: #ccdde8;
  padding-bottom: 10px;
  margin-bottom: -50px;
}
.journey-planner-results .basic-journey-options {
  margin-bottom: 0;
}
.journey-planner-results .from-and-to, .journey-planner-results .time-options, .journey-planner-results .update-buttons, .journey-planner-results .toggle-options, .journey-planner-results .extra-options {
  display: none;
}
.journey-planner-results .editing .from-and-to, .journey-planner-results .editing .time-options, .journey-planner-results .editing .update-buttons, .journey-planner-results .editing .toggle-options, .journey-planner-results .editing .extra-options {
  display: block;
}
.journey-planner-results .editing input.primary-button {
  display: block;
}
.journey-planner-results .editing .journey-result-summary {
  display: none;
}
.journey-planner-results .travelpreferences-cycling, .journey-planner-results .travelpreferences-walking, .journey-planner-results .travelpreferences-publictransport {
  display: none;
}
.journey-planner-results .publictransport .travelpreferences-publictransport, .journey-planner-results .cycling .travelpreferences-cycling, .journey-planner-results .walking .travelpreferences-walking {
  display: inline;
}
.journey-planner-results .journey-result-summary .travel-preferences {
  padding: 5px 0;
  border-top: 1px dotted #cccccc;
}
.journey-planner-results .journey-result-summary .travel-preferences strong {
  margin-left: 10px;
}
.journey-planner-results .journey-result-summary .travel-preferences span {
  margin-right: -10px;
}
.journey-planner-results .journey-result-summary .travel-preferences .right-shadow {
  display: none;
}
.journey-planner-results .journey-result-summary.touch .travel-preferences {
  overflow: hidden;
  position: relative;
  margin-bottom: -10px;
}
.journey-planner-results .journey-result-summary.touch .travel-preferences .scroller {
  overflow-x: scroll;
}
.journey-planner-results .journey-result-summary.touch .travel-preferences .scroller > div {
  white-space: nowrap;
}
.journey-planner-results .journey-result-summary.touch .travel-preferences .right-shadow, .journey-planner-results .journey-result-summary.touch .travel-preferences .left-shadow {
  display: block;
  position: absolute;
  top: 0;
  height: 28px;
  width: 40px;
}
.journey-planner-results .journey-result-summary.touch .travel-preferences .left-shadow {
  left: -40px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, rgba(246, 246, 246, 0)));
  background-image: -webkit-linear-gradient(left, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  background-image: linear-gradient(to right,#f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
}
.journey-planner-results .journey-result-summary.touch .travel-preferences .right-shadow {
  right: -40px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, rgba(246, 246, 246, 0)));
  background-image: -webkit-linear-gradient(right, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  background-image: linear-gradient(to left,#f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
}
.journey-planner-results strong.disambiguating {
  background-color: #faf5e1;
  display: inline-block;
  padding: 5px 5px 5px 30px;
  border: 1px solid #cccccc;
  position: relative;
}
.journey-planner-results strong.disambiguating:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 0;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -832px;
}
.body-cms-preview .journey-planner-results strong.disambiguating:after {
  background-image: url("../../../images/vsprite.png");
}
.journey-planner-results .summary-row {
  margin: 5px 0;
}
.journey-planner-results .summary-row:first-child {
  margin: 0;
}
.journey-planner-results .summary-row span.label {
  float: left;
  margin-right: -60px;
}
.journey-planner-results .summary-row strong {
  margin-left: 60px;
  display: block;
}
.journey-planner-results .summary-row .secondary-button {
  width: 120px;
  margin: 0 0 10px 60px;
}
.journey-planner-results .geolocation-box {
  margin-bottom: 0;
}
.journey-planner-results input.primary-button {
  display: none;
}
.journey-planner-results .from-and-to {
  margin-bottom: 10px;
}
.journey-planner-results .geolocation-box {
  margin-bottom: 10px;
}
.journey-planner-results .time-options .time-defaults {
  display: none;
}
.journey-planner-results .time-options .change-time-options {
  display: block;
}
.journey-planner-results .cancel-button, .journey-planner-results input[type='submit'] {
  width: 47.5%;
  float: left;
}
.journey-planner-results .cancel-button {
  margin-right: 5%;
}

#From, #To, #Via {
  float: left;
  margin-left: 0;
  color: #2d3039;
  height: 40px;
  border: 1px solid #cccccc;
  box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  font-size: 16px;
  height: 40px;
  width: 100%;
  border: solid #cccccc;
  border-width: 1px;
  cursor: auto;
  padding: 5px;
  padding-right: 32px;
}

#more-journey-options {
  display: none;
  padding-top: 20px;
  padding-left: 2.54%;
  padding-right: 2.54%;
  background-color: #eff6fd;
  margin-bottom: 20px;
}
#more-journey-options .update-buttons {
  margin-top: 20px;
}
#more-journey-options .walking-options {
  float: left;
}
#more-journey-options .boxed-label-for-input {
  background-color: white;
  padding: 7px 37px 7px 5px;
}

.modes-of-transport {
  border: none;
  position: relative;
}
.modes-of-transport .select-deselect-option {
  position: absolute;
  margin-top: -20px;
  right: 0;
}
.modes-of-transport .boxed-label-for-input {
  text-indent: 50px;
  position: relative;
}
.modes-of-transport .boxed-label-for-input:before {
  display: block;
  position: absolute;
  top: 2px;
  left: 10px;
  content: "";
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -1056px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .modes-of-transport .boxed-label-for-input:before {
  background-image: url("../../../images/vsprite.png");
}
.modes-of-transport .national-rail:before {
  background-position: 0px -352px;
}
.modes-of-transport .bus:before {
  background-position: 0px -320px;
}
.modes-of-transport .dlr:before, .modes-of-transport .docklands:before, .modes-of-transport .docklands-light-railway:before {
  background-position: 0px -1088px;
}
.modes-of-transport .river-bus:before {
  background-position: 0px -384px;
}
.modes-of-transport .tram:before {
  background-position: -32px -1120px;
}
.modes-of-transport .coach:before {
  background-position: 0px -1120px;
}
.modes-of-transport .cable-car:before {
  background-position: 0px -480px;
}
.modes-of-transport .overground:before {
  background-position: -64px -1056px;
}

.jp-mode-publictransport, .jp-mode-cycling, .jp-mode-walking {
  display: none;
}

.publictransport .jp-mode-publictransport, .cycling .jp-mode-cycling, .walking .jp-mode-walking {
  display: block;
}

.extra-options {
  margin: 10px -10px;
  background-color: #fff;
  padding: 5px 2.54% 10px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  clear: both;
}

.toggle-options {
  display: block;
}
.toggle-options:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -672px;
  height: 20px;
  width: 28px;
  display: inline-block;
  content: "";
}
.body-cms-preview .toggle-options:after {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .toggle-options:after {
  background-image: url("../../../images/vsprite.png");
}
.toggle-options.less-options:after {
  background-position: 0px -608px;
}

.expanded .go-via, .expanded .national-search, .expanded #more-journey-options {
  display: block;
}

.geolocation-box {
  margin-bottom: 10px;
  margin-top: 3px;
}

.geolocation-map {
  clear: left;
}

.image-container {
  border: 1px solid #cccccc;
  padding: 5px;
  background-color: #fff;
}

.showing-map .image-container {
  display: block;
  height: 200px;
}
.showing-map .geolocation-box .remove-content-container {
  margin-bottom: 10px;
}

.switch-button {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 84px 2548px;
  background-position: 0px -56px;
  height: 28px;
  width: 28px;
  display: block;
  position: relative;
  top: -20px;
  left: 50%;
  margin: 15px 0 -24px -16px;
}
.body-cms-preview .switch-button {
  background-image: url("../../../images/vsprite.png");
}

.walking-speed {
  float: left;
  margin-right: 20px;
}
.walking-speed .selector {
  width: 120px;
}

.max-walking-time {
  margin-bottom: 10px;
  margin-right: 20px;
  float: left;
  min-width: 105px;
}
.max-walking-time input {
  margin-right: 3%;
  width: 65px;
  padding: 5px;
}
.max-walking-time span {
  vertical-align: middle;
  width: 48.5%;
}

.hours-mins {
  margin-bottom: -10px;
}

.time-options {
  position: relative;
  margin: 15px 0 0;
}
.time-options p {
  float: left;
  width: 105px;
  margin-bottom: 0;
}
.time-options .selector {
  float: left;
  margin-right: 3%;
}
.time-options .date-of-departure {
  width: 58.5%;
}
.time-options .hours {
  width: 38.5%;
  margin-right: 0;
}
.time-options .change-time-options {
  display: none;
}
.time-options .time-defaults {
  margin-right: 4px;
}
.time-options.change-time .change-time-options {
  display: block;
}
.time-options.change-time .time-defaults {
  display: none;
}
.time-options .horizontal-toggle-buttons li {
  width: 48%;
}
.time-options .change-departure-time:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  background-position: 0px -640px;
}
.body-cms-preview .time-options .change-departure-time:after {
  background-image: url("../../../images/vsprite.png");
}

.go-via {
  display: none;
  margin-top: 10px;
}

.national-search {
  float: left;
  display: none;
  margin: 5px 2.54% 0 0;
}

#save-journey-planner-preferences {
  padding: 15px 2.54% 15px 2.54%;
  width: 105.08%;
  position: relative;
  left: -2.54%;
  background: #fff;
  border-top: 1px dotted #cccccc;
  margin-top: 10px;
}

.breakpoint-Small .journey-form .r > :last-child {
  margin-right: 0;
}

#recent-journeys {
  background-color: #fff;
  padding: 10px 2.54%;
  clear: both;
  margin-bottom: 20px;
}
#recent-journeys h3 {
  font-size: 20px;
}
#recent-journeys p {
  margin-bottom: 0;
}

.journey-planner-promo {
  display: none;
}

.journey-types {
  margin-top: -52px;
  position: absolute;
  left: 0;
}
.journey-types a .tabs-time {
  display: none;
}
@media only screen and (min-width: 580px) {
  .journey-types a .tabs-time {
    display: inline;
  }
}

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

.summary-results.publictransport .walking-box, .summary-results.publictransport .cycling-box {
  display: none;
}
.summary-results.cycling .publictransport-box, .summary-results.cycling .walking-box {
  display: none;
}
.summary-results.cycling .summary p {
  border-bottom: 1px dotted #cccccc;
  min-height: 53px;
  padding-left: 13px;
  margin-bottom: 10px;
}
.summary-results.walking .publictransport-box, .summary-results.walking .cycling-box {
  display: none;
}
.summary-results .always-visible .price-and-details {
  display: none;
}
.summary-results .start-hidden {
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #e5e6e7), color-stop(25px, white));
  background-image: -webkit-linear-gradient(#e5e6e7 0px, white 25px);
  background-image: linear-gradient(#e5e6e7 0px, white 25px);
  padding-top: 20px;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.summary-results .text-only {
  padding: 13px 15px;
}
.summary-results .journey-summary {
  border-bottom: 1px dotted #cccccc;
}
.summary-results .journey-summary h4 {
  padding-left: 10px;
}
.summary-results .time-box {
  float: left;
  padding: 10px 0;
  width: 46px;
  height: 40px;
  text-align: center;
  margin-left: 10px;
}
.summary-results .time-box:first-child {
  margin-right: 7%;
}
.summary-results .time-box .title {
  display: block;
  margin-bottom: 5px;
  color: #53595F;
  font-style: italic;
  font-size: 14px;
  line-height: 100%;
}
.summary-results .time-box .time {
  font-size: 24px;
  line-height: 100%;
}
.summary-results .journey-time {
  float: right;
  padding: 15px 10px;
  line-height: 100%;
}
.summary-results .extra-info-box {
  padding: 10px;
}
.summary-results .extra-info-box .frequency, .summary-results .extra-info-box .price {
  float: right;
}
.summary-results .extra-info-box .frequency {
  margin-bottom: 5px;
}
.summary-results .price-and-details .show-detailed-results {
  margin: 10px 10px 0 0;
}
.summary-results .journey-price {
  float: left;
  clear: both;
  padding: 10px;
}
.summary-results .primary-button {
  float: right;
  margin: 10px 10px 0 0;
  width: 130px;
}
.summary-results .disrupted p {
  padding: 5px 0px;
}

.journey-details-ajax p {
  position: relative;
  text-align: center;
  margin-top: 10px;
}

.search-options {
  padding: 15px 5px 5px;
}
.search-options .change-journey-options {
  float: right;
  margin-top: -10px;
}
.search-options table {
  width: 100%;
}
.search-options th {
  padding: 3px 10px 3px 0;
  text-align: left;
}
.search-options td {
  padding: 3px 0;
  font-weight: bold;
}

.static-map img {
  width: 100%;
  height: auto;
}

#full-width-content .journey-results {
  margin-bottom: 0;
}
.journey-results .auto-expand {
  margin-bottom: 10px;
}
.journey-results .summary-results {
  margin: 0 2.54%;
}

ul.journey-steps {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  height: 100%;
  padding-left: 5px;
}
ul.journey-steps li {
  float: left;
  margin: 10px 3px;
  position: relative;
  list-style-type: none;
}
ul.journey-steps li span {
  position: absolute;
  top: 5px;
  left: 40px;
  font-weight: bold;
  font-size: 15px;
}
ul.journey-steps li span.disruption {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 66px 2002px;
  background-position: 0px -572px;
  height: 22px;
  width: 22px;
  display: block;
  height: 22px;
  width: 24px;
  z-index: 2;
  top: 9px;
  left: 12px;
  position: absolute;
}
.body-cms-preview ul.journey-steps li span.disruption {
  background-image: url("../../../images/vsprite.png");
}
ul.journey-steps li.disruption {
  background-color: #faf5e1;
}
ul.journey-steps .tube-icon {
  position: relative;
}
ul.journey-steps .tube-icon span {
  display: block;
  height: 3px;
  width: 24px;
  left: 4px;
  position: absolute;
  top: auto;
}
ul.journey-steps .tube-icon span:first-child {
  bottom: 0;
}
ul.journey-steps .tube-icon span:nth-child(2) {
  bottom: 3px;
}
ul.journey-steps .tube-icon span:nth-child(3) {
  bottom: 6px;
}
ul.journey-steps .tube-icon span:nth-child(4) {
  bottom: 9px;
}

table.journey-steps tr:nth-child(odd) {
  background: transparent;
}
table.journey-steps td {
  vertical-align: top;
}
table.journey-steps td.disrupted {
  padding: 0 5px;
  background-color: #faf5e1;
}
table.journey-steps .time {
  display: none;
  padding-bottom: 4px;
  width: 60px;
}
table.journey-steps .time.wide {
  width: 96px;
}
table.journey-steps .logo {
  padding: 2px 5px;
  text-align: center;
  width: 35px;
}
table.journey-steps .logo div {
  margin: -3px auto;
  padding-bottom: 4px;
}
table.journey-steps .description {
  padding-bottom: 4px;
}

.logo.centred {
  margin-top: -16px;
  margin-left: -16px;
}

.half-width-buttons {
  margin-bottom: 10px;
}
.half-width-buttons .earlier {
  margin-right: 3%;
  padding-left: 16px;
}
.half-width-buttons .earlier:before {
  content: "";
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -576px;
  height: 22px;
  width: 28px;
  display: inline-block;
  margin-top: -5px;
  margin-left: -28px;
}
.body-cms-preview .half-width-buttons .earlier:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .half-width-buttons .earlier:before {
  background-image: url("../../../images/vsprite.png");
}
.half-width-buttons .later {
  margin-left: 3%;
  padding-right: 16px;
}
.half-width-buttons .later:after {
  content: "";
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -640px;
  height: 22px;
  width: 28px;
  display: inline-block;
  margin-top: -5px;
  margin-right: -28px;
}
.body-cms-preview .half-width-buttons .later:after {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .half-width-buttons .later:after {
  background-image: url("../../../images/vsprite.png");
}
.half-width-buttons a {
  float: left;
  width: 47%;
}
.half-width-buttons a span {
  margin: -5px 0 0 0;
}

#alternatives {
  margin-left: 0;
  padding: 20px 2.54%;
  background: #FFF;
}

.journey-details {
  display: none;
}

.selected .journey-details {
  display: block;
}
.selected table.journey-steps {
  display: none;
}

.access-information {
  margin-left: 70px;
  padding-bottom: 10px;
  *zoom: 1;
}
.access-information > a {
  float: left;
  position: relative;
}
.access-information:before, .access-information:after {
  content: " ";
  display: table;
}
.access-information:after {
  clear: both;
}

.tooltip-container {
  overflow: hidden;
}
.tooltip-container:hover, .tooltip-container:focus {
  overflow: visible;
}
.tooltip-container:hover .tooltip, .tooltip-container:focus .tooltip {
  visibility: visible;
}

.tooltip {
  display: block;
  position: absolute;
  background-color: #2d3039;
  color: #fff;
  visibility: hidden;
  padding: 2px 5px;
  top: 40px;
  z-index: 1;
  font-size: 15px;
  font-family: Arial,Helvetica,sans-serif;
}
.tooltip:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #2d3039 transparent;
}
.tooltip.right {
  right: 0;
}
.tooltip.right:before {
  left: auto;
  right: 0;
}

.journey-detail-step .start-location, .journey-detail-step .end-location {
  font-size: 20px;
  margin-left: 60px;
}
.journey-planner-results .journey-detail-step .start-location, .journey-planner-results .journey-detail-step .end-location {
  padding: 10px 0 0 10px;
}
.journey-detail-step .start-location .stop-link, .journey-detail-step .end-location .stop-link {
  padding: 20px 30px 20px 10px;
}
.journey-detail-step.terminus .time-and-mode > div {
  height: 22px;
  margin-top: -11px;
}
.journey-detail-step .step-heading {
  position: relative;
  background: #eeeeee;
  min-height: 65px;
  margin: 0 -10px;
  padding: 0 10px;
}
.journey-detail-step .step-summary {
  display: none;
}
.journey-detail-step .time-and-mode {
  position: absolute;
  height: 100%;
  background: #fff;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  float: left;
  width: 60px;
  text-align: center;
}
.journey-detail-step .time-and-mode > div {
  height: 52px;
  width: 60px;
  top: 50%;
  margin-top: -26px;
  position: absolute;
}
.journey-detail-step .centred {
  margin-left: 12px;
}
.journey-detail-step .centred.footpaths-icon, .journey-detail-step .centred.walking-icon {
  margin-left: 16px;
}
.journey-detail-step h2 {
  padding: 5px 0 0;
  margin-left: 70px;
  line-height: 120%;
}
.journey-detail-step .details {
  position: relative;
}
.journey-detail-step .details p, .journey-detail-step .details .view-on-a-map-parent {
  margin-bottom: 0px;
  padding-bottom: 10px;
}
.journey-detail-step .details p.description, .journey-detail-step .details .view-on-a-map-parent.description {
  padding-top: 10px;
}
.journey-detail-step .details p.description.disrupted, .journey-detail-step .details .view-on-a-map-parent.description.disrupted {
  background-color: #faf5e1;
}
.journey-detail-step .details p.duration, .journey-detail-step .details .view-on-a-map-parent.duration {
  padding-top: 10px;
  padding-bottom: 0px;
}
.journey-detail-step .instructions {
  padding-left: 70px;
}
.journey-detail-step .text-instructions-list .stop-link {
  padding-left: 85px;
}
.journey-detail-step .text-instructions-list .stop-link:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  content: "";
  position: absolute;
  top: 50%;
  left: 53px;
  margin-top: -16px;
  margin-right: -6px;
}
.body-cms-preview .journey-detail-step .text-instructions-list .stop-link:after {
  background-image: url("../../../images/vsprite.png");
}
.journey-detail-step .text-instructions-list .stop-link.sign-right:after {
  background-position: 0px -2336px;
}
.journey-detail-step .text-instructions-list .stop-link.sign-left:after {
  background-position: -64px -2304px;
}
.journey-detail-step .text-instructions-list .stop-link.sign-straight:after {
  background-position: -32px -2304px;
}
.journey-detail-step .json-all-stops, .journey-detail-step .view-on-a-map, .journey-detail-step .text-instructions-link {
  padding-left: 34px;
  position: relative;
  left: -11px;
}
.journey-detail-step .json-all-stops:after, .journey-detail-step .view-on-a-map:after, .journey-detail-step .text-instructions-link:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -672px;
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -16px;
  margin-right: -6px;
}
.body-cms-preview .journey-detail-step .json-all-stops:after, .body-cms-preview .journey-detail-step .view-on-a-map:after, .body-cms-preview .journey-detail-step .text-instructions-link:after {
  background-image: url("../../../images/vsprite.png");
}
.journey-detail-step .json-all-stops.hide:after, .journey-detail-step .view-on-a-map.hide:after, .journey-detail-step .text-instructions-link.hide:after {
  background-position: 0px -608px;
}
.journey-detail-step .view-on-a-map.show-all:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -608px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
  margin-right: -6px;
}
.body-cms-preview .journey-detail-step .view-on-a-map.show-all:after {
  background-image: url("../../../images/vsprite.png");
}

.all-stops {
  margin-left: -62px;
}
.all-stops li:first-child:before {
  top: 0%;
}
.all-stops li:last-child::before {
  bottom: 0%;
}

.route-name {
  font-size: 24px;
}

.route-heading .step-heading {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.route-heading .stop-name {
  left: 32px;
}
.route-heading .stop-name.hail-and-ride {
  left: 40px;
}
.route-heading .stop {
  left: 32px;
}
.route-heading .all-stops {
  margin-left: -70px;
}
.route-heading .stop-link {
  padding-left: 72px;
}
.route-heading .mode-icon {
  float: right;
  margin-top: -5px;
  position: relative;
}
.route-heading .stop-list .lines {
  width: 60px;
}
.route-heading .stop-list .lines .stop {
  z-index: 2;
}
.route-heading .stops-wrapper .mode-icon, .route-heading .stops-wrapper .tube-lines {
  float: left;
}

.bus-branch {
  position: relative;
  background-color: #cc3333;
}
.bus-branch: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;
}

.lines .bus-split {
  height: 30%;
  background-color: #cc3333;
  top: -9px;
}
.lines .bus-split:before {
  background-position: 0 -40px;
  top: 100%;
}
.lines .bus-merge-start {
  top: 50%;
  height: 50%;
}
.lines .bus-merge-start:before {
  background-position: -40px 0;
  top: 0;
  margin-top: -28px;
}
.lines .bus-merge {
  top: 50%;
  height: 50%;
}
.lines .bus-merge:before {
  background-position: 0 0;
  top: 0;
  margin-top: -20px;
}
.lines .bus-loop-start:before {
  background-position: -40px -40px;
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -10px;
}
.lines .bus-loop-end {
  top: 50%;
  height: 50%;
}
.lines .bus-loop-end:before {
  background-position: -40px -80px;
  top: 0;
  margin-top: -20px;
  left: 50%;
  margin-left: -10px;
}
.lines .stop.interchange {
  height: 20px;
  border: 3px solid #000;
  background-color: #fff;
}
.lines .stop.step-free-to-platform, .lines .stop.step-free-to-train {
  height: 32px;
  background-color: transparent;
}
.lines .dlr .stop.interchange, .lines .docklands .stop.interchange, .lines .docklands-light-railway .stop.interchange {
  border: 3px solid #000;
}
.lines .overground .stop.interchange {
  border: 3px solid #000;
}
.lines .interchange {
  display: block;
  width: 20px;
  border-radius: 20px;
  margin-left: -10px;
  margin-top: -10px;
}
.lines .interchange, .lines .step-free-to-platform, .lines .step-free-to-train {
  display: block;
  left: 50%;
  top: 50%;
}
.lines .step-free-to-platform, .lines .step-free-to-train {
  display: block;
  margin-left: -16px;
  margin-top: -16px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
}
.body-cms-preview .lines .step-free-to-platform, .body-cms-preview .lines .step-free-to-train {
  background-image: url("../../../images/vsprite.png");
}
.lines .step-free-to-platform {
  background-position: -64px -992px;
}
.lines .step-free-to-train {
  background-position: -32px -992px;
}

.tube-lines {
  float: right;
  width: 26px;
  height: 30px;
  position: relative;
  margin-top: -3px;
}
.tube-lines :not(.fake-selector).tube-line-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tube-lines .tube-line {
  margin-bottom: 1px;
  height: 5px;
  display: block;
}

.route-branch-information,
.route-branch-heading {
  background-color: #f7f7f7;
}

.route-branch-heading {
  margin-top: 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 15px;
}

.route-branch-heading + li .step-heading {
  margin-top: 10px;
}

.pattern-2 .lines {
  height: 90%;
  top: 5%;
}

.start-location .stop-link {
  padding-left: 0;
}

.time-and-mode .stop-name {
  left: 50%;
  margin-left: -15px;
}
.time-and-mode .route-name {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -16px;
  text-align: center;
}
.time-and-mode.with-stop .route-name {
  top: auto;
  margin-top: 0;
  bottom: -10px;
}

.stop {
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -2px;
  width: 5px;
  height: 4px;
}

.lines {
  position: absolute;
  width: 60px;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  overflow: hidden;
  z-index: 3;
}
.lines span {
  display: inline-block;
  height: 100%;
}
.lines .stop {
  height: 4px;
  background-color: inherit;
  border-right: inherit;
}
.lines .footpaths, .lines .footpath, .lines .walking {
  margin-left: 3px;
  border-left: 3px dashed #2d3039;
}
.lines .cycle, .lines .cycle-easy, .lines .cycle-moderate, .lines .cycle-hard {
  margin-left: 3px;
  border-left: 3px dashed #259bd2;
}
.lines .train, .lines .national-rail {
  border-right: 1px solid #ef2721;
  border-left: 1px solid #ef2721;
  background: #fff;
}
.lines .train .stop, .lines .national-rail .stop {
  border-top: 1px solid #ef2721;
  border-bottom: 1px solid #ef2721;
}
.lines .bus, .lines .bus, .lines .replacement-bus {
  background: #cc3333;
}
.lines .hail-and-ride {
  margin-left: 4px;
  border-left: 4px dashed #cc3333;
}
.lines .overground {
  border-right: 1px solid #e86a10;
  border-left: 1px solid #e86a10;
  background: #fff;
}
.lines .overground .stop {
  border-top: 1px solid #e86a10;
  border-bottom: 1px solid #e86a10;
}
.lines .coach {
  border-right: 1px solid #fdb813;
  border-left: 1px solid #fdb813;
  background: #fff;
}
.lines .coach .stop {
  border-top: 1px solid #fdb813;
  border-bottom: 1px solid #fdb813;
}
.lines .river, .lines .river-bus {
  border-right: 1px solid #0098d4;
  border-left: 1px solid #0098d4;
  background: #fff;
}
.lines .river .stop, .lines .river-bus .stop {
  border-top: 1px solid #0098d4;
  border-bottom: 1px solid #0098d4;
}
.lines .dlr, .lines .docklands, .lines .docklands-light-railway {
  border-right: 1px solid #00afad;
  border-left: 1px solid #00afad;
  background: #fff;
}
.lines .dlr .stop, .lines .docklands .stop, .lines .docklands-light-railway .stop {
  border-top: 1px solid #00afad;
  border-bottom: 1px solid #00afad;
}
.lines .tram {
  border-right: 1px solid #7cc144;
  border-left: 1px solid #7cc144;
  background: #fff;
}
.lines .tram .stop {
  border-top: 1px solid #7cc144;
  border-bottom: 1px solid #7cc144;
}
.lines .cablecar, .lines .cable-car {
  position: relative;
  width: 2px;
  background: #e21836;
}
.lines .cablecar:before, .lines .cablecar:after, .lines .cable-car:before, .lines .cable-car:after {
  content: "";
  position: absolute;
  background: #e21836;
  width: 2px;
  height: 100%;
  top: 0;
}
.lines .cablecar:before, .lines .cable-car:before {
  left: -4px;
}
.lines .cablecar:after, .lines .cable-car:after {
  right: -4px;
}
.lines.lines2 span:first-child .stop {
  width: 7px;
  left: 18px;
  z-index: 2;
}
.lines.lines2 span:last-child .stop {
  width: 6px;
  z-index: 0;
}
.lines.lines3 span:first-child .stop {
  width: 7px;
  left: 16px;
  z-index: 2;
}
.lines.lines3 span:nth-child(2) .stop {
  left: 20px;
  width: 7px;
  z-index: 1;
}
.lines.lines3 span:last-child .stop {
  width: 8px;
  z-index: 0;
}

.journey-time {
  font-weight: bold;
  font-size: 30px;
}
.journey-time .time-units {
  font-size: 15px;
  font-weight: normal;
  margin-left: 2px;
}

.full-results-container {
  margin: 0 0 10px 2.54%;
  background: #fff;
}
.full-results-container .start-hidden {
  padding: 10px;
}
.full-results-container table.journey-steps {
  display: none;
}
.full-results-container .journey-details {
  display: block;
}

.disruption-messages .line-status, .disruption-messages .line-disruption {
  background-color: #faf5e1;
}
.disruption-messages .line-status .message-toggle, .disruption-messages .line-disruption .message-toggle {
  display: block;
  padding: 10px 10px 10px 45px;
  position: relative;
}
.disruption-messages .line-status .message-toggle:before, .disruption-messages .line-disruption .message-toggle:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 5px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -832px;
}
.body-cms-preview .disruption-messages .line-status .message-toggle:before, .body-cms-preview .disruption-messages .line-disruption .message-toggle:before {
  background-image: url("../../../images/vsprite.png");
}
.disruption-messages .line-information .message-toggle {
  padding-left: 34px;
  left: -11px;
  position: relative;
}
.disruption-messages .line-information .message-toggle:after {
  left: 4px;
  margin-top: -16px;
  margin-right: -6px;
}
.disruption-messages .message-toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 5px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -672px;
}
.body-cms-preview .disruption-messages .message-toggle:after {
  background-image: url("../../../images/vsprite.png");
}
.disruption-messages .expanded .message-toggle:after {
  background-position: 0px -608px;
}
.disruption-messages .content {
  margin-left: 0;
  background-color: transparent;
}
.disruption-messages .start-hidden {
  background-image: none;
  border: 0;
  background-color: transparent;
}

.journey-detail-step .content .line-status-heading {
  padding: 5px 10px 6px 50px;
}

.replan-route {
  text-align: center;
  padding-top: 10px;
  background-color: #ccdde8;
}

.replan-from-current-location {
  background-color: #fff;
  display: block;
  padding: 16px 0 20px;
}
.replan-from-current-location:before {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -92px;
  height: 32px;
  width: 32px;
  display: inline-block;
  content: "";
  vertical-align: middle;
}
.body-cms-preview .replan-from-current-location:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .replan-from-current-location:before {
  background-image: url("../../../images/vsprite.png");
}

.showing-full-details .summary-results .auto-expand {
  display: none;
}
.showing-full-details .show-detailed-results {
  display: none;
}

.leg-map {
  height: 100%;
}

.accessibility-details {
  background: #eeeeee;
  padding: 10px;
}
.accessibility-details .heading {
  margin-bottom: 10px;
}
.accessibility-details .details-pane {
  display: none;
}
.accessibility-details .icon {
  float: left;
  min-width: 32px;
  margin-right: 10px;
}
.accessibility-details p {
  clear: both;
  margin: 5px 0;
}
.accessibility-details .sub-heading {
  clear: both;
  font-weight: bold;
}
.accessibility-details.expanded .details-pane {
  display: block;
}
.accessibility-details.expanded .heading {
  padding-bottom: 10px;
  border-bottom: 1px dotted #cccccc;
}
.accessibility-details.expanded .show-hide-links .hide-link {
  display: inline;
}
.accessibility-details.expanded .show-hide-links .show-link {
  display: none;
}
.accessibility-details .show-hide-links {
  text-align: center;
  border-top: 1px dotted #cccccc;
  margin-top: 5px;
  padding-top: 5px;
}
.accessibility-details .show-hide-links .hide-link {
  display: none;
  position: relative;
  margin-left: -32px;
}
.accessibility-details .show-hide-links .hide-link:after {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -608px;
  top: -6px;
  right: -32px;
}
.body-cms-preview .accessibility-details .show-hide-links .hide-link:after {
  background-image: url("../../../images/vsprite.png");
}
.accessibility-details .show-hide-links .show-link {
  position: relative;
  margin-left: -32px;
}
.accessibility-details .show-hide-links .show-link:after {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -672px;
  top: -6px;
  right: -32px;
}
.body-cms-preview .accessibility-details .show-hide-links .show-link:after {
  background-image: url("../../../images/vsprite.png");
}
.walking .accessibility-details {
  display: none;
}
.cycling .accessibility-details {
  display: none;
}

[data-current-location='true']:after {
  content: "Current location";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 120px;
  height: 19px;
  padding: 5px 5px 5px 30px;
  border: 1px solid #c2dcf7;
  background-color: #eff6fd;
  z-index: 98;
}
[data-current-location='true']:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 99;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px 0px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview [data-current-location='true']:before {
  background-image: url("../../../images/vsprite.png");
}
[data-current-location='true'] .tt-input {
  word-spacing: 25px;
}

.journey-planner-widget .journey-types {
  display: none;
}
.journey-planner-widget.start-hidden.widget-content {
  padding: 0;
}
.journey-planner-widget #plan-a-journey {
  margin-top: 0;
}
.expanded .journey-planner-widget #more-journey-options, .expanded .journey-planner-widget .go-via, .expanded .journey-planner-widget .national-search {
  display: none;
}
.expanded .journey-planner-widget .toggle-options.more-options {
  display: block;
}
.expanded .journey-planner-widget .basic-journey-options {
  border-bottom: none;
  background-color: transparent;
}

.journey-planner-results .journey-results .expandable-box {
  border-bottom: 0px none;
}
.journey-planner-results .journey-results .expandable-box .expanded > .start-hidden {
  border-top: 0;
}
.journey-planner-results .journey-results .expandable-box .content {
  border-bottom: 0px;
  margin-left: 20px;
}
.journey-planner-results .journey-results .expandable-box.line-information .content, .journey-planner-results .journey-results .expandable-box.line-disruption .content, .journey-planner-results .journey-results .expandable-box.line-status .content {
  background-color: transparent;
  margin-left: 0;
  margin-bottom: 10px;
}
.journey-planner-results .journey-results .expandable-box .controls {
  background-color: #3f75a4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f75a4), color-stop(100%, #1a5a92));
  background-image: -webkit-linear-gradient(#3f75a4, #1a5a92);
  background-image: linear-gradient(#3f75a4, #1a5a92);
  -webkit-transition: background-image, 0.3s;
  -moz-transition: background-image, 0.3s;
  transition: background-image, 0.3s;
  position: absolute;
  top: 16px;
  left: -20px;
  width: 20px;
  height: 100%;
  border: 1px solid #053983;
  text-decoration: none;
}
.journey-planner-results .journey-results .expandable-box .controls:not([disabled='disabled']):hover, .journey-planner-results .journey-results .expandable-box .controls: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);
}
.journey-planner-results .journey-results .expandable-box .controls[disabled='disabled'], .journey-planner-results .journey-results .expandable-box .controls .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: #aaaaaa;
}
.journey-planner-results .journey-results .expandable-box .controls[disabled='disabled'] .cta-content:before, .journey-planner-results .journey-results .expandable-box .controls .disabled .cta-content:before {
  opacity: 0.25;
}
.journey-planner-results .journey-results .expandable-box .controls:before {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -704px;
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -16px;
  left: -7px;
}
.body-cms-preview .journey-planner-results .journey-results .expandable-box .controls:before {
  background-image: url("../../../images/vsprite.png");
}
.journey-planner-results .journey-results .expandable-box .expanded .controls:before {
  background-position: -32px -736px;
}

.jp-print-button {
  margin-top: 10px;
}
.jp-print-button .print-button {
  max-width: 200px;
  float: right;
}

.jp-external-widget {
  background-image: url("/static/1/images/vsprite_x2.png");
  /* background-image: url("/static/1/images/vsprite.png");*/
  background-size: 96px 2624px;
  background-position: 0px -640px;
  height: 22px;
  width: 28px;
  display: inline-block;
  margin-bottom: 5px;
}

.jp-external-widget-container {
  overflow: hidden;
  margin-top: -43px;
}

.plan-a-journey-external {
  width: 100%;
  text-align: center;
  margin-bottom: 7px;
}

.widget-tfl-logo {
  margin-bottom: 5px;
  margin-top: -4px;
}

.summary-results .journey-summary ul.journey-steps li.cycle-text {
  width: 70%;
}
.summary-results .journey-summary ul.journey-steps li.cycle-text span {
  position: relative;
  color: #9f999b;
}
.summary-results .journey-summary ul.journey-steps li.cycle-text h4 {
  margin-bottom: 0;
  padding-left: 0;
  color: #000;
}

.summary-results .journey-summary ul.journey-steps li.cycle-text {
  width: 70%;
}
.summary-results .journey-summary ul.journey-steps li.cycle-text span {
  position: relative;
  color: #9f999b;
}
.summary-results .journey-summary ul.journey-steps li.cycle-text h4 {
  margin-bottom: 0;
  padding-left: 0;
  color: #000;
}

.service-status-rainbow-board {
  margin-top: 10px;
}
.service-status-rainbow-board .field-validation-error {
  margin-bottom: 10px;
}

.close-map-panel {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px;
  float: right;
  margin-top: -10px;
}
.body-cms-preview .close-map-panel {
  background-image: url("../../../images/vsprite.png");
}

.status-map-wrapper {
  overflow: hidden;
  position: relative;
}

.lines-stations-tab {
  margin-bottom: 10px;
}

#status-map {
  opacity: 0.8;
}
.active-map #status-map {
  opacity: 1;
}

.active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map) .panzoom-wrapper {
  position: relative;
}
.active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map) .panzoom-wrapper:after {
  position: absolute;
  bottom: 5px;
  left: 5px;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map) .panzoom-wrapper.coloured-disruptions:after {
  content: "Disruptions highlighted";
}
.active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map) .panzoom-wrapper.grey-disruptions:after {
  content: "Good service highlighted";
}

#tubemap, #trammap, #cablecarmap, #rivermap {
  background-color: #f7f7f7;
  position: relative;
}
#tubemap.loading:after, #trammap.loading:after, #cablecarmap.loading:after, #rivermap.loading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #2d3039;
}
#tubemap.loading .throbber, #tubemap.loading .loading-disruptions, #tubemap.loading .map-sliver.loading[data-map-purpose='nearby']:after, #trammap.loading .throbber, #trammap.loading .loading-disruptions, #trammap.loading .map-sliver.loading[data-map-purpose='nearby']:after, #cablecarmap.loading .throbber, #cablecarmap.loading .loading-disruptions, #cablecarmap.loading .map-sliver.loading[data-map-purpose='nearby']:after, #rivermap.loading .throbber, #rivermap.loading .loading-disruptions, #rivermap.loading .map-sliver.loading[data-map-purpose='nearby']:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
  z-index: 11;
}
#tubemap .throbber, #tubemap .loading-disruptions, #tubemap .map-sliver.loading[data-map-purpose='nearby']:after, #trammap .throbber, #trammap .loading-disruptions, #trammap .map-sliver.loading[data-map-purpose='nearby']:after, #cablecarmap .throbber, #cablecarmap .loading-disruptions, #cablecarmap .map-sliver.loading[data-map-purpose='nearby']:after, #rivermap .throbber, #rivermap .loading-disruptions, #rivermap .map-sliver.loading[data-map-purpose='nearby']:after {
  display: none;
}
#tubemap .map-options-panel, #trammap .map-options-panel, #cablecarmap .map-options-panel, #rivermap .map-options-panel {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2001;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.showing-map-panel #tubemap .map-options-panel, .showing-map-panel #trammap .map-options-panel, .showing-map-panel #cablecarmap .map-options-panel, .showing-map-panel #rivermap .map-options-panel {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.active-map #tubemap, .active-map #trammap, .active-map #cablecarmap, .active-map #rivermap {
  background-color: transparent;
}

.no-disruptions-panel {
  background-color: #2d3039;
  padding: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 100px;
  margin-left: -125px;
  margin-top: -55px;
  display: none;
}
.active-map .no-disruptions-panel, .stage-active .no-disruptions-panel {
  display: block;
}
.no-disruptions-panel.future {
  height: 80px;
  margin-top: -40px;
}
.no-disruptions-panel .no-disruptions-panel-message {
  font-size: 18px;
  color: #fff;
}
.no-disruptions-panel .close3-icon {
  float: right;
  width: 32px;
  margin-top: -10px;
  margin-right: -10px;
  cursor: pointer;
}

.active-map .r > [data-set='status-map'] {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.corridor-selected .road-disruptions-wrapper {
  display: none;
}

.nearby-disruptions-map-panel {
  display: none;
}

.nearby-selected .nearby-disruptions-map-panel {
  display: block;
}
.nearby-selected .road-disruptions-container {
  display: none;
}
.nearby-selected .no-disruptions {
  margin-bottom: 20px;
}

.rainbow-board.roads {
  margin-top: 20;
  margin-bottom: 0px;
}

.external-roads-widget {
  margin-top: 0 !important;
  display: inline !important;
  position: absolute;
  top: 87px;
}
.external-roads-widget .scrolling {
  overflow-y: scroll;
}

.external-roads-widget-extra-links {
  position: absolute;
  width: 100%;
  bottom: 0px;
}

.external-roads-widget table {
  margin-bottom: 80px;
}

.external-roads-widget-logo img {
  padding-bottom: 10px;
}

.external-roads-widget-logo {
  position: fixed;
  z-index: 1000;
  background: #fff;
  width: 100%;
  height: 87px;
  padding: 10px;
}

.external-roads-widget-logo-time {
  font-family: Arial;
  font-size: 15px;
  line-height: 12px !important;
  margin-bottom: 0 !important;
}

.external-roads-widget-title {
  font-family: New Johnson Bold;
  line-height: 16px !important;
  padding-bottom: 10px;
  font-size: 21px;
  margin-bottom: 0 !important;
  text-transform: uppercase;
}

.external-roads-widget-link {
  margin-bottom: 0 !important;
}

.nearby-roads-button .nearby-icon {
  display: inline-block;
  margin: -4px 3px -4px -3px;
}

.corridor-selected .corridor-details, .nearby-selected .corridor-details {
  display: block;
}

.service-status-rainbow-board h2 {
  display: none;
}
.service-status-rainbow-board .visible {
  display: block;
}
.service-status-rainbow-board tr.visible {
  display: table-row;
}
.service-status-rainbow-board .disruption-message {
  padding: 10px;
  border-top: 1px dotted #CCCCCC;
}
.service-status-rainbow-board .status-board-table [data-line-class], .service-status-rainbow-board .status-board-table [data-station-class] {
  cursor: pointer;
}
.service-status-rainbow-board .vertical-button-container {
  margin-top: 0px;
  margin-bottom: 10px;
}

.loading-disruptions {
  display: none;
  margin-top: 20px;
  margin-bottom: 24px;
  background-position: center;
  width: auto;
  background-repeat: no-repeat;
}

.road-disruptions {
  margin-top: 20px;
  background-color: #fff;
  margin-bottom: 10px;
}

.road-disruption {
  margin-bottom: 20px;
  position: relative;
}
.road-disruption > div {
  padding: 15px;
}
.road-disruption div.disruption-info {
  padding: 0;
}
.road-disruption .map-panel-heading {
  cursor: pointer;
}
.road-disruption .location {
  cursor: pointer;
  background: #eeeeee;
  min-height: 68px;
  position: relative;
  padding-left: 25px;
}
.road-disruption .location h3 {
  margin-bottom: 0px;
}
.road-disruption .location h4 {
  font-weight: normal;
  margin-bottom: 0px;
  line-height: 125%;
}
.road-disruption .tag {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
}
.road-disruption .tag.default {
  background-color: #a8a8a8;
}
.road-disruption .severity {
  background: #faf5e1;
  position: relative;
  padding: 10px 50px 10px 26px;
}
.road-disruption .severity span {
  display: block;
  height: 20px;
}
.road-disruption .severity .tag {
  height: 100%;
}
.road-disruption .severity:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 4px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
}
.body-cms-preview .road-disruption .severity:after {
  background-image: url("../../../images/vsprite.png");
}
.road-disruption .severity.Minimal:after {
  background-position: 0px -1376px;
}
.road-disruption .severity.Moderate:after {
  background-position: -32px -1376px;
}
.road-disruption .severity.Serious:after {
  background-position: -64px -1376px;
}
.road-disruption .severity.Severe:after {
  background-position: 0px -1408px;
}
.road-disruption .disruption-info {
  border: 1px solid #cacaca;
  position: relative;
  *zoom: 1;
}
.road-disruption .disruption-info h3 {
  margin: 15px 0 0 15px;
  vertical-align: baseline;
  font-size: 15px;
}
.road-disruption .disruption-info h3 span {
  font-weight: normal;
}
.road-disruption .disruption-info .highlight {
  background-color: #faf5e1;
  margin-bottom: 3px;
  padding: 7px 15px;
}
.road-disruption .disruption-info .highlight span.right {
  float: right;
}
.road-disruption .disruption-info .updated {
  color: #666666;
  margin-bottom: 10px;
  display: block;
}
.road-disruption .disruption-info .affected-roads {
  list-style: none;
  font-size: 15px;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 0 15px;
}
.road-disruption .disruption-info p {
  margin-bottom: 15px;
  padding: 0 15px;
}
.road-disruption .disruption-info .padded-button-container {
  min-height: 50px;
  margin-bottom: 10px;
  padding: 0 15px;
}
.road-disruption .disruption-info .vertical-button-container {
  margin: 0 0 10px;
  position: relative;
  *zoom: 1;
}
.road-disruption .disruption-info .vertical-button-container:last-child, .road-disruption .disruption-info .vertical-button-container.last {
  margin: 0;
}
.map-panel-info .road-disruption {
  margin-bottom: 0;
}
.map-panel-info .road-disruption .tag, .map-panel-info .road-disruption .severity {
  display: none;
}
.map-panel-info .road-disruption .location {
  background: transparent;
  padding-left: 33px;
  padding-top: 0;
  min-height: 0;
  margin-bottom: 10px;
}
.map-panel-info .road-disruption .location h3 {
  display: none;
}
.map-panel-info .road-disruption .location .default + h3 {
  display: block;
  font-size: 15px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}
.map-panel-info .road-disruption .disruption-info {
  background: #fff;
  color: #2d3039;
}
.map-panel-info .road-disruption .disruption-info .vertical-button-container {
  display: none;
}
.map-panel-info .road-disruption .disruption-info .vertical-button-container.jamcams {
  display: block;
  float: right;
}

#toggle-panel-status-map {
  top: 10px;
  right: 10px;
  z-index: 10;
}
.active-map.stage-active #toggle-panel-status-map {
  top: 50px;
  z-index: 1001;
}

.lines-stations-tab {
  margin-bottom: 10px;
}

.jam-cam-wrapper {
  background: #000;
  padding: 10px;
}
.jam-cam-wrapper img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.jam-cam-wrapper img.hidden {
  display: none;
}
.jam-cam-wrapper .field-validation-error {
  margin: 20px;
}
.jam-cam-wrapper .field-validation-error:before {
  background-position: -32px -2208px;
}

.roads-map-panel {
  margin-bottom: 20px;
}

.topmargin {
  margin-top: 15px;
}

.stops-placeholder {
  height: 100px;
  width: 100%;
}
.stops-placeholder.station {
  background-image: url("/static/1/images/placeholder/station-street_small.jpg");
}
.stops-placeholder.station-street-view {
  display: none;
}
.stops-placeholder.mode {
  background-image: url("/static/1/images/placeholder/emirates_tab.jpg");
}
.stops-placeholder.pier {
  background-image: url("/static/1/images/placeholder/tram_tab.jpg");
}

.disruption-message.hidden {
  display: none;
}

.station-details {
  padding-top: 20px;
}
.station-details .moving-source-order :last-child {
  margin-bottom: 0;
}
.station-details .lines-status .no-disruption:hover .service-status, .station-details .lines-status .no-disruption:focus .service-status {
  background-color: #fff;
}
.station-details .lines-status .no-disruption:hover td.bakerloo, .station-details .lines-status .no-disruption:focus td.bakerloo {
  background-color: #894e24;
}
.station-details .lines-status .no-disruption:hover td.central, .station-details .lines-status .no-disruption:focus td.central {
  background-color: #dc241f;
}
.station-details .lines-status .no-disruption:hover td.circle, .station-details .lines-status .no-disruption:focus td.circle {
  background-color: #ffce00;
}
.station-details .lines-status .no-disruption:hover td.district, .station-details .lines-status .no-disruption:focus td.district {
  background-color: #007229;
}
.station-details .lines-status .no-disruption:hover td.dlr, .station-details .lines-status .no-disruption:hover td.docklands, .station-details .lines-status .no-disruption:hover td.docklands-light-railway, .station-details .lines-status .no-disruption:focus td.dlr, .station-details .lines-status .no-disruption:focus td.docklands, .station-details .lines-status .no-disruption:focus td.docklands-light-railway {
  background-color: #00afad;
}
.station-details .lines-status .no-disruption:hover td.hammersmith, .station-details .lines-status .no-disruption:focus td.hammersmith {
  background-color: #d799af;
}
.station-details .lines-status .no-disruption:hover td.jubilee, .station-details .lines-status .no-disruption:focus td.jubilee {
  background-color: #6a7278;
}
.station-details .lines-status .no-disruption:hover td.metropolitan, .station-details .lines-status .no-disruption:focus td.metropolitan {
  background-color: #751056;
}
.station-details .lines-status .no-disruption:hover td.northern, .station-details .lines-status .no-disruption:focus td.northern {
  background-color: black;
}
.station-details .lines-status .no-disruption:hover td.overground, .station-details .lines-status .no-disruption:focus td.overground {
  background-color: #e86a10;
}
.station-details .lines-status .no-disruption:hover td.piccadilly, .station-details .lines-status .no-disruption:focus td.piccadilly {
  background-color: #0019a8;
}
.station-details .lines-status .no-disruption:hover td.victoria, .station-details .lines-status .no-disruption:focus td.victoria {
  background-color: #00a0e2;
}
.station-details .lines-status .no-disruption:hover td.waterloo, .station-details .lines-status .no-disruption:focus td.waterloo {
  background-color: #76d0bd;
}
.station-details .lines-status .no-disruption:hover td.tramlink1, .station-details .lines-status .no-disruption:focus td.tramlink1 {
  background-color: #c6d834;
}
.station-details .lines-status .no-disruption:hover td.tramlink2, .station-details .lines-status .no-disruption:focus td.tramlink2 {
  background-color: #c6d834;
}
.station-details .lines-status .no-disruption:hover td.tramlink3, .station-details .lines-status .no-disruption:focus td.tramlink3 {
  background-color: #79c23f;
}
.station-details .lines-status .no-disruption:hover td.tramlink4, .station-details .lines-status .no-disruption:focus td.tramlink4 {
  background-color: #336b14;
}
.station-details .lines-status .no-disruption:hover td.rb1, .station-details .lines-status .no-disruption:focus td.rb1 {
  background-color: #040045;
}
.station-details .lines-status .no-disruption:hover td.rb2, .station-details .lines-status .no-disruption:focus td.rb2 {
  background-color: #0072bc;
}
.station-details .lines-status .no-disruption:hover td.rb3, .station-details .lines-status .no-disruption:focus td.rb3 {
  background-color: #f172ac;
}
.station-details .lines-status .no-disruption:hover td.rb4, .station-details .lines-status .no-disruption:focus td.rb4 {
  background-color: #61c29d;
}
.station-details .lines-status .no-disruption:hover td.rb5, .station-details .lines-status .no-disruption:focus td.rb5 {
  background-color: #ba6830;
}
.station-details .lines-status .no-disruption:hover td.rb6, .station-details .lines-status .no-disruption:focus td.rb6 {
  background-color: #7164ac;
}
.station-details .lines-status .no-disruption:hover td.city-cruises, .station-details .lines-status .no-disruption:focus td.city-cruises {
  background-color: #d82f12;
}
.station-details .lines-status .no-disruption:hover td.westminster-greenwich, .station-details .lines-status .no-disruption:focus td.westminster-greenwich {
  background-color: #242884;
}
.station-details .lines-status .no-disruption:hover td.westminster-st-katherines-circular, .station-details .lines-status .no-disruption:focus td.westminster-st-katherines-circular {
  background-color: #3da12f;
}
.station-details .lines-status .no-disruption:hover td.westminster-passenger-services-association, .station-details .lines-status .no-disruption:hover td.wetsminster-passenger-services-association, .station-details .lines-status .no-disruption:focus td.westminster-passenger-services-association, .station-details .lines-status .no-disruption:focus td.wetsminster-passenger-services-association {
  background-color: #e3a700;
}
.station-details .lines-status .no-disruption:hover td.woolwich-free-ferry, .station-details .lines-status .no-disruption:focus td.woolwich-free-ferry {
  background-color: #f28709;
}
.station-details .lines-status .no-disruption:hover td.emirates, .station-details .lines-status .no-disruption:focus td.emirates {
  background-color: #e21836;
}

#facilities thead {
  visibility: hidden;
}

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

#first-last-details .twenty-four-hour-icon {
  content: "";
  position: absolute;
  top: -6px;
}
#first-last-details .service-message {
  margin-left: 40px;
}

.redirect-screen {
  height: 100%;
  left: 0;
  padding: 20px;
  top: 0;
  width: 100%;
  z-index: 16;
}

.redirect-screen:after {
  background-image: none;
}

.redirect-screen .taking-you-to {
  display: block;
  font-size: 17px;
  margin-bottom: 10px;
}

.redirect-screen .hero-headline a:link,
.redirect-screen .hero-headline a:active,
.redirect-screen .hero-headline a:visited {
  line-height: 120%;
}

.redirect-screen .hero-headline a:hover {
  text-decoration: underline;
}

.nearby-results-list-container {
  padding-top: 10px;
  background-color: #fff;
}
.showing-map-panel .nearby-results-list-container {
  padding-top: 0;
}
.nearby-results-list-container .map-panel {
  margin-bottom: 10px;
}
.nearby-results-list-container p {
  margin-bottom: 10px;
}

.active-map .map-wrapper {
  position: relative;
}

.full-fares-table .content {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.fares-table thead tr {
  background-color: #fff;
  border-bottom: 1px solid #eeeeee;
}
.fares-table thead tr th {
  font-size: 16px;
}
.fares-table tr {
  border-left: 0;
  border-right: 0;
}
.fares-table:last-child {
  margin-bottom: 0;
}
.fares-table td {
  padding: 10px;
}
.fares-table th {
  padding: 10px;
  font-weight: bold;
}
.fares-table .price {
  font-weight: bold;
  text-align: right;
}
.fares-table .sub-text {
  display: block;
  font-weight: normal;
  color: #676767;
}

.fares-tabs .nearby-icon-white {
  display: inline-block;
  margin: -10px 0 0;
}
.fares-tabs li {
  width: 24%;
  text-align: center;
  max-width: 80px;
}
.fares-tabs li a {
  line-height: 120%;
  min-height: 80px;
  width: 100%;
  padding-top: 12px;
}

.fares-table-footer {
  display: block;
  padding: 8px;
}

.SSP-search-wrapper .search-filter .heading {
  margin-bottom: 10px;
}

.landing-page-teaser .news-teaser {
  border-bottom: 0;
}
.landing-page-teaser .news-teaser a {
  position: relative;
}
.landing-page-teaser .news-teaser a .text-link {
  position: relative;
  right: 0;
  width: 100%;
  background-color: #2d3039;
  background-color: rgba(31, 32, 37, 0.9);
}
.landing-page-teaser .news-teaser a .text-link.sit-top {
  bottom: 0;
}
.landing-page-teaser .news-teaser a .text-link.sit-bottom {
  bottom: 0;
}

.disambiguation-results-list-container {
  padding-top: 10px;
  background-color: #fff;
}
.showing-map-panel .disambiguation-results-list-container {
  padding-top: 0;
}
.disambiguation-results-list-container .map-panel {
  margin-bottom: 10px;
}

.disambiguation-option .towards-text {
  color: #676767;
  font-size: 12px;
}

.map-sliver-container {
  display: block;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.map-sliver {
  height: 63px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  display: block;
  outline: none;
}
.map-sliver.loading {
  border-bottom: 0;
}
.map-sliver.loading[data-map-purpose='nearby']:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
}

.sliver-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  z-index: 10;
  cursor: pointer;
}

#tubemap, #trammap, #cablecarmap, #rivermap {
  /*Station names*/
  /*heathrow arrows*/
  /*end heathrow arrows*/
  /*cablecar*/
  /*end cablecar*/
}
#tubemap text, #tubemap tspan, #trammap text, #trammap tspan, #cablecarmap text, #cablecarmap tspan, #rivermap text, #rivermap tspan {
  font-size: 6px;
  font-family: "New Johnson";
}
#tubemap #hubtog_fenchurch-street, #trammap #hubtog_fenchurch-street, #cablecarmap #hubtog_fenchurch-street, #rivermap #hubtog_fenchurch-street {
  font-size: 4px;
}
#tubemap .grey-disruptions, #trammap .grey-disruptions, #cablecarmap .grey-disruptions, #rivermap .grey-disruptions {
  /*interchange circle styles*/
}
#tubemap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill),
#tubemap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill),
#tubemap .grey-disruptions #interchange-circles g.disrupted path:not(.white-fill), #trammap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill),
#trammap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill),
#trammap .grey-disruptions #interchange-circles g.disrupted path:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill),
#cablecarmap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill),
#cablecarmap .grey-disruptions #interchange-circles g.disrupted path:not(.white-fill), #rivermap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill),
#rivermap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill),
#rivermap .grey-disruptions #interchange-circles g.disrupted path:not(.white-fill) {
  fill: #eee;
}
#tubemap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill),
#tubemap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill),
#tubemap .grey-disruptions #interchange-circles g[id] g.disrupted path:not(.white-fill), #trammap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill),
#trammap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill),
#trammap .grey-disruptions #interchange-circles g[id] g.disrupted path:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill),
#cablecarmap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill),
#cablecarmap .grey-disruptions #interchange-circles g[id] g.disrupted path:not(.white-fill), #rivermap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill),
#rivermap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill),
#rivermap .grey-disruptions #interchange-circles g[id] g.disrupted path:not(.white-fill) {
  fill: #eee;
}
#tubemap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'],
#tubemap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'], #trammap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'],
#trammap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'], #cablecarmap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'],
#cablecarmap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'], #rivermap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'],
#rivermap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'] {
  stroke: #eee;
}
#tubemap .white-fill, #trammap .white-fill, #cablecarmap .white-fill, #rivermap .white-fill {
  fill: #fff !important;
}
#tubemap .coloured-disruptions, #trammap .coloured-disruptions, #cablecarmap .coloured-disruptions, #rivermap .coloured-disruptions {
  /*interchange circle styles*/
}
#tubemap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill),
#tubemap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill),
#tubemap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill), #trammap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill),
#trammap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill),
#trammap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill),
#cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill),
#cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill),
#rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill),
#rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill) {
  fill: #eee;
}
#tubemap .coloured-disruptions #interchange-circles circle:not(.white-fill),
#tubemap .coloured-disruptions #interchange-circles rect:not(.white-fill), #trammap .coloured-disruptions #interchange-circles circle:not(.white-fill),
#trammap .coloured-disruptions #interchange-circles rect:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles circle:not(.white-fill),
#cablecarmap .coloured-disruptions #interchange-circles rect:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles circle:not(.white-fill),
#rivermap .coloured-disruptions #interchange-circles rect:not(.white-fill) {
  stroke-width: 0;
}
#tubemap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]), #trammap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]), #cablecarmap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]), #rivermap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]) {
  fill: inherit !important;
}
#tubemap .coloured-disruptions #interchange-circles .disrupted .blue-fill, #trammap .coloured-disruptions #interchange-circles .disrupted .blue-fill, #cablecarmap .coloured-disruptions #interchange-circles .disrupted .blue-fill, #rivermap .coloured-disruptions #interchange-circles .disrupted .blue-fill {
  fill: #1C3F94 !important;
}
#tubemap .coloured-disruptions #interchange-circles path.white-fill, #trammap .coloured-disruptions #interchange-circles path.white-fill, #cablecarmap .coloured-disruptions #interchange-circles path.white-fill, #rivermap .coloured-disruptions #interchange-circles path.white-fill {
  stroke-width: 0;
}
#tubemap .grey-disruptions #station-names > .closed, #trammap .grey-disruptions #station-names > .closed, #cablecarmap .grey-disruptions #station-names > .closed, #rivermap .grey-disruptions #station-names > .closed {
  fill: #ccc;
}
#tubemap .grey-disruptions #station-names > .closed text,
#tubemap .grey-disruptions #station-names > .closed tspan,
#tubemap .grey-disruptions #station-names > .closed polygon,
#tubemap .grey-disruptions #station-names > .closed path, #trammap .grey-disruptions #station-names > .closed text,
#trammap .grey-disruptions #station-names > .closed tspan,
#trammap .grey-disruptions #station-names > .closed polygon,
#trammap .grey-disruptions #station-names > .closed path, #cablecarmap .grey-disruptions #station-names > .closed text,
#cablecarmap .grey-disruptions #station-names > .closed tspan,
#cablecarmap .grey-disruptions #station-names > .closed polygon,
#cablecarmap .grey-disruptions #station-names > .closed path, #rivermap .grey-disruptions #station-names > .closed text,
#rivermap .grey-disruptions #station-names > .closed tspan,
#rivermap .grey-disruptions #station-names > .closed polygon,
#rivermap .grey-disruptions #station-names > .closed path {
  fill: #ccc;
}
#tubemap .grey-disruptions #station-names > text.closed, #trammap .grey-disruptions #station-names > text.closed, #cablecarmap .grey-disruptions #station-names > text.closed, #rivermap .grey-disruptions #station-names > text.closed {
  fill: #ccc;
}
#tubemap .coloured-disruptions #station-names > .closed, #trammap .coloured-disruptions #station-names > .closed, #cablecarmap .coloured-disruptions #station-names > .closed, #rivermap .coloured-disruptions #station-names > .closed {
  fill: #f00;
}
#tubemap .coloured-disruptions #station-names > .closed text,
#tubemap .coloured-disruptions #station-names > .closed tspan,
#tubemap .coloured-disruptions #station-names > .closed polygon,
#tubemap .coloured-disruptions #station-names > .closed path, #trammap .coloured-disruptions #station-names > .closed text,
#trammap .coloured-disruptions #station-names > .closed tspan,
#trammap .coloured-disruptions #station-names > .closed polygon,
#trammap .coloured-disruptions #station-names > .closed path, #cablecarmap .coloured-disruptions #station-names > .closed text,
#cablecarmap .coloured-disruptions #station-names > .closed tspan,
#cablecarmap .coloured-disruptions #station-names > .closed polygon,
#cablecarmap .coloured-disruptions #station-names > .closed path, #rivermap .coloured-disruptions #station-names > .closed text,
#rivermap .coloured-disruptions #station-names > .closed tspan,
#rivermap .coloured-disruptions #station-names > .closed polygon,
#rivermap .coloured-disruptions #station-names > .closed path {
  fill: #f00;
}
#tubemap .coloured-disruptions #station-names > .closed text.closed, #trammap .coloured-disruptions #station-names > .closed text.closed, #cablecarmap .coloured-disruptions #station-names > .closed text.closed, #rivermap .coloured-disruptions #station-names > .closed text.closed {
  fill: #f00;
}
#tubemap .grey-disruptions g line.disrupted,
#tubemap .grey-disruptions g > path.disrupted:not(.white-fill), #trammap .grey-disruptions g line.disrupted,
#trammap .grey-disruptions g > path.disrupted:not(.white-fill), #cablecarmap .grey-disruptions g line.disrupted,
#cablecarmap .grey-disruptions g > path.disrupted:not(.white-fill), #rivermap .grey-disruptions g line.disrupted,
#rivermap .grey-disruptions g > path.disrupted:not(.white-fill) {
  stroke: #ccc;
}
#tubemap .grey-disruptions rect.disrupted, #trammap .grey-disruptions rect.disrupted, #cablecarmap .grey-disruptions rect.disrupted, #rivermap .grey-disruptions rect.disrupted {
  fill: #ccc;
}
#tubemap #piccadilly polyline[stroke='#E6E7E8'], #trammap #piccadilly polyline[stroke='#E6E7E8'], #cablecarmap #piccadilly polyline[stroke='#E6E7E8'], #rivermap #piccadilly polyline[stroke='#E6E7E8'] {
  stroke: #fff;
}
#tubemap .coloured-disruptions #lul-piccadilly polyline[stroke='#E6E7E8']:not(.disrupted), #trammap .coloured-disruptions #lul-piccadilly polyline[stroke='#E6E7E8']:not(.disrupted), #cablecarmap .coloured-disruptions #lul-piccadilly polyline[stroke='#E6E7E8']:not(.disrupted), #rivermap .coloured-disruptions #lul-piccadilly polyline[stroke='#E6E7E8']:not(.disrupted) {
  fill: none;
}
#tubemap .coloured-disruptions g line:not(.disrupted),
#tubemap .coloured-disruptions g path:not(.white-fill):not(.disrupted), #trammap .coloured-disruptions g line:not(.disrupted),
#trammap .coloured-disruptions g path:not(.white-fill):not(.disrupted), #cablecarmap .coloured-disruptions g line:not(.disrupted),
#cablecarmap .coloured-disruptions g path:not(.white-fill):not(.disrupted), #rivermap .coloured-disruptions g line:not(.disrupted),
#rivermap .coloured-disruptions g path:not(.white-fill):not(.disrupted) {
  stroke: #eee;
}
#tubemap .coloured-disruptions rect:not(.disrupted),
#tubemap .coloured-disruptions polyline:not(.disrupted), #trammap .coloured-disruptions rect:not(.disrupted),
#trammap .coloured-disruptions polyline:not(.disrupted), #cablecarmap .coloured-disruptions rect:not(.disrupted),
#cablecarmap .coloured-disruptions polyline:not(.disrupted), #rivermap .coloured-disruptions rect:not(.disrupted),
#rivermap .coloured-disruptions polyline:not(.disrupted) {
  fill: #eee;
}
#tubemap path[id$="_river"], #trammap path[id$="_river"], #cablecarmap path[id$="_river"], #rivermap path[id$="_river"] {
  fill: #1C3F94 !important;
}
#tubemap #cab-emirates-air-line,
#tubemap #emirates-royal-docks,
#tubemap #emirates-greenwich-peninsula,
#tubemap #cab-emirates-air-line-9400zzalgwp,
#tubemap #jubilee_940gzzlungw_cab-emirates-air-line-9400zzalgwp_1_,
#tubemap #cab-emirates-air-line-9400zzalrdk,
#tubemap #dlr_940gzzdlrvc_cab-emirates-air-line-9400zzalrdk_1_,
#tubemap #dlr-dlr_940gzzdlrvc_cab-emirates-air-line-9400zzalrdk_1_,
#tubemap #s-9400zzalrdk_label,
#tubemap #lul-jubilee_940gzzlungw_cab-emirates-air-line-9400zzalgwp_1_,
#tubemap #s-9400zzalgwp_label_1_, #trammap #cab-emirates-air-line,
#trammap #emirates-royal-docks,
#trammap #emirates-greenwich-peninsula,
#trammap #cab-emirates-air-line-9400zzalgwp,
#trammap #jubilee_940gzzlungw_cab-emirates-air-line-9400zzalgwp_1_,
#trammap #cab-emirates-air-line-9400zzalrdk,
#trammap #dlr_940gzzdlrvc_cab-emirates-air-line-9400zzalrdk_1_,
#trammap #dlr-dlr_940gzzdlrvc_cab-emirates-air-line-9400zzalrdk_1_,
#trammap #s-9400zzalrdk_label,
#trammap #lul-jubilee_940gzzlungw_cab-emirates-air-line-9400zzalgwp_1_,
#trammap #s-9400zzalgwp_label_1_, #cablecarmap #cab-emirates-air-line,
#cablecarmap #emirates-royal-docks,
#cablecarmap #emirates-greenwich-peninsula,
#cablecarmap #cab-emirates-air-line-9400zzalgwp,
#cablecarmap #jubilee_940gzzlungw_cab-emirates-air-line-9400zzalgwp_1_,
#cablecarmap #cab-emirates-air-line-9400zzalrdk,
#cablecarmap #dlr_940gzzdlrvc_cab-emirates-air-line-9400zzalrdk_1_,
#cablecarmap #dlr-dlr_940gzzdlrvc_cab-emirates-air-line-9400zzalrdk_1_,
#cablecarmap #s-9400zzalrdk_label,
#cablecarmap #lul-jubilee_940gzzlungw_cab-emirates-air-line-9400zzalgwp_1_,
#cablecarmap #s-9400zzalgwp_label_1_, #rivermap #cab-emirates-air-line,
#rivermap #emirates-royal-docks,
#rivermap #emirates-greenwich-peninsula,
#rivermap #cab-emirates-air-line-9400zzalgwp,
#rivermap #jubilee_940gzzlungw_cab-emirates-air-line-9400zzalgwp_1_,
#rivermap #cab-emirates-air-line-9400zzalrdk,
#rivermap #dlr_940gzzdlrvc_cab-emirates-air-line-9400zzalrdk_1_,
#rivermap #dlr-dlr_940gzzdlrvc_cab-emirates-air-line-9400zzalrdk_1_,
#rivermap #s-9400zzalrdk_label,
#rivermap #lul-jubilee_940gzzlungw_cab-emirates-air-line-9400zzalgwp_1_,
#rivermap #s-9400zzalgwp_label_1_ {
  display: none;
}
#tubemap .coloured-disruptions #river path, #trammap .coloured-disruptions #river path, #cablecarmap .coloured-disruptions #river path, #rivermap .coloured-disruptions #river path {
  stroke: #00AEEF;
}
#tubemap circle + path,
#tubemap g g > path, #trammap circle + path,
#trammap g g > path, #cablecarmap circle + path,
#cablecarmap g g > path, #rivermap circle + path,
#rivermap g g > path {
  stroke: none !important;
}
#tubemap .coloured-disruptions .disrupted path, #trammap .coloured-disruptions .disrupted path, #cablecarmap .coloured-disruptions .disrupted path, #rivermap .coloured-disruptions .disrupted path {
  stroke: none !important;
}

#trammap text, #trammap tspan {
  font-size: 25px;
  font-family: "New Johnson";
}
#trammap #Header_Panel text {
  font-size: 51px;
}
#trammap #Header_Panel rect {
  fill: #6EBB20;
}
#trammap #Interchange_boxes text {
  font-size: 15px;
}
#trammap #Interchange_boxes rect[stroke='#FF6409'] {
  fill: #FF6409;
}
#trammap #Interchange_boxes rect[stroke='#0C6826'] {
  fill: #0C6826;
}

#cablecarmap text, #cablecarmap tspan {
  font-size: 18px;
  font-family: "New Johnson";
}
#cablecarmap #Interchange_boxes text, #cablecarmap #Interchange_boxes tspan {
  font-size: 11px;
}
#cablecarmap #Interchange_boxes rect[stroke='#85898A'] {
  fill: #85898A;
}
#cablecarmap #Interchange_boxes rect[stroke='#23A492'] {
  fill: #23A492;
}

#rivermap text, #rivermap tspan {
  font-size: 25px;
  font-family: "New Johnson";
}
#rivermap #station-names text[font-size='24'] {
  font-size: 24px;
}
#rivermap #station-names text[font-size='22.5'] {
  font-size: 22.5px;
}
#rivermap #station-names text[font-size='18'] {
  font-size: 18px;
}
#rivermap #station-names rect[fill='#BA601F'] {
  fill: #BA601F;
}
#rivermap #station-names rect[fill='#67C19B'] {
  fill: #67C19B;
}
#rivermap #station-names rect[fill='#F668B2'] {
  fill: #F668B2;
}
#rivermap #station-names rect[fill='#1768A8'] {
  fill: #1768A8;
}
#rivermap #station-names rect[fill='#755DAA'] {
  fill: #755DAA;
}
#rivermap #station-names rect[fill='#040045'] {
  fill: #040045;
}
#rivermap #station-names rect[fill='#10137E'] {
  fill: #10137E;
}
#rivermap #station-names rect[fill='#FF6409'] {
  fill: #FF6409;
}
#rivermap #station-names rect[fill='#23A492'] {
  fill: #23A492;
}
#rivermap .coloured-disruptions #river path {
  stroke: #CCECF4;
}

.stage-active .map-panel {
  -webkit-transform: translateY(-80px);
  -moz-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
}
.stage-active .map-panel.slide-in {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.stage-active .map-panel.loading {
  margin-bottom: -80px;
}
.stage-active .map-panel.loading:after {
  top: 5px;
  margin-top: 0;
}
.stage-active .map-panel:not(.loading) {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1001;
}
body:not(.stage-active.breakpoint-Large) .map-panel {
  display: none;
}

.routes-map-and-panel, .embedded-map-wrapper {
  margin-bottom: 20px;
}

.tw-quick-links {
  background: #e5ecf4;
  width: 100%;
  margin: 15px 0;
  padding: 10px;
  margin-right: 2.5%;
  float: left;
}
.tw-quick-links.open h3 {
  margin-bottom: 5px;
  border-bottom: 1px dashed #cacaca;
  padding-bottom: 2.54%;
}
.tw-quick-links.open h3:after {
  background-position: 0px -608px;
}
.tw-quick-links h3 {
  margin: 5px 0;
  padding-right: 32px;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
}
.tw-quick-links h3:after {
  content: '';
  position: absolute;
  top: -7px;
  right: 0px;
  width: 32px;
  height: 32px;
  background-position: 0px -672px;
}
.tw-quick-links h3 span {
  line-height: 100%;
  /*color: $linkcolour;*/
}
.tw-quick-links h3 span:hover {
  text-decoration: underline;
}
.tw-quick-links ul {
  float: left;
  margin: 0 10px 2.54% 0;
  width: 45%;
}
.tw-quick-links ul li {
  border-left: 1px solid #ccc;
  padding-left: 5px;
  margin-left: 5px;
  padding-bottom: 2.54%;
  list-style: none;
}
.tw-quick-links ul li.list-heading {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
  font-weight: bold;
}

.reset-tw-btn {
  float: left;
  width: 100%;
  padding: 10px;
  color: #2070b0;
  margin-bottom: 15px;
}

.wizard-box {
  background: #eeeeee;
  margin-bottom: 20px;
  position: relative;
  border: solid 1px #cacaca;
  width: 100%;
  float: left;
}
.wizard-box legend {
  display: none;
}
.wizard-box .sub-fieldset legend {
  display: block;
  margin: 0 2.54%;
  top: 10px;
  position: relative;
}
.wizard-box .sub-fieldset.prog-2, .wizard-box .sub-fieldset.prog-3 {
  display: none;
}
.wizard-box .sub-fieldset.person-select {
  background: white;
}
.wizard-box .sub-fieldset.person-select legend {
  display: none;
}
.wizard-box .sub-fieldset.person-select span {
  display: block;
  width: 100%;
  padding: 0 2.54% 10px 2.54%;
}
.wizard-box .header-edit {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #2070b0;
  cursor: pointer;
}
.wizard-box .wizard-box-heading {
  background: #fff;
  width: 100%;
  border-bottom: 3px solid #cacaca;
  margin-left: 0;
}
.wizard-box .wizard-box-heading h3 {
  padding: 15px 2.54%;
  font-size: 20px;
  margin-bottom: 0;
}
.wizard-box .wizard-box-heading .summary-list {
  display: none;
  padding: 10px 2.54%;
  border-top: dotted 1px #cacaca;
}
.wizard-box .wizard-box-heading .summary-list span {
  margin-right: 15px;
}
.wizard-box .wizard-box-heading .summary-list span.summary-bind {
  font-weight: bold;
}
.wizard-box .wizard-box-heading .summary-list span#bus-only-span {
  font-weight: bold;
}
.wizard-box p {
  margin-left: 2.54%;
  padding-right: 2.54%;
  margin-top: 10px;
}
.wizard-box p.other-section {
  font-weight: bold;
  font-size: 15px;
  margin: 2.54%;
}
.wizard-box p.other-section label {
  position: relative;
  padding-left: 40px;
}
.wizard-box p.other-section label:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -352px;
  bottom: auto;
  left: 4px;
  right: auto;
  top: -7px;
}
.body-cms-preview .wizard-box p.other-section label:before {
  background-image: url("../../../images/vsprite.png");
}
.wizard-box .selector {
  margin: 0 10px 10px 10px;
}
.wizard-box .selector label {
  display: none;
}
.wizard-box select {
  width: 100%;
}
.wizard-box .modes-button {
  text-align: center;
  width: 100%;
  display: block;
  font-style: italic;
  font-weight: normal;
}
.wizard-box fieldset {
  padding-top: 10px;
}
.wizard-box #single-fare-finder {
  background: #fbf6e0;
  padding-right: 2.54%;
  width: 94.92%;
  margin-left: 2.54%;
  padding: 10px;
  color: #2d3039;
}
.wizard-box #single-fare-finder:before {
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #d5d7d9 transparent;
  right: 16px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -6px;
}
.wizard-box #single-fare-finder:after {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #ffefef transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -5px;
}
.wizard-box .primary-button.next-step {
  margin: 10px 2.54%;
  width: 95%;
}
.wizard-box .primary-button.next-step.hidden {
  display: none;
}
.wizard-box #zone-list-box {
  margin: 15px 0;
}
.wizard-box #zone-list-box .vertical-button-container {
  margin: 0 2.54%;
}
.wizard-box #zone-list-box .lookup-box {
  margin: 2.54%;
}
.wizard-box #zone-list-box .lookup-box .remove-content-container {
  width: 72.5%;
  float: left;
}
.wizard-box #zone-list-box .lookup-box #btn-zone-search {
  width: 25%;
  float: left;
  margin-left: 2.5%;
}
.wizard-box #zone-list-box .lookup-box #zone-list-box-inner {
  background-color: white;
  float: left;
  margin: 16px 0 0;
  width: 100%;
}
.wizard-box #zone-list-box .lookup-box #zone-list-box-inner .throbber-blue {
  color: white;
  left: 50%;
  margin: 16px 16px 16px -35px;
  position: relative;
}
.wizard-box #zone-list-box .lookup-box #zone-list-box-inner ul {
  padding: 15px 15px 0;
}
.wizard-box #zone-list-box .lookup-box #zone-list-box-inner ul li span.zone {
  font-weight: bold;
}

.horizontal-toggle-buttons {
  margin: 10px 0 5px 0;
}
.horizontal-toggle-buttons.tw-buttons li {
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #d5d7d9;
  min-height: 38px;
}
.horizontal-toggle-buttons.tw-buttons li.selected {
  background: #e5ecf4;
  border-top: 3px solid #d5d7d9;
  margin-top: -1px !important;
}
.horizontal-toggle-buttons.tw-buttons li.selected label:after {
  display: none;
}
.horizontal-toggle-buttons.tw-buttons li.sixths {
  margin-bottom: 10px;
}
.horizontal-toggle-buttons.tw-buttons li.thirds {
  margin-bottom: 10px;
}
.horizontal-toggle-buttons.tw-buttons li.thirds:last-child {
  margin-left: 26%;
}
.horizontal-toggle-buttons.tw-buttons li.halfs {
  margin-bottom: 10px;
}
.horizontal-toggle-buttons.tw-buttons li.full {
  margin-bottom: 10px;
}
.horizontal-toggle-buttons.tw-buttons li span.modes-icons-primary {
  width: 215px;
  display: block;
  margin: 10px auto;
}
.horizontal-toggle-buttons.tw-buttons li span.modes-icons-primary.bus-tram-only {
  width: 85px;
}
.horizontal-toggle-buttons.tw-buttons li .all-black {
  color: black;
  font-weight: bold;
}
.horizontal-toggle-buttons.tw-buttons li .modes-icon {
  display: block;
  height: 25px;
  width: 25px;
  float: left;
  background: #fff;
  color: #000;
  background-color: transparent;
}
.horizontal-toggle-buttons.tw-buttons li .modes-icon.tube {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -1056px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.tube {
  background-image: url("../../../images/vsprite.png");
}
.horizontal-toggle-buttons.tw-buttons li .modes-icon.dlr {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -1088px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.dlr {
  background-image: url("../../../images/vsprite.png");
}
.horizontal-toggle-buttons.tw-buttons li .modes-icon.overground {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -1056px;
  height: 32px;
  width: 32px;
  display: block;
  margin-right: 20px;
}
.body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.overground {
  background-image: url("../../../images/vsprite.png");
}
.horizontal-toggle-buttons.tw-buttons li .modes-icon.bus {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px -1056px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.bus {
  background-image: url("../../../images/vsprite.png");
}
.horizontal-toggle-buttons.tw-buttons li .modes-icon.tram {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px -1920px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.tram {
  background-image: url("../../../images/vsprite.png");
}
.horizontal-toggle-buttons.tw-buttons li .modes-icon.national-rail {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -1408px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.national-rail {
  background-image: url("../../../images/vsprite.png");
}

.number-box-holder {
  width: 100%;
  margin: 10px 2.54%;
}
.number-box-holder .number-box {
  width: 39.9%;
  float: left;
  position: relative;
  padding-right: 40px;
}
.number-box-holder .number-box input {
  height: 80px;
  font-size: 50px;
  float: left;
}
.number-box-holder .number-box label {
  display: none;
}
.number-box-holder .number-box .num-box-controls {
  display: none;
  width: 40px;
  height: 40px;
  background: white;
  border: solid 1px #cacaca;
  border-left: none;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  color: transparent;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -736px;
  height: 40px;
  width: 40px;
  display: block;
  cursor: pointer;
}
.body-cms-preview .number-box-holder .number-box .num-box-controls {
  background-image: url("../../../images/vsprite.png");
}
.number-box-holder .number-box .num-box-controls.plus {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -704px;
  height: 40px;
  width: 40px;
  display: block;
  top: 0;
}
.body-cms-preview .number-box-holder .number-box .num-box-controls.plus {
  background-image: url("../../../images/vsprite.png");
}
.number-box-holder span {
  float: left;
  width: 15%;
  text-align: center;
  vertical-align: middle;
  margin-top: 8px;
}

#who.active {
  padding-bottom: 15px;
}
#who fieldset {
  position: relative;
}
#who label {
  position: relative;
  margin-left: 2.54%;
}
#who .primary-button {
  margin-top: 15px;
  width: 95%;
  margin-left: 2.54%;
}
#who .field-validation-error {
  background: transparent;
  color: #2d3039;
}
#who .field-validation-error:before {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -352px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview #who .field-validation-error:before {
  background-image: url("../../../images/vsprite.png");
}
#who .field-validation-error .wizard-box fieldset {
  padding-top: 0;
}
#who .final-summary {
  border: solid 1px #cacaca;
  padding: 15px;
  margin: 2.54%;
  background: #e5ecf4;
  border-bottom: 3px solid #cacaca;
}
#who .final-summary h3 {
  padding-left: 0;
}
#who .final-summary ul {
  margin-left: 0;
  list-style: none;
}
#who .final-summary ul li {
  width: 45%;
  float: left;
  margin-right: 10px;
}
#who .final-summary ul li span {
  margin-right: 10px;
}

.people-select-wrap {
  background: white;
  margin: 0 2.54%;
}
.people-select-wrap #photocard-header.who-input {
  padding-bottom: 2.54%;
}

.ticket-recommendations {
  background: #eeeeee;
  padding-top: 15px;
}
.ticket-recommendations .recc-customer-type {
  margin: 0 2.54%;
  padding: 10px;
  background: white;
  border-bottom: 3px solid #cacaca;
  position: relative;
}
.ticket-recommendations .recc-customer-type .cust-delete {
  cursor: pointer;
  height: 32px;
  width: 32px;
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -16px;
  background-position: 0px -800px;
}
.ticket-recommendations .recc-customer-type .who-summary {
  font-size: 125%;
}
.ticket-recommendations .did-you-know {
  background: #e5ecf4;
  border-left: solid 1px #cacaca;
  border-right: solid 1px #cacaca;
  margin: 0 2.54%;
  display: inline-block;
}
.ticket-recommendations .did-you-know .dyk-container {
  background-color: white;
  border: solid 1px #cacaca;
  margin: 2.54%;
}
.ticket-recommendations .did-you-know .dyk-container:empty {
  display: none;
}
.ticket-recommendations .did-you-know p {
  width: 95%;
  margin-left: 2.54%;
}
.ticket-recommendations .did-you-know p:first-child {
  position: relative;
  width: 95%;
  padding: 2.54% 0 0;
}
.ticket-recommendations .did-you-know .vertical-button-container {
  margin: 2.54%;
}

.tw-recomendation {
  border-bottom: solid 1px #cacaca;
  margin: 0 2.54%;
  padding: 10px;
  border-left: solid 1px #cacaca;
  border-right: solid 1px #cacaca;
  background: #e5ecf4;
  padding: 15px 15px 0 15px;
  position: relative;
}
.tw-recomendation h3 {
  margin-bottom: 20px;
  font-size: 110%;
}
.tw-recomendation .main-ticket-info {
  padding-right: 90px;
}
.tw-recomendation .main-ticket-info:after {
  height: 50px;
  width: 75px;
  background: url("/cdn/static/images/recommendations-sprite.png");
  content: '';
  background-size: 75px;
  position: absolute;
  right: 15px;
  top: 55px;
}
.tw-recomendation .main-ticket-info.contactless:after {
  background-position: 0 0;
}
.tw-recomendation .main-ticket-info.oyster:after {
  background-position: 0 -50px;
}
.tw-recomendation .main-ticket-info.travelcard:after {
  background-position: 0 -99px;
}
.tw-recomendation .main-ticket-info.photocard:after {
  background-position: 0 -458px;
}
.tw-recomendation .main-ticket-info.photocard2:after {
  background-position: 0 -510px;
}
.tw-recomendation .main-ticket-info.bustram:after {
  background-position: 0 -564px;
}
.tw-recomendation .main-ticket-info.free:after {
  background: none;
}
.tw-recomendation .main-ticket-info span {
  font-weight: bold;
}
.tw-recomendation .main-ticket-info h3.price-info {
  font-size: 30px;
  margin-bottom: 0;
  position: relative;
  margin-top: 3px;
}
.tw-recomendation .main-ticket-info .price-desc {
  font-weight: normal;
  margin-bottom: 5px;
  display: block;
}
.tw-recomendation .extra-info {
  border-top: dashed 1px #cacaca;
  padding-top: 10px;
}
.tw-recomendation .extra-info .summary span {
  font-weight: bold;
  margin-right: 5px;
  float: left;
  width: 45%;
}
.tw-recomendation .extra-info .summary span:first-child {
  display: none;
}
.tw-recomendation .key-features, .tw-recomendation .getting-ticket {
  width: 100%;
  border-top: dashed 1px #cacaca;
  margin: 10px 5px 0 5px;
  padding-top: 10px;
}
.tw-recomendation .key-features .result-toggle-list, .tw-recomendation .getting-ticket .result-toggle-list {
  margin-bottom: 10px;
  font-weight: bold;
  display: block;
  position: relative;
  margin-bottom: 0;
}
.tw-recomendation .key-features .result-toggle-list.link-styling, .tw-recomendation .getting-ticket .result-toggle-list.link-styling {
  color: #2070b0;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
}
.tw-recomendation .key-features .result-toggle-list.link-styling:after, .tw-recomendation .getting-ticket .result-toggle-list.link-styling:after {
  content: '';
  position: absolute;
  top: -7px;
  right: -30px;
  width: 32px;
  height: 32px;
  background-position: 0px -672px;
}
.tw-recomendation .key-features .result-toggle-list.link-styling.closed, .tw-recomendation .getting-ticket .result-toggle-list.link-styling.closed {
  margin-bottom: 10px;
}
.tw-recomendation .key-features .result-toggle-list.link-styling.closed:after, .tw-recomendation .getting-ticket .result-toggle-list.link-styling.closed:after {
  content: '';
  position: absolute;
  top: -5px;
  right: -30px;
  width: 32px;
  height: 32px;
  background-position: 0px -608px;
}
.tw-recomendation .key-features ul, .tw-recomendation .getting-ticket ul {
  margin-bottom: 10px;
}
.tw-recomendation .getting-ticket {
  padding-bottom: 10px;
}
.tw-recomendation .getting-ticket .getting-ticket-link a {
  display: block;
}

/*ruc*/
.pcn-tile {
  margin-bottom: 30px;
  border-bottom: 3px solid rgba(204, 204, 204, 0.75);
}
.pcn-tile .tile-header .form-control {
  width: auto;
  margin-bottom: auto;
  display: block;
  float: none;
}
.no-js .tile-wall .pcn-tile {
  visibility: visible;
}
.pcn-tile.page-header {
  border-bottom: 0;
}
.pcn-tile.warning {
  border-bottom: 3px solid rgba(204, 204, 204, 0.75);
}
.pcn-tile.warning .pcn-detail-panel {
  background-color: #fbf4e1;
}
.pcn-tile .patas-warning {
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 15px;
  padding: 0 0 20px 40px;
  font-size: 15px;
}
.pcn-tile .tile-header {
  border: #cccccc 1px solid;
  text-transform: uppercase;
}
.pcn-tile .pcn-mock-label {
  padding: 10px 5px 11px 12px;
  display: block;
}
.pcn-tile .form-control-wrapper {
  margin-bottom: 0;
}
.pcn-tile input[type="checkbox"] +
input[type="hidden"] +
.styled-checkbox-label {
  padding: 10px 5px 11px 12px;
}
.pcn-tile input[type="checkbox"] +
input[type="hidden"] +
.styled-checkbox-label:after {
  left: auto;
  right: 8px;
}
.lt-ie9 .pcn-tile {
  float: left;
  clear: left;
  width: 48%;
  margin-right: 1%;
  margin-bottom: 30px;
  overflow: hidden;
}
.pcn-tile dl {
  font-size: 15px;
}
.pcn-tile dt {
  font-weight: bold;
}
.pcn-tile dd {
  margin-bottom: 20px;
}
.pcn-tile .plain-button {
  border: #cccccc 1px solid;
  bord-bottom: 0;
  color: #1a5a92;
  font-size: 16px;
}
.disabled-tile .pcn-tile {
  background-color: #eeeeee;
}
.disabled-tile .pcn-tile .plain-button:hover {
  background-color: #eeeeee;
}
.pcn-tile .form-control {
  float: none;
  margin-bottom: 0;
}
.pcn-tile .boxed-label-for-input {
  padding: 12px 37px 16px 1em;
}

.pcn-detail-panel {
  background-color: #eff6fd;
  border: #cccccc 1px solid;
  border-top: 0;
  border-bottom: 0;
}
.disabled-tile .pcn-detail-panel {
  background-color: #eeeeee;
}
.pcn-detail-panel .disabled-tile input[type="checkbox"] +
input[type="hidden"] +
.styled-checkbox-label {
  background-color: #eeeeee;
  border-top: 3px solid rgba(204, 204, 204, 0.75);
}
.pcn-detail-panel .disabled-tile .pcn-mock-label {
  background-color: #eeeeee;
  border-top: 3px solid rgba(204, 204, 204, 0.75);
}
.pcn-detail-panel:last-child {
  border-bottom: #cccccc 1px solid;
}

.pcn-tile-heading {
  margin-bottom: 0;
  font-family: "NJ Signing";
  text-transform: uppercase;
  font-size: 26px;
  line-height: 1;
}
.pcn-tile-heading * {
  line-height: 1;
}

.bordered-tile {
  border-bottom: 3px solid rgba(204, 204, 204, 0.75);
}

.boxed-heading {
  border: 1px solid #cccccc;
  margin-bottom: 30px;
}
.boxed-heading .heading {
  font-size: 22px;
  padding: 15px 40px 15px 16px;
  margin-bottom: 0;
}

.evidence-headline {
  margin-top: 40px;
  margin-bottom: 20px;
}

.evidence-checkbox .boxed-label-for-input {
  font-family: "New Johnson Bold";
  font-size: 20px;
}

.vehicle-highlight {
  background-color: #eeeeee;
  border-bottom: rgba(204, 204, 204, 0.75) 3px solid;
  overflow: hidden;
  text-align: center;
  padding: 15px;
  margin-bottom: 20px;
}
.vehicle-highlight p {
  font-size: 20px;
  font-family: "New Johnson";
  line-height: 1.1;
  text-align: left;
}

.vehicle-ident {
  background-color: white;
  font-family: "NJ Signing";
  font-size: 30px;
  text-transform: uppercase;
  border-radius: 5px;
  display: table;
  padding: 7px 48px;
  margin: auto;
  width: 100%;
}

.all-pcns-wrapper {
  display: block;
  overflow: hidden;
}
.all-pcns-wrapper p {
  max-width: 100%;
  padding: 12px 0 0;
}

.warning .plain-button:hover {
  background-color: #fbf6e0;
}

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

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

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

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

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

.rucbasket-totals-vrm {
  display: block;
  text-transform: uppercase;
}

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

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

.basket-options .ia-toggle-content {
  border-top: none;
}
.basket-options .confirm-button-set {
  border-top: 1px dotted #cccccc;
  padding-top: 2em;
}
.basket-options .button-container {
  float: right;
  width: 100%;
}
.basket-options .terms-checkbox-wrapper, .basket-options .button-container {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.basket-options .terms-checkbox-wrapper {
  float: right;
  width: 100%;
}
.basket-options .terms-checkbox-wrapper .form-control {
  margin-bottom: 0;
}
.basket-options .inline-help-wrap {
  display: none;
}
.basket-options .hanging-message {
  border: none;
}
.basket-options .hanging-message {
  border-bottom: 3px #cccccc solid;
}
.basket-options .hanging-message .button-wrap {
  border-bottom: none;
}
.basket-options .input-group {
  margin-bottom: 0;
}

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

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

.basket-footer {
  border: #cccccc 1px solid;
  border-top: 0;
  display: block;
  padding-bottom: 25px;
}

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

.basket-total-remove-item {
  position: relative;
  width: 20px;
  height: 20px;
  float: right;
}
.basket-total-remove-item:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px;
  bottom: auto;
  left: -6px;
  right: auto;
  top: -4px;
}
.body-cms-preview .basket-total-remove-item:before {
  background-image: url("../../../images/vsprite.png");
}

input.basket-total-remove-item,
.remove-vehicle-from-list,
.remove-item-from-list {
  border: 0;
  color: #fff;
  text-indent: -9999em;
  background-color: transparent;
  position: relative;
  top: -4px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px;
}
.body-cms-preview input.basket-total-remove-item, .body-cms-preview
.remove-vehicle-from-list, .body-cms-preview
.remove-item-from-list {
  background-image: url("../../../images/vsprite.png");
}
input.basket-total-remove-item:hover,
.remove-vehicle-from-list:hover,
.remove-item-from-list:hover {
  background-color: transparent;
}

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

.nope-border {
  border: 0 !important;
}

.pcn-cancel-box {
  margin-top: 30px;
  padding: 16px;
  border: 1px solid #cccccc;
  border-bottom-width: 0;
}
.pcn-cancel-box p strong {
  line-height: inherit;
  vertical-align: inherit;
}
.r .pcn-cancel-box {
  margin-left: 0;
  margin-right: auto;
}
.pcn-cancel-box .cta-instructions {
  line-height: 40px;
}
.pcn-cancel-box .cta-instructions abbr {
  line-height: 40px;
}

.expandable-box div.tile-wall {
  position: relative;
  overflow: hidden;
  padding: 10px 0;
  margin-top: 30px;
}

.ruc-icon-position a.controls {
  right: 16px;
}

.dotted-rule {
  border-bottom: #cccccc 1px dotted;
  margin: 0 12px 1em;
  padding: 0;
  height: 1px;
  display: block;
}

.terms-checkbox-wrapper {
  padding: 1em 1em 0 1em;
}
.terms-checkbox-wrapper .form-control-wrapper {
  padding-top: 0;
}

.congestion-charge-basket {
  clear: both;
}

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

.new-vrm-entry {
  padding-bottom: 0;
}
.new-vrm-entry .button-set {
  padding: 0;
  border-top: none;
}

ul.documentation-list {
  margin-bottom: 48px;
}
ul.documentation-list .uploaded-file {
  background-color: #f2f2f2;
  border-bottom: rgba(204, 204, 204, 0.75) 3px solid;
  margin-bottom: 10px;
  padding-left: 20px;
}
ul.documentation-list a {
  color: #000;
  text-decoration: none;
}

.upload-control-read-only {
  margin: 20px 0;
}

.user-address {
  margin-bottom: 48px;
}
.user-address dt {
  color: #000;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 6px;
  line-height: 1;
}
.user-address dd {
  font-size: 15px;
  margin-bottom: 20px;
  line-height: 1;
}
.user-address dd span {
  display: block;
}
.user-address dd .inline-children span {
  display: inline-block;
}
.user-address dd .inline-children span.permit-ref {
  display: block;
}

.ruc-representation h3 {
  margin-bottom: 26px;
  font-size: 24px;
}
.ruc-representation p + h3 {
  margin-top: 20px;
}
.ruc-representation h4 {
  margin-bottom: 12px;
  font-size: 16px;
}
.ruc-representation .warning {
  background-color: #fbf6e0;
  padding: 18px 10px 1px;
}

.representation-footer .primary-button {
  margin-bottom: 40px;
  width: 100%;
}

.representation-header .heading {
  font-family: "NJ Signing";
}

.with-bottom-border {
  border-bottom: #cccccc 1px solid;
  padding-bottom: 20px;
}

.pcn-list {
  font-weight: bold;
  list-style: none;
  margin: 15px 0;
}

.cc-hcard {
  display: block;
  font-weight: bold;
}

.user-address {
  margin-bottom: 48px;
}
.user-address dt {
  color: #000;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 6px;
  line-height: 1;
}
.user-address dd {
  font-size: 15px;
  margin-bottom: 20px;
  line-height: 1;
}
.user-address dd span {
  display: block;
}
.user-address dd .inline-children span.permit-ref {
  display: block;
}

.review-step-block .review-step-title, .review-step-block dt {
  color: #000;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 6px;
  line-height: 1;
}
.review-step-block .review-step-content, .review-step-block dd {
  font-size: 15px;
  margin-bottom: 20px;
  line-height: 1;
  color: #a8a8a8;
}
.review-step-block span {
  display: block;
}
.review-step-block .inline-children * {
  display: inline-block;
}
.review-step-block .inline-children *.permit-ref {
  display: block;
}

.vrm-wrapper {
  background-color: white;
  border-radius: 5px;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #2d3039;
  width: 50%;
  float: right;
}

.address-lookup-control {
  position: relative;
  margin-bottom: 30px;
}

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

.street-lookup-button + .mustfillwrapper {
  top: -40px;
}

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

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

.instructional-text {
  margin-bottom: 0;
}

label.details-label {
  font-weight: normal;
  font-size: 16px;
}

.grouped-headings {
  margin-bottom: 20px;
}
.grouped-headings h3 {
  margin-bottom: 8px;
}

.address-seeker .remove-content-container {
  float: left;
  width: auto;
}
.address-seeker .field-validation-wrap {
  display: none;
}
.no-js .address-seeker {
  display: none;
}
.address-seeker .postcode {
  width: 192px;
}

.form-field-error .field-validation-wrap {
  display: block;
  z-index: 1;
}

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

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

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

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

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

.returned-addresses {
  display: none;
  width: 100%;
  overflow: hidden;
}
.returned-addresses .form-control {
  width: 100%;
}
.returned-addresses .form-control-wrapper {
  float: left;
}
.returned-addresses label {
  display: none;
}
.returned-addresses span:after {
  right: 0;
  width: 38px;
  background-color: #fff;
}

select.address-results-list {
  box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  font-size: 16px;
  height: auto;
  width: 100%;
  border: solid #cccccc;
  border-width: 1px;
}

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

.ruc-contact-preferences {
  clear: both;
  overflow: hidden;
  border-top: dotted 1px #cccccc;
  padding-top: 30px;
}
.ruc-contact-preferences .form-control-wrapper {
  margin-bottom: 0;
}
.ruc-contact-preferences .form-control-wrapper + .form-control-wrapper {
  margin-bottom: 30px;
}

.form-footer .primary-button {
  margin: 30px 0;
}

.trigger-manual-address {
  clear: both;
  display: block;
  padding: 8px 0;
}

.postcode-in-zone .postcode-lookup-button {
  margin-bottom: 0;
  width: 100%;
}
.postcode-in-zone .mustfillwrapper {
  top: auto;
  bottom: 38px;
  margin-bottom: 0;
  position: absolute;
}
.postcode-in-zone .select-address-button {
  margin: 0 0 20px 0;
  width: 100%;
}
.postcode-in-zone .address-fields {
  position: relative;
  z-index: 2;
}

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

.congestion-map-accordion.expandable-box {
  margin-bottom: 30px;
}
.congestion-map-accordion.expandable-box .expanded .start-hidden, .congestion-map-accordion.expandable-box .expanded {
  border: 0;
  padding: 0;
}
.congestion-map-accordion.expandable-box .expanded {
  border-bottom: 1px dotted;
}
.congestion-map-accordion.expandable-box .map-downloads {
  padding-top: 20px;
}

.map-downloads-wrapper {
  padding-top: 20px;
}

.loading-information {
  background: white url("/static/1/images/throbber-blue-large.gif") no-repeat 50% 2%;
  min-height: 80px;
}

.zone-search-result {
  display: none;
}
.no-js .zone-search-result {
  display: block;
}

.ruc-dispensation h3 {
  clear: left;
}
.ruc-dispensation .form-control-wrapper {
  overflow: hidden;
}
.ruc-dispensation .wizard-step-legend {
  display: none;
}

.dispensation-vehicle-tile {
  background-color: #eff6fd;
  border: 1px solid rgba(204, 204, 204, 0.75);
  border-bottom-width: 3px;
  position: relative;
  padding: 24px 12px 12px;
  font-size: 15px;
}
.dispensation-vehicle-tile .remove-vehicle {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -800px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.body-cms-preview .dispensation-vehicle-tile .remove-vehicle {
  background-image: url("../../../images/vsprite.png");
}
.dispensation-vehicle-tile .edit-vehicle {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}
.dispensation-vehicle-tile.can-remove .edit-vehicle {
  right: 36px;
}
.dispensation-vehicle-tile dt {
  font-weight: bold;
}
.dispensation-vehicle-tile dt:first-letter {
  text-transform: uppercase;
}
.dispensation-vehicle-tile .added-vehicle-vrm {
  text-transform: uppercase;
}

.time-wrapper {
  clear: both;
  max-width: 8em;
}

.dispensation-time-picker .styled-checkbox {
  width: 6em;
}
.dispensation-time-picker .styled-checkbox-label {
  padding: 1px 0 48px !important;
  font-weight: bold;
  font-size: 16px;
}
.dispensation-time-picker .styled-checkbox-label:after {
  margin-top: 0 !important;
}

.dispensation-time-range {
  overflow: hidden;
}
.dispensation-time-range div.form-control-wrapper {
  width: 30%;
  float: left;
  clear: none;
}
.dispensation-time-range div.form-control,
.dispensation-time-range .selector {
  width: 98%;
}

.loading-field {
  background: transparent url("/static/1/images/throbber-blue-small.gif") no-repeat 98% 50%;
}
.loading-field:not(.disable-removable-content) {
  background-position: 90% 50%;
}

.edit-dispensation-vehicles legend {
  left: -1000em;
  position: relative;
}

.no-js .vehicle-add {
  display: none;
}

#dispensation-entry-button {
  float: right;
}

.change-vehicle:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_largeicons_x2.png");
  background-image: url("../../../images/vsprite_largeicons.png") \9;
  background-size: 256px 384px;
  height: 64px;
  width: 64px;
  background-position: 0px -64px;
  bottom: auto;
  left: 5px;
  right: auto;
  top: 50%;
}
.body-cms-preview .change-vehicle:before {
  background-image: url("../../../images/vsprite_largeicons.png");
}

.change-date:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_largeicons_x2.png");
  background-image: url("../../../images/vsprite_largeicons.png") \9;
  background-size: 256px 384px;
  height: 64px;
  width: 64px;
  background-position: -64px -64px;
  bottom: auto;
  left: 5px;
  right: auto;
  top: 50%;
}
.body-cms-preview .change-date:before {
  background-image: url("../../../images/vsprite_largeicons.png");
}

.change-vehicle-and-date:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_largeicons_x2.png");
  background-image: url("../../../images/vsprite_largeicons.png") \9;
  background-size: 256px 384px;
  height: 64px;
  width: 64px;
  background-position: -128px -64px;
  bottom: auto;
  left: 5px;
  right: auto;
  top: 50%;
}
.body-cms-preview .change-vehicle-and-date:before {
  background-image: url("../../../images/vsprite_largeicons.png");
}

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

.appended-borders {
  border: #cccccc 1px solid;
  border-bottom-width: 0;
}

.appended-datepicker {
  padding: 10px 12px 20px 16px;
  overflow: hidden;
}
.appended-datepicker .form-control-wrapper:last-child {
  margin-bottom: 0;
}

.responsive-form .appended-datepicker .form-control {
  margin-bottom: 0;
}

.ruc-logged-in-info {
  margin-top: 10px;
}

#select-payment-option-button {
  display: none;
}
.no-js #select-payment-option-button {
  display: block;
}

#bulk-processing-wait {
  background-image: url("/static/1/images/throbber-blue-large.gif");
  width: 100%;
  height: 120px;
  background-position: 50%;
  background-repeat: no-repeat;
}

#direct-debit-logo {
  display: block;
  margin-bottom: 15px;
}

.inline-code-block, .code-block {
  border: solid 1px #cccccc;
  background-color: #f5f5f5;
  font-family: "Courier New",monospace;
  padding: 2px 5px;
  vertical-align: baseline;
}
.inline-code-block .comment, .code-block .comment {
  color: green;
}

.code-block {
  padding: 15px;
  display: block;
  margin-bottom: 20px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.code-block .code-comment {
  color: green;
}