﻿.mango-sidebar,
.tb-main-sidebar-body,
.tbads,
.side-menu,
.liteAccordion,
.main-nav,
.header-graphic,
.mainfooter,
.social-links,
.sub-nav,
.menucontent,
.home-accordion,
.live-timings,
input,
select,
.share,
.tb-btn-s,
.tb-btn-r-s,
.tb-btn-s-back,
.tb-btn-r-s-back,
.tb-btn-r-back,
.tb-btn-back,
.tb-btn-r,
.tb-btn
{
    display: none!important;
}

.our-news-item-detail article
{
    min-height: 120px !important;
}

a[href]:before,
a[href]:after
{
    content: none !important;
}

#mainRight
{
    padding-top: 80px !important;
}

.tb-main-content-body
{
    margin-left: 0px !important;
    padding-top: 100px;
}

.mainheader
{
    height: 120px;
}

.travel-updates
{
    width: 100%;
}

.inner-main
{
    margin-left: 0px;
}

.service-route-img-grayscale
{
    display: inline;
}

.service-route-img
{
    display: none;
}
/* Main Body */
body
{
    background-color: #FFF;
}

/* Knock out particular elements */
#topNav, #mainLeft, #footer-outer, .social-media, .cookiePrivacy,
#featureTopRight, .trent-barton-live, .tabs, #leftTravelPanel, #divAllServices,
#leftTravelPanel, #topStrip, #modalContainer, #overlay, #player
{
    display: none !important;
}

#overlay
{
    opacity: 1.0;
}

/*** Main template ***/

#mainRight
{
    padding-top: 15px;
    padding-left: 15px;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
}

    #mainRight.live div[style]
    {
        padding-top: 15px !important;
        padding-left: 15px !important;
        position: absolute;
        left: 0 !important;
        top: 0px !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

/*** Services template ***/
#rightTravelPanel
{
    position: absolute;
    top: 100px;
    height: 100%;
    left: 0;
    width: 100% !important;
    margin-top: 0;
    padding-top: 5px;
    overflow: visible;
}

#rightTravelPanelScroller
{
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    height: auto;
    overflow: hidden;
}

    #rightTravelPanelScroller .png
    {
        display: none !important;
    }

.travelPanel, .welcome
{
    margin: 0;
    padding-top: 15px;
    padding-left: 15px;
    width: 100%;
}

/* SERVICES MAPS & TIMES */

/*
.routeTimeTableContainer,
.routeTimeTableContainer div, 
#rightTravelPanelScroller .timetable
{
    display:block !important; 
    margin-top:0px;
    padding-top:5px;
}

.mapLink, .mapWrapper, .map
{
    display:none !important;
    visibility: hidden;
}
*/

.mapWrapper
{
    height: 750px;
    width: 100%;
}

.map
{
    height: 100%;
    width: 100%;
    z-index: 1001;
    overflow: hidden;
}

#rightTravelPanelScroller .rightScreen
{
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    height: auto;
    width: 100%;
    display: block;
    z-index: 999;
    float: none;
}

.timetable
{
    font-size: xx-small;
    width: 100%;
}

.routeTimeTableContainer
{
    width: 100%;
    position: fixed;
    top: 100px !important;
    left: 0px !important;
    height: 550px;
}

/*
.stopsTable 
{
    float:left;
    padding-right: 5px;
}

.dataTableDiv 
{
    width: 100% !important;
    margin: 0; 
    float: none; 
    overflow: hidden;
    overflow-x:hidden;
    overflow-y:hidden;
}
*/

.timesIntro
{
    height: 600px;
}

.timesIntroContainer
{
    display: none !important;
}

.printableTimesIntro
{
    display: none !important;
    margin-left: 15px;
    margin-top: 55px;
}

#travelPanelFares.faresWidget
{
    display: none;
}

#travelPanelFares .tempFaresRight
{
}

.routeImg
{
    display: none;
}

.printableRouteImg
{
    display: block;
}

/* SERVICES WHATS ON */

#travelPanelFares.whatson .tempFaresLeft
{
    display: none;
}

#travelPanelFares.whatson .tempFaresRight
{
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
}

#travelPanelFares.whatson h2
{
    color: #000;
}

/* MAIN JOBS */

#mainRight.jobs #featureTop
{
    width: 100%;
}

#mainRight.jobs #actions
{
    display: none;
}

#mainRight.jobs #furtherDetails div
{
    display: block !important;
}

#mainRight.jobs #featureTopKnow
{
    display: block;
    width: 100%;
    padding: 5px;
}

#mainRight.jobs #featureInner
{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}

/* CLUB 55 */

#mainRight.club55 .discountCardAppForm
{
    /*
    clear:both;
    margin-left:0;
    padding-left:0;
    left:0;
    float:none;
    */
    display: none;
}

#mainRight.club55 .clubLeft
{
    width: 100%;
}

/* SAVER */

#mainRight.saver div[style]
{
    margin: 0;
    width: 100% !important;
    float: none !important;
}

#mainRight.saver .button
{
    display: none;
}

/* MANGO */

#mainRight.mango h1
{
    display: none;
}

#mainRight.mango div[style]
{
    width: 100% !important;
}

#mainRight.mango .mango-account h1,
#mainRight.mango .mango-account h2,
#mainRight.mango .mango-account h3,
#mainRight.mango .mango-account h4,
#mainRight.mango h1,
#mainRight.mango h2,
#mainRight.mango h3,
#mainRight.mango h4
{
    color: #000;
}

#mainRight.mango .panel .edit-header
{
    color: #000;
    margin: 0;
    font-size: 2em;
}

#mainRight.mango .mango-account
{
    margin-top: 0;
    padding-top: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#mainRight.mango .panel
{
    background: none;
    border-radius: 0px;
    border-style: none;
}

    #mainRight.mango .panel .edit-icon,
    #mainRight.mango .button,
    #mainRight.mango .mango-sidebar
    {
        display: none;
    }

#mainRight.mango .terms
{
    height: auto;
    border-style: none;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

#mainRight.mango a
{
    margin-left: 0;
    padding-left: 0;
}

#mainRight.mango .terms div[style]
{
    height: auto !important;
    width: 100% !important;
}

#mainRight.mango .answer
{
    display: block !important;
}
