.sprite-add {
    background-position: -664px 0
}

.sprite-remove {
    background-position: -686px 0
}

body {
    font-size: 76%;
    margin: 0;
    padding: 0;
    color: #2b2b2b;
    text-align: center;
    position: relative
}

.content {
    text-align: left;
    width: 960px;
    margin: 0 auto 0 auto
}

.main .padding {
    padding-top: 5px
}

abbr,
acronym,
dfn,
img {
    border: 0
}

p,
blockquote {
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 1.4em
}

body,
input,
textarea,
select {
    font-family: Arial, Helvetica, sans-serif;
    color: #555
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif
}

strong,
b {
    font-weight: bold
}

a {
    text-decoration: underline;
    color: #036
}

a:hover {
    text-decoration: none
}

a:focus,
a:active {
    text-decoration: none
}

a.arrowlink-dark,
a.arrowlink-light {
    position: relative;
    padding: 0 0 0 18px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block
}

a.arrowlink-dark .sprite-main,
a.arrowlink-light .sprite-main {
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -5px !important
}

a.arrowlink-dark .two-line-sprite,
a.arrowlink-light .two-line-sprite {
    top: 25%
}

a.arrowlink-dark .sprite-main {
    background-position: -484px 0 !important
}

a.arrowlink-light .sprite-main {
    background-position: -497px 0 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    color: #036;
    font-weight: normal;
    text-rendering: optimizeLegibility
}

h1,
.h1 {
    font-size: 2.5em;
    padding-bottom: .2em;
    line-height: 1em
}

h2,
.h2 {
    font-size: 2em;
    padding-bottom: .2em;
    text-rendering: optimizeLegibility
}

h3 {
    font-size: 1.6em
}

h4 {
    font-size: 1.25em
}

h5,
h6 {
    font-size: 1em
}

ul,
ol,
dl {
    margin: 0;
    padding: 0 0 1em 0
}

ul ul,
ul ol,
ol ul,
ol ol {
    padding: 0;
    margin: 0 0 0 2em
}

ul {
    list-style-type: disc
}

ul.arrowlinklist-dark,
ul.arrowlinklist-light {
    list-style: none;
    padding: 0
}

ul.arrowlinklist-dark li,
ul.arrowlinklist-light li {
    margin: 0 0 0 .4em;
    padding: .3em 0;
    background: 0
}

ul.arrowlinklist-dark li a,
ul.arrowlinklist-light li a {
    position: relative;
    padding: 0 0 0 1.6em;
    font-weight: bold;
    display: block;
    text-decoration: none
}

ul.arrowlinklist-dark li a.link-highlight,
ul.arrowlinklist-light li a.link-highlight {
    text-decoration: underline
}

ul.arrowlinklist-dark a .sprite-main,
ul.arrowlinklist-light a .sprite-main {
    position: absolute;
    left: 0;
    top: .25em
}

ul.arrowlinklist-dark a .sprite-main {
    background-position: -484px 0
}

ul.arrowlinklist-light a .sprite-main {
    background-position: -497px 0
}

ul.round-bullet {
    list-style-type: none;
    padding: 0;
    list-style-image: url(../images/ctf-round-bullet.png);
    margin: 0 0 0 20px
}

ul.round-bullet li {
    margin: 0 0 0 .6em;
    padding: .3em 0 .3em .35em
}

img.sprite-arrowlinkdark {
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -5px !important
}

ol {
    list-style-type: decimal
}

li {
    margin: 0 0 0 2em;
    padding: 0
}

form {
    margin: 0;
    padding: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

fieldset h2 {
    margin: 0 0 10px 0
}

legend {
    margin: -10px;
    padding: 0;
    text-indent: -9999px;
    position: absolute;
    left: -500em;
    top: -500em;
    width: 1px
}

.journey-planner legend {
    color: #fff
}

.field {
    position: relative;
    width: 100%;
    padding: 0 0 10px 0
}

.invalid label {
    color: red
}

.invalid .input {
    background: url(../images/invalid.gif) top right no-repeat
}

.invalid-large label {
    color: red
}

.valid label {
    color: #00af6a
}

.valid .input {
    background: url(../images/valid.gif) top right no-repeat;
    padding: 0 20px 0 0
}

label {
    display: block;
    padding: 0 0 2px 0;
    font-size: 1em
}

textarea {
    width: 95%;
    font-size: 100%;
    padding: .2em
}

.warnEmpty {
    display: none
}

.warn {
    clear: both;
    display: block;
    color: red
}

.hidden,
.accessibility {
    position: absolute;
    left: -500em;
    top: -500em;
    width: 1px
}

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

.clearing {
    clear: both
}

.shortcuts {
    width: auto;
    float: left;
    clear: both
}

.shortcuts ul,
.shortcuts li {
    list-style-type: none;
    height: 0;
    padding: 0;
    margin: 0
}

.shortcuts ul {
    position: absolute;
    width: 99.9%;
    z-index: 1000
}

.shortcuts li a {
    display: block;
    position: absolute;
    left: -500px;
    top: -500px
}

.shortcuts li a:focus,
.shortcuts li a:active {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 3px 0;
    background: #003060;
    font-size: 1.4em
}

#skip-content-hold,
#skip-nav-hold {
    position: relative;
    left: -200%;
    height: 0
}

.footer-container {
    clear: both;
    margin-bottom: 20px;
    padding-top: 6px
}

.f-img {
    padding-bottom: 15px;
    padding-top: 14px
}

.image-1 {
    background: url(../images/bg-footer-image-1-t.jpg) no-repeat center top
}

.image-1 .f-img {
    background: url(../images/bg-footer-image-1-b.jpg) no-repeat center bottom
}

.image-2 .f-img {
    background: url(../images/bg-footer-image-2-b.jpg) no-repeat center bottom
}

.image-3 {
    background: url(../images/bg-footer-image-3-t.jpg) no-repeat center top
}

.image-3 .f-img {
    background: url(../images/bg-footer-image-3-b.jpg) no-repeat center bottom
}

.image-4 {
    background: url(../images/bg-footer-image-4-t.jpg) no-repeat center top
}

.image-4 .f-img {
    background: url(../images/bg-footer-image-4-b.jpg) no-repeat center bottom
}

.image-5 {
    background: url(../images/bg-footer-image-5-t.jpg) no-repeat center top
}

.image-5 .f-img {
    background: url(../images/bg-footer-image-5-b.jpg) no-repeat center bottom
}

.footer {
    color: #fff;
    text-align: left;
    width: 940px;
    margin: 0 auto 0 auto;
    min-height: 309px
}

.footer .cols4 {
    width: 760px
}

.footer .cols4 .padding {
    padding: 15px 15px 5px
}

.footer .cols4 .col {
    float: left;
    margin-right: 1.5%;
    min-height: 152px;
    width: 23%
}

.footer .cols4 .ad {
    display: block;
    float: left
}

.footer .f-ol-t {
    background: url(../images/bg-footer-overlay-t.png) top left
}

.footer .f-ol-b {
    background: url(../images/bg-footer-overlay-b.png) top left;
    min-height: 117px
}

.footer h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #c7e2ef;
    font-weight: bold;
    padding-bottom: .3em
}

.footer li {
    margin: 0;
    padding: 0 0 .3em;
    list-style: none;
    font-size: .94em
}

.footer li a {
    color: #fff;
    text-decoration: none
}

.footer li a:hover,
.footer li a:focus {
    text-decoration: underline
}

.f-links {
    text-align: left;
    width: 800px;
    margin: 0 auto 30px auto;
    font-size: .94em
}

.f-links ul {
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0;
    width: auto;
    float: left
}

.f-links li {
    display: inline;
    margin: 0 5px;
    padding: 0;
    border-right: 1px solid #868686
}

.f-links li.first {
    margin-left: 0
}

.f-links li.last {
    border-right: 0
}

.f-links li a {
    padding: 0 14px 0 0;
    color: #036;
    text-decoration: none
}

.f-links li a:hover {
    text-decoration: underline
}

.f-toc {
    float: right;
    width: auto
}

.f-toc label {
    float: left;
    width: auto;
    padding: 5px 10px 0 0;
    font-weight: bold
}

.f-toc select {
    margin: 3px 5px 0 0;
    float: left;
    border: 1px solid #323232;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.ad-choices {
    display: block;
    float: left;
    width: auto;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    padding: 5px 0 0 8px
}

.ad-choices span {
    display: block;
    float: left;
    width: auto;
    margin: 0 5px 0 0
}

.ad-choices img {
    display: block;
    float: left;
    width: 13px;
    margin: 1px 0 0 0
}

.ad-choices:hover span,
.ad-choices:active span,
.ad-choices:focus span {
    text-decoration: underline
}

.c2 .accordian ul.arrowlinklist-dark a .sprite-main {
    position: absolute;
    left: 0;
    top: .25em;
    background-image: url(../images/sprite-home.png);
    background-position: 0 -213px
}

#ad-placeholder-bottom {
    width: 728px;
    height: 90px
}

#ad-placeholder-top {
    margin: 0 auto;
    width: 728px;
    height: 99px
}

#ad-top {
    position: absolute;
    top: 0;
    left: 50%;
    width: 728px;
    margin: 0 0 0 -364px;
    z-index: 0
}

#ad-top .ad-info a {
    background-position: -20px -155px
}

#ad-top .ad-info a:hover {
    background-position: -31px -155px
}

#ad-bottom {
    position: absolute;
    bottom: 8em;
    left: 50%;
    width: 728px;
    margin: 0 0 0 -460px;
    height: 90px
}

#ad-bottom .ad-info a {
    background-position: -42px -155px
}

#ad-bottom .ad-info a:hover {
    background-position: -53px -155px
}

#ad-top .ad-info,
#ad-bottom .ad-info {
    width: 11px;
    height: 70px;
    top: 10px;
    right: -13px
}

#ad-side .ad-info,
#ad-hme .ad-info {
    width: 71px;
    height: 10px;
    bottom: 10px;
    left: 50%;
    margin-left: -36px
}

#ad-side .ad-info a,
#ad-hme .ad-info a {
    background-position: -20px -226px
}

#ad-side .ad-info a:hover,
#ad-hme .ad-info a:hover {
    background-position: -20px -236px
}

.ad-info {
    position: absolute;
    text-indent: -9999px;
    overflow: hidden
}

.ad-info a {
    display: block;
    width: 100%;
    height: 100%
}

#ad-side {
    position: absolute;
    top: 288px;
    right: 50%;
    width: 125px;
    margin: 0 -462px 0 0;
    visibility: hidden
}

#innerad,
#innerad2 {
    width: 960px;
    margin: 0 auto 0 auto;
    position: relative;
    height: 1px
}

#inad1 {
    width: 160px;
    height: 780px;
    float: right;
    padding: 7px 10px
}

#inad2 {
    width: 125px;
    height: 780px;
    float: right;
    margin: -2px 7px 7px;
    z-index: 0
}

#ad-hme.css-pos,
#ad-side.css-pos {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 288px;
    margin: 0;
    visibility: hidden;
    z-index: 0;
    padding: 0;
    right: 0
}

#hme-ad,
#pp-ad,
#pp-ad2 {
    float: right;
    padding-right: 10px;
    position: relative;
    height: 280px
}

.home .c1 {
    width: 640px;
    position: relative;
    z-index: 1
}

.home .c2 {
    width: 320px;
    margin: 11px 0 0
}

.c1,
.c2,
.c3,
.c4 {
    float: left
}

.sprite-home {
    border: 0;
    background: transparent url(../images/sprite-home.png) no-repeat -33px -38px;
    margin-right: 5px
}

.js .sprite-home {
    border: 0;
    background: transparent url(../images/sprite-home.png) no-repeat -33px -38px;
    margin-right: 5px;
}

#ad-ph-hme {
    height: 280px;
    margin-bottom: 10px
}

.padding {
    padding: 7px 10px
}

.main .padding {
    padding-top: 5px
}

.home .main .padding {
    padding-right: 6px
}

.cas {
    margin-bottom: 9px;
    padding: 13px 0 24px 0;
    width: 624px;
    position: relative;
    zoom: 1
}

.cas ul {
    position: relative;
    width: 3000px;
    padding-bottom: 0;
    height: 250px
}

.cas li {
    float: left;
    list-style-type: none;
    margin: 0 3px 0 0;
    position: relative;
    cursor: pointer
}

.cas li span.ol {
    display: none;
    background: url(../images/carousel-bg.png) repeat left top;
    background: rgba(255, 255, 255, .8);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.cas img {
    display: block
}

.cas .body p {
    font-size: 1.07em;
    padding-bottom: 0;
    line-height: 1.3em;
    text-decoration: underline
}

.cas .c-w {
    display: none
}

.cas .c-w ol {
    display: block;
    float: left;
    padding: 8px 10px 8px 9px
}

.cas .c-w .c-w-c {
    margin: 0 auto;
    float: none;
    width: 70px
}

.cas .playpause {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 2px solid #fff;
    height: 28px;
    width: 31px
}

.js .cas {
    padding-bottom: 0
}

.js .cas .playpause span {
    text-indent: -9999em;
    display: block;
    background-image: url(../images/sprite-home.png);
    background-repeat: no-repeat;
    background-position: -70px -130px;
    width: 11px;
    height: 12px;
    margin: 8px 0 0 11px
}

.js .cas .pause span {
    background-position: -68px -144px
}

.js .cas .cas-n {
    display: block;
    float: left;
    overflow: hidden;
    height: 132px;
    background-color: #d6e5f1;
    padding: 118px 5px 0;
    width: 12px
}

.js .cas .cas-n:hover span,
.js .cas .cas-n:focus span,
.js .cas .cas-n:active span {
    background-position: 0 -378px
}

.js .cas .cas-n span {
    margin: 0;
    text-indent: -9999em;
    display: block;
    height: 21px;
    width: 12px;
    background-image: url(../images/sprite-home.png);
    background-position: 0 -356px;
    background-repeat: no-repeat
}

.js .cas .prev {
    border-right: 1px solid #fff
}

.js .cas .next span {
    background-position: -13px -356px
}

.js .cas .next:hover span,
.js .cas .next:focus span,
.js .cas .next:active span {
    background-position: -13px -378px
}

.js .cas .c-w {
    display: block;
    position: relative;
    border-top: 2px solid #fff
}

.js .cas-c .body {
    position: absolute;
    left: -9999em
}

.js .show .cas-c .body {
    display: block;
    position: static;
    left: auto;
    padding-top: 5px;
    padding-bottom: 5px
}

.js .c-w li {
    list-style-type: none;
    float: left;
    margin: 2.5px
}

.js .c-w li a {
    display: block;
    padding: 2px
}

.js .c-w li a span.bullet {
    width: 8px;
    height: 8px;
    background: #949494;
    display: block
}

.cas-c {
    border-bottom: 1px solid #204d7a;
    width: 162px;
    cursor: pointer;
    padding: 12px 14px 8px;
    color: #333;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/carousel-bg.png) repeat left top;
    background: rgba(229, 238, 246, .85)
}

.cas-c h2 {
    color: #036;
    font-size: 1.81em;
    line-height: 1.1em;
    font-weight: normal
}

.cas-c h2 a {
    color: #036;
    font-size: 1em;
    line-height: 1em;
    font-weight: normal
}

.cas-c span.cat {
    display: block;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .91em;
    margin-bottom: 6px
}

.cas-c a {
    color: #fff;
    text-decoration: none;
    font-weight: bold
}

.cas-c .cas-n {
    display: none
}

.cas-c .sprite-home {
    margin-top: 2px
}

.show .cas-c {
    background: url(../images/carousel-bg-hover.png) repeat left top;
    background: rgba(255, 255, 255, .9)
}

a:hover .cas-c p,
a:focus .cas-c p,
a:active .cas-c p {
    text-decoration: underline
}

.cas-inner {
    overflow: hidden;
    float: left;
    width: 577px;
    height: 250px;
    position: relative
}

.c-w li a span.bullet {
    background: #013467
}

.c-w li a:hover,
.c-w li a:focus,
.c-w li a:active {
    background: #013467
}

.c-w li.selected {
    background: #013467
}

.safari-cas .cas-inner {
    clear: left;
    margin-left: 22px
}

.safari-cas .prev {
    position: absolute;
    left: 0;
    top: 16px
}

.utility-bar.fixed-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%
}

#facebook {
    padding: 0;
    position: relative;
    right: auto;
    top: auto;
    min-width: 85px;
    padding-right: 5px
}

.u-menu {
    position: relative;
    z-index: 20;
    width: 100%;
    text-align: left;
    margin-bottom: 12px
}

.u-menu #facebook {
    padding-top: 10px;
    float: left;
    display: none
}

.u-menu .c {
    width: 940px;
    margin: 0 auto 12px auto;
    background: #fafafa url(../images/u-menu-grad.gif) repeat-x left top;
    background: -moz-linear-gradient(top, #fff 0, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));
    background: -webkit-linear-gradient(top, #fff 0, #fafafa 100%);
    background: -o-linear-gradient(top, #fff 0, #fafafa 100%);
    background: linear-gradient(top, #fff 0, #fafafa 100%);
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-top: 1px solid #ececec
}

.u-menu .s {
    float: right;
    min-width: 635px;
    position: relative
}

.u-menu span.a {
    display: none
}

.u-menu iframe {
    border: 0;
    background: transparent;
    position: absolute;
    z-index: 99998;
    float: left;
    display: block
}

.u-menu .m {
    float: left
}

.u-menu a.mob {
    float: left;
    margin: 0 0 0 200px;
    display: block
}

.u-menu li {
    display: block;
    float: left
}

.js .u-menu #facebook {
    display: block
}

.js .u-menu span.a {
    display: block
}

.js .u-menu .m {
    float: none
}

.js .u-menu a.acc-sign {
    display: none
}

.js .acc-sign {
    display: none
}

.js .s span.y-p {
    display: block
}

.js #sh {
    padding: 0;
    z-index: 99999
}

.js #sh p {
    padding: 0
}

.js #sh p a {
    padding-left: 12px;
    padding-top: 8px;
    display: block
}

.js #sh p a span {
    float: left
}

.js #sh p .a {
    margin-left: 11px
}

.js #sh ul {
    float: none
}

.js #sh .m,
.js #sh form {
    display: none
}

.js #sh li {
    display: block
}

.js #sh form {
    width: 225px
}

.js #sh.ex {
    float: left;
    -webkit-box-shadow: 2px -1px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px -1px 3px rgba(0, 0, 0, .25);
    -o-box-shadow: 2px -1px 3px rgba(0, 0, 0, .25);
    box-shadow: 2px -1px 3px rgba(0, 0, 0, .25)
}

.js #sh.ex .n {
    display: block;
    margin-top: 3px;
    font-size: .9em;
    min-height: 16px
}

.js .ex .m {
    z-index: 1000;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    left: 0;
    min-width: 198px;
    top: 3.4em;
    border: 1px solid #d8d8d8;
    border-top: 0;
    padding: 6px 6px 0 11px;
    position: absolute;
    background: #fafafa;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f1f1f1));
    background-image: -webkit-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background-image: -o-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background-image: linear-gradient(top, #fff 0, #f1f1f1 100%)
}

.js #email label {
    float: left
}

.js #searchmenu {
    padding: 0;
    z-index: 99999;
    width: auto;
    margin-top: 0
}

.js #searchmenu p {
    padding: 0;
    float: none
}

.js #searchmenu p .a {
    margin-left: 11px
}

.js #searchmenu p a {
    padding-left: 12px;
    padding-top: 8px;
    display: block
}

.js #searchmenu p a span {
    float: left
}

.js #searchmenu p a .sprite-home {
    background: url(../images/sprite-home.png) no-repeat -42px -455px;
    margin-top: 2px
}

.js #searchmenu .m {
    display: none
}

.js #searchmenu form {
    padding: 5px 0 10px
}

.js #searchmenu.ex {
    -webkit-box-shadow: 2px -1px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px -1px 3px rgba(0, 0, 0, .25);
    -o-box-shadow: 2px -1px 3px rgba(0, 0, 0, .25);
    box-shadow: 2px -1px 3px rgba(0, 0, 0, .25)
}

.js #searchmenu .m {
    z-index: 1000;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    left: 0;
    min-width: 236px;
    top: 3.4em;
    border: 1px solid #d8d8d8;
    border-top: 0;
    padding: 6px 6px 0 11px;
    position: absolute;
    background: #fafafa;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f1f1f1));
    background-image: -webkit-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background-image: -o-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background-image: linear-gradient(top, #fff 0, #f1f1f1 100%)
}

.js #minibasket.header-basket {
    margin-left: 80px
}

.acc a .sprite-home {
    background-position: -10px 0;
    margin-top: 3px;
    margin-right: 8px
}

.acc a span {
    float: left;
    display: block
}

.mob span {
    float: left;
    display: block
}

.mob .sprite-home {
    background-position: -27px 0;
    margin-top: 4px
}

.u-menu li,
.dd-iframe li {
    list-style-type: none;
    margin-left: 0
}

.u-menu li.acc,
.dd-iframe li.acc {
    background: url(../images/home/divider-grey.gif) no-repeat right center;
    padding-right: 3px
}

.u-menu li.acc h2,
.dd-iframe li.acc h2 {
    color: #333;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold
}

.u-menu li.acc ul,
.dd-iframe li.acc ul {
    border: 0;
    float: none;
    clear: left;
    margin: 0
}

.u-menu li.acc ul ul,
.dd-iframe li.acc ul ul {
    position: static
}

.u-menu li.acc ul ul a,
.dd-iframe li.acc ul ul a {
    font-weight: normal
}

.u-menu li.acc li,
.dd-iframe li.acc li {
    margin: 0;
    border-bottom: 1px solid #d9d9d9;
    float: none;
    padding: 9px 9px 9px 16px
}

.u-menu li.acc li a,
.dd-iframe li.acc li a {
    float: none;
    padding: 0;
    line-height: normal
}

.u-menu li.acc ul ul li,
.dd-iframe li.acc ul ul li {
    border-bottom: 0;
    padding: 9px 0 0
}

.u-menu ul,
.dd-iframe ul {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    padding-bottom: 0;
    display: block;
    float: left
}

.u-menu a,
.dd-iframe a {
    float: left;
    line-height: 2em;
    padding: 7px 11px 7px 13px;
    display: block;
    text-decoration: none;
    font-weight: bold
}

.u-menu a:hover,
.u-menu a:focus,
.u-menu a:active,
.dd-iframe a:hover,
.dd-iframe a:focus,
.dd-iframe a:active {
    text-decoration: underline
}

.u-menu .sprite-home,
.dd-iframe .sprite-home {
    float: left;
    display: block
}

.u-menu span.a,
.u-menu li.acc span.a,
.dd-iframe span.a,
.dd-iframe li.acc span.a {
    margin: 10px 0 0 21px;
    background: url(../images/sprite-home.png) -41px 0 no-repeat;
    width: 10px;
    height: 5px;
    display: block
}

.u-menu li.acc .dd,
.u-menu .dd,
.dd-iframe li.acc .dd,
.dd-iframe .dd {
    display: none;
    position: absolute;
    z-index: 99999;
    top: 3.1em;
    left: -1px;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #ececec
}

.u-menu .ex span.a,
.u-menu li.ex span.a,
.dd-iframe .ex span.a,
.dd-iframe li.ex span.a {
    background-position: -41px -6px
}

.logged-in li.acc {
    background: #fff;
    position: relative;
    z-index: 99999;
    float: none
}

.logged-in li.acc .dd {
    float: left;
    -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px -1px 3px rgba(0, 0, 0, .25);
    -o-box-shadow: 2px 3px 3px rgba(0, 0, 0, .25);
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .25)
}

.logged-in .u-menu li.ex {
    float: left;
    -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px -1px 3px rgba(0, 0, 0, .25);
    -o-box-shadow: 2px 3px 3px rgba(0, 0, 0, .25);
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .25)
}

.dd-iframe {
    float: left;
    width: auto;
    text-align: left
}

.dd-iframe li {
    float: left
}

.dd-iframe li.ex {
    float: left;
    -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px -1px 3px rgba(0, 0, 0, .25);
    -o-box-shadow: 2px 3px 3px rgba(0, 0, 0, .25);
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .25)
}

.dd-iframe li.acc .dd {
    float: left;
    -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px -1px 3px rgba(0, 0, 0, .25);
    -o-box-shadow: 2px 3px 3px rgba(0, 0, 0, .25);
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .25)
}

.mbiframe {
    float: right;
    width: auto;
    text-align: left;
    min-width: 297px
}

.mbiframe a {
    float: left;
    line-height: 2em;
    padding: 7px 11px 7px 13px;
    display: block;
    text-decoration: none;
    font-weight: bold
}

#omnibarMB {
    position: absolute;
    right: 0
}

.s a {
    padding-top: 8px
}

.s fieldset {
    position: relative
}

.s button,
.s input {
    float: left
}

.s input {
    margin: 0 10px 0 0;
    min-height: 21px;
    padding: 0 0 0 5px;
    width: 11.7em;
    font-size: 1em
}

.s span.y-p {
    top: 4px;
    min-height: 1em;
    left: 6.1em;
    width: 5em;
    display: none;
    position: absolute;
    background: #fff
}

.s span.y-p img {
    background: url(../images/sprite-home.png) no-repeat 0 -21px
}

.s form {
    float: left;
    display: block
}

#sh {
    position: relative;
    float: left;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    padding-right: 12px;
    padding-top: 8px
}

#sh p {
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    font-size: 1em;
    float: left;
    padding-bottom: 0
}

#sh .m {
    float: left
}

#sh form {
    display: none;
    padding: 0
}

#sh li {
    display: none;
    padding-right: 5px
}

#sh li a {
    padding: 0;
    background-image: url(../images/sprite-home.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

#sh li.e {
    display: block
}

#sh li.e a {
    background-position: -83px -96px
}

#sh li.t {
    display: block
}

#sh li.t a {
    background-position: -83px -16px
}

#sh li.fb {
    display: block
}

#sh li.fb a {
    background-position: -83px 0
}

#sh li.gp a {
    background-position: -63px -383px
}

#sh li.su a {
    background-position: -83px -48px
}

#sh li.r a {
    background-position: -83px -80px
}

#sh li.di a {
    background-position: -83px -64px
}

#sh li.de a {
    background-position: -83px -32px
}

#sh li.go a {
    background-image: none
}

#sh li.go1 {
    width: 22px
}

#sh li.go1 a {
    background-image: none
}

#sh ul {
    float: left;
    padding-top: 5px;
    border: 0
}

#sh a,
#sh p {
    padding-top: 0
}

#sh span.sprite-home {
    padding: 0;
    background-image: url(../images/sprite-home.png);
    background-repeat: no-repeat;
    background-position: -2px -488px;
    width: 37px;
    height: 16px;
    display: block;
    margin-top: 4px
}

#sh form {
    padding-bottom: 6px;
    float: none
}

#sh form input {
    padding-left: 5px;
    width: 10em;
    margin-right: 7px;
    margin-top: 1px
}

#sh form label {
    margin-right: 9px;
    margin-top: 4px
}

#sh h2 {
    float: left;
    line-height: 2em;
    padding: 7px 11px 7px 13px;
    display: block;
    text-decoration: none;
    font-weight: bold
}

#email label {
    padding: 0;
    background-image: url(../images/sprite-home.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: -83px -96px
}

#searchmenu {
    float: left;
    position: relative;
    width: 340px;
    margin-top: 4px
}

#searchmenu p {
    padding: 0;
    float: left
}

#minibasket {
    padding: 0
}

#minibasket.header-basket {
    background: #303030;
    float: right;
    position: relative
}

#minibasket p.trigger {
    padding: 0;
    float: left;
    border-right: 1px solid #252626
}

#minibasket p.trigger a {
    padding: 8px 11px 6px 12px;
    display: block;
    color: #fff;
    font-weight: bold
}

#minibasket p.trigger a span {
    float: left
}

#minibasket p.trigger a span.count {
    background: url(../images/sprite-home.png) -33px -418px;
    margin: -1px 0 0 0;
    height: 26px;
    width: 26px;
    line-height: 2.3em;
    text-align: center
}

#minibasket p.trigger img.basket-icon {
    background: url(../images/sprite-home.png) -5px -457px;
    float: left;
    margin: 3px 0 0 6px
}

#minibasket div.button-cont {
    border-left: 1px solid #565757;
    float: left;
    padding: 0
}

#minibasket .m {
    display: none;
    left: auto;
    right: 0;
    width: 554px;
    border: 0;
    border-top: 8px solid #303030;
    padding: 0;
    margin: -2px 0 0 0
}

#minibasket .m .empty-message {
    padding: 20px
}

#minibasket .m.scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px
}

#minibasket.empty {
    margin-left: 191px
}

#minibasket.empty .button-cont,
#minibasket.empty .basket-footer .checkout {
    display: none
}

#minibasket .basket-footer {
    background: #f4f4f4;
    width: auto;
    height: 60px;
    border-top: 1px solid #bbb;
    padding: 15px;
    float: left;
    width: 524px
}

#minibasket .basket-footer .mini-basket-total {
    font-size: 1.6em;
    font-weight: bold;
    color: #000;
    margin: 0 20px 0 15px;
    float: left;
    line-height: 39px
}

#minibasket .basket-footer p {
    display: block;
    font-weight: bold;
    padding: 0;
    margin: 0 0 5px 0;
    color: #000
}

#minibasket .basket-footer .header-kb {
    border-top: 0;
    border-bottom: 1px solid #bbb;
    padding: 7px 10px 5px;
    height: 33px;
    width: 534px
}

#minibasket .basket-footer .header-kb .mini-basket-total {
    font-size: 1.2em
}

.js #minibasket.header-basket .basket .ic-trvlcrd {
    position: relative;
    display: inline-block;
    text-align: right
}

.js #minibasket.header-basket .basket .ic-trvlcrd:before {
    position: absolute;
    left: -28px;
    top: -4px
}

button {
    border-radius: 5px;
    background: #ee7601;
    background: -moz-linear-gradient(top, #fed525 0, #ee7601 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fed525), color-stop(100%, #ee7601));
    background: -webkit-linear-gradient(top, #fed525 0, #ee7601 100%);
    background: -o-linear-gradient(top, #fed525 0, #ee7601 100%);
    background: -ms-linear-gradient(top, #fed525 0, #ee7601 100%);
    background: linear-gradient(to bottom, #fed525 0, #ee7601 100%);
    border: 0;
    padding: 0;
    font-family: Arial, Arial, Helvetica, sans-serif;
}

button span {
    border-radius: 3px;
    border: 0;
    background: #ff9d00;
    background: -moz-linear-gradient(top, #fed525 0, #ff9d00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fed525), color-stop(100%, #ff9d00));
    background: -webkit-linear-gradient(top, #fed525 0, #ff9d00 100%);
    background: -o-linear-gradient(top, #fed525 0, #ff9d00 100%);
    background: -ms-linear-gradient(top, #fed525 0, #ff9d00 100%);
    background: linear-gradient(to bottom, #fed525 0, #ff9d00 100%);
    font-weight: bold;
    padding: 5px 10px;
    margin: 2px;
    display: block;
}

button.add-to-basket.icon-only span {
    background: transparent
}

button.lrg {
    font-size: 1.5em
}

button.buyDis {
    opacity: .5
}

button.buy-now span {
    padding: 5px 2px;
    font-size: .9em
}

button.b-b-cart {
    background: #98bddb;
    background: -moz-linear-gradient(top, #98bddb 0, #043769 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #98bddb), color-stop(100%, #043769));
    background: -webkit-linear-gradient(top, #98bddb 0, #043769 100%);
    background: -o-linear-gradient(top, #98bddb 0, #043769 100%);
    background: -ms-linear-gradient(top, #98bddb 0, #043769 100%);
    background: linear-gradient(to bottom, #98bddb 0, #043769 100%);
    color: #fff;
    font-size: 1.1em
}

button.b-b-cart span.count {
    background: url(../images/sprite-home.png) -335px -146px no-repeat;
    width: 47px;
    height: 24px;
    float: left;
    color: #30689e;
    font-weight: bold;
    line-height: 1.6em;
    padding: 9px 10px 5px 18px
}

button.b-b-cart span.text {
    background: #205a93;
    background: -moz-linear-gradient(top, #81accf 0, #205a93 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #81accf), color-stop(100%, #205a93));
    background: -webkit-linear-gradient(top, #81accf 0, #205a93 100%);
    background: -o-linear-gradient(top, #81accf 0, #205a93 100%);
    background: -ms-linear-gradient(top, #81accf 0, #205a93 100%);
    background: linear-gradient(to bottom, #81accf 0, #205a93 100%);
    width: 106px;
    text-align: center;
    height: 23px;
    padding: 10px 10px 5px 55px
}

button.b-g span {
    background: 0;
    margin: 0
}

button.b-g.lrg {
    font-size: 1em
}

button.b-g.plan-journey {
    font-size: 1.2em
}

button.b-g.del {
    font-size: 1.4em
}

button.b-g.del span {
    background: url(../images/sprite-home.png) no-repeat -367px -434px;
    padding: 6px 10px 6px 38px
}

button.b-g.replan-button {
    font-size: 1.3em
}

button.add-basket span {
    background: url(../images/sprite-home.png) no-repeat -159px -506px;
    padding: 10px 12px 10px 47px;
    height: 15px;
    margin: 0;
    display: block
}

.header-kb button.b-b-cart {
    margin: 3px 0 0 0
}

.header-kb button.b-b-cart span.text {
    padding: 3px 10px 0;
    height: 15px
}

a.b-y {
    color: #000;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
    border-radius: 5px;
    background: #ee7601;
    background: -moz-linear-gradient(top, #fed525 0, #ee7601 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fed525), color-stop(100%, #ee7601));
    background: -webkit-linear-gradient(top, #fed525 0, #ee7601 100%);
    background: -o-linear-gradient(top, #fed525 0, #ee7601 100%);
    background: -ms-linear-gradient(top, #fed525 0, #ee7601 100%);
    background: linear-gradient(to bottom, #fed525 0, #ee7601 100%);
    border: 0;
    padding: 0
}

a.b-y span {
    border-radius: 3px;
    border: 0;
    background: #ff9d00;
    background: -moz-linear-gradient(top, #fed525 0, #ff9d00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fed525), color-stop(100%, #ff9d00));
    background: -webkit-linear-gradient(top, #fed525 0, #ff9d00 100%);
    background: -o-linear-gradient(top, #fed525 0, #ff9d00 100%);
    background: -ms-linear-gradient(top, #fed525 0, #ff9d00 100%);
    background: linear-gradient(to bottom, #fed525 0, #ff9d00 100%);
    font-weight: bold;
    padding: 2px 10px;
    font-size: 1.2em;
    margin: 2px;
    display: block
}

a.b-y.add-to-basket.icon-only span {
    background: transparent
}

#jp-login a.b-y {
    color: #222;
    float: none;
    margin: 0 auto;
    width: 126px;
    font-size: 1em
}

#jp-login a.b-y span {
    font-size: 1em;
    padding: 5px 10px
}

.header-basket .b-y {
    margin: 7px 5px
}

#ctf-cf button {
    margin: 0 0 4px 4px;
    font-size: 1.1em;
    width: 184px;
    min-height: 39px
}

#ctf-cf button span {
    min-height: 13px;
    padding-left: 15px;
    padding: 10px 0
}

#ctf-cf .add-basket span {
    padding: 10px 12px 10px 47px
}

button.b-g,
a.b-g,
span.b-g {
    background: #ddd;
    background: -moz-linear-gradient(top, #fff 0, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #ddd));
    background: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
    background: -o-linear-gradient(top, #fff 0, #ddd 100%);
    background: -ms-linear-gradient(top, #fff 0, #ddd 100%);
    background: linear-gradient(to bottom, #fff 0, #ddd 100%);
    border: 2px solid #bbb;
    padding: 0
}

.add-basket,
span.add-basket {
    background: #ddd;
    background: -moz-linear-gradient(top, #fff 0, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #ddd));
    background: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
    background: -o-linear-gradient(top, #fff 0, #ddd 100%);
    background: -ms-linear-gradient(top, #fff 0, #ddd 100%);
    background: linear-gradient(to bottom, #fff 0, #ddd 100%);
    border: 2px solid #bbb;
    padding: 0
}

.ticket-total .lrg,
.ticket-total .b-y-lrg {
    float: right;
    margin: 0;
    font-size: 1em
}

.ticket-total span {
    padding: 9px 9px
}

.ticket-total .add-basket {
    float: left
}

.ticket-total .add-basket span {
    background: url(../images/sprite-home.png) no-repeat -143px -429px;
    padding: 9px 5px 6px 40px;
    float: left;
    height: 16px;
    margin: 0
}

.checkout span {
    padding: 3px 10px
}

.shoppingbasket .checkout span {
    padding: 6px 10px
}

.basket-footer .checkout {
    float: right;
    font-size: 1.1em;
    margin: 0
}

.basket-footer .checkout span {
    padding: 12px 30px
}

.other-fares-popup .b-g.lrg {
    font-size: 1.2em;
    width: 184px
}

#ldb table {
    position: relative
}

#ldb {
    background: #165e98;
    margin: 0;
    padding: 16px
}

#ldb-tabs {
    padding: 1px 0 0 0;
    display: block;
    float: left
}

#ldb-tabs li {
    display: inline;
    list-style: none;
    margin: 0
}

#ldb-tabs li a:hover,
#ldb-tabs li a:focus,
#ldb-tabs li a:active {
    text-decoration: underline
}

#ldb-tabs h2,
#ldb-tabs li a {
    background: #c5d7e5;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.48em;
    margin: 0 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    color: #333;
    text-decoration: none;
    padding: 10px 30px 8px;
    display: block
}

#ldb-tabs .ldb-on h2,
#ldb-tabs .ldb-on a {
    background: #fff;
    color: #036;
    margin: 0 2px 0 0
}

#ldb-tabs .ldb-on h2 a {
    color: #036
}

#ldb-tabs h2.ldb-r {
    margin: 0 0 0 2px
}

.ldb-c {
    clear: left;
    background: #fff;
    padding: 16px
}

.ldbf label {
    color: #036;
    font-size: 1.1em
}

.ldbf .input-border {
    padding: 0
}

.ldbf .invalid label {
    color: #fff;
    padding: 0 3px 3px
}

.ldbf .invalid a {
    color: #fff
}

.ldbf .invalid .input-border {
    padding: 3px
}

.ldbf .invalid input {
    width: 191px
}

.ldbf-fi,
.ldbf-ti {
    margin: 0 10px 0 0
}

.ldbf-swt {
    background: url(../images/sprite-home.png) no-repeat 0 -40px;
    margin: 14px 10px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px
}

.ldbf-swt a {
    display: block;
    height: 29px;
    width: 32px
}

.ldbf-fi,
.ldbf-ti,
.ldbf-swt {
    float: left
}

.page .ldbf .b-y {
    font-size: 1.1em;
    margin: 18px 0 0
}

.page .ldbf .b-y:hover,
.page .ldbf .b-y:focus,
.page .ldbf .b-y:active {
    font-size: 1.1em;
    margin: 18px 0 0
}

.page .ldbf .b-y span {
    padding: 3px 10px
}

#ldb .b34-m {
    padding: 34px 165px 28px;
    min-height: 108px
}

#ldb .s-o {
    background: transparent;
    text-align: center
}

#ldb .s-o p {
    color: #404040;
    font-size: 1.32em;
    padding-top: 6px
}

#ldb .s-o .sprite-home {
    width: 20px;
    height: 23px;
    display: block;
    margin: 0 auto;
    background-position: 0 -170px
}

#ldb a.arrowlink-light {
    padding: 0
}

#ldb a.arrowlink-light .sprite-home {
    background-position: 0 -3px;
    margin-right: 0
}

#ldb .invalid {
    background: #af0002;
    color: #fff;
    padding: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    padding: 3px
}

#jp-login .sprite-home {
    width: 20px;
    height: 23px;
    display: block;
    margin: 0 auto;
    background-position: 0 -170px
}

.ldbt {
    background: #f5f5f5;
    margin: 20px 0 0;
    padding: 0;
    position: relative
}

.ldbt h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 5px 13px 0
}

.ldbt h3 .icon {
    float: right;
    margin: 4px 0 0 4px
}

.ldbt table {
    border-collapse: collapse;
    border: 0;
    width: 100%;
    font-size: 1.1em
}

.ldbt th {
    background: #fff url(../images/ldbtbg.jpg) repeat-x bottom left;
    padding: 10px 10px 19px
}

.ldbt td {
    padding: 10px
}

.ldbt td.status {
    color: #197b30
}

.ldbt td.status .unbold {
    font-weight: normal
}

.ldbt td.status-minor-delay {
    color: #e51212;
    font-weight: bold
}

.ldbt td.status-early {
    font-weight: bold
}

.ldbt .icon {
    background: url(../images/sprite-ldbt.png) no-repeat 0 0;
    display: block;
    width: 23px;
    height: 22px;
    text-indent: -9999px
}

.ldbt .icon-ferry {
    background-position: -47px -44px
}

.ldbt .icon-train {
    background-position: -46px -2px
}

.ldbt .icon-bus {
    background-position: -46px -103px
}

.ldbt .sprite-main {
    background-position: -509px 0;
    background-image: url("../images/bg-sprite-main-new.png");
    background-repeat: no-repeat;
    float: left;
    margin: 0 2px 0 0
}

.ldbt .transport {
    width: 7%
}

.ldbt .due {
    width: 11%
}

.ldbt .destination {
    text-align: left
}

.ldbt .sta {
    width: 20%
}

.ldbt .pla {
    width: 14%
}

.ldbt .inf {
    width: 8%
}

.ldbt .alt {
    background: #fff
}

.ldbt tr.delayed td.status {
    color: #e51212;
    font-weight: bold
}

.ldbt-mi {
    background: url(../images/sprite-home.png) no-repeat 0 -78px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    height: 15px;
    width: 10px
}

.ldbt-o {
    padding: 7px 10px;
    min-height: 30px
}

.ldbt-o.earlier {
    padding-top: 2px
}

.ldbt-o .cav {
    float: right;
    padding: 7px 0 0
}

.ldbt-o .cav li {
    float: left;
    list-style: none;
    margin: 0
}

.ldbt-o .but {
    float: left;
    padding: 0
}

.ldbt-o .but a {
    background: url(../images/sprite-home.png) no-repeat -366px -84px;
    color: #036;
    display: block;
    height: 23px;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 0 0 34px;
    font-size: 1.1em
}

.ldbt-o .but a.earlier {
    background-position: -366px -115px;
    display: none
}

.ldbt-o .but a:hover,
.ldbt-o .but a:focus,
.ldbt-o .but a:active {
    text-decoration: underline
}

.ldbt-o .but span {
    background: url(../images/sprite-home.png) no-repeat -319px -53px;
    display: block;
    height: 25px;
    padding: 4px 15px 0 0
}

.ldbt-o .ldbt-n {
    background: #fff url(../images/ldbbg.jpg) repeat-x bottom left;
    font-size: 1.4em;
    padding: 55px 160px 65px;
    text-align: center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.ldb-dis-home {
    background: #fff url(../images/bg-box-17.gif) left bottom repeat-x;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.022%20width%3D%22100%25%22%20height%3D%2230%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23fff%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23ececec%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%2230%22%20/%3E%3C/svg%3E);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #ececec));
    background-image: -moz-linear-gradient(center top, #fff 0, #ececec 100%);
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    background-size: 100% 30px;
    background-position: left bottom;
    border: 1px solid #af0002;
    margin: 20px 0 0;
    padding: 10px
}

.ldb-dis-home h3 {
    padding: 3px 0 10px 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    background: url(../images/icon-disruption-large.png) left top no-repeat;
    color: #af0002;
    font-weight: 700
}

.dis-ul {
    list-style: none;
    margin: 0 0 0 35px;
    padding: 0
}

.dis-ul li {
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #c5c5c5
}

.dis-ul li.last {
    border-bottom: 0
}

#ldbkb {
    background: #165e98;
    margin: 0;
    padding: 16px
}

#ldbkb table {
    position: relative
}

#ldbkb .s-o {
    background: transparent;
    text-align: center
}

#ldbkb .s-o p {
    color: #404040;
    font-size: 1.32em;
    padding-top: 6px
}

#ldbkb .s-o .sprite-home {
    width: 20px;
    height: 23px;
    display: block;
    margin: 0 auto;
    background-position: 0 -170px
}

#ldbkb .b34-m {
    padding: 34px 165px 28px;
    min-height: 108px
}

#ldbkb a.arrowlink-light {
    padding: 0
}

#ldbkb a.arrowlink-light .sprite-home {
    background-position: 0 -3px;
    margin-right: 0
}

.ldberror {
    clear: both;
    display: block;
    padding: 2px 10px 5px;
    width: 187px
}

.home .accordian {
    margin: .5em 0 2em
}

.home .accordian h2 {
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    font-size: 1.8em;
    padding: 8px 10px 10px
}

.accordian {
    border-top: 1px solid #bababa;
    margin-bottom: 17px
}

.accordian .head {
    background: #1e5892 url(../images/bg-table-cell-exp.gif) repeat-x top left;
    border: 1px solid #bababa;
    border-top: 0;
    padding: 8px 10px 6px
}

.accordian .head h2,
.accordian .head h3 {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.32em;
    font-weight: 300;
    float: left;
    margin: 0;
    padding-top: .2em;
    color: #404040
}

.accordian .head .more-info {
    float: left;
    margin-right: 10px
}

.accordian .head .expanded h2,
.accordian .head .expanded h3 {
    color: #036
}

.accordian .head .head-arrow {
    display: block;
    float: right;
    width: auto;
    height: 23px;
    margin-top: 4px
}

.accordian .acc-c {
    border: 1px solid #bababa
}

.accordian .games-fares p {
    padding: 0;
    text-align: right
}

.accordian .games-fares a {
    background: url(../images/2012image.jpg) no-repeat top left;
    text-decoration: none;
    min-height: 78px;
    display: block;
    padding: 80px 160px 0 40px
}

.jq .accordian .head {
    background: #fff url(../images/bg-table-cell.gif) repeat-x top left;
    cursor: pointer
}

.jq .accordian .head-hlt {
    background: url(../images/bg-table-cell-hlt.gif) repeat-x top left
}

.jq .accordian .expanded {
    background: #e8f0f9 url(../images/bg-table-cell-exp.gif) repeat-x top left;
    border: 1px solid #3a6c9f;
    border-top: 0
}

.jq .accordian .acc-c {
    display: none;
    border-top: 0
}

.jq .accordian .expanded-content {
    display: block;
    border: 1px solid #3a6c9f;
    border-top: 0;
    zoom: 1;
    background: #fff
}

.jq .accordian .expanded-content.acc-cycling {
    background: #fff url(../images/plus-bike-large.png) no-repeat 670px 20px
}

.js .accordian .head .head-arrow a {
    text-decoration: none
}

.js .accordian .head .head-arrow .sprite-main {
    height: 7px;
    width: 16px;
    background: url(../images/sprite-home.png) no-repeat 0 -104px
}

.js .accordian .head .head-arrow .more-info img {
    height: auto;
    width: auto;
    background: 0
}

.js .accordian .expanded .head-arrow .sprite-main {
    background-position: 0 -125px
}

.railway-children {
    padding-left: 110px;
    margin: 1em 0;
    background: transparent url(../images/bg-railway-children.jpg) no-repeat left top;
    min-height: 129px
}

.railway-children h2 {
    text-indent: -999em;
    width: 115px;
    height: 46px;
    margin-bottom: .5em;
    background: url(../images/sprite-home.png) -108px -94px no-repeat;
    padding: 0
}

.railway-children p {
    padding: 0;
    margin-bottom: .5em
}

.acc-cycling h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #555;
    padding: 10px 0 15px 10px
}

.box-33 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-style: none;
    background-color: #f2f2f2;
    color: #333
}

.box-33 .b33-t .b33-tr,
.box-33 .b33-b .b33-br {
    display: none
}

.box-33 .b33-m .b33-p {
    padding-top: 13px;
    padding-bottom: 13px
}

.box-34 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #333;
    background-color: #f2f2f2;
    border: 1px solid #ededed
}

.box-34 .b34-t .b34-tr,
.box-34 .b34-b .b34-br {
    display: none
}

.box-34 .b34-m .b34-p {
    padding-top: 13px;
    padding-bottom: 13px
}

.box-8 .b8-m .b8-p {
    padding: 13px 10px 6px 14px
}

.box-8 .box-8 h2 {
    color: #242424;
    margin-bottom: .5em
}

.box-8 .box-8 h3 {
    color: #494949;
    font-size: 1.5em
}

.box-4,
.box-5,
.box-25,
.box-6,
.box-7,
.box-8,
.box-10,
.box-12,
.box-13,
.box-15,
.box-17,
.box-18,
.box-19,
.box-22,
.box-23,
.box-24,
.box-25,
.box-26,
.box-28,
.box-29,
.box-30,
.box-31,
.box-32,
.box-35 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-width: 1px;
    border-style: solid
}

.box-8,
.box-8.box-8-shadow {
    border-color: #aad0f2;
    background: #dde9f5 url(../images/bg-box-8.gif) left top repeat-x;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%225%25%22%20style%3D%22stop-color%3A%20%23f7fbfe%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2295%25%22%20style%3D%22stop-color%3A%20%23dde9f5%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f7fbfe), color-stop(95%, #dde9f5));
    background-image: -moz-linear-gradient(center top, #f7fbfe 5%, #dde9f5 95%)
}

.ticker {
    padding: 12px 0 12px;
    float: left;
    width: 100%
}

.page h2.alert a {
    color: #036;
    padding: 10px 12px 0 17px;
    font-weight: normal;
    display: block;
    position: relative
}

.page .ticker h2.alert.blue a {
    color: #036
}

.page h2.alert a:hover,
.page h2.alert a:focus,
.page h2.alert a:active {
    text-decoration: underline
}

.ticker .update,
.ticker .update ul {
    position: relative
}

.ticker .sprite-main {
    background: url(../images/sprite-home.png) no-repeat top left
}

.ticker .t-c .sprite-main {
    position: relative;
    top: auto;
    left: auto;
    float: left;
    background-position: -80px -208px;
    margin: 9px 0 0 4px
}

.ticker .t-c .sprite-alert {
    background-position: -80px -177px
}

.ticker .t-c .sprite-arrowlinkdark {
    top: 20px;
    left: 0;
    background-position: -80px -192px
}

.ticker h2 {
    font-size: 1.3em;
    float: left;
    width: 15%;
    padding-bottom: 0
}

.ticker #listticker {
    margin: 9px 0 0 10px;
    padding: 0;
    font-size: .98em;
    overflow: hidden;
    height: 1.39em
}

.ticker a {
    padding: 0;
    color: #333;
    text-decoration: none;
    font-weight: normal;
    display: block
}

.ticker a:hover,
.ticker a:focus,
.ticker a:active {
    text-decoration: underline
}

#tick-title.alert {
    color: #8d0000
}

div.t-c {
    float: right;
    margin-left: 0;
    width: 85%
}

div.t-c h2,
.t-c p {
    float: left;
    width: auto
}

div.t-c ul {
    float: left;
    width: 570px;
    margin: 0;
    padding: 0;
    list-style-type: none
}

div.t-c ul li {
    margin: 0;
    padding: 0 0 3px
}

.functions {
    float: right;
    width: auto;
    color: #404040;
    padding: 8px 0 8px 13px;
    border-left: 1px solid #fff
}

.t-c .functions ul {
    display: none;
    width: auto
}

.functions p,
.update p.counter,
.functions ul {
    float: left;
    width: auto
}

.ticker .update p.counter {
    padding-right: 5px
}

.functions ul {
    margin: 12px 0 0;
    padding: 0
}

.t-c .functions li {
    width: auto;
    float: left;
    display: inline;
    margin: 0 1px 0;
    padding: 0
}

.functions p {
    color: #333;
    padding: 0 10px 0 0
}

.ticker .box-33 .b33-m {
    padding: 0 18px 0 13px
}

.t-c .functions ul li .sprite-main {
    margin: 0
}

#back .sprite-main {
    background-position: -83px -144px
}

#pause .sprite-main {
    background-position: -83px -112px
}

#pause.play .sprite-main {
    background-position: -83px -160px
}

#forward .sprite-main {
    background-position: -83px -128px
}

.functions #back a:hover .sprite-main,
.functions #back a:focus .sprite-main,
.functions #back a:active .sprite-main {
    background-position: -63px -319px
}

.functions #pause a:hover .sprite-main,
.functions #pause a:focus .sprite-main,
.functions #pause a:active .sprite-main {
    background-position: -63px -287px
}

.functions #pause.play a:hover .sprite-main,
.functions #pause.play a:focus .sprite-main,
.functions #pause.play a:active .sprite-main {
    background-position: -63px -335px
}

.functions #forward a:hover .sprite-main,
.functions #forward a:focus .sprite-main,
.functions #forward a:active .sprite-main {
    background-position: -63px -303px
}

.functions ul li a {
    width: 15px;
    height: 15px;
    display: block
}

.header-ad {
    height: 110px;
    background: #f3f3f3
}

.top-section {
    text-align: left;
    width: 940px;
    margin: 0 auto 0 auto;
    position: relative;
    z-index: 1
}

.top-section .header {
    background: url(../images/nav-bg.gif) repeat-x top left;
    min-height: 43px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    padding: 11px 0 0 13px;
    width: 927px;
    float: left
}

.header .logo {
    float: left;
    display: block
}

.header .logo .sprite-home {
    background-position: 0 -248px;
    position: relative;
    top: -1px
}

.nav {
    float: left;
    margin: 2px 0 0 16px;
    display: block
}

.nav ul {
    padding: 0;
    list-style: none;
    width: 623px
}

.nav li {
    margin: 0;
    padding: 0;
    float: left
}

.nav li a {
    float: left;
    margin: 0;
    height: 30px;
    padding: 0 0 0 7px;
    text-decoration: none;
    background: url(../images/sprite-home.png) no-repeat -112px -182px
}

.nav li a:hover,
.nav li a:focus,
.nav li a:active {
    background: url(../images/sprite-home.png) no-repeat -389px -254px
}

.nav li a:hover span,
.nav li a:focus span,
.nav li a:active span {
    background: url(../images/sprite-home.png) no-repeat right -285px;
    color: #fff
}

.nav li a span {
    cursor: hand;
    text-decoration: none;
    font-weight: bold;
    display: block;
    height: 23px;
    padding: 7px 13px 0 6px
}

.nav li.selected a {
    background: url(../images/sprite-home.png) no-repeat -389px -254px
}

.nav li.selected a:hover {
    background: url(../images/sprite-home.png) no-repeat -389px -254px
}

.nav li.selected a:hover span {
    background: url(../images/sprite-home.png) no-repeat right -285px;
    color: #fff
}

.nav li.selected a span {
    background: url(../images/sprite-home.png) no-repeat right -285px;
    color: #fff
}

.snav {
    text-align: left;
    margin: 0;
    background: #e0e9f1;
    width: 920px;
    padding: 0 10px;
    float: left
}

.snav ul {
    padding: 0;
    list-style: none;
    margin: 0;
    min-height: 40px
}

.snav li {
    margin: 0;
    display: block;
    float: left
}

.snav li a {
    color: #036;
    text-decoration: none;
    font-weight: bold;
    display: block;
    min-height: 14px;
    margin: 6px 0 0;
    padding: 7px 0 13px 12px
}

.snav li a:hover {
    background: #001e46
}

.snav li a:hover,
.snav li a:focus,
.snav li a:active {
    background: #fff url(../images/sprite-home.png) no-repeat left -615px;
    padding: 0 0 0 4px;
    min-height: 34px
}

.snav li a:hover span,
.snav li a:focus span,
.snav li a:active span {
    background: #fff url(../images/sprite-home.png) no-repeat right -316px;
    display: block;
    border: 0;
    padding: 7px 12px 13px 8px
}

.snav li a span {
    border-right: 1px solid #bfcedc;
    padding: 0 11px 0 0
}

.snav li.selected a {
    background: #fff url(../images/sprite-home.png) no-repeat left -615px;
    padding: 0 0 0 4px;
    min-height: 34px
}

.snav li.selected a span {
    background: #fff url(../images/sprite-home.png) no-repeat right -316px;
    display: block;
    border: 0;
    padding: 7px 12px 13px 8px
}

.snav li.last a span {
    border: 0
}

.breadcrumb {
    margin: 0;
    clear: both;
    font-size: 1.1em;
    padding-top: 30px
}

.breadcrumb .sprite-main {
    background-image: url(../images/sprite-home.png)
}

.breadcrumb p {
    color: #404040;
    float: left;
    line-height: 1.2em;
    padding: 0
}

.breadcrumb ol {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
    float: left
}

.breadcrumb li {
    position: relative;
    background: 0;
    float: left;
    display: inline;
    margin: 0;
    padding: 0 6px 0 0
}

.breadcrumb li.home {
    padding-left: 20px
}

.breadcrumb li.home .sprite-main {
    position: absolute;
    top: 0;
    left: 0;
    background-position: -23px -123px
}

.breadcrumb li.home a .sprite-main {
    position: absolute;
    top: 1px;
    right: 0;
    left: auto;
    background-position: -41px -123px
}

.breadcrumb li a {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0 20px 0 0;
    height: 18px;
    text-decoration: none
}

.breadcrumb li a .sprite-main {
    position: absolute;
    top: 1px;
    right: 0;
    left: auto;
    background-position: -41px -123px
}

.box-1,
.box-2,
.box-3,
.box-14,
.box-20,
.box-21 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #1e3954
}

.page .box-1 button:focus,
.page .box-1 input:focus {
    outline: 2px dotted #fff
}

.page .jphome #jp button.b-y.rgt {
top: auto;
    float: right;
    margin-right: 22px;
    position: relative;
}

.page .jphome #jp button.b-y.rgt-not-logged-in {
    top: auto;
    margin-right: 22px;
    position: relative;
    left: 39%;
    margin-top: 20px;
    width: 100px
}

.page .basket button.b-y.rgt {
    top: auto;
    float: right;
    margin-right: 22px;
    position: relative
}

.page .cff #jp button.b-y.rgt {
    top: auto;
    margin-right: 22px;
    position: relative;
    margin-top: 20px
}

.js a.dpc {
    display: block
}

.js #jp-h-errp,
.js #jp-h-errp1 {
    display: none;
    clear: both
}

.js #jp #via1,
.js #jp #via2 {
    display: none
}

.js #jp #via1.hidden,
.js #jp #via2.hidden {
    display: none
}

.js #jp #adv-box #addVia {
    display: block;
    margin-right: 8px;
    border: 0
}

.js #jp #adv {
    display: block
}

.js #jp #adv-route-journey {
    display: block
}

.js #jp .via-clear {
    display: block;
    overflow: hidden
}

.js #jp .rcards-add {
    font-size: 1.15em;
    padding: 6px 4px;
    width: auto;
    min-height: auto;
    border: 0;
    background: 0;
    color: #94bcdc;
    cursor: pointer;
    text-decoration: underline;
    float: right;
    margin: 0 8px 0 0
}

.js #jp .rcards-add span {
    background: 0;
    margin: 0;
    padding: 0;
    font-weight: 200
}

.js .jphome #jp #adv-box #addVia {
    margin-left: 7px
}

.js .jphome #jp .passangers-railcards #adv {
    padding-right: 0
}

.js .jphome #jp .passangers-railcards #adv img {
    margin-left: 5px;
    margin-right: 10px
}

.js #jp-in.dis {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.js .njRCard {
    display: none
}

.js #jp-moreOp {
    display: none
}

.js #jp-route-journey {
    display: none
}

.js #jp-recents-p,
.js #jp-faves-p {
    display: none;
    min-height: 205px
}

.jp {
    width: 940px;
    margin: 0 auto
}

.jp.si #jp-login {
    display: none
}

#jp.box-1 {
    clear: both;
    z-index: 10;
    width: 940px;
    position: relative;
    text-align: left;
    border: 0;
    background: #036 url(../images/bg-box-1-rev.png) left top repeat-x;
    background: -moz-linear-gradient(top, #165e99 0, #036 218px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #165e99), color-stop(218px, #036));
    background: -webkit-linear-gradient(top, #165e99 0, #036 218px);
    background: -o-linear-gradient(top, #165e99 0, #036 218px);
    background: linear-gradient(top, #165e99 0, #036 218px)
}

.jphome #jp.box-1 {
    width: 778px
}

.jphome #jp #jp-moreOp .valid,
.jphome #jp #jp-moreOp .invalid {
    margin-right: 10px
}

.jphome #jp #jp-route-journey .valid,
.jphome #jp #jp-route-journey .invalid {
    margin-right: 10px
}

.jp-220 .box-1 .b1-m .b1-p {
    padding: 16px 18px 20px 18px
}

.box-1 {
    background: #3371af url(../images/bg-box-1-m.gif) left top repeat-x;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23036%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%233371af%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #036), color-stop(96%, #3371af));
    background-image: -moz-linear-gradient(center top, #036 0, #3371af 96%);
    color: #fff
}

.box-1 .b1-t .b1-tr,
.box-1 .b1-b .b1-br {
    display: none
}

.box-1 .b1-m .b1-p {
    padding: 16px 20px 20px 20px
}

.box-1 h1,
.box-1 h2,
.box-1 a,
.box-1 h3.page-title {
    color: #fff
}

.box-1 h1 span,
.box-1 h2 span,
.box-1 h3.page-title span {
    color: #ffe155
}

.box-1 .error-message {
    background-color: #e7f4ff;
    padding: 10px;
    margin: 5px 0
}

.box-1.jp h2 {
    color: #e6f4ff;
    margin: 0 0 3px 0
}

.box-1.farefind {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    border-top: 0
}

.box-1-vshort.farefind,
.farefind .last .box-3 {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    border-top: 0
}

.jp-small .box-1 h3 {
    color: #fff;
    font-size: 2em;
    padding-bottom: .1em
}

.jp-small span {
    color: #ffe155
}

#jp .b1-t {
    position: relative;
    margin: -16px 0 0 -21px;
    float: left
}

#jp .valid,
#jp .valid-large,
#jp .invalid,
#jp.invalid-large {
    padding: 1px;
    padding-bottom: 6px;
    margin: 0 7px 0 0;
    float: left;
    position: relative;
}

#jp .input-border,
#jp .select-border,
#jp .invalid,
#jp .invalid {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    padding: 3px
}

#jp .invalid {
    background: #af0002;
    padding: 0
}

#jp .day {
    margin: 0 0 0 15px
}

#jp .input-border.day {
    margin: 0 20px 0 0;
    margin: -1px 19px 0 0
}

#jp .selected-p {
    display: block
}

#jp a.off {
    cursor: default
}

#jp .select-border label {
    margin: 0
}

#jp label {
    float: left;
    width: auto;
    font-size: 1.3em;
    font-weight: bold;
    display: block;
    padding: 9px 5px 0 4px;
    color: #c7dbec;
}

#jp label.jp-when {
    display: block;
    float: left;
    clear: left;
    margin-top: 3px;
}

#jp label.f-l {
    padding-right: 15px
}

#jp label.t-l {
    padding-right: 10px;
    padding-left: 3px
}

#jp .fast {
    position: absolute;
    right: 0;
    top: 8px;
}


.basket #jp .fast {
    position: absolute;
    right: 0;
    top: 4px
}

#jp .fast label {
    color: #fff;
    font-weight: normal;
    font-size: 1.07em;
    margin: -6px 0 0 -1px;
    line-height: .9em;
}

#jp .fast .more-help {
    margin-right: 0
}

#jp .fast .more-help-logged-in {
    margin-right: 0
}

#jp input,
#jp select {
    margin: 0;
    border: 1px solid #323232;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 4px;
    font-size: 1.3em;
    color: #666;
    float: left;
    text-align: left;
    height: 22px
}

#jp select {
    height: 28px;
    width: 133px;
    padding: 2px 1px
}

#jp input {
    padding: 2px 4px
}

#jp input.check {
    width: auto;
    border: 0;
    padding: 0;
    height: auto;
}

#jp input.day {
    width: 138px;
    margin: 0
}

#jp span input {
    width: 232px
}

#jp span.sp-has-icon input {
    width: 207px
}

#jp span.sp-has-icon.dlrlu input {
    width: 188px
}

#jp span.rcard-lab {
    color: #fff;
    font-size: 1.15em;
    font-weight: normal;
    line-height: 1;
    padding: 3px 8px 2px 3px;
    display: block;
    margin: 7px 0 0;
    float: none
}

#jp #sltHours,
#jp #sltMins,
#jp #sltHoursRet,
#jp #sltMinsRet {
    width: 52px
}

#jp #via0,
#jp #via1,
#jp #via2 {
    margin-bottom: 10px;
    position: relative
}

#jp #via0 .via-clear {
    display: none
}

#jp .jpPass select {
    width: 55px
}

#jp .jpPass label {
    padding-left: 3px
}

#jp .jpClass {
    float: left;
    padding: 26px 0 0 0
}

#jp .jpClass label {
    padding-top: 11px;
}

#jp .jpCards {
    clear: left;
    margin: 0 0 10px 0
}

#jp button {
    font-family: Arial, Helvetica, sans-serif
}

#jp #adv-box #addVia {
    padding: 6px 4px;
    width: auto;
    min-height: auto;
    border: 0;
    background: 0;
    color: #94bcdc;
    cursor: pointer;
    text-decoration: underline;
    display: none;
    float: right
}

#jp .f-n-f {
    padding: 0 0 0px 0;
}

#jp .f-n-f label {
    float: none;
    padding-left: 3px
}

#jp #rcards-holder {
    float: none
}

#jp .chk-filter label {
    width: 241px;
}

#jp .chk-filter-logged-in label {
    width: 262px;
}

#jp .chk-al {
    padding: 10px 0;
    float: left;
}

.basket .chk-al {
    padding: 20px 0 !important
}

#jp .sp-icon-holder {
    height: 27px
}

#jp #adv {
    float: left;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-weight: normal;
    display: none;
    float: left;
    text-decoration: none;
    background-color: #114b7f;
    padding: 9px 0;
    text-align: left;
    font-size: 1.15em;
    padding: 6px 8px 4px 12px
}

#jp #adv:hover span.t,
#jp #adv:focus span.t,
#jp #adv:active span.t {
    text-decoration: underline
}

#jp #adv span {
    float: left;
    display: block;
    color: #96bede;
    font-size: .93em
}

#jp #adv span.t {
    color: #fff;
    font-size: 1em;
    padding-right: 7px;
    padding-left: 7px
}

#jp #adv img {
    float: right;
    display: block;
    margin-left: 16px;
    background-position: -99px -285px
}

#jp .ex #adv {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

#jp .ex #adv img {
    background-position: -79px -285px
}

#jp .ex #adv-route-journey {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

#jp .ex #adv-route-journey img {
    background-position: -79px -305px
}

#jp .m-o-c {
    float: left;
    width: 537px;
    position: relative;
}

#jp #adv-box input {
    width: 140px
}

#jp #adv-box select {
    width: 111px
}

#jp .rcards-q {
    width: 45px;
    float: right
}

#jp .njRCard .rcards-add {
    float: right
}

#jp .njRCard span {
    display: block;
    float: left;
    width: 225px;
    padding: 8px 0 0 0
}

#jp .rcards-add {
    font-size: .95em;
    color: #036;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/sprite-home.png) -394px -371px no-repeat;
    padding: 0 0 0 4px;
    float: left;
    border: 0;
    overflow: visible;
    cursor: pointer;
    position: relative;
    margin: 4px 8px 0 7px
}

#jp .rcards-add span {
    margin-top: 0;
    background: url(../images/sprite-home.png) 100% -399px no-repeat;
    height: 21px;
    padding: 6px 16px 0 7px;
    display: block;
    font-weight: bold;
    white-space: nowrap;
    position: relative;
    float: none;
    line-height: 1.2em;
    width: auto
}

#jp .via-clear {
    margin: 10px 0 0 5px;
    float: left;
    display: none;
    width: 11px;
    height: 10px;
    background: url(../images/sprite-home.png) no-repeat -131px -304px;
    position: absolute;
    right: 0;
    top: 0
}

.jp-left {
    width: 610px;
    border-right: 1px solid #093c6e;
    float: left;
    padding: 16px 0 20px 18px;
    margin: 0
}

.jp-right {
    width: 309px;
    float: right
}

.jp-right div {
    width: 309px;
    float: left
}

#jp-tabs {
    width: 309px;
    margin: 0;
    padding: 0;
    list-style: none
}

#jp-tabs li {
    width: 50%;
    float: left;
    padding: 0;
    margin: 0
}

#jp-tabs li a {
    width: 100%;
    display: block;
    float: left;
    padding: 10px 0;
    text-align: center;
    font-size: 1.35em;
    text-decoration: none;
    font-weight: bold
}

#jp-tabs li.right {
    -webkit-border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0
}

#jp-tabs li.n-act {
    background: #1e5799;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTA0YTgxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzIlIiBzdG9wLWNvbG9yPSIjMTA0YTgxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBhMzI1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #1e5799 0, #104a81 0, #104a81 72%, #0a3251 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1e5799), color-stop(0, #104a81), color-stop(72%, #104a81), color-stop(100%, #0a3251));
    background: linear-gradient(top, #1e5799 0, #104a81 0, #104a81 72%, #0a3251 100%);
    background-color: #104a81
}

#jp-login {
    width: auto;
    float: none;
    text-align: left;
    font-size: 1.32em;
    margin: 13px 15px;
    padding: 10px
}

#jp-login .sprite-home {
    margin-bottom: 8px
}

#jp-login ul {
    padding: 0 30px 10px 30px;
    margin: 0;
    list-style: none
}

#jp-login li {
    clear: both;
    padding: 0;
    margin: 0;
    list-style: none
}

#jp-login li img {
    margin: 3px 10px 1px 0;
    vertical-align: bottom
}

#jp-login p {
    text-align: center;
    font-weight: bold;
    padding: 4px 0
}

#jp-login p a {
    display: inline-block;
    background: #88b0d1;
    color: #000;
    font-size: .9em;
    font-weight: bold;
    padding: 2px 10px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

#jp-login p a:hover,
#jp-login p a:focus,
#jp-login p a:active {
    text-decoration: underline
}

#jp-login span.signin {
    display: block;
    padding-top: 4px;
    text-align: center
}

#jp-faves-p,
#jp-recents-p {
    display: none;
    float: left;
    padding-top: 9px
}

.jp-so #jp-faves-p,
.jp-so #jp-recents-p {
    display: none;
    min-height: 205px
}

.j-l {
    margin: 0
}

.j-l li {
    margin-left: 0;
    list-style-type: none;
    font-size: 1.075em;
    position: relative;
    z-index: 99
}

.j-l li span {
    width: 52px;
    display: block;
    text-align: right;
    color: #96bede;
    padding-right: 10px;
    float: left
}

.j-l li span.value {
    width: 150px;
    text-align: left;
    color: #fff;
    float: left
}

.j-l li:hover,
.j-l li:focus,
.j-l li:active {
    background-color: #036
}

.j-l li ul {
    float: left;
    width: 240px;
    margin: 0;
    padding: 3px 17px 3px 0
}

.j-l li ul a {
    padding: 0;
    display: none
}

.j-l li ul a:hover,
.j-l li ul a:focus,
.j-l li ul a a:active {
    background-color: transparent
}

.j-l li .sprite-home {
    float: right;
    background-position: -11px -152px;
    margin-top: -7px;
    position: absolute;
    right: 15px;
    top: 50%
}

.j-l li li {
    font-size: 1em;
    margin-bottom: 0;
    padding-bottom: 2px;
    position: static;
    z-index: 0
}

.j-l li li a {
    display: block
}

.j-l li li a:hover,
.j-l li li a:focus,
.j-l li li a:active {
    background-color: transparent
}

.j-l li a {
    text-decoration: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    left: 0;
    background-color: transparent
}

span.select-border,
span.input-border,
span.checkbox-border-logged-in,
span.radio-border,
span.txtarea-border {
    float: left;
    margin: 0;
    padding: 2px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 1em;
    color: #333;
    outline-width: 0;
    position: relative;
}

span.select-border,
span.input-border,
span.checkbox-border,
span.radio-border,
span.txtarea-border {
    float: left;
    margin: 0;
    padding: 10px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 1em;
    color: #333;
    outline-width: 0;
    position: relative;
}



#jp-errp1,
#jp-errp,
#jp-errp2 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    padding: 3px;
    background: #af0002;
    padding: 10px 15px 15px;
    margin: 0 20px 10px 0;
    color: #fff
}

#jp-errp1 span,
#jp-errp span,
#jp-errp2 span {
    padding: 2px 0 0;
    display: block
}

a.dpc {
    display: none;
    border: 0 none;
    padding: 0;
    min-width: 31px;
    line-height: 1;
    cursor: pointer;
    visibility: visible;
    text-decoration: none;
    vertical-align: middle;
    height: 33px;
    background-position: -33px -38px;
    margin: -3px 0 -17px 0;
    float: left
}

.jperror {
    clear: both;
    display: block;
    padding: 2px 10px 5px;
    width: 228px
}

#rcard-errli .jperror {
    width: 190px
}

.sprite-home.jp-err {
    background-position: -20px -99px;
    float: left;
    display: block;
    text-indent: -9999em;
    width: 22px;
    height: 19px
}

#jp-h-errp,
#jp-h-errp1 {
    padding: 10px 0 0
}

.ldbf-fi input,
.ldbf-ti input {
    margin: 0;
    border: 1px solid #323232;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 4px;
    float: left;
    text-align: left;
    height: 22px;
    border-color: #999 #ccc #ccc #999;
    color: #555;
    font-size: 1.1em;
    width: 198px;
    padding: 0 4px
}

#jp-moreOp {
    position: relative;
    background-color: #114b7f;
    padding: 0px 0 20px;
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    width: 517px;
}

#jp-moreOp legend {
    color: #aecce4;
    font-weight: bold;
    font-size: 1.15em;
    text-align: right;
    left: -128px;
    margin: 0;
    position: absolute;
    padding-top: 10px;
    text-indent: 0;
    top: 0;
    width: 110px;
}

#jp-moreOp fieldset {
    margin: 0 0 0 110px;
    border-top: 1px solid #114b7f;
    border-left: 1px solid #043a6d;
    padding: 1px 0 0 14px;
    position: relative
}

#jp-moreOp fieldset.pass-f {
    margin-bottom: -10px
}

#jp-moreOp fieldset#adv-box {
    margin-top: 11px
}

#jp-moreOp fieldset#adv-box legend {
    margin-top: 10px
}

#jp-moreOp label {
    color: #fff;
    font-size: 1.15em;
    font-weight: normal;
    line-height: 1;
    padding: 11px 8px 2px 2px;
}

#jp-moreOp select,
#jp-moreOp input {
    height: auto;
    font-size: 1.15em;
    min-height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 267px
}

.jpPass {
    width: 60px
}

#rcard-list {
    float: left;
    clear: both;
    display: block
}

.help-wrap {
    float: left;
    padding-top: 7px;
    padding-left: 8px;
}

.chk-filter .help-wrap {
    padding: 8px 0 0 28px;
}

.chk-filter .help-wrap-logged-in {
    padding: 8px 0 0 22px;
}

.basket .chk-filter .help-wrap {
    padding: 0 0 0 12px
}

#jp-out,
#jp-in {
    width: 518px;
    float: right;
    display: block;
    margin: 0;
    padding: 0;
}

#jp-out label,
#jp-in label {
    margin: 0;
    padding: 8px 2px 0 3px;
}

#jp-in {
    padding-bottom: 14px
}

#jp-in .field.half .select-border {
    width: 102px
}

#jp-out {
    padding-top: 2px;
}

#jp-out .field.half .select-border {
    width: 102px
}

label#ret-lab {
    font-size: 1.15em;
    font-weight: normal;
    margin: 8px 0 0 2px;
    padding: 0;
    color: #fff;
}

label#ret-lab-logged-in {
    font-size: 1.15em;
    font-weight: normal;
    margin: 0px 0 0 2px;
    padding: 0;
    color: #fff;
}


.rWrapOn {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
}

.rWrapOff {
    display: none
}

.sp-icon-holder {
    display: none;
    float: left;
    height: 17px;
    width: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 4px 4px 0;
    border-color: #323232 #aaa #aaa #323232;
    border-style: solid;
    border-width: 1px;
    background-image: url("../images/sp-sprite.png");
    width: 44px
}

.viaAvDest .sp-icon-holder {
    height: 19px
}

.acc-c .sp-icon-holder {
    height: 19px
}

.acc-c .jpPredictText,
.acc-c .predictText {
    float: left;
    background: #fff
}

.form-panel .large .sp-has-icon input.jpPredictText,
.sp-has-icon .jpPredictText,
#jp .form-panel .large .sp-has-icon input.jpPredictText,
#jp .sp-has-icon .jpPredictText {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 4px 0 0 4px;
    border-right-width: 0
}

.sp-has-icon .sp-icon-holder {
    display: block;
    border-left-width: 0
}

.sp-hasfocus {
    background: #ffe155
}

.sp-icon-lu {
    background-position: -68px center;
    width: 24px
}

.sp-icon-dlrlu {
    background-position: 0 center
}

.sp-icon-dlr {
    background-position: -106px center;
    width: 24px
}

.advanced-search-route span.input-border input {
    width: 142px
}

.advanced-search-route .advanced-search-route span.sp-has-icon input {
    width: 118px
}

.advanced-search-route span.sp-has-icon.dlrlu input {
    width: 98px
}

#rcards-q {
    display: block
}

.njRCard {
    display: block;
    min-height: 27px;
    padding: 0 0 0 3px
}

#rcards-holder.invalid {
    padding-bottom: 0
}

#rcards-holder.invalid ul li {
    padding-left: 10px;
    padding-right: 10px
}

#rcards-holder ul {
    padding-bottom: 0
}

#rcards-holder ul.invalid {
    padding-bottom: 0
}

#rcards-holder ul li {
    list-style-type: none;
    margin-left: 0;
    padding-bottom: 8px;
    position: relative
}

#rcards-holder ul li .rcards-t {
    width: 216px
}

#rcards-holder a.remove {
    margin: 10px 0 0 5px;
    float: left;
    width: 11px;
    height: 10px;
    background: url(../images/sprite-home.png) no-repeat -131px -304px;
    position: absolute;
    right: -18px;
    top: 0;
    display: block;
    overflow: hidden
}

.more-info {
    height: 38px;
    width: 25px;
    display: block;
    float: left;
    margin: 1px 15px -12px 0;
    position: relative;
    z-index: 100;
    top: 0
}

.more-info a {
    height: 38px;
    width: 25px;
    display: block
}

.more-info a .sprite-main {
    background-image: url(../images/sprite-home.png);
    background-position: -119px -320px
}

.more-help-logged-in {
    height: 20px;
    width: 20px;
    display: block;
    float: left;
    margin: 7px 20px 0px -1px;
    position: relative;
    z-index: 100;
}

.more-help {
    height: 20px;
    width: 20px;
    display: block;
    float: left;
    margin: 0 15px 3px 0px;
    position: relative;
    z-index: 100;
}

.more-help a {
    height: 38px;
    width: 25px;
    display: block
}

.more-help-logged-in a {
    height: 38px;
    width: 25px;
    display: block
}

.more-help a .sprite-main {
    background-image: url(../images/sprite-home.png);
    background-position: -119px -285px
}

.more-help-logged-in a .sprite-main {
    background-image: url(../images/sprite-home.png);
    background-position: -119px -285px
}

.more-help a .sprite-main.sprite-help-smaller {
    background-image: url(../images/sprite-home.png);
    background-position: -119px -320px
}

.more-help-logged-in a .sprite-main.sprite-help-smaller {
    background-image: url(../images/sprite-home.png);
    background-position: -119px -320px
}

.more-help a .sprite-home {
    background-position: -119px -284px;
}

.more-help-logged-in a .sprite-home {
    background-position: -119px -284px;
}


#jp11 .more-help {
    margin-right: 3px
}

#jp11 .more-help-logged-in {
    margin-right: 3px
}


#resetMoreOp,
#resetOp {
    color: #94bcdc;
    display: inline-block;
    font-size: 1.2em;
    margin: 10px 0 0
}

.main-reset {
    clear: both
}

#sltArr,
#sltArrRet {
    width: 95px
}

.asl-f {
    border-top: 1px solid #fff;
    padding: 10px 16px
}

.asl-f h3 {
    margin-bottom: .7em
}

.asl-f li {
    background: 0;
    padding: 0 0 .4em
}

.asl-f ul {
    padding-bottom: .9em
}

.map .b11-bl {
    height: auto
}

.home #journeyPlannerForm {
    margin: 12px 0 0
}

.journey-planner-form .field {
    padding-bottom: 0
}

.journey-planner-form .field.half {
    width: 48%;
    float: left
}

.journey-planner-form .field.right-column {
    padding: 0 0 0 2%
}

no-float {
    float: none !important
}

.t-l.no-float {
    padding-left: 0 !important
}

.jphome #jp-out {
    width: 460px
}

.jphome #jp-in {
    width: 460px
}

.field.half .day {
    margin: 0 !important
}

.field.half .select-border {
    padding: 3px -1px 10px 8px !important;
    margin-right: 6px;
}

.field.half #sltArr {
    width: 100%
}

.field.half #sltArrRet {
    width: 100%
}

.field.half .input-border.day #txtDate {
    width: 98px;
}

.field.half.right-column .clear.day {
    width: 102%;
}

.field.half.right-column .clear.day .select-border {
    width: 50% !important;
}

#jp-out .field.half.right-column .day label {
    padding: 5px 5px 0 3px
}

#jp-ret {
    padding-bottom: 15px
}

#jp-ret .field.half.right-column label {
    padding: 5px 5px 0 3px
}

#jp-ret .field.half.right-column .select-border {
    width: 60% !important;
    height: 30px
}

#jp-in .field.half.right-column label {
    padding: 5px 5px 0 3px
}

#jp-in .field.half.right-column .select-border {
    width: 60% !important
}

#adultN,
#childN,
#railcardN {
    padding: 0 !important
}

.stationlayout {
    width: 100%
}

#chk-al {
    padding-left: 4px
}

#journeyPlannerForm #jp-in {
    padding-bottom: 12px
}

.basket #journeyPlannerForm #jp-in {
    padding-top: 14px
}

#journeyPlannerForm .more-help a {
    height: auto;
    width: auto
}

#journeyPlannerForm .more-help-logged-in a {
    height: auto;
    width: auto
}

.passangers-railcards {
    width: 100% !important
}

.passangers-railcards #adv {
    width: 96%
}

.route-journey #jp-route-journey {
    left: -267px
}

#jp #jp-ret #sltArrRet {
    height: 28px;
    width: 100%;
    padding: 2px 1px
}

#jp #adv-route-journey {
    float: left;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-weight: normal;
    display: none;
    float: left;
    text-decoration: none;
    background-color: #d2dbe3;
    padding: 9px 0;
    text-align: left;
    font-size: 1.15em;
    padding: 6px 8px 4px 12px
}

#jp #adv-route-journey span {
    float: left;
    display: block;
    color: #96bede;
    font-size: .93em
}

#jp #adv-route-journey span.t {
    color: #fff;
    font-size: 1em;
    padding-right: 7px;
    padding-left: 7px
}

#jp #adv-route-journey img {
    float: left;
    display: block;
    margin-left: 16px;
    background-position: -99px -305px
}

#jp .route-journey #adv-route-journey img {
    float: right
}

#jp #adv-route-journey:hover span.t,
#jp #jp #adv-route-journey:focus span.t,
#jp #jp #adv-route-journey:active span.t {
    text-decoration: underline
}

#jphome #jp #jp-in #sltArrRet {
    height: 28px;
    width: 100%;
    padding: 2px 1px
}

.helpFastest {
    padding-left: 30px;
    padding-top: 8px;
}

#jp-route-journey {
    position: relative;
    background-color: #114b7f;
    padding: 9px 0 20px;
    -webkit-border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
    width: 524px
}

#jp-route-journey legend {
    color: #aecce4;
    font-weight: bold;
    font-size: 1.15em;
    text-align: right;
    left: -128px;
    margin: 0;
    position: absolute;
    padding-top: 9px;
    text-indent: 0;
    top: 0;
    width: 110px
}

#jp-route-journey label {
    color: #fff;
    font-size: 1.15em;
    font-weight: normal;
    line-height: 1;
    padding: 11px 8px 2px 2px;
}

#jp-route-journey fieldset {
    margin: 0 0 0 110px;
    border-top: 1px solid #114b7f;
    border-left: 1px solid #043a6d;
    padding: 1px 0 0 14px;
    position: relative
}

#jp-route-journey fieldset.pass-f {
    margin-bottom: -10px
}

#jp-route-journey fieldset#adv-box {
    margin-top: 11px
}

#jp-route-journey fieldset#adv-box legend {
    margin-top: 10px
}

#jp-route-journey select,
#jp-route-journey input {
    height: auto;
    font-size: 1.15em;
    min-height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 267px
}

.route-journey {
    width: 100% !important
}

.route-journey #adv-route-journey {
    width: 96%;
    padding-right: 5px !important
}

.mOP {
    padding-left: 17px;
    text-align: left;
    font-size: 1em !important;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #0f0202 !important;
    font-weight: normal
}

.m-center {
    margin-left: 27% !important
}

#jp .dpc.sprite-home {
    margin-right: 0
}

.tooltip {
    position: relative;
    z-index: 100
}

.tooltip a {
    cursor: pointer
}

.tooltip-top {
    display: none;
    left: 0;
    top: 0;
    position: absolute;
    background: url(../images/tooltips/bg-tooltip-t.png) right top no-repeat;
    width: 203px;
    padding-top: 28px;
    font-weight: normal;
    z-index: 9000;
    white-space: normal;
}

.tooltip-top .content {
    margin: 0;
    width: auto
}

.tooltip-top .padding {
    position: relative;
    top: -26px;
    padding: 8px 16px 0 12px
}

.tooltip-top .padding a.close {
    float: right;
    text-decoration: underline;
    border: 0;
    height: auto;
    width: auto;
    text-indent: 0;
    margin: 1px 0 0 5px;
    color: #036
}

.tooltip-top .padding a.close:hover {
    text-decoration: none
}

.tooltip-top .padding .tooltip-bottom .padding a {
    display: inline;
    width: auto;
    text-indent: 0;
    height: auto
}

.tooltip-top .padding p {
    color: #2b2b2b
}

.tooltip-tip {
    width: 16px;
    height: 27px;
    position: absolute;
    background-repeat: no-repeat
}

.tooltip-bottom {
    background: url(../images/tooltips/bg-tooltip-b.png) right bottom no-repeat;
    min-height: 80px;
    position: relative
}

.tip-top-left,
.tip-top-right,
.tip-bottom-right,
.tip-bottom-left {
    left: 0
}

.tip-top-left .tooltip-tip {
    background-image: url(../images/tooltips/tip-t-l.png);
    left: -11px;
    top: -28px
}

.tip-top-right .tooltip-tip {
    background-image: url(../images/tooltips/tip-t-r.png);
    right: -11px;
    top: -28px
}

.tip-bottom-right .tooltip-tip {
    background-image: url(../images/tooltips/tip-b-r.png);
    right: -11px;
    bottom: 0
}

.tip-bottom-left .tooltip-tip {
    background-image: url(../images/tooltips/tip-b-l.png);
    left: -11px;
    bottom: 0
}

.cyclingtip .tooltip-top {
    background: url(../images/tooltips/bg-tooltip-t-wide.png) right top no-repeat;
    width: 240px
}

.cyclingtip .tooltip-bottom {
    background: url(../images/tooltips/bg-tooltip-b-wide.png) right bottom no-repeat;
    width: 240px
}

.cyclingwidetip .tooltip-top {
    background: url(../images/tooltips/bg-tooltip-t-extrawide.png) right top no-repeat;
    width: 325px
}

.cyclingwidetip .tooltip-bottom {
    background: url(../images/tooltips/bg-tooltip-b-extrawide.png) right bottom no-repeat;
    width: 325px
}

#picker {
    position: absolute;
    border: 3px solid #ffe155;
    color: #111;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    padding: 5px 10px;
    min-width: 100px;
    max-width: 300px;
    margin-left: -2px;
    -webkit-box-shadow: 0 0 10px rgba(110, 180, 255, .3);
    -moz-box-shadow: 0 0 10px rgba(110, 180, 255, .3);
    box-shadow: 0 0 10px rgba(110, 180, 255, .3);
    display: none;
    text-align: left;
    z-index: 9999;
    top: -500px;
    left: -500px
}

#picker ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#picker ul li {
    list-style: none;
    padding: .25em 0;
    color: #036;
    margin-left: 85px
}

#picker ul li strong {
    text-decoration: underline
}

#picker ul li.h {
    font-weight: bold;
    margin: .3em 0 .1em;
    color: #404040;
    width: 75px;
    float: left;
    margin: 0 10px 0 0;
    text-align: right;
    text-transform: capitalize
}

#picker ul li#sp-new.h {
    width: auto
}

#picker li span {
    color: #666
}

#picker li:hover {
    background-color: #e2edf8;
    text-decoration: underline;
    cursor: pointer
}

#picker li.no-pad {
    margin: 5px 0
}

#picker li.h:hover,
#picker li.no-sel:hover,
#picker li.more:hover {
    cursor: auto;
    text-decoration: none;
    background-color: transparent
}

#picker li.sp,
#picker li.sp:hover {
    clear: both;
    background-color: #fff;
    height: 1px;
    border: 0;
    margin: 8px auto;
    font-size: 1px;
    border-bottom: 1px solid #cfcfcf
}

#picker hr.sp,
#picker hr.sp:hover {
    clear: both;
    background-color: #fff;
    height: 1px;
    border: 0;
    margin: 8px auto;
    font-size: 1px;
    border-bottom: 1px solid #cfcfcf
}

#picker.j-error {
    border-color: #af0002
}

#picker img {
    vertical-align: middle
}

#picker .more {
    font-weight: bold
}

#picker .sel {
    background-color: #e2edf8;
    text-decoration: underline;
    cursor: pointer
}

#picker #e {
    background: url("../images/icon-alert-small.png") no-repeat top left;
    padding-left: 20px
}

#picker #je {
    max-width: 140px
}

#picker #je strong {
    color: #af0002
}

#picker .s {
    padding: 0
}

#picker .s li {
    margin-left: 0
}

#picker .s li.not-new {
    float: left;
    margin-left: -8px
}

.je-lu-lu #je .je-lu-lu,
.je-lu-dlr #je .je-lu-dlr,
.je-lu-dlrlu #je .je-lu-dlrlu,
.je-dlr-dlr #je .je-dlr-dlr,
.je-dlr-lu #je .je-dlr-lu,
.je-dlr-dlrlu #je .je-dlr-dlrlu,
.je-dlrlu-dlrlu #je .je-dlrlu-dlrlu,
.je-dlrlu-lu #je .je-dlrlu-lu,
.je-dlrlu-dlr #je .je-dlrlu-dlr {
    display: inline
}

#picker.nothing #d,
#picker.error #d,
#picker.loading #d,
#picker.p1 #d,
#picker.p2 #d,
#picker.j-error #d,
#picker.postcode #d,
#picker ul,
#picker.kp #d,
#picker #je .je {
    display: none
}

.error #sp-s-e,
.nothing #n,
.loading #loading,
.p1 #p1,
.p1 #p1 ul,
.visible,
.sp-visible #d,
.j-error #je,
#picker.postcode #sp-postcode,
#picker.kp #kp,
#picker.sp-visible,
.sp-visible {
    display: block
}

#sp-postcode span {
    display: block
}

#sp-postcode .green {
    color: green;
    padding-right: 20px;
    background: url(../images/icon-tick.gif) no-repeat right center
}

#sp-postcode .red {
    color: red;
    background: url(../images/icon-cross-sm.png) no-repeat right center;
    padding-bottom: 5px
}

#sp-new {
    width: auto
}

#sp-new span {
    background: #c00;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 0 5px;
    line-height: 1.2em;
    width: auto;
    float: left
}

.sp-spr {
    background-image: url("../images/sp-sprite.png");
    height: 12px
}

.sp-spr.icon-lu {
    background-position: -69px center;
    width: 17px
}

.sp-spr.icon-dlrlu {
    background-position: 0 center;
    width: 45px
}

.sp-spr.icon-dlr {
    background-position: -105px center;
    width: 25px
}

#dp {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #636363;
    z-index: 99999;
    padding: 0 0 8px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .66);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .66);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .66)
}

#dp * {
    margin: 0;
    padding: 0
}

#dp ul {
    border-bottom: 1px solid #ccc;
    background: #e8e8e8;
    overflow: auto;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(10%, #fff), color-stop(100%, #e8e8e8));
    background-image: -moz-linear-gradient(top, #fff 0, #fff 10%, #e8e8e8 100%)
}

#dp li {
    float: left;
    list-style: none;
    width: 50%;
    color: #036;
    text-align: center;
    padding: 8px 0;
    cursor: pointer
}

#dp img {
    margin: 4px 0 0 8px;
    background: transparent url(../images/sprite-home.png) no-repeat 0 0;
    cursor: pointer
}

#dp img.prev {
    float: left;
    background-position: 0 -326px
}

#dp img.next {
    float: right;
    background-position: -25px -326px;
    margin: 6px 8px 0 0
}

#dp p {
    display: none;
    margin: 4px 36px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: .5em 0
}

#dp p:first-child {
    display: block
}

#dp table {
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: auto;
    display: inline-table
}

#dp table.hidden {
    display: none;
    visibility: hidden
}

#dp div {
    padding-left: 14px;
    padding-right: 14px;
    min-width: 170px;
    min-height: 130px
}

#dp th {
    padding: 0
}

#dp abbr {
    font-weight: normal
}

#dp td {
    background: #f6f6f6;
    background-image: url(../images/cal-td-bg.gif);
    background-image: -moz-linear-gradient(top, #fcfcfc 0, #eaeaea 74%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(74%, #eaeaea));
    overflow: hidden;
    border: 1px solid #d0d0d0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    height: 24px;
    width: 26px
}

#dp td span {
    background: #fff;
    color: #aaa;
    cursor: default;
    display: block;
    width: 26px;
    font-style: italic;
    line-height: 23px;
    height: 23px;
    text-align: center
}

#dp td.dp-n {
    background: #fff
}

#dp .dp-now {
    background: #e49603 url(../images/cal-today-bg.gif);
    background-image: -moz-linear-gradient(top, #f7da52 0, #e49603 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7da52), color-stop(100%, #e49603))
}

#dp .dp-sel,
#dp td:hover,
#dp td.dp-hover {
    background: #f6f4ba url(../images/cal-td-bg-hover.gif);
    background-image: -moz-linear-gradient(top, #f6f4ba 0, #eae45f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f4ba), color-stop(100%, #eae45f))
}

.page a.b-b,
.modal-popup a.b-b {
    font-size: 1.1em;
    color: #fff;
    background: url(../images/bg-sprite-main-new.png) -924px -432px no-repeat;
    padding-left: 14px;
    display: block;
    float: left;
    text-decoration: none;
    white-space: nowrap
}

.page a.b-b span,
.modal-popup a.b-b span {
    background: url(../images/bg-sprite-main-new.png) 100% -456px no-repeat;
    height: 21px;
    padding: 3px 16px 0 0;
    display: block;
    font-weight: bold;
    cursor: pointer;
    float: left
}

.page .generic-modal-popup .action-buttons button.b-y.lrg {
    padding: 0 0 0 20px
}

.page .generic-modal-popup .action-buttons button.b-y.lrg span {
    padding: 8px 20px 0 0;
    height: 27px;
    font-size: .7em
}

.page .generic-modal-popup .action-buttons button.b-g.lrg {
    padding: 0 0 0 18px
}

.page .generic-modal-popup .action-buttons button.b-g.lrg span {
    padding: 8px 20px 0 0;
    height: 27px;
    font-size: .7em
}

.overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.overlayMacFFBGHack {
    background: url(../images/macFFBgHack.png) repeat
}

.overlayBG {
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75
}

.hideSelect {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%
}

.box-8.modal-popup {
    width: 360px !important;
    position: absolute;
    z-index: 10001;
    top: 10%;
    left: 50%;
    margin-left: -199px;
    margin-top: -100px;
    text-align: center
}

.box-8.delete-confirmation h2 span {
    color: #404040
}

.box-8.generic-modal-popup.ticket-providers {
    width: 572px !important;
    padding: 20px 24px
}

.box-8.generic-modal-popup.ticket-providers p {
    margin: 0 auto 15px auto
}

.modal-popup {
    width: 360px !important;
    position: absolute;
    z-index: 10001;
    top: 10%;
    left: 50%;
    margin-left: -199px;
    margin-top: -100px;
    text-align: center
}

.modal-popup .b8-m .b8-p {
    padding: 14px 20px 20px 24px;
    min-height: 0
}

.modal-popup .popup-text,
.generic-modal-popup .popup-text {
    margin: 16px 0 20px 0;
    padding: 0
}

.modal-popup .buttons,
.generic-modal-popup .buttons {
    width: 150px;
    margin: auto
}

.modal-popup a.popup-no,
.generic-modal-popup a.popup-no {
    float: left
}

.modal-popup a.popup-yes,
.generic-modal-popup a.popup-yes {
    float: right
}

.modal-popup a.popup-ok,
.generic-modal-popup a.popup-ok {
    float: left;
    margin-left: 50px
}

.modalContainer h1 {
    color: #494949;
    font-size: 1.5em;
    padding-bottom: 0
}

.modalContainer .generic-modal-popup {
    display: block;
    opacity: 1
}

.clear,
.caption {
    display: block
}

.generic-modal-popup {
    width: auto;
    position: absolute;
    z-index: 10001;
    top: 10%;
    left: 50%;
    margin-left: -199px;
    margin-top: -100px;
    text-align: center;
    display: none;
    opacity: 0
}

.generic-modal-popup.box-7 .b7-m {
    padding: 20px
}

.generic-modal-popup.box-7 h2 {
    font-size: 1.8em;
    color: #404040;
    margin: 0 auto;
    text-align: left
}

.generic-modal-popup.box-8 .b8-m {
    padding: 20px
}

.generic-modal-popup.box-8 .b8-m .b8-p {
    padding: 0
}

.generic-modal-popup.box-8 h2 {
    font-size: 1.8em;
    color: #404040;
    margin: 0 auto;
    text-align: left
}

.generic-modal-popup p {
    font-size: 1.2em;
    color: #404040;
    margin: 0 auto;
    padding-bottom: 0;
    text-align: left
}

.generic-modal-popup .close-modal {
    position: absolute;
    top: 20px;
    right: 20px
}

.generic-modal-popup .close-modal span {
    text-indent: -2000em;
    display: block
}

.generic-modal-popup .close-modal .sprite-main {
    background: url(../images/sprite-home.png) -131px -337px no-repeat;
    float: right
}

.generic-modal-popup .action-buttons {
    margin: 10px auto 0 auto;
    float: right
}

.generic-modal-popup .action-buttons button.cancel {
    margin-right: 10px;
    font-size: 1em;
    margin-top: 3px
}

.generic-modal-popup .action-buttons button.b-y.lrg.confirm {
    font-size: 1em;
    margin: 3px 0 0
}

.generic-modal-popup.update-journey-container {
    width: 820px
}

.generic-modal-popup.update-journey-container .journey-details {
    background-color: #fff
}

.generic-modal-popup.update-journey-container .ticket {
    margin: 20px 0 0 0
}

.generic-modal-popup.update-journey-container .ticket .departure,
.generic-modal-popup.update-journey-container .ticket .destination {
    width: 200px
}

.generic-modal-popup.update-journey-container .ticket-price p {
    text-align: center
}

.generic-modal-popup.ticket-providers h2 {
    text-align: left;
    font-size: 1.8em;
    color: #404040;
    padding: 0 170px 0 0
}

.generic-modal-popup.ticket-providers h2 span {
    color: #404040;
    font-weight: bold
}

.generic-modal-popup.ticket-providers p span {
    font-weight: bold
}

.generic-modal-popup button.b-g.lrg,
.generic-modal-popup button.b-y.lrg,
.generic-modal-popup a.b-g.lrg,
.generic-modal-popup a.b-y.lrg {
    float: left
}

.delete-confirmation {
    width: 500px
}

.max-items {
    width: 580px
}

@-moz-document url-prefix() {
    .generic-modal-popup .action-buttons button.b-g.lrg span,
    .generic-modal-popup .action-buttons button.b-y.lrg span {
        margin-top: -1px
    }
}

.ticket-providers .action-buttons {
    margin: 0;
    float: right
}

.ticket-providers .action-buttons a {
    vertical-align: middle;
    float: left;
    display: block;
    margin: 7px 10px 0 0;
    font-weight: bold
}

.ticket-providers .action-buttons button.b-y.lrg.confirm span {
    padding: 7px 20px 0 0;
    height: 28px
}

.ticket-provider-logos {
    background: #fff;
    width: 100%;
    margin: 0 0 30px 0
}

.ticket-provider-logos .toc-row {
    padding: 10px 0;
    margin: 0 22px;
    border-bottom: 1px solid #abcff5
}

.ticket-provider-logos .toc-row.last {
    border-bottom: 0
}

.ticket-provider-logos .toc-row div {
    float: left;
    height: 33px
}

.ticket-provider-logos .toc-row .from-nre {
    width: 214px
}

.ticket-provider-logos .toc-row .from-nre .sprite-main {
    background-position: -782px -735px
}

.ticket-provider-logos .toc-row .toc-row-arrow {
    padding: 10px 0 0 0
}

.ticket-provider-logos .toc-row .to-toc {
    width: 270px;
    padding-top: 4px
}

.ticket-provider-logos .toc-row .to-toc img {
    vertical-align: middle
}

.tvf-form {
    margin: 0 0 15px;
    background: #036 url(../images/bg-box-1-rev.png) left top repeat-x;
    background: -moz-linear-gradient(top, #165e99 0, #036 218px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #165e99), color-stop(218px, #036));
    background: -webkit-linear-gradient(top, #165e99 0, #036 218px);
    background: -o-linear-gradient(top, #165e99 0, #036 218px);
    background: linear-gradient(top, #165e99 0, #036 218px)
}

.tvf-form legend {
    color: #aecce4;
    font-weight: bold;
    font-size: 1.15em;
    text-align: right;
    left: -128px;
    margin: 0;
    position: absolute;
    padding-top: 1px;
    text-indent: 0;
    top: 0;
    width: 110px
}

.tvf-form label {
    color: #aecce4;
    font-weight: bold;
    font-size: 1.15em;
    text-align: right;
    margin: 0 20px 0 0;
    padding-top: 9px;
    text-indent: 0;
    width: 110px;
    float: left
}

.tvf-form fieldset {
    margin: 0 0 0 133px;
    padding: 0 0 15px;
    position: relative
}

.tvf-form fieldset label {
    color: #fff;
    font-size: 1.15em;
    font-weight: normal;
    line-height: 1;
    padding: 3px 8px 2px 2px;
    width: auto
}

.tvf-form fieldset .checkbox-border {
    clear: both
}

.tvf-form fieldset .checkbox-border-logged-in {
    clear: both
}


.tvf-form .field {
    clear: both;
    margin: 0
}

.tvf-form .field input {
    padding: 3px 10px 1px;
    margin: 0;
    border: 1px solid #323232;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 4px;
    font-size: 1.3em;
    color: #666;
    outline-width: 0;
    float: left;
    text-align: left;
    height: 22px
}

.tvf-form button.b-y {
    float: right;
    margin: -40px 0 0
}

.tvf-form .invalid.field {
    padding: 0 0 10px
}

.tvf-form #jp-errp {
    padding: 10px 15px 15px
}

.tvf-form .jperror {
    color: #fff;
    padding: 5px 2px
}

.tvf .tvf-results {
    margin: 0 0 20px
}

.tvf .tvf-results h2 {
    color: #036;
    font-size: 1.2em;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 10px 15px
}

.tvf-results ul li {
    background: #fff;
    padding: 10px 15px
}

.tvf-results .alt {
    background: #f5f5f5
}

#app-detect {
    display: none;
    border: 1px solid #036;
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -212px;
    z-index: 10001;
    width: 424px;
    background: #d6e5f1;
    background: -moz-linear-gradient(top, #fff 0, #d6e5f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #d6e5f1));
    background: -webkit-linear-gradient(top, #fff 0, #d6e5f1 100%);
    background: -o-linear-gradient(top, #fff 0, #d6e5f1 100%);
    background: -ms-linear-gradient(top, #fff 0, #d6e5f1 100%);
    background: linear-gradient(to bottom, #fff 0, #d6e5f1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d6e5f1", GradientType=0)
}

#app-detect .top-close {
    background: #036
}

#app-detect .top-close a {
    display: block;
    float: right;
    background: url(../images/sprite-takeover-banner.png) no-repeat 45px -446px;
    margin: 0 10px 0 0;
    padding: 9px 25px 10px 0;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none
}

#app-detect .top-close a:hover,
#app-detect .top-close a:focus,
#app-detect .top-close a:active {
    text-decoration: underline
}

#app-detect .left-content {
    width: 212px;
    float: left
}

#app-detect .left-content span.ipad {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/sprite-takeover-banner.png) no-repeat -2px -111px;
    margin: 20px auto 0;
    width: 138px;
    height: 179px
}

#app-detect .left-content a.store {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/sprite-takeover-banner.png) no-repeat -2px -57px;
    margin: 20px auto 10px;
    width: 137px;
    height: 40px
}

#app-detect .right-content {
    width: 180px;
    float: right;
    text-align: left;
    padding: 25px 12px 25px 20px
}

#app-detect .right-content ul {
    padding: 10px 0
}

#app-detect .right-content li {
    background: url(../images/sprite-takeover-banner.png) no-repeat -3px -418px;
    list-style: none;
    color: #036;
    font-size: 1.3em;
    margin: 0;
    padding: 0 0 5px 17px
}

#app-detect a.b-y {
    text-decoration: none;
    font-size: .95em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/sprite-home.png) -383px -25px no-repeat;
    padding: 0 0 0 12px;
    float: left;
    border: 0;
    overflow: visible;
    cursor: pointer;
    position: relative;
    margin: 6px 0
}

#app-detect a.b-y span {
    margin-top: 0;
    background: url(../images/sprite-home.png) 100% 0 no-repeat;
    height: 20px;
    padding: 5px 16px 0 3px;
    display: block;
    font-weight: bold;
    white-space: nowrap;
    position: relative
}

a:focus,
focus:focus,
input:focus,
button:focus {
    outline: 2px solid #ffe155
}

.jp-acc .journey-planner input.check:focus {
    outline: 2px solid #ffe155
}

.page button:focus {
    outline: 2px dotted #fff
}

.page .accordian button:focus {
    outline: 2px dotted #333
}

.page .box-1 .input-border input:focus {
    outline: 0
}

select:focus {
    outline: 0
}

.hours:focus,
.mins:focus {
    outline: 2px solid #ee7601
}

#ctf-results:focus {
    outline: 2px solid #ee7601
}

.disruptions-bar {
    text-align: center;
    background-color: #c91c13;
    color: #fff;
    position: relative
}

.disruptions-bar ul {
    width: 930px;
    margin: 0 auto;
    list-style: none;
    padding: 0;
    text-align: left
}

.disruptions-bar ul.dis-p1 {
    margin: 5px auto 0
}

.disruptions-bar li {
    display: block;
    float: left;
    padding: 20px 0 5px 105px;
    margin: 0;
    position: relative
}

.disruptions-bar li p {
    padding: 0 0 15px;
    width: 630px;
    float: left;
    font-size: 1.3em
}

.disruptions-bar li p.dis-tocs {
    font-size: 1em
}

.disruptions-bar li a {
    display: block;
    position: absolute;
    right: 0;
    text-align: right;
    width: 170px;
    padding: 10px 50px 10px 0;
    text-decoration: none;
    height: 22px;
    margin: -21px 0 0
}

.disruptions-bar .dis-p0 li {
    background: url(../images/dis-p0.png) no-repeat 0 50%
}

.disruptions-bar .dis-p0 li p {
    color: #fff;
    font-size: 1.3em
}

.disruptions-bar .dis-p0 li p.dis-tocs {
    font-size: 1em
}

.disruptions-bar .dis-p0 li a {
    color: #fff;
    background: url(../images/dis-sprite.png) no-repeat right -3px;
    top: 50%
}

.disruptions-bar .dis-p1 li {
    background: #fff url(../images/dis-p1.png) no-repeat 30px 50%;
    padding: 5px 0 0 105px;
    margin: 0 0 5px 0;
    min-height: 49px
}

.disruptions-bar .dis-p1 li p {
    color: #333;
    padding: 0 0 5px;
    min-height: 5px
}

.disruptions-bar .dis-p1 li a {
    background: url(../images/dis-sprite.png) no-repeat right -68px;
    top: 30px
}

.disruptions-bar h2,
.disruptions-bar h1 {
    color: #fff;
    padding: 0 0 10px 0;
    width: 610px;
    float: left;
    font-size: 2em;
    font-family: Arial, Helvetica, sans-serif
}

.disruptions-bar h1 {
    text-align: left;
    padding: 0
}

.disruptions-bar h1 .sprite-disruptions {
    background: url(../images/dis-sprite.png) no-repeat 0 -167px;
    vertical-align: bottom;
    margin: 0 55px 0 16px
}

.dis-sub-bar {
    background-color: #a6130b;
    text-align: center
}

.dis-sub-bar p {
    padding: 0
}

.dis-updated {
    background-color: transparent
}

.dis-sub-inner {
    width: 930px;
    margin: 0 auto;
    padding: 13px 0
}

.dis-last-updated {
    float: left;
    display: block;
    font-weight: bold
}

.dis-links {
    float: right;
    display: block
}

.dis-links a {
    color: #fff;
    font-weight: bold
}

.sprite-disruptions {
    background: url(../images/dis-sprite.png) no-repeat 0 -216px;
    vertical-align: bottom;
    margin: 0 0 0 20px
}

.dis-content {
    display: none
}

.dis-expanded .sprite-disruptions {
    background-position: 0 -237px
}

.dis-expanded .dis-content {
    display: block
}

.dis-show-hide {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 0;
    float: right
}

.jphome #jp-out-logged-out {
    width: 100%
}

.jphome #jp-in-logged-out {
    width: 100%
}

#jp-moreOp-logged-out {
   position: relative;
    background-color: #114b7f;
    padding: 9px 0 20px;
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    width: 524px
}

#jp .fast-logged-out {
     right: 0;
}

.compensation a {
    background-color: #ec2626;
    color: white;
}