body {
    margin: 0;
    background: url(/images/tb/bg.png) repeat-x #fff;
    font-family: MuseoSans-500;
}

p {
    /*line-height: 17px;*/
}

.progressjs-progress {
    z-index: 111099 !important;
}

.progressjs-inner {
    background-color: #E56F00 !important;
}

.body {
    margin-top: 0px;
}

#ui-datepicker-div {
    display: none;
}

input, textarea {
    /*-webkit-appearance: none;*/
    -webkit-border-radius: 0;
}

.tb-main-content-body {
    width: 710px;
}

.tb-main-sidebar-body {
    width: 230px;
    margin-left: 20px;
}

    .tb-main-sidebar-body > div {
        margin-bottom: 10px;
    }

    .tb-main-sidebar-body .live-timings {
        margin-left: 0px;
    }

h1, h2, h3, h4 {
    color: #373536;
    font-family: MuseoSans-700;
    font-weight: normal;
}

.mainheader {
    height: 120px;
    background-color: #414040;
    position: relative;
}

.mainfooter {
    background-color: #4b4a4a;
}

.header-graphic {
    height: 120px;
    position: absolute;
    width: 170px;
    right: 75px;
    bottom: 0px;
}

    .header-graphic img {
        bottom: 0px;
        position: absolute;
        right: 0;
    }

.info {
    font-size: 12px !important;
}

#headerContainer,
#footerContainer {
    width: 1150px;
    margin: 0 auto;
    padding: 0;
}

div.main-content {
    margin: 0 auto;
    width: 1110px;
}

.content-header {
    padding: 0 75px;
    position: relative;
    height: 120px;
}

    .content-header .trent-barton-live {
        position: absolute;
        top: 0;
        right: 60px;
        width: 196px;
        height: 30px;
    }

    .content-header .logo {
        width: 200px;
        height: 120px;
        margin-left: 0px;
        float: left;
    }

.content-body {
    padding: 0 75px;
    min-height: 500px;
}

.content-footer {
    padding: 15px 75px;
}

.charity-container {
    background-color: #232651;
    padding: 20px 0;
}

    .charity-container,
    .charity-container a {
        color: white;
        text-decoration: none;
    }

        .charity-container .charity-text {
            float: left;
            max-width: 45%;
            margin-top: 20px;
            margin-right: 110px;
        }

            .charity-container .charity-text .link,
            .charity-container .charity-text p {
                font-size: 1.3em;
                font-style: italic;
                line-height: 24px;
                font-family: MuseoSans-100;
            }

            .charity-container .charity-text .link {
                text-decoration: underline;
            }

        .charity-container .charity-logo {
        }

.main-body {
    background: white url(/images/tb/nav-top-shadow.png) repeat-x;
}

.sub-nav {
    padding: 5px 0px;
    display: inline-block;
}

    .sub-nav a,
    .sub-nav a:visited,
    .sub-nav a:hover {
        color: black;
        text-decoration: none;
        font-weight: normal;
    }

    .sub-nav ul {
        list-style-type: none;
        margin: 0;
        margin-left: -42px;
    }

    .sub-nav li {
        float: left;
        padding-left: 38px;
        height: 34px;
        line-height: 30px;
        margin-right: 8px;
    }

        .sub-nav li.nav-home {
            background: url(/images/tb/nav-home.png) no-repeat;
        }

        .sub-nav li.nav-tblive {
            background: url(/images/tb/nav-tblive.png) no-repeat;
        }

        .sub-nav li.nav-alerts {
            background: url(/images/tb/nav-alerts.png) no-repeat;
        }

        .sub-nav li.nav-mango {
            background: url(/images/tb/myaccount.png) no-repeat;
        }

        .sub-nav li.nav-signup {
            background: url(/images/tb/nav-signup.png) no-repeat;
        }

        .sub-nav li.nav-twitter {
            background: url(/images/tb/nav-twitter.png) no-repeat;
        }

        .sub-nav li.nav-route {
            background: url(/images/tb/nav-route.png) no-repeat;
        }

        .sub-nav li.nav-fare {
            background: url(/images/tb/nav-fare.png) no-repeat;
        }

        .sub-nav li.nav-contact {
            background: url(/images/tb/nav-contact.png) no-repeat;
            margin-right: 0px;
        }

        .sub-nav li.nav-contactless {
            background: url(/images/tb/contactlesslogo.png) no-repeat;
        }

.footer-nav {
    color: white;
    margin-left: 0px;
    width: 85%;
}

    .footer-nav ul {
        border-left: 1px solid #373536;
        display: block;
        float: left;
        margin-left: 10px;
        padding-left: 10px;
        padding-right: 10px;
        /*min-height: 210px;*/
        list-style-type: none;
        margin: 0;
        width: 14%;
    }

    .footer-nav .first {
        border-left: none;
        margin-left: 0;
    }

    .footer-nav a,
    .footer-nav a:visited {
        color: white;
        text-decoration: none;
    }

    .footer-nav h1,
    .footer-nav h2,
    .footer-nav h3 {
        font-size: 15px;
        font-weight: bold;
        font-family: MuseoSans-300;
        margin-bottom: 8px;
    }

    .footer-nav ul:first-child {
        border: none;
        padding-left: 0px;
    }

    .footer-nav li {
        font-size: 10px;
    }

.tbads-updates {
    padding: 30px 0px 10px 0px;
    margin-left: 0px;
    display: inline-block;
}

.tbads {
    margin-left: 0px;
    width: 710px;
}

    .tbads a {
        font-size: 0px;
    }

    .tbads img {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .tbads a:nth-child(3n+3) img {
        margin-right: 0px;
    }

.travel-updates {
    margin-left: 0px;
    width: 230px;
    float: right;
}

    .travel-updates .travel-inner {
        background: url(/images/tb/travel-alerts.png) no-repeat;
        padding-left: 55px;
        min-height: 250px;
    }

.travel-news {
    font-size: 12px;
}

    .travel-news h3 {
        font-family: MuseoSans-500;
        color: #c0001f;
        font-weight: bold;
        font-size: 14px;
        margin: 0;
    }

    .travel-news p {
        margin: 0;
    }

        .travel-news p > a {
            color: #f37400;
        }

            .travel-news p > a:visited {
                color: #f37400;
            }

.live-timings {
    width: 230px;
    height: 420px;
    background: #4b4a4a;
    margin-left: 20px;
    position: relative;
}

    .live-timings .live-inner {
        padding: 10px 10px 5px 10px;
    }

    .live-timings .live-logo {
        background: url(/images/tb/tb-live.png) no-repeat;
        height: 86px;
    }

    .live-timings .live-title {
        font-size: 17px;
        color: #edc100;
        margin: 10px 0px;
        margin-bottom: 15px;
        font-family: MuseoSans-500;
    }

    .live-timings div {
        color: #fff;
        font-size: 0.95em;
    }

    .live-timings .live-route {
        height: 150px;
        background: url(/images/tb/tb-live-emoticon.png) no-repeat;
        background-position: bottom center;
    }

    .live-timings .live-route-loading {
        background-image: url(/images/tb/tb-live-emoticon-animated.gif);
    }

    .live-timings .live-route-no-bg {
        background: none !important;
    }

    .live-timings .live-emoticon {
        text-align: center;
    }

    .live-timings .live-search-content {
        position: absolute;
        width: 210px;
        bottom: 10px;
    }

    .live-timings .live-button {
        text-align: center;
    }

    .live-timings table {
        color: #ffffff;
    }

    .live-timings th {
        text-align: left;
    }

    .live-timings .comError h3 {
        margin: 10px 0;
    }

.live-timings-tb {
    width: 710px;
    min-height: 190px;
    height: auto;
    margin-left: 0px;
    margin-top: 20px;
}

    .live-timings-tb .live-content {
        float: left;
        width: 310px;
    }

    .live-timings-tb .live-logo {
        float: left;
        width: 110px;
        height: 100px;
    }

    .live-timings-tb .live-search-content {
        float: left;
        width: 270px;
    }

    .live-timings-tb .live-route {
        min-height: 148px;
        height: auto;
        width: 273px;
        background: url(/images/tb/tb-live-emoticon.png) no-repeat;
        background-position: bottom center;
    }

.social-links {
    background: url(/images/tb/social-back.png) no-repeat;
    height: 45px;
    padding-bottom: 50px;
    margin-top: 40px;
    position: relative;
    padding-top: 48px;
    background-position: 0 40px;
}

    .social-links .header-icon {
        background: url(/images/tb/get-social.jpg) no-repeat;
        height: 40px;
        width: 150px;
        position: absolute;
        top: 0;
        left: 5px;
    }

    .social-links .social-link-icons {
        position: absolute;
        margin-left: 22px;
        margin-top: 8px;
    }

    .social-links .live-icons {
        position: absolute;
        left: 350px;
        float: left;
        max-width: 300px;
        padding-left: 14px;
    }

    .social-links .social-link-icons > div {
        height: 36px;
        padding-left: 200px;
    }

    .social-links .social-link-icons > span {
        font-size: 12px;
        color: #666666;
    }

.fleetTable {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

    .fleetTable tbody tr:first-child th {
        background-color: #f2742e;
        text-align: center;
        padding: 3px;
        color: #fff;
        font-family: MuseoSans-300;
    }

    .fleetTable tr {
        background-color: #ebeae6;
    }

    .fleetTable td {
        text-align: center;
    }

    .fleetTable tr:nth-of-type(2n) {
        background-color: #f5f5f3;
    }

    .fleetTable td strong {
        display: block;
        padding-left: 2px;
        text-align: left;
    }

.route-finder-main {
}

    .route-finder-main .rt-sidebar {
        width: 230px;
        margin-left: 20px;
    }

        .route-finder-main .rt-sidebar .live-timings {
            margin-left: 0px;
        }

    .route-finder-main .route-finder {
        width: 710px;
    }


.route-finder-stops {
}


    .route-finder-stops select {
        border-radius: 4px;
    }

    .route-finder-postcode .control-label,
    .route-finder-stops .control-label {
        width: 107px;
    }

    .route-finder-postcode .controls,
    .route-finder-stops .controls {
        margin-left: 115px;
    }

    .route-finder-stops div:first-child {
        margin-bottom: 10px;
    }


    .route-finder-postcode .tb-btn,
    .route-finder-postcode select,
    .route-finder-stops .tb-btn,
    .route-finder-stops select {
        width: 180px;
    }

.route-finder-postcode .postcode-inpt {
    width: 175px;
    height: 19px;
}

.journeyDetails {
    margin-top: 20px;
}

.postcode-nearest-route {
    margin-top: 20px;
}

.route-finder-heading-postcode {
    padding-left: 115px;
    background: url(/images/tb/routefinder_emoticon.png) no-repeat;
    height: 70px;
    background-position: 30px;
}

.route-finder-heading {
    padding-left: 115px;
    background: url(/images/tb/routefinder_bus.png) no-repeat;
    height: 50px;
    margin-bottom: 0px;
}

    .route-finder-heading-postcode p,
    .route-finder-heading p {
        margin: 0;
        padding: 0;
        font-size: 12px;
    }

    .route-finder-heading-postcode h2,
    .route-finder-heading h2 {
        margin: 0;
        padding: 0;
        margin-bottom: 1px;
        font-size: 22px;
        color: #373536;
        font-weight: bold;
        font-family: MuseoSans-500;
    }

.travel-alerts-title {
    padding-bottom: 20px;
}

    .travel-alerts-title h2 {
        margin-bottom: 2px;
    }

    .travel-alerts-title p {
        margin: 0;
        padding: 0;
    }

.travelUpdate {
    width: 700px;
}

    .travelUpdate .updateIcon {
        background: url(/images/tb/travelupdates-icon.png) no-repeat;
        float: left;
        width: 50px;
        height: 50px;
        margin-left: 0px;
    }

    .travelUpdate article {
        float: left;
        margin-left: 8px;
        width: 642px;
    }

    .travelUpdate header {
        margin-bottom: 4px;
    }

        .travelUpdate header > span {
            color: #f37400;
            font-size: 14px;
        }

            .travelUpdate header > span a:hover,
            .travelUpdate header > span a:visited,
            .travelUpdate header > span a {
                color: #f37400 !important;
            }

        .travelUpdate header span:first-child {
            font-weight: bold;
            font-size: 18px;
            display: inline-block;
            margin-bottom: 4px;
        }

        .travelUpdate header .datetime {
            color: #f37400;
            font-style: italic;
            float: right;
        }

        .travelUpdate header .sub {
            color: rgb(153, 152, 152);
            font-size: 12px;
        }

    .travelUpdate section {
        font-size: 13px;
        padding-bottom: 10px;
    }

        .travelUpdate section .read-more {
            width: 72px;
        }

    .travelUpdate footer {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 4px;
    }

        .travelUpdate footer .service-link {
            width: 110px;
        }

/*Saver Ticket Page */

.saver-body {
    margin: 0;
    padding: 0;
    width: 700px;
}

    .saver-body h3 {
        color: #447ec0;
        background-color: #e5ebf2;
        padding: 5px;
        font-size: 13px;
    }

    .saver-body .saver-inner-body {
        background-image: url(/images/tb/saver-buy-online-emoticon.png);
        background-repeat: no-repeat;
        padding-left: 80px;
    }

.share {
    font-size: 12px;
    color: #666666;
    width: 155px;
}

    .share span {
        margin-right: 5px;
    }

    .share a {
        padding-right: 9px;
    }

.newsitem {
}

    .newsitem .news-item-large-image {
        background-color: #e1e1e1;
        padding: 5px;
        text-align: center;
    }

        .newsitem .news-item-large-image .caption {
            margin: 5px;
            display: block;
            font-size: 16px;
            line-height: 1.5em;
        }

    .newsitem .serviceList .service-link {
        width: 110px;
        /*font-size: 13px;*/
    }

.serviceList .service-link.service-tag {
    border: 1px solid #b5b5b5;
    -ms-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
    display: inline-block;
    margin: 0 5px 10px 0;
    width: 217px;
    font-size: 16px;
}

    .serviceList .service-link.service-tag span {
        margin-left: 5px;
        color: #7b7b7b;
    }

.serviceList.travel-updates-service-list .service-link.service-tag {
    width: 195px;
}

footer .service-link {
    font-size: 11px;
}

.newsitem .serviceList {
    margin-bottom: 20px;
    margin-top: 20px;
}

.newsitem > h2 {
    margin-bottom: 1px;
    padding-bottom: 1px;
}

.newsitem .datetime {
    color: #f48131;
    font-style: italic;
    font-size: 13px;
}

.newsitem .newsitem-content {
    display: inline-table;
}

.our-news-items {
}

    .our-news-items .our-news-list {
        width: 715px;
    }

    .our-news-items .ournews-header {
        margin-bottom: 30px;
    }

        .our-news-items .ournews-header h1 {
            font-size: 25px;
            margin-bottom: 0;
            padding-bottom: 6px;
        }

        .our-news-items .ournews-header p {
            padding-top: 0;
            margin-top: 0;
            font-size: 16px;
            color: #373536;
        }

.our-news-item-detail article {
}

.our-news-item-detail .thumb-div {
    float: left;
    width: 110px;
    text-align: center;
}

    .our-news-item-detail .thumb-div img {
        max-width: 110px;
        max-height: 110px;
    }

.our-news-item-detail header {
    display: inline-block;
    margin-bottom: 4px;
}

    .our-news-item-detail header .whatson-news-title {
        font-size: 16px;
        font-family: MuseoSans-700;
    }

    .our-news-item-detail header .datetime {
        font-size: 12px;
        color: #f37400;
        font-style: italic;
    }

.our-news-item-detail section {
    padding-bottom: 10px;
    display: inline-block;
}

    .our-news-item-detail section .read-more {
        width: 72px;
    }

.our-news-item-detail footer {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
}

    .our-news-item-detail footer .service-link {
        width: 110px;
    }

.previousNewsletters {
    background: #66a7d9;
    padding: 5px;
    color: #fff;
    font-weight: normal;
}

.featureInner .the-really-good-review label {
    padding-left: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #373536;
}

.featureInner .chkBoxItem {
    display: inline-block;
    width: 280px;
    margin-right: 40px;
    border-bottom: 1px solid #cdcccd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

    .featureInner .chkBoxItem label,
    .featureInner .chkBoxItem span {
        font-size: 14px;
        font-weight: bold;
        color: #373536;
    }

    .featureInner .chkBoxItem label,
    .featureInner .chkBoxItem span,
    .featureInner .chkBoxItem img {
        width: 25px;
        height: 24px;
        padding-left: 6px;
    }

.chkBoxItem span {
    margin-left: -3px;
}

.subscribedServices {
    list-style: none;
}

    .subscribedServices .chkBoxItem {
        border-bottom: none;
    }

        .subscribedServices .chkBoxItem span {
            font-size: 14px;
            font-weight: bold;
            color: #373536;
        }
/*#region MANGO */

.mango-main {
    /*width: 710px;*/
    min-height: 600px;
    margin-right: 240px;
}

.mango-sidebar {
    float: right;
    width: 230px;
    margin-left: 5px;
    margin-top: 10px;
}

    .mango-sidebar .existing-user .header-existing {
        background-color: #3D8327;
        color: #fff;
        font-size: 20px;
        padding: 10px;
        position: relative;
    }

        .mango-sidebar .existing-user .header-existing img {
            position: absolute;
            bottom: 0;
        }

        .mango-sidebar .existing-user .header-existing h3 {
            margin-left: 80px !important;
            color: white;
            margin: 0;
            font-size: 20px;
        }

    .mango-sidebar .existing-user .content {
        background: #74ad45;
        padding: 10px 10px;
        text-align: center;
    }

        .mango-sidebar .existing-user .content a {
            color: #fff;
        }

    .mango-sidebar .new-user {
        /*background: url(/images/tb/mango-new-emoticon.png) no-repeat;
        padding-top: 50px;*/
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .mango-sidebar .new-user .header-newuser {
            background-color: #D6721C;
            color: #fff;
            font-size: 20px;
            padding: 10px;
            position: relative;
        }

            .mango-sidebar .new-user .header-newuser img {
                position: absolute;
                bottom: 0;
            }

            .mango-sidebar .new-user .header-newuser h3 {
                color: white;
                margin: 0;
                margin-left: 80px;
                font-size: 20px;
            }

        .mango-sidebar .new-user .content {
            color: #fff;
            font-size: 15px;
            background: #e9a01f;
            padding: 10px 10px;
        }

    .mango-sidebar .account-panel {
        background: #d6e8a7;
        color: #fff;
        margin-bottom: 20px;
    }

        .mango-sidebar .account-panel a {
            color: #fff;
        }

        .mango-sidebar .account-panel .header {
            background-color: #32721e;
            padding: 10px 10px;
            color: #fff;
        }

        .mango-sidebar .account-panel .content {
            color: #fff;
            font-size: 15px;
            padding: 10px 10px;
        }

    .mango-sidebar .mango-account-nav {
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
        color: #fff;
    }

    .mango-sidebar .mango-account-nav-sublinks {
        margin-left: 10px;
        color: #fff;
    }

    .mango-sidebar .mango-account-nav li {
        color: #fff;
    }

    .mango-sidebar .mango-account-nav a:hover,
    .mango-sidebar .mango-account-nav a {
        font-weight: normal;
        text-decoration: none;
        display: block;
        color: #fff;
    }

.mango-welcome {
}

    .mango-welcome .primary-links {
        /*min-height: 525px;*/
    }

    .mango-welcome .mango-primarylinks {
        width: 160px;
        height: 250px;
        margin-left: 17px;
        float: left;
    }

        .mango-welcome .mango-primarylinks p {
            padding: 5px;
            margin: 0;
        }


    .mango-welcome .secondary-links {
        /*min-height: 345px;*/
        display: inline-block;
    }

        .mango-welcome .secondary-links .header {
            padding: 9px;
            background-color: #619635;
            color: #fff;
            font-size: 21px;
        }

        .mango-welcome .secondary-links .column1 {
            width: 380px;
            float: left;
        }

        .mango-welcome .secondary-links .column2 {
            width: 285px;
            float: left;
        }

    .mango-welcome .mango-secondarylinks {
        margin-top: 30px;
    }

        .mango-welcome .mango-secondarylinks p {
            margin: 0;
            padding: 0;
        }

        .mango-welcome .mango-secondarylinks .icon {
            width: 65px;
            height: 90px;
            float: left;
            margin-right: 10px;
        }

            .mango-welcome .mango-secondarylinks .icon img {
                float: right;
            }

        .mango-welcome .mango-secondarylinks .content {
        }

            .mango-welcome .mango-secondarylinks .content .head {
                font-size: 16px;
            }

div.ui-datepicker {
    font-size: smaller;
}

#mainRight div.mango-card {
    /*margin-top: 40px;*/
}

    #mainRight div.mango-card dl dt {
        text-align: right;
    }

#mainRight .mango-card a {
    width: 115px;
}

.mango-card .actions {
    margin-left: 124px;
    margin-bottom: 25px;
}

.mango-card .new-bod-icon {
    background: url(/images/trentbarton/new-arrow-bod.png) no-repeat 150px 0;
    min-height: 85px;
    padding-top: 14px;
    margin-bottom: 0;
}

.mango-register-header {
    background: url(/images/tb/mango-registercard.png) no-repeat;
    padding-left: 80px;
    height: 45px;
    position: relative;
}

    .mango-register-header h2 {
        position: absolute;
    }

.mango-registercard {
    margin-left: 80px;
}

.mango-cardnumber {
    margin-top: 20px;
}

    .mango-cardnumber .mango-cardnumber-header {
        padding: 5px 10px;
        background-color: #619635;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .mango-cardholder th,
    .mango-cardnumber th {
        width: 150px;
        text-align: right;
        font-weight: normal;
        color: #000;
    }

.mango-cardholder td .hasDatepicker {
    width: 106px !important;
}

.mango-cardholder {
    margin-bottom: 20px;
    margin-top: 30px;
}

    .mango-cardholder .mango-cardholder-header {
        padding: 5px 10px;
        background-color: #aed14f;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

.mango-addnew-header {
    background: url(/images/tb/mango-registernew.png) no-repeat;
    padding-left: 95px;
    height: 45px;
    position: relative;
}

    .mango-addnew-header h2 {
        position: absolute;
    }

.mango-addnew-header-cqlove {
    background: url(/images/tb/mango-cqlove-card.png) no-repeat;
    padding-left: 95px;
    height: 63px;
    position: absolute;
}

    .mango-addnew-header-cqlove h2 {
        position: absolute;
    }

.mango-addnew-header-cqwork {
    background: url(/images/tb/mango-cqwork-card.png) no-repeat;
    padding-left: 95px;
    height: 63px;
    position: absolute;
}

    .mango-addnew-header-cqwork h2 {
        position: absolute;
    }

.mango-addnew-header-lovebeeston {
    background: url(/images/tb/mango-lovebeeston-card.png) no-repeat;
    padding-left: 95px;
    height: 66px;
    position: absolute;
}

    .mango-addnew-header-lovebeeston h2 {
        position: absolute;
    }


.mango-addnew {
    margin-left: 95px;
}

    .mango-addnew .mango-card-items {
    }

        .mango-addnew .mango-card-items .control-label {
            width: 172px;
        }

    .mango-addnew .additionalInfo {
    }

    .mango-addnew .additionalInfo-header {
        margin-top: 20px;
    }

    .mango-addnew .additionalInfo th,
    .mango-addnew .additionalInfo td {
        color: #000;
    }

    .mango-addnew .mango-enterdetails-header {
        padding: 5px 10px;
        background-color: #619635;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .mango-addnew .cq-work {
        background-color: #958758;
    }

    .mango-addnew .cq-love {
        background-color: #700e2c;
    }

    .mango-addnew .love-beeston {
        background-color: #a26499;
    }

    .mango-addnew .mango-yourorder-header {
        padding: 5px 10px;
        background-color: #aed14f;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .mango-addnew .mango-card-items td select {
        width: 100%;
    }

    .mango-addnew .mango-card-items th {
        width: 150px;
        text-align: right;
        font-weight: normal;
        color: #000;
    }

    .mango-addnew .mango-card-items .hasVoucherCode,
    .mango-addnew .mango-card-items .hasDatepicker {
        width: 106px !important;
    }

    .mango-addnew .remove-mango,
    .mango-addnew .add-another-mango {
        margin-left: 180px;
        margin-top: 10px;
    }

        .mango-addnew .add-another-mango a {
            width: 147px;
        }

    .mango-addnew td a.remove {
        width: 71px !important;
    }

    .mango-addnew .shopping-cart-summary {
    }

        .mango-addnew .shopping-cart-summary th {
            width: 88px;
            text-align: right;
            font-weight: normal;
        }

        .mango-addnew .shopping-cart-summary .total {
            color: #000;
        }


        .mango-addnew .shopping-cart-summary td {
            padding-left: 10px;
            font-weight: normal;
            font-size: 16px;
            color: #000;
        }

            .mango-addnew .shopping-cart-summary td hr {
                color: #dcdada;
                background-color: #dcdada;
            }

.mango-topup {
    margin-left: 95px;
    margin-top: -35px;
}

    .mango-topup .mango-topupdetails-header {
        padding: 5px 10px;
        background-color: #619635;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .mango-topup .mango-billingdetails-header {
        padding: 5px 10px;
        background-color: #aed14f;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .mango-topup .mango-deliverydetails-header {
        padding: 5px 10px;
        background-color: #aed14f;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .mango-topup .mango-topupdetails {
    }

        .mango-topup .mango-deliverydetails th,
        .mango-topup .mango-billingdetails th,
        .mango-topup .mango-topupdetails th {
            width: 150px;
            text-align: right;
            font-weight: normal;
            color: #000;
        }

        .mango-topup .mango-deliverydetails td,
        .mango-topup .mango-billingdetails td,
        .mango-topup .mango-topupdetails td {
            padding-left: 10px;
        }

.mango-checkout-header {
    background: url(/images/tb/mango-checkout.png) no-repeat;
    padding-left: 95px;
    height: 73px;
    position: relative;
}

    .mango-checkout-header h2 {
        position: absolute;
    }

.mango-topup .mango-deliverydetails {
}

.mango-topup .mango-billingdetails {
}

    .mango-topup .mango-deliverydetails select,
    .mango-topup .mango-billingdetails select {
        width: 186px;
    }

.mango-topup .verificationNumber {
}

    .mango-topup .verificationNumber th {
        width: 150px;
        text-align: right;
        font-weight: normal;
        vertical-align: top;
    }

    .mango-topup .verificationNumber td {
        padding-left: 10px;
    }

.cc-mango-card a {
    margin-right: 1em;
    text-decoration: none !important;
    color: #555;
}

.mango-cardamount {
    font-size: 14px;
}

.mango-card-add-topup label {
    padding-left: 6px;
}

.mango-cardholderdetail-header {
    background: url(/images/tb/mango-mymango-emoticon.png) no-repeat;
    padding-left: 70px;
    height: 66px;
    position: relative;
}

    .mango-cardholderdetail-header h2 {
        position: absolute;
    }

.mango-cardholderdetail {
    margin-left: 70px;
    margin-top: -30px;
}

    .mango-cardholderdetail .action input {
        float: left;
        margin-right: 20px;
    }

    .mango-cardholderdetail th,
    .mango-cardholderdetail th {
        width: 150px;
        text-align: right;
        font-weight: normal;
        color: #000;
    }

    .mango-cardholderdetail td .hasDatepicker {
        width: 106px !important;
    }


.mango-personaldetails-header {
    background: url(/images/tb/mango-details-emoticon.png) no-repeat;
    padding-left: 72px;
    height: 62px;
    position: relative;
}

    .mango-personaldetails-header h2 {
        position: absolute;
        margin-top: 0;
    }

.mango-changepasswordpage-header h2 {
    padding: 5px 10px;
    background-color: #619635;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}

.mango-personaldetails {
    margin-left: 72px;
    margin-top: -42px;
}

    .mango-personaldetails .mango-changepassword-header {
        padding: 5px 10px;
        background-color: #619635;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

        .mango-personaldetails .mango-changepassword-header .control-label {
            width: 165px;
            text-align: right;
            font-weight: normal;
            vertical-align: top;
            color: #000;
        }

    .mango-personaldetails .mango-yourdetails {
        margin-top: 30px;
    }

    .mango-personaldetails .mango-yourdetails-header {
        padding: 5px 10px;
        background-color: #aed14f;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .mango-personaldetails th {
        width: 150px;
        text-align: right;
        font-weight: normal;
        vertical-align: top;
        color: #000;
    }

    .mango-personaldetails td {
        padding-left: 10px;
        color: #000;
    }

    .mango-personaldetails .keepinformed,
    .mango-personaldetails .passwordmessage,
    .mango-personaldetails select {
        width: 186px;
    }

    .mango-personaldetails .keepinformed {
        padding-top: 20px;
    }

    .mango-personaldetails .passwordmessage {
        padding-bottom: 20px;
    }

    .mango-personaldetails .keepinformed label {
        padding-left: 10px;
    }

    .mango-personaldetails .hasDatepicker {
        width: 106px !important;
    }

    .mango-personaldetails .lookuppostcode {
        width: 113px !important;
    }

.mango-faq-header {
    background: url(/images/tb/mango-FAQ-emoticon.png) no-repeat;
    padding-left: 65px;
    height: 90px;
}

    .mango-faq-header h2 {
        position: absolute;
        margin-top: 0px;
    }

.mango-faq {
    margin-left: 65px;
    margin-top: -70px;
}

    .mango-faq a.open {
        background: url(/images/tb/arrow-down.png) no-repeat #619635;
        background-position: center right;
        background-position-x: 99%;
    }

    .mango-faq a.closed {
        background: url(/images/tb/arrow-right.png) no-repeat #619635;
        background-position: center right;
        background-position-x: 99%;
    }

    .mango-faq a.open,
    .mango-faq a.closed {
        color: white;
        padding: 5px;
        width: 98%;
        display: block;
    }

.mango-terms-header {
    background: url(/images/tb/mango-terms-emoticon.png) no-repeat;
    padding-left: 65px;
    height: 90px;
}

    .mango-terms-header h2 {
        position: absolute;
        margin-top: 0px;
    }

/*.mango-terms
{
    margin-left: 65px;
    margin-top: -70px;
}*/

.mango-paymentcard-header {
    background: url(/images/tb/mango-paymentcards-emoticon.png) no-repeat;
    padding-left: 75px;
    height: 62px;
}

    .mango-paymentcard-header h2 {
        position: absolute;
        margin-top: 0px;
    }

.mango-paymentcard {
    margin-left: 75px;
    margin-top: -25px;
}

    .mango-paymentcard .card-details-header {
        padding: 5px 10px;
        background-color: #619635;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .mango-paymentcard .card-billing-details-header,
    .mango-paymentcard .card-delivery-details-header {
        padding: 5px 10px;
        background-color: #aed14f;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .mango-paymentcard th {
        width: 150px;
        text-align: right;
        font-weight: normal;
        vertical-align: top;
        color: #000;
    }

    .mango-paymentcard td {
        padding-left: 10px;
        color: #000;
    }

    .mango-paymentcard select {
        width: 186px;
    }

.mango-signup-header {
    background: url(/images/tb/mango-details-emoticon.png) no-repeat;
    padding-left: 75px;
    height: 62px;
}

    .mango-signup-header h2 {
        position: absolute;
        margin-top: 0px;
    }

.mango-signup-email-header {
    background: url(/images/tb/mango-email.png) no-repeat;
    padding-left: 75px;
    height: 62px;
    margin-top: 45px;
    margin-left: -75px;
}

    .mango-signup-email-header p {
        margin-top: 0px;
    }

.mango-signup {
    margin-left: 75px;
    margin-top: -45px;
}

    .mango-signup .mango-yourdetails .newsletterCheck label {
        padding-left: 8px;
    }

    .mango-signup .mango-yourdetails .newsletterCheck,
    .mango-signup input[type="text"] {
        /*width: 300px;*/
    }

.mango-reset-password-header {
    padding: 5px 10px;
    background-color: #619635;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}

.mango-chooseusername-header {
    padding: 5px 10px;
    background-color: #619635;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}

.mango-signup .mango-yourdetails .mango-yourdetails-header {
    padding: 5px 10px;
    background-color: #619635;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}

.mango-signup .control-label {
    width: 165px;
    text-align: right;
    font-weight: normal;
    vertical-align: top;
    color: #000;
}

.mango-signup .controls {
    color: #000;
    width: 230px;
}

.mango-signup .emailsuggest,
.mango-signup .keepinformed,
.mango-signup .passwordmessage,
.mango-signup select {
    width: 186px;
}

.mango-signup .emailSuggestion {
    width: 100%;
}

.mango-signup .keepinformed {
    padding-top: 20px;
}

.mango-signup .emailsuggest,
.mango-signup .passwordmessage {
    padding-bottom: 20px;
}

.mango-signup .keepinformed label {
    padding-left: 10px;
}

.mango-signup .hasDatepicker {
    width: 106px !important;
}

.mango-signup .lookuppostcode {
    width: 116px !important;
}
/*#endregion MANGO*/

.vacancy-form {
    margin: 0px;
    padding: 0px;
    max-width: 680px;
}

    .vacancy-form .vacancy-header {
        padding: 5px 10px;
        background-color: #f2952e;
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .vacancy-form th {
        width: 155px;
        text-align: right;
        font-weight: normal;
        vertical-align: top;
        color: #000;
    }

    .vacancy-form td {
        padding-left: 10px;
        color: #000;
    }

    .vacancy-form select {
        width: 186px;
    }

    .vacancy-form textarea,
    .vacancy-form input {
        width: 380px;
    }

        .vacancy-form input[type=radio] {
            width: 25px;
        }

    .vacancy-form textarea {
        height: 80px;
        resize: none;
    }

    .vacancy-form .smallinput {
        width: 157px;
    }

    .vacancy-form .xsmallinput {
        width: 60px;
    }

    .vacancy-form .longtext {
        width: 450px;
        text-align: left;
        padding-left: 20px;
    }

    .vacancy-form .onlytextarea {
        margin-left: 36px;
    }

    .vacancy-form .radioListRow {
        padding-left: 0px;
    }

        .vacancy-form .radioListRow > label {
            width: 445px;
            display: inline-block;
        }

    .vacancy-form .radioList {
        float: right;
    }

        .vacancy-form .radioList input {
            width: 25px;
            margin-top: -4px;
        }

    .vacancy-form .extraspacing td {
        padding-bottom: 15px;
    }

    .vacancy-form .previousEmployment th {
        text-align: left;
        width: 100px;
        padding: 2px;
        margin: 0px;
    }

        .vacancy-form .previousEmployment th.small,
        .vacancy-form .previousEmployment td.small,
        .vacancy-form .previousEmployment td.small input {
            width: 60px;
        }

        .vacancy-form .previousEmployment th.big,
        .vacancy-form .previousEmployment td.big,
        .vacancy-form .previousEmployment td.big input {
            width: 140px;
        }

    .vacancy-form .previousEmployment td {
        text-align: left;
        width: 100px;
        padding: 2px;
        margin: 0px;
    }

        .vacancy-form .previousEmployment td input {
            width: 100px;
        }

    .vacancy-form .printOnly {
        display: none;
        border: 1px solid black;
        padding: 10px;
    }

    .vacancy-form .webOnly {
    }

    .vacancy-form .companyUse {
        height: 40px;
        width: 200px;
        border: 1px solid black;
        margin-top: 10px;
        padding: 5px;
    }

@media print {
    .vacancy-form {
        margin-top: 0px;
        padding-top: 0px;
    }

        .vacancy-form .printOnly {
            display: block;
        }

        .vacancy-form .webOnly {
            display: none;
        }

        .vacancy-form .previousEmployment {
            border: 1px solid gray;
        }

            .vacancy-form .previousEmployment th,
            .vacancy-form .previousEmployment td,
            .vacancy-form th,
            .vacancy-form td {
                height: 26px;
            }

            .vacancy-form .previousEmployment th,
            .vacancy-form .previousEmployment td {
                border: 1px solid gray;
            }

        .vacancy-form .vacancy-header {
            margin-bottom: 10px;
            margin-top: 10px;
            font-weight: 900;
        }
}

.vacancy-form-details {
}

    .vacancy-form-details h3 {
        background: #ecbf35;
        padding: 5px;
        color: #fff;
        font-family: MuseoSans-700;
        font-weight: normal;
        cursor: pointer;
    }

    .vacancy-form-details .clickToToggle-closed > span {
        background: url(/images/tb/arrow-right.png) no-repeat;
        background-position: center;
    }

    .vacancy-form-details .clickToToggle-open > span {
        background: url(/images/tb/arrow-down.png) no-repeat;
        background-position: center;
    }

    .vacancy-form-details h3 > span {
        float: right;
        width: 20px;
        height: 20px;
    }

.tb-live {
    background: #4b4a4a;
    min-width: 830px;
}

    .tb-live .header {
        height: 110px;
        /*background-color: #373536;*/
        position: relative;
    }

        .tb-live .header > div > h1 {
            color: #edc100;
            padding-top: 50px;
            padding-left: 120px;
            margin: 0;
            font-size: 24px;
            font-family: MuseoSans-500;
        }

        .tb-live .header h2 {
            color: #edc100;
            font-family: MuseoSans-500;
        }

        .tb-live .header .live-logo-emoticon {
            background: url(/images/tb/radarbod_transp.gif) no-repeat;
            position: absolute;
            width: 80px;
            height: 110px;
            top: 0;
            right: 10px;
            max-height: 110px;
        }

        .tb-live .header > .headerText {
            float: left;
            margin-top: 20px;
            max-width: 178px;
        }

    .tb-live .refresh {
        float: right;
    }

    .tb-live .header .bus-name {
    }

    .tb-live .header .live-logo {
        background: url(/images/tb/tb-live.png) no-repeat;
        width: 102px;
        height: 86px;
        float: left;
        margin: 10px;
    }

    .tb-live .content {
        color: #fff;
    }

        .tb-live .content h3 {
            margin: 0;
            padding: 0;
            font-size: 15px;
            font-family: MuseoSans-500;
            margin-bottom: 20px;
            color: #fff;
        }

        .tb-live .content .byselect,
        .tb-live .content .bysearch,
        .tb-live .content .bymap {
            /*width: 280px;*/
            padding: 0px 19px;
            margin: 15px 0px;
        }

            .tb-live .content .byselect select {
                margin-bottom: 15px;
                width: 100%;
            }

            .tb-live .content .bysearch #divPostCode input[type='text'] {
                padding: 4px;
            }

        .tb-live .content .bymap {
            border-right: none;
        }

    .tb-live .tb-live-error {
        background-color: rgb(255, 207, 207);
        padding: 15px;
        color: rgb(71, 71, 71);
    }

    .tb-live .resultcontent {
        padding: 15px 20px;
    }

    .tb-live input,
    .tb-live select {
        border-radius: 5px;
    }


div.header h1 {
    float: left;
    display: block;
    color: #edc100;
    margin-top: 49px;
    margin-left: 10px;
}

.fare-finder {
    width: 230px;
    color: #fff;
    background: #555354;
    min-height: 140px;
}

    .fare-finder .header {
        position: relative;
        background: #373536;
        height: 48px;
    }

        .fare-finder .header h2 {
            margin-top: 0px;
            margin-left: 93px;
            padding-top: 15px;
            color: white;
        }

    .fare-finder .ff-icon {
        top: 4px;
        left: 12px;
        position: absolute;
        background: url(/images/tb/routefinder_emoticon-green.png) no-repeat;
        width: 75px;
        height: 60px;
    }

    .fare-finder .content {
        padding: 10px 20px;
    }

        .fare-finder .content .btn-findfares {
        }

        .fare-finder .content select {
            width: 190px;
        }

        .fare-finder .content h3 {
            color: #fff;
            margin-bottom: 0;
        }

        .fare-finder .content .saverTickets {
            width: 190px;
        }

            .fare-finder .content .saverTickets a {
                color: #fff;
                text-decoration: underline;
            }

        .fare-finder .content .ticketType2,
        .fare-finder .content .ticketType {
        }

            .fare-finder .content .ticketType2 > div,
            .fare-finder .content .ticketType > div {
                margin-top: 10px;
                width: 190px;
            }

        .fare-finder .content .tt-image {
            width: 27px;
            display: inline-block;
            padding-right: 2px;
        }

        .fare-finder .content .tt-name {
            width: 115px;
            display: inline-block;
        }

        .fare-finder .content .tb-btn {
            margin-top: 0px;
        }

        .fare-finder .content .tt-price {
            color: #fff;
            display: inline-block;
        }

            .fare-finder .content .tt-price:first-letter {
                color: #9b9a9a;
            }

.mangoLoginWidget {
    height: 230px;
    width: 230px;
    background: url(/images/tb/mango-login-bg-top.png) no-repeat;
}

    .mangoLoginWidget .info {
        color: #fff;
    }

    .mangoLoginWidget img.signup {
    }

    .mangoLoginWidget .content {
        margin-top: 50px;
        height: 101px;
        margin-left: 12px;
    }

.journey-history-wrapper {
    margin-top: 30px;
}

.journey-history {
    width: 100%;
    border-collapse: collapse;
}

    .journey-history .head th {
        text-align: left;
        background: #d6721c;
        color: #fff;
        padding: 3px;
        border-bottom: none;
    }

    .journey-history tr.times {
        border-bottom: solid 1px #c0c0c1;
    }

    .journey-history .head .type {
        padding-left: 10px;
    }

    .journey-history .type {
        padding-left: 10px;
        width: 75%;
    }

    .journey-history .type,
    .journey-history .price,
    .journey-history .remaining-trips-days,
    .journey-history .credit {
        padding-top: 5px;
    }

    .journey-history .times table {
        margin-left: 6px;
    }

        .journey-history .times table th {
            text-align: left;
        }

        .journey-history .times table .touch {
            width: 70px;
            font-weight: normal;
        }

        .journey-history .times table .time {
            width: 120px;
        }

.travel-alert-widget {
    background-color: #2f58a1;
    padding: 12px;
    display: inline-block;
}

    .travel-alert-widget .serviceChkBoxList label {
        width: auto;
        display: inline-block;
        margin-left: 5px;
        margin-top: 6px;
    }


    .travel-alert-widget h1 {
        color: #75a3d6;
        margin-top: 0;
        font-size: 24.5px;
        text-align: center;
        font-family: MuseoSans-500;
        font-weight: bold;
    }

        .travel-alert-widget h1 .hg {
            color: #fff;
        }

    .travel-alert-widget .ta-icon {
        background: url(/images/tb/update-signup.png) no-repeat;
        width: 180px;
        height: 105px;
        margin-left: 10px;
    }

        .travel-alert-widget .ta-icon h2 {
            width: 100px;
            text-align: center;
            color: #fff;
            padding-top: 12px;
            padding-left: 3px;
        }

    .travel-alert-widget .content {
        color: #fff;
    }

        .travel-alert-widget .content p > label {
            width: 193px;
            font-size: 15px;
        }

        .travel-alert-widget .content p > input {
            width: 193px;
            border-radius: 4px;
        }

    .travel-alert-widget .btn-signup {
        background-color: #75a3d6;
        color: #fff;
        width: 167px;
    }

.more-maps {
    width: 230px;
    display: inline-block;
}

    .more-maps header {
        background: #66a6d8;
        height: 49px;
        position: relative;
    }

        .more-maps header h1 {
            color: #fff;
            margin-left: 70px;
            padding-top: 11px;
            font-size: 22px;
            margin-top: 0px;
        }

        .more-maps header .more-maps-icon {
            background: url(/images/tb/more-maps-head-emoticon.png) no-repeat;
            position: absolute;
            width: 50px;
            height: 60px;
            left: 15px;
            top: 10px;
        }

    .more-maps .content {
        padding: 25px 20px 10px 20px;
    }

        .more-maps .content > a {
            display: inline-block;
            padding-left: 45px;
        }

        .more-maps .content ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .more-maps .content .more-map-link {
            height: 40px;
            margin-bottom: 5px;
            margin-right: 5px;
            display: table;
            float: left;
            width: 155px;
        }

            .more-maps .content .more-map-link span {
                display: table-cell;
                vertical-align: middle;
            }

.service-route-img-grayscale {
    display: none;
}

.ap-sidebarItems {
    width: 230px;
    margin-left: 20px;
}

.form-horizontal .control-group {
    margin-bottom: 5px;
}

.control-group {
    margin-bottom: 5px;
}

.accordion-routefinder {
    width: 140px;
    text-align: right;
}

    .accordion-routefinder h3 {
        color: #c0001f;
    }

    .accordion-routefinder select {
        border: 1px solid #d8d9da;
        margin-top: 8px;
        width: 115px;
        border-radius: 4px;
        font-size: 13px;
        padding: 2px;
    }

    .accordion-routefinder input {
        padding: 10px 10px;
        padding-right: 30px;
        margin-top: 8px;
        width: 80px;
    }

.accordion-mangologin {
    width: 140px;
    text-align: right;
}

    .accordion-mangologin h3 {
        color: #6AA33A;
    }

    .accordion-mangologin input[type="password"],
    .accordion-mangologin input[type="text"] {
        border-radius: 4px;
        border: 1px solid #6f7369 !important;
        padding: 4px !important;
        padding-left: 5px !important;
        margin-top: 8px;
        width: 109px;
        font-size: 12px;
    }

    .accordion-mangologin input[type="password"] {
        margin-top: 0px;
    }

    .accordion-mangologin input[type="submit"] {
        padding: 10px 10px;
        padding-right: 30px;
        margin-top: 8px !important;
        width: 80px;
    }

.accordion-servicetimetable {
    width: 140px;
    text-align: right;
}

    .accordion-servicetimetable h3 {
        color: #6AA33A;
    }

    .accordion-servicetimetable select {
        border: 1px solid #d8d9da;
        margin-top: 8px;
        width: 115px;
        border-radius: 4px;
        font-size: 13px;
        padding: 2px;
    }

    .accordion-servicetimetable input {
        padding: 10px 10px;
        padding-right: 30px;
        margin-top: 8px;
        width: 80px;
    }

.walloffame-contact {
    clear: both;
}

    .walloffame-contact .angel-bod {
        width: 63px;
        height: 80px;
        float: left;
        background: url(/images/tb/bod-angel.png) no-repeat;
    }

    .walloffame-contact .contact-info {
        margin-left: 80px;
        padding-top: 20px;
        color: #5d5c5c;
    }

/*ticket types*/

.ticketTypeCategory > div > h1 {
    padding: 10px;
}

    .ticketTypeCategory > div > h1 > span {
        font-size: 16px;
        font-family: MuseoSans-500;
    }

.ticketTypeCategory > div > .ticketType {
}

.ticketTypeCategory hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.ticketTypeCategory .ticketType .ticketImg {
    width: 150px;
    float: left;
    text-align: right;
}

.ticketTypeCategory .ticketType .content {
    margin-left: 170px;
}

    .ticketTypeCategory .ticketType .content.noimage {
        margin-left: 0;
    }

/*ticket types*/

/*topup history*/

.topup-history {
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .topup-history .head th {
        text-align: left;
        background: #d6721c;
        color: #fff;
        padding: 5px;
        border-bottom: none;
        font-weight: bold;
    }

    .topup-history .item td {
        padding: 5px;
        border-bottom: 1px solid #E0E0E0;
    }

/*topup history*/

/*page header classes*/
.header-visible-desktop {
    display: inherit !important;
}

.header-hidden-desktop {
    display: none !important;
}

@media (max-width: 360px) {
    .tb-live .refresh {
        max-width: 180px;
    }

        .tb-live .refresh > img {
            content: url("/images/tb/refresh-s.png");
        }
}

@media (max-width: 800px) {
    .header-graphic {
        display: none;
    }

    .header-visible-desktop {
        display: none !important;
    }

    .header-hidden-desktop {
        display: inherit !important;
    }
}

@media (max-width: 1009px) {

    .live-timings-container {
        position: inherit !important;
        top: 0px !important;
        right: 0px !important;
    }

    .live-timings {
        width: 710px;
        min-height: 190px;
        height: auto;
        margin-left: 0px;
        margin-top: 20px;
    }

        .live-timings .live-content {
            float: left;
            width: 310px;
        }

        .live-timings .live-logo {
            float: left;
            width: 110px;
            height: 100px;
        }

        .live-timings .live-search-content {
            float: right;
            width: 200px;
            right: 40px;
        }

        .live-timings .live-route {
            min-height: 148px;
            height: auto;
            width: 200px;
            float: left;
        }

        .live-timings .select-container {
            width: 210px;
            float: left;
        }

        .live-timings table {
            position: absolute;
            right: 70px;
            top: 12px;
        }

    .header-graphic {
        bottom: -20px;
    }
}


/* mobile app advert */


.mobileapp-container {
    background-color: #fff;
}

    .mobileapp-container,
    .mobileapp-container a {
        color: black;
        text-decoration: none;
    }

        .mobileapp-container .mobileapp-text {
            float: left;
            margin-top: 20px;
            margin-right: 40px;
            text-align: right;
            font-weight: bold;
        }

            .mobileapp-container .mobileapp-text p {
                font-size: 2.2em;
                line-height: 24px;
                font-family: MuseoSans-500;
            }

            .mobileapp-container .mobileapp-text h1 {
                font-size: 3.7em !important;
                font-family: MuseoSans-900;
                line-height: 57px;
                margin-bottom: 0;
            }

            .mobileapp-container .mobileapp-text .description-text {
                line-height: 1.6em;
                font-weight: bold;
                margin-bottom: 10px;
                margin-top: 10px;
            }

            .mobileapp-container .mobileapp-text .mobileapp-app-title {
                color: #4CD964;
                margin-top: 0;
            }

                .mobileapp-container .mobileapp-text .mobileapp-app-title .title-image {
                    background: url('../../images/mobileapps/hugo.png') no-repeat;
                    width: 96px;
                    height: 54px;
                    display: inline-block;
                    margin-bottom: -22px;
                }

        .mobileapp-container .mobileapp-logo {
            float: left;
        }

            .mobileapp-container .mobileapp-logo img {
                max-height: 375px;
            }

        .mobileapp-container .banner-desktop {
            display: inline;
        }

        .mobileapp-container .banner-tablet {
            display: none;
        }

        .mobileapp-container .footer-content {
            background-color: #F2F2F2;
            padding: 10px 0;
        }

            .mobileapp-container .footer-content .mobileapp-store-links {
                width: 100%;
                text-align: center;
                color: #000;
                font-size: 2em;
                margin: 5px 0;
                font-family: "MuseoSans-300";
            }
                            
                .mobileapp-container .footer-content .mobileapp-store-links span {
                    font-weight: bold;
                    font-family: "MuseoSans-700";
                }
                                
                .mobileapp-container .footer-content .mobileapp-store-links a img {
                    height: 40px;
                }

@media (max-width: 1000px) {
    .mobileapp-container .mobileapp-logo {
        display: none;
    }

    .mobileapp-container .mobileapp-text {
        margin-left: 0;
        float: none;
    }

    .mobileapp-container .banner-desktop {
        display: none;
    }

    .mobileapp-container .banner-tablet {
        display: inline;
    }
}



/* mobile app advert */