#featureWrapperNI{
    display:block;position:relative;margin:0;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;width:100%;
    min-height:100px
}
@media (min-width: 768px){
    #featureWrapperNI{
        min-height:100px
    }
    #featureWrapperNI .sectionWrapper{
        position:relative
    }

}
@media (min-width: 980px){
    #featureWrapperNI{
        min-height:100px;overflow:hidden
    }
    #featureWrapperNI .sectionWrapper{
        overflow:hidden
    }

}
#featureWrapperNI #mainFeature{
    width:100%;position:relative
}
#featureWrapperNI #mainFeature section{
    padding-top:0px
}
@media (min-width: 980px){
    #featureWrapperNI #mainFeature section{
        padding:35px 0 15px
    }

}
#featureWrapperNI #mainFeature h1{
    font-size:40px;line-height:46px
}
#featureWrapperNI #mainFeature h2,#featureWrapperNI #mainFeature h3{
    border-bottom:none
}
#featureWrapperNI #mainFeature a.actionButton,#featureWrapperNI #mainFeature a.nextButton,#featureWrapperNI #mainFeature a.backButton,#featureWrapperNI #mainFeature a.actionButton:visited,#featureWrapperNI #mainFeature a.nextButton:visited,#featureWrapperNI #mainFeature a.backButton:visited{
    color:#fff
}
@media (min-width: 768px){
    #featureWrapperNI #mainFeature{
        min-height:100px;overflow:hidden
    }
    #featureWrapperNI #mainFeature h1{
        font-size:46px;line-height:54px
    }

}
@media (min-width: 980px){
    #featureWrapperNI #mainFeature{
        min-height:100px
    }
    #featureWrapperNI #mainFeature h1{
        font-size:46px;line-height:54px
    }

}
@media (min-width: 1252px){
    #featureWrapperNI #mainFeature{
        min-height:100px
    }
    #featureWrapperNI #mainFeature h1{
        font-size:54px;line-height:60px
    }

}
#featureWrapperNI #imageContainer{
    position:relative;margin:0px -15px 15px -15px
}
@media (min-width: 980px){
    #featureWrapperNI #imageContainer{
        margin:0px;position:absolute;top:-35px;width:1000px;height:100px;margin:0px;left:5%
    }

}
@media (min-width: 1252px){
    #featureWrapperNI #imageContainer{
        width:1000px
    }

}
#featureWrapperNI #imageContainer .mainImage{
    display:block
}
@media (min-width: 980px){
    #featureWrapperNI #imageContainer .mainImage{
        height:100px;position:relative;transform:skew(-45deg);-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);overflow:hidden
    }
    #featureWrapperNI #imageContainer .mainImage img{
        transform:skew(45deg);-webkit-transform:skew(45deg);-moz-transform:skew(45deg);-o-transform:skew(45deg);position:absolute;width:1000px;left:-20%;height:100%
    }

}
@media (min-width: 1252px){
    #featureWrapperNI #imageContainer .mainImage{
        height:100px;position:relative;left:5%;transform:skew(-45deg);-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);overflow:hidden
    }
    #featureWrapperNI #imageContainer .mainImage img{
        transform:skew(45deg);-webkit-transform:skew(45deg);-moz-transform:skew(45deg);-o-transform:skew(45deg);position:absolute;width:1000px;left:-20%;height:100%
    }

}


/*
Signposts
------------------
*/
.signpost {
    margin: 0px 0px 25px 0px;
    position: relative;
}
.signpostContent {
    padding: 10px 15px 1px 15px;
}
.signpostContent h2 {
    margin-top: 0px;
}
.column.four .signpost, .column .signpost {
    max-width: 300px;
}
.signpost .signpostArrow {
    display: block;
    position: absolute;
    top: 8px;
    right: 15px;
    width: 9px;
    height: 31px;
    overflow: hidden;
    background-image: url("/assets/images/common/arrow-sprite.png");
    background-position: 0px 5px;
    background-repeat: no-repeat;
    z-index: 10;
}
body.noTouch .signpost:hover .signpostArrow {
    background-position: 0px -45px;
    color: #fff;
    text-decoration: none;
}
body.hires .signpost .signpostArrow {
    background-image: url("/assets/images/common/arrow-sprite-2x.png");
    background-size: 9px 100px;
}

#bookshopSignpost {
    background-color: #757578;
    color: #fff;
    background-image: url("/assets/images/signposts/bookshop-signpost-bg.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#bookshopSignpost .signpostContent {
    padding: 10px 25px 35% 15px;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
}
#bookshopSignpost .signpostContent a, #bookshopSignpost .signpostContent a:visited {
    color: #fff;
}
body.noTouch #bookshopSignpost:hover .signpostContent a {
    color: #fff;
    text-decoration: underline;
}

#gcMagazineSignpost {
    background-color: #a3c7d2;
    color: #fff;
    background-image: url("/assets/images/signposts/magazine-signpost-bg.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#gcMagazineSignpost .signpostContent {
    padding: 10px 25px 18% 15px;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
}
#gcMagazineSignpost h2 {
    color: #fff;
}
#gcMagazineSignpost .signpostContent a, #gcMagazineSignpost .signpostContent a:visited {
    color: #fff;
}
body.noTouch #gcMagazineSignpost:hover .signpostContent a {
    color: #fff;
    text-decoration: underline;
}


/* Custom signposts  */

.signpost .signpostContent {
    font-size: 20px;
    line-height: 24px;
    padding: 10px 25px 18% 15px;
}

.signpost .signpostContent.smallPad, .heroPanel .heroContent.smallPad  {
    padding: 5px 10px;
}
.signpost .signpostContent a, .signpost .signpostContent a:visited {
    color: #FFFFFF;
}

.signpost.color1 .signpostContent {
    background-color: #7F1148;
}

.signpost.color1 .signpostContent.noBackground {
    background-color: transparent !important;
}

.signpost .signpostImage {
    margin: 0px;
}

.signpost .signpostImage img{
    vertical-align: bottom;
}

.signpost .signpostContent.topLeft {
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 2;
}

.signpost h2, .signpost strong{
    color: #FFFFFF;
}

.signpost.signpostContent.noBackground {
    background-color: transparent !important;
}

.signpost .signpostContent.bottomRight {
    bottom: 10px;
    position: absolute;
    right: 10px;
    text-align: right;
    z-index: 5;
}
.signpost .signpostContent.topLeft {
    top: 10px;
    position: absolute;
    left: 10px;
    text-align: right;
    z-index: 5;
}

/* for Jobs */
.ads > div {
    margin-bottom: 10px;
}