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

  to {
    padding: 0;
  }
}
.journey-planner-promo h3 {
  font-family: "New Johnson Bold";
  font-size: 18px;
}

.homepage-style .widget-heading .section-style {
  font-family: "NJ Signing";
  text-transform: uppercase;
  letter-spacing: -0.045em;
}

.section-overview, #plan-a-journey, #more-journey-options, .journey-planner-promo, .summary-results .always-visible, .summary-results .start-hidden {
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.section-overview, #plan-a-journey, #more-journey-options, .journey-planner-promo, .summary-results .always-visible, .summary-results .start-hidden {
  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: 13.694%;
}

#footer .footer-links, .horizontal-toggle-buttons.tw-buttons li.thirds {
  float: left;
  margin: 0 0 0 2.54%;
  width: 29.928%;
}

.main-and-aside.one-row .main, .main-and-aside.one-row .aside, #more-journey-options, .horizontal-toggle-buttons.tw-buttons li.halfs {
  float: left;
  margin: 0 0 0 2.54%;
  width: 46.162%;
}

#footer h2.heading, #footer .info-for, #alternatives {
  float: left;
  margin: 0 0 0 2.54%;
  width: 62.396%;
}

.journey-planner-results #more-journey-options {
  float: left;
  margin: 0 0 0 2.54%;
  width: 94.864%;
}

.primary-teaser-container .news-teaser {
  background: #2d3039;
  background: rgba(31, 32, 37, 0.9);
}
.primary-teaser-container .news-teaser a, .primary-teaser-container .news-teaser a:visited, .primary-teaser-container .news-teaser a:active {
  border-bottom-color: #121315;
}
.primary-teaser-container .news-teaser a .text-link, .primary-teaser-container .news-teaser a:visited .text-link, .primary-teaser-container .news-teaser a:active .text-link {
  color: #fff;
}
.primary-teaser-container .news-teaser a .text-link:after, .primary-teaser-container .news-teaser a:visited .text-link:after, .primary-teaser-container .news-teaser a:active .text-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: -32px -640px;
}
.body-cms-preview .primary-teaser-container .news-teaser a .text-link:after, .primary-teaser-container .body-cms-preview .news-teaser a .text-link:after, .body-cms-preview .primary-teaser-container .news-teaser a:visited .text-link:after, .primary-teaser-container .body-cms-preview .news-teaser a:visited .text-link:after, .body-cms-preview .primary-teaser-container .news-teaser a:active .text-link:after, .primary-teaser-container .body-cms-preview .news-teaser a:active .text-link:after {
  background-image: url("../../../images/vsprite.png");
}

.list-loader .list-loader-options > .list-loader-option.expanded > .list-loader-link > a:hover, .list-loader .list-loader-options > .list-loader-option.expanded > .list-loader-link > a:focus, .line-status-heading:hover, .line-status-heading:focus, .landing-page-teaser .news-teaser a:hover .text-link, .landing-page-teaser .news-teaser a:focus .text-link {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.homepage-style .widget-heading .section-style {
  text-transform: uppercase;
  background: #2d3039;
  color: #fff;
  font-size: 24px;
  padding: 6px 15px;
  display: inline-block;
}

.list-loader .list-loader-results .bus-list .list-loader-result.expanded > .bus-list li:nth-child(-n+5) {
  position: relative;
}
.list-loader .list-loader-results .bus-list .list-loader-result.expanded > .bus-list li:nth-child(-n+5)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  opacity: 0.1;
  background-color: #000;
  z-index: 10;
}

/* CUSTOM ADDED */
.responsive-form .form-control, .responsive-form .inline-with-label .heading, .responsive-form .with-calendar .heading, .button-set input, .button-set a, .button-set button, .responsive-single-button.primary-button, .responsive-single-button.secondary-button, .responsive-single-button.tertiary-link, .responsive-link-button, .jquery-ui-calendar-wrapper {
  width: 47%;
}

.responsive-single-button.secondary-button {
  margin-top: 0;
}

.responsive-form .full-width-form-module .form-control, .responsive-form .full-width-form-module .field-validation-wrap {
  width: 100%;
}
.responsive-form .form-field-error.full-width-form-module .form-control, .responsive-form .form-field-tooltip.full-width-form-module .form-control {
  padding-right: 50px;
}
.responsive-form .form-field-error.full-width-form-module .field-validation-error, .responsive-form .form-field-tooltip.full-width-form-module .field-validation-error {
  padding: 10px;
}
.responsive-form .form-field-error.full-width-form-module .field-validation-error:before, .responsive-form .form-field-tooltip.full-width-form-module .field-validation-error:before {
  top: -59px;
  right: 7px;
  left: auto;
  margin-top: auto;
}

/* glabal - medium */
.hero-headline, .headline {
  font-size: 50px;
  margin-left: 10px;
}

.section-landing-container {
  border-bottom: 0;
}
.section-landing-container h1 {
  font-size: 35px;
}
.section-landing-container.with-logo {
  padding-right: 170px;
}
.section-landing-container .heading-logo {
  height: 50px;
  max-width: 165px;
  min-width: 60px;
}
.section-landing-container .heading-logo > img {
  height: 50px;
}

h1 {
  line-height: 100%;
  font-size: 50px;
}

.map-container {
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.map-container #map {
  width: 100%;
  height: 300px;
}

.small {
  display: none;
}

.small-medium {
  display: block;
}

.medium {
  display: block;
}

.medium-large {
  display: block;
}

.large {
  display: none;
}

.floating-content-image {
  height: auto;
  width: 47.5%;
}
.floating-content-image.left {
  margin-right: 5%;
  float: left;
}
.floating-content-image.right {
  float: right;
  margin-left: 5%;
}

.spot-grid-background {
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 10px;
    /*&:before {
		content: " ";
		display: block;
		@extend %spot-grid;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}*/
}

.form-step {
  text-align: left;
}
.form-step .step-text {
  width: 75%;
  display: inline-block;
  text-align: left;
}

.inline-help {
  border: 1px solid #cccccc;
  position: relative;
}
.inline-help:before {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #cccccc transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -6px;
}
.inline-help:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #eff6fe transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -5px;
}

.inline-help-wrap {
  width: 100%;
  display: block;
}
.inline-help-wrap.expanded {
  border-bottom-width: 0;
}

.inline-help {
  width: 43%;
}
.inline-help:before {
  border-width: 6px;
  border-color: transparent #cccccc transparent transparent;
  left: -13px;
  right: auto;
  bottom: auto;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: 15px;
}
.inline-help:after {
  border-width: 6px;
  border-color: transparent #eff6fe transparent transparent;
  left: -12px;
  right: auto;
  bottom: auto;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: 15px;
}

.field-validation-wrap, .expandable-form-message-wrap {
  margin-bottom: 0;
  float: right;
}

.responsive-form fieldset {
  clear: both;
}
.responsive-form .button-set, .responsive-form .form-control-wrapper, .responsive-form .inline-help-wrap, .responsive-form .input-list {
  clear: both;
}
.responsive-form .form-control-wrapper .secondary-button {
  clear: both;
}
.responsive-form .ia-toggle-content .form-control {
  float: none;
  margin-bottom: 0;
}
.responsive-form .field-validation-wrap, .responsive-form .form-control, .responsive-form .expandable-form-message-wrap {
  vertical-align: top;
  display: inline-block;
}
.responsive-form .selector {
  margin-bottom: 0;
}
.responsive-form .form-field-error:not(.full-width-form-module) .field-validation-wrap {
  width: 43%;
}
.responsive-form .form-field-error:not(.full-width-form-module) .field-validation-wrap:before {
  border-width: 6px;
  border-color: transparent #a92727 transparent transparent;
  left: -13px;
  right: auto;
  bottom: auto;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: 15px;
}
.responsive-form .form-field-error:not(.full-width-form-module) .field-validation-wrap:after {
  border-width: 6px;
  border-color: transparent #ffefef transparent transparent;
  left: -12px;
  right: auto;
  bottom: auto;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: 15px;
}
.responsive-form .form-control-tooltip-wrap {
  width: 43%;
}
.responsive-form .form-control-tooltip-wrap:before {
  border-width: 6px;
  border-color: transparent #cccccc transparent transparent;
  left: -13px;
  right: auto;
  bottom: auto;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: 15px;
}
.responsive-form .form-control-tooltip-wrap:after {
  border-width: 6px;
  border-color: transparent #eff6fe transparent transparent;
  left: -12px;
  right: auto;
  bottom: auto;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: 15px;
}
.responsive-form .field-validation-wrap .field-validation-error:before {
  left: -17%;
}
.responsive-form .form-control-tooltip-text:before {
  left: -17%;
}
.responsive-form .postcode-lookup .form-control {
  margin-bottom: 10px;
}
.responsive-form .form-field-error .form-control, .responsive-form .form-field-tooltip .form-control {
  padding-right: 0;
}
.responsive-form .form-field-tooltip .tooltip-control {
  left: 2%;
  width: 40px;
}

.responsive-form .full-width-form-module .form-control, .responsive-form .full-width-form-module .field-validation-wrap {
  float: none;
  margin-bottom: 10px;
}
.responsive-form .full-width-form-module.form-field-tooltip .tooltip-control {
  float: none;
  position: absolute;
  display: block;
  left: auto;
  width: 42px;
  height: 38px;
  display: block;
  right: 0;
  margin-top: -49px;
}
.responsive-form .full-width-form-module.expanded .expandable-form-message-wrap {
  display: block;
  float: none;
  border: 1px solid #cccccc;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.responsive-form .full-width-form-module.expanded .expandable-form-message-wrap:before {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #cccccc transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -6px;
}
.responsive-form .full-width-form-module.expanded .expandable-form-message-wrap:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #eff6fe transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -5px;
}
.responsive-form .full-width-form-module.expanded .expandable-form-message-wrap:before, .responsive-form .full-width-form-module.expanded .expandable-form-message-wrap:after {
  left: auto;
}
.responsive-form .field-validation-wrap .field-validation-error:before {
  margin-top: -7px;
}
.responsive-form .form-control-tooltip-text:before {
  margin-top: -7px;
}
.responsive-form .form-field-error .form-control-tooltip-wrap, .responsive-form .form-field-error .toggle-tooltip {
  display: none;
}
.responsive-form .tooltip-control, .responsive-form .form-control {
  float: left;
}

.form-field-error.triple-input .form-control, .form-field-error.twin-input .form-control, .form-field-tooltip.triple-input .form-control, .form-field-tooltip.twin-input .form-control {
  min-height: 40px;
}
.form-field-error.triple-input .shaded-input, .form-field-error.twin-input .shaded-input, .form-field-tooltip.triple-input .shaded-input, .form-field-tooltip.twin-input .shaded-input {
  position: absolute;
}
.form-field-error.triple-input .shaded-input:first-child, .form-field-error.twin-input .shaded-input:first-child, .form-field-tooltip.triple-input .shaded-input:first-child, .form-field-tooltip.twin-input .shaded-input:first-child {
  left: 0;
}
.form-field-error.triple-input .shaded-input:last-child, .form-field-error.twin-input .shaded-input:last-child, .form-field-tooltip.triple-input .shaded-input:last-child, .form-field-tooltip.twin-input .shaded-input:last-child {
  right: 0px;
}
.form-field-error.twin-input .shaded-input, .form-field-tooltip.twin-input .shaded-input {
  width: 48%;
}
.form-field-error.triple-input .shaded-input, .form-field-tooltip.triple-input .shaded-input {
  width: 31%;
}
.form-field-error.triple-input .shaded-input:nth-child(4), .form-field-tooltip.triple-input .shaded-input:nth-child(4) {
  margin-right: -50%;
  left: 34.5%;
}

.responsive-form h2 span a.secondary-button.edit {
  width: 80px;
  float: right;
  margin-top: -10px;
}

.js-dispensation-button {
  width: 15%;
  float: right;
  margin: 0;
}

#js-dispensation-close {
  position: absolute;
  top: 8px;
  right: 12px;
  display: block;
}

.js-disp-select {
  float: left;
  width: 31%;
}
.js-disp-select .selector {
  float: left;
  min-width: 6.2em;
}
.js-disp-select + .js-disp-select {
  margin-left: 20px;
}
.js-disp-select label {
  display: block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  padding: 0 4px 0;
  position: relative;
}

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

#js-save {
  width: 12em;
}

#disp-button-add-date {
  float: right;
  width: 12em;
  margin: 35px 0 12px;
}

.main .primary-and-secondary .primary, .main .primary-and-secondary .secondary {
  width: 45%;
  float: left;
}
.main .primary-and-secondary .primary {
  margin-right: 2.5%;
}
.main .primary-and-secondary .secondary {
  margin-left: 2.5%;
}
.main .primary-and-secondary hr {
  display: none;
}
.main .primary-only .primary-button, .main .primary-only .secondary-button {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.module-grid {
  position: relative;
}
.module-grid > div {
  float: left;
  width: 48.5%;
}
.module-grid > div:nth-child(2n-1):not(.secondary-button) {
  margin-right: 3%;
}
.module-grid > div .teaser {
  min-height: 93px;
}
.flexbox .module-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flexbox .module-grid > .news-teaser {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.flexbox .module-grid > .news-teaser > a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flexbox .module-grid > .news-teaser .text-link {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.flexbox .module-grid > .vertical-button-container {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}

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

.section-image-container ~ .r .section-overview {
  margin-top: 200px;
}
.section-image-container ~ .r .section-title .hero-headline {
  padding: 5px 0;
  background-color: #2d3039;
  box-shadow: 10px 0 0 #2d3039,-10px 0 0 #2d3039;
  color: #fff;
}

.section-overview {
  padding: 20px;
  background: #eeeeee;
}
.section-overview > div.main {
  margin-left: 2.67752%;
  width: 48.66124%;
  margin-left: 0;
}
.section-overview > div.aside {
  margin-left: 2.67752%;
  width: 48.66124%;
}
.section-overview > div.equal-width {
  margin-left: 2.67752%;
  width: 48.66124%;
}

.main .section-overview {
  margin: 0;
  width: 100%;
}

.section-image-container {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 400px;
  margin-bottom: -400px;
  top: 57px;
  left: 0;
  width: 100%;
}

.two-column-divided .half-width {
  width: 50%;
  padding-right: 10px;
  float: left;
}
.two-column-divided .half-width + .half-width {
  padding-left: 10px;
  padding-right: 0;
  border-left: 1px dotted #cccccc;
}
.two-column-divided .half-width > :last-child {
  margin-bottom: 0;
}

.stackable-columns {
  display: block;
  float: left;
}
.stackable-columns.two-column .column {
  width: 47%;
}
.stackable-columns .column {
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
}
.stackable-columns .column:last-child {
  padding-right: 0;
  float: right;
}

/**
 * Created by Gilly Ames on 04/09/2014.
 * PURPOSE: List style for form review with link back to page - RUC project - RUC-410
 */
.review-list-header {
  min-height: 60px;
}
.review-list-header .numbered-item, .review-list-header .edit-step {
  position: absolute;
  bottom: 10px;
}
.review-list-header .numbered-item {
  left: 0;
  line-height: 1;
}
.review-list-header .edit-step {
  right: 0;
  width: 8em;
  vertical-align: text-bottom;
  display: inline;
}

.review-list .numbered-item {
  margin-bottom: 0;
}
.review-list .numbered-item:before {
  left: -1em;
}

/* elements - medium */
.image-box.left-float, .image-box.right-float {
  width: 50%;
  margin-bottom: 20px;
}
.image-box.left-float {
  float: left;
  margin-right: 20px;
}
.image-box.right-float {
  float: right;
  margin-left: 20px;
}

.main-and-aside .image-box.left-float, .main-and-aside .image-box.right-float {
  margin-bottom: 20px;
}

.button-set {
  display: block;
  width: 100%;
}
.button-set input, .button-set a, .button-set button {
  display: inline-block;
}
.button-set .primary-button:first-child, .button-set .secondary-button:first-child {
  float: right;
}
.button-set .tertiary-link {
  padding-left: 20px;
  text-align: left;
}

.map-downloads-wrapper {
  width: 47%;
}

.expandable-box .btn-download-map {
  width: 47%;
  float: left;
  margin-right: 40px;
}
.btn-download-map + .btn-download-map {
  margin-right: 0;
}

#check-zone-button {
  margin-bottom: 30px;
}

.responsive-single-button.primary-button, .responsive-single-button.pull-right {
  float: right;
}

/* CUSTOM ADDED */
.responsive-single-button.primary-button {
  float: none;
}

/* modules - medium */
/**************************************************
	A1 Primary Navigation / M004 Primary Navigation

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

**************************************************/
.top-row div.logo {
  width: 155px;
}
.top-row div.logo .tfl-name {
  display: inline-block;
}
.top-row .more a {
  padding-bottom: 13px;
}
.top-row .more a.expanded {
  padding-bottom: 16px;
}

.top-row-extras .more {
  display: none;
}
.top-row-extras .texts {
  border-left: 1px solid #1e2228;
}

.extra-nav .menu-sub-section {
  float: left;
  margin: 0 2%;
  width: 46%;
}
.extra-nav .menu-sub-section.getting-around {
  width: 96%;
}
.extra-nav h2 {
  margin-bottom: 10px;
}
.extra-nav ul.extras {
  width: 96%;
}

.collapsible-menu .plan-journey, .collapsible-menu li.more {
  display: block;
}

.extra-nav .plan-journey {
  display: none;
}

@media screen and (min-width: 600px) {
  .collapsible-menu .status-update {
    display: block;
  }

  .extra-nav .status-update {
    display: none;
  }
}
@media screen and (min-width: 655px) {
  .collapsible-menu .maps {
    display: block;
  }

  .extra-nav .maps {
    display: none;
  }
}
@media screen and (min-width: 795px) {
  .collapsible-menu .fares-and-payments {
    display: block;
  }

  .extra-nav .fares-and-payments {
    display: none;
  }
}
/**************************************************
	A3 Footer

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

**************************************************/
#footer .footer-links {
  padding: 20px 0 10px;
  background: none;
  margin-bottom: 0;
}
#footer .footer-links li {
  border-right: 1px solid #cccccc;
}
#footer .footer-links li.social, #footer .footer-links li.choose-language {
  border-right: none;
}
#footer a.info-for-link {
  cursor: default;
}
#footer a.info-for-link:focus h2.heading, #footer a.info-for-link:hover h2.heading {
  background-color: transparent;
}
#footer h2.heading {
  margin: 20px 0 0 0;
  padding: 7px 0 7px 5%;
  border: none;
  background: none;
  color: #fff;
  font-weight: bold;
  cursor: default;
}
#footer h2.heading:before {
  display: none;
}
#footer .expanded h2.heading:before {
  display: none;
}
#footer .info-for {
  padding: 0 0 10px;
  margin-bottom: 0;
  background: none;
}
#footer .info-for li {
  display: block;
  float: left;
  margin-left: 4.07077%;
  width: 47.96461%;
  padding: 7px 0;
  border: none;
}
#footer .info-for li:nth-child(2n) {
  margin-left: 0;
}
#footer .info-for li a {
  display: inline;
  padding: 0;
}
#footer .info-for li a:after {
  display: none;
}
#footer .secondary-footer {
  padding-top: 7px;
  padding-bottom: 7px;
}
#footer .secondary-footer ul li {
  float: left;
  margin: 0 1% 0 0;
}
#footer .secondary-footer span {
  margin-top: 11px;
  float: right;
  display: block;
}
#footer .footer-MOL-logo {
  float: right;
  width: auto;
}

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

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

**************************************************/
.route-summary .station-stop-row {
  width: 60%;
}
.route-summary .station-stop-row:last-of-type {
  padding-bottom: 0;
}
.route-summary .switch-direction-button {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -19px;
  width: 35%;
}
.route-summary .button-only .switch-direction-button {
  position: static;
  right: auto;
  top: auto;
  margin-top: 0;
  display: inline-block;
  width: auto;
}

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

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

**************************************************/
.for-dropdown .links-list {
  top: 36px;
  position: absolute;
  min-width: 100%;
  right: 0px;
  border-top: 1px solid #cccccc;
  margin-top: 5px;
}
.for-dropdown .links-list#gla-list {
  bottom: 45px;
  top: auto;
  border-top: 1px solid #484848;
}
.for-dropdown .links-list#gla-list li.greater-london-authority-li {
  display: block;
  padding: 5px;
  cursor: default;
  padding-left: 10px;
  border-bottom: 1px solid #484848;
}
.for-dropdown .links-list#gla-list li.greater-london-authority-li:hover {
  background-color: transparent;
}
.for-dropdown .links-list#gla-list li.greater-london-authority-li img {
  margin-bottom: 2px;
}
.for-dropdown .links-list#gla-list li.greater-london-authority-li:after {
  display: none;
}
.for-dropdown .dropdown-button {
  padding: 9px 30px 9px 7px;
  border-bottom-width: 0;
  padding-bottom: 10px;
  margin-bottom: -3px;
  position: relative;
  z-index: 15;
}
.for-dropdown .dropdown-button.gla-dropdown {
  padding-bottom: 7px;
  border-bottom: solid 1px #cacaca;
}
.for-dropdown .dropdown-button.gla-dropdown: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: -32px -672px;
}
.body-cms-preview .for-dropdown .dropdown-button.gla-dropdown:after {
  background-image: url("../../../images/vsprite.png");
}
.for-dropdown .dropdown-button.dropdown-closed {
  border-bottom-width: 1px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.for-dropdown .dropdown-button.dropdown-closed.gla-dropdown: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: -32px -608px;
}
.body-cms-preview .for-dropdown .dropdown-button.dropdown-closed.gla-dropdown:after {
  background-image: url("../../../images/vsprite.png");
}

.r.no-overflow .links-list {
  position: static;
  margin-top: 0;
}
.r.no-overflow .dropdown-closed + .links-list {
  padding: 0;
  border: 0;
  height: 0;
}

.no-js #footer ul.info-for {
  width: 25%;
}
.no-js #footer ul.info-for li {
  float: none;
  margin: 0;
  margin-left: 10%;
  width: auto;
}
.no-js #footer .footer-MOL-logo {
  margin-top: -30px;
  float: left;
  margin-left: 2.54%;
  width: 25%;
}
.no-js #footer .footer-MOL-logo ul#gla-list {
  margin-left: 0;
  width: 100%;
}
.no-js #footer .footer-MOL-logo ul#gla-list li {
  padding-right: 35px;
  margin: 10px 0;
}
.no-js #footer .footer-MOL-logo ul#gla-list li:hover {
  background: none;
}
.no-js #footer .footer-MOL-logo ul#gla-list li a {
  padding-right: 30px;
  display: inline;
}

.widget-wrapper.homepage-style {
  margin-bottom: 20px;
}
.widget-wrapper.homepage-style .start-hidden {
  display: block;
}
.widget-wrapper.homepage-style .content {
  background: transparent;
  margin-left: 0;
}
.widget-wrapper.homepage-style .widget-content {
  border: 1px solid #cccccc;
}
.widget-wrapper .basic-journey-options {
  border-bottom: none;
  margin-bottom: 0;
}
.widget-wrapper.info-widget .expandable-box .controls {
  display: block;
}
.widget-wrapper.info-widget .expandable-box .start-hidden {
  display: none;
}
.widget-wrapper.info-widget .expandable-box .expanded .start-hidden {
  display: block;
}

.widget-heading.primary:before {
  display: none;
}

.routeReverse {
  width: 34%;
  margin-left: 2%;
  display: inline;
}

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

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

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

**************************************************/
.filter-by-box .filter-box-wrap {
  width: 47.5%;
}

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

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

**************************************************/
ul.on-this-page-list {
  width: 50%;
  padding-left: 10px;
  float: left;
  margin: 0 0 20px;
}
ul.on-this-page-list:first-child {
  padding-left: 0px;
  padding-right: 10px;
}

/**************************************************
	M021 - icon-list

* Author: Alex Faunt
* Created: 09/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M021-icon-list

**************************************************/
.icon-list > li {
  float: left;
  width: 50%;
  padding-right: 20px;
}

/**************************************************
	M033-headline

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

**************************************************/
.headline-container h1 {
  font-size: 35px;
}
.headline-container.with-tag h1 {
  padding-top: 15px;
}
.with-favourite .headline-container {
  padding-right: 148px;
  padding-bottom: 0;
}
.with-favourite .headline-container:after {
  bottom: 10px;
}
.with-favourite .headline-container .favourite {
  margin: 0 0 0 10px;
  left: auto;
}
.with-favourite .headline-container[class*="mode-"] {
  padding-right: 218px;
}
.with-favourite .headline-container[class*="mode-"] .favourite {
  right: 46px;
}
.with-favourite .headline-container.mode-cable-car {
  padding-right: 320px;
}
.with-favourite .headline-container.mode-cable-car .favourite {
  right: 148px;
}

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

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

**************************************************/
.key-improvements {
  width: 40%;
  margin-bottom: 15px;
  margin-left: 15px;
  float: right;
}

.pull-quote {
  margin-left: 15px;
  margin-bottom: 15px;
  float: right;
  width: 50%;
  position: relative;
  display: block;
}

/**************************************************
	M042-list-loader
* Author: Alex Faunt
* Created: 25/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M042-list-loader
**************************************************/
.list-loader:after {
  content: "";
  display: block;
  clear: both;
}
.list-loader .list-loader-wrapper {
  width: 50%;
  padding-right: 20px;
  float: left;
}
.list-loader .list-loader-options {
  border-bottom: 0px none;
}
.list-loader .list-loader-options > .list-loader-option > .list-loader-link > a {
  padding: 10px 32px 6px 10px;
}
.list-loader .list-loader-options > .list-loader-option > .list-loader-link > a.with-icon {
  padding-left: 42px;
}
.list-loader .list-loader-options > .list-loader-option > .list-loader-link > a: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 -640px;
  right: 0px;
  left: auto;
  margin-top: -16px;
  border: none 0px;
}
.body-cms-preview .list-loader .list-loader-options > .list-loader-option > .list-loader-link > a:after {
  background-image: url("../../../images/vsprite.png");
}
.list-loader .list-loader-options > .list-loader-option.expanded {
  position: relative;
}
.list-loader .list-loader-options > .list-loader-option.expanded:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent transparent #eeeeee;
  left: 100%;
}
.list-loader .list-loader-options > .list-loader-option.expanded:first-child > .list-loader-link {
  padding-top: 10px;
}
.list-loader .list-loader-options > .list-loader-option.expanded:first-child:after {
  margin-top: -4px;
}
.list-loader .list-loader-options > .list-loader-option.expanded > .list-loader-link {
  padding: 0;
}
.list-loader .list-loader-options > .list-loader-option.expanded > .list-loader-link > a {
  background: #fff;
  color: #2d3039;
  border-color: #cccccc;
  font-weight: bold;
}
.list-loader .list-loader-options > .list-loader-option.expanded > .list-loader-link > a:hover, .list-loader .list-loader-options > .list-loader-option.expanded > .list-loader-link > a:focus {
  background-color: #eff6fd;
}
.list-loader .list-loader-options > .list-loader-option.expanded > .list-loader-link > a:after {
  background-position: 0px -576px;
  margin-top: -16px;
}
.list-loader .list-loader-options > .list-loader-option.expanded + .list-loader-option > .list-loader-link {
  padding: 0;
}
.list-loader .list-loader-options > .list-loader-option.expanded + .list-loader-option > .list-loader-link > a {
  border-top: 0px;
}
.list-loader .list-loader-options > .list-loader-option.expanded + .list-loader-option:last-child > .list-loader-link {
  padding-bottom: 10px;
}
.list-loader .list-loader-options > .list-loader-option.expanded + .list-loader-option.last > .list-loader-link {
  padding-bottom: 10px;
}
.list-loader .list-loader-options > .list-loader-option.expanded .list-loader-result {
  display: none;
}
.list-loader .list-loader-results {
  width: 50%;
  float: left;
}
.list-loader .list-loader-results.hidden {
  display: none;
}
.list-loader .list-loader-results .list-loader-result {
  display: block;
  padding: 0;
}
.list-loader .list-loader-results h4.medium-large {
  padding: 10px;
  margin: 0;
  background: #f7fbfe;
}
.list-loader .list-loader-results .routes-list-wrapper {
  padding: 10px 10px 20px;
  background: #f7fbfe;
}
.list-loader .list-loader-results .routes-list {
  background: #f7fbfe;
  margin: 0;
  width: 100%;
}
.list-loader .list-loader-results .bus-list > li > a {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  font-weight: 1em;
}
.list-loader .list-loader-results .bus-list.groups {
  width: auto;
}
.list-loader .list-loader-results .bus-list.groups:after {
  content: "";
  display: block;
  clear: both;
}
.list-loader .list-loader-results .bus-list.groups > li.list-loader-option {
  padding-left: 10px;
}
.list-loader .list-loader-results .bus-list.groups > li.list-loader-option .list-loader-link > a {
  border-left: 1px solid #cccccc;
}
.list-loader .list-loader-results .bus-list.groups > li.list-loader-option + .list-loader-option {
  padding-right: 10px;
  padding-left: 0px;
}
.list-loader .list-loader-results .bus-list.groups > li.list-loader-option + .list-loader-option .list-loader-link > a {
  border-left: 0px none;
}
.list-loader .list-loader-results .bus-list.groups > li > a {
  background-color: #fff;
}
.list-loader .list-loader-results .bus-list.groups > li.list-loader-result {
  display: none;
}
.list-loader .list-loader-results .bus-list.groups > li.list-loader-result.expanded {
  display: block;
}
.list-loader .list-loader-results .list-loader-option {
  background-color: #f7fbfe;
}
.list-loader .list-loader-results .list-loader-option.expanded, .list-loader .list-loader-results .list-loader-option.prev {
  position: relative;
  z-index: 0;
  padding-top: 0px;
  padding-bottom: 10px;
}
.list-loader .list-loader-results .list-loader-option.expanded > .list-loader-link, .list-loader .list-loader-results .list-loader-option.prev > .list-loader-link {
  padding: 0;
}
.list-loader .list-loader-results .list-loader-option.expanded + .list-loader-option {
  padding-top: 0px;
  padding-bottom: 10px;
}
.list-loader .list-loader-results .list-loader-option.expanded + .list-loader-option > .list-loader-link {
  padding: 0;
}
.list-loader .list-loader-results .list-loader-link {
  background-color: #f7fbfe;
}
.list-loader .list-loader-results .list-loader-link > a {
  border-top: 1px solid #cccccc;
  border-left: 0px none;
}
.list-loader .list-loader-results .bus-list .list-loader-result.expanded {
  padding-left: 10px;
  padding-right: 10px;
  z-index: 4;
  width: 100%;
}
.list-loader .list-loader-results .bus-list .list-loader-result.expanded > .bus-list {
  margin-bottom: 1px;
}
.list-loader .list-loader-results .bus-list .list-loader-result.expanded > .bus-list li:nth-child(-n+5):after {
  opacity: 0.1;
}
.list-loader .list-loader-results .bus-list .list-loader-result.expanded + .list-loader-option {
  padding-top: 10px;
  position: relative;
  z-index: 0;
}
.list-loader .list-loader-results .bus-list .list-loader-result.expanded + .list-loader-option + .list-loader-option {
  padding-top: 10px;
}
.list-loader .list-loader-results .bus-list .list-loader-result.expanded + .list-loader-result + .list-loader-option {
  padding-top: 10px;
  position: relative;
  z-index: 0;
}
.list-loader .list-loader-results .bus-list .list-loader-result.expanded + .list-loader-result + .list-loader-option + .list-loader-option {
  padding-top: 10px;
}
.list-loader .list-loader-link > a.with-icon > [class*=icon] {
  right: auto;
  left: 5px;
}
.list-loader .expanded .list-loader-link > a.with-icon .tube-icon {
  background-position: 0px -1056px;
}
.list-loader .expanded .list-loader-link > a.with-icon .bus-icon {
  background-position: 0px -320px;
}
.list-loader .expanded .list-loader-link > a.with-icon .river-icon {
  background-position: 0px -384px;
}

.bus-list.groups > li.bottom-bar {
  background-color: #f7fbfe;
  height: 10px;
  width: 100%;
}
.bus-list.groups > li.list-loader-result.expanded ~ .bottom-bar {
  display: none;
}
.bus-list.groups > li.list-loader-result.expanded ~ .list-loader-option ~ .bottom-bar {
  display: block;
}

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

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

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

**************************************************/
.related-links {
  width: 47.5%;
  margin-right: 5%;
  float: left;
}
.related-links:last-child, .related-links:nth-child(2n) {
  margin-right: 0;
}

/**************************************************
	M045-image-list
* Author: John Boyle
* Created: 03/10/2013
* Pattern library URL:
**************************************************/
ul.image-list {
  width: 100%;
  margin-left: 0;
}
ul.image-list li {
  position: absolute;
  width: 100%;
}
ul.image-list li.image-list-title {
  background: #eeeeee;
  padding: 10px;
  list-style: none;
  position: relative;
}
ul.image-list li.image-item {
  position: relative;
  list-style: none;
  padding: 15px 2px;
  border-bottom: solid 1px #cacaca;
  min-height: 190px;
}
ul.image-list li.image-item .image-item-text {
  padding-left: 50%;
}
ul.image-list li img {
  position: absolute;
  top: 50%;
  left: 25%;
  margin-top: -77px;
  margin-left: -120px;
}

.heading-dropdowns-wrap {
  z-index: 12;
}
.heading-dropdowns-wrap ~ .r {
  z-index: 1;
}
.heading-dropdowns-wrap .dropdowns-wrap {
  padding: 10px 0;
}
.heading-dropdowns-wrap .heading-dropdown {
  float: left;
  width: 49%;
}
.heading-dropdowns-wrap .heading-dropdown:first-child {
  margin-bottom: 0;
}
.heading-dropdowns-wrap .heading-dropdown:last-child {
  margin-left: 2%;
}

#hero-teaser-container {
  height: 415px;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
}
#hero-teaser-container .content-area {
  bottom: 20px;
}

.content-area {
  position: absolute;
  margin: 0;
}

.primary-teaser-container {
  position: relative;
}
.primary-teaser-container .news-teaser {
  position: absolute;
}
.primary-teaser-container .news-teaser.full-takeover {
  top: 120px;
}
.primary-teaser-container .news-teaser.full-takeover img {
  display: none;
}

.secondary-teaser img {
  display: block;
}

/*.coming-soon-widget {
	&.bus-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Bus_statusx2.png');
		height: 63px;
		padding-bottom: 10%;
	}
	&.roads-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Roads_statusx2.png');
		height: 63px;
		padding-bottom: 10%;
	}
	&.emirates-airline-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Emirates_statusx2.png');
		height: 63px;
		padding-bottom: 10%;
	}
	&.river-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/River_statusx2.png');
		height: 63px;
		padding-bottom: 10%;
	}
	&.tram-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Tram_statusx2.png');
		height: 63px;
		padding-bottom: 10%;
	}
	&.bus-search {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Bus_searchx2.png');
		height: 167px;
		padding-bottom:28%;
	}
	&.roads-search {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Roads_searchx2.png');
		height: 144px;
		padding-bottom: 24%;
	}
	&.river-search {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/River_searchx2.png');
		height: 167px;
		padding-bottom:28%;
	}
}*/
/**************************************************
	C7 Database - Record

* Author: 
* Created: 
* Pattern library URL: 

**************************************************/
.database-record {
  border-collapse: collapse;
  border-spacing: 0;
}
.database-record th, .database-record td {
  padding: 5px;
  display: table-cell;
}

/**************************************************
	M066 cycle-hire-block
* Author: Alex Faunt
* Created: 25/10/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M066-cycle-hire-block
**************************************************/
.cycle-hire-block .docks.borderless {
  border: 0px;
}
.cycle-hire-block .docks.borderless .dock {
  border: 1px solid #cccccc;
  border-left: 0px;
}
.cycle-hire-block .docks.borderless .dock:first-child {
  border-left: 1px solid #cccccc;
}

.results-filter-box .results-from .selector {
  width: 50%;
}
.results-filter-box .results-from .selector:last-child {
  width: 47.46%;
  margin-left: 2.54%;
}
.results-filter-box .num-pages-holder {
  width: 32.46%;
}
.results-filter-box .sort-by-holder {
  width: 42.46%;
  margin-right: 2.54%;
}
.results-filter-box .primary-button {
  float: left;
  width: 20%;
  margin-top: 27px;
  margin-bottom: 0;
}

/**************************************************
	M068 timetable options
* Author: Alex Faunt
* Created: 19/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M068-timetable-options
**************************************************/
.timetable-options .half-width {
  width: 50%;
  padding-right: 5px;
  float: left;
}
.timetable-options .half-width + .half-width {
  padding-left: 5px;
  padding-right: 0;
}
.timetable-options .half-width .selector {
  margin: 0;
}

/**************************************************
	M078-advert-tile
* Author: Alex Faunt
* Re-Created: 17/12/2013
* Pattern library URL:  
**************************************************/
.advert-tile {
  position: relative;
}
.advert-tile.two-column .advert-link {
  position: absolute;
  right: 0;
  bottom: 10%;
  width: 40%;
}

/**************************************************
	M083-Broadcast Comms
* Author: John Boyle
* Re-Created: 15/01/2013
* Pattern library URL:  
**************************************************/
/**************************************************
	M083-Broadcast Comms
* Author: John Boyle
* Re-Created: 15/01/2013
* Pattern library URL:  
**************************************************/
.broadcast-comms .broadcast-text {
  padding-left: 40px;
}
.broadcast-comms .broadcast-text:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 15px;
  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 -2144px;
}
.body-cms-preview .broadcast-comms .broadcast-text:before {
  background-image: url("../../../images/vsprite.png");
}

.with-calendar {
  position: relative;
}

.with-calendar.form-field-tooltip .form-control:after, .with-calendar.form-field-error .form-control:after {
  right: 5px;
}

.number-wrapper {
  width: 47.5%;
  margin-right: 2.5%;
}

.result-wrap {
  width: 50%;
  margin-top: 10px;
}

.first-last-train {
  width: 50%;
  float: left;
}

.live-board-feed-item span.train-number {
  width: 40px;
  margin-right: 0;
}
.live-board-feed-item span.train-destination {
  width: 30%;
}
.live-board-feed-item span.train-current-state {
  width: 50%;
}

.input-accordion .form-control {
  width: 100%;
}

.inline-help-wrap.message-container {
  width: 100%;
}
.inline-help-wrap.message-container.expanded {
  border-bottom: solid 1px #cccccc;
}
.inline-help-wrap .tooltip-control {
  width: auto;
  width: auto;
  max-width: 50%;
  overflow: visible;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.inline-help-wrap .tooltip-control:after {
  position: relative;
  right: auto;
  left: 5px;
  display: inline-block;
}

.form-field-tooltip.expandable-box .toggle-tooltip, .inline-help-wrap.expandable-box .toggle-tooltip {
  position: relative;
}
.form-field-tooltip .start-hidden, .inline-help-wrap .start-hidden {
  display: none;
}

form-field-tooltip.expanded .start-hidden, .inline-help-wrap.expanded .start-hidden {
  display: inline-block;
}

.tooltip-control {
  left: auto;
  display: inline-block;
  margin-top: auto;
  vertical-align: top;
  width: auto;
  padding-right: 15px;
}

.inline-help {
  position: relative;
  bottom: 6px;
}
.inline-help.expandable-form-message-wrap {
  float: none;
}

.responsive-login-widget {
  width: 100%;
  overflow: hidden;
}

/* Specific - medium */
.homepage-style .collapsed + .widget-content {
  display: block;
}
.homepage-style .widget-heading {
  background: transparent;
  padding: 0;
  cursor: auto;
  border-bottom: 0;
}
.homepage-style .widget-heading.primary {
  background: transparent;
  padding: 0;
  border-bottom: 0;
}
.homepage-style .widget-heading.collapsed {
  margin-bottom: 6px;
}
.homepage-style .widget-heading .controls {
  display: none;
}

.homepage-top-links {
  margin-bottom: 20px;
}

.journey-planner-results .journey-results .expandable-box .content {
  margin-left: 0;
}

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

.journey-form {
  background-color: transparent;
}

.jp-tab span.description {
  padding-left: 10px;
  display: inline;
}

.journey-options .option {
  width: 50%;
  float: left;
}

.basic-journey-options {
  padding: 0;
  border-bottom: 0px none;
}

.journey-planner-start .basic-journey-options {
  background-color: transparent;
  margin: 0;
}

.journey-planner-results .national-rail.boxed-label-for-input, .journey-planner-results .coach.boxed-label-for-input {
  border-bottom: 1px solid #cccccc;
}
.journey-planner-results .tube.boxed-label-for-input, .journey-planner-results .bus.boxed-label-for-input {
  border-top: 1px solid #cccccc;
}
.journey-planner-results .basic-journey-options {
  margin-left: 2.54%;
  margin-right: 2.54%;
}
.journey-planner-results:after {
  content: "";
  display: table;
  clear: both;
}
.journey-planner-results .hours-mins {
  margin-top: 18px;
}

#plan-a-journey {
  position: relative;
  z-index: 200;
  padding: 10px;
  background-color: #eeeeee;
  width: 100%;
}

.journey-planner-results .toggle-options {
  text-align: center;
}
.journey-planner-results #plan-a-journey {
  padding: 10px 2% 0 2%;
}
.journey-planner-results #plan-a-journey .geolocation-box {
  margin-bottom: 0;
}
.journey-planner-results #plan-a-journey .geolocation-box.clearfix:after {
  clear: none;
}
.journey-planner-results #plan-a-journey label[for='From'], .journey-planner-results #plan-a-journey label[for='To'] {
  margin-left: 2.67752%;
  width: 5.87894%;
  float: left;
}
.journey-planner-results #plan-a-journey label[for='From'] {
  margin-left: 0;
}
.journey-planner-results #plan-a-journey #From, .journey-planner-results #plan-a-journey #To {
  margin-left: 2.67752%;
  width: 40.10478%;
  float: left;
  width: 100%;
}
.journey-planner-results #plan-a-journey #From {
  margin: 0;
}
.journey-planner-results #plan-a-journey #To {
  margin: 0;
}
.journey-planner-results #plan-a-journey .time-options {
  margin: 3px 0 16px;
  float: left;
  width: 50%;
}
.journey-planner-results #plan-a-journey .time-options p {
  width: 100%;
  margin-left: 0;
  padding-right: 60px;
  margin-right: -60px;
}
.journey-planner-results #plan-a-journey .time-options p strong {
  display: block;
  float: left;
  width: 20.2%;
  min-width: 65px;
}
.journey-planner-results #plan-a-journey .from-and-to {
  float: left;
  margin: 0 2.5% 10px 0;
  width: 47.5%;
}
.journey-planner-results #plan-a-journey .national-search {
  margin: 8px 2.54% 14px 0;
  width: 40%;
}
.journey-planner-results #plan-a-journey .journey-result-summary .from-to-wrapper {
  width: 30%;
  float: left;
}
.journey-planner-results #plan-a-journey .journey-result-summary .summary-row.clearfix > strong {
  float: left;
}
.journey-planner-results #plan-a-journey .journey-result-summary .secondary-button {
  float: right;
  margin-top: -55px;
}
.journey-planner-results .geolocation-map {
  display: none;
}
.journey-planner-results .time-options {
  width: 48.5%;
  margin-right: 3%;
  float: left;
}
.journey-planner-results .toggle-options {
  clear: both;
  float: none;
}
.journey-planner-results .toggle-options.more-options:after {
  background-position: 0px -672px;
}
.journey-planner-results .toggle-options.less-options:after {
  background-position: 0px -608px;
}
.journey-planner-results .cancel-button {
  margin-right: 5%;
  width: 35%;
}
.journey-planner-results input.primary-button {
  width: 60%;
}
.journey-planner-results .update-buttons {
  float: right;
  margin-left: 2.67752%;
  width: 40.10478%;
  margin: 5px 0 15px 5px;
}
.journey-planner-results #more-journey-options {
  margin: 0 2.54%;
}
.journey-planner-results .modes-of-transport .boxed-label-for-input {
  float: left;
  width: 48.5%;
}
.journey-planner-results .modes-of-transport .boxed-label-for-input.odd {
  margin-right: 3%;
}
.journey-planner-results .max-walking-time {
  margin-right: 20px;
}
.journey-planner-results .go-via {
  width: 50%;
  clear: none;
  float: left;
  margin-right: 15px;
}
.journey-planner-results #save-journey-planner-preferences {
  left: -2.2%;
  width: 104.4%;
}
.journey-planner-results #save-journey-planner-preferences:before {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

.toggle-options {
  margin-bottom: 0;
}
.toggle-options.less-options {
  margin-bottom: 5px;
}
.toggle-options.less-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 -576px;
  height: 22px;
  width: 28px;
  display: inline-block;
}
.body-cms-preview .toggle-options.less-options:after {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .toggle-options.less-options:after {
  background-image: url("../../../images/vsprite.png");
}
.toggle-options.more-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 -640px;
  height: 22px;
  width: 28px;
  display: inline-block;
}
.body-cms-preview .toggle-options.more-options:after {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .toggle-options.more-options:after {
  background-image: url("../../../images/vsprite.png");
}

#more-journey-options {
  float: left;
  padding: 20px 2%;
  background-color: #EFF6FE;
}

#save-journey-planner-preferences {
  position: relative;
  left: -4.2%;
  width: 108.4%;
  padding: 15px 4.2%;
  margin-bottom: -20px;
  background-color: #fff;
  border-top: 1px dashed #cccccc;
}

#recent-journeys {
  background-color: #eeeeee;
  padding: 15px;
  position: relative;
  top: 20px;
  margin-bottom: 20px;
}

.switch-button {
  top: -15px;
  margin: 51px 0 -20px -16px;
}

.summary-results .content {
  margin-left: 0;
  background: none;
}
.summary-results .always-visible, .summary-results .start-hidden {
  float: left;
  width: 50%;
  background-color: #fff;
}
.summary-results .always-visible {
  cursor: inherit;
}
.summary-results .start-hidden.summary {
  display: block;
  padding: 8px;
  min-height: 183px;
  background-color: #fff;
  background-image: none;
}
.summary-results .controls {
  display: none;
}
.summary-results .journey-steps {
  margin-left: 8px;
  padding-left: 0;
  min-height: 60px;
}
.summary-results .journey-steps .time {
  display: table-cell;
}

.line-status-info {
  background-color: #faf5e1;
}
.line-status-info .start-hidden {
  min-height: 0;
}
.line-status-info .always-visible, .line-status-info .start-hidden {
  width: 100%;
}
.line-status-info p {
  margin-bottom: 0;
}

.line-status-heading {
  background-color: #faf5e1 !important;
  border-bottom: none !important;
}
.line-status-heading:hover, .line-status-heading:focus {
  background-color: #f3e6b5;
}

.half-width-buttons {
  margin: 0 3% 10px 3%;
}
.half-width-buttons :first-child {
  margin: 0 30% 0 0;
  width: 20%;
}
.half-width-buttons :last-child {
  margin: 0 0 0 30%;
  width: 20%;
  float: right;
}
.half-width-buttons a {
  max-width: 120px;
}

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

.journey-planner-promo {
  display: block;
  position: absolute;
  right: 2.54%;
  width: 270px;
  background-color: #2d3039;
  background-color: rgba(31, 32, 37, 0.9);
  padding: 15px;
  border-color: transparent;
  cursor: pointer;
}
.journey-planner-promo h3 {
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 110%;
  color: #fff;
  border-color: transparent;
}
.journey-planner-promo p {
  line-height: 120%;
  color: #eeeeee;
  margin-bottom: 5px;
  width: 90%;
}
.journey-planner-promo p.image-attribution {
  margin-top: 5px;
  font-size: 12px;
}
.journey-planner-promo.hiding {
  opacity: 0;
}
.journey-planner-promo.top {
  top: 0;
}
.journey-planner-promo.top:before {
  position: absolute;
  bottom: -15px;
  right: 0;
  top: 50%;
  margin-top: -16px;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
  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 -640px;
}
.body-cms-preview .journey-planner-promo.top:before {
  background-image: url("../../../images/vsprite.png");
}
.journey-planner-promo.top.hiding {
  top: -100px;
}
.journey-planner-promo.bottom {
  top: 300px;
}
.journey-planner-promo.bottom:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
  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 -640px;
}
.body-cms-preview .journey-planner-promo.bottom:after {
  background-image: url("../../../images/vsprite.png");
}
.journey-planner-promo.bottom.hiding {
  bottom: -100px;
}

.summary-results .always-visible {
  position: relative;
}
.summary-results .always-visible .price-and-details {
  display: block;
  background-color: #eff6fd;
}
.summary-results .always-visible .price-and-details .show-detailed-results {
  margin-bottom: 10px;
}
.summary-results .start-hidden .price-and-details {
  display: none;
}
.summary-results .not-selected {
  position: relative;
}
.summary-results .not-selected .always-visible {
  cursor: pointer;
}
.summary-results .not-selected .always-visible > div {
  background-color: "transparent";
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(25px, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 25px);
  background-image: linear-gradient(to left,rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 25px);
}
.summary-results .not-selected .content .start-hidden {
  display: none;
}

.full-results-container {
  float: right;
  width: 47.46%;
  margin-left: 0;
}
.full-results-container .back-link {
  display: none;
}
.full-results-container > .start-hidden {
  width: 100%;
}
.full-results-container > .start-hidden > .price-and-details {
  display: none;
}
.full-results-container > .start-hidden.results-3 {
  min-height: 562px;
}
.full-results-container table.journey-steps {
  display: none;
}
.full-results-container .journey-details {
  display: block;
}
.full-results-container.publictransport > .start-hidden {
  min-height: 726px;
}

.showing-full-details .summary-results {
  margin-right: 0;
  float: left;
  width: 47.46%;
}
.showing-full-details .auto-expand .always-visible {
  width: 100%;
}
.showing-full-details .show-detailed-results {
  display: block;
}
.showing-full-details .publictransport .publictransport-box {
  display: block;
}
.showing-full-details .walking .walking-box {
  display: block;
}
.showing-full-details .cycling .cycling-box {
  display: block;
}

.journey-detail-step .step-heading {
  margin: 0;
  padding: 0;
}

.leg-map {
  height: 250px;
  margin-left: 0;
  margin-right: 0;
}

.hero-content-container {
  position: relative;
}

#jp-hero .expanded.main-and-aside {
  height: 1124px;
}

#ssp-hero .hero-content-container {
  position: absolute;
  top: 0;
  right: 2.54%;
}

.expanded .hero-content-container {
  display: none;
}

#jp-hero #more-journey-options {
  right: 2.54%;
  top: 0;
  position: absolute;
}

.extra-options {
  margin: 10px -2%;
}

.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: absolute;
  right: 0;
  width: 40%;
  background-color: #2d3039;
  background-color: rgba(31, 32, 37, 0.9);
  *background-color: #2d3039;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.landing-page-teaser .news-teaser a .text-link.sit-top {
  top: 25px;
  bottom: auto;
}
.landing-page-teaser .news-teaser a .text-link.sit-bottom {
  bottom: 25px;
  top: auto;
}
.landing-page-teaser .news-teaser a:hover .text-link, .landing-page-teaser .news-teaser a:focus .text-link {
  background-color: #2d3039;
}

.landing-page {
  border-bottom: 1px solid #cccccc;
}

.SSP-landing .SSP-search-wrapper {
  width: 50%;
  padding-right: 20px;
}

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

.fares-tabs .nearby-icon-white {
  display: block;
  position: absolute;
  top: 50%;
  left: 4px;
  margin: -16px 0 0;
}
.fares-tabs .nearby-fares-tab a {
  position: relative;
  padding-left: 40px;
  max-width: auto;
}
.fares-tabs li {
  width: auto;
  max-width: 110px;
}
.fares-tabs li a {
  min-height: 55px;
  padding-top: 8px;
}

.cta-hanging-message .with-indicator:after {
  border-color: transparent transparent #fbf6e0;
  right: 25%;
}
.cta-hanging-message .with-indicator:before {
  right: 25%;
}

.contains-floated-content {
  overflow: hidden;
}

.cst-half-width > div {
  margin-left: 4.07077%;
  width: 47.96461%;
  float: left;
}
.cst-half-width > div:first-child {
  margin-left: 0;
}

#recent-journeys.cst-recent-journeys {
  margin-bottom: 20px;
  margin-top: -20px;
}

.cst #plan-a-journey .from-and-to {
  width: 50%;
}
.cst #plan-a-journey .default-options {
  position: absolute;
  width: 45%;
  right: 10px;
  top: 0;
}
.cst #plan-a-journey .time-options {
  width: 50%;
  margin-bottom: 40px;
}
.cst #plan-a-journey .time-options.change-time {
  margin-bottom: 10px;
}

.ssp h1 {
  padding-right: 170px;
}
.ssp h3 {
  padding-right: 60px;
}

#change-station {
  width: 130px;
}
#change-station.not-visible {
  display: block;
  visibility: hidden;
}

#ssp-roundel {
  top: 4px;
  position: absolute;
  right: 2.54%;
}
#ssp-roundel .mypage {
  display: block;
  position: relative;
}
#ssp-roundel .mypage[class*="mode-"] {
  right: 0;
  padding-right: 0;
  margin-right: 50%;
}

.hero-headline, .headline {
  margin-left: 0;
}

.horizontal-toggle-buttons.tw-buttons li.sixths {
  margin-bottom: 10px;
}
.horizontal-toggle-buttons.tw-buttons li.thirds {
  margin-bottom: 1.26%;
}
.horizontal-toggle-buttons.tw-buttons li.thirds:last-child {
  margin-left: 2.54%;
}
.horizontal-toggle-buttons.tw-buttons li.halfs {
  margin-bottom: 10px;
}

.tw-recomendation .main-ticket-info {
  padding: 0 90px 0 155px;
  min-height: 90px;
}
.tw-recomendation .main-ticket-info:after {
  height: 80px;
  width: 120px;
  left: 15px;
  top: 50px;
  background-size: 120px;
}
.tw-recomendation .main-ticket-info.contactless:after {
  background-position: 0 0;
}
.tw-recomendation .main-ticket-info.oyster:after {
  background-position: 0 -81px;
}
.tw-recomendation .main-ticket-info.travelcard:after {
  background-position: 0 -162px;
}
.tw-recomendation .main-ticket-info.photocard:after {
  background-position: 0 -245px;
}
.tw-recomendation .main-ticket-info.photocard2:after {
  background-position: 0 -327px;
}
.tw-recomendation .main-ticket-info.bustram:after {
  background-position: 0 -408px;
}
.tw-recomendation .main-ticket-info span {
  font-weight: bold;
}
.tw-recomendation .main-ticket-info .price-desc {
  margin: 5px 0;
}
.tw-recomendation .extra-info .summary span {
  font-weight: bold;
  margin-right: 5px;
  float: none;
  width: auto;
}
.tw-recomendation .extra-info .summary span:first-child {
  display: block;
  font-weight: normal;
  width: 145px;
  float: left;
}
.tw-recomendation .key-features, .tw-recomendation .getting-ticket {
  width: 47%;
  float: left;
  border-top: dashed 1px #cacaca;
  margin: 10px 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;
}
.tw-recomendation .key-features ul, .tw-recomendation .getting-ticket ul {
  margin-bottom: 10px;
}

.reset-tw-btn {
  width: 25%;
  float: right;
  margin-top: 15px;
  right: 0;
}
.reset-tw-btn.duplicate {
  position: relative;
}

#ticket-wizard-form {
  width: 100%;
  position: relative;
}

.tw-quick-links {
  width: 70%;
}
.tw-quick-links ul {
  width: 45%;
}

.all-pcns-wrapper p {
  float: left;
  max-width: 310px;
  padding: 30px 0 20px;
}
.all-pcns-wrapper .form-control {
  float: right;
  margin-top: 30px;
}

.vehicle-ident {
  width: 90%;
}

#pcn-payment-totals .form-field-error .field-validation-wrap {
  margin-top: 0px;
}

.pcn-cancel-box {
  float: left;
  width: 100%;
}

.pcn-tile {
  float: left;
  clear: left;
  width: 48%;
  margin-right: 1%;
  margin-bottom: 30px;
  overflow: hidden;
}
.tile-wall .pcn-tile {
  visibility: hidden;
}
.no-js .tile-wall .pcn-tile {
  visibility: visible;
}
.pcn-tile.page-header {
  width: 100%;
}
.pcn-tile.page-header dl {
  margin-bottom: 20px;
}
.pcn-tile dd:last-child {
  margin: 0;
}

.tile-wall .pcn-tile:nth-child(odd) {
  float: right;
  clear: right;
  margin-right: 0;
}

.pcn-tile-heading {
  font-size: 30px;
}

.page-header .hanging-message, .page-header .cta-hanging-message {
  margin-bottom: 0;
}
.page-header.pcn-tile {
  float: none;
}

.address-seeker .field-validation-wrap {
  display: none;
}
.address-seeker .form-control {
  width: 100%;
}

.address-seeker.form-field-error .field-validation-wrap {
  display: block;
}

.form-footer .primary-button {
  width: 50%;
  float: right;
}
.form-footer .go-back {
  margin-top: 30px;
  float: left;
}

.manual-input {
  width: 100%;
}
.manual-input .lookup-result {
  display: block;
  width: 100%;
}

.zone-checker-in-page .postcode-lookup-button,
.zone-checker-in-page .primary-button {
  width: 47%;
}

.ruc-contact-preferences p {
  max-width: 580px;
}
.ruc-contact-preferences .form-control-wrapper {
  float: left;
  clear: none;
}
.ruc-contact-preferences .form-control-wrapper label {
  padding-left: 15px;
}
.ruc-contact-preferences .form-control-wrapper + .form-control-wrapper {
  margin-left: 32px;
}

.dispensation-vehicle-form .form-control {
  margin-bottom: 0;
}

.dispensation-time-picker {
  overflow: hidden;
}
.dispensation-time-picker .form-control-wrapper {
  float: left;
  clear: none;
}
.dispensation-time-picker .form-control {
  width: 98%;
}
.dispensation-time-picker .styled-checkbox {
  font-weight: bold;
}

#added-vehicles-target {
  position: relative;
  overflow: hidden;
  clear: both;
}

.dispensation-vehicle-tile {
  width: 32.66%;
  position: relative;
  top: 0;
  margin-bottom: 20px;
  float: left;
}
.dispensation-vehicle-tile:nth-child(2) {
  margin-left: 1%;
}
.dispensation-vehicle-tile:nth-child(3) {
  float: right;
}

.dispensation-request-tile {
  overflow: hidden;
}
.dispensation-request-tile dl {
  width: 48%;
  float: left;
}
.dispensation-request-tile dt {
  font-weight: bold;
}

.edit-dispensation-vehicles .form-control {
  max-width: 330px;
}

select.address-results-list {
  width: 334px;
}

.select-address-button {
  float: left;
  clear: none;
  margin: 118px 0 0 20px;
  width: 142px;
}

.postcode-lookup-button,
.street-lookup-button {
  width: 47%;
}

.postcode-in-zone .select-address-button {
  margin: 0 0 20px 0;
  width: 47%;
}
.postcode-in-zone .address-results-list {
  width: 100%;
}

.returned-addresses .form-control {
  width: 100%;
}

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