.visuallyhidden,table caption{
    position:absolute;
    overflow:hidden;
    clip:rect(1px 1px 1px 1px);
    height:1px;
    width:1px
}
.clearfix:after,.mapLinks:after,.maplinks:after,#header:after,.wrapper:after,.container:after,#homepageLinks:after,.homepageLinksTop:after,#homepageWrapper:after,#quickInfoBar:after,.main:after,.main article:after,.main .article:after,.pageAlert:after,.tabs:after,.main #journeyplanner:after{
    content:"";
    display:table;
    clear:both
}
@font-face{
    font-family:'Klavika Regular';
    src:url('/fonts/KlavikaWebBasic/KlavikaWebBasic_EOT/KlavikaWebBasicRegular.eot');
    src:url('/fonts/KlavikaWebBasic/KlavikaWebBasic_EOT/KlavikaWebBasicRegular.eot?#iefix') format("embedded-opentype"),url('../fonts/KlavikaWebBasic/KlavikaWebBasic_WOFF/KlavikaWebBasicRegular.woff') format("woff");
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Klavika Medium';
    src:url('/fonts/KlavikaWebBasic/KlavikaWebBasic_EOT/KlavikaWebBasicMedium.eot');
    src:url('/fonts/KlavikaWebBasic/KlavikaWebBasic_EOT/KlavikaWebBasicMedium.eot?#iefix') format("embedded-opentype"),url('../fonts/KlavikaWebBasic/KlavikaWebBasic_WOFF/KlavikaWebBasicMedium.woff') format("woff");
    font-weight:normal;
    font-style:normal;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:0.67em 0
}
mark{
    background:#ffa166;
    color:#111
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
    height:auto
}
input[type="search"]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:bold
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
html{
    box-sizing:border-box;
    background:#4d4f53;
    font-size:62.5%;
    font-weight:400;
    line-height:2em;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}
body{
    font-size:14px;
    font-size:1.4rem
}
*,*:before,*:after{
    box-sizing:inherit
}
html,body,ul,ol,li,h1,h2,h3,h4,h5,h6,p,select,option{
    color:#4d4f53;
    margin:0;
    padding:0
}
::-moz-selection{
    background:#4d4f53;
    color:#ffffff
}
::selection{
    background:#4d4f53;
    color:#ffffff
}
::-moz-selection{
    background:#4d4f53;
    color:#ffffff
}
h1,h2,h3,blockquote,.tabs li a{
    font-family:"Klavika Medium",sans-serif;
    font-weight:normal;
    letter-spacing:-0.05em;
    margin:0;
    padding:0
}
h1{
    font-size:28px;
    font-size:2.8rem
}
.main h1{
    display:inline-block;
    line-height:1.2;
    margin-top:0
}
h2{
    font-size:24px;
    font-size:2.4rem;
    margin-top:5px;
    margin-top:0.5rem;
    padding-top:0;
    border-top:none
}
article h2,.article h2{
    border-top:1px dotted #a6a7a9;
    margin:39px 0px 10px;
    margin:3.9rem 0rem 1rem;
    padding-top:20px;
    padding-top:2rem
}
article h2.news-heading,.article h2.news-heading,.stationListing h2{
    border-top:0;
    margin:10px 0px 0px;
    margin:1rem 0rem 0rem;
    padding-top:0
}
.news .complementary{
    padding:0
}
.stationListing h2{
    margin:0px 0px 5px;
    margin:0rem 0rem 0.5rem
}
#homepageLinks h2{
    padding:10px 0px;
    padding:1rem 0rem;
    display:block;
    margin:0px 0px 20px;
    margin:0rem 0rem 2rem
}
.homepageLinksTop h2{
    font-family:"Klavika Medium",sans-serif
}
#quickInfoBar h2{
    color:#ffffff;
    display:block;
    font-weight:400;
    margin:-1px 0px -8px;
    margin:-0.1rem 0rem -0.8rem;
    padding:4px 0px 10px;
    padding:0.4rem 0rem 1rem
}
.tab-content h2{
    border-top:1px dotted #a6a7a9;
    display:block;
    letter-spacing:0.05em;
    margin:39px 0px 10px;
    margin:3.9rem 0rem 1rem;
    padding-top:20px;
    padding-top:2rem
}
.tab-content h2:first-child{
    border-top:0;
    margin-top:20px;
    margin-top:2rem
}
.tab-content .list{
    padding-top:20px;
    padding-top:2rem
}
#nextBuses h2,#onlineStore h2{
    padding:11px 0px 9px;
    padding:1.1rem 0rem 0.9rem
}
.newsStory h2{
    margin-bottom:2.5px;
    margin-bottom:0.25rem
}
#subwayStatus h2{
    display:inline-block;
    margin-top:1px;
    margin-top:0.1rem;
    padding-top:9px;
    padding-top:0.9rem;
    border-top:none
}
h3{
    font-size:24px;
    font-size:2.4rem
}
article h3,.article h3{
    font-size:20px;
    font-size:2rem;
    font-weight:normal;
    margin-top:20px;
    margin-top:2rem
}
.bus,.travelcards,.ferry{
    font-size:33px;
    font-size:3.3rem;
    background-image:url("../img/sprites.png");
    background-repeat:no-repeat;
    background-position:67px -91px
}
.subway{
    font-size:33px;
    font-size:3.3rem;
    background:url("../img/subwaylogo.svg") no-repeat 0 0
}
.no-svg .subway{
    background-image:url("../img/sprites.png");
    background-repeat:no-repeat;
    background-position:-200px -2px
}
.sidebar .bus,.sidebar .subway,.sidebar .travelcards,.ferry{
    letter-spacing:0.06em
}
h2.subway,h3.subway{
    background-position:0px 0;
    border-top:0;
    margin-left:0;
    border-top:0;
    padding-left:44px;
    padding-left:4.4rem
}
#homepageLinks h2.subway{
    padding-left:44px;
    padding-left:4.4rem
}
.ferry{
    background-position:146px -2494px;
    margin-bottom:10px;
    margin-bottom:1rem
}
.travelcards{
    background-position:-130px -200px
}
#relatedLinks h2,#newsArchive h2{
    border-top:1px dotted #CCC;
    display:block;
    font-size:24px;
    font-size:2.4rem;
    margin:0px 0px 11px;
    margin:0rem 0rem 1.1rem;
    margin-left:-9.5%;
    padding-left:8.5%;
    padding-top:32px;
    padding-top:3.2rem
}
.complementary{
    border-top:0;
    padding:10px 0px;
    padding:1rem 0rem;
    margin-bottom:-5px;
    margin-bottom:-0.5rem
}
#homepageLinks h3{
    color:#FF6200;
    display:block;
    font-weight:500;
    margin:-2px 0px 1px;
    margin:-0.2rem 0rem 0.1rem
}
#footer h2{
    margin-bottom:0
}
p{
    margin:0 0 10px
}
ul,ol{
    list-style:none;
    margin:0;
    padding:0
}
ul.article-list,ol.article-list{
    margin-bottom:10px;
    margin-bottom:1rem;
    padding-left:30px;
    padding-left:3rem;
    max-width:482px;
    max-width:48.2rem
}
li ul,li ol{
    margin:0;
    font-size:14px;
    font-size:1.4rem
}
blockquote{
    background:url("../img/sprites.png") no-repeat 0 -2400px;
    display:block;
    font-size:20px;
    font-size:2rem;
    font-weight:normal;
    line-height:1;
    letter-spacing:-1px;
    margin:30px 0px;
    margin:3rem 0rem;
    padding-left:35px;
    padding-left:3.5rem;
    max-width:477px;
    max-width:47.7rem
}
cite{
    color:#7F8087;
    display:block;
    font-style:normal;
    margin-bottom:0px 0px 30px;
    margin-bottom:0rem 0rem 3rem;
    padding-left:35px;
    padding-left:3.5rem;
    margin-top:-20px;
    margin-top:-2rem
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
q{
    quotes:none
}
b,strong,.bold{
    font-weight:bold
}
hr{
    display:block;
    margin:20px 0;
    padding:0;
    height:1px;
    border:0;
    border-top:1px solid #e2e2e2
}
small{
    font-size:14px;
    font-size:1.4rem
}
a{
    color:#4d4f53;
    text-decoration:none
}
a:visited{
    color:#4d4f53
}
.main a,.homepageLinksTop a,.sub-nav a,#subNavigation a{
    color:#FF6200;
    text-decoration:none
}
.main a:visited,.homepageLinksTop a:visited,.sub-nav a:visited,#subNavigation a:visited{
    color:#FF6200
}
.main a:hover,.homepageLinksTop a:hover,.sub-nav a:hover,#subNavigation a:hover{
    text-decoration:underline
}
a:hover{
    text-decoration:underline
}
a:hover,a:active{
    outline:0
}
#sidebar a{
    color:#f05c00
}
#sidebar a:hover{
    text-decoration:underline
}
.skip-link a{
    position:absolute;
    left:-9999em;
    display:inline-block;
    margin:10px 0px 0px 30px;
    margin:1rem 0rem 0rem 3rem
}
.skip-link a:active{
    left:0;
    position:static;
    background:#4d4f53
}
.skip-link a:focus{
    left:0;
    position:static;
    border:2px solid #FF6200;
    padding:2.5px;
    padding:0.25rem
}
p a,td a,li a{
    font-weight:bold
}
h1 a,h2 a,h3 a{
    font-weight:normal
}
.newsListing h2 a{
    font-weight:bold
}
small a{
    font-weight:normal
}
a.buyButton{
    background:#FF6200;
    border-radius:3px;
    color:#ffffff !important;
    display:inline-block;
    font-family:"Klavika Medium",sans-serif;
    font-weight:normal;
    margin:0px 0px 10px;
    margin:0rem 0rem 1rem;
    padding:3px 15px;
    padding:0.3rem 1.5rem;
    text-shadow:0 2px 2px #FF6600;
    text-transform:uppercase;
    vertical-align:top
}
h2 a.buyButton{
    font-size:14px;
    font-size:1.4rem;
    margin:0px 0px 0px 10px;
    margin:0rem 0rem 0rem 1rem;
    vertical-align:top
}
table a.buyButton{
    margin:0px 0px 0px 5px;
    margin:0rem 0rem 0rem 0.5rem
}
.googleMaps{
    font-weight:bold;
    padding-bottom:0px;
    background:url("../img/icons-sprite3.svg") no-repeat 0 -596px transparent;
    padding-left:20px;
    padding-left:2rem
}
li .googleMaps{
    padding-bottom:10px;
    padding-bottom:1rem;
    display:inline-block
}
.signpostlink{
    background:url("../img/icons-sprite3.svg") no-repeat right -507px transparent;
    display:inline;
    font-family:"Klavika Medium",sans-serif;
    font-size:24px;
    font-size:2.4rem;
    font-weight:500 !important;
    letter-spacing:-1px;
    margin-top:13px;
    margin-top:1.3rem;
    padding:5px 35px 5px 0px;
    padding:0.5rem 3.5rem 0.5rem 0rem
}
.pdfLink,.pdflink{
    font-family:Arial,sans-serif;
    font-weight:normal;
    font-size:14px;
    font-size:1.4rem;
    letter-spacing:0px;
    color:#4d4f53
}
.mapLinks a,.maplinks a{
    display:inline-block;
    height:40px;
    height:4rem;
    padding-left:40px;
    padding-left:4rem;
    padding-top:10px;
    padding-top:1rem;
    color:#333
}
.enlargePic a{
    background:url("../img/sprites.png") no-repeat 0 -1800px;
    display:none;
    margin-right:60px;
    margin-right:6rem
}
.download a{
    background:url("../img/sprites.png") no-repeat 0 -2300px
}
.socialLinks{
    display:block;
    border-top:1px solid #ffffff;
    width:230px;
    width:23rem;
    height:60px;
    height:6rem;
    padding:12px 0px 0px;
    padding:1.2rem 0rem 0rem
}
.facebookLink{
    background-image:url("../img/facebook_logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
    display:block;
    float:left;
    height:50px;
    width:37px;
    margin:0 10px 0 0
}
.twitterLink{
    background:url("../img/sprites.png") no-repeat right -298px;
    color:#BCBCBC;
    display:block;
    float:left;
    height:50px;
    width:37px;
    margin:0 10px 0 0
}
.twitterLink strong{
    color:#ffffff;
    display:block
}
.youtubeLink{
    background:url("../img/sprites.png") no-repeat right -2288px;
    display:block;
    float:left;
    height:50px;
    width:77px;
    margin:0 10px 0 0
}
.map{
    background:url("../img/icn_station-map.png") no-repeat 0px 2px;
    padding-bottom:10px;
    padding-left:20px
}
.PDF,.pdf{
    background:url("../img/sprites.png") no-repeat -330px -2198px
}
#subNavigation.news a{
    margin-bottom:0 !important
}
#subNavigation.news a:hover{
    text-decoration:underline;
    text-shadow:none
}
#newsArchive a{
    font-weight:bold
}
#newsArchive li{
    margin-bottom:10px
}
#relatedLinks li{
    margin-bottom:20px
}
#relatedLinks a{
    color:#6C6D6E;
    display:block;
    font-weight:normal;
    padding-left:20px
}
#relatedLinks a:hover strong{
    text-decoration:underline;
    text-shadow:none
}
#newsArchive a:hover{
    text-decoration:underline;
    text-shadow:none
}
#relatedLinks .download a{
    background:url("../img/sprites.png") no-repeat -330px -2198px
}
.link a{
    background:url("../img/icons-sprite3.svg") no-repeat 0 -596px transparent;
    font-weight:normal
}
figure{
    margin-bottom:20px
}
figure img,figure object,figure embed{
    margin-bottom:10px
}
figcaption{
    display:block;
    font-weight:normal
}
img{
    border:0
}
.ie7 img,.iem7 img{
    -ms-interpolation-mode:bicubic
}
img.icon{
    display:none;
    margin-right:55px;
    margin-left:20px
}
img.first{
    margin-top:54px
}
.alignleft,.alignright{
    display:none
}
img.attachment-news,img.size-full{
    height:auto;
    margin-bottom:20px;
    width:100%
}
.attachment-news{
    margin-bottom:22px
}
img.size-square{
    display:inline;
    float:left;
    margin:0 20px 20px 0
}
table{
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom:20px;
    margin-top:20px;
    width:100%;
    font-size:14px;
    font-size:1.4rem
}
.timetable{
    margin-bottom:10px
}
tr{
    background:#ffffff
}
th,td,caption{
    font-size:14px;
    font-size:1.4rem;
    font-weight:normal;
    text-align:left
}
thead th{
    background-color:#ffffff;
    border-bottom:1px solid #D2D3D4;
    color:#828487;
    font-family:"Klavika Medium",sans-serif;
    font-size:20px;
    font-size:2rem;
    letter-spacing:-0.05em;
    text-shadow:0 1px 0 #ffffff
}
th{
    background-color:#F8F8F8;
    border-bottom:1px solid #D2D3D4;
    padding:4px 3px 15px 5px;
    width:auto
}
tbody th{
    letter-spacing:0
}
.timetable thead th{
    color:#828487;
    width:33%
}
th small{
    color:#959598;
    display:block
}
td{
    border-bottom:1px solid #D2D3D4;
    padding:2.5px 2.5px 10px 2.5px;
    padding:0.25rem 0.25rem 1rem 0.25rem
}
@media only screen and (max-width: 599px){
    table.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{
        display:block
    }
    .responsive-table thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .responsive-table tr{
        border:1px solid #ccc
    }
    .responsive-table th{
        font-weight:bold;
        padding:10px 0 10px 10px
    }
    .responsive-table td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding:10px 0 10px 50%
    }
    .responsive-table td:before{
        position:absolute;
        top:10px;
        left:10px;
        width:45%;
        padding-right:10px;
        white-space:nowrap
    }
    .stance td:nth-of-type(1):before{
        content:"Service"
    }
    .stance td:nth-of-type(2):before{
        content:"Operator"
    }
    .stance td:nth-of-type(3):before{
        content:"Destination"
    }
    .stance td:nth-of-type(4):before{
        content:"Stance"
    }
    .mybus-table td:nth-of-type(1):before{
        content:"Service"
    }
    .mybus-table td:nth-of-type(2):before{
        content:"Area served"
    }
    .mybus-table td:nth-of-type(3):before{
        content:"Phone Number"
    }
    .mybus-table td:nth-of-type(4):before{
        content:"Booking hours"
    }
    .tickets td:nth-of-type(1):before{
        content:"Adult"
    }
    .tickets td:nth-of-type(2):before{
        content:"Child"
    }
    .tickets td:nth-of-type(3):before{
        content:"Concession"
    }
    .smart-tickets td:nth-of-type(1):before{
        content:"Smartcard"
    }
    .smart-tickets td:nth-of-type(2):before{
        content:"Non-smartcard"
    }
    .bus-timetable td:nth-of-type(1):before{
        content:"Service Number"
    }
    .bus-timetable td:nth-of-type(2):before{
        content:"Route Description"
    }
    .bus-timetable td:nth-of-type(3):before{
        content:"Operator"
    }
    .zonecard td:nth-of-type(1):before{
        content:"Number of zones"
    }
    .zonecard td:nth-of-type(2):before{
        content:"1 Week"
    }
    .zonecard td:nth-of-type(3):before{
        content:"4 Weeks"
    }
    .zonecard td:nth-of-type(4):before{
        content:"10 Weeks"
    }
    .zonecard td:nth-of-type(5):before{
        content:"1 Year"
    }
}
form{
    margin:0
}
fieldset{
    border-width:0;
    margin:0;
    padding:0;
    position:relative
}
label{
    font-weight:normal;
    cursor:pointer
}
button,input,select,textarea{
    color:#4d4f53;
    font-size:14px;
    font-size:1.4rem;
    margin:0;
    border-radius:3px;
    vertical-align:baseline
}
button,input{
    line-height:normal
}
.form-table input{
    width:100%
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    cursor:pointer
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box
}
input[type="search"]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance:none
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button
}
::-webkit-input-placeholder{
    color:#4d4f53
}
:-moz-placeholder{
    color:#4d4f53;
    opacity:1
}
::-moz-placeholder{
    color:#4d4f53;
    opacity:1
}
:-ms-input-placeholder{
    color:#4d4f53
}
textarea{
    overflow:auto;
    vertical-align:top
}
#header{
    height:70px;
    height:7rem;
    margin-bottom:10px;
    margin-bottom:1rem;
    position:relative;
    z-index:510;
    width:100%
}
#logo{
    height:30px;
    left:0px;
    overflow:hidden;
    position:absolute;
    top:8px;
    width:65px
}
#logo a{
    background-image:url("../img/spt-logo.svg");
    background-size:65px 30px;
    height:30px;
    left:0;
    position:absolute;
    top:0;
    width:65px
}
.no-svg #logo a{
    background-image:url("../img/logo.png")
}
#searchform{
    background-color:#E3E3E3;
    border-radius:0 0px 3px 3px;
    padding:6px 6px 6px;
    position:absolute;
    right:0;
    top:0;
    display:inline;
    float:left;
    width:47.916666667%;
    margin:0 1.041666667%;
    margin:0;
    margin-left:0;
    margin-right:0
}
#q,.busSearch{
    border:1px solid #ffffff;
    border-radius:3px;
    font-size:12px;
    font-size:1.2rem;
    height:24px;
    height:2.4rem;
    padding:5px 5px 5px 2px;
    padding:0.5rem 0.5rem 0.5rem 0.2rem;
    width:100%
}
.oldie #q,.oldie .busSearch{
    height:14px;
    height:1.4rem
}
#q:focus,.busSearch:focus{
    border:1px solid #FF6200;
    color:#4d4f53
}
.search-site{
    background:url("../img/icons-sprite3.svg") no-repeat 0px -118px transparent;
    border:0;
    height:18px;
    right:5px;
    top:3px;
    position:absolute;
    width:18px
}
.search-site:focus{
    background-position:0 -1457px
}
.no-svg .search-site{
    background:url("../img/icn_search.png") no-repeat 1px 1px transparent
}
#nextBuses input:focus{
    color:#4d4f53
}
.nav-menu{
    display:block;
    position:absolute;
    list-style:none;
    margin:0;
    padding:0;
    z-index:15;
    top:44px;
    top:4.4rem;
    left:0;
    min-width:284px;
    min-width:28.4rem
}
.nav-item{
    list-style:none;
    display:inline-block;
    padding:0;
    margin:0;
    float:left;
    position:relative
}
.nav-item>a{
    position:relative;
    display:inline-block;
    padding:0.5em 1em;
    margin:0 0 -1px 0;
    border:1px solid transparent;
    border:1px solid transparent;
    color:#4D4F53;
    float:left;
    font-family:"Klavika Medium",sans-serif;
    font-size:20px;
    font-size:2rem;
    font-weight:normal;
    letter-spacing:-0.05em;
    margin-right:0;
    padding:8px 8px 30px;
    padding:0.8rem 0.8rem 3rem;
    text-shadow:0 1px 1px #ffffff;
    z-index:3
}
.nav-item>a:focus,.nav-item>a.nav-open{
    border:1px solid #dedede;
    background-color:#ffffff;
    text-decoration:none
}
.nav-item>a.nav-open{
    border-bottom:none;
    z-index:1;
    background-color:#ffffff;
    border:1px solid #d1d1d1;
    border-radius:3px;
    height:20px;
    height:2rem;
    z-index:10 !important
}
.sub-nav{
    display:none;
    left:0;
    position:absolute;
    top:40px;
    top:4rem;
    z-index:111;
    background-color:#ffffff;
    border-radius:0 3px 3px 3px;
    border:1px solid #D1D2D3;
    border-style:none solid solid;
    border-width:0 1px 1px;
    box-shadow:0 10px 8px rgba(0,0,0,0.3);
    margin-top:-5px;
    margin-top:-0.5rem;
    min-width:150px;
    min-width:15rem;
    max-width:222px;
    max-width:22.2rem;
    z-index:332
}
.sub-nav.nav-open{
    display:block
}
.sub-nav ul{
    display:inline-block;
    vertical-align:top;
    padding:10px;
    padding:1rem
}
.sub-nav li{
    display:block;
    list-style-type:none;
    margin:0;
    padding:0;
    line-height:40px;
    line-height:4rem
}
.sub-nav li a{
    font-weight:normal
}
.news-menu div{
    border-radius:3px 3px 3px 0;
    padding-top:20px;
    padding-top:2rem;
    left:-94px
}
.news-menu li{
    line-height:20px;
    line-height:2rem;
    margin-bottom:20px;
    margin-bottom:2rem
}
.nav-item ul{
    font-family:"Klavika Medium",sans-serif;
    font-size:18px;
    font-size:1.8rem;
    min-width:180px;
    min-width:18rem;
    text-decoration:none
}
.nav-item ul .seeAll{
    font-size:24px;
    font-size:2.4rem;
    font-weight:normal
}
.wrapper{
    background:url("../img/bg_footer.png") repeat-x scroll center bottom #F2F2F2;
    width:100%
}
.container{
    margin:0 auto;
    max-width:76em;
    position:relative;
    width:96%
}
#slides{
    display:inline;
    float:left;
    width:97.916666667%;
    margin:0 1.041666667%;
    margin-left:0;
    margin-right:0;
    width:100%
}
.flexslider img{
    display:block;
    max-width:100%;
    width:100%
}
.home-heading-section{
    text-transform:uppercase;
    color:#4d4f53
}
.rotator{
    width:100%;
    float:left;
    position:relative;
    display:block;
    z-index:1
}
.newsStory{
    position:absolute;
    bottom:0;
    left:0;
    background:url("../img/bg_homepage-news-story2.png") no-repeat scroll 0 0 transparent;
    width:100%;
    height:100%
}
.newsstory-inner h2{
    line-height:1.1
}
.newsstory-inner{
    top:60px;
    position:absolute;
    left:20px;
    max-width:260px;
    max-width:26rem
}
.newsstory-inner a{
    color:#f05c00
}
.oldie .newsStory{
    max-width:240px;
    max-width:24rem
}
.newsStory p{
    display:none
}
a.readMore{
    display:block;
    font-weight:bold;
    margin-top:10px;
    margin-top:1rem
}
#homepageLinks{
    border-radius:3px 3px 5px 5px;
    border-radius:0.3rem 0.3rem 0.5rem 0.5rem;
    border:1px solid #c8c8ca;
    box-shadow:0 3px 6px rgba(0,0,0,0.1);
    background:#ffffff;
    float:none;
    margin-bottom:0;
    padding-top:20px;
    padding-top:2rem
}
.homepageLinksTop{
    padding-bottom:270px;
    padding-bottom:27rem;
    border-radius:0px 0px 4px 4px;
    border-radius:0rem 0rem 0.4rem 0.4rem
}
#homepageWrapper{
    margin-bottom:15px
}
#quickInfoBar{
    border-radius:0px 0px 4px 4px;
    border-radius:0rem 0rem 0.4rem 0.4rem;
    background-color:#FF6200;
    color:#ffffff;
    border-bottom:2px solid #993b00;
    bottom:0px;
    left:0;
    padding:5px 0px 12px;
    padding:0.5rem 0rem 1.2rem;
    position:absolute;
    width:100%
}
.main #quickInfoBar{
    padding:4px 0px 24px;
    padding:0.4rem 0rem 2.4rem
}
.inner,.outer{
    color:#ffffff;
    font-weight:bold;
    max-width:222px;
    max-width:22.2rem;
    margin-bottom:21px;
    margin-bottom:2.1rem;
    position:relative
}
.outer{
    margin-bottom:0
}
#subwayStatus img{
    display:inline;
    margin:5px 0px 0px 10px;
    margin:0.5rem 0rem 0rem 1rem;
    position:absolute
}
.ie8 #subwayStatus img{
    position:static
}
.oldie #subwayStatus img{
    top:6px;
    left:150px
}
#quickInfoBar a{
    color:#ffffff;
    font-weight:bold
}
.homepageLinksTop li{
    margin-bottom:21px;
    margin-bottom:2.1rem
}
.main{
    border-radius:3px;
    border:1px solid #d1d2d3;
    box-shadow:0 3px 6px rgba(0,0,0,0.1);
    background:#ffffff;
    float:none;
    padding:20px 0px 40px;
    padding:2rem 0rem 4rem;
    width:100%;
    z-index:1
}
.main .subway-main{
    padding-bottom:140px;
    padding-bottom:14rem
}
.main article,.main .article{
    padding:0px 10px 0px
}
article p,.article p{
    font-size:14px;
    font-size:1.4rem;
    line-height:1.5;
    max-width:512px;
    max-width:51.2rem
}
article .gallery p,.article .gallery p{
    max-width:100%
}
blockquote p{
    display:inline;
    line-height:1;
    font-size:20px;
    font-size:2rem
}
.entry-meta{
    margin-bottom:10px;
    margin-bottom:1rem
}
.sep{
    color:#4d4f53
}
.stationListing{
    margin-top:33px
}
.stationListing li{
    margin-bottom:35px
}
iframe{
    border:0;
    margin:0;
    padding:0;
    overflow:auto;
    max-width:100%;
    width:100%
}
#map-iframe{
    margin-bottom:20px;
    margin-top:15px
}
.pageAlert{
    background-color:#e2e2e2;
    padding:20px 10px 0px;
    padding:2rem 1rem 0rem;
    margin:20px 0px;
    margin:2rem 0rem
}
.minorAlert p{
    background-color:#e2e2e2;
    margin:17px 0px 10px;
    margin:1.7rem 0rem 1rem;
    padding:5px 10px 8px;
    padding:0.5rem 1rem 0.8rem;
    max-width:346px;
    max-width:34.6rem
}
.accordion{
    display:block;
    margin-bottom:20px;
    margin-bottom:2rem
}
.expand{
    cursor:pointer;
    color:#FF6200;
    display:block;
    font-weight:bold;
    margin-bottom:1px;
    margin-top:10px
}
.expand span{
    padding:5px 0px;
    padding-right:20px;
    background:url("../img/sprites.png") no-repeat right -1890px
}
.expand span:hover{
    background:url("../img/sprites.png") no-repeat right -1915px;
    text-decoration:underline
}
.expand[aria-expanded="true"] span{
    background:url("../img/sprites.png") no-repeat right -1940px
}
.expand[aria-expanded="true"] span:hover{
    background:url("../img/sprites.png") no-repeat right -1965px
}
.collapse{
    display:none
}
.collapse.active{
    display:block
}
.no-js .expand{
    cursor:default
}
.no-js .collapse{
    display:block
}
.collapse{
    background-color:#f3f3f3;
    margin-bottom:0;
    margin-top:0;
    padding:10px 10px 20px;
    padding:1rem 1rem 2rem
}
.collapse a{
    color:#f05c00
}
.collapse .tabs{
    margin-top:30px;
    margin-top:3rem
}
.list,#smart-archives-list ul,.sitemap ul{
    display:block;
    list-style:disc;
    margin-bottom:20px;
    margin-bottom:2rem;
    padding-left:30px;
    padding-left:3rem;
    max-width:482px;
    max-width:48.2rem
}
ol.list{
    list-style:decimal
}
.list li,#smart-archives-list li,.sitemap ul li{
    margin-bottom:10px;
    padding-left:10px
}
.stationListing li li{
    margin-bottom:0
}
.stationListing img{
    clear:both;
    margin:0px 0px 20px 20px;
    margin:0rem 0rem 2rem 2rem
}
.links{
    margin-top:30px;
    margin-top:3rem;
    margin-left:0;
    padding-left:0
}
.links li{
    list-style:none;
    margin-left:0;
    padding-left:0
}
.links a{
    display:inline-block;
    font-weight:bold;
    padding-bottom:10px;
    padding-bottom:1rem;
    padding-left:20px;
    padding-left:2rem
}
.stationDetails,.stationDetails li{
    margin-left:0;
    padding-left:0;
    list-style:none
}
.explain{
    background:url("../img/sprites.png") no-repeat scroll right -1200px transparent;
    color:inherit;
    padding-right:20px;
    padding-right:2rem
}
.explain:hover{
    cursor:pointer;
    text-decoration:underline
}
.idTabs{
    margin-top:20px;
    margin-top:2rem
}
.tabs li{
    margin:0 0.2em 1px 0;
    border-bottom:0;
    float:left;
    list-style:none outside none;
    margin-bottom:0px;
    padding:0;
    position:relative;
    top:1px;
    white-space:nowrap
}
.tabs li a{
    font-family:"Klavika Medium",sans-serif;
    font-weight:normal;
    letter-spacing:-1px;
    line-height:1.3;
    float:left;
    font-size:17px;
    font-size:1.7rem;
    padding:5px 6px 3px 3px;
    text-decoration:none;
    border-radius:4px 4px 0 0
}
.tabs .current a,.tabs .current a:visited{
    margin-bottom:0;
    padding-bottom:1px;
    background:none repeat scroll 0 0 #FF6200;
    border:1px solid #FF6200;
    color:#ffffff
}
a.selected:hover{
    text-decoration:none
}
.tabPanel{
    background:none repeat scroll 0 0 #ffffff;
    border-top:2px solid #FF6200;
    box-shadow:0 2px 6px rgba(0,0,0,0.1);
    padding:10px 20px 20px;
    padding:1rem 2rem 2rem;
    border-top:2px #FF6200 solid;
    border-radius:0 0px 4px 4px
}
.tabPanel h2:first-child,.first-heading{
    margin-top:20px !important;
    padding-top:0px;
    border-top:none
}
.mapLinks li{
    width:100%
}
.subway-links{
    border-left:none;
    padding:0px 10px;
    padding:0rem 1rem;
    display:inline;
    float:left;
    width:97.916666667%;
    margin:0 1.041666667%
}
.bus-links,.travelcards-links,#subwayOperation,#nextBuses,#onlineStore{
    display:inline;
    float:left;
    width:97.916666667%;
    margin:0 1.041666667%;
    padding:0px 10px 10px;
    padding:0rem 1rem 1rem
}
.travelcards-links{
    margin-right:0
}
#nav-single,#nav-below{
    margin:20px 10px 10px;
    margin:2rem 1rem 1rem;
    max-width:492px;
    max-width:49.2rem
}
.nav-next,.nav-previous{
    background:url("../img/sprites.png") no-repeat scroll right -1594px transparent;
    display:inline;
    float:right;
    padding:4px 24px 0px 0px;
    padding:0.4rem 2.4rem 0rem 0rem
}
.nav-previous{
    background:url("../img/sprites.png") no-repeat scroll left -1644px transparent;
    display:inline;
    float:left;
    padding:4px 0px 0px 24px;
    padding:0.4rem 0rem 0rem 2.4rem
}
.newsListing li{
    border-top:1px dotted #CCC;
    clear:both;
    display:block;
    padding:19px 0px 24px;
    padding:1.9rem 0rem 2.4rem;
    padding:19px 0 24px;
    margin-left:0px;
    list-style:none
}
.newsListing li:first-child{
    border-top:0
}
.newsListing img{
    display:none;
    float:right;
    margin:0px 0px 20px 30px;
    margin:0rem 0rem 2rem 3rem
}
.newsListing h2{
    font-size:14px;
    font-size:1.4rem;
    letter-spacing:0;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0px 0 0;
    border-top:0;
    padding-top:0
}
#sidebar{
    display:none
}
#sidebar li.current{
    background:url("../img/bg_subnav_current.png") repeat-y scroll left center #ffffff;
    border:1px solid #D1D2D3;
    border-radius:0 3px 3px 0;
    margin-bottom:0;
    margin-left:-9.8333333%;
    padding-left:9.8333333%;
    padding-right:10px;
    padding-right:1rem
}
#sidebar li.current .section-links{
    color:#FF6200
}
#subNavigation li{
    display:block;
    margin-top:20px;
    margin-top:2rem;
    margin-bottom:21px;
    margin-bottom:2.1rem;
    padding:10px 0
}
#subNavigation.news{
    padding-bottom:40px;
    padding-bottom:4rem
}
#subNavigation.news li{
    margin-bottom:-10px !important;
    padding:0
}
#subNavigation .section-links{
    color:#f05c00;
    display:block;
    font-family:"Klavika Medium",sans-serif;
    font-size:24px;
    font-size:2.4rem;
    font-weight:500;
    letter-spacing:-1px;
    margin-bottom:1px;
    margin-top:-2px
}
#relatedLinks li{
    background-position:left 2px;
    background-repeat:no-repeat;
    color:#6C6D6E
}
.main #journeyplanner{
    display:block;
    float:none;
    margin:30px 0px 120px;
    margin:3rem 0rem 12rem;
    margin-left:auto;
    margin-right:auto;
    width:220px
}
#journeyPlannerForm{
    float:right;
    width:100%
}
#journeyPlannerForm select{
    border:1px #BCBDBE solid;
    height:30px;
    height:3rem;
    padding:5px 2px;
    padding:0.5rem 0.2rem;
    width:100%
}
.oldie #journeyPlannerForm select{
    height:20px;
    height:2rem
}
#journeyPlannerForm input{
    border:1px #BCBDBE solid;
    display:block;
    height:32px;
    height:3.2rem;
    padding:5px 2px;
    padding:0.5rem 0.2rem;
    width:100%
}
.oldie #journeyPlannerForm input{
    height:22px;
    height:2.2rem
}
#journeyPlannerForm input:focus{
    border-color:#FF6200;
    color:#4d4f53
}
#journeyPlannerForm h2{
    letter-spacing:-1px;
    margin-top:3px;
    margin-top:0.3rem;
    margin-bottom:11px;
    margin-bottom:1.1rem;
    padding-top:0
}
#journeyPlannerForm span{
    border-radius:5px;
    background-color:#E0E0E1;
    border:3px solid #E0E0E1;
    display:block
}
#journeyPlannerForm select:focus{
    border-color:#FF6200
}
#journeyPlannerForm span.departArrive{
    margin:20px 0px 11px;
    margin:2rem 0rem 1.1rem;
    max-width:92px;
    max-width:9.2rem;
    width:38%
}
#journeyPlannerForm label.date{
    display:inline-block;
    max-width:39px;
    max-width:3.9rem;
    width:17.33333333%
}
.oldie #journeyPlannerForm label.date{
    width:13.33333333%
}
#journeyPlannerForm input.search,.bus-timetable-finder .btn,.savings-calculator .btn{
    background:#FF6200;
    border:1px solid #FF7800;
    border-bottom-width:2px;
    box-shadow:1px 2px 2px rgba(0,0,0,0.1);
    color:#ffffff;
    font-family:"Klavika Medium",sans-serif;
    font-size:20px;
    font-size:2rem;
    height:34px;
    height:3.4rem;
    margin:13px 0px 10px;
    margin:1.3rem 0rem 1rem;
    width:100%
}
.savings-calculator input[type=number]{
    max-width:50px;
    max-width:5rem
}
.savings-calculator .btn{
    max-width:260px;
    max-width:26rem
}
.result hr{
    margin-top:0
}
.savings-calculator label{
    margin-right:10px;
    margin-right:1rem
}
#journeyPlannerForm input.search:hover{
    background-color:#f05c00;
    cursor:pointer
}
#journeyPlannerForm span.select{
    display:inline-block;
    margin:4px 0
}
#journeyPlannerForm span.field{
    margin:2px 0 1px
}
span.destinationLocation{
    margin-bottom:-2px
}
#journeyPlannerForm span.timeH{
    margin-bottom:11px;
    margin-top:20px;
    width:25%;
    max-width:5em
}
#journeyPlannerForm .colon{
    background-color:transparent;
    border:0;
    padding:0;
    margin:0;
    width:3px;
    display:inline-block
}
.oldie #journeyPlannerForm .colon,.ie8 #journeyPlannerForm .colon{
    display:none
}
#journeyPlannerForm span.dateH{
    width:24%;
    max-width:5em
}
#journeyPlannerForm span.dateM{
    width:53.88888%;
    max-width:10em
}
#journeyPlannerForm span.timeM{
    margin:20px 0px 11px;
    margin:2rem 0rem 1.1rem;
    width:25%;
    max-width:5em
}
#journeyPlannerForm small a{
    color:#4d4f53;
    text-decoration:underline
}
.oldie #journeyPlannerForm span.timeH,.oldie #journeyPlannerForm span.timeM{
    width:20%
}
#footer .journeyplanner-link{
    margin-bottom:20px
}
#footer{
    margin:70px auto 0;
    padding-bottom:30px
}
.footercol{
    display:inline;
    float:left;
    width:97.916666667%;
    margin:0 1.041666667%;
    border-top:1px solid #ffffff;
    padding-top:13px
}
.footercol h2 a,.footercol h2 a:visited,.footercol h2 span{
    color:#EFEFEF;
    font-family:Arial,sans-serif;
    letter-spacing:0;
    margin:0;
    padding:0;
    font-size:14px;
    font-size:1.4rem;
    font-weight:bold;
    text-shadow:0 1px 2px #3F4144
}
.footercol ul{
    margin-bottom:21px
}
.footercol li{
    color:#ccc;
    font-size:14px;
    font-size:1.4rem;
    list-style:disc outside none;
    margin-left:20px;
    margin-left:2rem;
    text-shadow:0 1px 1px #35373A
}
.footercol a,.footercol a:visited{
    color:#ccc;
    font-weight:normal
}
#footer small{
    clear:both;
    color:#ccc;
    display:block;
    padding:20px 0 30px;
    text-align:right
}
@media only screen and (min-width: 34.286em){
    #header{
        margin-bottom:20px;
        margin-bottom:2rem
    }
    .search-site{
        top:6px
    }
    .news-menu div{
        left:-123px
    }
    .nav-item ul{
        width:222px;
        width:22.2rem
    }
    .nav-item>a{
        background:url("../img/nav.svg") no-repeat scroll 8px 10px/18px 18px transparent;
        font-size:21px;
        font-size:2.1rem;
        margin-right:0;
        padding:10px 18px 30px 32px;
        padding:1rem 1.8rem 3rem 3.2rem
    }
    .no-svg .nav-item>a{
        background:url("../img/sprites.png") no-repeat scroll 10px -890px transparent
    }
    .no-svg .nav-item>a:hover,.no-svg .nav-item>a.nav-open{
        background-color:#ffffff
    }
    .ie6 .nav-item>a{
        background:none;
        border:1px solid #F2F2F2;
        padding-left:10px
    }
    .homepageLinksTop{
        padding-bottom:200px;
        padding-bottom:20rem
    }
    .main h1{
        margin-top:8px
    }
    a.buyButton{
        margin:16px 0 -5px 15px
    }
    .mapLinks{
        margin:25px 0 20px
    }
    .mapLinks li{
        display:inline;
        float:left;
        width:48%
    }
    .footercol{
        display:inline;
        float:left;
        width:47.916666667%;
        margin:0 1.041666667%
    }
    .tabs li a{
        font-size:24px;
        font-size:2.4rem;
        padding:5px 15px 3px 10px
    }
    .inner,.outer{
        display:block;
        float:left;
        width:48%
    }
    .inner{
        margin-bottom:0px
    }
    .outer{
        margin-left:2%
    }
}
@media only screen and (min-width: 42.857em){
    .bus-timetable th:first-child,.bus-timetable td:first-child{
        width:14%;
        vertical-align:top;
        padding-top:5px;
        padding-top:0.5rem
    }
    .bus-timetable th:nth-child(3),.bus-timetable td:nth-child(3){
        width:18%;
        vertical-align:top;
        padding-top:5px;
        padding-top:0.5rem
    }
    .bus-timetable th:nth-child(2),.bus-timetable td:nth-child(2){
        width:60%;
        vertical-align:top;
        padding-top:5px;
        padding-top:0.5rem
    }
    h1{
        font-size:33px;
        font-size:3.3rem
    }
    #searchform{
        display:inline;
        float:left;
        width:22.916666667%;
        margin:0 1.041666667%;
        margin-left:0;
        margin-right:0
    }
    #q,input.busSearch{
        font-size:14px;
        font-size:1.4rem;
        height:32px;
        height:3.2rem
    }
    .news-menu div{
        border-radius:0 3px 3px 3px;
        left:0px
    }
    .nav-item>a{
        font-size:24px;
        font-size:2.4rem;
        margin-right:10px
    }
    #slides{
        display:inline
    }
    .homepageLinksTop{
        padding-bottom:160px
    }
    .newsStory h2{
        max-width:100%
    }
    .newsStory p{
        display:inline
    }
    .subway-links,.bus-links,.travelcards-links,#subwayOperation,#nextBuses,#onlineStore{
        display:inline;
        float:left;
        width:31.25%;
        margin:0 1.041666667%
    }
    .inner,.outer{
        width:100%
    }
    .outer{
        margin-left:0
    }
    .main article,.main .article{
        padding:0px 20px;
        padding:0rem 2rem
    }
    .main .subway-main{
        padding-bottom:60px;
        padding-bottom:6rem
    }
    .enlargePic a{
        display:inline-block
    }
    .main #subwayOperation{
        width:100%
    }
    img.icon{
        float:right;
        margin-right:55px
    }
    .stationListing{
        margin-top:53px
    }
    .stationListing li{
        margin-bottom:65px;
        margin-bottom:6.5rem
    }
    .alignleft,.alignright{
        display:inline;
        width:auto
    }
    .alignleft{
        float:left
    }
    .alignright{
        float:right
    }
    .tickets thead th{
        padding-left:14px;
        padding-left:1.4rem;
        padding-right:20px;
        padding-right:2rem;
        width:auto
    }
    .tickets thead:hover th{
        background:#ffffff
    }
    .tickets th.headingColumn,.tickets th.tableColumn{
        width:128px;
        width:12.8rem
    }
    .ferry-tickets th.headingColumn,.ferry-tickets th.tableColumn{
        width:128px;
        width:12.8rem
    }
    table.tickets td{
        padding-left:15px;
        padding-left:1.5rem
    }
    .newsListing img{
        display:inline
    }
}
#journeyPlannerForm{
    background-size:40px 40px;
    background:url("../img/traveline.svg") no-repeat right 12px
}
#journeyPlannerForm h2{
    margin-top:10px;
    margin-top:1rem;
    padding:5px 10px 5px 0px;
    padding:0.5rem 1rem 0.5rem 0rem
}
@media only screen and (min-width: 54.857em){
    #journeyPlannerForm{
        background:url("../img/traveline.svg") no-repeat right top
    }
    .newsStory{
        width:360px;
        width:36rem
    }
    #journeyPlannerForm h2{
        margin-top:0
    }
    .js #jp-dropdown{
        display:block !important
    }
    #header{
        height:80px;
        height:8rem
    }
    #logo,#logo a{
        height:60px;
        width:129px
    }
    #logo{
        top:20px
    }
    #logo a{
        background-size:129px 60px
    }
    #searchform{
        padding:25px 8px 10px;
        padding:2.5rem 0.8rem 1rem
    }
    .nav-menu{
        left:134px;
        top:32px
    }
    .nav-item>a{
        font-size:21px;
        font-size:2.1rem;
        margin-right:0
    }
    img.icon{
        display:inline
    }
    .main,#slides{
        display:inline;
        float:left;
        width:72.916666667%;
        margin:0 1.041666667%;
        margin-left:0;
        margin-right:0
    }
    .homepageLinksTop{
        padding-bottom:90px
    }
    .main #quickInfoBar{
        width:74.92%
    }
    .main h1{
        margin-bottom:8px;
        margin-bottom:0.8rem
    }
    .bus-links,.travelcards-links{
        background:#ffffff url("../img/bg_homepage-links-single.png") repeat-y 0 0
    }
    #nextBuses,#onlineStore{
        background:#FF6200 url("../img/dotted_white_vertical.png") repeat-y 0 0;
        padding-bottom:20px
    }
    #nextBuses{
        display:inline;
        float:left;
        width:22.916666667%;
        margin:0 1.041666667%;
        width:24.8%;
        display:inline;
        float:left;
        padding-left:22px;
        margin-right:0;
        margin-left:0
    }
    #subwayOperation{
        display:inline;
        float:left;
        width:47.916666667%;
        margin:0 1.041666667%;
        width:49.3333333%;
        margin-left:0;
        margin-right:0;
        padding-left:20px;
        padding-left:2rem
    }
    #onlineStore{
        display:inline;
        float:left;
        width:22.916666667%;
        margin:0 1.041666667%;
        width:24.8%;
        display:inline;
        float:left;
        margin-right:0;
        margin-left:0
    }
    .subway-links{
        padding-left:20px;
        padding-left:2rem;
        width:49.333333%;
        margin-left:0;
        margin-right:0
    }
    .inner,.outer{
        float:left;
        display:inline;
        width:48%
    }
    .bus-links,#nextBuses{
        display:inline;
        float:left;
        width:22.916666667%;
        margin:0 1.041666667%;
        width:24.8%;
        display:inline;
        float:left;
        padding-left:22px;
        padding-left:2.2rem;
        margin-right:0;
        margin-left:0
    }
    .travelcards-links,#onlineStore{
        display:inline;
        float:left;
        width:22.916666667%;
        margin:0 1.041666667%;
        width:25.866666667%;
        display:inline;
        margin-left:0;
        margin-right:0;
        float:right;
        padding-left:26px;
        padding-left:2.6rem
    }
    .oldie .subway-links,.oldie #subwayOperation{
        width:45%
    }
    .oldie .bus-links,.oldie #nextBuses,.oldie #onlineStore,.oldie .travelcards-links{
        width:22%
    }
    .main{
        width:74.92%
    }
    .main-wide{
        width:100%
    }
    #slides{
        width:74.2%
    }
    #sidebar{
        padding-top:30px;
        padding-top:3rem;
        padding-bottom:100px;
        padding-bottom:10rem;
        display:inline;
        float:left;
        width:22.916666667%;
        margin:0 1.041666667%;
        margin-left:0;
        overflow:visible;
        margin-right:0;
        float:right;
        text-shadow:0 1px 0 #ffffff
    }
    #journeyplanner{
        display:inline;
        float:left;
        width:22.916666667%;
        margin:0 1.041666667%;
        float:right;
        margin-left:0;
        margin-right:0;
        overflow:visible
    }
    .journeyplanner-link{
        display:none
    }
    .footercol{
        display:inline;
        float:left;
        width:22.916666667%;
        margin:0 1.041666667%
    }
}
@media only screen and (min-width: 63.429em){
    .nav-menu{
        left:163px;
        left:16.3rem
    }
    .nav-item>a{
        font-size:24px;
        font-size:2.4rem;
        margin-right:10px;
        margin-right:1rem
    }
    .tabs li a{
        padding-right:40px;
        padding-right:4rem
    }
}
@media only screen and (min-width: 70.286em){
    .main{
        min-height:564px;
        min-height:56.4rem
    }
    #journeyPlannerForm span.departArrive{
        margin-right:10px;
        margin-right:1rem
    }
}
.sitewide-notice{
    height:40px;
    height:4rem;
    background:#4d4f53;
    width:100%;
    display:block;
    text-align:center;
    padding:10px 0px;
    padding:1rem 0rem;
    color:#ffffff;
    font-size:12px;
    font-size:1.2rem
}
@media only screen and (min-width: 48.857em){
    .sitewide-notice{
        height:40px;
        height:4rem;
        font-size:16px;
        font-size:1.6rem
    }
}
.bus-timetable-finder{
    padding:20px;
    padding:2rem;
    margin:30px 0px 40px;
    margin:3rem 0rem 4rem;
    border-radius:4px;
    border:2px solid #FF6200;
    box-shadow:0px 2px 6px rgba(0,0,0,0.1)
}
.bus-timetable-finder h2{
    padding:0;
    border-top:0;
    margin:0px 0px 5px;
    margin:0rem 0rem 0.5rem
}
@media only screen and (min-width: 42.857em){
    .bus-timetable-finder h2{
        margin-bottom:0;
    }
}
.bus-timetable-finder fieldset{
    width:100%
}
.bus-timetable-finder .or{
    display:none;
    margin-right:10px;
    margin-right:1rem;
    text-transform:uppercase
}
@media only screen and (min-width: 42.857em){
    .bus-timetable-finder .or{
        display:inline-block;
    }
}
.bus-timetable-finder input[type="text"]{
    width:100%;
    border:1px #BCBDBE solid;
    height:32px;
    height:3.2rem;
    padding:5px 2px;
    padding:0.5rem 0.2rem
}
@media only screen and (min-width: 600px){
    .bus-timetable-finder input[type="text"]{
        width:auto;
    }
}
.bus-timetable-finder input:focus{
    border-color:#FF6200;
    color:#4d4f53
}
.bus-timetable-finder input.location{
    margin-right:10px;
    margin-right:1rem
}
.bus-timetable-finder input.service{
    margin-right:10px;
    margin-right:1rem
}
@media only screen and (min-width: 600px){
    .bus-timetable-finder input.service{
        width:60px;
        width:6rem;
    }
}
.bus-timetable-finder .btn{
    background:#FF6200;
    border:1px solid #e65800;
    border-bottom-width:2px;
    box-shadow:1px 2px 2px rgba(0,0,0,0.1);
    color:#ffffff;
    display:inline-block;
    font-family:"Klavika Medium",sans-serif;
    font-size:20px;
    font-size:2rem;
    height:1.375em;
    max-width:3em
}
.bus-timetable-finder .btn:hover{
    border:1px solid #b34500
}
.bus-timetable-finder .btn:focus{
    border:1px solid #4d1d00;
    color:#ffffff;
    background:#e65800
}
.bus-timetable-finder .btn:active{
    border:1px solid #803100;
    color:#ffffff
}
.search-buses{
    padding:4px;
    padding:0.4rem;
    border-radius:4px
}
.ir{
    text-indent:-9999em
}
.hidden{
    display:none;
    visibility:hidden
}
.visuallyhidden,table caption{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.visuallyhidden.focusable:active,table caption.focusable:active,.visuallyhidden.focusable:focus,table caption.focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto
}
.invisible{
    visibility:hidden
}
#subwayStatus li{
    color:white
}
.instagramLink{
    background-image:url("../img/instagram_logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
    color:#BCBCBC;
    display:block;
    float:left;
    height:50px;
    width:29px;
    margin:0 10px 0 0;
}
.mobility td{
    max-width:280px
}
.cg-info{
    background-color:#1FB25A;
    display:inline-block;
    padding:1.5em;
    margin-bottom:20px
}
.cg-info h2{
    background:url(/cms/wp-content/uploads/2014/07/white-arrow.png) no-repeat center right;
    border:0;
    display:inline-block;
    padding:0 30px 0 0;
    margin:0
}
.cg-info h2 a{
    color:white
}
.highlight-map{
    width:100%;
    height:auto
}
.smarthelp .expand,h2.helph2{
    position:relative;
    margin-left:30px
}
.smarthelp .expand:hover{
    text-decoration:none
}
.permalink{
    font-weight:normal;
    color:#c8c8c8 !important;
    position:absolute;
    top:2px;
    left:-20px
}
h2 .permalink{
    font-size:16px;
    font-size:1.6rem;
    top:19px;
    font-family:Arial,sans-serif
}
.permalink:hover{
    color:#4d4f53
}
@font-face{
    font-family:'fontello';
    src:url('/fonts/fontello.eot?11449801');
    src:url('/fonts/fontello.eot?11449801#iefix') format('embedded-opentype'),url('/fonts/fontello.woff?11449801') format('woff'),url('/fonts/fontello.ttf?11449801') format('truetype'),url('/fonts/fontello.svg?11449801#fontello') format('svg');
    font-weight:normal;
    font-style:normal;
}
[class^="icon-"]:before,[class*=" icon-"]:before{
    font-family:"fontello";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:0.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em
}
.social-share{
    margin:1em 0;
    display:block
}
.social-share a{
    color:#fff !important;
    padding:4px 8px;
    text-decoration:none !important
}
.icon-facebook{
    background:#3b5998;
    color:#fff
}
.icon-facebook:hover{
    background:#2d4373
}
.icon-twitter{
    background:#0087ba;
    color:#fff
}
.icon-twitter:hover{
    background:#0087ba
}
.icon-gplus{
    background:#dd4b39;
    color:#fff
}
.icon-gplus:hover{
    background:#c23321
}
.icon-facebook:before{
    content:'\e802'
}
.icon-gplus:before{
    content:'\e801'
}
.icon-twitter:before{
    content:'\e800'
}
.icon-youtube:before{
    content:'\e803'
}
#jb-overlay{
    background:#000;
    z-index:999;
    position:fixed;
    top:0;
    height:100%;
    left:0;
    width:100%
}
#jb-window{
    z-index:1000;
    position:fixed;
    top:0;
    height:100%;
    left:0;
    width:100%
}
#jb-window-inner{
    background-color:#fff;
    color:#444;
    width:50%;
    height:50%;
    margin:auto;
    overflow:auto
}
#jb-loading{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:0;
    padding:0;
    margin:0;
    line-height:0;
    display:block;
    overflow:hidden
}
#jb-window.reactive{
    background:transparent url(../img/reactive-overlay.png) right top no-repeat
}
#jb-window.loading #jb-window-inner{
    background-image:url(../img/loading-black-on-white.gif);
    background-position:center center;
    background-repeat:no-repeat
}
.type-ajax #jb-window-content{
    padding:0 1em 1em
}
#jb-window-content{
    padding:1em
}
#jb-window-content:focus{
    outline:none
}
#jb-window-content .jb-caption{
    display:block;
    clear:both;
    margin:0;
    position:absolute;
    bottom:0;
    left:0;
    background:#fff;
    width:100%
}
#jb-window-content .jb-caption span{
    display:block;
    padding:0.5em 1em
}
#jb-close-button img{
    border:none
}
#jb-window.error-no-content #jb-window-content{
    background:transparent url(../img/alert-64.png) 15px center no-repeat;
    padding-left:70px
}
#jb-gallery-prev,#jb-gallery-next{
    height:0;
    padding-top:85px;
    width:49px;
    background:transparent url(../img/gallery-controls-sprite.png) left top no-repeat
}
#jb-gallery-next{
    background-position:-49px top
}
#jb-gallery-prev:hover,#jb-gallery-prev:focus{
    background-position:left -85px
}
#jb-gallery-next:hover,#jb-gallery-next:focus{
    background-position:-49px -85px
}
#jb-gallery-prev.disabled,#jb-gallery-next.disabled{
    background:none;
    cursor:default
}
.type-iframe #jb-window-content iframe{
    border:none;
    background:transparent;
    padding:0
}
.wpcf7 button,.wpcf7 input,.wpcf7 optgroup,.wpcf7 select,.wpcf7 textarea{
    color:inherit;
    font:inherit;
    margin:0
}
.wpcf7 button{
    overflow:visible
}
.wpcf7 button,.wpcf7 select{
    text-transform:none
}
.wpcf7 button,.wpcf7 html input[type="button"],.wpcf7 input[type="reset"],.wpcf7 input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
.wpcf7 button[disabled],.wpcf7 html input[disabled]{
    cursor:default
}
.wpcf7 button::-moz-focus-inner,.wpcf7 input::-moz-focus-inner{
    border:0;
    padding:0
}
.wpcf7 input{
    line-height:normal
}
.wpcf7 input[type="checkbox"],.wpcf7 input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
.wpcf7 input[type="number"]::-webkit-inner-spin-button,.wpcf7 input[type="number"]::-webkit-outer-spin-button{
    height:auto
}
.wpcf7 input[type="search"]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
.wpcf7 input[type="search"]::-webkit-search-cancel-button,.wpcf7 input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
.wpcf7 fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
.wpcf7 legend{
    border:0;
    padding:0
}
.wpcf7 textarea{
    overflow:auto
}
.wpcf7 optgroup{
    font-weight:bold
}
.wpcf7 fieldset{
    background:#f7f7f7;
    border:1px solid #DDD;
    margin:0 0 0.75em;
    padding:1.5em
}
.wpcf7 input,.wpcf7 label,.wpcf7 select{
    display:block;
    font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size:1em
}
.wpcf7 label{
    font-weight:bold;
    margin-bottom:0.375em
}
.wpcf7 label.required:after{
    content:"*"
}
.wpcf7 label abbr{
    display:none
}
.wpcf7 textarea,.wpcf7 input[type="email"],.wpcf7 input[type="number"],.wpcf7 input[type="password"],.wpcf7 input[type="search"],.wpcf7 input[type="tel"],.wpcf7 input[type="text"],.wpcf7 input[type="url"],.wpcf7 input[type="color"],.wpcf7 input[type="date"],.wpcf7 input[type="datetime"],.wpcf7 input[type="datetime-local"],.wpcf7 input[type="month"],.wpcf7 input[type="time"],.wpcf7 input[type="week"],.wpcf7 select[multiple=multiple]{
    box-sizing:border-box;
    transition:border-color;
    background-color:white;
    border-radius:3px;
    border:1px solid #a6a7a9;
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);
    font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size:1em;
    margin-bottom:0.75em;
    padding:0.5em 0.5em;
    width:100%
}
.wpcf7 textarea:hover,.wpcf7 input[type="email"]:hover,.wpcf7 input[type="number"]:hover,.wpcf7 input[type="password"]:hover,.wpcf7 input[type="search"]:hover,.wpcf7 input[type="tel"]:hover,.wpcf7 input[type="text"]:hover,.wpcf7 input[type="url"]:hover,.wpcf7 input[type="color"]:hover,.wpcf7 input[type="date"]:hover,.wpcf7 input[type="datetime"]:hover,.wpcf7 input[type="datetime-local"]:hover,.wpcf7 input[type="month"]:hover,.wpcf7 input[type="time"]:hover,.wpcf7 input[type="week"]:hover,.wpcf7 select[multiple=multiple]:hover{
    border-color:#a6a7a9
}
.wpcf7 textarea:focus,.wpcf7 input[type="email"]:focus,.wpcf7 input[type="number"]:focus,.wpcf7 input[type="password"]:focus,.wpcf7 input[type="search"]:focus,.wpcf7 input[type="tel"]:focus,.wpcf7 input[type="text"]:focus,.wpcf7 input[type="url"]:focus,.wpcf7 input[type="color"]:focus,.wpcf7 input[type="date"]:focus,.wpcf7 input[type="datetime"]:focus,.wpcf7 input[type="datetime-local"]:focus,.wpcf7 input[type="month"]:focus,.wpcf7 input[type="time"]:focus,.wpcf7 input[type="week"]:focus,.wpcf7 select[multiple=multiple]:focus{
    border-color:#FF6200;
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px #FF6200;
    outline:none
}
.wpcf7 textarea{
    resize:vertical
}
.wpcf7 input[type="search"]{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none
}
.wpcf7 input[type="checkbox"],.wpcf7 input[type="radio"]{
    display:inline;
    margin-right:0.375em
}
.wpcf7 input[type="file"]{
    padding-bottom:0.75em;
    width:100%
}
.wpcf7 select{
    margin-bottom:1.5em;
    max-width:100%;
    width:auto
}
.wpcf7 input[type="button"],.wpcf7 input[type="reset"],.wpcf7 input[type="submit"]{
    -webkit-font-smoothing:antialiased;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    background-color:#FF6200;
    border-radius:3px;
    border:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size:1em;
    font-weight:bold;
    line-height:1;
    padding:0.75em 1em;
    text-decoration:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    vertical-align:middle;
    white-space:nowrap
}
.wpcf7 input[type="button"]:hover,.wpcf7 input[type="button"]:focus,.wpcf7 input[type="reset"]:hover,.wpcf7 input[type="reset"]:focus,.wpcf7 input[type="submit"]:hover,.wpcf7 input[type="submit"]:focus{
    background-color:#cc4e00;
    color:#fff
}
.wpcf7 input[type="button"]:disabled,.wpcf7 input[type="reset"]:disabled,.wpcf7 input[type="submit"]:disabled{
    cursor:not-allowed;
    opacity:0.5
}
.map-container{
    margin:0 auto;
    display:block;
    max-width:734px;
    max-height:468px;
    position:relative;
    clear:both
}
.sub-map{
    display:block;
    position:relative;
    top:0;
    left:0;
    height:100%;
    max-height:468px;
    width:100%;
    max-width:734px
}
.works{
    height:1px;
    overflow:hidden
}
.uni-info{
    max-width:300px
}
.uni-info h2{
    margin-bottom:1rem
}
.uni{
    position:absolute;
    width:100%
}
.bs{
    top:27%;
    left:72.5%
}
.brs{
    top:59%;
    left:76.5%
}
.h{
    top:20%;
    left:26.5%
}
.c{
    top:21%;
    left:62.5%
}
/*# sourceMappingURL=style.css.map */