bbc.co.uk.css

.bbccom_display_none {
    display: none;
}

html {
    overflow-y: scroll
}

img {
    -ms-interpolation-mode: bicubic
}

.b-r a,.b-r abbr,.b-r acronym,.b-r address,.b-r applet,.b-r article,.b-r aside,.b-r audio,.b-r b,.b-r big,.b-r blockquote,.b-r canvas,.b-r caption,.b-r center,.b-r cite,.b-r code,.b-r dd,.b-r del,.b-r details,.b-r dfn,.b-r div,.b-r dl,.b-r dt,.b-r em,.b-r embed,.b-r fieldset,.b-r figcaption,.b-r figure,.b-r footer,.b-r form,.b-r h1,.b-r h2,.b-r h3,.b-r h4,.b-r h5,.b-r h6,.b-r header,.b-r i,.b-r iframe,.b-r img,.b-r ins,.b-r kbd,.b-r label,.b-r legend,.b-r li,.b-r mark,.b-r menu,.b-r nav,.b-r object,.b-r ol,.b-r output,.b-r p,.b-r pre,.b-r q,.b-r ruby,.b-r s,.b-r samp,.b-r section,.b-r small,.b-r span,.b-r strike,.b-r strong,.b-r sub,.b-r summary,.b-r sup,.b-r table,.b-r tbody,.b-r td,.b-r tfoot,.b-r th,.b-r thead,.b-r time,.b-r tr,.b-r tt,.b-r u,.b-r ul,.b-r var,.b-r video,body,html {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

.b-r button,.b-r input,.b-r optgroup,.b-r select,.b-r textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

.b-r article,.b-r aside,.b-r details,.b-r figcaption,.b-r figure,.b-r footer,.b-r header,.b-r menu,.b-r nav,.b-r section,.orb-nav-pri img {
    display: block
}

.b-r blockquote,.b-r q {
    quotes: none
}

.b-r blockquote:after,.b-r blockquote:before,.b-r q:after,.b-r q:before {
    content: none
}

.b-r table {
    border-collapse: collapse;
    border-spacing: 0
}

.b-f button {
    width: auto;
    overflow: visible
}

.b-f button::-moz-focus-inner,.b-f input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.b-f button,.b-f input[type=button],.b-f input[type=reset],.b-f input[type=submit] {
    -moz-appearance: button;
    -webkit-appearance: button;
    cursor: pointer
}

.b-f button[disabled],.b-f input[disabled] {
    cursor: default
}

.b-f input[type=checkbox],.b-f input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

.b-f textarea {
    overflow: auto;
    vertical-align: top
}

body {
    font-size: 62.5%;
    font-family: Arial,Helvetica,freesans,sans-serif;
    line-height: 1
}

#orb-modules {
    clear: both
}

.b-g-p,.b-r .b-g-p {
    padding: 0 8px
}

.b-g-m,.b-r .b-g-m {
    margin: 0 8px
}

@media screen and (min-width:400px) {
    .b-g-p,.b-r .b-g-p {
        padding: 0 16px
    }

    .b-g-m,.b-r .b-g-m {
        margin: 0 16px
    }
}

@media screen and (min-width:1008px) {
    .b-g-p,.b-r .b-g-p {
        padding: 0 16px
    }

    .b-g-m,.b-g-p,.b-r .b-g-m,.b-r .b-g-p {
        max-width: 976px;
        margin: 0 auto
    }
}

@media screen and (min-width:1280px) {
    .b-pw-1280 .b-g-m,.b-pw-1280 .b-g-p,.b-pw-1280 .b-r .b-g-m,.b-pw-1280 .b-r .b-g-p {
        max-width: 1248px
    }
}

#orb-header {
    position: relative
}

.orb-nav-pri {
    background: #fff;
    border-bottom: 1px solid #ccc;
    font-size: 1.3em;
    font-weight: 700;
    *zoom: 1;
    -moz-transition: background .25s;
    -webkit-transition: background .25s;
    -o-transition: background .25s;
    -ms-transition: background .25s;
    transition: background .25s
}

.orb-banner:after,.orb-nav-pri-container:after,.orb-nav-pri:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.orb-nav-pri a {
    color: #333;
    display: block;
    text-decoration: none;
    padding: .462em 8px .308em;
    line-height: 1.692em;
    min-height: 1.692em
}

.orb-nav-pri ul {
    list-style: none
}

.orb-nav-pri li,.orb-nav-section {
    float: left
}

.orb-nav-pri .orb-icon {
    background-image: url(../img/orb-sprite.gif);
    background-repeat: no-repeat
}

.orb-nav-pri .orb-icon-arrow {
    background-position: 0 0
}

.orb-nav-links li,.orb-nav-pri .orb-nav-id {
    border-left: 1px solid #ccc
}

.orb-nav-pri .orb-nav-blocks {
    overflow: hidden;
    white-space: nowrap;
    width: 82px
}

.orb-nav-pri .orb-nav-blocks a {
    text-indent: 100%;
    padding: 0!important;
    min-height: auto;
    background: url(../img/blq-orbit-blocks_grey_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_grey_sm.svg) no-repeat;
    width: 74px;
    height: 21px;
    margin-top: 6px
}

.orb-nav-links ul {
    border-right: 1px solid #ccc;
    overflow: hidden
}

.orb-nav-links img {
    padding-top: .2em;
    padding-right: 2px
}

.orb-nav-links li {
    display: none
}

.orb-nav-links .orb-nav-focus-on a {
    border-bottom: .308em solid #262626;
    padding-bottom: 0
}

.orb-nav-focus a:active,.orb-nav-focus a:focus,.orb-nav-focus a:hover {
    border-bottom: .308em solid #262626;
    padding-bottom: 0
}

#orb-nav-more {
    display: block;
    overflow: hidden;
    white-space: nowrap
}

#orb-nav-more a {
    position: relative;
    text-indent: 100%;
    background: url(../img/more-menu-grey.png) no-repeat center 10px
}

#orb-nav-more span {
    position: absolute;
    right: 8px;
    top: 17px;
    width: 6px;
    height: 3px;
    display: none
}

#orb-nav-more.orb-nav-hide {
    display: none
}

.orb-nav-pri .orb-skip-links {
    position: relative;
    float: left
}

.orb-nav-pri .orb-skip-links h2,.orb-nav-pri .orb-skip-links li a {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    left: -76px;
    margin-top: 1.3em;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #ccc;
    line-height: 2em;
    z-index: 1;
    display: block;
    color: #333
}

.orb-nav-pri .orb-skip-links a.touch-active,.orb-nav-pri .orb-skip-links a:active,.orb-nav-pri .orb-skip-links a:focus {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    clip: auto;
    top: 1.692em
}

.orb-nav-lock {
    overflow: hidden;
    height: 2.462em
}

.orb-nav-dyn li {
    display: block
}

.orb-nav-dyn .orb-nav-hide {
    display: none
}

.orb-nav-pri {
    z-index: 999
}

.orb-nav-pri .orb-menu li {
    color: #333
}

#orb-panel-more {
    background: #fff
}

#orb-panel-more a,#orb-panel-more h2 {
    color: #000
}

#orb-panel-more li a:active,#orb-panel-more li a:focus,#orb-panel-more li a:hover {
    background: #000
}

.b-header--black--white .orb-nav-pri {
    background: #000;
    color: #fff;
    border-color: #666
}

.b-header--black--white .orb-nav-pri .orb-nav-sec a,.b-header--black--white .orb-nav-pri .orb-nav-sec h2,.b-header--black--white .orb-nav-pri a {
    color: #fff
}

.b-header--black--white .orb-nav-pri .orb-nav-id,.b-header--black--white .orb-nav-pri .orb-nav-links li,.b-header--black--white .orb-nav-pri .orb-nav-links ul,.b-header--black--white .orb-nav-pri .orb-panel {
    border-color: #666
}

.b-header--black--white .orb-nav-pri .orb-nav-blocks a {
    background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_white.svg) no-repeat;
    width: 84px;
    height: 24px;
    margin-top: 8px
}

@media screen and (max-width:599px) {
    .b-header--black--white .orb-nav-pri .orb-nav-blocks a {
        padding: 0!important;
        min-height: auto;
        background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_white_sm.svg) no-repeat;
        width: 74px;
        height: 21px;
        margin-top: 6px
    }
}

@media screen and (max-width:319px) {
    .b-header--black--white .orb-nav-pri #orb-nav-more a {
        background-image: url(../img/more-menu-white.png)
    }
}

@media screen and (min-width:320px) {
    .b-header--black--white .orb-nav-pri #orb-nav-more a {
        background-image: none
    }
}

.b-header--grey--white .orb-nav-pri {
    background: #4c4c4c;
    color: #fff;
    border-color: #949494
}

.b-header--grey--white .orb-nav-pri .orb-nav-sec a,.b-header--grey--white .orb-nav-pri .orb-nav-sec h2,.b-header--grey--white .orb-nav-pri a {
    color: #fff
}

.b-header--grey--white .orb-nav-pri .orb-nav-id,.b-header--grey--white .orb-nav-pri .orb-nav-links li,.b-header--grey--white .orb-nav-pri .orb-nav-links ul,.b-header--grey--white .orb-nav-pri .orb-panel {
    border-color: #949494
}

.b-header--grey--white .orb-nav-pri .orb-nav-blocks a {
    background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_white.svg) no-repeat;
    width: 84px;
    height: 24px;
    margin-top: 8px
}

@media screen and (max-width:599px) {
    .b-header--grey--white .orb-nav-pri .orb-nav-blocks a {
        padding: 0!important;
        min-height: auto;
        background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_white_sm.svg) no-repeat;
        width: 74px;
        height: 21px;
        margin-top: 6px
    }
}

@media screen and (max-width:319px) {
    .b-header--grey--white .orb-nav-pri #orb-nav-more a {
        background-image: url(../img/more-menu-white.png)
    }
}

@media screen and (min-width:320px) {
    .b-header--grey--white .orb-nav-pri #orb-nav-more a {
        background-image: none
    }
}

.b-header--dark-grey--grey .orb-nav-pri {
    background: #000;
    color: #a4a4a4;
    border-color: #333
}

.b-header--dark-grey--grey .orb-nav-pri .orb-nav-sec a,.b-header--dark-grey--grey .orb-nav-pri .orb-nav-sec h2,.b-header--dark-grey--grey .orb-nav-pri a {
    color: #a4a4a4
}

.b-header--dark-grey--grey .orb-nav-pri .orb-nav-id,.b-header--dark-grey--grey .orb-nav-pri .orb-nav-links li,.b-header--dark-grey--grey .orb-nav-pri .orb-nav-links ul,.b-header--dark-grey--grey .orb-nav-pri .orb-panel {
    border-color: #333
}

.b-header--dark-grey--grey .orb-nav-pri .orb-nav-blocks a {
    background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_white.svg) no-repeat;
    width: 84px;
    height: 24px;
    margin-top: 8px
}

@media screen and (max-width:599px) {
    .b-header--dark-grey--grey .orb-nav-pri .orb-nav-blocks a {
        padding: 0!important;
        min-height: auto;
        background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_white_sm.svg) no-repeat;
        width: 74px;
        height: 21px;
        margin-top: 6px
    }
}

@media screen and (max-width:319px) {
    .b-header--dark-grey--grey .orb-nav-pri #orb-nav-more a {
        background-image: url(../img/more-menu-white.png)
    }
}

@media screen and (min-width:320px) {
    .b-header--dark-grey--grey .orb-nav-pri #orb-nav-more a {
        background-image: none
    }
}

.b-header--semitransparent-dark--white .orb-nav-pri {
    background: #4c4c4c;
    background: rgba(0,0,0,.7);
    color: #fff
}

.b-header--semitransparent-dark--white .orb-nav-pri .orb-nav-sec a,.b-header--semitransparent-dark--white .orb-nav-pri .orb-nav-sec h2,.b-header--semitransparent-dark--white .orb-nav-pri a {
    color: #fff
}

.b-header--semitransparent-dark--white .orb-nav-pri,.b-header--semitransparent-dark--white .orb-nav-pri .orb-nav-id,.b-header--semitransparent-dark--white .orb-nav-pri .orb-nav-links li,.b-header--semitransparent-dark--white .orb-nav-pri .orb-nav-links ul,.b-header--semitransparent-dark--white .orb-nav-pri .orb-panel {
    border-color: #949494;
    border-color: rgba(255,255,255,.4)
}

.b-header--semitransparent-dark--white .orb-nav-pri .orb-nav-blocks a {
    background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_white.svg) no-repeat;
    width: 84px;
    height: 24px;
    margin-top: 8px
}

@media screen and (max-width:599px) {
    .b-header--semitransparent-dark--white .orb-nav-pri .orb-nav-blocks a {
        padding: 0!important;
        min-height: auto;
        background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_white_sm.svg) no-repeat;
        width: 74px;
        height: 21px;
        margin-top: 6px
    }
}

@media screen and (max-width:319px) {
    .b-header--semitransparent-dark--white .orb-nav-pri #orb-nav-more a {
        background-image: url(../img/more-menu-white.png)
    }
}

@media screen and (min-width:320px) {
    .b-header--semitransparent-dark--white .orb-nav-pri #orb-nav-more a {
        background-image: none
    }
}

.b-header--semitransparent-medium--white .orb-nav-pri {
    background: #4c4c4c;
    background: rgba(0,0,0,.4);
    color: #fff
}

.b-header--semitransparent-medium--white .orb-nav-pri .orb-nav-sec a,.b-header--semitransparent-medium--white .orb-nav-pri .orb-nav-sec h2,.b-header--semitransparent-medium--white .orb-nav-pri a {
    color: #fff
}

.b-header--semitransparent-medium--white .orb-nav-pri,.b-header--semitransparent-medium--white .orb-nav-pri .orb-nav-id,.b-header--semitransparent-medium--white .orb-nav-pri .orb-nav-links li,.b-header--semitransparent-medium--white .orb-nav-pri .orb-nav-links ul,.b-header--semitransparent-medium--white .orb-nav-pri .orb-panel {
    border-color: #949494;
    border-color: rgba(255,255,255,.4)
}

.b-header--semitransparent-medium--white .orb-nav-pri .orb-nav-blocks a {
    background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_white.svg) no-repeat;
    width: 84px;
    height: 24px;
    margin-top: 8px
}

@media screen and (max-width:599px) {
    .b-header--semitransparent-medium--white .orb-nav-pri .orb-nav-blocks a {
        padding: 0!important;
        min-height: auto;
        background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_white_sm.svg) no-repeat;
        width: 74px;
        height: 21px;
        margin-top: 6px
    }
}

@media screen and (max-width:319px) {
    .b-header--semitransparent-medium--white .orb-nav-pri #orb-nav-more a {
        background-image: url(../img/more-menu-white.png)
    }
}

@media screen and (min-width:320px) {
    .b-header--semitransparent-medium--white .orb-nav-pri #orb-nav-more a {
        background-image: none
    }
}

.b-header--semitransparent-light--white .orb-nav-pri {
    background: #4c4c4c;
    background: rgba(0,0,0,.2);
    color: #fff
}

.b-header--semitransparent-light--white .orb-nav-pri .orb-nav-sec a,.b-header--semitransparent-light--white .orb-nav-pri .orb-nav-sec h2,.b-header--semitransparent-light--white .orb-nav-pri a {
    color: #fff
}

.b-header--semitransparent-light--white .orb-nav-pri,.b-header--semitransparent-light--white .orb-nav-pri .orb-nav-id,.b-header--semitransparent-light--white .orb-nav-pri .orb-nav-links li,.b-header--semitransparent-light--white .orb-nav-pri .orb-nav-links ul,.b-header--semitransparent-light--white .orb-nav-pri .orb-panel {
    border-color: #949494;
    border-color: rgba(255,255,255,.4)
}

.b-header--semitransparent-light--white .orb-nav-pri .orb-nav-blocks a {
    background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_white.svg) no-repeat;
    width: 84px;
    height: 24px;
    margin-top: 8px
}

@media screen and (max-width:599px) {
    .b-header--semitransparent-light--white .orb-nav-pri .orb-nav-blocks a {
        padding: 0!important;
        min-height: auto;
        background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_white_sm.svg) no-repeat;
        width: 74px;
        height: 21px;
        margin-top: 6px
    }
}

@media screen and (max-width:319px) {
    .b-header--semitransparent-light--white .orb-nav-pri #orb-nav-more a {
        background-image: url(../img/more-menu-white.png)
    }
}

@media screen and (min-width:320px) {
    .b-header--semitransparent-light--white .orb-nav-pri #orb-nav-more a {
        background-image: none
    }
}

.b-header--transparent--dark-grey .orb-nav-pri {
    background: 0 0;
    color: #333;
    border-color: #888;
    border-color: rgba(0,0,0,.3)
}

.b-header--transparent--dark-grey .orb-nav-pri .orb-nav-sec a,.b-header--transparent--dark-grey .orb-nav-pri .orb-nav-sec h2,.b-header--transparent--dark-grey .orb-nav-pri a {
    color: #333
}

.b-header--transparent--dark-grey .orb-nav-pri .orb-nav-id,.b-header--transparent--dark-grey .orb-nav-pri .orb-nav-links li,.b-header--transparent--dark-grey .orb-nav-pri .orb-nav-links ul,.b-header--transparent--dark-grey .orb-nav-pri .orb-panel {
    border-color: #888;
    border-color: rgba(0,0,0,.3)
}

.b-header--transparent--dark-grey .orb-nav-pri .orb-nav-blocks a {
    background: url(../img/blq-orbit-blocks_grey_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_grey.svg) no-repeat;
    width: 84px;
    height: 24px;
    margin-top: 8px
}

@media screen and (max-width:599px) {
    .b-header--transparent--dark-grey .orb-nav-pri .orb-nav-blocks a {
        padding: 0!important;
        min-height: auto;
        background: url(../img/blq-orbit-blocks_grey_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_grey_sm.svg) no-repeat;
        width: 74px;
        height: 21px;
        margin-top: 6px
    }
}

@media screen and (max-width:319px) {
    .b-header--transparent--dark-grey .orb-nav-pri #orb-nav-more a {
        background-image: url(../img/more-menu-grey.png)
    }
}

@media screen and (min-width:320px) {
    .b-header--transparent--dark-grey .orb-nav-pri #orb-nav-more a {
        background-image: none
    }
}

.b-header--transparent--white .orb-nav-pri {
    background: 0 0;
    color: #fff
}

.b-header--transparent--white .orb-nav-pri .orb-nav-sec a,.b-header--transparent--white .orb-nav-pri .orb-nav-sec h2,.b-header--transparent--white .orb-nav-pri a {
    color: #fff
}

.b-header--transparent--white .orb-nav-pri,.b-header--transparent--white .orb-nav-pri .orb-nav-id,.b-header--transparent--white .orb-nav-pri .orb-nav-links li,.b-header--transparent--white .orb-nav-pri .orb-nav-links ul,.b-header--transparent--white .orb-nav-pri .orb-panel {
    border-color: #888;
    border-color: rgba(204,204,204,.3)
}

.b-header--transparent--white .orb-nav-pri .orb-nav-blocks a {
    background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_white.svg) no-repeat;
    width: 84px;
    height: 24px;
    margin-top: 8px
}

@media screen and (max-width:599px) {
    .b-header--transparent--white .orb-nav-pri .orb-nav-blocks a {
        padding: 0!important;
        min-height: auto;
        background: url(../img/blq-orbit-blocks_white_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_white_sm.svg) no-repeat;
        width: 74px;
        height: 21px;
        margin-top: 6px
    }
}

@media screen and (max-width:319px) {
    .b-header--transparent--white .orb-nav-pri #orb-nav-more a {
        background-image: url(../img/more-menu-white.png)
    }
}

@media screen and (min-width:320px) {
    .b-header--transparent--white .orb-nav-pri #orb-nav-more a {
        background-image: none
    }
}

.b-header--white--black .orb-nav-pri {
    background: #fff;
    color: #333;
    border-color: #ccc
}

.b-header--white--black .orb-nav-pri .orb-nav-sec a,.b-header--white--black .orb-nav-pri .orb-nav-sec h2,.b-header--white--black .orb-nav-pri a {
    color: #333
}

.b-header--white--black .orb-nav-pri .orb-nav-id,.b-header--white--black .orb-nav-pri .orb-nav-links li,.b-header--white--black .orb-nav-pri .orb-nav-links ul,.b-header--white--black .orb-nav-pri .orb-panel {
    border-color: #ccc
}

.b-header--white--black .orb-nav-pri .orb-nav-blocks a {
    background: url(../img/blq-orbit-blocks_grey_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_grey.svg) no-repeat;
    width: 84px;
    height: 24px;
    margin-top: 8px
}

@media screen and (max-width:599px) {
    .b-header--white--black .orb-nav-pri .orb-nav-blocks a {
        padding: 0!important;
        min-height: auto;
        background: url(../img/blq-orbit-blocks_grey_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_grey_sm.svg) no-repeat;
        width: 74px;
        height: 21px;
        margin-top: 6px
    }
}

@media screen and (max-width:319px) {
    .b-header--white--black .orb-nav-pri #orb-nav-more a {
        background-image: url(../img/more-menu-grey.png)
    }
}

@media screen and (min-width:320px) {
    .b-header--white--black .orb-nav-pri #orb-nav-more a {
        background-image: none
    }
}

.b-header--black--white .orb-nav-pri a:active,.b-header--black--white .orb-nav-pri a:focus,.b-header--black--white .orb-nav-pri a:hover,.b-header--dark-grey--grey .orb-nav-pri a:active,.b-header--dark-grey--grey .orb-nav-pri a:focus,.b-header--dark-grey--grey .orb-nav-pri a:hover,.b-header--grey--white .orb-nav-pri a:active,.b-header--grey--white .orb-nav-pri a:focus,.b-header--grey--white .orb-nav-pri a:hover,.b-header--semitransparent-dark--white .orb-nav-pri a:active,.b-header--semitransparent-dark--white .orb-nav-pri a:focus,.b-header--semitransparent-dark--white .orb-nav-pri a:hover,.b-header--semitransparent-light--white .orb-nav-pri a:active,.b-header--semitransparent-light--white .orb-nav-pri a:focus,.b-header--semitransparent-light--white .orb-nav-pri a:hover,.b-header--semitransparent-medium--white .orb-nav-pri a:active,.b-header--semitransparent-medium--white .orb-nav-pri a:focus,.b-header--semitransparent-medium--white .orb-nav-pri a:hover,.b-header--transparent--white .orb-nav-pri a:active,.b-header--transparent--white .orb-nav-pri a:focus,.b-header--transparent--white .orb-nav-pri a:hover {
    border-bottom-color: #fff
}

.b-header--black--white .orb-nav-pri .orb-icon-arrow,.b-header--dark-grey--grey .orb-nav-pri .orb-icon-arrow,.b-header--grey--white .orb-nav-pri .orb-icon-arrow,.b-header--semitransparent-dark--white .orb-nav-pri .orb-icon-arrow,.b-header--semitransparent-light--white .orb-nav-pri .orb-icon-arrow,.b-header--semitransparent-medium--white .orb-nav-pri .orb-icon-arrow,.b-header--transparent--white .orb-nav-pri .orb-icon-arrow {
    background-position: 0 -53px
}

.orb-nav-pri.orb-nav-active {
    background: #fff;
    color: #333;
    border-color: #ccc
}

.orb-nav-pri.orb-nav-active .orb-nav-sec a,.orb-nav-pri.orb-nav-active .orb-nav-sec h2,.orb-nav-pri.orb-nav-active a {
    color: #333
}

.orb-nav-pri.orb-nav-active .orb-nav-id,.orb-nav-pri.orb-nav-active .orb-nav-links li,.orb-nav-pri.orb-nav-active .orb-nav-links ul,.orb-nav-pri.orb-nav-active .orb-panel {
    border-color: #ccc
}

.orb-nav-pri.orb-nav-active .orb-nav-blocks a {
    background: url(../img/blq-orbit-blocks_grey_alpha.png) no-repeat;
    background: 0 0,url(../img/blq-orbit-blocks_grey.svg) no-repeat;
    width: 84px;
    height: 24px;
    margin-top: 8px
}

@media screen and (max-width:599px) {
    .orb-nav-pri.orb-nav-active .orb-nav-blocks a {
        padding: 0!important;
        min-height: auto;
        background: url(../img/blq-orbit-blocks_grey_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_grey_sm.svg) no-repeat;
        width: 74px;
        height: 21px;
        margin-top: 6px
    }
}

@media screen and (max-width:319px) {
    .orb-nav-pri.orb-nav-active #orb-nav-more a {
        background-image: url(../img/more-menu-grey.png)
    }
}

@media screen and (min-width:320px) {
    .orb-nav-pri.orb-nav-active #orb-nav-more a {
        background-image: none
    }
}

.orb-nav-pri.orb-nav-active .orb-icon-arrow {
    background-position: 0 0
}

.orb-nav-pri.orb-nav-active a:active,.orb-nav-pri.orb-nav-active a:focus,.orb-nav-pri.orb-nav-active a:hover {
    border-bottom-color: #262626
}

#orb-header.orb-nav-pri .orb-nav-news a:active,#orb-header.orb-nav-pri .orb-nav-news a:focus,#orb-header.orb-nav-pri .orb-nav-news a:hover {
    border-bottom-color: #921
}

#orb-header.orb-nav-pri .orb-nav-newsround a:active,#orb-header.orb-nav-pri .orb-nav-newsround a:focus,#orb-header.orb-nav-pri .orb-nav-newsround a:hover {
    border-bottom-color: #4e1173
}

#orb-header.orb-nav-pri .orb-nav-newsdotcom a:active,#orb-header.orb-nav-pri .orb-nav-newsdotcom a:focus,#orb-header.orb-nav-pri .orb-nav-newsdotcom a:hover {
    border-bottom-color: #921
}

#orb-header.orb-nav-pri .orb-nav-sport a:active,#orb-header.orb-nav-pri .orb-nav-sport a:focus,#orb-header.orb-nav-pri .orb-nav-sport a:hover {
    border-bottom-color: #fe1
}

#orb-header.orb-nav-pri .orb-nav-weather a:active,#orb-header.orb-nav-pri .orb-nav-weather a:focus,#orb-header.orb-nav-pri .orb-nav-weather a:hover {
    border-bottom-color: #8ce
}

#orb-header.orb-nav-pri .orb-nav-iplayer a:active,#orb-header.orb-nav-pri .orb-nav-iplayer a:focus,#orb-header.orb-nav-pri .orb-nav-iplayer a:hover {
    border-bottom-color: #ed3d7d
}

#orb-header.orb-nav-pri .orb-nav-shop a:active,#orb-header.orb-nav-pri .orb-nav-shop a:focus,#orb-header.orb-nav-pri .orb-nav-shop a:hover {
    border-bottom-color: #2897e5
}

#orb-header.orb-nav-pri .orb-nav-id a:active,#orb-header.orb-nav-pri .orb-nav-id a:focus,#orb-header.orb-nav-pri .orb-nav-id a:hover {
    border-bottom-color: #18b
}

#orb-header.orb-nav-pri .orb-nav-capital a:active,#orb-header.orb-nav-pri .orb-nav-capital a:focus,#orb-header.orb-nav-pri .orb-nav-capital a:hover {
    border-bottom-color: #064473
}

#orb-header.orb-nav-pri .orb-nav-future a:active,#orb-header.orb-nav-pri .orb-nav-future a:focus,#orb-header.orb-nav-pri .orb-nav-future a:hover {
    border-bottom-color: #362e67
}

#orb-header.orb-nav-pri .orb-nav-cbbc a:active,#orb-header.orb-nav-pri .orb-nav-cbbc a:focus,#orb-header.orb-nav-pri .orb-nav-cbbc a:hover {
    border-bottom-color: #90d200
}

#orb-header.orb-nav-pri .orb-nav-cbeebies a:active,#orb-header.orb-nav-pri .orb-nav-cbeebies a:focus,#orb-header.orb-nav-pri .orb-nav-cbeebies a:hover {
    border-bottom-color: #ffe513
}

#orb-header.orb-nav-pri .orb-nav-grownups a:active,#orb-header.orb-nav-pri .orb-nav-grownups a:focus,#orb-header.orb-nav-pri .orb-nav-grownups a:hover {
    border-bottom-color: #4f2e92
}

@media screen and (min-width:225px) {
    #orb-nav-more a {
        background-position: 10px 10px
    }
}

@media screen and (min-width:320px) {
    #orb-nav-more a {
        text-indent: 0;
        padding-right: 18px;
        background-image: none
    }

    #orb-nav-more span {
        display: block
    }
}

@media screen and (min-width:600px) {
    .orb-nav-pri a {
        line-height: 2.27em;
        padding: .462em 12px .308em;
        min-height: 2.27em
    }

    .orb-nav-pri .orb-nav-blocks {
        width: 92px;
        overflow: hidden;
        white-space: nowrap
    }

    .orb-nav-pri .orb-nav-blocks a {
        text-indent: 100%;
        padding-left: 16px;
        padding-right: 16px;
        background: url(../img/blq-orbit-blocks_grey_alpha.png) no-repeat;
        background: 0 0,url(../img/blq-orbit-blocks_grey.svg) no-repeat;
        width: 84px;
        height: 24px;
        margin-top: 8px
    }

    .orb-nav-pri #orb-nav-more a {
        padding-right: 30px
    }

    .orb-nav-pri #orb-nav-more span {
        right: 12px;
        top: 20px
    }

    .orb-nav-pri .orb-skip-links a {
        margin-top: 1.5em
    }

    .orb-nav-pri .orb-skip-links a.touch-active,.orb-nav-pri .orb-skip-links a:active,.orb-nav-pri .orb-skip-links a:focus {
        top: 2.27em;
        left: -96px
    }

    .orb-nav-lock {
        height: 3.04em
    }
}

@media screen and (min-width:1280px) {
    .b-pw-1280 .orb-nav-pri a {
        padding-right: 20px;
        padding-left: 20px
    }

    .b-pw-1280 .orb-nav-pri .orb-nav-blocks,.b-pw-1280 .orb-nav-pri .orb-nav-blocks a {
        width: 100px
    }

    .b-pw-1280 .orb-nav-pri #orb-nav-more a {
        padding-right: 34px
    }

    .b-pw-1280 .orb-nav-pri #orb-nav-more span {
        right: 20px
    }
}

.orb-nav-sec {
    font-size: 1.3em
}

.orb-footer,.orb-nav-sec .orb-footer-inner {
    border-top: 1px solid #949494
}

.orb-nav-sec .orb-footer-inner h2 span {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

.orb-nav-sec .orb-footer-inner h2 img {
    width: 74px;
    height: 21px
}

.orb-footer {
    background-color: #4c4c4c;
    color: #fff
}

.orb-footer a {
    color: #fff
}

#orb-aside .orb-footer-inner,#orb-contentinfo a {
    border: none
}

.orb-nav-sec a {
    color: #fff;
    text-decoration: none
}

.orb-nav-sec a:focus,.orb-nav-sec a:hover {
    text-decoration: underline
}

.orb-nav-sec ul {
    list-style-type: none;
    overflow: hidden;
    position: relative;
    margin-left: -10px
}

.orb-nav-sec li {
    float: left;
    line-height: 1.2em;
    min-width: 50%
}

.orb-nav-sec li a {
    display: block;
    border-right: 1px solid #949494;
    margin-left: 10px;
    padding-right: 8px
}

#orb-aside,.orb-banner h2,.orb-nav-pri .orb-menu b,.orb-nav-sec .orb-hilight {
    font-weight: 700
}

#orb-aside {
    padding-top: 0
}

#orb-aside .orb-footer-lead {
    line-height: 1;
    font-size: 1.7em;
    margin-bottom: .9em;
    margin-top: .95em
}

#orb-footer-promo,.orb-footer-promo-loaded .orb-footer-inner .orb-footer-lead {
    display: none
}

#orb-contentinfo small {
    display: block;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin-top: 2em;
    padding-bottom: 1em
}

#orb-contentinfo {
    margin-top: .5em
}

#orb-contentinfo li {
    margin-bottom: 1.23em
}

#orb-contentinfo .orb-footer-inner {
    padding-top: 1.61em
}

div.orb-footer-primary-links {
    clear: both;
    padding-top: 0
}

.orb-nav-sec .orb-footer-primary-links {
    overflow: hidden;
    position: relative;
    top: .2em
}

.orb-nav-sec .orb-footer-primary-links li a {
    padding-top: 1.23em
}

.orb-nav-sec .orb-footer-primary-links ul {
    top: -1.23em
}

.b-footer--transparent--white .orb-footer {
    background-color: transparent;
    color: #fff;
    border-color: #ccc
}

.b-footer--transparent--white .orb-footer a {
    color: #fff
}

.b-footer--transparent--white .orb-footer #orb-footer-promo,.b-footer--transparent--white .orb-footer .orb-footer-inner,.b-footer--transparent--white .orb-footer .orb-footer-inner a {
    border-color: #ccc
}

.b-footer--transparent--dark-grey .orb-footer {
    background-color: transparent;
    color: #333;
    border-color: #333
}

.b-footer--transparent--dark-grey .orb-footer a {
    color: #333
}

.b-footer--transparent--dark-grey .orb-footer #orb-footer-promo,.b-footer--transparent--dark-grey .orb-footer .orb-footer-inner,.b-footer--transparent--dark-grey .orb-footer .orb-footer-inner a {
    border-color: #333
}

.b-footer--semitransparent--white .orb-footer {
    background-color: #4c4c4c;
    background-color: rgba(0,0,0,.7);
    color: #fff
}

.b-footer--semitransparent--white .orb-footer a {
    color: #fff
}

.b-footer--semitransparent--white .orb-footer,.b-footer--semitransparent--white .orb-footer #orb-footer-promo,.b-footer--semitransparent--white .orb-footer .orb-footer-inner,.b-footer--semitransparent--white .orb-footer .orb-footer-inner a {
    border-color: #949494;
    border-color: rgba(255,255,255,.4)
}

.b-footer--black--white .orb-footer {
    background-color: #000;
    color: #fff;
    border-color: #666
}

.b-footer--black--white .orb-footer #orb-footer-promo,.b-footer--black--white .orb-footer .orb-footer-inner,.b-footer--black--white .orb-footer .orb-footer-inner a {
    border-color: #666
}

.b-footer--grey--white .orb-footer {
    background-color: #4c4c4c;
    color: #fff;
    border-color: #949494
}

.b-footer--black--white .orb-footer a,.b-footer--grey--white .orb-footer a {
    color: #fff
}

.b-footer--grey--white .orb-footer #orb-footer-promo,.b-footer--grey--white .orb-footer .orb-footer-inner,.b-footer--grey--white .orb-footer .orb-footer-inner a {
    border-color: #949494
}

.b-footer--dark-grey--grey .orb-footer {
    background-color: #191919;
    color: #a4a4a4;
    border-color: #333
}

.b-footer--dark-grey--grey .orb-footer a {
    color: #a4a4a4
}

.b-footer--white--dark-grey .orb-footer {
    background-color: #fff;
    color: #333;
    border-color: #333
}

.b-footer--white--dark-grey .orb-footer a {
    color: #333
}

.b-footer--dark-grey--grey .orb-footer #orb-footer-promo,.b-footer--dark-grey--grey .orb-footer .orb-footer-inner,.b-footer--dark-grey--grey .orb-footer .orb-footer-inner a,.b-footer--white--dark-grey .orb-footer #orb-footer-promo,.b-footer--white--dark-grey .orb-footer .orb-footer-inner,.b-footer--white--dark-grey .orb-footer .orb-footer-inner a {
    border-color: #333
}

@media screen and (max-width:399px) {
    .orb-js .orb-nav-sec li:nth-of-type(2n) a {
        border: none
    }
}

@media screen and (min-width:400px) and (max-width:599px) {
    .orb-nav-sec li {
        min-width: 33.33%
    }

    .orb-js .orb-nav-sec li:nth-of-type(3n) a {
        border: none
    }

    .orb-nav-sec .orb-footer-primary-links li {
        padding-top: 0
    }
}

@media screen and (min-width:600px) and (max-width:1007px) {
    .orb-nav-sec ul {
        margin-left: -16px
    }

    .orb-nav-sec li {
        min-width: 25%
    }

    .orb-nav-sec li a {
        padding-right: 16px;
        margin-left: 16px
    }

    .orb-js .orb-nav-sec li:nth-of-type(4n) a {
        border: none
    }

    .orb-nav-sec .orb-footer-inner h2 img {
        width: 84px;
        height: 24px
    }

    #orb-contentinfo small {
        margin-top: .46em
    }
}

@media screen and (min-width:769px) {
    .orb-nav-sec .orb-footer-primary-links {
        top: 1.43em
    }

    #orb-contentinfo {
        margin-top: 1.61em
    }
}

@media screen and (min-width:1008px) {
    .orb-nav-sec ul {
        margin-left: -19px
    }

    .orb-nav-sec li {
        min-width: 16.6%
    }

    .orb-nav-sec li a {
        padding-right: 19px;
        margin-left: 19px
    }

    .orb-js .orb-nav-sec li:nth-child(6n) a {
        border: none
    }

    .orb-footer-inner .orb-footer-promo-loaded {
        border-bottom: 1px solid #949494;
        margin-bottom: .46em
    }

    .orb-footer-inner {
        width: 100%
    }

    #orb-contentinfo.orb-nav-sec li {
        width: auto;
        min-width: 0
    }

    #orb-contentinfo.orb-nav-sec li a {
        padding: 0
    }

    #orb-contentinfo small {
        margin-top: .46em
    }

    #orb-footer-promo {
        display: block;
        margin-bottom: .46em
    }

    #orb-aside .orb-footer-lead {
        margin-bottom: .68em;
        margin-top: 1.16em
    }
}

.orb-banner-wrapper {
    padding: 16px 0;
    font-size: 1.3em;
    line-height: 1;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

.orb-banner {
    *zoom: 1;
    margin: 0 auto
}

.orb-banner ul {
    list-style-type: none;
    padding: 0;
    margin-top: 15px;
    font-weight: 700
}

.orb-banner button {
    background: 0 0;
    border: none
}

.orb-banner h2 {
    margin-bottom: 15px;
    font-size: 1.39em;
    line-height: 1.11em
}

.orb-banner p {
    line-height: 1.231em
}

.orb-banner-options a,.orb-banner-options button {
    background-color: transparent;
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    line-height: 1.231em
}

.orb-banner-options li {
    padding-top: 8px
}

.orb-banner-options li:first-child {
    padding-top: 0
}

.orb-banner-options button {
    padding: 0;
    cursor: pointer
}

.orb-banner-options:active,.orb-banner-options:focus,.orb-banner-options:hover {
    text-decoration: underline
}

@media screen and (min-width:600px) {
    .orb-banner .orb-banner-content,.orb-banner .orb-banner-title {
        float: left;
        margin: 0
    }

    .orb-banner .orb-banner-options {
        margin: 0
    }

    .orb-banner .orb-banner-title {
        width: 20%;
        margin-right: 3.5%
    }

    .orb-banner .orb-banner-content {
        width: 53%
    }

    .orb-banner .orb-banner-options {
        float: right;
        width: 20%;
        margin-top: 0
    }
}

.pulse-banner {
    background-color: #ffc
}

.pulse-banner .orb-banner-title {
    color: #333
}

.pulse-banner .orb-banner-content {
    color: #666
}

.pulse-banner .orb-banner-options a,.pulse-banner .orb-banner-options button {
    color: #0380a5;
    font-size: 1.39em;
    font-weight: 700
}

.pulse-banner .orb-banner-options :focus,.pulse-banner .orb-banner-options :hover {
    color: #02556e
}

.pulse-banner p {
    margin-top: .35em
}

.pulse-banner .pulse-question {
    margin-top: .5em;
    font-weight: 700
}

.orb-nav-pri-container {
    *zoom: 1
}

#orb-panels {
    overflow: hidden;
    height: 0;
    position: relative
}

#orb-panels .orb-panel-hide,.orb-panel {
    display: none
}

#orb-panels .orb-panel-show {
    display: block
}

#orb-panels.orb-panel-active {
    height: auto
}

.orb-panel {
    border-top: 1px solid #ccc;
    overflow: hidden
}

#orb-panel-more {
    padding-top: .615em
}

#orb-panel-more .orb-panel-content {
    font-size: 1em;
    padding-top: 0;
    position: relative
}

#orb-panel-more ul {
    margin-left: -16px;
    padding-top: 8px
}

#orb-panel-more li a {
    border-right: none;
    display: block;
    padding: .308em 8px;
    margin: 0 0 .615em 8px;
    line-height: 1.615em;
    height: auto;
    min-height: 1.615em
}

#orb-panel-more li a:active,#orb-panel-more li a:focus,#orb-panel-more li a:hover {
    background: #333;
    color: #fff;
    text-decoration: none
}

#orb-panel-more-title {
    position: absolute;
    font-family: "Gill Sans","Gill Sans MT",Arial,sans-serif;
    font-size: 2.154em;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase
}

.orb-ws-panels #orb-panel-more-title {
    position: static
}

@media screen and (max-width:599px) {
    #orb-panel-more li.orb-first-visible {
        margin-left: 50%
    }

    .orb-ws-panels #orb-panel-more li.orb-first-visible {
        margin-left: 0
    }
}

@media screen and (min-width:400px) {
    #orb-panel-more li.orb-first-visible {
        margin-left: 33.33%
    }

    .orb-ws-panels #orb-panel-more li.orb-first-visible {
        margin-left: 0
    }
}

@media screen and (min-width:600px) {
    #orb-panel-more ul {
        margin-left: 25%
    }

    #orb-panel-more li {
        width: 33.33%
    }

    #orb-panel-more li.orb-first-visible {
        margin-left: auto
    }
}

@media screen and (min-width:1008px) {
    #orb-panel-more ul {
        margin-left: 15%
    }

    #orb-panel-more li {
        width: 20%
    }
}

@media screen and (min-width:1280px) {
    .b-pw-1280 #orb-panel-more li a {
        margin-right: 25%
    }
}

.orb-nav-pri .orb-menu {
    display: none;
    background-color: #fff;
    color: #333;
    font-weight: 400
}

.orb-nav-pri .orb-menu .orb-menu-keyboard .orb-menu-selected,.orb-nav-pri .orb-menu .orb-menu-mouse li:hover {
    background-color: #333;
    color: #fff
}

.orb-nav-pri .orb-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.orb-nav-pri .orb-menu li {
    display: block;
    float: none;
    margin: 0;
    padding: 8px 16px
}

.orb-nav-pri .orb-menu-active {
    display: block
}

.orb-nav-pri .orb-menu-suggest {
    position: absolute;
    width: 211px;
    margin-left: -3px;
    top: 3.04em
}

.orb-nav-pri .orb-menu-suggest ul {
    border-left: 1px solid #ccc
}

.orb-nav-pri .orb-menu-suggest li {
    cursor: pointer
}

.orb-nav-pri .orb-menu-suggest-status {
    position: absolute;
    top: -999em
}

#orb-modules .id5-cta,body div p.id4-cta .id5-cta {
    font-weight: normal
}

#orb-modules .id4-cta .id5-cta.id4-cta-color-blue a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-color-blue a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-color-blue a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-color-blue a.id4-cta-button:visited,#orb-modules .id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:visited,#orb-modules .id4-cta .id5-cta.id4-cta-color-gray a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-color-gray a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-color-gray a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-color-gray a.id4-cta-button:visited {
    background-color: #006def
}

#orb-modules .id4-cta .id5-cta.id4-cta-color-blue a.id4-cta-button:hover,#orb-modules .id4-cta .id5-cta.id4-cta-color-blue a.id4-cta-button:focus,#orb-modules .id4-cta .id5-cta.id4-cta-color-blue a.id4-cta-button:active,#orb-modules .id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:hover,#orb-modules .id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:focus,#orb-modules .id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:active,#orb-modules .id4-cta .id5-cta.id4-cta-color-gray a.id4-cta-button:hover,#orb-modules .id4-cta .id5-cta.id4-cta-color-gray a.id4-cta-button:focus,#orb-modules .id4-cta .id5-cta.id4-cta-color-gray a.id4-cta-button:active,body div p.id4-cta .id5-cta.id4-cta-color-blue a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-color-blue a.id4-cta-button:focus,body div p.id4-cta .id5-cta.id4-cta-color-blue a.id4-cta-button:active,body div p.id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:focus,body div p.id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:active,body div p.id4-cta .id5-cta.id4-cta-color-gray a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-color-gray a.id4-cta-button:focus,body div p.id4-cta .id5-cta.id4-cta-color-gray a.id4-cta-button:active {
    background-color: #005bc8
}

#orb-modules .id4-cta .id5-cta.id4-cta-medium-blue a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-medium-blue a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-medium-blue a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-medium-blue a.id4-cta-button:visited,#orb-modules .id4-cta .id5-cta.id4-cta-medium-mixed a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-medium-mixed a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-medium-mixed a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-medium-mixed a.id4-cta-button:visited,#orb-modules .id4-cta .id5-cta.id4-cta-medium-gray a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-medium-gray a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-medium-gray a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-medium-gray a.id4-cta-button:visited {
    background-image: url(../img/bbcid_orb_signin_light.png);
    background-size: 16px;
    background-position: 10px 7px
}

.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-medium-blue a.id4-cta-button,.id-svg body div p.id4-cta .id5-cta.id4-cta-medium-blue a.id4-cta-button,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-medium-mixed a.id4-cta-button,.id-svg body div p.id4-cta .id5-cta.id4-cta-medium-mixed a.id4-cta-button {
    background-image: url(../svg/icon-sprite.svg);
    background-position: 10px -61px;
    background-size: 19px
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:visited,#orb-modules .id4-cta .id5-cta.id4-cta-size-small.id4-cta-small-mixed a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-size-small.id4-cta-small-mixed a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-size-small.id4-cta-small-mixed a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-size-small.id4-cta-small-mixed a.id4-cta-button:visited {
    background-image: url(../img/bbcid_orb_signin_light.png);
    background-position: 10px 8px
}

.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:link,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:visited,.id-svg body div p.id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:link,.id-svg body div p.id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:visited {
    background-image: url(../svg/icon-sprite.svg);
    background-position: 10px -51px;
    background-size: 16px
}

#orb-modules .id4-cta .id5-cta.id4-cta-medium-white a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-medium-white a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-medium-white a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-medium-white a.id4-cta-button:visited {
    background-image: url(../img/bbcid_orb_signin_light_blue.png);
    background-position: 10px 6px;
    background-size: 16px
}

.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-medium-white a.id4-cta-button,.id-svg body div p.id4-cta .id5-cta.id4-cta-medium-white a.id4-cta-button {
    background-image: url(../svg/icon-sprite.svg);
    background-position: 10px -133px;
    background-size: 19px
}

#orb-modules .id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:visited {
    background-image: url(../img/bbcid_orb_signin_light_blue.png);
    background-position: 10px 8px;
    background-size: 13px
}

#orb-modules .id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:hover,#orb-modules .id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:focus,#orb-modules .id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:active,body div p.id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:focus,body div p.id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:active {
    background-image: url(../img/bbcid_orb_signin_dark_blue.png);
    background-position: 10px 8px;
    background-size: 13px
}

.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button,.id-svg body div p.id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button {
    background-image: url(../svg/icon-sprite.svg);
    background-position: 10px -110px;
    background-size: 16px
}

.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:hover,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:focus,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:active,.id-svg body div p.id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:hover,.id-svg body div p.id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:focus,.id-svg body div p.id4-cta .id5-cta.id4-cta-small-white.id4-cta-size-small a.id4-cta-button:active {
    background-image: url(../svg/icon-sprite.svg);
    background-position: 10px -169px;
    background-size: 16px
}

#orb-modules .id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-color-mixed a.id4-cta-button:visited {
    color: white
}

#orb-modules .id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:visited {
    background-color: white;
    color: #006def
}

#orb-modules .id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:hover,#orb-modules .id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:focus,#orb-modules .id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:active,body div p.id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:focus,body div p.id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:active {
    color: #005bc8;
    background-image: url(../img/bbcid_orb_signin_dark_blue.png);
    background-position: 10px 6px;
    background-color: #f5f5f5
}

.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:hover,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:focus,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:active,.id-svg body div p.id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:hover,.id-svg body div p.id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:focus,.id-svg body div p.id4-cta .id5-cta.id4-cta-color-white a.id4-cta-button:active {
    color: #005bc8;
    background-image: url(../svg/icon-sprite.svg);
    background-position: 10px -203px;
    background-size: 19px
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:visited {
    font-family: 'Helvetica',Arial,sans-serif;
    background-position: 10px 10px;
    background-size: 13px;
    padding: 6px 10px 9px 32px;
    margin-right: 1px;
    font-weight: bold
}

@-moz-document url-prefix() {
    #orb-modules .id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:visited {
        font-family: Arial,sans-serif
    }
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:hover,#orb-modules .id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:focus,#orb-modules .id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:active,body div p.id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:focus,body div p.id4-cta .id5-cta.id4-cta-size-small a.id4-cta-button:active {
    background-position: 10px 10px
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-medium a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-size-medium a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-size-medium a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-size-medium a.id4-cta-button:visited {
    font-family: 'Helvetica',Arial,sans-serif;
    padding: 6px 10px 8px 36px;
    margin-right: 1px;
    font-weight: bold
}

@-moz-document url-prefix() {
    #orb-modules .id4-cta .id5-cta.id4-cta-size-medium a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-size-medium a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-size-medium a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-size-medium a.id4-cta-button:visited {
        font-family: Arial,sans-serif
    }
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:visited {
    font-family: 'Helvetica',Arial,sans-serif;
    background-position: 12px 10px;
    background-size: 18px;
    padding: 8px 12px 9px 42px;
    margin-right: 2px;
    font-weight: bold
}

@-moz-document url-prefix() {
    #orb-modules .id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:visited {
        font-family: Arial,sans-serif
    }
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:hover,#orb-modules .id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:focus,#orb-modules .id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:active,body div p.id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:focus,body div p.id4-cta .id5-cta.id4-cta-size-large a.id4-cta-button:active {
    background-position: 12px 10px
}

#orb-modules .id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:visited,#orb-modules .id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:visited {
    background-image: url(../img/bbcid_orb_signin_light.png)
}

#orb-modules .id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:hover,#orb-modules .id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:focus,#orb-modules .id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:active,body div p.id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:focus,body div p.id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:active,#orb-modules .id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:hover,#orb-modules .id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:focus,#orb-modules .id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:active,body div p.id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:focus,body div p.id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:active {
    background-image: url(../img/bbcid_orb_signin_light.png)
}

.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:link,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:visited,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:link,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-blue a.id4-cta-button:visited,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:link,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:visited,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:link,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-mixed a.id4-cta-button:visited,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-gray a.id4-cta-button:link,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-gray a.id4-cta-button:visited,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-gray a.id4-cta-button:link,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-gray a.id4-cta-button:visited {
    background-image: url(../svg/icon-sprite.svg);
    background-position: 12px -63px;
    background-size: 20px
}

#orb-modules .id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:link,#orb-modules .id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:visited,body div p.id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:visited {
    background-image: url(../img/bbcid_orb_signin_light_blue.png)
}

#orb-modules .id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:hover,#orb-modules .id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:focus,#orb-modules .id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:active,body div p.id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:focus,body div p.id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:active {
    background-image: url(../img/bbcid_orb_signin_dark_blue.png)
}

.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:link,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:visited,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:link,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:visited {
    background-image: url(../svg/icon-sprite.svg);
    background-position: 12px -137px;
    background-size: 20px
}

.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:hover,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:focus,.id-svg #orb-modules .id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:active,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:hover,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:focus,.id-svg body div p.id4-cta .id5-cta.id4-cta-large-white a.id4-cta-button:active {
    background-position: 12px -211px
}

.id5-cta.id4-cta-size-large a.id4-cta-signin:hover {
    background-position: 12px 10px
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-text a.id4-cta-button:link,body div p.id4-cta .id5-cta.id4-cta-size-text a.id4-cta-button:link {
    color: #006def;
    text-decoration: none
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-text a.id4-cta-button:hover,body div p.id4-cta .id5-cta.id4-cta-size-text a.id4-cta-button:hover {
    color: #005bc8;
    text-decoration: none
}

.id5-cta a.id4-cta-register,.id5-cta.id4-cta-size-text .id4-cta-signin,.id5-cta.id4-cta-size-text .id4-cta-signin:visited,.id5-cta.id4-cta-size-text .id4-cta-signin:link {
    color: #006def;
    text-decoration: none;
    font-weight: bold
}

.id5-cta.id4-cta-color-white a.id4-cta-register,.id5-cta.id4-cta-color-mixed a.id4-cta-register,.id5-cta.id4-cta-size-text .id4-cta-signin,.id5-cta.id4-cta-size-text .id4-cta-signin:visited,.id5-cta.id4-cta-size-text .id4-cta-signin:link {
    color: #fff;
    text-decoration: none;
    font-weight: bold
}

.id5-cta a.id4-cta-register:hover,.id5-cta.id4-cta-size-text .id4-cta-signin:hover,.id5-cta.id4-cta-size-text .id4-cta-signin:focus,.id5-cta.id4-cta-size-text .id4-cta-signin:active {
    text-decoration: none;
    color: #005bc8;
    padding-bottom: 3px;
    border-bottom: 1px solid #005bc8
}

.id5-cta.id4-cta-color-white a.id4-cta-register:hover,.id5-cta.id4-cta-color-mixed a.id4-cta-register:hover,.id5-cta.id4-cta-size-text .id4-cta-signin:hover,.id5-cta.id4-cta-size-text .id4-cta-signin:focus,.id5-cta.id4-cta-size-text .id4-cta-signin:active {
    text-decoration: none;
    color: #fff;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-text,body div p.id4-cta .id5-cta.id4-cta-size-text {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-small,body div p.id4-cta .id5-cta.id4-cta-size-small {
    font-size: 15px;
    line-height: 34px;
    letter-spacing: 0
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-medium,body div p.id4-cta .id5-cta.id4-cta-size-medium {
    font-size: 18px;
    line-height: 38px;
    letter-spacing: 0
}

#orb-modules .id4-cta .id5-cta.id4-cta-size-large,body div p.id4-cta .id5-cta.id4-cta-size-large {
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 0
}

.id5-cta.id4-cta-color-white,.id5-cta.id4-cta-color-mixed,.id5-cta.id4-cta-color-white .id4-cta-with,.id5-cta.id4-cta-color-mixed .id4-cta-with {
    color: #fff
}

#orb-modules .id4-cta {
    font-size: 1.3em
}

#orb-modules .id4-cta,body div p.id4-cta {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 10px 0
}

#orb-modules .id4-cta-hide,#orb-modules .id4-cta-with,body div p.id4-cta-hide,body div p.id4-cta-with {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    text-indent: 5px
}

#orb-modules .id4-cta .id4-cta-size-small a.id-signin,body div p.id4-cta .id4-cta-size-small a.id-signin {
    padding: 10px
}

#orb-modules .id4-cta a.id4-cta-button,body div p.id4-cta a.id4-cta-button {
    text-decoration: none;
    background-repeat: no-repeat
}

#orb-modules .id4-cta .id4-cta-large-blue a.id4-cta-button,body div p.id4-cta .id4-cta-large-blue a.id4-cta-button {
    background-image: url(../img/btn-rollover-l-b.gif)
}

#orb-modules .id4-cta .id4-cta-medium-blue a.id4-cta-button,body div p.id4-cta .id4-cta-medium-blue a.id4-cta-button {
    background-image: url(../img/btn-rollover-m-b.gif)
}

#orb-modules .id4-cta .id4-cta-large-white a.id4-cta-button,body div p.id4-cta .id4-cta-large-white a.id4-cta-button {
    background-image: url(../img/btn-rollover-l-w.gif)
}

#orb-modules .id4-cta .id4-cta-medium-white a.id4-cta-button,body div p.id4-cta .id4-cta-medium-white a.id4-cta-button {
    background-image: url(../img/btn-rollover-m-w.gif)
}

#orb-modules .id4-cta .id4-cta-large-gray a.id4-cta-button,body div p.id4-cta .id4-cta-large-gray a.id4-cta-button {
    background-image: url(../img/btn-rollover-l-g.gif)
}

#orb-modules .id4-cta .id4-cta-medium-gray a.id4-cta-button,body div p.id4-cta .id4-cta-medium-gray a.id4-cta-button {
    background-image: url(../img/btn-rollover-m-g.gif)
}

#orb-modules .id4-cta .id4-cta-small-gray a.id4-cta-button,body div p.id4-cta .id4-cta-small-gray a.id4-cta-button {
    background-image: url(../img/btn-rollover-s-g.gif)
}

#orb-modules .id4-cta .id4-cta-small-gray a.id4-cta-button,body div p.id4-cta .id4-cta-small-gray a.id4-cta-button {
    background-image: url(../img/btn-rollover-s-g.gif)
}

#orb-modules .id4-cta .id4-cta-color-blue a.id4-cta-button:link,#orb-modules .id4-cta .id4-cta-color-blue a.id4-cta-button:visited,body div p.id4-cta .id4-cta-color-blue a.id4-cta-button:link,body div p.id4-cta .id4-cta-color-blue a.id4-cta-button:visited {
    background-color: #1d90cf;
    color: white
}

#orb-modules .id4-cta .id4-cta-color-blue a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-color-blue a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-color-blue a.id4-cta-button:active,body div p.id4-cta .id4-cta-color-blue a.id4-cta-button:hover,body div p.id4-cta .id4-cta-color-blue a.id4-cta-button:focus,body div p.id4-cta .id4-cta-color-blue a.id4-cta-button:active {
    background-color: #005383
}

#orb-modules .id4-cta .id4-cta-color-white a.id4-cta-button:link,#orb-modules .id4-cta .id4-cta-color-white a.id4-cta-button:visited,body div p.id4-cta .id4-cta-color-white a.id4-cta-button:link,body div p.id4-cta .id4-cta-color-white a.id4-cta-button:visited {
    background-color: white;
    color: #1d90cf
}

#orb-modules .id4-cta .id4-cta-color-white a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-color-white a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-color-white a.id4-cta-button:active,body div p.id4-cta .id4-cta-color-white a.id4-cta-button:hover,body div p.id4-cta .id4-cta-color-white a.id4-cta-button:focus,body div p.id4-cta .id4-cta-color-white a.id4-cta-button:active {
    color: #005383
}

#orb-modules .id4-cta .id4-cta-color-gray a.id4-cta-button:link,#orb-modules .id4-cta .id4-cta-color-gray a.id4-cta-button:visited,body div p.id4-cta .id4-cta-color-gray a.id4-cta-button:link,body div p.id4-cta .id4-cta-color-gray a.id4-cta-button:visited {
    background-color: #666;
    color: white
}

#orb-modules .id4-cta .id4-cta-color-gray a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-color-gray a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-color-gray a.id4-cta-button:active,body div p.id4-cta .id4-cta-color-gray a.id4-cta-button:hover,body div p.id4-cta .id4-cta-color-gray a.id4-cta-button:focus,body div p.id4-cta .id4-cta-color-gray a.id4-cta-button:active {
    background-color: #005383
}

#orb-modules .id4-cta .id4-cta-size-large,body div p.id4-cta .id4-cta-size-large {
    font-size: 20px;
    letter-spacing: -0.05em
}

#orb-modules .id4-cta .id4-cta-size-large a.id4-cta-button:link,#orb-modules .id4-cta .id4-cta-size-large a.id4-cta-button:visited,body div p.id4-cta .id4-cta-size-large a.id4-cta-button:link,body div p.id4-cta .id4-cta-size-large a.id4-cta-button:visited {
    padding: 8px 14px 7px 39px;
    margin-right: 5px;
    background-position: 12px center
}

#orb-modules .id4-cta .id4-cta-size-large a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-size-large a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-size-large a.id4-cta-button:active,body div p.id4-cta .id4-cta-size-large a.id4-cta-button:hover,body div p.id4-cta .id4-cta-size-large a.id4-cta-button:focus,body div p.id4-cta .id4-cta-size-large a.id4-cta-button:active {
    background-position: -467px center
}

#orb-modules .id4-cta .id4-cta-size-medium,body div p.id4-cta .id4-cta-size-medium {
    font-size: 16px
}

#orb-modules .id4-cta .id4-cta-size-medium a.id4-cta-button:link,#orb-modules .id4-cta .id4-cta-size-medium a.id4-cta-button:visited,body div p.id4-cta .id4-cta-size-medium a.id4-cta-button:link,body div p.id4-cta .id4-cta-size-medium a.id4-cta-button:visited {
    padding: 7px 9px 5px 33px;
    margin-right: 3px;
    background-position: 9px center
}

#orb-modules .id4-cta .id4-cta-size-medium a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-size-medium a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-size-medium a.id4-cta-button:active,body div p.id4-cta .id4-cta-size-medium a.id4-cta-button:hover,body div p.id4-cta .id4-cta-size-medium a.id4-cta-button:focus,body div p.id4-cta .id4-cta-size-medium a.id4-cta-button:active {
    background-position: -472px center
}

#orb-modules .id4-cta .id4-cta-size-small,body div p.id4-cta .id4-cta-size-small {
    font-size: 13px
}

#orb-modules .id4-cta .id4-cta-size-small a.id4-cta-button:link,#orb-modules .id4-cta .id4-cta-size-small a.id4-cta-button:visited,body div p.id4-cta .id4-cta-size-small a.id4-cta-button:link,body div p.id4-cta .id4-cta-size-small a.id4-cta-button:visited {
    padding: 5px 9px 4px 28px;
    background-image: url(../img/btn-rollover-s-g.gif);
    background-position: 8px center
}

#orb-modules .id4-cta .id4-cta-size-small a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-size-small a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-size-small a.id4-cta-button:active,body div p.id4-cta .id4-cta-size-small a.id4-cta-button:hover,body div p.id4-cta .id4-cta-size-small a.id4-cta-button:focus,body div p.id4-cta .id4-cta-size-small a.id4-cta-button:active {
    background-position: -476px center
}

#orb-modules .id4-cta .id4-cta-size-small.id4-cta-small-white a.id4-cta-button:link,#orb-modules .id4-cta .id4-cta-size-small.id4-cta-small-white a.id4-cta-button:visited,body div p.id4-cta .id4-cta-size-small.id4-cta-small-white a.id4-cta-button:link,body div p.id4-cta .id4-cta-size-small.id4-cta-small-white a.id4-cta-button:visited {
    background-image: url(../img/btn-rollover-s-w.gif);
    background-position: 8px center
}

#orb-modules .id4-cta .id4-cta-size-small.id4-cta-small-white a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-size-small.id4-cta-small-white a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-size-small.id4-cta-small-white a.id4-cta-button:active,body div p.id4-cta .id4-cta-size-small.id4-cta-small-white a.id4-cta-button:hover,body div p.id4-cta .id4-cta-size-small.id4-cta-small-white a.id4-cta-button:focus,body div p.id4-cta .id4-cta-size-small.id4-cta-small-white a.id4-cta-button:active {
    background-position: -388px center
}

#orb-modules .id4-cta .id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:link,#orb-modules .id4-cta .id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:visited,body div p.id4-cta .id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:link,body div p.id4-cta .id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:visited {
    background-image: url(../img/btn-rollover-s-b.gif)
}

#orb-modules .id4-cta .id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:active,body div p.id4-cta .id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:hover,body div p.id4-cta .id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:focus,body div p.id4-cta .id4-cta-size-small.id4-cta-small-blue a.id4-cta-button:active {
    background-position: -388px center
}

#orb-modules .id4-cta .id4-cta-size-text,body div p.id4-cta .id4-cta-size-text {
    font-size: 1em
}

#orb-modules .id4-cta .id4-cta-size-text a.id4-cta-button:link,body div p.id4-cta .id4-cta-size-text a.id4-cta-button:link {
    text-decoration: underline
}

#orb-modules .id4-cta .id4-cta-size-text .id4-cta-with,body div p.id4-cta .id4-cta-size-text .id4-cta-with {
    display: inline;
    width: auto;
    height: auto;
    overflow: visible;
    position: static;
    text-indent: 0
}

.id4-cta .id4-cta-rtl {
    direction: rtl;
    font-family: "BBCNassim",Arial,sans-serif
}

#orb-modules .id4-cta .id4-cta-size-small.id4-cta-rtl a.id4-cta-button,body div p.id4-cta .id4-cta-size-small.id4-cta-rtl a.id4-cta-button {
    background-position: right center;
    padding-left: 8px;
    padding-right: 20px;
    border-right-width: 8px;
    border-right-style: solid
}

#orb-modules .id4-cta .id4-cta-small-gray.id4-cta-rtl a.id4-cta-button,body div p.id4-cta .id4-cta-small-gray.id4-cta-rtl a.id4-cta-button {
    background-image: url(../img/single-btn-rollover-s-g.gif);
    border-right-color: #666
}

#orb-modules .id4-cta .id4-cta-small-gray.id4-cta-rtl a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-small-gray.id4-cta-rtl a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-small-gray.id4-cta-rtl a.id4-cta-button:active,body div p.id4-cta .id4-cta-small-gray.id4-cta-rtl a.id4-cta-button:hover,body div p.id4-cta .id4-cta-small-gray.id4-cta-rtl a.id4-cta-button:focus,body div p.id4-cta .id4-cta-small-gray.id4-cta-rtl a.id4-cta-button:active {
    border-right-color: #005383;
    background-image: url(../img/btn-rollover-s-g.gif)
}

#orb-modules .id4-cta .id4-cta-size-small.id4-cta-rtl,body div p.id4-cta .id4-cta-size-small.id4-cta-rtl {
    font-size: 15px
}

#orb-modules .id4-cta .id4-cta-size-medium.id4-cta-rtl a.id4-cta-button,body div p.id4-cta .id4-cta-size-medium.id4-cta-rtl a.id4-cta-button {
    background-position: right center;
    padding-left: 8px;
    padding-right: 25px;
    border-right-width: 9px;
    border-right-style: solid
}

#orb-modules .id4-cta .id4-cta-size-medium.id4-cta-rtl,body div p.id4-cta .id4-cta-size-medium.id4-cta-rtl {
    font-size: 18px
}

#orb-modules .id4-cta .id4-cta-medium-blue.id4-cta-rtl a.id4-cta-button,body div p.id4-cta .id4-cta-medium-blue.id4-cta-rtl a.id4-cta-button {
    background-image: url(../img/single-btn-rollover-m-b.gif);
    border-right-color: #1d90cf
}

#orb-modules .id4-cta .id4-cta-medium-blue.id4-cta-rtl a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-medium-blue.id4-cta-rtl a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-medium-blue.id4-cta-rtl a.id4-cta-button:active,body div p.id4-cta .id4-cta-medium-blue.id4-cta-rtl a.id4-cta-button:hover,body div p.id4-cta .id4-cta-medium-blue.id4-cta-rtl a.id4-cta-button:focus,body div p.id4-cta .id4-cta-medium-blue.id4-cta-rtl a.id4-cta-button:active {
    border-right-color: #005383;
    background-image: url(../img/btn-rollover-m-b.gif)
}

#orb-modules .id4-cta .id4-cta-medium-gray.id4-cta-rtl a.id4-cta-button,body div p.id4-cta .id4-cta-medium-gray.id4-cta-rtl a.id4-cta-button {
    background-image: url(../img/single-btn-rollover-m-g.gif);
    border-right-color: #666
}

#orb-modules .id4-cta .id4-cta-medium-gray.id4-cta-rtl a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-medium-gray.id4-cta-rtl a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-medium-gray.id4-cta-rtl a.id4-cta-button:active,body div p.id4-cta .id4-cta-medium-gray.id4-cta-rtl a.id4-cta-button:hover,body div p.id4-cta .id4-cta-medium-gray.id4-cta-rtl a.id4-cta-button:focus,body div p.id4-cta .id4-cta-medium-gray.id4-cta-rtl a.id4-cta-button:active {
    border-right-color: #005383;
    background-image: url(../img/btn-rollover-m-g.gif)
}

#orb-modules .id4-cta .id4-cta-medium-white.id4-cta-rtl a.id4-cta-button,body div p.id4-cta .id4-cta-medium-white.id4-cta-rtl a.id4-cta-button {
    background-image: url(../img/single-btn-rollover-m-w.gif);
    border-right-color: white
}

#orb-modules .id4-cta .id4-cta-medium-white.id4-cta-rtl a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-medium-white.id4-cta-rtl a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-medium-white.id4-cta-rtl a.id4-cta-button:active,body div p.id4-cta .id4-cta-medium-white.id4-cta-rtl a.id4-cta-button:hover,body div p.id4-cta .id4-cta-medium-gray.id4-cta-rtl a.id4-cta-button:focus,body div p.id4-cta .id4-cta-medium-gray.id4-cta-rtl a.id4-cta-button:active {
    background-image: url(../img/btn-rollover-m-w.gif)
}

#orb-modules .id4-cta .id4-cta-size-large.id4-cta-rtl a.id4-cta-button,body div p.id4-cta .id4-cta-size-large.id4-cta-rtl a.id4-cta-button {
    background-position: center right;
    padding-left: 12px;
    padding-right: 27px;
    border-right: 12px solid #1d90cf
}

#orb-modules .id4-cta .id4-cta-size-large.id4-cta-rtl,body div p.id4-cta .id4-cta-size-large.id4-cta-rtl {
    font-size: 22px
}

#orb-modules .id4-cta .id4-cta-large-blue.id4-cta-rtl a.id4-cta-button,body div p.id4-cta .id4-cta-large-blue.id4-cta-rtl a.id4-cta-button {
    background-image: url(../img/single-btn-rollover-l-b.gif);
    border-right-color: 12px solid #1d90cf
}

#orb-modules .id4-cta .id4-cta-large-blue.id4-cta-rtl a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-large-blue.id4-cta-rtl a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-large-blue.id4-cta-rtl a.id4-cta-button:active,body div p.id4-cta .id4-cta-large-blue.id4-cta-rtl a.id4-cta-button:hover,body div p.id4-cta .id4-cta-large-blue.id4-cta-rtl a.id4-cta-button:focus,body div p.id4-cta .id4-cta-large-blue.id4-cta-rtl a.id4-cta-button:active {
    background-image: url(../img/btn-rollover-l-b.gif);
    border-right-color: #005383
}

#orb-modules .id4-cta .id4-cta-large-gray.id4-cta-rtl a.id4-cta-button,body div p.id4-cta .id4-cta-large-gray.id4-cta-rtl a.id4-cta-button {
    background-image: url(../img/single-btn-rollover-l-g.gif);
    border-right-color: #666
}

#orb-modules .id4-cta .id4-cta-large-gray.id4-cta-rtl a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-large-gray.id4-cta-rtl a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-large-gray.id4-cta-rtl a.id4-cta-button:active,body div p.id4-cta .id4-cta-large-gray.id4-cta-rtl a.id4-cta-button:hover,body div p.id4-cta .id4-cta-large-gray.id4-cta-rtl a.id4-cta-button:focus,body div p.id4-cta .id4-cta-large-gray.id4-cta-rtl a.id4-cta-button:active {
    background-image: url(../img/btn-rollover-l-g.gif);
    border-right-color: #005383
}

#orb-modules .id4-cta .id4-cta-large-white.id4-cta-rtl a.id4-cta-button,body div p.id4-cta .id4-cta-large-white.id4-cta-rtl a.id4-cta-button {
    background-image: url(../img/single-btn-rollover-l-w.gif);
    border-right-color: white
}

#orb-modules .id4-cta .id4-cta-large-white.id4-cta-rtl a.id4-cta-button:hover,#orb-modules .id4-cta .id4-cta-large-white.id4-cta-rtl a.id4-cta-button:focus,#orb-modules .id4-cta .id4-cta-large-white.id4-cta-rtl a.id4-cta-button:active,body div p.id4-cta .id4-cta-large-white.id4-cta-rtl a.id4-cta-button:hover,body div p.id4-cta .id4-cta-large-white.id4-cta-rtl a.id4-cta-button:focus,body div p.id4-cta .id4-cta-large-white.id4-cta-rtl a.id4-cta-button:active {
    background-image: url(../img/btn-rollover-l-w.gif);
    border-right-color: white
}

#idcta-link {
    position: relative;
    padding-left: 26px
}

#idcta-link span {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

.b-header--black--white #idcta-statusbar {
    border-color: #666
}

.b-header--grey--white #idcta-statusbar {
    border-color: #949494
}

.b-header--dark-grey--grey #idcta-statusbar {
    border-color: #333
}

.b-header--semitransparent-dark--white #idcta-statusbar,.b-header--semitransparent-medium--white #idcta-statusbar,.b-header--semitransparent-light--white #idcta-statusbar {
    border-color: #949494;
    border-color: rgba(255,255,255,.4)
}

.b-header--transparent--white #idcta-statusbar,.b-header--transparent--dark-grey #idcta-statusbar {
    border-color: #888;
    border-color: rgba(0,0,0,.3)
}

.b-header--white--black #idcta-statusbar {
    border-color: #ccc
}

.orb-nav-id #idcta-statusbar,.orb-nav-active .orb-nav-id #idcta-statusbar {
    background-image: url(../img/bbcid_orb_signin_dark.png);
    background-repeat: no-repeat;
    background-attachment: scroll
}

.id-svg .orb-nav-id #idcta-statusbar,.id-svg .orb-nav-active .orb-nav-id #idcta-statusbar {
    background-image: url(../svg/icon-sprite.svg);
    background-size: 22px;
    background-position: 14px 11px
}

.orb-nav-id #idcta-statusbar.idcta-signedin,.orb-nav-active .orb-nav-id #idcta-statusbar.idcta-signedin {
    background-image: url(../img/bbcid_orb_signedin_dark.png);
    background-repeat: no-repeat;
    background-attachment: scroll
}

.id-svg .orb-nav-id #idcta-statusbar.idcta-signedin,.id-svg .orb-nav-active .orb-nav-id #idcta-statusbar.idcta-signedin {
    background-image: url(../svg/icon-sprite.svg);
    background-size: 22px;
    background-position: 14px -29px
}

.b-header--black--white #idcta-statusbar,.b-header--grey--white #idcta-statusbar,.b-header--dark-grey--grey #idcta-statusbar,.b-header--semitransparent-dark--white #idcta-statusbar,.b-header--semitransparent-light--white #idcta-statusbar,.b-header--semitransparent-medium--white #idcta-statusbar,.b-header--transparent--white #idcta-statusbar {
    background-image: url(../img/bbcid_orb_signin_light.png);
    background-repeat: no-repeat;
    background-attachment: scroll
}

.id-svg.b-header--black--white #idcta-statusbar,.id-svg.b-header--grey--white #idcta-statusbar,.id-svg.b-header--dark-grey--grey #idcta-statusbar,.id-svg.b-header--semitransparent-dark--white #idcta-statusbar,.id-svg.b-header--semitransparent-light--white #idcta-statusbar,.id-svg.b-header--semitransparent-medium--white #idcta-statusbar,.id-svg.b-header--transparent--white #idcta-statusbar,.id-svg .b-header--black--white #idcta-statusbar,.id-svg .b-header--grey--white #idcta-statusbar,.id-svg .b-header--dark-grey--grey #idcta-statusbar,.id-svg .b-header--semitransparent-dark--white #idcta-statusbar,.id-svg .b-header--semitransparent-light--white #idcta-statusbar,.id-svg .b-header--semitransparent-medium--white #idcta-statusbar,.id-svg .b-header--transparent--white #idcta-statusbar {
    background-image: url(../svg/icon-sprite.svg);
    background-size: 22px;
    background-position: 14px -70px
}

.b-header--black--white #idcta-statusbar.idcta-signedin,.b-header--grey--white #idcta-statusbar.idcta-signedin,.b-header--dark-grey--grey #idcta-statusbar.idcta-signedin,.b-header--semitransparent-dark--white #idcta-statusbar.idcta-signedin,.b-header--semitransparent-light--white #idcta-statusbar.idcta-signedin,.b-header--semitransparent-medium--white #idcta-statusbar.idcta-signedin,.b-header--transparent--white #idcta-statusbar.idcta-signedin {
    background-image: url(../img/bbcid_orb_signedin_light.png);
    background-repeat: no-repeat;
    background-attachment: scroll
}

.id-svg.b-header--black--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--grey--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--dark-grey--grey #idcta-statusbar.idcta-signedin,.id-svg.b-header--semitransparent-dark--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--semitransparent-light--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--semitransparent-medium--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--transparent--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--black--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--grey--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--dark-grey--grey #idcta-statusbar.idcta-signedin,.id-svg .b-header--semitransparent-dark--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--semitransparent-light--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--semitransparent-medium--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--transparent--white #idcta-statusbar.idcta-signedin {
    background-image: url(../svg/icon-sprite.svg);
    background-size: 22px;
    background-position: 14px -110px
}

#idcta-statusbar a:active,#idcta-statusbar a:focus,#idcta-statusbar a:hover {
    border-bottom-color: #18b
}

@media screen and (max-width:600px) {
    body div#idcta-statusbar {
        background-position: 8px .662em
    }

    .id-svg .orb-nav-id #idcta-statusbar,.id-svg .orb-nav-active .orb-nav-id #idcta-statusbar {
        background-image: url(../svg/icon-sprite.svg);
        background-size: 22px;
        background-position: 6px 8px
    }

    .id-svg .orb-nav-id #idcta-statusbar.idcta-signedin,.id-svg .orb-nav-active .orb-nav-id #idcta-statusbar.idcta-signedin {
        background-image: url(../svg/icon-sprite.svg);
        background-size: 22px;
        background-position: 6px -34px
    }

    .id-svg.b-header--black--white #idcta-statusbar,.id-svg.b-header--grey--white #idcta-statusbar,.id-svg.b-header--dark-grey--grey #idcta-statusbar,.id-svg.b-header--semitransparent-dark--white #idcta-statusbar,.id-svg.b-header--semitransparent-light--white #idcta-statusbar,.id-svg.b-header--semitransparent-medium--white #idcta-statusbar,.id-svg.b-header--transparent--white #idcta-statusbar,.id-svg .b-header--black--white #idcta-statusbar,.id-svg .b-header--grey--white #idcta-statusbar,.id-svg .b-header--dark-grey--grey #idcta-statusbar,.id-svg .b-header--semitransparent-dark--white #idcta-statusbar,.id-svg .b-header--semitransparent-light--white #idcta-statusbar,.id-svg .b-header--semitransparent-medium--white #idcta-statusbar,.id-svg .b-header--transparent--white #idcta-statusbar {
        background-image: url(../svg/icon-sprite.svg);
        background-size: 22px;
        background-position: 6px -75px
    }

    .id-svg.b-header--black--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--grey--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--dark-grey--grey #idcta-statusbar.idcta-signedin,.id-svg.b-header--semitransparent-dark--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--semitransparent-light--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--semitransparent-medium--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--transparent--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--black--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--grey--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--dark-grey--grey #idcta-statusbar.idcta-signedin,.id-svg .b-header--semitransparent-dark--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--semitransparent-light--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--semitransparent-medium--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--transparent--white #idcta-statusbar.idcta-signedin {
        background-image: url(../svg/icon-sprite.svg);
        background-size: 22px;
        background-position: 6px -115px
    }
}

@media screen and (min-width:600px) {
    #idcta-link {
        padding-left: 34px
    }

    body div#idcta-statusbar {
        background-position: 16px .95em
    }
}

@media screen and (min-width:600px) and (max-width:1007px) {
    .id-svg .orb-nav-id #idcta-statusbar,.id-svg .orb-nav-active .orb-nav-id #idcta-statusbar {
        background-image: url(../svg/icon-sprite.svg);
        background-size: 24px;
        background-position: 13px 11px
    }

    .id-svg .orb-nav-id #idcta-statusbar.idcta-signedin,.id-svg .orb-nav-active .orb-nav-id #idcta-statusbar.idcta-signedin {
        background-image: url(../svg/icon-sprite.svg);
        background-size: 24px;
        background-position: 13px -34px
    }

    .id-svg.b-header--black--white #idcta-statusbar,.id-svg.b-header--grey--white #idcta-statusbar,.id-svg.b-header--dark-grey--grey #idcta-statusbar,.id-svg.b-header--semitransparent-dark--white #idcta-statusbar,.id-svg.b-header--semitransparent-light--white #idcta-statusbar,.id-svg.b-header--semitransparent-medium--white #idcta-statusbar,.id-svg.b-header--transparent--white #idcta-statusbar,.id-svg .b-header--black--white #idcta-statusbar,.id-svg .b-header--grey--white #idcta-statusbar,.id-svg .b-header--dark-grey--grey #idcta-statusbar,.id-svg .b-header--semitransparent-dark--white #idcta-statusbar,.id-svg .b-header--semitransparent-light--white #idcta-statusbar,.id-svg .b-header--semitransparent-medium--white #idcta-statusbar,.id-svg .b-header--transparent--white #idcta-statusbar {
        background-image: url(../svg/icon-sprite.svg);
        background-size: 24px;
        background-position: 13px -79px
    }

    .id-svg.b-header--black--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--grey--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--dark-grey--grey #idcta-statusbar.idcta-signedin,.id-svg.b-header--semitransparent-dark--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--semitransparent-light--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--semitransparent-medium--white #idcta-statusbar.idcta-signedin,.id-svg.b-header--transparent--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--black--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--grey--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--dark-grey--grey #idcta-statusbar.idcta-signedin,.id-svg .b-header--semitransparent-dark--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--semitransparent-light--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--semitransparent-medium--white #idcta-statusbar.idcta-signedin,.id-svg .b-header--transparent--white #idcta-statusbar.idcta-signedin {
        background-image: url(../svg/icon-sprite.svg);
        background-size: 24px;
        background-position: 13px -123px
    }
}

@media screen and (min-width:1008px) {
    #idcta-link {
        padding-left: 42px;
        min-width: 8.62em
    }

    #idcta-link span {
        position: static
    }
}

.notifications-canon-bold,.notifications-trafalgar-bold {
    letter-spacing: -1px;
    font-weight: 700
}

.notifications-brevier-bold,.notifications-canon-bold,.notifications-great-primer-bold,.notifications-long-primer-bold,.notifications-minion-bold,.notifications-pica-bold,.notifications-trafalgar-bold {
    font-weight: 700
}

.notifications-canon,.notifications-canon-bold {
    font-size: 28px!important;
    line-height: 32px!important
}

.notifications-double-pica,.notifications-double-pica-bold,.notifications-trafalgar,.notifications-trafalgar-bold {
    font-size: 20px!important;
    line-height: 24px!important
}

.notifications-canon-bold {
    letter-spacing: -.0625rem
}

.notifications-trafalgar-bold {
    letter-spacing: -.0625rem
}

.notifications-double-pica-bold {
    font-weight: 700;
    letter-spacing: -1px;
    letter-spacing: -.0625rem
}

.notifications-great-primer,.notifications-great-primer-bold {
    font-size: 18px!important;
    line-height: 20px!important
}

.notifications-pica,.notifications-pica-bold {
    font-size: 15px!important;
    line-height: 20px!important
}

.notifications-long-primer,.notifications-long-primer-bold {
    font-size: 15px!important;
    line-height: 18px!important
}

.notifications-brevier,.notifications-brevier-bold {
    font-size: 14px!important;
    line-height: 16px!important
}

.notifications-minion,.notifications-minion-bold {
    font-size: 12px!important;
    line-height: 16px!important;
    text-transform: uppercase
}

.notifications-error--inner,.notifications-error__body,.notifications-error__header--text {
    font-weight: 400;
    font-family: Helvetica,Arial,sans-serif
}

@media (min-width:20em) {
    .notifications-canon,.notifications-canon-bold {
        font-size: 32px!important;
        line-height: 36px!important
    }

    .notifications-trafalgar,.notifications-trafalgar-bold {
        font-size: 24px!important;
        line-height: 28px!important
    }

    .notifications-great-primer,.notifications-great-primer-bold {
        font-size: 20px!important;
        line-height: 24px!important
    }

    .notifications-great-primer-bold {
        letter-spacing: -1px;
        letter-spacing: -.0625rem
    }

    .notifications-pica,.notifications-pica-bold {
        font-size: 16px!important;
        line-height: 22px!important
    }

    .notifications-long-primer,.notifications-long-primer-bold {
        font-size: 16px!important;
        line-height: 20px!important
    }
}

.notifications-wrap {
    max-width: 1008px;
    margin: 0 auto;
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:25em) {
    .notifications-wrap {
        padding-left: 16px;
        padding-right: 16px
    }

    .lt-ie9 .notifications-wrap {
        width: 1008px
    }
}

.notifications-layout {
    margin-right: 0;
    margin-left: -8px;
    padding-right: 0;
    padding-left: 0;
    list-style: none
}

.notifications-layout__item {
    display: inline-block;
    width: 100%;
    padding-left: 8px;
    vertical-align: top
}

.notifications-1\/1 {
    width: 100%!important
}

.notifications-1\/2 {
    width: 50%!important
}

.notifications-1\/3 {
    width: 33.33333%!important
}

.notifications-2\/3 {
    width: 66.66667%!important
}

.notifications-1\/4 {
    width: 25%!important
}

.notifications-2\/4 {
    width: 50%!important
}

.notifications-3\/4 {
    width: 75%!important
}

.notifications-1\/5 {
    width: 20%!important
}

.notifications-2\/5 {
    width: 40%!important
}

.notifications-3\/5 {
    width: 60%!important
}

.notifications-4\/5 {
    width: 80%!important
}

.notifications-1\/8 {
    width: 12.5%!important
}

.notifications-2\/8 {
    width: 25%!important
}

.notifications-3\/8 {
    width: 37.5%!important
}

.notifications-4\/8 {
    width: 50%!important
}

.notifications-5\/8 {
    width: 62.5%!important
}

.notifications-6\/8 {
    width: 75%!important
}

.notifications-7\/8 {
    width: 87.5%!important
}

.notifications-1\/10 {
    width: 10%!important
}

.notifications-2\/10 {
    width: 20%!important
}

.notifications-3\/10 {
    width: 30%!important
}

.notifications-4\/10 {
    width: 40%!important
}

.notifications-5\/10 {
    width: 50%!important
}

.notifications-6\/10 {
    width: 60%!important
}

.notifications-7\/10 {
    width: 70%!important
}

.notifications-8\/10 {
    width: 80%!important
}

.notifications-9\/10 {
    width: 90%!important
}

.notifications-1\/12 {
    width: 8.33333%!important
}

.notifications-2\/12 {
    width: 16.66667%!important
}

.notifications-3\/12 {
    width: 25%!important
}

.notifications-4\/12 {
    width: 33.33333%!important
}

.notifications-5\/12 {
    width: 41.66667%!important
}

.notifications-6\/12 {
    width: 50%!important
}

.notifications-7\/12 {
    width: 58.33333%!important
}

.notifications-8\/12 {
    width: 66.66667%!important
}

.notifications-9\/12 {
    width: 75%!important
}

.notifications-10\/12 {
    width: 83.33333%!important
}

.notifications-11\/12 {
    width: 91.66667%!important
}

.notifications-1\/24 {
    width: 4.16667%!important
}

.notifications-2\/24 {
    width: 8.33333%!important
}

.notifications-3\/24 {
    width: 12.5%!important
}

.notifications-4\/24 {
    width: 16.66667%!important
}

.notifications-5\/24 {
    width: 20.83333%!important
}

.notifications-6\/24 {
    width: 25%!important
}

.notifications-7\/24 {
    width: 29.16667%!important
}

.notifications-8\/24 {
    width: 33.33333%!important
}

.notifications-9\/24 {
    width: 37.5%!important
}

.notifications-10\/24 {
    width: 41.66667%!important
}

.notifications-11\/24 {
    width: 45.83333%!important
}

.notifications-12\/24 {
    width: 50%!important
}

.notifications-13\/24 {
    width: 54.16667%!important
}

.notifications-14\/24 {
    width: 58.33333%!important
}

.notifications-15\/24 {
    width: 62.5%!important
}

.notifications-16\/24 {
    width: 66.66667%!important
}

.notifications-17\/24 {
    width: 70.83333%!important
}

.notifications-18\/24 {
    width: 75%!important
}

.notifications-19\/24 {
    width: 79.16667%!important
}

.notifications-20\/24 {
    width: 83.33333%!important
}

.notifications-21\/24 {
    width: 87.5%!important
}

.notifications-22\/24 {
    width: 91.66667%!important
}

.notifications-23\/24 {
    width: 95.83333%!important
}

@media (min-width:25em) {
    .gel-bp-s-1\/1 {
        width: 100%!important
    }

    .gel-bp-s-1\/2 {
        width: 50%!important
    }

    .gel-bp-s-1\/3 {
        width: 33.33333%!important
    }

    .gel-bp-s-2\/3 {
        width: 66.66667%!important
    }

    .gel-bp-s-1\/4 {
        width: 25%!important
    }

    .gel-bp-s-2\/4 {
        width: 50%!important
    }

    .gel-bp-s-3\/4 {
        width: 75%!important
    }

    .gel-bp-s-1\/5 {
        width: 20%!important
    }

    .gel-bp-s-2\/5 {
        width: 40%!important
    }

    .gel-bp-s-3\/5 {
        width: 60%!important
    }

    .gel-bp-s-4\/5 {
        width: 80%!important
    }

    .gel-bp-s-1\/8 {
        width: 12.5%!important
    }

    .gel-bp-s-2\/8 {
        width: 25%!important
    }

    .gel-bp-s-3\/8 {
        width: 37.5%!important
    }

    .gel-bp-s-4\/8 {
        width: 50%!important
    }

    .gel-bp-s-5\/8 {
        width: 62.5%!important
    }

    .gel-bp-s-6\/8 {
        width: 75%!important
    }

    .gel-bp-s-7\/8 {
        width: 87.5%!important
    }

    .gel-bp-s-1\/10 {
        width: 10%!important
    }

    .gel-bp-s-2\/10 {
        width: 20%!important
    }

    .gel-bp-s-3\/10 {
        width: 30%!important
    }

    .gel-bp-s-4\/10 {
        width: 40%!important
    }

    .gel-bp-s-5\/10 {
        width: 50%!important
    }

    .gel-bp-s-6\/10 {
        width: 60%!important
    }

    .gel-bp-s-7\/10 {
        width: 70%!important
    }

    .gel-bp-s-8\/10 {
        width: 80%!important
    }

    .gel-bp-s-9\/10 {
        width: 90%!important
    }

    .gel-bp-s-1\/12 {
        width: 8.33333%!important
    }

    .gel-bp-s-2\/12 {
        width: 16.66667%!important
    }

    .gel-bp-s-3\/12 {
        width: 25%!important
    }

    .gel-bp-s-4\/12 {
        width: 33.33333%!important
    }

    .gel-bp-s-5\/12 {
        width: 41.66667%!important
    }

    .gel-bp-s-6\/12 {
        width: 50%!important
    }

    .gel-bp-s-7\/12 {
        width: 58.33333%!important
    }

    .gel-bp-s-8\/12 {
        width: 66.66667%!important
    }

    .gel-bp-s-9\/12 {
        width: 75%!important
    }

    .gel-bp-s-10\/12 {
        width: 83.33333%!important
    }

    .gel-bp-s-11\/12 {
        width: 91.66667%!important
    }

    .gel-bp-s-1\/24 {
        width: 4.16667%!important
    }

    .gel-bp-s-2\/24 {
        width: 8.33333%!important
    }

    .gel-bp-s-3\/24 {
        width: 12.5%!important
    }

    .gel-bp-s-4\/24 {
        width: 16.66667%!important
    }

    .gel-bp-s-5\/24 {
        width: 20.83333%!important
    }

    .gel-bp-s-6\/24 {
        width: 25%!important
    }

    .gel-bp-s-7\/24 {
        width: 29.16667%!important
    }

    .gel-bp-s-8\/24 {
        width: 33.33333%!important
    }

    .gel-bp-s-9\/24 {
        width: 37.5%!important
    }

    .gel-bp-s-10\/24 {
        width: 41.66667%!important
    }

    .gel-bp-s-11\/24 {
        width: 45.83333%!important
    }

    .gel-bp-s-12\/24 {
        width: 50%!important
    }

    .gel-bp-s-13\/24 {
        width: 54.16667%!important
    }

    .gel-bp-s-14\/24 {
        width: 58.33333%!important
    }

    .gel-bp-s-15\/24 {
        width: 62.5%!important
    }

    .gel-bp-s-16\/24 {
        width: 66.66667%!important
    }

    .gel-bp-s-17\/24 {
        width: 70.83333%!important
    }

    .gel-bp-s-18\/24 {
        width: 75%!important
    }

    .gel-bp-s-19\/24 {
        width: 79.16667%!important
    }

    .gel-bp-s-20\/24 {
        width: 83.33333%!important
    }

    .gel-bp-s-21\/24 {
        width: 87.5%!important
    }

    .gel-bp-s-22\/24 {
        width: 91.66667%!important
    }

    .gel-bp-s-23\/24 {
        width: 95.83333%!important
    }
}

@media (min-width:37.5em) {
    .notifications-canon,.notifications-canon-bold {
        font-size: 48px!important;
        line-height: 56px!important
    }

    .notifications-trafalgar,.notifications-trafalgar-bold {
        font-size: 36px!important;
        line-height: 40px!important
    }

    .notifications-double-pica,.notifications-double-pica-bold {
        font-size: 28px!important;
        line-height: 32px!important
    }

    .notifications-great-primer,.notifications-great-primer-bold {
        font-size: 24px!important;
        line-height: 28px!important
    }

    .notifications-pica,.notifications-pica-bold {
        font-size: 18px!important;
        line-height: 24px!important
    }

    .notifications-long-primer,.notifications-long-primer-bold {
        line-height: 22px!important
    }

    .notifications-minion,.notifications-minion-bold {
        font-size: 13px!important
    }

    .n-no-touchevents .notifications-canon,.n-no-touchevents .notifications-canon-bold {
        font-size: 40px!important;
        line-height: 48px!important
    }

    .n-no-touchevents .notifications-trafalgar,.n-no-touchevents .notifications-trafalgar-bold {
        font-size: 32px!important;
        line-height: 32px!important
    }

    .n-no-touchevents .notifications-double-pica,.n-no-touchevents .notifications-double-pica-bold {
        font-size: 24px!important;
        line-height: 24px!important
    }

    .n-no-touchevents .notifications-great-primer,.n-no-touchevents .notifications-great-primer-bold {
        font-size: 20px!important;
        line-height: 20px!important
    }

    .n-no-touchevents .notifications-pica,.n-no-touchevents .notifications-pica-bold {
        font-size: 16px!important;
        line-height: 22px!important
    }

    .n-no-touchevents .notifications-long-primer,.n-no-touchevents .notifications-long-primer-bold {
        font-size: 14px!important;
        line-height: 18px!important
    }

    .n-no-touchevents .notifications-brevier,.n-no-touchevents .notifications-brevier-bold {
        font-size: 13px!important
    }

    .n-no-touchevents .notifications-minion,.n-no-touchevents .notifications-minion-bold {
        font-size: 12px!important
    }

    .notifications-layout {
        margin-left: -16px
    }

    .notifications-layout__item {
        padding-left: 16px
    }

    .gel-bp-m-1\/1 {
        width: 100%!important
    }

    .gel-bp-m-1\/2 {
        width: 50%!important
    }

    .gel-bp-m-1\/3 {
        width: 33.33333%!important
    }

    .gel-bp-m-2\/3 {
        width: 66.66667%!important
    }

    .gel-bp-m-1\/4 {
        width: 25%!important
    }

    .gel-bp-m-2\/4 {
        width: 50%!important
    }

    .gel-bp-m-3\/4 {
        width: 75%!important
    }

    .gel-bp-m-1\/5 {
        width: 20%!important
    }

    .gel-bp-m-2\/5 {
        width: 40%!important
    }

    .gel-bp-m-3\/5 {
        width: 60%!important
    }

    .gel-bp-m-4\/5 {
        width: 80%!important
    }

    .gel-bp-m-1\/8 {
        width: 12.5%!important
    }

    .gel-bp-m-2\/8 {
        width: 25%!important
    }

    .gel-bp-m-3\/8 {
        width: 37.5%!important
    }

    .gel-bp-m-4\/8 {
        width: 50%!important
    }

    .gel-bp-m-5\/8 {
        width: 62.5%!important
    }

    .gel-bp-m-6\/8 {
        width: 75%!important
    }

    .gel-bp-m-7\/8 {
        width: 87.5%!important
    }

    .gel-bp-m-1\/10 {
        width: 10%!important
    }

    .gel-bp-m-2\/10 {
        width: 20%!important
    }

    .gel-bp-m-3\/10 {
        width: 30%!important
    }

    .gel-bp-m-4\/10 {
        width: 40%!important
    }

    .gel-bp-m-5\/10 {
        width: 50%!important
    }

    .gel-bp-m-6\/10 {
        width: 60%!important
    }

    .gel-bp-m-7\/10 {
        width: 70%!important
    }

    .gel-bp-m-8\/10 {
        width: 80%!important
    }

    .gel-bp-m-9\/10 {
        width: 90%!important
    }

    .gel-bp-m-1\/12 {
        width: 8.33333%!important
    }

    .gel-bp-m-2\/12 {
        width: 16.66667%!important
    }

    .gel-bp-m-3\/12 {
        width: 25%!important
    }

    .gel-bp-m-4\/12 {
        width: 33.33333%!important
    }

    .gel-bp-m-5\/12 {
        width: 41.66667%!important
    }

    .gel-bp-m-6\/12 {
        width: 50%!important
    }

    .gel-bp-m-7\/12 {
        width: 58.33333%!important
    }

    .gel-bp-m-8\/12 {
        width: 66.66667%!important
    }

    .gel-bp-m-9\/12 {
        width: 75%!important
    }

    .gel-bp-m-10\/12 {
        width: 83.33333%!important
    }

    .gel-bp-m-11\/12 {
        width: 91.66667%!important
    }

    .gel-bp-m-1\/24 {
        width: 4.16667%!important
    }

    .gel-bp-m-2\/24 {
        width: 8.33333%!important
    }

    .gel-bp-m-3\/24 {
        width: 12.5%!important
    }

    .gel-bp-m-4\/24 {
        width: 16.66667%!important
    }

    .gel-bp-m-5\/24 {
        width: 20.83333%!important
    }

    .gel-bp-m-6\/24 {
        width: 25%!important
    }

    .gel-bp-m-7\/24 {
        width: 29.16667%!important
    }

    .gel-bp-m-8\/24 {
        width: 33.33333%!important
    }

    .gel-bp-m-9\/24 {
        width: 37.5%!important
    }

    .gel-bp-m-10\/24 {
        width: 41.66667%!important
    }

    .gel-bp-m-11\/24 {
        width: 45.83333%!important
    }

    .gel-bp-m-12\/24 {
        width: 50%!important
    }

    .gel-bp-m-13\/24 {
        width: 54.16667%!important
    }

    .gel-bp-m-14\/24 {
        width: 58.33333%!important
    }

    .gel-bp-m-15\/24 {
        width: 62.5%!important
    }

    .gel-bp-m-16\/24 {
        width: 66.66667%!important
    }

    .gel-bp-m-17\/24 {
        width: 70.83333%!important
    }

    .gel-bp-m-18\/24 {
        width: 75%!important
    }

    .gel-bp-m-19\/24 {
        width: 79.16667%!important
    }

    .gel-bp-m-20\/24 {
        width: 83.33333%!important
    }

    .gel-bp-m-21\/24 {
        width: 87.5%!important
    }

    .gel-bp-m-22\/24 {
        width: 91.66667%!important
    }

    .gel-bp-m-23\/24 {
        width: 95.83333%!important
    }
}

@media (min-width:56.25em) {
    .gel-bp-l-1\/1 {
        width: 100%!important
    }

    .gel-bp-l-1\/2 {
        width: 50%!important
    }

    .gel-bp-l-1\/3 {
        width: 33.33333%!important
    }

    .gel-bp-l-2\/3 {
        width: 66.66667%!important
    }

    .gel-bp-l-1\/4 {
        width: 25%!important
    }

    .gel-bp-l-2\/4 {
        width: 50%!important
    }

    .gel-bp-l-3\/4 {
        width: 75%!important
    }

    .gel-bp-l-1\/5 {
        width: 20%!important
    }

    .gel-bp-l-2\/5 {
        width: 40%!important
    }

    .gel-bp-l-3\/5 {
        width: 60%!important
    }

    .gel-bp-l-4\/5 {
        width: 80%!important
    }

    .gel-bp-l-1\/8 {
        width: 12.5%!important
    }

    .gel-bp-l-2\/8 {
        width: 25%!important
    }

    .gel-bp-l-3\/8 {
        width: 37.5%!important
    }

    .gel-bp-l-4\/8 {
        width: 50%!important
    }

    .gel-bp-l-5\/8 {
        width: 62.5%!important
    }

    .gel-bp-l-6\/8 {
        width: 75%!important
    }

    .gel-bp-l-7\/8 {
        width: 87.5%!important
    }

    .gel-bp-l-1\/10 {
        width: 10%!important
    }

    .gel-bp-l-2\/10 {
        width: 20%!important
    }

    .gel-bp-l-3\/10 {
        width: 30%!important
    }

    .gel-bp-l-4\/10 {
        width: 40%!important
    }

    .gel-bp-l-5\/10 {
        width: 50%!important
    }

    .gel-bp-l-6\/10 {
        width: 60%!important
    }

    .gel-bp-l-7\/10 {
        width: 70%!important
    }

    .gel-bp-l-8\/10 {
        width: 80%!important
    }

    .gel-bp-l-9\/10 {
        width: 90%!important
    }

    .gel-bp-l-1\/12 {
        width: 8.33333%!important
    }

    .gel-bp-l-2\/12 {
        width: 16.66667%!important
    }

    .gel-bp-l-3\/12 {
        width: 25%!important
    }

    .gel-bp-l-4\/12 {
        width: 33.33333%!important
    }

    .gel-bp-l-5\/12 {
        width: 41.66667%!important
    }

    .gel-bp-l-6\/12 {
        width: 50%!important
    }

    .gel-bp-l-7\/12 {
        width: 58.33333%!important
    }

    .gel-bp-l-8\/12 {
        width: 66.66667%!important
    }

    .gel-bp-l-9\/12 {
        width: 75%!important
    }

    .gel-bp-l-10\/12 {
        width: 83.33333%!important
    }

    .gel-bp-l-11\/12 {
        width: 91.66667%!important
    }

    .gel-bp-l-1\/24 {
        width: 4.16667%!important
    }

    .gel-bp-l-2\/24 {
        width: 8.33333%!important
    }

    .gel-bp-l-3\/24 {
        width: 12.5%!important
    }

    .gel-bp-l-4\/24 {
        width: 16.66667%!important
    }

    .gel-bp-l-5\/24 {
        width: 20.83333%!important
    }

    .gel-bp-l-6\/24 {
        width: 25%!important
    }

    .gel-bp-l-7\/24 {
        width: 29.16667%!important
    }

    .gel-bp-l-8\/24 {
        width: 33.33333%!important
    }

    .gel-bp-l-9\/24 {
        width: 37.5%!important
    }

    .gel-bp-l-10\/24 {
        width: 41.66667%!important
    }

    .gel-bp-l-11\/24 {
        width: 45.83333%!important
    }

    .gel-bp-l-12\/24 {
        width: 50%!important
    }

    .gel-bp-l-13\/24 {
        width: 54.16667%!important
    }

    .gel-bp-l-14\/24 {
        width: 58.33333%!important
    }

    .gel-bp-l-15\/24 {
        width: 62.5%!important
    }

    .gel-bp-l-16\/24 {
        width: 66.66667%!important
    }

    .gel-bp-l-17\/24 {
        width: 70.83333%!important
    }

    .gel-bp-l-18\/24 {
        width: 75%!important
    }

    .gel-bp-l-19\/24 {
        width: 79.16667%!important
    }

    .gel-bp-l-20\/24 {
        width: 83.33333%!important
    }

    .gel-bp-l-21\/24 {
        width: 87.5%!important
    }

    .gel-bp-l-22\/24 {
        width: 91.66667%!important
    }

    .gel-bp-l-23\/24 {
        width: 95.83333%!important
    }
}

@font-face {
    font-family:"Gill Sans Light";src:url(../fonts/Gill_Sans_Lights.eot);src:url(../fonts/Gill_Sans_Lights.eot?#iefix) format("embedded-opentype"),url(../fonts/Gill_Sans_Lights.woff) format("woff"),url(../fonts/Gill_Sans_Lights.ttf) format("truetype"),url(../fonts/Gill_Sans_Lights.svg#03bd10561bdcb33fea3f49627ded6776) format("svg");font-style:normal;font-weight:200
}

@font-face {
    font-family:"Gill Sans Regular";src:url(../fonts/Gill_Sans_Regular.eot);src:url(../fonts/Gill_Sans_Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Gill_Sans_Regular.woff) format("woff"),url(../fonts/Gill_Sans_Regular.ttf) format("truetype"),url(../fonts/Gill_Sans_Regular.svg#954f9f39591f03addb6e99cb7445c9af) format("svg");font-style:normal;font-weight:400
}

.notification-error__container {
    margin: 0
}

.notifications-error {
    display: none;
    margin: 0 auto;
    max-width: 976px;
    text-align: center
}

.notifications-error.show {
    display: block
}

.notifications-error__back {
    width: 100px;
    height: 30px;
    display: inline-block;
    margin-bottom: 20px!important;
    cursor: pointer
}

.notifications-error__back__arrow {
    background: url(../svg/arrow_left.svg) center no-repeat #007ac6;
    height: 30px;
    width: 40px;
    display: inline-block;
    float: left;
    background-size: 16px
}

.n-no-svg .notifications-error__back__arrow {
    background-image: url(../img/arrow_left.png)
}

.notifications-error__back__text {
    border-left: 1px solid rgba(255,255,255,.5);
    background: #007ac6;
    height: 30px;
    width: 59px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    font-size: 18px;
    color: #fff
}

.notifications-error__header {
    color: #0085D0
}

.notifications-error__header--text {
    background-image: url(../svg/warning_icon.svg);
    background-repeat: no-repeat;
    padding-left: 40px!important;
    margin: 20px auto!important;
    display: inline-block;
    background-size: 28px;
    font-size: 24px;
    line-height: 28px
}

.n-no-svg .notifications-error__header--text {
    background-image: url(../img/warning_icon.png)
}

.notifications-error__body {
    margin: 0 0 20px!important
}

.notifications-error--inner {
    background: #e4134f;
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    z-index: 5
}

.notifications-error--inner.show {
    display: block
}

@media all {
    .notifications-error--inner {
        height: auto
    }
}

.notifications-error--inner__body {
    color: #fff;
    padding: 0!important;
    max-width: 976px;
    margin: 15px 4.333%!important;
    font-size: 16px;
    line-height: 22px
}

.notifications-error--inner__body br {
    display: none
}

@media (min-width:20em) {
    .notifications-error--inner__body {
        margin: 15px 8.333%!important
    }

    .notifications-error--inner__body br {
        display: block
    }
}

@media (min-width:48em) {
    .notifications-error--inner__body br {
        display: none
    }
}

@media (min-width:25em) {
    .notifications-error--inner__body {
        margin: 15px 16px!important
    }
}

@media (min-width:63em) {
    .notifications-error--inner__body {
        margin: 15px auto!important;
        width: 100%!important
    }
}

.notifications-error--inner__container {
    max-width: 976px;
    margin: -66px auto 0;
    width: 100%;
    display: block;
    height: 66px
}

@media all {
    .notifications-error--inner__container {
        height: 81px;
        margin-top: -81px
    }
}

@media (min-width:30.875em) {
    .notifications-error--inner__container {
        height: 59px;
        margin-top: -59px
    }
}

@media (min-width:49.3125em) {
    .notifications-error--inner__container {
        height: 37px;
        margin-top: -37px
    }
}

.notifications-error--inner__close {
    height: 22px;
    background-image: url(../img/cross.png);
    background-size: 14px;
    cursor: pointer;
    z-index: 2;
    width: 100%;
    max-width: 976px;
    background-repeat: no-repeat;
    background-position: right;
    margin-left: -8px
}

.notifications-keyboard-access {
    padding: 10px 0!important;
    font-size: 13px
}

.notifications-keyboard-access button {
    display: inline-block;
    margin: 0 15px 0 0;
    padding: .462em 12px .308em;
    background: #fff;
    font-size: 100%;
    color: #333;
    line-height: 2em;
    border: 1px solid #ccc;
    font-weight: 700;
    cursor: pointer
}

.notifications-keyboard-access button:disabled {
    display: none
}

#not-num {
    width: 6px;
    height: 6px;
    text-align: center;
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    background: inherit;
    color: #fff;
    border-radius: 100%;
    text-decoration: none;
    position: absolute;
    clip: auto;
    top: 5px;
    right: 5px
}

#not-num.new-notifications {
    background: #006DEF
}

@media (min-width:37.5em) {
    #not-num {
        top: 9px;
        right: 6px
    }
}

bbc-notifications-bell .animated,bbc-notifications-bell .animated:before {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

bbc-notifications-bell .animated.three,bbc-notifications-bell .animated.three:before {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3
}

bbc-notifications-bell .swing:before {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-name: swing;
    animation-name: swing
}

bbc-notifications-bell .swing.onboarding:before {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

@-webkit-keyframes swing {
    10% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    20% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    30% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100%,50% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    10% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    20% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    30% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100%,50% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

#notification-link {
    display: none!important;
    float: left;
    position: relative;
    border-left: 1px solid #ccc;
    border-left: 1px solid rgba(0,0,0,.3);
    padding: .462em 17px .308em;
    line-height: 1.692em;
    min-height: 1.692em
}

#notification-link:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../svg/bell_grey.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 8px 8.75px
}

.n-no-svg #notification-link:before {
    background-image: url(../img/bell_grey.png)
}

#notification-link.notifications-shown {
    display: block!important
}

#notification-link .hidden-span,#notification-link .notification-link__live {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px
}

#notification-link.notifications-black-bell:before {
    background-image: url(../svg/bell_black.svg)
}

.n-no-svg #notification-link.notifications-black-bell:before {
    background-image: url(../img/bell_black.png)
}

#notification-link .notification-link--triangle:first-of-type {
    position: absolute;
    left: 0;
    top: 11px;
    border-left: 6px solid #ccc;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    z-index: 1
}

#notification-link .notification-link--triangle:last-of-type {
    position: absolute;
    left: -1px;
    top: 12px;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    z-index: 2
}

#notification-link:focus,#notification-link:hover {
    padding-bottom: 0
}

@media (min-width:37.5em) {
    #notification-link {
        padding: .462em 25px .308em;
        line-height: 2.27em;
        min-height: 2.27em
    }

    #notification-link:before {
        background-position: 16px 12.75px
    }

    #notification-link .notification-link--triangle:first-of-type {
        top: 15px
    }

    #notification-link .notification-link--triangle:last-of-type {
        top: 16px
    }
}

[class*=b-header] #notification-link.notifications-grey-bell:before {
    background-image: url(../svg/bell_grey.svg)!important
}

.n-no-svg [class*=b-header] #notification-link.notifications-grey-bell:before {
    background-image: url(../img/bell_grey.png)!important
}

[class*=b-header] #notification-link.notifications-black-bell:before {
    background-image: url(../svg/bell_white.svg)
}

.n-no-svg [class*=b-header] #notification-link.notifications-black-bell:before {
    background-image: url(../img/bell_white.png)
}

[class*=b-header].b-header--white--black #notification-link:before {
    background-image: url(../svg/bell_black.svg)
}

.n-no-svg [class*=b-header].b-header--white--black #notification-link:before {
    background-image: url(../img/bell_black.png)
}

[class*=b-header].b-header--black--white #notification-link:before,[class*=b-header].b-header--grey--white #notification-link:before,[class*=b-header].b-header--semitransparent-dark--white #notification-link:before,[class*=b-header].b-header--semitransparent-light--white #notification-link:before,[class*=b-header].b-header--semitransparent-medium--white #notification-link:before,[class*=b-header].b-header--transparent--white #notification-link:before {
    background-image: url(../svg/bell_white.svg)
}

.n-no-svg [class*=b-header].b-header--black--white #notification-link:before,.n-no-svg [class*=b-header].b-header--grey--white #notification-link:before,.n-no-svg [class*=b-header].b-header--semitransparent-dark--white #notification-link:before,.n-no-svg [class*=b-header].b-header--semitransparent-light--white #notification-link:before,.n-no-svg [class*=b-header].b-header--semitransparent-medium--white #notification-link:before,.n-no-svg [class*=b-header].b-header--transparent--white #notification-link:before {
    background-image: url(../img/bell_white.png)
}

[class*=b-header] .orb-nav-active #notification-link,[class*=b-header] .orb-nav-active #notification-link .notification-link--triangle:first-of-type,[class*=b-header].orb-nav-active #notification-link,[class*=b-header].orb-nav-active #notification-link .notification-link--triangle:first-of-type {
    border-left-color: #ccc
}

[class*=b-header] .orb-nav-active #notification-link .notification-link--triangle:last-of-type,[class*=b-header].orb-nav-active #notification-link .notification-link--triangle:last-of-type {
    border-left-color: #fff!important
}

[class*=b-header] .orb-nav-active #notification-link:before,[class*=b-header].orb-nav-active #notification-link:before {
    background-image: url(../svg/bell_black.svg)!important
}

.n-no-svg [class*=b-header] .orb-nav-active #notification-link:before,.n-no-svg [class*=b-header].orb-nav-active #notification-link:before {
    background-image: url(../img/bell_black.png)!important
}

[class*=b-header] .orb-nav-active #notification-link.notifications-grey-bell:before,[class*=b-header].orb-nav-active #notification-link.notifications-grey-bell:before {
    background-image: url(../svg/bell_grey.svg)!important
}

.n-no-svg [class*=b-header] .orb-nav-active #notification-link.notifications-grey-bell:before,.n-no-svg [class*=b-header].orb-nav-active #notification-link.notifications-grey-bell:before {
    background-image: url(../img/bell_grey.png)!important
}

#orb-header.orb-nav-pri .orb-nav-id #notification-link.orb-nav-focus-on,#orb-header.orb-nav-pri .orb-nav-id #notification-link:active,#orb-header.orb-nav-pri .orb-nav-id #notification-link:focus,#orb-header.orb-nav-pri .orb-nav-id #notification-link:hover {
    border-bottom: 4px solid #006DEF
}

#orb-header.orb-nav-pri .orb-nav-id #notification-link.orb-nav-focus-on {
    padding-bottom: 0
}

.b-header--black--white #notification-link,.b-header--black--white #notification-link .notification-link--triangle:first-of-type {
    border-left-color: #666
}

.b-header--black--white #notification-link .notification-link--triangle:last-of-type {
    border-left-color: #000
}

.b-header--grey--white #notification-link,.b-header--grey--white #notification-link .notification-link--triangle:first-of-type {
    border-left-color: rgba(255,255,255,.4)
}

.b-header--grey--white #notification-link .notification-link--triangle:last-of-type {
    border-left-color: #4C4C4C
}

.b-header--dark-grey--grey #notification-link,.b-header--dark-grey--grey #notification-link .notification-link--triangle:first-of-type {
    border-left-color: #333
}

.b-header--dark-grey--grey #notification-link .notification-link--triangle:last-of-type {
    border-left-color: #000
}

.b-header--semitransparent-dark--white #notification-link,.b-header--semitransparent-light--white #notification-link,.b-header--semitransparent-medium--white #notification-link,.b-header--transparent--dark-grey #notification-link,.b-header--transparent--white #notification-link {
    border-left-color: rgba(255,255,255,.4)
}

.b-header--semitransparent-dark--white #notification-link .notification-link--triangle,.b-header--semitransparent-light--white #notification-link .notification-link--triangle,.b-header--semitransparent-medium--white #notification-link .notification-link--triangle,.b-header--transparent--dark-grey #notification-link .notification-link--triangle,.b-header--transparent--white #notification-link .notification-link--triangle {
    display: none
}

.b-header--semitransparent-dark--white #notification-link:before,.b-header--semitransparent-light--white #notification-link:before,.b-header--semitransparent-medium--white #notification-link:before,.b-header--transparent--dark-grey #notification-link:before,.b-header--transparent--white #notification-link:before {
    background-image: url(../svg/bell_white.svg)
}

.n-no-svg .b-header--semitransparent-dark--white #notification-link:before,.n-no-svg .b-header--semitransparent-light--white #notification-link:before,.n-no-svg .b-header--semitransparent-medium--white #notification-link:before,.n-no-svg .b-header--transparent--dark-grey #notification-link:before,.n-no-svg .b-header--transparent--white #notification-link:before {
    background-image: url(../img/bell_white.png)
}

.b-header--transparent--dark-grey #notification-link {
    border-left-color: rgba(0,0,0,.3)
}

.b-header--transparent--dark-grey #notification-link:before {
    background-image: url(../svg/bell_white.svg)
}

.n-no-svg .b-header--transparent--dark-grey #notification-link:before {
    background-image: url(../img/bell_white.png)
}

.b-header--transparent--white #notification-link {
    border-left-color: rgba(204,204,204,.3)
}

.notifications__container {
    display: block;
    margin: 0 auto;
    padding: 0 8px;
    max-width: 976px;
    font-size: 0
}

@media (min-width:25em) {
    .notifications__container {
        padding: 0 16px
    }
}

@media (min-width:80em) {
    .b-pw-1280 .notifications__container {
        max-width: 1248px
    }
}

.spinner {
    margin: 0 auto;
    padding: 16px 0;
    text-align: center
}

.spinner img {
    display: inline;
    width: auto;
    height: auto;
    -webkit-animation-name: loader-spin;
    animation-name: loader-spin;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

bbc-notifications-drawer {
    font-weight: 400
}

bbc-notifications-drawer .notification-signed-out .notifications-description {
    width: 20em
}

bbc-notifications-drawer .no-notifications {
    padding: 8px 0;
    width: 430px;
    max-width: 100%
}

bbc-notifications-drawer .notifications-wide-spread {
    -webkit-font-smoothing: antialiased;
    background: #007BC7;
    background: -webkit-linear-gradient(top,rgba(0,123,199,.9) 0,#007bc7 100%);
    background: linear-gradient(to bottom,rgba(0,123,199,.9) 0,#007bc7 100%);
    height: 100%
}

bbc-notifications-drawer .notifications-top-header {
    padding-top: 12px
}

bbc-notifications-drawer .notifications-top-header .notifications-main-header {
    color: #fff;
    font-family: "Gill Sans Light",Arial,sans-serif;
    font-weight: 400;
    margin: 0
}

bbc-notifications-drawer .notifications-top-header .notifications-description {
    font-family: Helvetica,Arial,sans-serif;
    margin-top: 8px;
    color: #fff;
    font-weight: 400
}

bbc-notifications-drawer .notifications-cta {
    padding: 8px 10px 8px 0;
    color: #fff;
    font-family: Helvetica,Arial,sans-serif
}

bbc-notifications-drawer .notifications-cta p {
    display: inline;
    padding-left: 12px;
    padding-right: 4px;
    font-weight: 400
}

bbc-notifications-drawer .notifications-cta a {
    display: inline;
    padding: 0;
    text-decoration: none;
    color: #fff;
    font-weight: 700
}

bbc-notifications-drawer .notifications-cta a:hover {
    text-decoration: none
}

bbc-notifications-drawer .notifications-cta a.notifications-upsell-register:hover {
    border-bottom: 1px solid #fff;
    padding-bottom: 4px
}

bbc-notifications-drawer .notifications-cta a.notifications-upsell-register {
    color: #fff
}

bbc-notifications-drawer .notifications-cta .notification-sign-in {
    padding: 6px 14px 6px 12px;
    background: url(../svg/signin-icon-blue.svg) 12px 6px no-repeat #fff;
    display: inline-block;
    color: #000;
    background-size: 20px
}

.n-no-svg bbc-notifications-drawer .notifications-cta .notification-sign-in {
    background-image: url(../img/signin-icon-blue.png)
}

bbc-notifications-drawer .notifications-cta .notification-sign-in a {
    color: #007bc7;
    text-decoration: none;
    padding-left: 32px;
    line-height: 22px
}

bbc-notifications-drawer .notifications-cta .notification-sign-in:hover {
    background-image: url(../svg/signin-icon-hover-blue.svg);
    background-color: #f5f5f5
}

.n-no-svg bbc-notifications-drawer .notifications-cta .notification-sign-in:hover {
    background-image: url(../img/signin-icon-hover-blue.png)
}

bbc-notifications-drawer .notifications-cta .notification-sign-in:hover a {
    color: #005383
}

bbc-notifications-drawer .notifications__header {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 16px 0;
    -webkit-transition: box-shadow .2s linear;
    transition: box-shadow .2s linear;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px
}

bbc-notifications-drawer .notifications__header .notification-title {
    display: inline-block;
    font-size: 28px;
    font-family: "Gill Sans Regular",Arial,sans-serif;
    padding: 0;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0
}

bbc-notifications-list .notification-item.notification-new .notification-text-body,bbc-notifications-list .notification-item.notification-unread .notification-text-body {
    font-weight: 700
}

bbc-notifications-drawer .notifications__header .notification-header-icons {
    margin-top: 0;
    padding-left: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0
}

bbc-notifications-drawer .notifications__header .notification-header-icons a {
    cursor: pointer;
    white-space: nowrap;
    padding: 0;
    width: auto;
    line-height: 0;
    min-height: none;
    display: inline-block
}

bbc-notifications-drawer .notifications__header .notification-header-icons a .setting-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0;
    margin-right: 8px;
    position: relative;
    top: 4px
}

bbc-notifications-drawer .notifications__header .notification-header-icons a .notifications-brevier {
    font-size: 13px!important;
    line-height: 28px!important
}

bbc-notifications-drawer .notifications__header.shadowAdded {
    border-bottom-color: #E4E4E4;
    box-shadow: 0 4px 2px -2px rgba(0,0,0,.07)
}

bbc-notifications-drawer p {
    margin: 0 0 12px
}

bbc-notifications-drawer #notifications-wrapper {
    overflow: auto;
    padding-bottom: 1px;
    margin-bottom: -1px
}

bbc-notifications-list .notification-items {
    margin: 0;
    padding: 0
}

bbc-notifications-list .notification-item {
    float: none;
    position: relative;
    margin-bottom: -1px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4
}

bbc-notifications-list .notification-item:hover {
    border-color: #B3B3B3;
    z-index: 99999
}

bbc-notifications-list .notification-item:hover .notification-text-body {
    color: #006DEF
}

bbc-notifications-list .notification-item .notification-item--link {
    display: -webkit-box;
    display: flex;
    padding: 14px 8px 14px 0;
    box-sizing: border-box
}

@media (min-width:25em) {
    bbc-notifications-list .notification-item .notification-item--link {
        padding: 11px 16px 11px 0;
        -webkit-box-align: center;
        align-items: center
    }
}

bbc-notifications-list .notification-item .notification-icon-and-dot {
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-shrink: 0
}

@media (min-width:25em) {
    bbc-notifications-list .notification-item .notification-icon-and-dot {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        width: auto;
        padding: 0 4px 0 16px
    }
}

@media (min-width:37.5em) {
    bbc-notifications-list .notification-item .notification-icon-and-dot {
        padding-right: 16px
    }

    bbc-notifications-list .notification-item .notifications-image {
        margin-left: 12px
    }
}

bbc-notifications-list .notification-item .notification-dot {
    background: #006DEF;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    visibility: hidden;
    -webkit-box-ordinal-group: 3;
    order: 2;
    margin-top: 2px
}

@media (min-width:25em) {
    bbc-notifications-list .notification-item .notification-dot {
        -webkit-box-ordinal-group: 2;
        order: 1;
        margin-top: 0
    }
}

bbc-notifications-list .notification-item .notifications-image {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 8px;
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-top: -5px
}

@media (min-width:25em) {
    bbc-notifications-list .notification-item .notifications-image {
        -webkit-box-ordinal-group: 3;
        order: 2;
        margin-top: 0
    }
}

bbc-notifications-list .notification-item .notifications-image.notification-iplayer-icon {
    background-image: url(../svg/iplayer_icon.svg)
}

bbc-notifications-list .notification-item .notifications-image.notification-music-icon {
    background-image: url(../svg/music_icon.svg)
}

bbc-notifications-list .notification-item .notification-text {
    display: inline-block
}

bbc-notifications-list .notification-item .notification-text p {
    margin-bottom: 4px
}

bbc-notifications-list .notification-item .notification-item--info {
    font-size: 0;
    line-height: normal
}

bbc-notifications-list .notification-item .notification-item--info>span {
    border-right: 1px solid #333;
    padding-right: 8px;
    margin-right: 8px
}

bbc-notifications-list .notification-item .notification-item--info>span:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

bbc-notifications-list .notification-item.notification-new .notification-dot {
    visibility: visible
}

bbc-notifications-settings-view .notifications-settings-description {
    margin-top: 8px;
    font-weight: 400;
    margin-bottom: 22px
}

@media (min-width:20em) {
    bbc-notifications-settings-view .notifications-settings-description {
        margin-bottom: 16px
    }
}

@media (min-width:25em) {
    bbc-notifications-settings-view .notifications-settings-description {
        margin-bottom: 24px
    }
}

@media (min-width:63em) {
    bbc-notifications-settings-view .notifications-settings-description {
        width: 75%!important
    }
}

@media (min-width:80em) {
    bbc-notifications-settings-view .notifications-settings-description {
        width: 58.33333%!important
    }
}

bbc-notifications-settings-view .notifications-settings-item:last-of-type {
    margin-bottom: 24px
}

bbc-notifications-settings-view .notifications-settings-item label {
    display: block;
    padding: 16px 8px;
    box-sizing: border-box;
    background-color: #E9E9E5;
    margin: 10px 0 12px;
    text-align: left;
    position: relative;
    cursor: pointer
}

@media (min-width:48em) {
    bbc-notifications-settings-view .notifications-settings-item label {
        width: 75%!important
    }
}

@media (min-width:63em) {
    bbc-notifications-settings-view .notifications-settings-item label {
        width: 58.33333%!important
    }
}

@media (min-width:80em) {
    bbc-notifications-settings-view .notifications-settings-item label {
        width: 50%!important;
        margin-left: 3px
    }
}

bbc-notifications-settings-view .notifications-settings-item input[type=checkbox] {
    display: none
}

bbc-notifications-settings-view .notifications-settings-item input[type=checkbox]+.notifications-settings-checkbox-hold {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

bbc-notifications-settings-view .notifications-settings-item input[type=checkbox]:checked+.notifications-settings-checkbox-hold:after {
    background-color: #007BC7;
    background-image: url(../svg/settings_ticker.svg);
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    border: none
}

bbc-notifications-settings-view .notifications-settings-text {
    font-weight: 700
}

bbc-notifications-settings-view .notifications-settings-checkbox-hold:after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    margin-left: 38px;
    position: absolute;
    right: 8px;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background-color: #FFF;
    border: 1px solid #D3D3D3
}

bbc-notifications-onboarding-u13 .notifications-u13--onboarding-image {
    background: url(../img/dangerMouse.jpg) right 35% bottom no-repeat;
    background-size: cover
}

bbc-notifications-onboarding-u13 .notifications-full {
    color: #FFF;
    -webkit-font-smoothing: antialiased
}

bbc-notifications-onboarding-u13 .notifications-full .notifications-u13--options {
    padding-top: 20px
}

bbc-notifications-onboarding-u13 .notifications-full .notifications-u13--options a {
    display: inline-block;
    min-height: 100%
}

bbc-notifications-onboarding-u13 .notifications-full .notifications-u13--ok-button {
    margin-right: 12px;
    background: #006DEF;
    color: #FFF;
    margin-bottom: 20px
}

bbc-notifications-onboarding-u13 .notifications-full .notifications-u13--more a {
    padding: 0;
    color: #fff;
    vertical-align: middle
}

bbc-notifications-onboarding-u13 .notifications-full .notifications-u13--more i1-8n {
    display: inline;
    vertical-align: middle
}

bbc-notifications-onboarding-u13 .notifications-full .notifications-trafalgar-bold {
    margin-bottom: 30px
}

bbc-notifications-onboarding-u13 .notifications-full .notifications-u13--info-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../svg/info.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle
}

bbc-notifications-onboarding-u13 .notifications-full .notifications-u13--close-drawer {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 20px;
    right: 16px;
    background: url(../svg/close.svg) center center no-repeat #fff;
    background-size: 50%;
    cursor: pointer
}

@media (max-width:25em) {
    bbc-notifications-onboarding-u13 .notifications-full .notifications-u13--close-drawer {
        right: 8px
    }

    bbc-notifications-onboarding-u13 .notifications-full .notifications-layout__item {
        width: 80%
    }
}

bbc-notifications-onboarding-u13 .notifications-full .notifications__container {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px
}

@media (min-width:20em) {
    bbc-notifications-onboarding-u13 .notifications-full .notifications__container {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media (min-width:25em) {
    bbc-notifications-onboarding-u13 .notifications-full .notifications__container {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:63em) {
    bbc-notifications-onboarding-u13 .notifications-full .notifications-u13--close-drawer {
        right: 32px
    }

    bbc-notifications-onboarding-u13 .notifications-full .notifications__container {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media (min-width:80em) {
    bbc-notifications-onboarding-u13 .notifications-full .notifications__container {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

bbc-notifications-onboarding-u13 .notifications-u13--close-drawer,bbc-notifications-onboarding-u13 .notifications-u13--content {
    z-index: 2;
    position: relative
}

@media (max-width:37.5em) {
    bbc-notifications-onboarding-u13 .notifications-layout {
        color: #fff;
        -webkit-font-smoothing: antialiased
    }

    bbc-notifications-onboarding-u13 .notifications-u13--overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: .8;
        z-index: 1
    }
}

bbc-notifications-onboarding-u13-success {
    background: #006DEF;
    display: inline-block;
    width: 100%;
    color: #fff;
    padding: 16px 0
}

bbc-notifications-onboarding-u13-success span {
    font-size: 14px
}

bbc-notifications-onboarding-u13-success .notifications-banner--row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

bbc-notifications-onboarding-u13-success .notifications-banner--close {
    border: 0;
    background: 0 0;
    cursor: pointer
}

bbc-notifications-onboarding-u13-success .notifications-banner--close>img {
    width: 14px;
    height: 14px
}

.orb-nav-search {
    float: right;
}

.orb-nav-search button {
    padding: 0;
}

.orb-nav-search .orb-search__button {
    cursor: pointer;
    border: none;
    overflow: hidden;
    text-indent: -999px;
    display: block;
    line-height: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    width: 20px;
    height: 20px;
}

.n-no-svg .orb-nav-search .orb-search__button {
    width: 32px;
    height: 24px;
}

.orb-nav-search a.orb-search__button {
    border-right: 1px solid #cccccc;
}

@media screen and (min-width: 600px) {
    .orb-nav-search.mvt-variant-b a.orb-search__button {
        text-indent: 0;
        line-height: 2.27em;
        width: 80px;
        background-position: 80px center;
    }
}

.orb-nav-search img {
    padding-top: 0.15em;
    padding-right: 2px;
}

.orb-nav-search form {
    display: none;
    padding: 0.615em 0 0.539em 8px;
}

.orb-nav-search form div {
    width: 200px;
    height: 1.846em;
    min-height: 24px;
}

.orb-nav-search label {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.orb-nav-search #orb-search-q {
    border: none;
    background: none;
    height: 1.846em;
    min-height: 24px;
    font-weight: bold;
    width: 162px;
    float: left;
    padding: 0 0 0 6px;
    color: #333333;
    font-weight: bold;
}

.orb-nav-search #orb-search-q::-webkit-input-placeholder {
    color: #333333;
    font-weight: bold;
}

.orb-nav-search #orb-search-q::-moz-placeholder {
    color: #333333;
    font-weight: bold;
}

.orb-nav-search #orb-search-q:-ms-input-placeholder {
    color: #333333;
    font-weight: bold;
}

.orb-nav-search #orb-search-q::placeholder {
    color: #333333;
    font-weight: bold;
}

.orb-nav-search #orb-search-q:focus::-webkit-input-placeholder {
    color: #999999;
}

.orb-nav-search #orb-search-q:focus::-moz-placeholder {
    color: #999999;
}

.orb-nav-search #orb-search-q:focus:-ms-input-placeholder {
    color: #999999;
}

.orb-nav-search #orb-search-q:focus::placeholder {
    color: #999999;
}

@media screen and (min-width: 600px) {
    .orb-nav-search:not(.mvt-variant-b):not(.mvt-variant-c) img {
        padding-top: 1px;
        padding-right: 0;
    }

    .orb-nav-search:not(.mvt-variant-b):not(.mvt-variant-c) a.orb-search__button {
        display: none;
    }

    .orb-nav-search:not(.mvt-variant-b):not(.mvt-variant-c) form {
        display: block;
    }

    .orb-nav-search:not(.mvt-variant-b):not(.mvt-variant-c) .orb-search__button {
        width: 32px;
        height: 24px;
    }
}

@media screen and (min-width: 1280px) {
    .b-pw-1280 .orb-nav-search:not(.mvt-variant-b):not(.mvt-variant-c) form {
        padding-left: 16px;
    }

    .b-pw-1280 .orb-nav-search:not(.mvt-variant-b):not(.mvt-variant-c) form div {
        width: 180px;
    }

    .b-pw-1280 .orb-nav-search:not(.mvt-variant-b):not(.mvt-variant-c) #orb-search-q {
        width: 142px;
    }
}

#searchbox-panel {
    background-color: #18B;
}

#searchbox {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 866px;
    height: 48px;
    font-family: Arial, Helvetica, freesans, sans-serif;
    font-size: 40px;
}

*[dir=rtl] .orb-nav-search {
    float: left;
}

*[dir=rtl] .orb-nav-search button {
    padding: 4px 7px 3px 8px;
}

*[dir=rtl] .orb-nav-search a.orb-search__button {
    border-left: 1px solid #cccccc;
    border-right: none;
}

*[dir=rtl] .orb-nav-search img {
    padding-left: 2px;
}

*[dir=rtl] .orb-nav-search form {
    padding: 0.615em 8px 0.539em 0;
}

*[dir=rtl] .orb-nav-search #orb-search-q {
    float: right;
    padding: 0 6px 0 0;
}

@media screen and (min-width: 600px) {
    *[dir=rtl] .orb-nav-search img {
        padding-left: 0;
    }
}

.orb-nav-search form div {
    background: #e4e4e4;
}

.orb-nav-active form div, .orb-nav-active form div {
    background: #e4e4e4;
}

.orb-nav-search .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.orb-nav-active .orb-search__button, .orb-nav-active .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--black--white .orb-nav-search form div {
    background: #ffffff;
}

.b-header--black--white.orb-nav-active form div, .b-header--black--white .orb-nav-active form div {
    background: #e4e4e4;
}

.b-header--black--white .orb-nav-search .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--black--white.orb-nav-active .orb-search__button, .b-header--black--white .orb-nav-active .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--grey--white .orb-nav-search form div {
    background: #ffffff;
}

.b-header--grey--white.orb-nav-active form div, .b-header--grey--white .orb-nav-active form div {
    background: #e4e4e4;
}

.b-header--grey--white .orb-nav-search .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--grey--white.orb-nav-active .orb-search__button, .b-header--grey--white .orb-nav-active .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--dark-grey--grey .orb-nav-search form div {
    background: #ffffff;
}

.b-header--dark-grey--grey.orb-nav-active form div, .b-header--dark-grey--grey .orb-nav-active form div {
    background: #e4e4e4;
}

.b-header--dark-grey--grey .orb-nav-search .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--dark-grey--grey.orb-nav-active .orb-search__button, .b-header--dark-grey--grey .orb-nav-active .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--semitransparent-dark--white .orb-nav-search form div {
    background: #ffffff;
}

.b-header--semitransparent-dark--white.orb-nav-active form div, .b-header--semitransparent-dark--white .orb-nav-active form div {
    background: #e4e4e4;
}

.b-header--semitransparent-dark--white .orb-nav-search .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--semitransparent-dark--white.orb-nav-active .orb-search__button, .b-header--semitransparent-dark--white .orb-nav-active .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--semitransparent-medium--white .orb-nav-search form div {
    background: #ffffff;
}

.b-header--semitransparent-medium--white.orb-nav-active form div, .b-header--semitransparent-medium--white .orb-nav-active form div {
    background: #e4e4e4;
}

.b-header--semitransparent-medium--white .orb-nav-search .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--semitransparent-medium--white.orb-nav-active .orb-search__button, .b-header--semitransparent-medium--white .orb-nav-active .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--semitransparent-light--white .orb-nav-search form div {
    background: #ffffff;
}

.b-header--semitransparent-light--white.orb-nav-active form div, .b-header--semitransparent-light--white .orb-nav-active form div {
    background: #e4e4e4;
}

.b-header--semitransparent-light--white .orb-nav-search .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--semitransparent-light--white.orb-nav-active .orb-search__button, .b-header--semitransparent-light--white .orb-nav-active .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--transparent--dark-grey .orb-nav-search form div {
    background: #ffffff;
}

.b-header--transparent--dark-grey.orb-nav-active form div, .b-header--transparent--dark-grey .orb-nav-active form div {
    background: #e4e4e4;
}

.b-header--transparent--dark-grey .orb-nav-search .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--transparent--dark-grey.orb-nav-active .orb-search__button, .b-header--transparent--dark-grey .orb-nav-active .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--transparent--white .orb-nav-search form div {
    background: #ffffff;
}

.b-header--transparent--white.orb-nav-active form div, .b-header--transparent--white .orb-nav-active form div {
    background: #e4e4e4;
}

.b-header--transparent--white .orb-nav-search .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--transparent--white.orb-nav-active .orb-search__button, .b-header--transparent--white .orb-nav-active .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--white--black .orb-nav-search form div {
    background: #e4e4e4;
}

.b-header--white--black.orb-nav-active form div, .b-header--white--black .orb-nav-active form div {
    background: #e4e4e4;
}

.b-header--white--black .orb-nav-search .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

.b-header--white--black.orb-nav-active .orb-search__button, .b-header--white--black .orb-nav-active .orb-search__button {
    background-image: url("../img/gel-icon-search-dark.svg");
}

@media screen and (max-width: 600px) {
    .b-header--black--white .orb-nav-search .orb-search__button {
        background-image: url("../img/gel-icon-search-light.svg");
    }

    .b-header--black--white.orb-nav-active .orb-search__button, .b-header--black--white .orb-nav-active .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--black--white .orb-nav-search a {
        border-color: #666;
    }

    .b-header--black--white.orb-nav-active .orb-nav-search a, .b-header--black--white .orb-nav-active .orb-nav-search a {
        border-right-color: #cccccc;
    }

    .b-header--grey--white .orb-nav-search .orb-search__button {
        background-image: url("../img/gel-icon-search-light.svg");
    }

    .b-header--grey--white.orb-nav-active .orb-search__button, .b-header--grey--white .orb-nav-active .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--grey--white .orb-nav-search a {
        border-color: #949494;
    }

    .b-header--grey--white.orb-nav-active .orb-nav-search a, .b-header--grey--white .orb-nav-active .orb-nav-search a {
        border-right-color: #cccccc;
    }

    .b-header--dark-grey--grey .orb-nav-search .orb-search__button {
        background-image: url("../img/gel-icon-search-light.svg");
    }

    .b-header--dark-grey--grey.orb-nav-active .orb-search__button, .b-header--dark-grey--grey .orb-nav-active .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--dark-grey--grey .orb-nav-search a {
        border-color: #333;
    }

    .b-header--dark-grey--grey.orb-nav-active .orb-nav-search a, .b-header--dark-grey--grey .orb-nav-active .orb-nav-search a {
        border-right-color: #cccccc;
    }

    .b-header--semitransparent-dark--white .orb-nav-search .orb-search__button {
        background-image: url("../img/gel-icon-search-light.svg");
    }

    .b-header--semitransparent-dark--white.orb-nav-active .orb-search__button, .b-header--semitransparent-dark--white .orb-nav-active .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--semitransparent-dark--white .orb-nav-search a {
        border-color: #949494;
        border-color: rgba(255, 255, 255, 0.4);
    }

    .b-header--semitransparent-dark--white.orb-nav-active .orb-nav-search a, .b-header--semitransparent-dark--white .orb-nav-active .orb-nav-search a {
        border-right-color: #cccccc;
    }

    .b-header--semitransparent-medium--white .orb-nav-search .orb-search__button {
        background-image: url("../img/gel-icon-search-light.svg");
    }

    .b-header--semitransparent-medium--white.orb-nav-active .orb-search__button, .b-header--semitransparent-medium--white .orb-nav-active .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--semitransparent-medium--white .orb-nav-search a {
        border-color: #949494;
        border-color: rgba(255, 255, 255, 0.4);
    }

    .b-header--semitransparent-medium--white.orb-nav-active .orb-nav-search a, .b-header--semitransparent-medium--white .orb-nav-active .orb-nav-search a {
        border-right-color: #cccccc;
    }

    .b-header--semitransparent-light--white .orb-nav-search .orb-search__button {
        background-image: url("../img/gel-icon-search-light.svg");
    }

    .b-header--semitransparent-light--white.orb-nav-active .orb-search__button, .b-header--semitransparent-light--white .orb-nav-active .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--semitransparent-light--white .orb-nav-search a {
        border-color: #949494;
        border-color: rgba(255, 255, 255, 0.4);
    }

    .b-header--semitransparent-light--white.orb-nav-active .orb-nav-search a, .b-header--semitransparent-light--white .orb-nav-active .orb-nav-search a {
        border-right-color: #cccccc;
    }

    .b-header--transparent--dark-grey .orb-nav-search .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--transparent--dark-grey.orb-nav-active .orb-search__button, .b-header--transparent--dark-grey .orb-nav-active .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--transparent--dark-grey .orb-nav-search a {
        border-color: #888888;
        border-color: rgba(0, 0, 0, 0.3);
    }

    .b-header--transparent--dark-grey.orb-nav-active .orb-nav-search a, .b-header--transparent--dark-grey .orb-nav-active .orb-nav-search a {
        border-right-color: #cccccc;
    }

    .b-header--transparent--white .orb-nav-search .orb-search__button {
        background-image: url("../img/gel-icon-search-light.svg");
    }

    .b-header--transparent--white.orb-nav-active .orb-search__button, .b-header--transparent--white .orb-nav-active .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--transparent--white .orb-nav-search a {
        border-color: #888888;
        border-color: rgba(204, 204, 204, 0.3);
    }

    .b-header--transparent--white.orb-nav-active .orb-nav-search a, .b-header--transparent--white .orb-nav-active .orb-nav-search a {
        border-right-color: #cccccc;
    }

    .b-header--white--black .orb-nav-search .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--white--black.orb-nav-active .orb-search__button, .b-header--white--black .orb-nav-active .orb-search__button {
        background-image: url("../img/gel-icon-search-dark.svg");
    }

    .b-header--white--black .orb-nav-search a {
        border-color: #ccc;
    }

    .b-header--white--black.orb-nav-active .orb-nav-search a, .b-header--white--black .orb-nav-active .orb-nav-search a {
        border-right-color: #cccccc;
    }
}

/*# sourceMappingURL=main.css.map */
.gel-minion,.gel-minion-bold,.hp-obit__last-updated,.hp-obit__today {
    text-transform: uppercase
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    box-sizing: border-box
}

body,button {
    font-family: Helvetica,Arial,freesans,sans-serif
}

a img,img {
    border: 0
}

.error,.no-feeds {
    border: 1px solid #CCC;
    box-sizing: border-box
}

.gel-wrap {
    max-width: 1008px;
    margin: 0 auto;
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:25em) {
    .gel-wrap {
        padding-left: 16px;
        padding-right: 16px
    }

    .lt-ie9 .gel-wrap {
        width: 1008px
    }
}

.gel-layout {
    margin-right: 0;
    margin-left: -8px;
    padding-right: 0;
    padding-left: 0;
    list-style: none
}

.gel-layout__item {
    display: inline-block;
    width: 100%;
    padding-left: 8px;
    vertical-align: top
}

.gel-one-whole {
    width: 100%!important
}

.gel-five-tenths,.gel-four-eighths,.gel-one-half,.gel-six-twelfths,.gel-three-sixths,.gel-two-quarters {
    width: 50%!important
}

.gel-four-twelfths,.gel-one-third,.gel-three-ninths,.gel-two-sixths {
    width: 33.33333%!important
}

.gel-eight-twelfths,.gel-four-sixths,.gel-six-ninths,.gel-two-thirds {
    width: 66.66667%!important
}

.gel-one-quarter,.gel-three-twelfths,.gel-two-eighths {
    width: 25%!important
}

.gel-nine-twelfths,.gel-six-eighths,.gel-three-quarters {
    width: 75%!important
}

.gel-one-fifth,.gel-two-tenths {
    width: 20%!important
}

.gel-four-tenths,.gel-two-fifths {
    width: 40%!important
}

.gel-six-tenths,.gel-three-fifths {
    width: 60%!important
}

.gel-eight-tenths,.gel-four-fifths {
    width: 80%!important
}

.gel-one-sixth,.gel-two-twelfths {
    width: 16.66667%!important
}

.gel-five-sixths,.gel-ten-twelfths {
    width: 83.33333%!important
}

.gel-one-eighth {
    width: 12.5%!important
}

.gel-three-eighths {
    width: 37.5%!important
}

.gel-five-eighths {
    width: 62.5%!important
}

.gel-seven-eighths {
    width: 87.5%!important
}

.gel-one-ninth {
    width: 11.11111%!important
}

.gel-two-ninths {
    width: 22.22222%!important
}

.gel-four-ninths {
    width: 44.44444%!important
}

.gel-five-ninths {
    width: 55.55556%!important
}

.gel-seven-ninths {
    width: 77.77778%!important
}

.gel-eight-ninths {
    width: 88.88889%!important
}

.gel-one-tenth {
    width: 10%!important
}

.gel-three-tenths {
    width: 30%!important
}

.gel-seven-tenths {
    width: 70%!important
}

.gel-nine-tenths {
    width: 90%!important
}

.gel-one-twelfth {
    width: 8.33333%!important
}

.gel-five-twelfths {
    width: 41.66667%!important
}

.gel-seven-twelfths {
    width: 58.33333%!important
}

.gel-eleven-twelfths {
    width: 91.66667%!important
}

@media (min-width:20em) {
    .hp-bp-xs-one-whole {
        width: 100%!important
    }

    .hp-bp-xs-five-tenths,.hp-bp-xs-four-eighths,.hp-bp-xs-one-half,.hp-bp-xs-six-twelfths,.hp-bp-xs-three-sixths,.hp-bp-xs-two-quarters {
        width: 50%!important
    }

    .hp-bp-xs-four-twelfths,.hp-bp-xs-one-third,.hp-bp-xs-three-ninths,.hp-bp-xs-two-sixths {
        width: 33.33333%!important
    }

    .hp-bp-xs-eight-twelfths,.hp-bp-xs-four-sixths,.hp-bp-xs-six-ninths,.hp-bp-xs-two-thirds {
        width: 66.66667%!important
    }

    .hp-bp-xs-one-quarter,.hp-bp-xs-three-twelfths,.hp-bp-xs-two-eighths {
        width: 25%!important
    }

    .hp-bp-xs-nine-twelfths,.hp-bp-xs-six-eighths,.hp-bp-xs-three-quarters {
        width: 75%!important
    }

    .hp-bp-xs-one-fifth,.hp-bp-xs-two-tenths {
        width: 20%!important
    }

    .hp-bp-xs-four-tenths,.hp-bp-xs-two-fifths {
        width: 40%!important
    }

    .hp-bp-xs-six-tenths,.hp-bp-xs-three-fifths {
        width: 60%!important
    }

    .hp-bp-xs-eight-tenths,.hp-bp-xs-four-fifths {
        width: 80%!important
    }

    .hp-bp-xs-one-sixth,.hp-bp-xs-two-twelfths {
        width: 16.66667%!important
    }

    .hp-bp-xs-five-sixths,.hp-bp-xs-ten-twelfths {
        width: 83.33333%!important
    }

    .hp-bp-xs-one-eighth {
        width: 12.5%!important
    }

    .hp-bp-xs-three-eighths {
        width: 37.5%!important
    }

    .hp-bp-xs-five-eighths {
        width: 62.5%!important
    }

    .hp-bp-xs-seven-eighths {
        width: 87.5%!important
    }

    .hp-bp-xs-one-ninth {
        width: 11.11111%!important
    }

    .hp-bp-xs-two-ninths {
        width: 22.22222%!important
    }

    .hp-bp-xs-four-ninths {
        width: 44.44444%!important
    }

    .hp-bp-xs-five-ninths {
        width: 55.55556%!important
    }

    .hp-bp-xs-seven-ninths {
        width: 77.77778%!important
    }

    .hp-bp-xs-eight-ninths {
        width: 88.88889%!important
    }

    .hp-bp-xs-one-tenth {
        width: 10%!important
    }

    .hp-bp-xs-three-tenths {
        width: 30%!important
    }

    .hp-bp-xs-seven-tenths {
        width: 70%!important
    }

    .hp-bp-xs-nine-tenths {
        width: 90%!important
    }

    .hp-bp-xs-one-twelfth {
        width: 8.33333%!important
    }

    .hp-bp-xs-five-twelfths {
        width: 41.66667%!important
    }

    .hp-bp-xs-seven-twelfths {
        width: 58.33333%!important
    }

    .hp-bp-xs-eleven-twelfths {
        width: 91.66667%!important
    }
}

@media (min-width:34.375em) {
    .hp-bp-s-one-whole {
        width: 100%!important
    }

    .hp-bp-s-five-tenths,.hp-bp-s-four-eighths,.hp-bp-s-one-half,.hp-bp-s-six-twelfths,.hp-bp-s-three-sixths,.hp-bp-s-two-quarters {
        width: 50%!important
    }

    .hp-bp-s-four-twelfths,.hp-bp-s-one-third,.hp-bp-s-three-ninths,.hp-bp-s-two-sixths {
        width: 33.33333%!important
    }

    .hp-bp-s-eight-twelfths,.hp-bp-s-four-sixths,.hp-bp-s-six-ninths,.hp-bp-s-two-thirds {
        width: 66.66667%!important
    }

    .hp-bp-s-one-quarter,.hp-bp-s-three-twelfths,.hp-bp-s-two-eighths {
        width: 25%!important
    }

    .hp-bp-s-nine-twelfths,.hp-bp-s-six-eighths,.hp-bp-s-three-quarters {
        width: 75%!important
    }

    .hp-bp-s-one-fifth,.hp-bp-s-two-tenths {
        width: 20%!important
    }

    .hp-bp-s-four-tenths,.hp-bp-s-two-fifths {
        width: 40%!important
    }

    .hp-bp-s-six-tenths,.hp-bp-s-three-fifths {
        width: 60%!important
    }

    .hp-bp-s-eight-tenths,.hp-bp-s-four-fifths {
        width: 80%!important
    }

    .hp-bp-s-one-sixth,.hp-bp-s-two-twelfths {
        width: 16.66667%!important
    }

    .hp-bp-s-five-sixths,.hp-bp-s-ten-twelfths {
        width: 83.33333%!important
    }

    .hp-bp-s-one-eighth {
        width: 12.5%!important
    }

    .hp-bp-s-three-eighths {
        width: 37.5%!important
    }

    .hp-bp-s-five-eighths {
        width: 62.5%!important
    }

    .hp-bp-s-seven-eighths {
        width: 87.5%!important
    }

    .hp-bp-s-one-ninth {
        width: 11.11111%!important
    }

    .hp-bp-s-two-ninths {
        width: 22.22222%!important
    }

    .hp-bp-s-four-ninths {
        width: 44.44444%!important
    }

    .hp-bp-s-five-ninths {
        width: 55.55556%!important
    }

    .hp-bp-s-seven-ninths {
        width: 77.77778%!important
    }

    .hp-bp-s-eight-ninths {
        width: 88.88889%!important
    }

    .hp-bp-s-one-tenth {
        width: 10%!important
    }

    .hp-bp-s-three-tenths {
        width: 30%!important
    }

    .hp-bp-s-seven-tenths {
        width: 70%!important
    }

    .hp-bp-s-nine-tenths {
        width: 90%!important
    }

    .hp-bp-s-one-twelfth {
        width: 8.33333%!important
    }

    .hp-bp-s-five-twelfths {
        width: 41.66667%!important
    }

    .hp-bp-s-seven-twelfths {
        width: 58.33333%!important
    }

    .hp-bp-s-eleven-twelfths {
        width: 91.66667%!important
    }
}

@media (min-width:25em) {
    .gel-bp-s-one-whole {
        width: 100%!important
    }

    .gel-bp-s-five-tenths,.gel-bp-s-four-eighths,.gel-bp-s-one-half,.gel-bp-s-six-twelfths,.gel-bp-s-three-sixths,.gel-bp-s-two-quarters {
        width: 50%!important
    }

    .gel-bp-s-four-twelfths,.gel-bp-s-one-third,.gel-bp-s-three-ninths,.gel-bp-s-two-sixths {
        width: 33.33333%!important
    }

    .gel-bp-s-eight-twelfths,.gel-bp-s-four-sixths,.gel-bp-s-six-ninths,.gel-bp-s-two-thirds {
        width: 66.66667%!important
    }

    .gel-bp-s-one-quarter,.gel-bp-s-three-twelfths,.gel-bp-s-two-eighths {
        width: 25%!important
    }

    .gel-bp-s-nine-twelfths,.gel-bp-s-six-eighths,.gel-bp-s-three-quarters {
        width: 75%!important
    }

    .gel-bp-s-one-fifth,.gel-bp-s-two-tenths {
        width: 20%!important
    }

    .gel-bp-s-four-tenths,.gel-bp-s-two-fifths {
        width: 40%!important
    }

    .gel-bp-s-six-tenths,.gel-bp-s-three-fifths {
        width: 60%!important
    }

    .gel-bp-s-eight-tenths,.gel-bp-s-four-fifths {
        width: 80%!important
    }

    .gel-bp-s-one-sixth,.gel-bp-s-two-twelfths {
        width: 16.66667%!important
    }

    .gel-bp-s-five-sixths,.gel-bp-s-ten-twelfths {
        width: 83.33333%!important
    }

    .gel-bp-s-one-eighth {
        width: 12.5%!important
    }

    .gel-bp-s-three-eighths {
        width: 37.5%!important
    }

    .gel-bp-s-five-eighths {
        width: 62.5%!important
    }

    .gel-bp-s-seven-eighths {
        width: 87.5%!important
    }

    .gel-bp-s-one-ninth {
        width: 11.11111%!important
    }

    .gel-bp-s-two-ninths {
        width: 22.22222%!important
    }

    .gel-bp-s-four-ninths {
        width: 44.44444%!important
    }

    .gel-bp-s-five-ninths {
        width: 55.55556%!important
    }

    .gel-bp-s-seven-ninths {
        width: 77.77778%!important
    }

    .gel-bp-s-eight-ninths {
        width: 88.88889%!important
    }

    .gel-bp-s-one-tenth {
        width: 10%!important
    }

    .gel-bp-s-three-tenths {
        width: 30%!important
    }

    .gel-bp-s-seven-tenths {
        width: 70%!important
    }

    .gel-bp-s-nine-tenths {
        width: 90%!important
    }

    .gel-bp-s-one-twelfth {
        width: 8.33333%!important
    }

    .gel-bp-s-five-twelfths {
        width: 41.66667%!important
    }

    .gel-bp-s-seven-twelfths {
        width: 58.33333%!important
    }

    .gel-bp-s-eleven-twelfths {
        width: 91.66667%!important
    }
}

@media (min-width:37.5em) {
    .gel-layout {
        margin-left: -16px
    }

    .gel-layout__item {
        padding-left: 16px
    }

    .gel-bp-m-one-whole {
        width: 100%!important
    }

    .gel-bp-m-five-tenths,.gel-bp-m-four-eighths,.gel-bp-m-one-half,.gel-bp-m-six-twelfths,.gel-bp-m-three-sixths,.gel-bp-m-two-quarters {
        width: 50%!important
    }

    .gel-bp-m-four-twelfths,.gel-bp-m-one-third,.gel-bp-m-three-ninths,.gel-bp-m-two-sixths {
        width: 33.33333%!important
    }

    .gel-bp-m-eight-twelfths,.gel-bp-m-four-sixths,.gel-bp-m-six-ninths,.gel-bp-m-two-thirds {
        width: 66.66667%!important
    }

    .gel-bp-m-one-quarter,.gel-bp-m-three-twelfths,.gel-bp-m-two-eighths {
        width: 25%!important
    }

    .gel-bp-m-nine-twelfths,.gel-bp-m-six-eighths,.gel-bp-m-three-quarters {
        width: 75%!important
    }

    .gel-bp-m-one-fifth,.gel-bp-m-two-tenths {
        width: 20%!important
    }

    .gel-bp-m-four-tenths,.gel-bp-m-two-fifths {
        width: 40%!important
    }

    .gel-bp-m-six-tenths,.gel-bp-m-three-fifths {
        width: 60%!important
    }

    .gel-bp-m-eight-tenths,.gel-bp-m-four-fifths {
        width: 80%!important
    }

    .gel-bp-m-one-sixth,.gel-bp-m-two-twelfths {
        width: 16.66667%!important
    }

    .gel-bp-m-five-sixths,.gel-bp-m-ten-twelfths {
        width: 83.33333%!important
    }

    .gel-bp-m-one-eighth {
        width: 12.5%!important
    }

    .gel-bp-m-three-eighths {
        width: 37.5%!important
    }

    .gel-bp-m-five-eighths {
        width: 62.5%!important
    }

    .gel-bp-m-seven-eighths {
        width: 87.5%!important
    }

    .gel-bp-m-one-ninth {
        width: 11.11111%!important
    }

    .gel-bp-m-two-ninths {
        width: 22.22222%!important
    }

    .gel-bp-m-four-ninths {
        width: 44.44444%!important
    }

    .gel-bp-m-five-ninths {
        width: 55.55556%!important
    }

    .gel-bp-m-seven-ninths {
        width: 77.77778%!important
    }

    .gel-bp-m-eight-ninths {
        width: 88.88889%!important
    }

    .gel-bp-m-one-tenth {
        width: 10%!important
    }

    .gel-bp-m-three-tenths {
        width: 30%!important
    }

    .gel-bp-m-seven-tenths {
        width: 70%!important
    }

    .gel-bp-m-nine-tenths {
        width: 90%!important
    }

    .gel-bp-m-one-twelfth {
        width: 8.33333%!important
    }

    .gel-bp-m-five-twelfths {
        width: 41.66667%!important
    }

    .gel-bp-m-seven-twelfths {
        width: 58.33333%!important
    }

    .gel-bp-m-eleven-twelfths {
        width: 91.66667%!important
    }
}

@media (min-width:48em) {
    .hp-bp-m-one-whole {
        width: 100%!important
    }

    .hp-bp-m-five-tenths,.hp-bp-m-four-eighths,.hp-bp-m-one-half,.hp-bp-m-six-twelfths,.hp-bp-m-three-sixths,.hp-bp-m-two-quarters {
        width: 50%!important
    }

    .hp-bp-m-four-twelfths,.hp-bp-m-one-third,.hp-bp-m-three-ninths,.hp-bp-m-two-sixths {
        width: 33.33333%!important
    }

    .hp-bp-m-eight-twelfths,.hp-bp-m-four-sixths,.hp-bp-m-six-ninths,.hp-bp-m-two-thirds {
        width: 66.66667%!important
    }

    .hp-bp-m-one-quarter,.hp-bp-m-three-twelfths,.hp-bp-m-two-eighths {
        width: 25%!important
    }

    .hp-bp-m-nine-twelfths,.hp-bp-m-six-eighths,.hp-bp-m-three-quarters {
        width: 75%!important
    }

    .hp-bp-m-one-fifth,.hp-bp-m-two-tenths {
        width: 20%!important
    }

    .hp-bp-m-four-tenths,.hp-bp-m-two-fifths {
        width: 40%!important
    }

    .hp-bp-m-six-tenths,.hp-bp-m-three-fifths {
        width: 60%!important
    }

    .hp-bp-m-eight-tenths,.hp-bp-m-four-fifths {
        width: 80%!important
    }

    .hp-bp-m-one-sixth,.hp-bp-m-two-twelfths {
        width: 16.66667%!important
    }

    .hp-bp-m-five-sixths,.hp-bp-m-ten-twelfths {
        width: 83.33333%!important
    }

    .hp-bp-m-one-eighth {
        width: 12.5%!important
    }

    .hp-bp-m-three-eighths {
        width: 37.5%!important
    }

    .hp-bp-m-five-eighths {
        width: 62.5%!important
    }

    .hp-bp-m-seven-eighths {
        width: 87.5%!important
    }

    .hp-bp-m-one-ninth {
        width: 11.11111%!important
    }

    .hp-bp-m-two-ninths {
        width: 22.22222%!important
    }

    .hp-bp-m-four-ninths {
        width: 44.44444%!important
    }

    .hp-bp-m-five-ninths {
        width: 55.55556%!important
    }

    .hp-bp-m-seven-ninths {
        width: 77.77778%!important
    }

    .hp-bp-m-eight-ninths {
        width: 88.88889%!important
    }

    .hp-bp-m-one-tenth {
        width: 10%!important
    }

    .hp-bp-m-three-tenths {
        width: 30%!important
    }

    .hp-bp-m-seven-tenths {
        width: 70%!important
    }

    .hp-bp-m-nine-tenths {
        width: 90%!important
    }

    .hp-bp-m-one-twelfth {
        width: 8.33333%!important
    }

    .hp-bp-m-five-twelfths {
        width: 41.66667%!important
    }

    .hp-bp-m-seven-twelfths {
        width: 58.33333%!important
    }

    .hp-bp-m-eleven-twelfths {
        width: 91.66667%!important
    }
}

@media (min-width:56.25em) {
    .gel-bp-l-one-whole {
        width: 100%!important
    }

    .gel-bp-l-five-tenths,.gel-bp-l-four-eighths,.gel-bp-l-one-half,.gel-bp-l-six-twelfths,.gel-bp-l-three-sixths,.gel-bp-l-two-quarters {
        width: 50%!important
    }

    .gel-bp-l-four-twelfths,.gel-bp-l-one-third,.gel-bp-l-three-ninths,.gel-bp-l-two-sixths {
        width: 33.33333%!important
    }

    .gel-bp-l-eight-twelfths,.gel-bp-l-four-sixths,.gel-bp-l-six-ninths,.gel-bp-l-two-thirds {
        width: 66.66667%!important
    }

    .gel-bp-l-one-quarter,.gel-bp-l-three-twelfths,.gel-bp-l-two-eighths {
        width: 25%!important
    }

    .gel-bp-l-nine-twelfths,.gel-bp-l-six-eighths,.gel-bp-l-three-quarters {
        width: 75%!important
    }

    .gel-bp-l-one-fifth,.gel-bp-l-two-tenths {
        width: 20%!important
    }

    .gel-bp-l-four-tenths,.gel-bp-l-two-fifths {
        width: 40%!important
    }

    .gel-bp-l-six-tenths,.gel-bp-l-three-fifths {
        width: 60%!important
    }

    .gel-bp-l-eight-tenths,.gel-bp-l-four-fifths {
        width: 80%!important
    }

    .gel-bp-l-one-sixth,.gel-bp-l-two-twelfths {
        width: 16.66667%!important
    }

    .gel-bp-l-five-sixths,.gel-bp-l-ten-twelfths {
        width: 83.33333%!important
    }

    .gel-bp-l-one-eighth {
        width: 12.5%!important
    }

    .gel-bp-l-three-eighths {
        width: 37.5%!important
    }

    .gel-bp-l-five-eighths {
        width: 62.5%!important
    }

    .gel-bp-l-seven-eighths {
        width: 87.5%!important
    }

    .gel-bp-l-one-ninth {
        width: 11.11111%!important
    }

    .gel-bp-l-two-ninths {
        width: 22.22222%!important
    }

    .gel-bp-l-four-ninths {
        width: 44.44444%!important
    }

    .gel-bp-l-five-ninths {
        width: 55.55556%!important
    }

    .gel-bp-l-seven-ninths {
        width: 77.77778%!important
    }

    .gel-bp-l-eight-ninths {
        width: 88.88889%!important
    }

    .gel-bp-l-one-tenth {
        width: 10%!important
    }

    .gel-bp-l-three-tenths {
        width: 30%!important
    }

    .gel-bp-l-seven-tenths {
        width: 70%!important
    }

    .gel-bp-l-nine-tenths {
        width: 90%!important
    }

    .gel-bp-l-one-twelfth {
        width: 8.33333%!important
    }

    .gel-bp-l-five-twelfths {
        width: 41.66667%!important
    }

    .gel-bp-l-seven-twelfths {
        width: 58.33333%!important
    }

    .gel-bp-l-eleven-twelfths {
        width: 91.66667%!important
    }
}

@media (min-width:63em) {
    .gel-bp-xl-one-whole {
        width: 100%!important
    }

    .gel-bp-xl-five-tenths,.gel-bp-xl-four-eighths,.gel-bp-xl-one-half,.gel-bp-xl-six-twelfths,.gel-bp-xl-three-sixths,.gel-bp-xl-two-quarters {
        width: 50%!important
    }

    .gel-bp-xl-four-twelfths,.gel-bp-xl-one-third,.gel-bp-xl-three-ninths,.gel-bp-xl-two-sixths {
        width: 33.33333%!important
    }

    .gel-bp-xl-eight-twelfths,.gel-bp-xl-four-sixths,.gel-bp-xl-six-ninths,.gel-bp-xl-two-thirds {
        width: 66.66667%!important
    }

    .gel-bp-xl-one-quarter,.gel-bp-xl-three-twelfths,.gel-bp-xl-two-eighths {
        width: 25%!important
    }

    .gel-bp-xl-nine-twelfths,.gel-bp-xl-six-eighths,.gel-bp-xl-three-quarters {
        width: 75%!important
    }

    .gel-bp-xl-one-fifth,.gel-bp-xl-two-tenths {
        width: 20%!important
    }

    .gel-bp-xl-four-tenths,.gel-bp-xl-two-fifths {
        width: 40%!important
    }

    .gel-bp-xl-six-tenths,.gel-bp-xl-three-fifths {
        width: 60%!important
    }

    .gel-bp-xl-eight-tenths,.gel-bp-xl-four-fifths {
        width: 80%!important
    }

    .gel-bp-xl-one-sixth,.gel-bp-xl-two-twelfths {
        width: 16.66667%!important
    }

    .gel-bp-xl-five-sixths,.gel-bp-xl-ten-twelfths {
        width: 83.33333%!important
    }

    .gel-bp-xl-one-eighth {
        width: 12.5%!important
    }

    .gel-bp-xl-three-eighths {
        width: 37.5%!important
    }

    .gel-bp-xl-five-eighths {
        width: 62.5%!important
    }

    .gel-bp-xl-seven-eighths {
        width: 87.5%!important
    }

    .gel-bp-xl-one-ninth {
        width: 11.11111%!important
    }

    .gel-bp-xl-two-ninths {
        width: 22.22222%!important
    }

    .gel-bp-xl-four-ninths {
        width: 44.44444%!important
    }

    .gel-bp-xl-five-ninths {
        width: 55.55556%!important
    }

    .gel-bp-xl-seven-ninths {
        width: 77.77778%!important
    }

    .gel-bp-xl-eight-ninths {
        width: 88.88889%!important
    }

    .gel-bp-xl-one-tenth {
        width: 10%!important
    }

    .gel-bp-xl-three-tenths {
        width: 30%!important
    }

    .gel-bp-xl-seven-tenths {
        width: 70%!important
    }

    .gel-bp-xl-nine-tenths {
        width: 90%!important
    }

    .gel-bp-xl-one-twelfth {
        width: 8.33333%!important
    }

    .gel-bp-xl-five-twelfths {
        width: 41.66667%!important
    }

    .gel-bp-xl-seven-twelfths {
        width: 58.33333%!important
    }

    .gel-bp-xl-eleven-twelfths {
        width: 91.66667%!important
    }
}

@media (min-width:80em) {
    .gel-bp-xxl-one-whole {
        width: 100%!important
    }

    .gel-bp-xxl-five-tenths,.gel-bp-xxl-four-eighths,.gel-bp-xxl-one-half,.gel-bp-xxl-six-twelfths,.gel-bp-xxl-three-sixths,.gel-bp-xxl-two-quarters {
        width: 50%!important
    }

    .gel-bp-xxl-four-twelfths,.gel-bp-xxl-one-third,.gel-bp-xxl-three-ninths,.gel-bp-xxl-two-sixths {
        width: 33.33333%!important
    }

    .gel-bp-xxl-eight-twelfths,.gel-bp-xxl-four-sixths,.gel-bp-xxl-six-ninths,.gel-bp-xxl-two-thirds {
        width: 66.66667%!important
    }

    .gel-bp-xxl-one-quarter,.gel-bp-xxl-three-twelfths,.gel-bp-xxl-two-eighths {
        width: 25%!important
    }

    .gel-bp-xxl-nine-twelfths,.gel-bp-xxl-six-eighths,.gel-bp-xxl-three-quarters {
        width: 75%!important
    }

    .gel-bp-xxl-one-fifth,.gel-bp-xxl-two-tenths {
        width: 20%!important
    }

    .gel-bp-xxl-four-tenths,.gel-bp-xxl-two-fifths {
        width: 40%!important
    }

    .gel-bp-xxl-six-tenths,.gel-bp-xxl-three-fifths {
        width: 60%!important
    }

    .gel-bp-xxl-eight-tenths,.gel-bp-xxl-four-fifths {
        width: 80%!important
    }

    .gel-bp-xxl-one-sixth,.gel-bp-xxl-two-twelfths {
        width: 16.66667%!important
    }

    .gel-bp-xxl-five-sixths,.gel-bp-xxl-ten-twelfths {
        width: 83.33333%!important
    }

    .gel-bp-xxl-one-eighth {
        width: 12.5%!important
    }

    .gel-bp-xxl-three-eighths {
        width: 37.5%!important
    }

    .gel-bp-xxl-five-eighths {
        width: 62.5%!important
    }

    .gel-bp-xxl-seven-eighths {
        width: 87.5%!important
    }

    .gel-bp-xxl-one-ninth {
        width: 11.11111%!important
    }

    .gel-bp-xxl-two-ninths {
        width: 22.22222%!important
    }

    .gel-bp-xxl-four-ninths {
        width: 44.44444%!important
    }

    .gel-bp-xxl-five-ninths {
        width: 55.55556%!important
    }

    .gel-bp-xxl-seven-ninths {
        width: 77.77778%!important
    }

    .gel-bp-xxl-eight-ninths {
        width: 88.88889%!important
    }

    .gel-bp-xxl-one-tenth {
        width: 10%!important
    }

    .gel-bp-xxl-three-tenths {
        width: 30%!important
    }

    .gel-bp-xxl-seven-tenths {
        width: 70%!important
    }

    .gel-bp-xxl-nine-tenths {
        width: 90%!important
    }

    .gel-bp-xxl-one-twelfth {
        width: 8.33333%!important
    }

    .gel-bp-xxl-five-twelfths {
        width: 41.66667%!important
    }

    .gel-bp-xxl-seven-twelfths {
        width: 58.33333%!important
    }

    .gel-bp-xxl-eleven-twelfths {
        width: 91.66667%!important
    }
}

.hp-module .gel-minion {
    line-height: 1.0625rem
}

.hp-dialog__close-text,.hp-main-heading,.hp-slider-controls__btn-off-screen,.hp-tv-radio-asset__off-screen,.top-story__off-screen {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    font-size: 2px
}

.hp-tv-radio-asset__cta-icon:before,.top-story__cta:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    content: ' '
}

.hp-tv-radio-asset__cta-icon,.top-story__cta {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #FFF
}

.orb-js .hp-slider-container,.top-story__live-badge {
    position: relative;
    overflow: hidden
}

.hp-tv-radio-asset__cta-icon--video:before,.top-story__cta--video:before {
    background-image: url(../images/video-cta-black.svg)
}

.hp-tv-radio-asset__cta-icon--audio:before,.top-story__cta--audio:before {
    background-image: url(../images/audio-cta-black.svg)
}

.hp-tv-radio-asset__cta-icon--iplayer-radio:before,.top-story__cta--iplayer-radio:before {
    background-image: url(../images/iplayer-radio-black.svg)
}

.hp-tv-radio-asset__cta-icon--iplayer-video:before,.top-story__cta--iplayer-video:before {
    background-image: url(../images/iplayer-black.svg)
}

.top-story__live-badge:before {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    content: ' ';
    width: 100%;
    height: 100%
}

.top-story__live-badge {
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    font-size: 2px;
    display: inline-block
}

[lang=en-GB] .top-story__live-badge:before {
    background-image: url(../images/live-withpadding.svg)
}

[lang=gd] .top-story__live-badge:before {
    background-image: url(../images/live-withpadding--gd.svg)
}

[lang=cy] .top-story__live-badge:before {
    background-image: url(../images/live-withpadding--cy.svg)
}

[lang=en-GB] .gel-pica-bold .top-story__live-badge {
    width: 19px;
    height: 11px
}

[lang=en-GB] .gel-great-primer-bold .top-story__live-badge {
    width: 23px;
    height: 13px
}

@media (min-width:37.5em) {
    [lang=en-GB] .gel-pica-bold .top-story__live-badge {
        width: 23px;
        height: 13px
    }

    [lang=en-GB] .gel-great-primer-bold .top-story__live-badge {
        width: 30px;
        height: 17px
    }
}

[lang=en-GB] .gel-trafalgar-bold .top-story__live-badge {
    width: 28px;
    height: 16px
}

@media (min-width:37.5em) {
    [lang=en-GB] .gel-trafalgar-bold .top-story__live-badge {
        width: 0;
        height: 0
    }
}

[lang=en-GB] .gel-double-pica-bold .top-story__live-badge {
    width: 23px;
    height: 13px
}

@media (min-width:37.5em) {
    [lang=en-GB] .gel-double-pica-bold .top-story__live-badge {
        width: 32px;
        height: 18px
    }
}

[lang=gd] .gel-pica-bold .top-story__live-badge {
    width: 17px;
    height: 11px
}

[lang=gd] .gel-great-primer-bold .top-story__live-badge {
    width: 20px;
    height: 13px
}

@media (min-width:37.5em) {
    [lang=gd] .gel-pica-bold .top-story__live-badge {
        width: 20px;
        height: 13px
    }

    [lang=gd] .gel-great-primer-bold .top-story__live-badge {
        width: 26px;
        height: 17px
    }
}

[lang=gd] .gel-trafalgar-bold .top-story__live-badge {
    width: 25px;
    height: 16px
}

@media (min-width:37.5em) {
    [lang=gd] .gel-trafalgar-bold .top-story__live-badge {
        width: 0;
        height: 0
    }
}

[lang=gd] .gel-double-pica-bold .top-story__live-badge {
    width: 20px;
    height: 13px
}

@media (min-width:37.5em) {
    [lang=gd] .gel-double-pica-bold .top-story__live-badge {
        width: 28px;
        height: 18px
    }
}

[lang=cy] .gel-pica-bold .top-story__live-badge {
    width: 31px;
    height: 11px
}

[lang=cy] .gel-great-primer-bold .top-story__live-badge {
    width: 36px;
    height: 13px
}

@media (min-width:37.5em) {
    [lang=cy] .gel-pica-bold .top-story__live-badge {
        width: 36px;
        height: 13px
    }

    [lang=cy] .gel-great-primer-bold .top-story__live-badge {
        width: 48px;
        height: 17px
    }
}

[lang=cy] .gel-trafalgar-bold .top-story__live-badge {
    width: 45px;
    height: 16px
}

@media (min-width:37.5em) {
    [lang=cy] .gel-trafalgar-bold .top-story__live-badge {
        width: 0;
        height: 0
    }
}

[lang=cy] .gel-double-pica-bold .top-story__live-badge {
    width: 36px;
    height: 13px
}

@media (min-width:37.5em) {
    [lang=cy] .gel-double-pica-bold .top-story__live-badge {
        width: 50px;
        height: 18px
    }
}

.hp-dismissible-nations-links__title {
    margin-top: 0;
    margin-bottom: 16px
}

.orb-js .hp-slider {
    padding-bottom: 32px
}

.hp-slider {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0,0,0);
    width: 100%
}

.hp-slider__panels {
    box-sizing: border-box
}

.hp-slider__panel {
    float: left;
    box-sizing: border-box
}

.hp-collection-preview__title-text::after,.hp-tv-radio__title-link:after,.top-stories__link-title .top-stories__title-text:after {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    content: ' ';
    margin-left: 4px;
    width: 12px;
    height: 12px
}

@media (min-width:37.5em) {
    .hp-collection-preview__title-text::after,.hp-tv-radio__title-link:after,.top-stories__link-title .top-stories__title-text:after {
        margin-left: 8px;
        width: 14px;
        height: 14px
    }
}

.top-stories__link-title .top-stories__title-text:after {
    background-image: url(../images/right-arrow--grey.svg)
}

.hp-collection-preview__title-text::after {
    background-image: url(../images/right-arrow--soft-blue.svg)
}

.top-stories__link-title:focus .top-stories__title-text:after,.top-stories__link-title:hover .top-stories__title-text:after {
    background-image: url(../images/right-arrow--dark-blue.svg)
}

.hp-tv-radio__title-link:active:after,.hp-tv-radio__title-link:focus:after,.hp-tv-radio__title-link:hover:after {
    background-image: url(../images/right-arrow--white.svg)
}

.hp-collection-preview__title-text:hover::after {
    background-image: url(../images/right-arrow--light-blue.svg)
}

.hp-tv-radio__title-link:after {
    background-image: url(../images/right-arrow--pale-blue.svg)
}

.hp-badge {
    display: inline-block;
    padding-right: 4px;
    padding-left: 4px
}

.hp-badge--breaking-news-red {
    background-color: #BB1919
}

.hp-badge--mybbc-blue {
    background-color: #007BC7
}

.hp-badge--black {
    background-color: #000
}

.hp-badge--red {
    background-color: #D60000
}

.hp-badge--blue {
    background-color: #0087FF
}

.hp-badge--white-text {
    color: #FFF
}

.hp-badge--black-text {
    color: #000
}

.hp-accessibility-label {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.hp-module,.hp-modules,.hp-top-modules {
    position: relative
}

@font-face {
    font-family:gel-icons;src:url(../fonts/GELIconsFull-Book.eot);src:url(../fonts/GELIconsFull-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/GELIconsFull-Book.woff2) format("woff2"),url(../fonts/GELIconsFull-Book.woff) format("woff"),url(../fonts/GELIconsFull-Book.ttf) format("truetype"),url(../fonts/GELIconsFull-Book.svg#GELIconsFull-Book) format("svg")
}

@font-face {
    font-family:gill-sans-light;src:url(../fonts/GillSansW01Light.eot);src:url(../fonts/GillSansW01Light.eot?#iefix) format("embedded-opentype"),url(../fonts/GillSansW01Light.woff2) format("woff2"),url(../fonts/GillSansW01Light.woff) format("woff"),url(../fonts/GillSansW01Light.ttf) format("truetype"),url(../fonts/GillSansW01Light.svg#GELIconsFull-Book) format("svg")
}

.hp-gill-sans-light {
    font-family: gill-sans-light;
    font-size: 1.875rem;
    font-weight: 400
}

.icon {
    background: 0 0;
    font-family: gel-icons
}

.icon-quote:before {
    content: '\F01F'
}

.hp-ie-touch-disable {
    -ms-touch-action: none;
    touch-action: none
}

.hp-main-heading {
    margin: 0;
    height: 0
}

.hp-modules {
    min-width: 300px
}

.hp-modules a {
    text-decoration: none
}

.hp-module {
    overflow: hidden
}

@media (min-width:63em) {
    .hp-module>div:not(.hp-module__container) {
        margin: 0 auto;
        max-width: 1008px;
        box-sizing: border-box
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-module>div:not(.hp-module__container) {
        max-width: 1280px
    }
}

.error-container {
    background-color: #F3F3EE;
    padding: 40px 0
}

.error {
    margin: auto;
    background-color: #FFF;
    padding: 24px;
    width: auto;
    max-width: 304px;
    font-size: 12pt
}

.error h1:before,.no-feeds .no-feeds-title:before {
    width: 32px;
    content: '\F011'
}

.error h1 {
    font-size: 16px;
    line-height: 22px;
    display: block;
    margin: 0;
    font-weight: 700
}

.error h1:before {
    font-size: 28px;
    line-height: 32px;
    display: inline-block;
    font-family: gel-icons
}

.error h2 {
    font-size: 1em;
    font-weight: 700
}

.error ul {
    margin-bottom: 16px;
    padding: 0
}

.error ul li {
    list-style-position: outside;
    margin-left: 1em
}

.error a:link,.error a:visited {
    text-decoration: none;
    color: #0086D1;
    font-weight: 700
}

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

@media screen and (min-width:400px) {
    .error {
        font-size: 16px;
        line-height: 22px;
        max-width: 367px
    }

    .error h1 {
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (min-width:600px) {
    .error {
        font-size: 18px;
        line-height: 24px;
        max-width: 569px
    }

    .error h1 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 42px
    }

    .error p {
        margin-bottom: 30px
    }

    .error .link {
        margin-bottom: 16px
    }
}

@media screen and (min-width:770px) {
    .error {
        max-width: 645px
    }
}

@media screen and (min-width:1008px) {
    .error {
        max-width: 676px
    }
}

.no-feeds-container {
    background-color: #F3F3EE;
    padding: 40px 0
}

.no-feeds {
    margin: auto;
    background-color: #FFF;
    padding: 24px;
    max-width: 304px;
    line-height: 16px;
    font-family: Arial;
    font-size: 14px
}

.no-feeds .no-feeds-title {
    font-size: 16px;
    line-height: 22px;
    display: block;
    margin: 0;
    font-weight: 700
}

.no-feeds .no-feeds-title:before {
    font-size: 28px;
    line-height: 32px;
    display: inline-block;
    font-family: gel-icons
}

.hp-obit__image-wrapper,.hp-obit__link,.hp-obit__links-wrapper,.hp-obit__side-column,.hp-obit__text-wrapper {
    width: 100%
}

.hp-dialog:before,.hp-module--removed::before {
    content: ' ';
    top: 0;
    right: 0
}

.no-feeds a,.no-feeds a:visited {
    text-decoration: none;
    color: #0086D1;
    font-weight: 700
}

.no-feeds a:hover,.no-feeds a:visited:hover {
    text-decoration: underline
}

.no-feeds p {
    margin-top: 28px;
    margin-bottom: 28px
}

.no-feeds nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.no-feeds nav li {
    display: inline-block;
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px;
    border-right: 1px solid #CCC;
    padding-right: 8px
}

.no-feeds nav li:last-of-type {
    border-right: 0
}

@media screen and (min-width:400px) {
    .no-feeds {
        font-size: 16px;
        line-height: 22px;
        max-width: 367px
    }

    .no-feeds .no-feeds-title {
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (min-width:600px) {
    .no-feeds {
        font-size: 18px;
        line-height: 24px;
        max-width: 569px
    }

    .no-feeds .no-feeds-title {
        font-size: 24px;
        line-height: 28px
    }

    .no-feeds p {
        margin-top: 42px;
        margin-bottom: 42px
    }
}

@media screen and (min-width:770px) {
    .no-feeds {
        max-width: 645px
    }
}

@media screen and (min-width:1008px) {
    .no-feeds {
        max-width: 676px
    }
}

.hp-obit {
    background-color: #25252C;
    box-sizing: border-box
}

.hp-obit *,.hp-obit:after,.hp-obit:before {
    box-sizing: inherit
}

.hp-obit__today {
    margin-bottom: 18px;
    text-align: center
}

.hp-obit-container {
    padding-top: 16px;
    padding-bottom: 32px
}

.hp-obit__lifespan,.hp-obit__name,.hp-obit__title {
    margin-top: 0;
    color: #FFF
}

.hp-obit__content,.hp-obit__today {
    margin-top: 0;
    color: #ADADAD
}

.hp-obit__last-updated {
    margin-top: 24px;
    margin-bottom: 0;
    color: #ADADAD
}

.hp-obit__name {
    margin-bottom: 4px;
    text-align: center
}

.hp-obit__lifespan {
    display: block;
    margin-bottom: 24px;
    text-align: center;
    font-family: Georgia,serif;
    font-size: 22px;
    font-style: italic
}

.hp-obit__image {
    display: block;
    margin-bottom: 16px;
    width: 100%
}

.hp-obit__links {
    margin: 0;
    border-top: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
    padding: 0;
    list-style-type: none
}

.hp-obit__title {
    margin-bottom: 8px
}

.hp-obit__content {
    margin-bottom: 24px
}

.hp-obit__link-wrapper {
    display: block;
    height: 44px;
    line-height: 44px;
    list-style-type: none
}

.hp-obit__link {
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    color: #FFF
}

.hp-obit__link:focus,.hp-obit__link:hover {
    color: #ADADAD
}

@media (min-width:48em) {
    .hp-obit-container {
        padding-bottom: 40px
    }

    .hp-obit__lifespan {
        margin-bottom: 32px
    }

    .hp-obit__image {
        margin-bottom: 24px
    }

    .hp-obit__side-column {
        float: left;
        width: 58.33333%
    }

    .hp-obit__links {
        float: left;
        margin-left: 8.33333%;
        border: 0
    }

    .hp-obit__links:after,.hp-obit__links:before {
        display: block;
        border-top: #ADADAD 2px solid;
        width: 48px;
        height: 0;
        content: ' '
    }

    .hp-obit-text-column {
        display: inline-block;
        vertical-align: top
    }

    .hp-obit__text-wrapper {
        width: 58.33333%
    }

    .hp-obit__links-wrapper {
        margin-bottom: -16px;
        margin-left: 8.33333%;
        width: 33.33333%
    }

    .hp-obit__last-updated {
        margin-top: 0
    }
}

@media (min-width:58.75em) {
    .hp-obit__image-wrapper {
        float: right;
        width: 66.66667%
    }

    .hp-obit-text-column {
        width: 33.33333%
    }

    .hp-obit__text-wrapper {
        width: 100%
    }

    .hp-obit__links-wrapper {
        margin-bottom: 24px;
        margin-left: 0;
        width: 100%
    }

    .hp-obit__links {
        margin: 0
    }
}

@media (min-width:63em) {
    .hp-obit__image {
        margin-bottom: -16px
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-obit-container>.gel-wrap {
        max-width: 1280px
    }

    .b-pw-1280 .hp-obit__image-wrapper {
        margin-right: 8.33333%;
        width: 58.33333%
    }

    .b-pw-1280 .hp-obit-text-column {
        margin-left: 8.33333%;
        width: 25%
    }

    .b-pw-1280 .hp-obit__last-updated-wrapper {
        margin-right: 8.33333%;
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

.hp-notification {
    position: fixed;
    top: -44px;
    right: 0;
    left: 0;
    transition: top .2s ease-in-out,opacity .2s ease-in-out;
    opacity: 0;
    z-index: 888;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    background-color: #007BC7;
    padding-top: 14px;
    padding-bottom: 14px;
    overflow: hidden;
    color: #FFF
}

.hp-notification--orb-in-view {
    position: absolute
}

.hp-notification--active {
    top: 0;
    opacity: 1
}

.hp-notification--inactive {
    display: none
}

.hp-notification--error {
    background-color: #E4134F
}

.hp-notification-inner-container {
    position: relative;
    margin: 0 auto;
    padding: 0 8px;
    max-width: 1008px;
    box-sizing: border-box
}

.hp-notification__text {
    display: block;
    padding-right: 44px;
    box-sizing: border-box
}

.hp-notification__dismiss-button {
    position: absolute;
    top: -14px;
    right: 8px;
    opacity: .7;
    border: 0;
    background: url(../images/cross_light.svg) 50% 60% no-repeat;
    background-size: 12px 18px;
    cursor: pointer;
    padding: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    text-indent: 44px;
    white-space: nowrap;
    color: #FFF
}

.hp-notification__dismiss-button:active,.hp-notification__dismiss-button:focus,.hp-notification__dismiss-button:hover {
    opacity: 1;
    background-image: url(../images/cross_light_hover.svg)
}

@media (min-width:25em) {
    .hp-notification-inner-container {
        padding: 0 16px
    }

    .hp-notification__dismiss-button {
        right: 16px;
        background-size: 14px 21px
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-notification-inner-container {
        max-width: 1280px
    }
}

.hp-permanent-links {
    position: relative;
    margin-left: 8px;
    padding: 16px 0 0
}

.hp-permanent-links__title {
    display: block;
    margin: 0 0 16px;
    font-weight: 400
}

.hp-permanent-links__nav {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.hp-permanent-links__links {
    margin: 0 0 16px;
    padding: 0
}

.hp-permanent-links__link-name {
    padding: 16px 0
}

.hp-permanent-links__link {
    color: #767676
}

.hp-permanent-links__link:focus,.hp-permanent-links__link:hover {
    text-decoration: underline;
    color: #0073BB
}

.hp-permanent-links__item {
    display: inline-block;
    margin-right: 16px;
    width: auto;
    vertical-align: top
}

.hp-dialog,.hp-dialog__wrapper {
    width: 100%;
    box-sizing: border-box
}

.hp-permanent-links__item:last-child {
    padding-right: 0
}

@media (min-width:25em) {
    .hp-permanent-links {
        margin: 0;
        padding-right: 16px;
        padding-left: 16px
    }

    .hp-permanent-links__item {
        margin-right: 32px
    }
}

@media (min-width:37.5em) {
    .hp-obit__lifespan {
        line-height: 24px;
        font-size: 24px
    }

    .hp-permanent-links__title {
        display: inline-block
    }

    .hp-permanent-links__item {
        margin-right: 0;
        margin-left: 32px
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes switchTvRadioBackground {
    0% {
        background-color: #134461
    }

    100% {
        background-color: #F3F3EE
    }
}

@keyframes switchTvRadioBackground {
    0% {
        background-color: #134461
    }

    100% {
        background-color: #F3F3EE
    }
}

@-webkit-keyframes removeBackgroundImage {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes removeBackgroundImage {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.hp-module--removed {
    position: relative;
    box-sizing: border-box
}

.cssanimations .hp-module--removed.tv-radio-container,.cssanimations .hp-module--removed.tv-radio-recommendations-container {
    -webkit-animation: switchTvRadioBackground .6s 0s forwards;
    animation: switchTvRadioBackground .6s 0s forwards
}

.hp-module .hp-module-banner--animate-fade-out {
    margin: 0;
    padding: 0;
    height: 0
}

.cssanimations .hp-module .hp-module-banner--animate-fade-out {
    opacity: 0
}

.cssanimations .hp-module-banner--animate-fade-in {
    -webkit-animation: fadeIn .6s .2s forwards;
    animation: fadeIn .6s .2s forwards;
    opacity: 0
}

.hp-module--removed::before {
    position: absolute;
    left: 0;
    background-color: #F3F3EE;
    height: 100%
}

.cssanimations .hp-module--removed::before {
    -webkit-animation: removeBackgroundImage .6s 0s forwards;
    animation: removeBackgroundImage .6s 0s forwards;
    opacity: 0
}

.hp-module-banner__wrapper:not(.hp-module__container) {
    position: relative;
    z-index: 10;
    margin: 0;
    background: #FFF;
    box-sizing: border-box
}

.hp-module>.hp-module-banner__wrapper:not(.hp-module__container) {
    max-width: 100%
}

.hp-module-banner {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 8px;
    max-width: 1008px
}

.hp-module-banner__box {
    position: relative;
    box-sizing: border-box
}

.hp-module-banner--upsell .hp-module-banner__title {
    margin: 0 0 12px;
    line-height: 28px;
    color: #767676;
    font-size: 24px
}

.hp-module-banner--upsell .hp-module-banner__sub-title {
    margin: 0;
    color: #1C1C1C
}

.hp-module-banner--upsell .hp-module-banner__sub-title-link {
    color: #007BC7
}

.hp-module-banner--upsell .hp-module-banner__sub-title-link:hover {
    text-decoration: underline;
    color: #1D4482
}

@media (min-width:25em) {
    .hp-module-banner {
        padding: 16px
    }
}

@media (min-width:48em) {
    .hp-module-banner--upsell .hp-module-banner__title {
        font-size: 28px
    }
}

@media (max-width:62.99em) {
    .hp-module--removed>.hp-module__content {
        margin-right: 0;
        margin-left: 0;
        padding: 0;
        max-width: 100%
    }
}

@media (min-width:63em) {
    .hp-module>.hp-module-banner__wrapper {
        margin: 0;
        max-width: 100%
    }

    .hp-module--duo .hp-module-banner__wrapper {
        display: table;
        margin-top: 40px;
        width: 100%
    }

    .hp-module--duo .hp-module-banner--upsell .hp-module-banner__title {
        line-height: 40px;
        font-size: 36px
    }

    .hp-module--duo .hp-module-banner__wrapper .gel-layout {
        display: table-cell;
        vertical-align: middle
    }

    .hp-module--duo-all-thumbnails .hp-module-banner__wrapper {
        height: 320px
    }

    .hp-module--duo-default .hp-module-banner__wrapper {
        height: 347px
    }

    .hp-module--duo .hp-module-banner__wrapper .hp-module-banner {
        padding: 0 16px 0 0
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-module-banner {
        max-width: 1280px
    }
}

.hp-dialog {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

.hp-dialog:before {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .3;
    background-color: #000
}

.hp-js-dialog-open .hp-dialog {
    display: block
}

.hp-dialog__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 8px;
    max-width: 496px
}

.hp-dialog__box {
    position: relative;
    padding: 16px 46px 16px 16px;
    box-sizing: border-box
}

.hp-dialog__close {
    position: absolute;
    top: 7px;
    right: 1px;
    opacity: .7;
    border: 0;
    background: url(../images/cross_light.svg) 50% 50% no-repeat;
    background-size: 14px;
    padding: 0;
    width: 44px;
    height: 44px
}

.hp-dialog__close:active,.hp-dialog__close:focus,.hp-dialog__close:hover {
    opacity: 1;
    background-image: url(../images/cross_light_hover.svg)
}

@media (min-width:25em) {
    .hp-dialog__wrapper {
        padding: 16px;
        max-width: 512px
    }
}

.hp-dialog--upsell .hp-dialog__box {
    background-color: #007BC7;
    color: #FFF
}

.hp-dialog--upsell__title {
    margin-top: 0;
    margin-bottom: 16px;
    font-family: gill-sans-light;
    font-weight: 400
}

.hp-dialog--upsell__list {
    margin-top: 0;
    margin-bottom: 32px;
    padding-left: 16px
}

@media (min-width:37.5em) {
    .hp-dialog--upsell__list {
        margin-bottom: 40px
    }
}

.hp-bbc-id-sign-in-controls {
    margin: 0;
    line-height: 1rem;
    font-size: 1rem
}

.hp-bbc-id-sign-in-controls__btn {
    display: inline-block;
    position: relative;
    background-color: #FFF;
    color: #1379BE;
    font-weight: 700;
    padding: 8px 8px 8px 32px
}

.hp-bbc-id-sign-in-controls__btn:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/bbc-id-sign-in.svg);
    width: 32px;
    content: ' '
}

.hp-bbc-id-sign-in-controls__btn,.hp-bbc-id-sign-in-controls__text-link {
    text-decoration: none
}

.hp-bbc-id-sign-in-controls__btn:hover,.hp-bbc-id-sign-in-controls__text-link:hover {
    text-decoration: underline
}

.hp-bbc-id-sign-in-controls__text-link {
    color: #FFF;
    font-weight: 700
}

.hp-bbc-id-sign-in-controls__hidden-text {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    text-indent: 5px
}

.hp-in-page-controls {
    position: absolute;
    top: 4px;
    right: 0;
    max-width: 1008px
}

.hp-in-page-controls__remove {
    opacity: .7;
    border: 0;
    background: url(../images/cross_dark.svg) 50% 60% no-repeat;
    background-size: 12px 18px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    overflow: hidden;
    text-indent: 44px;
    color: transparent
}

.hp-in-page-controls__remove:active,.hp-in-page-controls__remove:focus,.hp-in-page-controls__remove:hover {
    opacity: 1;
    background-image: url(../images/cross_dark_hover.svg)
}

.tv-radio--has-in-page-controls .hp-in-page-controls__remove {
    background-image: url(../images/cross_light.svg)
}

.tv-radio--has-in-page-controls .hp-in-page-controls__remove:active,.tv-radio--has-in-page-controls .hp-in-page-controls__remove:focus,.tv-radio--has-in-page-controls .hp-in-page-controls__remove:hover {
    background-image: url(../images/cross_light_hover.svg)
}

@media (max-width:24.99em) {
    .hp-in-page-controls__remove {
        background-position: 24px 60%
    }
}

@media (min-width:48em) {
    .hp-module--dark-theme .hp-in-page-controls__remove {
        background-image: url(../images/cross_light.svg)
    }

    .hp-module--dark-theme .hp-in-page-controls__remove:active,.hp-module--dark-theme .hp-in-page-controls__remove:focus,.hp-module--dark-theme .hp-in-page-controls__remove:hover {
        background-image: url(../images/cross_light_hover.svg)
    }
}

@media (min-width:63em) {
    .hp-module>.hp-in-page-controls:not(.hp-module__container) {
        right: 50%;
        margin-right: -504px
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-module>.hp-in-page-controls:not(.hp-module__container) {
        margin-right: -640px
    }
}

.hp-obit__content-container,.hp-settings__location-wrapper .hp-settings__location-buttons,.hp-toggle-wrapper,.hp-tv-radio-slider__panels {
    zoom: 1
}

.hp-obit__content-container:after,.hp-obit__content-container:before,.hp-settings__location-wrapper .hp-settings__location-buttons:after,.hp-settings__location-wrapper .hp-settings__location-buttons:before,.hp-toggle-wrapper:after,.hp-toggle-wrapper:before,.hp-tv-radio-slider__panels:after,.hp-tv-radio-slider__panels:before {
    display: table;
    content: ''
}

.hp-obit__content-container:after,.hp-settings__location-wrapper .hp-settings__location-buttons:after,.hp-toggle-wrapper:after,.hp-tv-radio-slider__panels:after {
    clear: both
}

.gel-canon {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 32px;
    line-height: 2rem
}

@media (min-width:20em) {
    .gel-canon {
        font-size: 32px;
        font-size: 2rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media (min-width:37.5em) {
    .hp-in-page-controls {
        top: 6px
    }

    .hp-in-page-controls__remove {
        background-position-y: 50%;
        background-size: 14px 21px
    }

    .gel-canon {
        font-size: 52px;
        font-size: 3.25rem;
        line-height: 56px;
        line-height: 3.5rem
    }

    .feature-no-touch .gel-canon {
        font-size: 44px;
        font-size: 2.75rem;
        line-height: 48px;
        line-height: 3rem
    }
}

.gel-canon-bold {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 700;
    letter-spacing: -1px;
    letter-spacing: -.0625rem
}

@media (min-width:20em) {
    .gel-canon-bold {
        font-size: 32px;
        font-size: 2rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media (min-width:37.5em) {
    .gel-canon-bold {
        font-size: 52px;
        font-size: 3.25rem;
        line-height: 56px;
        line-height: 3.5rem
    }

    .feature-no-touch .gel-canon-bold {
        font-size: 44px;
        font-size: 2.75rem;
        line-height: 48px;
        line-height: 3rem
    }
}

.gel-trafalgar {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media (min-width:20em) {
    .gel-trafalgar {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 1.75rem
    }
}

@media (min-width:37.5em) {
    .gel-trafalgar {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 40px;
        line-height: 2.5rem
    }

    .feature-no-touch .gel-trafalgar {
        font-size: 32px;
        font-size: 2rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

.gel-trafalgar-bold {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 700;
    letter-spacing: -1px;
    letter-spacing: -.0625rem
}

@media (min-width:20em) {
    .gel-trafalgar-bold {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 1.75rem
    }
}

@media (min-width:37.5em) {
    .gel-trafalgar-bold {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 40px;
        line-height: 2.5rem
    }

    .feature-no-touch .gel-trafalgar-bold {
        font-size: 32px;
        font-size: 2rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

.gel-double-pica {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media (min-width:37.5em) {
    .gel-double-pica {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 30px;
        line-height: 1.875rem
    }

    .feature-no-touch .gel-double-pica {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 1.75rem
    }
}

.gel-double-pica-bold {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 700;
    letter-spacing: -1px;
    letter-spacing: -.0625rem
}

@media (min-width:37.5em) {
    .gel-double-pica-bold {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 30px;
        line-height: 1.875rem
    }

    .feature-no-touch .gel-double-pica-bold {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 1.75rem
    }
}

.gel-great-primer {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem
}

@media (min-width:37.5em) {
    .gel-great-primer {
        font-size: 21px;
        font-size: 1.3125rem;
        line-height: 24px;
        line-height: 1.5rem
    }

    .feature-no-touch .gel-great-primer {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.gel-great-primer-bold {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-weight: 700
}

@media (min-width:37.5em) {
    .gel-great-primer-bold {
        font-size: 21px;
        font-size: 1.3125rem;
        line-height: 24px;
        line-height: 1.5rem
    }

    .feature-no-touch .gel-great-primer-bold {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.gel-pica {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 20px;
    line-height: 1.25rem
}

@media (min-width:20em) {
    .gel-great-primer-bold {
        letter-spacing: -1px;
        letter-spacing: -.0625rem
    }

    .gel-pica {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

@media (min-width:37.5em) {
    .gel-pica {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem
    }

    .feature-no-touch .gel-pica {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.gel-pica-bold {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 700
}

@media (min-width:20em) {
    .gel-pica-bold {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

@media (min-width:37.5em) {
    .gel-pica-bold {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem
    }

    .feature-no-touch .gel-pica-bold {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.gel-long-primer {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 18px;
    line-height: 1.125rem
}

@media (min-width:37.5em) {
    .gel-long-primer {
        line-height: 20px;
        line-height: 1.25rem
    }

    .feature-no-touch .gel-long-primer {
        font-size: 14px;
        font-size: .875rem;
        line-height: 18px;
        line-height: 1.125rem
    }
}

.gel-long-primer-bold {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-weight: 700
}

@media (min-width:37.5em) {
    .gel-long-primer-bold {
        line-height: 20px;
        line-height: 1.25rem
    }

    .feature-no-touch .gel-long-primer-bold {
        font-size: 14px;
        font-size: .875rem;
        line-height: 18px;
        line-height: 1.125rem
    }
}

.gel-brevier {
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem
}

@media (min-width:20em) {
    .gel-brevier {
        line-height: 18px;
        line-height: 1.125rem
    }
}

@media (min-width:37.5em) {
    .feature-no-touch .gel-brevier {
        font-size: 13px;
        font-size: .8125rem;
        line-height: 16px;
        line-height: 1rem
    }
}

.gel-brevier-bold {
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem;
    font-weight: 700
}

@media (min-width:20em) {
    .gel-brevier-bold {
        line-height: 18px;
        line-height: 1.125rem
    }
}

@media (min-width:37.5em) {
    .feature-no-touch .gel-brevier-bold {
        font-size: 13px;
        font-size: .8125rem;
        line-height: 16px;
        line-height: 1rem
    }
}

.gel-minion {
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem
}

@media (min-width:37.5em) {
    .gel-minion {
        font-size: 13px;
        font-size: .8125rem
    }

    .feature-no-touch .gel-minion {
        font-size: 12px;
        font-size: .75rem
    }
}

.gel-minion-bold {
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem;
    font-weight: 700
}

@media (min-width:37.5em) {
    .gel-minion-bold {
        font-size: 13px;
        font-size: .8125rem
    }

    .feature-no-touch .gel-minion-bold {
        font-size: 12px;
        font-size: .75rem
    }
}

.gel-body-copy {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 20px;
    line-height: 1.25rem
}

@media (min-width:20em) {
    .gel-body-copy {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

@media (min-width:37.5em) {
    .gel-body-copy {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px;
        line-height: 1.5rem
    }

    .feature-no-touch .gel-body-copy {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.weather-icon {
    position: absolute;
    left: 0
}

.icon-cloud,.icon-drizzle,.icon-hail,.icon-snow,.icon-snow-double {
    color: #CECECE
}

.icon-cloud:before {
    content: '\F402'
}

.icon-drizzle:before {
    content: '\F40D'
}

.icon-hail:before {
    content: '\F40B'
}

.icon-snow:before {
    content: '\F408'
}

.icon-snow-double:before {
    content: '\F409'
}

.icon-cloud-dark,.icon-cloud-dark-open,.icon-fog,.icon-hazy,.icon-mist {
    color: #000
}

.icon-cloud-dark:before {
    content: '\F402'
}

.icon-cloud-dark-open:before {
    content: '\F403'
}

.icon-fog:before {
    content: '\F40E'
}

.icon-hazy:before {
    content: '\F40F'
}

.icon-mist:before {
    content: '\F410'
}

.icon-moon,.icon-moon-rays {
    color: #AEAEAE
}

.icon-moon:before {
    content: '\F400'
}

.icon-moon-rays:before {
    content: '\F405'
}

.icon-rain,.icon-rain-double-drop,.icon-rain-drop {
    color: #5896CC
}

.icon-rain:before {
    content: '\F40A'
}

.icon-rain-drop:before {
    content: '\F406'
}

.icon-rain-double-drop:before {
    content: '\F407'
}

.icon-sun,.icon-sun-rays,.icon-thunder {
    color: #F8D34B
}

.icon-sun:before {
    content: '\F401'
}

.icon-sun-rays:before {
    content: '\F404'
}

.icon-thunder:before {
    content: '\F40C'
}

.icon-sand-storm,.icon-tornado {
    color: #000
}

.icon-sand-storm:before {
    content: '\F411'
}

.icon-tornado:before {
    content: '\F412'
}

.icon-locate,.icon-search {
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    color: #767676;
    font-family: gel-icons
}

.icon-search:before {
    line-height: 36px;
    font-size: 31px;
    content: '\E613'
}

.icon-locate:before {
    line-height: 36px;
    font-size: 31px;
    content: '\E600'
}

.ls-ui-comp-geolocation .ls-ui-comp-geolocation-icon {
    background-color: #0086D1
}

@font-face {
    font-family:gel-icons;src:url(../fonts/GELIconsFull-Book.eot);src:url(../fonts/GELIconsFull-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/GELIconsFull-Book.woff2) format("woff2"),url(../fonts/GELIconsFull-Book.woff) format("woff"),url(../fonts/GELIconsFull-Book.ttf) format("truetype"),url(../fonts/GELIconsFull-Book.svg#GELIconsFull-Book) format("svg")
}

.weather-inner-container {
    box-sizing: border-box;
    margin: 0 auto;
    min-width: 304px;
    text-align: right
}

.weather-inner-container .weather {
    display: inline-block
}

.weather-inner-container--loading {
    padding: 0
}

.js .weather-inner-container:not(.weather-inner-container--loading):not(.weather-inner-container--locked) {
    padding: 8px 8px 0
}

.js .weather-inner-container--locked {
    padding: 16px 0 0
}

.js .weather-inner-container--error {
    padding: 16px 16px 0 0
}

.weather__hidden {
    margin: 0;
    height: 0;
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.sign-in-container,.sign-in-text,.weather__sign-in-icon {
    display: inline-block;
    vertical-align: top
}

.weather-inner-container--locked {
    height: 64px
}

.weather__sign-in-container {
    position: relative;
    padding: 0 8px
}

.sign-in-container {
    box-sizing: border-box;
    width: 320px;
    color: #767676
}

.sign-in-text {
    box-sizing: border-box;
    margin: 0;
    padding-right: 4px;
    width: 264px;
    text-align: left
}

.weather__sign-in-icon {
    position: relative;
    margin-top: -2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: gel-icons;
    font-size: 40px
}

.sign-in-text__link {
    text-decoration: underline;
    color: #09C
}

.sign-in-text__link:focus,.sign-in-text__link:hover {
    text-decoration: underline;
    color: #1D4482
}

.weather__sign-in-accessibility-text {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.weather__rendered-link {
    display: block;
    min-width: 304px
}

.weather__location-title-link:focus,.weather__location-title-link:hover,.weather__location-title-link:link,.weather__location-title-link:visited,.weather__rendered-link:focus,.weather__rendered-link:hover,.weather__rendered-link:link,.weather__rendered-link:visited {
    text-decoration: none;
    color: inherit
}

.weather__link:link,.weather__link:visited {
    text-decoration: none;
    color: #0086D1
}

.weather__link:focus,.weather__link:hover {
    text-decoration: underline
}

.weather--error {
    line-height: 44px
}

.weather--error__message {
    display: inline-table;
    margin: 0;
    width: 304px;
    text-align: left;
    text-transform: none;
    line-height: 18px;
    color: #1C1C1C
}

.weather--error__message:before {
    line-height: 32px;
    display: table-cell;
    margin: 0 16px 0 0;
    background: 0 0;
    width: 40px;
    height: 32px;
    vertical-align: top;
    font-family: gel-icons;
    font-size: 38px;
    content: '\F011'
}

.weather-block,.weather-block:first-of-type .weather-block__day,.weather-block:first-of-type .weather-block__forecast-container {
    display: inline-block
}

.weather__location-title {
    display: inline-block;
    margin: 0 8px;
    vertical-align: bottom;
    text-align: right;
    color: #767676;
    font-weight: 400
}

.weather__location-title-link {
    line-height: 44px
}

.weather-block__forecast-container {
    min-width: 40px
}

.forecast__temperature {
    margin-top: 0;
    margin-bottom: 4px;
    line-height: 1em
}

.forecast__temperature:last-child {
    margin-bottom: 0
}

.forecast__min-night-temp,.forecast__night-temp {
    color: #767676
}

.forecast__min-night-temp {
    margin-bottom: 4px;
    text-transform: none
}

.weather-block {
    margin-right: 8px;
    margin-bottom: 4px;
    width: 84px;
    vertical-align: top;
    text-align: left;
    box-sizing: border-box
}

.weather-block__day {
    margin: 0 0 8px;
    line-height: 1em;
    color: #1C1C1C
}

.weather-block__icon-container {
    position: relative;
    float: left;
    margin: 0 8px 0 0;
    width: 32px;
    height: 32px;
    line-height: 1em;
    font-family: gel-icons;
    font-size: 32px
}

.weather-block:first-of-type {
    margin-right: 8px;
    border-right: #CBCBCB 1px solid;
    width: 116px
}

.weather-block:first-of-type .weather-block__icon-container {
    float: left;
    margin-right: 8px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 48px
}

.weather-block:last-of-type {
    margin-right: 0
}

@media (max-width:24.99em) {
    .weather__location-title-link {
        display: block;
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width:25em) {
    .js .weather-inner-container:not(.weather-inner-container--loading):not(.weather-inner-container--locked) {
        padding: 16px 16px 0
    }

    .weather__sign-in-container {
        right: 16px;
        padding-right: 0
    }

    .weather-block:first-of-type {
        width: 128px
    }
}

@media (min-width:37.5em) {
    .weather-container {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }

    .weather,.weather__rendered-link {
        max-width: 320px
    }

    .weather__rendered-link:focus .weather-block__day,.weather__rendered-link:hover .weather-block__day {
        text-decoration: underline
    }

    .weather__sign-in-container {
        padding-top: 12px;
        padding-left: 0
    }

    .weather-inner-container--locked {
        height: 88px
    }

    .js .weather-inner-container--locked {
        padding: 16px 0 0 8px
    }

    .weather--error {
        padding-right: 0;
        padding-left: 0
    }
}

.hp-ts--sport .top-story__live-badge {
    background-color: #0087FF
}

.hp-ts--news .top-story__live-badge {
    background-color: #D60000
}

.hp-ts--other .top-story__live-badge {
    background-color: #000
}

.hero-promos-container,.local-news-container,.top-stories-container,.uk-hero-promos-container {
    margin-left: auto;
    margin-right: auto;
    background-color: #F3F3EE
}

.hero-promos-container .hp-module__container,.local-news-container .hp-module__container,.top-stories-container .hp-module__container,.uk-hero-promos-container .hp-module__container {
    padding-top: 16px
}

.local-news-container .hp-module__container--hidden,.top-stories-container .hp-module__container--hidden {
    padding: 0
}

.hero-promos-container .hp-module__container,.top-stories-container .hp-module__container,.uk-hero-promos-container .hp-module__container {
    background-repeat: no-repeat;
    background-size: 100%
}

@media (max-width:47.99em) {
    .hero-promos-container .hp-module__container,.top-stories-container .hp-module__container,.uk-hero-promos-container .hp-module__container {
        background-image: none!important
    }
}

.top-stories {
    margin-right: 8px;
    margin-left: 8px;
    padding-bottom: 16px;
    overflow: hidden
}

.top-stories__link-title,.top-stories__title {
    display: inline-block;
    margin-bottom: 8px
}

.top-story,.top-story__attr-container {
    display: block;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.top-stories__title {
    margin-top: 0;
    color: #42424D;
    font-weight: 400
}

.top-stories__link-title .top-stories__title-text:after {
    margin-left: 0
}

.top-stories__link-title:focus .top-stories__title,.top-stories__link-title:hover .top-stories__title {
    text-decoration: underline;
    color: #0073BB
}

.top-stories__link-title .top-stories__title-text__inner {
    margin-right: 4px
}

.top-stories--has-in-page-controls .top-stories__title {
    margin-right: 44px
}

.top-stories__new-tag {
    margin-top: -3px;
    margin-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
    line-height: 1em
}

@media (min-width:25em) {
    .top-stories {
        margin-right: 16px;
        margin-left: 16px
    }
}

@media (min-width:34.375em) {
    .top-stories {
        position: relative;
        padding-bottom: 16px
    }
}

@media (min-width:37.5em) {
    .top-stories {
        padding-bottom: 24px
    }

    .top-stories__footer-link {
        top: -.25rem
    }

    .top-stories__link-title,.top-stories__title {
        margin-bottom: 16px
    }

    .top-stories__link-title .top-stories__title-text__inner {
        margin-right: 8px
    }

    .top-stories__link-title .top-stories__title-text:after {
        margin-left: 0
    }
}

@media (min-width:48em) {
    .hp-module--dark-theme .top-stories__link-title:focus .top-stories__title,.hp-module--dark-theme .top-stories__link-title:hover .top-stories__title,.hp-module--dark-theme .top-stories__title {
        color: #FFF
    }

    .top-stories__new-tag {
        margin-top: -2px;
        margin-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .hp-module--dark-theme {
        background-color: #42424D
    }

    .hp-module--dark-theme .top-stories__link-title .top-stories__title-text:after,.hp-module--dark-theme .top-stories__link-title:hover .top-stories__title-text:after {
        background-image: url(../images/right-arrow--white.svg)
    }
}

@media (min-width:63em) {
    .top-stories {
        padding-right: 16px;
        padding-left: 16px;
        margin: 0 auto;
        max-width: 1008px;
        box-sizing: border-box
    }
}

.top-story__wrapper {
    position: relative;
    margin-bottom: 4px;
    background-color: #FFF;
    background-clip: content-box;
    box-sizing: border-box;
    overflow: hidden
}

.top-story__wrapper:last-child {
    margin-bottom: 0
}

.top-story {
    height: 100%;
    text-decoration: none;
    color: #1C1C1C
}

.top-story:focus,.top-story:hover {
    text-decoration: underline;
    color: #0073BB
}

.top-story__live-badge {
    margin-right: 4px;
    background-color: #000
}

.top-story__content {
    overflow: hidden
}

.top-story__title-container {
    margin: 0;
    padding: 8px 8px 16px
}

.top-story__attr-container {
    clear: both;
    padding: 0 8px 8px;
    text-transform: uppercase;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #767676
}

@media (min-width:34.375em) {
    .top-story__title-container {
        padding: 16px 16px 20px
    }

    .top-story__attr-container {
        padding: 0 24px 16px 16px
    }
}

@media (min-width:48em) {
    .top-stories__stories {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .top-stories__stories .top-story__title-container {
        padding-bottom: 56px
    }

    .no-flexbox .top-stories__stories .top-story__title-container {
        position: relative;
        z-index: 1;
        padding-bottom: 32px;
        min-height: 6rem
    }

    .top-story__wrapper {
        display: inline-block;
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        position: relative;
        margin-bottom: 0
    }

    .top-story__attr-container {
        position: absolute;
        bottom: 0;
        left: 16px
    }

    .no-flexbox .top-stories__stories .top-story__wrapper .top-story__attr-container {
        left: 16px;
        background-color: #FFF
    }

    .no-flexbox .hp-module:not(.hp-module--duo) .top-stories__stories .top-story__wrapper .top-story__attr-container {
        padding-top: 16em
    }
}

.top-story__cta {
    width: 64px;
    height: 64px
}

.top-story__cta--video:before {
    width: 21px;
    height: 21px;
    margin-top: -10px;
    margin-left: -10px
}

.top-story__cta--audio:before {
    width: 27px;
    height: 27px;
    margin-top: -13px;
    margin-left: -13px
}

.top-story__cta--iplayer-video:before {
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px
}

.top-story__cta--iplayer-radio:before {
    width: 23px;
    height: 23px;
    margin-top: -11px;
    margin-left: -11px
}

.top-story--small-image .top-story__cta {
    width: 40px;
    height: 40px
}

.top-story--small-image .top-story__cta--video:before {
    width: 13px;
    height: 13px;
    margin-top: -6px;
    margin-left: -6px
}

.top-story--small-image .top-story__cta--audio:before {
    width: 17px;
    height: 17px;
    margin-top: -8px;
    margin-left: -8px
}

.top-story--small-image .top-story__cta--iplayer-video:before {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px
}

.top-story--small-image .top-story__cta--iplayer-radio:before {
    width: 17px;
    height: 17px;
    margin-top: -8px;
    margin-left: -8px
}

.top-story__image,.top-story__image-wrapper {
    display: block
}

.top-story__image {
    padding-bottom: 56.25%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.no-js .top-story__image-wrapper>.top-story__image {
    display: none
}

.js .top-story__image {
    display: block
}

.top-story__image--lazy {
    transition: opacity .5s ease-in;
    opacity: 0
}

.top-story__image--lazy-visible-opacity {
    opacity: 1
}

.top-story__image-wrapper {
    position: relative;
    z-index: 1;
    background-color: #DEDEDE
}

.top-story--small-image .top-story__image-wrapper {
    float: left;
    margin: 8px 0 8px 8px;
    width: 142px
}

@media (max-width:27.49em) {
    .top-story--small-image .top-story__image-wrapper {
        margin-bottom: 12px
    }
}

.top-stories__stories--with-images .top-story {
    box-sizing: border-box
}

.top-stories__stories--with-images .top-story__title-container {
    padding-bottom: 0
}

@media (min-width:27.5em) {
    .top-stories__stories--with-images .top-story__wrapper .top-story__attr-container {
        bottom: 0;
        left: 16px
    }
}

@media (min-width:34.375em) {
    .top-story__cta {
        width: 80px;
        height: 80px
    }

    .top-story__cta--video:before {
        width: 26px;
        height: 26px;
        margin-top: -13px;
        margin-left: -13px
    }

    .top-story__cta--audio:before {
        width: 33px;
        height: 33px;
        margin-top: -16px;
        margin-left: -16px
    }

    .top-story__cta--iplayer-video:before {
        width: 32px;
        height: 32px;
        margin-top: -16px;
        margin-left: -16px
    }

    .top-story__cta--iplayer-radio:before {
        width: 29px;
        height: 29px;
        margin-top: -14px;
        margin-left: -14px
    }

    .top-story--small-image .top-story__cta {
        width: 56px;
        height: 56px
    }

    .top-story--small-image .top-story__cta--video:before {
        width: 17px;
        height: 17px;
        margin-top: -8px;
        margin-left: -8px
    }

    .top-story--small-image .top-story__cta--audio:before {
        width: 23px;
        height: 23px;
        margin-top: -11px;
        margin-left: -11px
    }

    .top-story--small-image .top-story__cta--iplayer-video:before {
        width: 21px;
        height: 21px;
        margin-top: -10px;
        margin-left: -10px
    }

    .top-story--small-image .top-story__cta--iplayer-radio:before {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px
    }

    .top-story--small-image .top-story__image-wrapper {
        width: 156px
    }

    .top-stories__stories--with-images .top-story__wrapper .top-story__attr-container {
        left: 8px
    }
}

@media (min-width:48em) {
    .top-story__cta {
        width: 64px;
        height: 64px
    }

    .top-story__cta--video:before {
        width: 21px;
        height: 21px;
        margin-top: -10px;
        margin-left: -10px
    }

    .top-story__cta--audio:before {
        width: 27px;
        height: 27px;
        margin-top: -13px;
        margin-left: -13px
    }

    .top-story__cta--iplayer-video:before {
        width: 26px;
        height: 26px;
        margin-top: -13px;
        margin-left: -13px
    }

    .top-story__cta--iplayer-radio:before {
        width: 23px;
        height: 23px;
        margin-top: -11px;
        margin-left: -11px
    }

    .top-story--small-image .top-story__cta {
        width: 40px;
        height: 40px
    }

    .top-story--small-image .top-story__cta--video:before {
        width: 13px;
        height: 13px;
        margin-top: -6px;
        margin-left: -6px
    }

    .top-story--small-image .top-story__cta--audio:before {
        width: 17px;
        height: 17px;
        margin-top: -8px;
        margin-left: -8px
    }

    .top-story--small-image .top-story__cta--iplayer-video:before {
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-left: -8px
    }

    .top-story--small-image .top-story__cta--iplayer-radio:before {
        width: 17px;
        height: 17px;
        margin-top: -8px;
        margin-left: -8px
    }

    .top-stories__stories--with-images .top-story__title-container {
        padding: 16px 16px 52px
    }

    .top-stories__stories--with-images .top-story__wrapper .top-story__attr-container {
        left: 16px
    }
}

@media (min-width:59.375em) {
    .top-story__cta {
        width: 80px;
        height: 80px
    }

    .top-story__cta--video:before {
        width: 26px;
        height: 26px;
        margin-top: -13px;
        margin-left: -13px
    }

    .top-story__cta--audio:before {
        width: 33px;
        height: 33px;
        margin-top: -16px;
        margin-left: -16px
    }

    .top-story__cta--iplayer-video:before {
        width: 32px;
        height: 32px;
        margin-top: -16px;
        margin-left: -16px
    }

    .top-story__cta--iplayer-radio:before {
        width: 29px;
        height: 29px;
        margin-top: -14px;
        margin-left: -14px
    }

    .top-story--small-image .top-story__cta {
        width: 48px;
        height: 48px
    }

    .top-story--small-image .top-story__cta--video:before {
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-left: -8px
    }

    .top-story--small-image .top-story__cta--audio:before,.top-story--small-image .top-story__cta--iplayer-video:before {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px
    }

    .top-story--small-image .top-story__cta--iplayer-radio:before {
        width: 17px;
        height: 17px;
        margin-top: -8px;
        margin-left: -8px
    }
}

@media (max-width:47.99em) {
    .top-stories__stories--first-image-only .top-story__wrapper:nth-of-type(n+2) .top-story__image-wrapper {
        display: none
    }

    .top-stories__stories--first-image-only .top-story__title-container {
        padding-bottom: 16px
    }
}

@media (min-width:34.375em) and (max-width:47.99em) {
    .top-stories__stories--first-image-only .top-story__title-container {
        padding-bottom: 20px
    }
}

@media (min-width:48em) {
    .top-stories__stories--first-image-only .top-story .top-story__cta,.top-stories__stories--first-image-only .top-story__wrapper:first-of-type .top-story .top-story__cta {
        width: 48px;
        height: 48px
    }

    .top-stories__stories--first-image-only .top-story .top-story__cta--video:before,.top-stories__stories--first-image-only .top-story__wrapper:first-of-type .top-story .top-story__cta--video:before {
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-left: -8px
    }

    .top-stories__stories--first-image-only .top-story .top-story__cta--audio:before,.top-stories__stories--first-image-only .top-story .top-story__cta--iplayer-video:before,.top-stories__stories--first-image-only .top-story__wrapper:first-of-type .top-story .top-story__cta--audio:before,.top-stories__stories--first-image-only .top-story__wrapper:first-of-type .top-story .top-story__cta--iplayer-video:before {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px
    }

    .top-stories__stories--first-image-only .top-story .top-story__cta--iplayer-radio:before,.top-stories__stories--first-image-only .top-story__wrapper:first-of-type .top-story .top-story__cta--iplayer-radio:before {
        width: 17px;
        height: 17px;
        margin-top: -8px;
        margin-left: -8px
    }

    .top-stories__stories--first-image-only .top-story__image-wrapper {
        float: none;
        width: auto
    }
}

.top-stories__stories.top-stories__stories--all-images {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.top-stories__stories.top-stories__stories--all-images .top-story__image-wrapper {
    padding-bottom: 56.25%;
    float: none;
    margin: 0;
    width: 100%
}

.top-stories__stories.top-stories__stories--all-images .top-story__image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.top-stories__stories.top-stories__stories--all-images .top-story__wrapper {
    display: inline-block;
    position: relative
}

.top-stories__stories.top-stories__stories--all-images .top-story__wrapper:first-of-type {
    -ms-flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    flex: 2 1 auto;
    margin-bottom: 8px
}

.top-stories__stories.top-stories__stories--all-images .top-story--small-image {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 0
}

.no-flexbox .top-stories__stories.top-stories__stories--all-images .top-story--small-image .top-story__title-container {
    min-height: 4em
}

.top-stories__stories.top-stories__stories--all-images .top-story__title-container {
    margin-bottom: 24px;
    padding: 8px
}

.top-stories__stories.top-stories__stories--all-images .top-story__wrapper .top-story__attr-container {
    bottom: 0;
    left: 8px;
    padding: 8px;
    position: absolute
}

@media (min-width:37.5em) and (max-width:47.99em) {
    .top-stories__stories.top-stories__stories--all-images .top-story__wrapper:first-of-type {
        margin-bottom: 16px;
        padding-left: 0
    }

    .top-stories__stories.top-stories__stories--all-images .top-story__wrapper:first-of-type .top-story__cta {
        left: 16px
    }

    .top-stories__stories.top-stories__stories--all-images .top-story__wrapper:first-of-type .top-story__image-wrapper {
        padding-bottom: 37.49963%;
        float: left;
        width: 66.66667%
    }

    .top-stories__stories.top-stories__stories--all-images .top-story__wrapper:first-of-type .top-story__attr-container {
        left: 66.66667%
    }
}

@media (min-width:37.5em) {
    .top-stories__stories.top-stories__stories--all-images .top-story__title-container {
        padding: 16px
    }

    .top-stories__stories.top-stories__stories--all-images .top-story__wrapper .top-story__attr-container {
        left: 16px;
        padding: 16px
    }
}

@media (min-width:80em) {
    .b-pw-1280 .top-stories {
        max-width: 1280px
    }

    .b-pw-1280 .top-stories__stories.top-stories__stories--all-images .top-story__wrapper:first-of-type .top-story__image-wrapper {
        padding-bottom: 35.71875%;
        float: left;
        width: 63.5%
    }

    .b-pw-1280 .top-stories__stories.top-stories__stories--all-images .top-story__wrapper:first-of-type .top-story__attr-container {
        left: 63.5%;
        padding-left: 24px
    }

    .b-pw-1280 .top-stories__stories.top-stories__stories--all-images .top-story__title-container {
        padding: 14px 16px
    }

    .b-pw-1280 .top-stories__stories.top-stories__stories--all-images .top-story--small-image {
        width: 16.66667%!important
    }
}

@media (min-width:27.5em) {
    .top-stories__stories--all-thumbnails .top-story__attr-container {
        position: absolute;
        bottom: 0;
        left: 8px;
        margin-left: 142px
    }
}

@media (min-width:34.375em) and (max-width:47.99em) {
    .top-stories__stories--all-thumbnails .top-story__wrapper .top-story__attr-container {
        left: 8px;
        margin-left: 156px
    }

    .top-stories__stories--all-thumbnails .top-story .top-story__cta {
        width: 40px;
        height: 40px
    }

    .top-stories__stories--all-thumbnails .top-story .top-story__cta--video:before {
        width: 13px;
        height: 13px;
        margin-top: -6px;
        margin-left: -6px
    }

    .top-stories__stories--all-thumbnails .top-story .top-story__cta--audio:before {
        width: 17px;
        height: 17px;
        margin-top: -8px;
        margin-left: -8px
    }

    .top-stories__stories--all-thumbnails .top-story .top-story__cta--iplayer-video:before {
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-left: -8px
    }

    .top-stories__stories--all-thumbnails .top-story .top-story__cta--iplayer-radio:before {
        width: 17px;
        height: 17px;
        margin-top: -8px;
        margin-left: -8px
    }
}

@media (min-width:34.375em) {
    .top-stories__stories--all-thumbnails .top-story__image-wrapper {
        margin: 0
    }
}

@media (min-width:37.5em) {
    .top-stories__stories--all-thumbnails .top-story__wrapper .top-story__attr-container {
        left: 16px
    }
}

@media (min-width:37.5em) and (max-width:47.99em) {
    .top-stories__stories--all-thumbnails .top-story__wrapper .top-story__attr-container {
        padding-bottom: 8px
    }
}

@media (min-width:48em) {
    .top-stories__stories.top-stories__stories--all-images .top-story__wrapper:first-of-type {
        margin-bottom: 0
    }

    .top-stories__stories--all-thumbnails .top-story__image-wrapper {
        float: none;
        margin: 0;
        width: 100%
    }

    .top-stories__stories--all-thumbnails .top-story__attr-container {
        margin: 0
    }
}

@media (min-width:63em) {
    .js .hp-modules {
        -webkit-flex-direction: row;
        -webkit-justify-content: space-around;
        -webkit-flex-wrap: wrap;
        -ms-flex-direction: row;
        -ms-flex-pack: distribute;
        -ms-flex-wrap: wrap;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap
    }

    .js .hp-module {
        box-sizing: border-box;
        width: 100%;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .js .hp-module--duo {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        -webkit-flex: 2 1 auto;
        -ms-flex: 2 1 auto;
        flex: 2 1 auto
    }

    .js .hp-module--duo .top-stories {
        width: 504px
    }

    .js .hp-module--duo .top-stories,.js .hp-module--duo .top-stories__stories,.js .hp-module--duo .top-story__wrapper {
        display: block
    }

    .js .hp-module--duo .top-story__wrapper {
        margin-bottom: 4px
    }

    .js .hp-module--duo .top-story__wrapper:last-child {
        margin-bottom: 0
    }

    .js .hp-module--duo .hp-bp-m-one-third {
        width: 100%!important
    }

    .no-flexbox .js .hp-module--duo .top-stories__stories .top-story__wrapper .top-story__attr-container {
        padding-top: 0
    }

    .js .hp-module--duo-default .top-story__title-container,.no-flexbox .js .hp-module--duo-default .top-story__title-container {
        padding-bottom: 0;
        min-height: 3rem
    }

    .js .hp-module--duo-default .top-stories__stories .top-story__wrapper .top-story__attr-container {
        position: static;
        margin-top: 16px
    }

    .js .hp-module--duo-all-thumbnails .top-story {
        height: 104px
    }

    .js .hp-module--duo-all-thumbnails .top-story .top-story__cta {
        width: 40px;
        height: 40px
    }

    .js .hp-module--duo-all-thumbnails .top-story .top-story__cta--video:before {
        width: 13px;
        height: 13px;
        margin-top: -6px;
        margin-left: -6px
    }

    .js .hp-module--duo-all-thumbnails .top-story .top-story__cta--audio:before {
        width: 17px;
        height: 17px;
        margin-top: -8px;
        margin-left: -8px
    }

    .js .hp-module--duo-all-thumbnails .top-story .top-story__cta--iplayer-video:before {
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-left: -8px
    }

    .js .hp-module--duo-all-thumbnails .top-story .top-story__cta--iplayer-radio:before {
        width: 17px;
        height: 17px;
        margin-top: -8px;
        margin-left: -8px
    }

    .js .hp-module--duo-all-thumbnails .top-story__image-wrapper {
        float: left;
        width: 184px
    }

    .js .hp-module--duo-all-thumbnails .top-story__content,.js .hp-module--duo-all-thumbnails .top-story__image {
        padding: 0
    }

    .js .hp-module--duo-all-thumbnails .top-story__image {
        height: 104px
    }

    .js .hp-module--duo-all-thumbnails .top-stories__stories .top-story__wrapper .top-story__attr-container {
        position: absolute;
        left: 0;
        margin-left: 200px
    }

    .js .hp-module--duo-odd .top-stories,.js .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails .top-stories,.js .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails .top-stories,.js .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default .top-stories,.js .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default+.hp-module--duo-default+.hp-module--duo-default .top-stories {
        margin-right: 0;
        padding-right: 8px
    }

    .js .hp-module--duo-odd .hp-in-page-controls,.js .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails .hp-in-page-controls,.js .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails .hp-in-page-controls,.js .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default .hp-in-page-controls,.js .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default+.hp-module--duo-default+.hp-module--duo-default .hp-in-page-controls {
        right: 0;
        margin-right: -8px
    }

    .js .hp-module--duo-even .top-stories,.js .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails .top-stories,.js .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails .top-stories,.js .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default+.hp-module--duo-default .top-stories,.js .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default+.hp-module--duo-default+.hp-module--duo-default+.hp-module--duo-default .top-stories {
        margin-left: 0;
        padding-left: 8px
    }

    .js .hp-module--duo-even .hp-in-page-controls,.js .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails .hp-in-page-controls,.js .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails .hp-in-page-controls,.js .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default+.hp-module--duo-default .hp-in-page-controls,.js .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default+.hp-module--duo-default+.hp-module--duo-default+.hp-module--duo-default .hp-in-page-controls {
        left: 460px
    }
}

@media (min-width:80em) {
    .js .b-pw-1280 .hp-module--duo .top-stories {
        width: 640px
    }

    .js .b-pw-1280 .hp-module--duo-odd .hp-in-page-controls,.js .b-pw-1280 .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails .hp-in-page-controls,.js .b-pw-1280 .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails .hp-in-page-controls,.js .b-pw-1280 .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default .hp-in-page-controls,.js .b-pw-1280 .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default+.hp-module--duo-default+.hp-module--duo-default .hp-in-page-controls {
        right: 0;
        margin-right: -8px
    }

    .js .b-pw-1280 .hp-module--duo-even .hp-in-page-controls,.js .b-pw-1280 .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails .hp-in-page-controls,.js .b-pw-1280 .hp-module:not(.hp-module--duo-all-thumbnails)+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails+.hp-module--duo-all-thumbnails .hp-in-page-controls,.js .b-pw-1280 .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default+.hp-module--duo-default .hp-in-page-controls,.js .b-pw-1280 .hp-module:not(.hp-module--duo-default)+.hp-module--duo-default+.hp-module--duo-default+.hp-module--duo-default+.hp-module--duo-default .hp-in-page-controls {
        left: 596px
    }

    .b-pw-1280 .hp-module .hp-breaking-news {
        max-width: 1280px
    }
}

.hp-breaking-news-container {
    background-color: #575B67;
    padding-top: 16px;
    padding-bottom: 16px
}

.hp-breaking-news {
    padding-right: 8px;
    padding-left: 8px
}

.hp-breaking-news__link {
    display: block;
    background-color: #FFF
}

.hp-breaking-news__content {
    padding: 8px
}

.hp-breaking-news__col {
    box-sizing: border-box
}

.hp-breaking-news__image {
    display: block;
    width: 100%
}

.hp-badge--breaking-news {
    background-color: #BB1919;
    color: #FFF
}

.hp-breaking-news__badge {
    margin-bottom: 8px;
    padding-top: 4px;
    padding-bottom: 4px
}

.hp-breaking-news__title {
    margin-top: 0;
    margin-bottom: 16px;
    color: #1C1C1C
}

.hp-breaking-news__link:focus .hp-breaking-news__title,.hp-breaking-news__link:hover .hp-breaking-news__title {
    text-decoration: underline;
    color: #0073BB
}

.hp-breaking-news__excerpt {
    display: none;
    margin: 0
}

.hp-breaking-news__attr {
    color: #767676
}

@media (min-width:25em) {
    .hp-breaking-news-container {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .hp-breaking-news {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media (min-width:37.5em) {
    .hp-breaking-news__content {
        padding: 16px
    }

    .hp-breaking-news__badge {
        margin-bottom: 12px
    }
}

@media (min-width:48em) {
    .hp-breaking-news__link {
        position: relative
    }

    .hp-breaking-news__content,.hp-breaking-news__image {
        display: inline-block;
        box-sizing: border-box;
        width: 50%;
        vertical-align: top
    }

    .hp-breaking-news__attr {
        position: absolute;
        bottom: 16px;
        left: 50%;
        padding-left: 16px
    }

    .hp-breaking-news__content {
        padding-bottom: 38px
    }
}

.hp-tv-radio-progress,.hp-tv-radio-slider__panels {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:56.25em) {
    .hp-breaking-news__title {
        margin-bottom: 16px
    }

    .hp-breaking-news__excerpt {
        display: block;
        color: #424242
    }
}

.top-stories__stories.top-stories__stories--all-images .top-story--small-image.top-story__wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch
}

.top-stories__stories.top-stories__stories--all-images .top-story--small-image .top-story {
    height: auto
}

.top-stories-no-margin-bottom {
    margin-bottom: 0
}

.hp-tv-radio__slider-inner-container {
    height: 424px
}

.hp-tv-radio__slider-container {
    margin: 0 auto 16px;
    max-width: 1008px;
    overflow: hidden;
    box-sizing: border-box
}

.hp-tv-radio__slider-container:before {
    background-color: #134461
}

.hp-slider__controls {
    position: absolute;
    top: 75px;
    right: 0;
    z-index: 55;
    margin-top: -22px;
    padding-right: 8px;
    text-align: right
}

.hp-slider-controls__btn-next,.hp-slider-controls__btn-previous {
    display: inline-block;
    position: relative;
    transition: background .25s ease-in-out;
    border: 0;
    background: #FFF;
    width: 44px;
    height: 44px;
    cursor: pointer
}

.hp-slider-controls__btn-next:before,.hp-slider-controls__btn-previous:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 22px;
    margin-top: -11px;
    margin-left: -9px;
    display: block;
    content: ''
}

.hp-slider-controls__btn-next:focus,.hp-slider-controls__btn-next:hover,.hp-slider-controls__btn-previous:focus,.hp-slider-controls__btn-previous:hover {
    background: #e0f0f9
}

.hp-slider-controls__btn-next:disabled,.hp-slider-controls__btn-previous:disabled {
    opacity: .4;
    cursor: default
}

.hp-slider-controls__btn-previous {
    margin-right: 1px
}

.hp-slider-controls__btn-previous:before {
    background-image: url(../images/arrow-left.svg)
}

.hp-slider-controls__btn-next:before {
    background-image: url(../images/arrow-right.svg)
}

.js .hp-tv-radio__wrapper {
    height: 380px;
    overflow: hidden
}

.hp-tv-radio__wrapper {
    position: relative
}

.hp-tv-radio {
    box-sizing: auto
}

.hp-tv-radio-progress {
    margin-right: auto;
    margin-left: auto;
    padding-top: 8px;
    max-width: 1008px;
    box-sizing: border-box
}

.hp-tv-radio-progress__rail {
    position: relative;
    background-color: #0D1E30;
    width: 100%;
    height: 5px;
    overflow: hidden;
    box-sizing: border-box
}

.hp-tv-radio-progress__highlight {
    display: block;
    position: relative;
    left: 0;
    background-color: #FFF;
    height: 100%;
    content: ' '
}

.cssanimations .hp-tv-radio-slider__loading {
    display: block;
    min-height: 423px
}

.js .hp-tv-radio__slider-inner-container {
    height: 380px
}

@media (min-width:25em) {
    .hp-tv-radio-progress,.hp-tv-radio-slider__panels {
        padding-right: 16px;
        padding-left: 16px
    }

    .hp-slider-controls {
        padding-right: 16px
    }
}

@media (min-width:37.5em) {
    .cssanimations .hp-tv-radio-slider__loading {
        min-height: 455px
    }

    .hp-tv-radio-progress {
        padding-top: 16px
    }

    .js .hp-tv-radio__slider-inner-container,.js .hp-tv-radio__wrapper {
        height: 394px
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-slider-container {
        margin-right: calc(50% - 1280px / 2);
        margin-left: calc(50% - 1280px / 2);
        max-width: 1280px
    }

    .b-pw-1280 .hp-tv-radio-progress {
        max-width: 1280px
    }
}

.no-js .hp-tv-radio__loading-spinner {
    display: none
}

.cssanimations .hp-tv-radio__loading-spinner {
    margin: 160px auto;
    position: relative;
    width: 4em;
    height: 4em;
    box-shadow: inset 0 0 0 .5em #FFF;
    border-radius: 50%;
    transform: translateZ(0),rotate(45deg);
    text-indent: -9999em
}

.cssanimations .hp-tv-radio__loading-spinner:after {
    position: absolute;
    content: '';
    width: 2.5em;
    height: 2em;
    background: #134461;
    top: 0;
    left: 2em;
    transform-origin: 0 2.25em;
    animation: spinner 1s infinite linear
}

.no-cssanimations .hp-tv-radio__loading-spinner {
    color: #FFF;
    text-align: center
}

@keyframes spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.radio-recommendations-container,.tv-radio-container,.tv-radio-recommendations-container {
    background-color: #134461;
    overflow: hidden
}

.hp-tv-radio {
    position: relative;
    padding: 16px 0
}

.hp-tv-radio__title {
    color: #FFF;
    font-weight: 400;
    margin: 0 8px 8px
}

.js .hp-tv-radio__title--hidden {
    visibility: hidden
}

.radio-recommendations--has-in-page-controls .hp-tv-radio__title,.tv-radio--has-in-page-controls .hp-tv-radio__title,.tv-radio-recommendations--has-in-page-controls .hp-tv-radio__title {
    margin-right: 44px
}

.hp-tv-radio__title-link {
    color: #FFF
}

.hp-tv-radio__title-link:focus,.hp-tv-radio__title-link:hover {
    text-decoration: underline
}

.hp-tv-radio__title-text {
    margin-right: 4px
}

.hp-tv-radio__title-link:after {
    margin-left: 0
}

.hp-tv-radio__new-tag {
    margin-top: -3px;
    margin-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
    line-height: 1em
}

.radio-recommendations--has-in-page-controls .hp-in-page-controls__remove,.tv-radio--has-in-page-controls .hp-in-page-controls__remove,.tv-radio-recommendations--has-in-page-controls .hp-in-page-controls__remove {
    background-image: url(../images/cross_light.svg)
}

.radio-recommendations--has-in-page-controls .hp-in-page-controls__remove:active,.radio-recommendations--has-in-page-controls .hp-in-page-controls__remove:focus,.radio-recommendations--has-in-page-controls .hp-in-page-controls__remove:hover,.tv-radio--has-in-page-controls .hp-in-page-controls__remove:active,.tv-radio--has-in-page-controls .hp-in-page-controls__remove:focus,.tv-radio--has-in-page-controls .hp-in-page-controls__remove:hover,.tv-radio-recommendations--has-in-page-controls .hp-in-page-controls__remove:active,.tv-radio-recommendations--has-in-page-controls .hp-in-page-controls__remove:focus,.tv-radio-recommendations--has-in-page-controls .hp-in-page-controls__remove:hover {
    background-image: url(../images/cross_light_hover.svg)
}

.hp-tv-radio-asset {
    position: relative;
    margin-right: 8px;
    margin-bottom: 16px;
    background-color: #FFF;
    width: 266px;
    vertical-align: top;
    text-decoration: none
}

.hp-tv-radio-asset:after {
    background-color: transparent;
    background: rgba(0,134,209,.12);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s linear all;
    opacity: 0;
    width: 100%;
    height: 100%;
    content: ' '
}

.hp-tv-radio-asset:focus:after {
    opacity: 1
}

.hp-tv-radio-asset:last-child {
    margin-right: 0
}

.js .hp-tv-radio-asset {
    margin-bottom: 0
}

.hp-tv-radio-asset__title {
    margin-top: 0;
    margin-bottom: 16px;
    color: #1C1C1C
}

.hp-tv-radio-asset:focus .hp-tv-radio-asset__title,.hp-tv-radio-asset:hover .hp-tv-radio-asset__title {
    text-decoration: underline;
    color: #0073BB
}

.hp-tv-radio-asset__subtitle {
    margin-top: 0;
    margin-bottom: 16px;
    color: #767676;
    font-weight: 400
}

.hp-tv-radio-asset__image-wrapper {
    position: relative;
    background-color: #DEDEDE;
    width: 266px;
    height: 150px
}

.hp-tv-radio-asset__image {
    width: 100%
}

.no-js .hp-tv-radio-asset__image:not([src]) {
    display: none
}

.js .hp-tv-radio-asset__image {
    display: block
}

.hp-tv-radio-asset__image--lazy {
    transition: opacity .5s ease-in;
    opacity: 0
}

.hp-visible-opacity {
    opacity: 1
}

.hp-tv-radio-asset__content {
    box-sizing: border-box;
    position: relative;
    padding: 16px;
    height: 230px
}

.hp-tv-radio-asset__attr {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px;
    min-height: 32px;
    color: #767676;
    box-sizing: border-box
}

.hp-tv-radio-asset__cta {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    padding-right: 11px;
    padding-left: 44px;
    line-height: 44px
}

.hp-tv-radio-asset__cta-icon {
    width: 44px;
    height: 44px
}

.hp-tv-radio-asset__cta-icon--iplayer-video:before {
    width: 22px;
    height: 22px;
    margin-top: -11px;
    margin-left: -11px
}

.hp-tv-radio-asset__cta-icon--iplayer-radio:before {
    width: 26px;
    height: 29px;
    margin-top: -14px;
    margin-left: -13px
}

.hp-tv-radio-asset__cta-icon--video:before {
    width: 22px;
    height: 22px;
    margin-top: -11px;
    margin-left: -11px
}

.hp-tv-radio-asset__cta-icon--audio:before {
    width: 26px;
    height: 29px;
    margin-top: -14px;
    margin-left: -13px
}

.hp-tv-radio-asset__cta-duration {
    position: relative;
    z-index: 10;
    color: #1E1E1E
}

.hp-tv-radio-asset__cta-icon--iplayer-video+.hp-tv-radio-asset__cta-duration,.hp-tv-radio-asset__cta-icon--video+.hp-tv-radio-asset__cta-duration {
    margin-left: -8px
}

.hp-tv-radio-slider__panels {
    box-sizing: content-box
}

.hp-tv-radio-asset__synopsis {
    color: #1C1C1C
}

.hp-tv-radio-slider__panels--with-4 {
    width: 1088px
}

.hp-tv-radio-slider__panels--with-5 {
    width: 1362px
}

.hp-tv-radio-slider__panels--with-6 {
    width: 1636px
}

@media (min-width:25em) {
    .hp-tv-radio__title {
        margin-right: 16px;
        margin-left: 16px
    }

    .hp-tv-radio__footer {
        position: relative;
        margin-left: 16px
    }
}

@media (min-width:34.375em) {
    .hp-tv-radio__title {
        border-top: 0
    }

    .hp-tv-radio__footer {
        position: relative;
        top: 8px;
        right: 16px;
        margin-left: 32px
    }
}

@media (min-width:48em) {
    .hp-tv-radio__new-tag {
        margin-top: -2px;
        margin-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px
    }
}

@media (min-width:37.5em) {
    .hp-tv-radio {
        padding-bottom: 24px
    }

    .hp-tv-radio-asset {
        margin-right: 16px
    }

    .hp-tv-radio__title {
        margin-bottom: 16px
    }

    .hp-tv-radio__title-link .hp-tv-radio__title-text {
        margin-right: 8px
    }

    .hp-tv-radio-asset__content {
        height: 244px
    }

    .hp-tv-radio-slider__panels--with-4 {
        width: 1112px
    }

    .hp-tv-radio-slider__panels--with-5 {
        width: 1394px
    }

    .hp-tv-radio-slider__panels--with-6 {
        width: 1676px
    }
}

@media (min-width:63em) {
    .hp-magic-wrapper,.js .hp-slider {
        box-sizing: border-box
    }

    .hp-magic-wrapper {
        margin-right: calc(50% - 1008px / 2);
        margin-left: calc(50% - 1008px / 2);
        max-width: 1008px
    }

    .hp-tv-radio__title {
        padding-right: 16px;
        padding-left: 16px
    }

    .js .hp-slider-container {
        overflow: visible
    }

    .js .hp-slider-container:after,.js .hp-slider-container:before {
        position: absolute;
        top: 0;
        z-index: 50;
        height: 100%;
        content: ' '
    }

    .js .hp-slider-container:before {
        background: #134461;
        background: linear-gradient(to left,rgba(19,68,97,.9),#134461 100px);
        padding-right: 16px
    }

    .js .hp-slider-container:after {
        background: #134461;
        background: linear-gradient(to right,rgba(19,68,97,.9),#134461 100px);
        padding-left: 16px
    }

    .js .hp-slider-controls {
        position: absolute;
        box-sizing: border-box
    }

    .hp-tv-radio-slider__panels--with-4 {
        width: 1144px
    }

    .hp-tv-radio-slider__panels--with-5 {
        width: 1426px
    }

    .hp-tv-radio-slider__panels--with-6 {
        width: 1708px
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-magic-wrapper {
        margin-right: calc(50% - 1280px / 2);
        margin-left: calc(50% - 1280px / 2);
        max-width: 1280px
    }
}

.hp-tv-radio {
    margin: 0!important;
    max-width: none!important
}

.flex-container,.flex-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-item {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.flex-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.collection-preview-container {
    background-color: #007BC7;
    color: #FFF
}

.collection-preview-container__loading.hp-collection-preview {
    margin: 0;
    padding: 0
}

.hp-collection-preview {
    position: relative;
    padding: 16px 8px
}

.hp-collection-preview-collection__wrapper,.hp-collection-preview-collection__wrapper--added {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.hp-collection-preview-collection__added-message {
    display: block
}

.hp-collection-preview-collection-placeholder__wrapper {
    padding-right: 2px
}

.hp-collection-preview__title {
    margin-top: 0;
    margin-bottom: 16px;
    padding-right: 44px;
    font-weight: 400
}

.hp-collection-preview__title-text {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    text-align: left;
    color: #FFF
}

.hp-collection-preview__title-text:focus,.hp-collection-preview__title-text:hover {
    text-decoration: underline
}

.hp-collection-preview-collection,.hp-collection-preview-collection-placeholder {
    display: block;
    background-color: #111C2F;
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    width: 100%;
    text-decoration: none;
    color: #FFF
}

.hp-collection-preview-collection-placeholder:active .hp-collection-preview-collection__message,.hp-collection-preview-collection-placeholder:focus .hp-collection-preview-collection__message,.hp-collection-preview-collection-placeholder:hover .hp-collection-preview-collection__message,.hp-collection-preview-collection:active .hp-collection-preview-collection__message,.hp-collection-preview-collection:focus .hp-collection-preview-collection__message,.hp-collection-preview-collection:hover .hp-collection-preview-collection__message {
    text-decoration: underline
}

.hp-collection-preview-collection-placeholder {
    border: 1px dashed #FFF;
    background-color: transparent;
    text-align: center
}

.hp-collection-preview-collection-placeholder .hp-collection-preview-collection__content,.hp-collection-preview-collection-placeholder .hp-collection-preview-collection__content:hover {
    background-image: none
}

.hp-collection-preview-collection-placeholder .hp-collection-preview-collection__title {
    padding-top: 5%
}

.hp-collection-preview-collection-placeholder .hp-collection-preview-collection__title span {
    display: block
}

.hp-collection-preview-collection-placeholder .hp-collection-preview-collection__cta {
    padding-top: 8%
}

.hp-collection-preview-collection--added {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    min-height: 200px;
    text-align: center;
    text-decoration: none;
    color: #007BC7
}

.hp-collection-preview-collection__cover-image {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    width: 100%;
    height: 100%
}

.hp-collection-preview-collection__cover-image--lazy {
    transition: opacity .5s ease-in;
    opacity: 0
}

.hp-collection-preview-collection__cover-image--lazy-visible-opacity {
    opacity: 1
}

.hp-collection-preview-collection__content {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 200px;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    background-image: linear-gradient(to top,#111c2f 28.125%,rgba(17,28,47,.8) 56.25%,rgba(17,28,47,0) 80%);
    padding: 0 10%;
    min-width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box
}

.hp-collection-preview-collection__added-content {
    padding: 0 10%
}

.hp-collection-preview-collection__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 0;
    padding-top: 16%;
    height: 6rem;
    min-height: 6rem;
    font-weight: 400
}

.hp-collection-preview__dismiss {
    position: absolute;
    top: 4px;
    right: -8px;
    opacity: .7;
    border: 0;
    background: url(../images/cross_light.svg) 50% 60% no-repeat;
    background-size: 12px 18px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    overflow: hidden;
    color: transparent;
    font-size: 16px
}

.hp-collection-preview__dismiss:active,.hp-collection-preview__dismiss:focus,.hp-collection-preview__dismiss:hover {
    opacity: 1;
    background-image: url(../images/cross_light_hover.svg)
}

.hp-collection-preview-collection__cta {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    padding: 8px 0 16px;
    min-height: 44px
}

.hp-collection-preview-collection__message {
    margin: 0;
    font-weight: 400
}

.hp-collection-preview-collection__add-button {
    background: url(../images/plus.svg) 50% 50% no-repeat #007BC7
}

.hp-collection-preview-collection__customise-button {
    background: url(../images/cog--white.svg) 50% 50% no-repeat
}

.hp-collection-preview-collection__add-button,.hp-collection-preview-collection__customise-button {
    display: inline-block;
    margin-right: 5px;
    border: 0;
    background-size: 16px 16px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    overflow: hidden;
    vertical-align: top;
    text-indent: 44px;
    color: transparent
}

.hp-collection-preview-collection__added-icon {
    display: inline-block;
    margin: 8px;
    border: 0;
    background: url(../images/tick.svg) 50% 50% no-repeat #007BC7;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    overflow: hidden;
    vertical-align: top;
    text-indent: 44px;
    color: transparent
}

.hp-collection-preview-collection__jump-button {
    margin-top: 16px;
    border: 0;
    background: 0 0;
    cursor: pointer;
    color: #007BC7
}

.button,.hp-banner__settings-link {
    background-color: transparent;
    cursor: pointer
}

.hp-collection-preview-collection__jump-button:active,.hp-collection-preview-collection__jump-button:focus,.hp-collection-preview-collection__jump-button:hover {
    text-decoration: underline
}

.hp-collection-preview-collection:active .hp-collection-preview-collection__content,.hp-collection-preview-collection:focus .hp-collection-preview-collection__content,.hp-collection-preview-collection:hover .hp-collection-preview-collection__content {
    background-image: linear-gradient(to top,#111c2f 28.125%,rgba(17,28,47,.8) 56.25%,rgba(17,28,47,.4) 80%)
}

@media (max-width:24.99em) {
    .hp-collection-preview-collection__wrapper--added:nth-of-type(n+2),.hp-collection-preview-collection__wrapper:nth-of-type(n+2) {
        display: none
    }
}

@media (max-width:47.99em) {
    .hp-collection-preview-collection__wrapper--added:nth-of-type(n+3),.hp-collection-preview-collection__wrapper:nth-of-type(n+3) {
        display: none
    }
}

@media (min-width:25em) {
    .hp-collection-preview {
        padding-right: 16px;
        padding-left: 16px
    }

    .hp-collection-preview__dismiss {
        right: 0
    }
}

@media (min-width:37.5em) {
    .hp-collection-preview__dismiss {
        top: 6px;
        background-size: 14px 21px
    }
}

@media (min-width:48em) and (max-width:56.24em) {
    .hp-collection-preview-collection__content {
        padding: 0 12.5%
    }
}

@media (min-width:63em) {
    .hp-collection-preview__dismiss {
        right: 50%;
        margin-right: -504px
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-collection-preview__dismiss {
        margin-right: -640px
    }
}

.button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    appearance: none
}

.button .gel-icon--inline {
    margin-right: 8px
}

.button:hover {
    text-decoration: underline
}

.hp-banner {
    display: block;
    position: relative;
    padding: 0 8px;
    box-sizing: border-box;
    max-width: 1008px
}

.hp-banner__date,.hp-banner__text {
    display: none;
    margin: 0
}

.hp-banner__text {
    color: #1C1C1C;
    font-family: gill-sans-light;
    font-size: 1.875rem;
    font-weight: 400
}

.hp-banner--nation {
    padding-top: 16px;
    padding-bottom: 16px
}

.hp-banner__text--nation {
    display: block
}

.hp-banner__date {
    color: #767676
}

.hp-banner__logo,.no-js .hp-banner__settings {
    display: none
}

.hp-banner__settings-link {
    display: inline-block;
    position: relative;
    border: 0;
    line-height: 44px;
    white-space: nowrap;
    color: #007BC7;
    padding: 0 0 0 24px
}

.hp-banner__settings-link::before {
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 0;
    margin-right: 8px;
    background-image: url(../images/cog.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    content: ' '
}

.hp-banner__settings-link:focus,.hp-banner__settings-link:hover {
    text-decoration: underline;
    color: #1D4482
}

.hp-banner__settings-link:focus::before,.hp-banner__settings-link:hover::before {
    background-image: url(../images/cog-active.svg)
}

.hp-banner__settings-link--location {
    display: none
}

.js .hp-banner--with-weather:not(.hp-banner--nation) {
    min-height: 114px
}

.js .hp-banner--with-weather:not(.hp-banner--nation).hp-banner--locked {
    min-height: 64px
}

.js .hp-banner--with-weather .hp-banner__settings {
    position: absolute;
    bottom: 0;
    left: 8px;
    z-index: 100
}

.js .hp-banner--signed-in:not(.hp-banner--with-weather) .hp-banner__settings {
    display: block
}

.hp-banner-container+.weather-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

@media (min-width:25em) {
    .hp-banner,.hp-banner--nation {
        padding-left: 16px
    }

    .js .hp-banner--with-weather .hp-banner__settings {
        display: block;
        left: 16px
    }

    .hp-banner {
        padding-right: 16px
    }

    .js .hp-banner--with-weather:not(.hp-banner--nation) {
        min-height: 122px
    }
}

@media (max-width:37.49em) {
    .js .hp-banner--locked.hp-banner--with-weather .hp-banner__settings {
        display: none
    }
}

@media (min-width:37.5em) and (max-width:47.99em) {
    .hp-banner--with-weather .hp-banner__text:not(.hp-banner__text--nation) {
        width: 180px
    }
}

@media (min-width:37.5em) {
    .hp-banner {
        padding-top: 16px;
        min-height: 64px
    }

    .no-js .hp-banner {
        padding-bottom: 16px
    }

    .hp-banner__text {
        display: block
    }

    .hp-banner__settings-link--location {
        display: inline
    }

    .js .hp-banner--with-weather:not(.hp-banner--nation).hp-banner--locked {
        min-height: 122px
    }

    .hp-banner--nation {
        height: 88px
    }

    .hp-banner__date--nation {
        display: block
    }

    .hp-banner__logo {
        display: inline;
        position: absolute;
        top: 0;
        right: 0;
        padding: 16px;
        width: 158px;
        height: 56px
    }
}

@media (min-width:48em) {
    .hp-banner {
        min-height: 88px
    }

    .hp-banner__text {
        position: relative;
        margin-top: 0;
        font-size: 2.125rem
    }

    .hp-banner__date {
        display: block
    }
}

.dismissible-nations-links-container {
    display: none
}

.hp-dismissible-nations-links {
    position: relative;
    margin-left: 0;
    padding-right: 8px
}

.hp-dismissible-nations-links__title {
    margin: 8px 0 16px 8px;
    color: #1C1C1C;
    font-weight: 400
}

.hp-dismissible-nations-links__dismiss {
    position: absolute;
    top: -12px;
    right: -8px;
    opacity: .7;
    border: 0;
    background: url(../images/cross_dark.svg) 50% 60% no-repeat;
    background-size: 12px 18px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    overflow: hidden;
    color: transparent;
    font-size: 16px
}

.hp-dismissible-nations-links__dismiss:active,.hp-dismissible-nations-links__dismiss:focus,.hp-dismissible-nations-links__dismiss:hover {
    opacity: 1;
    background-image: url(../images/cross_dark_hover.svg)
}

.hp-dismissible-nations-links__nations {
    margin: 0;
    padding: 0
}

.gel-layout__item--nation-link {
    box-sizing: border-box;
    overflow: hidden
}

.hp-dismissible-nations-links__nation {
    display: block;
    margin: 0 auto;
    width: 98px;
    text-align: center;
    color: #1C1C1C
}

.hp-dismissible-nations-links__nation:focus,.hp-dismissible-nations-links__nation:hover {
    text-decoration: underline;
    color: #0073BB
}

.hp-dismissible-nations-links__nation-image {
    display: block;
    margin: 0 auto;
    width: 98px;
    height: 34px
}

.hp-dismissible-nations-links__nation-name {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px
}

@media (min-width:25em) {
    .hp-dismissible-nations-links {
        padding-right: 16px
    }

    .hp-dismissible-nations-links__title {
        margin-top: 16px;
        margin-left: 16px
    }

    .hp-dismissible-nations-links__dismiss {
        right: 0
    }
}

@media (min-width:34.375em) {
    .hp-dismissible-nations-links__title {
        border-top: 0;
        padding-top: 0
    }
}

@media (max-width:37.49em) {
    .gel-layout__item--nation-link:first-of-type {
        margin-bottom: 8px
    }

    .gel-layout__item--nation-link:nth-of-type(5n+4) {
        margin-left: 16.6667%
    }
}

@media (min-width:48em) {
    .hp-dismissible-nations-links__nation {
        width: 124px
    }

    .hp-dismissible-nations-links__nation-image {
        width: 124px;
        height: 44px
    }
}

.show-at-gel-bp-m {
    display: none
}

.hp-settings__footer,.hp-settings__header {
    height: 60px;
    color: #FFF
}

.hp-settings__header {
    background-color: #007BC7
}

.hp-module-wrapper.hp-settings__header-wrapper {
    margin-top: 0
}

.hp-settings__header-title {
    position: absolute;
    left: 8px;
    margin: 0;
    line-height: 60px;
    font-family: gill-sans-light,Helvetica,Arial,sans-serif;
    font-size: 1.875rem;
    font-weight: 400
}

.hp-settings-button {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: #FFF;
    width: 200px;
    height: 44px;
    text-align: center;
    text-decoration: none;
    line-height: 44px;
    color: #007BC7
}

.hp-settings-button:hover {
    text-decoration: underline;
    color: #1D4482
}

@media (min-width:25em) {
    .hp-settings__header-title {
        left: 16px
    }

    .hp-settings__footer-button,.hp-settings__header-button {
        right: 16px
    }

    .hp-settings__footer {
        height: 76px
    }

    .hp-settings__footer-button {
        top: 16px
    }
}

@media (min-width:37.5em) {
    .hp-dismissible-nations-links__dismiss {
        background-size: 14px 21px
    }

    .show-at-gel-bp-m {
        display: inline
    }

    .hp-settings__header {
        height: 76px
    }

    .hp-settings__header-title {
        line-height: 76px;
        font-size: 2.125rem
    }

    .hp-settings__header-button {
        top: 16px
    }
}

.ls-ui-comp-search {
    position: relative;
    margin: 0
}

.ls-ui-comp-search .ls-ui-container {
    margin: 0 44px 0 0
}

.ls-ui-comp-search .ls-ui-input {
    display: block;
    width: 100%;
    height: 44px;
    padding: 10px 8px;
    margin: 0 44px 0 0;
    font-size: 1.6em;
    background: #e6e6e6;
    border: none;
    -webkit-border-radius: 0;
    outline: 0;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.ls-ui-comp-search .ls-ui-input-clear,.ls-ui-comp-search .ls-ui-submit {
    position: absolute;
    width: 44px;
    height: 44px;
    padding: 0;
    background-image: url(../images/sprites/locservices_ui_x1.png);
    background-repeat: no-repeat;
    border: none
}

.ls-ui-comp-search .ls-ui-input-clear {
    top: -2px;
    right: 46px;
    display: none;
    margin-top: 2px;
    text-indent: -10000px;
    background-color: transparent;
    background-position: 0 -92px
}

.ls-ui-comp-search .ls-ui-submit {
    top: 0;
    right: 0;
    text-indent: -9999px;
    cursor: pointer;
    background-color: #e6e6e6;
    background-position: 0 -460px;
    -webkit-border-radius: 0
}

.ls-ui-comp-search .bordered {
    border: 1px solid #cdcdcd
}

.ls-ui-comp-search .bordered .ls-ui-submit {
    top: 1px;
    right: 1px
}

.ls-ui-comp-search-with-term .ls-ui-input-clear {
    display: block
}

.ls-ui-comp-search-with-term .ls-ui-input {
    padding-right: 44px
}

.ls-ui-ctrl-active .ls-ui-comp-search-with-clear .ls-ui-submit {
    background-color: #A0A0A0
}

@media (min-width:600px) {
    .ls-ui-comp-search .ls-ui-input {
        font-size: 1.4em
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (min-device-pixel-ratio:1.3),only screen and (min-resolution:1.3dppx) {
    .ls-ui-comp-search .ls-ui-submit {
        background-size: 44px;
        background-image: url(../images/sprites/locservices_ui_x2.png);
        background-position: 0 -450px
    }

    .ls-ui-comp-search .ls-ui-input-clear {
        background-size: 44px;
        background-image: url(../images/sprites/locservices_ui_x2.png);
        background-position: 0 -90px
    }
}

.ls-ui-comp-search_results {
    color: #606060;
    background-color: #FFF
}

.ls-ui-comp-search_results ul {
    padding: 0;
    margin: 0
}

.ls-ui-comp-search_results .ls-ui-comp-search_results-with_results ul {
    margin: 0 0 16px
}

.ls-ui-comp-search_results a {
    display: block;
    padding: 15px 10px;
    color: #323232;
    text-decoration: none
}

.ls-ui-comp-search_results li {
    padding: 0;
    margin: 0;
    font-size: 1.4em;
    color: #323232;
    text-decoration: none;
    list-style: none;
    cursor: pointer
}

.ls-ui-comp-search_results a:focus,.ls-ui-comp-search_results a:hover,.ls-ui-comp-search_results button:focus,.ls-ui-comp-search_results button:hover {
    color: #FFF;
    background: #323232
}

.ls-ui-comp-search_results .ls-ui-comp-search_results-more {
    display: none;
    width: 100%;
    padding: 0;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 44px;
    color: #606060;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: #e6e6e6;
    border: none
}

.ls-ui-comp-search_results .ls-ui-comp-search_results-active {
    display: block
}

.ls-ui-comp-search_results-with_results {
    margin-top: 8px
}

.ls-ui-comp-message {
    font-size: 1.4em;
    color: #606060;
    background-color: #FFF
}

.ls-ui-comp-message .ls-ui-active {
    padding: 15px 8px;
    margin: 0;
    border-bottom: 1px solid #e6e6e6
}

.ls-ui-comp-auto_complete {
    z-index: 999;
    padding: 0;
    margin: 0;
    background: #FFF
}

.ls-ui-comp-auto_complete a {
    display: block;
    padding: 15px 10px;
    color: #323232;
    text-decoration: none
}

.ls-ui-comp-auto_complete li {
    padding: 0;
    margin: 0;
    font-size: 1.4em;
    color: #323232;
    text-decoration: none;
    list-style: none;
    cursor: pointer
}

.ls-ui-comp-auto_complete .ls-ui-active a {
    color: #FFF;
    background: #323232
}

.ls-ui-comp-close_button {
    width: 44px;
    height: 44px;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer;
    background: url(../images/sprites/locservices_ui_x1.png) -1px -45px no-repeat;
    border: none
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (min-device-pixel-ratio:1.3),only screen and (min-resolution:1.3dppx) {
    .ls-ui-comp-close_button {
        background-image: url(../images/sprites/locservices_ui_x2.png);
        background-size: 44px
    }
}

.ls-ui-comp-dialog {
    position: relative;
    padding: 8px;
    background: #e6e6e6
}

.ls-ui-comp-dialog p {
    padding: 4px 0;
    margin: 0 0 7px;
    font-size: 1.4em;
    line-height: 1.3;
    color: #606060;
    word-wrap: break-word
}

.ls-ui-comp-dialog button {
    width: 100%;
    height: 44px;
    padding: 10px 17px;
    font-size: 1.4em;
    color: #fff;
    cursor: pointer;
    background: #404040;
    border: none
}

.ls-ui-comp-dialog-confirm button {
    margin-bottom: 8px
}

@media (min-width:368px) {
    .ls-ui-comp-dialog {
        padding-right: 16px
    }

    .ls-ui-comp-dialog span {
        display: inline-block;
        width: 50%
    }

    .ls-ui-comp-dialog-confirm button {
        margin: 0 8px 0 0
    }

    .ls-ui-comp-dialog-cancel button {
        margin-left: 8px
    }
}

@media (min-width:568px) {
    .ls-ui-comp-dialog p {
        display: block;
        padding: 11px 240px 13px 6px;
        margin: 0
    }

    .ls-ui-comp-dialog-buttons {
        position: absolute;
        top: 50%;
        right: 15px
    }

    .ls-ui-comp-dialog span {
        position: relative;
        top: -22px;
        width: 100px
    }
}

.ls-ui-comp-geolocation {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 0 10px;
    font-size: 1em;
    text-align: left;
    cursor: pointer;
    background-color: #333635;
    border: 0;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.gel-layout__item--hp-toggle-button,.hp-settings-wrapper {
    box-sizing: border-box
}

.ls-ui-comp-geolocation .ls-ui-comp-geolocation-icon {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/sprites/locservices_ui_x1.png) 0 -231px no-repeat
}

.ls-ui-comp-geolocation .ls-ui-comp-geolocation-label {
    display: block;
    height: 44px;
    padding: 0 10px 0 0;
    margin: 0 44px 0 0;
    font-size: 1.6em;
    line-height: 44px;
    color: #fff
}

.ls-ui-comp-geolocation-disabled {
    background-color: #525553
}

.ls-ui-comp-geolocation::-moz-focus-inner {
    padding: 0;
    margin: 0
}

@media (min-width:600px) {
    .ls-ui-comp-geolocation {
        width: 44px;
        height: 44px
    }

    .ls-ui-comp-geolocation .ls-ui-comp-geolocation-label {
        text-indent: -9999px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (min-device-pixel-ratio:1.3),only screen and (min-resolution:1.3dppx) {
    .ls-ui-comp-geolocation .ls-ui-comp-geolocation-icon {
        background-image: url(../images/sprites/locservices_ui_x2.png);
        background-size: 44px;
        background-position: 0 -226px
    }
}

.ls-ui-comp-user_locations p {
    padding: 8px;
    margin: 0;
    color: #606060
}

.ls-ui-comp-user_locations ul {
    padding: 0;
    margin: 4px 0 16px;
    border-top: 1px solid #e6e6e6
}

.ls-ui-comp-user_locations li {
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    padding: 14px 29px 14px 8px
}

.ls-ui-comp-user_locations-heading,.ls-ui-comp-user_locations-message {
    font-size: 1.4em;
    line-height: 1.3
}

.ls-ui-comp-user_locations-preferred-no-location {
    margin-bottom: 16px
}

.ls-ui-comp-user_locations-with_preferable li {
    padding-left: 43px
}

.ls-ui-comp-user_locations-name {
    font-size: 1.5em;
    line-height: 1.4;
    color: #606060;
    text-decoration: none;
    word-wrap: break-word
}

.ls-ui-comp-user_locations-name:hover {
    text-decoration: underline
}

.ls-ui-comp-user_locations-action,.ls-ui-comp-user_locations-remove {
    position: absolute;
    top: 0;
    margin: 0;
    text-indent: -10000px;
    cursor: pointer;
    background: 0 0;
    border: none
}

.ls-ui-comp-user_locations-action span,.ls-ui-comp-user_locations-remove span {
    display: block
}

.js .ls-ui-ctrl-primary .ls-ui-comp-geolocation,.js .ls-ui-ctrl-primary .ls-ui-comp-user_locations,.js .ls-ui-ctrl-primary .ls-ui-o .ls-ui-hidden,.ls-ui-comp-user_locations-location-with-dialog .ls-ui-comp-user_locations-action,.ls-ui-comp-user_locations-location-with-dialog .ls-ui-comp-user_locations-name,.ls-ui-comp-user_locations-location-with-dialog .ls-ui-comp-user_locations-remove {
    display: none
}

.ls-ui-comp-user_locations-action[disabled=disabled] {
    cursor: default
}

.ls-ui-comp-user_locations-action {
    left: 0;
    padding: 11px 7px
}

.ls-ui-comp-user_locations-action span {
    width: 25px;
    height: 25px;
    background: url(../images/sprites/locservices_ui_x1.png) -10px -378px no-repeat
}

.ls-ui-comp-user_locations-location-preferred .ls-ui-comp-user_locations-action span {
    background: url(../images/sprites/locservices_ui_x1.png) -10px -10px no-repeat
}

.ls-ui-comp-user_locations-remove {
    right: 0;
    padding: 11px 5px;
    margin-top: 2px
}

.js,.ls-ui-comp-user_locations .ls-ui-comp-user_locations-location-with-dialog {
    padding: 0
}

.ls-ui-comp-user_locations-remove span {
    width: 24px;
    height: 24px;
    background: url(../images/sprites/locservices_ui_x1.png) -11px -102px no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (min-device-pixel-ratio:1.3),only screen and (min-resolution:1.3dppx) {
    .ls-ui-comp-user_locations .ls-ui-comp-user_locations-location-preferred .ls-ui-comp-user_locations-action span {
        background-image: url(../images/sprites/locservices_ui_x2.png);
        background-size: 44px;
        background-position: -10px -10px
    }

    .ls-ui-comp-user_locations .ls-ui-comp-user_locations-action span {
        background-image: url(../images/sprites/locservices_ui_x2.png);
        background-size: 44px;
        background-position: -11px -370px
    }

    .ls-ui-comp-user_locations .ls-ui-comp-user_locations-remove span {
        background-image: url(../images/sprites/locservices_ui_x2.png);
        background-size: 44px;
        background-position: -10px -100px
    }
}

.js .ls-ui-ctrl-primary {
    padding: 20px 8px
}

.js .ls-ui-ctrl-primary .ls-ui-o {
    position: relative
}

.js .ls-ui-ctrl-primary .ls-ui-ctrl-primary-search {
    margin-top: 54px
}

.js .ls-ui-ctrl-primary .ls-ui-comp-close_button {
    position: absolute;
    top: -54px;
    right: 0;
    display: none
}

.js .ls-ui-ctrl-active .ls-ui-comp-close_button,.js .ls-ui-ctrl-active .ls-ui-comp-user_locations {
    display: block
}

.js .ls-ui-ctrl-active {
    background: #fff
}

.js .ls-ui-ctrl-active .site-name {
    color: #000
}

.js .ls-ui-ctrl-active .ls-ui-comp-search .ls-ui-input,.js .ls-ui-ctrl-active .ls-ui-comp-search .ls-ui-submit {
    background-color: #e6e6e6
}

.js .ls-ui-ctrl-geolocation .ls-ui-ctrl-primary-search {
    margin-top: 112px
}

.js .ls-ui-ctrl-geolocation .ls-ui-comp-geolocation {
    position: absolute;
    top: -54px;
    display: block
}

@media (min-width:400px) {
    .js .ls-ui-ctrl-primary {
        padding: 20px 16px
    }
}

@media (min-width:600px) {
    .js .ls-ui-ctrl-geolocation .ls-ui-comp-geolocation,.js .ls-ui-ctrl-primary .ls-ui-comp-close_button {
        right: 0;
        top: 0
    }

    .js .ls-ui-ctrl-primary .ls-ui-ctrl-primary-search {
        margin: 5px 0 0
    }

    .js .ls-ui-ctrl-active .ls-ui-ctrl-primary-search {
        margin-right: 52px
    }

    .js .ls-ui-ctrl-open .ls-ui-ctrl-primary-search {
        margin-right: 0
    }

    .js .ls-ui-ctrl-geolocation .ls-ui-comp-auto_complete,.js .ls-ui-ctrl-geolocation .ls-ui-comp-message,.js .ls-ui-ctrl-geolocation .ls-ui-comp-search_results,.js .ls-ui-ctrl-geolocation .ls-ui-ctrl-primary-search {
        margin-right: 52px
    }

    .js .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-auto_complete,.js .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-message,.js .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-search_results,.js .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-ctrl-primary-search {
        margin-right: 104px
    }

    .js .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-geolocation {
        position: absolute;
        top: 0;
        right: 50px
    }

    .js .ls-ui-ctrl-geolocation.ls-ui-ctrl-open .ls-ui-comp-auto_complete,.js .ls-ui-ctrl-geolocation.ls-ui-ctrl-open .ls-ui-comp-message,.js .ls-ui-ctrl-geolocation.ls-ui-ctrl-open .ls-ui-comp-search_results,.js .ls-ui-ctrl-geolocation.ls-ui-ctrl-open .ls-ui-ctrl-primary-search {
        margin-right: 52px
    }

    .js .ls-ui-ctrl-geolocation.ls-ui-ctrl-open .ls-ui-comp-geolocation {
        right: 0
    }
}

@media (min-width:1008px) {
    .js .ls-ui-ctrl-primary .ls-ui-o {
        max-width: 976px;
        margin: 0 auto
    }
}

.js .ls-ui-ctrl-active .ls-ui-o #set-loc-message {
    margin: 16px 44px 0 0
}

.js .ls-ui-ctrl-active .ls-ui-o .ls-ui-comp-geolocation {
    top: 42px
}

.js .ls-ui-o {
    clear: both;
    padding: 0 0 8px;
    font-size: 10px
}

.js .ls-ui-o #set-loc-message {
    margin: 16px 0 0;
    font-size: 14px
}

.js .ls-ui-o .ls-ui-ctrl-primary-search {
    margin-top: 66px
}

.js .ls-ui-o .ls-ui-comp-search_results {
    margin-top: 0
}

.js .ls-ui-o .ls-ui-comp-message p,.js .ls-ui-o .ls-ui-comp-search_results ul {
    margin: 0
}

.js .ls-ui-o .ls-ui-comp-user_locations p {
    margin: 16px;
    padding: 0
}

.js .ls-ui-o .ls-ui-comp-geolocation {
    top: 28px;
    background-color: #0086D1
}

.js .ls-ui-o .ls-ui-comp-geolocation.ls-ui-comp-geolocation-disabled {
    background-color: #525553
}

.js .ls-ui-o .ls-ui-comp-geolocation-label {
    display: inline;
    font-family: Helvetica,Arial,freesans,sans-serif;
    font-size: 16px
}

.js .ls-ui-ctrl-geolocation .ls-ui-comp-close_button {
    top: -8px
}

.js .ls-ui-comp-dialog {
    background: #FFF;
    clear: left
}

@media screen and (min-width:348px) {
    .js .ls-ui-ctrl-active .ls-ui-o .ls-ui-comp-geolocation {
        top: 28px
    }

    .js .ls-ui-ctrl-active .ls-ui-comp-close_button {
        top: -16px
    }
}

@media screen and (min-width:568px) {
    .js .ls-ui-o .ls-ui-comp-dialog p {
        padding: 11px 240px 13px 6px
    }
}

@media screen and (min-width:400px) {
    .js .ls-ui-ctrl-active .ls-ui-o #set-loc-message,.js .ls-ui-o #set-loc-message {
        margin: 16px 44px 0 8px
    }

    .js .ls-ui-ctrl-active .ls-ui-o .ls-ui-comp-geolocation,.js .ls-ui-o .ls-ui-comp-geolocation {
        top: 28px
    }

    .js .ls-ui-ctrl-geolocation .ls-ui-comp-close_button {
        top: -16px
    }
}

@media screen and (min-width:600px) {
    .js .ls-ui-o .ls-ui-comp-close_button,.js .ls-ui-o .ls-ui-comp-geolocation {
        right: 8px;
        top: 54px
    }

    .js {
        padding: 0
    }

    .js .ls-ui-o {
        padding: 8px 8px 16px
    }

    .js .ls-ui-o #set-loc-message {
        margin: 16px 16px 16px 8px
    }

    .js .ls-ui-o .ls-ui-ctrl-primary-search {
        margin-top: 16px
    }

    .js .ls-ui-o .ls-ui-comp-geolocation-label {
        display: none
    }

    .js .ls-ui-o .ls-ui-comp-user_locations p {
        margin: 16px
    }

    .js .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-geolocation {
        top: 54px;
        right: 60px
    }

    .js .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-geolocation .ls-ui-comp-close_button {
        top: -16px
    }
}

.hp-settings__location {
    margin-bottom: 8px
}

.hp-settings__location-wrapper {
    background-color: #FFF;
    padding: 24px 8px
}

.hp-settings__location-wrapper .set-loc-message {
    position: absolute;
    margin: 0 52px 0 0;
    color: #767676;
    font-weight: 400
}

.hp-settings__location-wrapper .set-loc-info {
    margin: 24px 0 0
}

.hp-settings__location-wrapper .hidden {
    display: none
}

.hp-settings__location-wrapper .hp-settings__location-header--add {
    padding-bottom: 52px
}

.hp-settings__location-wrapper .hp-settings__location-title {
    margin-bottom: 0
}

.hp-settings__location-wrapper .hp-settings__location-subtitle {
    margin-bottom: 8px
}

.hp-settings__location-wrapper .hp-settings__location-buttons {
    margin-bottom: -16px;
    margin-left: -8px
}

.hp-settings__location-wrapper .hp-settings__location-button {
    display: inline-block;
    float: left;
    border: 0;
    background: 0 0;
    cursor: pointer;
    width: 44px;
    height: 44px;
    line-height: 44px
}

.hp-settings__location-wrapper .hp-settings__location-button::before {
    color: #007BC7
}

.hp-settings__location-wrapper .hp-settings__location-button:hover::before {
    color: #1D4482
}

.hp-settings__location-wrapper .hp-settings__location-button--disabled::before,.hp-settings__location-wrapper .hp-settings__location-button--disabled:hover::before {
    color: #767676
}

.hp-settings__location-wrapper .hp-settings__location-body--cookies-disabled .set-loc-info {
    margin: 0
}

.js .hp-settings__location-wrapper .ls-ui-o {
    top: -52px;
    margin-top: 0;
    margin-bottom: -52px;
    margin-left: 0;
    padding: 112px 0 0
}

.js .hp-settings__location-wrapper .ls-ui-o .ls-ui-ctrl-primary-search {
    margin-top: 0
}

.js .hp-settings__location-wrapper .ls-ui-o .ls-ui-comp-geolocation {
    top: 60px;
    right: 0;
    background-color: #007BC7
}

.js .hp-settings__location-wrapper .ls-ui-o .ls-ui-comp-geolocation-disabled {
    background-color: #525553
}

.js .hp-settings__location-wrapper.ls-ui-ctrl-active .ls-ui-o .ls-ui-comp-geolocation {
    top: 60px
}

.js .hp-settings__location-wrapper.ls-ui-ctrl-active .ls-ui-o .ls-ui-comp-close_button {
    top: 8px
}

.js .hp-settings__location-wrapper.ls-ui-ctrl-active .ls-ui-o .ls-ui-comp-user_locations-message {
    margin: 0;
    color: #000
}

.js .hp-settings__location-wrapper>.ls-ui-comp-dialog {
    margin-top: 8px
}

@media (max-width:37.49em) {
    .ls-ui-ctrl-active .hp-settings__location-header-cold-start {
        padding-bottom: 44px
    }

    .js .hp-settings__location-wrapper.ls-ui-ctrl-active .hp-settings__location-buttons {
        margin-bottom: 0
    }
}

@media (min-width:25em) {
    .hp-settings__location-wrapper {
        padding-right: 16px;
        padding-left: 16px
    }

    .hp-settings__location {
        margin-bottom: 16px
    }
}

@media (min-width:37.5em) {
    .hp-settings__location-wrapper .set-loc-message {
        position: static;
        margin: 0 0 24px
    }

    .hp-settings__location-wrapper .hp-settings__location-header--add {
        padding-bottom: 0
    }

    .js .hp-settings__location-wrapper .ls-ui-o {
        top: 0;
        margin: 24px 0 0;
        padding-top: 0
    }

    .js .hp-settings__location-wrapper .ls-ui-o .ls-ui-comp-geolocation {
        top: 0
    }

    .js .hp-settings__location-wrapper.ls-ui-ctrl-active .ls-ui-o .ls-ui-comp-geolocation {
        top: 0;
        right: 52px
    }

    .js .hp-settings__location-wrapper.ls-ui-ctrl-active .ls-ui-o .ls-ui-comp-close_button {
        top: 0;
        right: 0
    }

    .hp-settings__location-wrapper .hp-settings__location-header {
        margin-bottom: 0
    }

    .hp-settings__location-wrapper .hp-settings__location-title {
        float: left;
        margin-bottom: 16px
    }

    .hp-settings__location-wrapper .hp-settings__location-buttons {
        position: relative;
        top: -8px;
        left: 8px;
        margin-bottom: -24px;
        margin-left: 0
    }
}

@media (min-width:63em) {
    .hp-settings__location-wrapper {
        max-width: 976px
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-settings__location-wrapper {
        max-width: 1248px
    }
}

.hp-toggle-button {
    display: block;
    position: relative;
    overflow: hidden
}

.hp-toggle-button__input {
    position: absolute;
    top: 0;
    left: -100px
}

.hp-toggle-button__input+.hp-toggle-button__label {
    display: block;
    background-color: #FFF;
    cursor: pointer;
    padding: 8px 8px 8px 48px;
    line-height: 32px;
    color: #1C1C1C
}

.hp-toggle-button__label-truncation {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.hp-toggle-button__input+.hp-toggle-button__label:before {
    display: block;
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 8px;
    background-color: #767676;
    background-image: url(../images/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    content: ' '
}

.hp-toggle-button__input+.hp-toggle-button__label:hover,.hp-toggle-button__input:focus+.hp-toggle-button__label {
    text-decoration: underline;
    color: #245C80
}

.hp-toggle-button__input:checked+.hp-toggle-button__label:before {
    background-color: #4D9CCC;
    background-image: url(../images/tick.svg);
    background-position: center
}

.hp-toggle-button__input:disabled+.hp-toggle-button__label {
    cursor: default;
    text-decoration: none;
    color: #767676
}

.hp-toggle-button__input:disabled+.hp-toggle-button__label:before {
    background-color: #E6E6E6;
    background-image: url(../images/plus_inactive.svg)
}

.hp-toggle-button__input:checked:disabled+.hp-toggle-button__label:before {
    background-image: url(../images/tick_inactive.svg)
}

.hp-toggle-button::selection,.hp-toggle-button__input+.hp-toggle-button__label::selection {
    background: 0 0;
    color: #245C80
}

.hp-toggle-button__tag {
    margin-top: -3px;
    margin-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
    line-height: 1em
}

@media (min-width:25em) {
    .hp-toggle-button__input+.hp-toggle-button__label {
        padding-right: 16px;
        padding-left: 56px
    }

    .hp-toggle-button__input+.hp-toggle-button__label:before {
        top: 8px;
        bottom: 8px;
        left: 16px
    }
}

@media (min-width:48em) {
    .hp-toggle-button__tag {
        margin-top: -2px;
        margin-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.hp-toggle-group {
    margin-bottom: 8px
}

.hp-toggle-group__header {
    margin-bottom: 2px;
    padding: 16px 8px
}

.hp-toggle-group__content,.hp-toggle-group__header {
    background-color: #FFF
}

.hp-toggle-group__desc,.hp-toggle-group__title {
    margin: 0
}

.hp-toggle-group__title {
    color: #1C1C1C;
    font-weight: 400
}

.hp-toggle-group__desc {
    margin-top: 4px;
    color: #767676
}

@media (min-width:25em) {
    .hp-toggle-group__header {
        padding: 16px
    }

    .hp-toggle-group__content {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .hp-toggle-group {
        margin-bottom: 16px
    }
}

.hp-settings {
    position: relative;
    background-color: #F3F3EE
}

.hp-settings-wrapper {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 1008px
}

.hp-settings__content {
    margin-bottom: -8px;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width:25em) {
    .hp-settings__content {
        margin-bottom: -16px;
        padding-top: 16px;
        padding-right: 16px;
        padding-left: 16px
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-settings-wrapper {
        max-width: 1280px
    }
}

.hp-module.beta-opt-in-container>.hp-message-banner,.hp-module.beta-opt-out-container>.hp-message-banner,.hp-module.message-banner-container>.hp-message-banner,.hp-module.message-banner-signed-in-container>.hp-message-banner {
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%
}

.hp-message-banner__wrapper {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    max-width: 1008px
}

.hp-message-banner__button-wrapper,.hp-message-banner__content-wrapper {
    box-sizing: border-box;
    padding-bottom: 8px
}

.hp-message-banner__title {
    margin: 0 44px 8px 0;
    font-weight: 400
}

.hp-message-banner__sub-title {
    margin-top: 0
}

@media (max-width:37.49em) {
    .hp-message-banner__wrapper--with-image .hp-message-banner__button-wrapper {
        position: relative;
        margin-top: 94px
    }
}

.hp-message-banner-container--dismissable {
    display: none
}

.hp-message-banner__button {
    padding: 8px 16px;
    text-decoration: none
}

.hp-message-banner__button:focus,.hp-message-banner__button:hover {
    text-decoration: underline
}

.hp-message-banner a {
    text-decoration: none;
    font-weight: 700
}

.hp-message-banner a:focus,.hp-message-banner a:hover {
    text-decoration: underline
}

@media (min-width:25em) and (max-width:37.49em) {
    .hp-message-banner__wrapper {
        padding-left: 8px
    }
}

@media (min-width:37.5em) and (max-width:47.99em) {
    .hp-message-banner__wrapper--with-image .hp-message-banner__sub-title,.hp-message-banner__wrapper--with-image .hp-message-banner__title {
        width: 50%
    }
}

@media (min-width:63em) {
    .message-banner-container>.hp-message-banner,.message-banner-signed-in-container>.hp-message-banner {
        margin: 0;
        max-width: 100%
    }
}

@media (min-width:80em) {
    .b-pw-1280 .hp-message-banner__wrapper {
        max-width: 1280px
    }
}

.hp-message-banner--blue,.hp-message-banner--blue a,.hp-message-banner--dark-grey,.hp-message-banner--dark-grey a {
    color: #FFF
}

.hp-message-banner--white,.hp-message-banner--white a {
    color: #007BC7
}

.hp-message-banner--purple,.hp-message-banner--purple a {
    color: #FFF
}

.hp-message-banner--blue {
    background-color: #007BC7
}

.hp-message-banner--dark-grey {
    background-color: #333
}

.hp-message-banner--white {
    background-color: #FFF
}

.hp-message-banner--purple {
    background-color: #7A2C87
}

.hp-message-banner--blue .hp-message-banner__button,.hp-message-banner--dark-grey .hp-message-banner__button,.hp-message-banner--purple .hp-message-banner__button {
    background-color: #FFF;
    color: #007BC7
}

.hp-message-banner--blue .hp-message-banner__button:focus,.hp-message-banner--blue .hp-message-banner__button:hover,.hp-message-banner--dark-grey .hp-message-banner__button:focus,.hp-message-banner--dark-grey .hp-message-banner__button:hover,.hp-message-banner--purple .hp-message-banner__button:focus,.hp-message-banner--purple .hp-message-banner__button:hover {
    background-color: #F5F5F5;
    color: #005383
}

.hp-message-banner--white .hp-message-banner__button {
    background-color: #007BC7;
    color: #FFF
}

.hp-message-banner--white .hp-message-banner__button:focus,.hp-message-banner--white .hp-message-banner__button:hover {
    background-color: #005383;
    color: #F5F5F5
}

.hp-message-banner--blue .hp-in-page-controls__remove,.hp-message-banner--dark-grey .hp-in-page-controls__remove,.hp-message-banner--purple .hp-in-page-controls__remove {
    background-image: url(../images/cross_light.svg)
}

.hp-message-banner--blue .hp-in-page-controls__remove:active,.hp-message-banner--blue .hp-in-page-controls__remove:focus,.hp-message-banner--blue .hp-in-page-controls__remove:hover,.hp-message-banner--dark-grey .hp-in-page-controls__remove:active,.hp-message-banner--dark-grey .hp-in-page-controls__remove:focus,.hp-message-banner--dark-grey .hp-in-page-controls__remove:hover,.hp-message-banner--purple .hp-in-page-controls__remove:active,.hp-message-banner--purple .hp-in-page-controls__remove:focus,.hp-message-banner--purple .hp-in-page-controls__remove:hover {
    background-image: url(../images/cross_light_hover.svg)
}

.hp-message-banner--white .hp-in-page-controls__remove {
    background-image: url(../images/cross_dark.svg)
}

.hp-message-banner--white .hp-in-page-controls__remove:active,.hp-message-banner--white .hp-in-page-controls__remove:focus,.hp-message-banner--white .hp-in-page-controls__remove:hover {
    background-image: url(../images/cross_dark_hover.svg)
}

.hp-message-banner__foreground-image {
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    height: 156px
}

@media (min-width:37.5em) {
    .hp-message-banner__foreground-image {
        top: 0;
        width: 50%;
        height: 100%
    }
}

@media (min-width:48em) {
    .hp-message-banner__content-wrapper {
        padding-bottom: 0
    }

    .hp-message-banner__button-wrapper {
        padding-top: 8px;
        padding-right: 16px;
        text-align: left
    }

    .hp-message-banner__foreground-image {
        width: 33.33333%
    }
}