@import url(legacy.css?seed=0037);
@import url(layout_fixed.css?seed=0037);
@import url(layout/1170.css?seed=0037);
@import url(layout/0970.css?seed=0037);
@import url(layout/0750.css?seed=0037);
@import url(layout/0480.css?seed=0037);
@import url(layout/0320.css?seed=0037);
@import url(fonts.css?seed=0037);
@import url(bgimages.css?seed=0037);

#printheader{display: none;}
#printheaderlower{display: none;}

body{
    font-family: 'SeravekExtraLight', Verdana, Geneva, sans-serif;
    text-align: center;
    font-size: 19px;
    font-weight: 300;
    padding: 0;
    margin: 0;
    text-rendering:geometricPrecision;
    font-feature-settings: "kern" 1;
    -webkit-font-feature-settings: "kern" 1;
}

strong, b{
    font-family: 'SeravekRegular', Verdana, Geneva, sans-serif !important;
    font-weight: 300;
    
}
.pageindent{
    font-size: 20px;
    line-height: 1.4em;
    padding-bottom: 50px;
}

h1{
    font-family: 'SeravekExtraLight', Verdana, Geneva, sans-serif;
    font-weight: 300;
    margin: 0;
}

h1, h2, h3, h4, h5, h5{
    line-height: 1.4em; 
    text-rendering:geometricPrecision;
    font-feature-settings: "kern" 1;
    -webkit-font-feature-settings: "kern" 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h5 a{
    line-height: 1.4em; 
    text-rendering:geometricPrecision;
    font-feature-settings: "kern" 1;
    -webkit-font-feature-settings: "kern" 1;
}

h3{
    font-family: 'SeravekRegular', Verdana, Geneva, sans-serif;
    font-weight: 300;
    margin: 0;
}

.articletextinner h3,
.articletextinner h2,
.articletextinner h1{
    margin: 15px 0;
}

input, textarea{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

img{
    display: block;
    border: 0;
}

a{
    text-decoration: none;
    color: #000;
}

#menu{
    margin-right: 10px;
}

.wrapper, #footerholder {
    margin: 0 auto;
    text-align: center;
}

#footerwrapper{
    background-color: #006587;
}

ul{
    list-style-position: inside;
}

ul#mast{
    list-style-type: none;
    padding:  0;
    margin: 0;
}

ul#mast li, ul#mast li img{
    display: inline-block;
    vertical-align: middle;
}

ul#mast li{
    padding: 0;
}

ul#mast li a{
    text-decoration: none;
    padding: 0 12px 0 9px;
}

ul#mast li.d1f a{
    padding-left: 0;
}

ul#mast li.d1, ul#mast li.d2, ul#mast li.i1, ul#mast li.i2{
    margin-top: 20px;
}

ul#mast li.d1 a, ul#mast li.d2 a{
    border-right: solid #BCBDC0 1px;
}

ul#mast li a:hover{
    /*font-weight: bold;*/
}

.blue{
    height: 17px;
    background: #89D0C6; /* Old browsers */
    background: -moz-linear-gradient(left,  #7CD3F6 0%, #89D0C6 100%);
    background: -webkit-linear-gradient(left,  #7CD3F6 0%,#89D0C6 100%);
    background: linear-gradient(to right,  #7CD3F6 0%,#89D0C6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CD3F6', endColorstr='#89D0C6',GradientType=1 );  
}

#stories a{
    text-decoration: none;
    color: #000;
}

.fpd{
    padding: 2px 0 20px 0;
    font-size: 17px;
    font-family: SeravekLight, Verdana, Geneva, sans-serif;
}

.fph1, .fph2{
    font-size: 28px;
    font-family: SeravekLight, Verdana, Geneva, sans-serif;
    line-height: 1.0;
}

.fph2{
    padding-bottom: 17px;
}

.fph3, .fph4{
    font-size: 18px;
    font-family: SeravekLight, Verdana, Geneva, sans-serif;
    line-height: 1.1;
}

.em1{
    height: 1em;
    overflow: hidden;
}

.em2{
    height: 2em;
    overflow: hidden;
}


.homeboxpadding, .homeboxpaddingsection{
    font-family: 'SeravekLight', Verdana, Geneva, sans-serif;
    color: #fff;
    text-align: right;
    line-height: 1.1;
}

.homebox, .homeboxsection {
    border: 10px solid #fff;
    background: rgb(30, 30, 30); background: rgba(30, 30, 30, .6);
    
}

.after:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ctalink{
    background-color: #fff; 
    color: #000;
    display: inline-block;
    cursor: pointer;
}

#hbm{
    background-color: #8DD7F7;
}

#hbm a{
    text-decoration: none;
    color: black;
}

#hbml, #hbmr{
    font-size: 40px;
}

.hbmi{
    font-size: 20px;
}


#hbmli{
    padding-right: 20px;
}

.hbms{
    padding: 20px 0 0 0;
    line-height: 1;
}

#hbmri{
    padding-left: 20px;
}

#closehbm, #hbmbasediv{
    padding: 5px 15px 0 0; text-align: right;background-color: #89D0C6;
    background: #89D0C6; /* Old browsers */
    background: -moz-linear-gradient(left,  #7CD3F6 0%, #89D0C6 100%);
    background: -webkit-linear-gradient(left,  #7CD3F6 0%,#89D0C6 100%);
    background: linear-gradient(to right,  #7CD3F6 0%,#89D0C6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CD3F6', endColorstr='#89D0C6',GradientType=1 );       
}
    
#hbmsocial{
    padding: 30px 0 20px 0; 
    background-color: #50B3D9;
}

#hbmsocial img{
    height: 35px;
}

#hbmsocial span{
    display: inline-block;
    padding: 0 10px;
    border-left: 2px solid #fff;
}

#hbmsocial span:first-child{
    border: none;
}


.mainbody img{
    display: inline;
}

.sectionHBMtop{
    font-size: 23px;
    text-align: left; 
    padding: 3px 0 4px 50px;
    
    background: #00aeed; /* Old browsers */
    background: -moz-linear-gradient(left,  #00aeed 0%, #8acebf 100%);
    background: -webkit-linear-gradient(left,  #00aeed 0%,#8acebf 100%);
    background: linear-gradient(to right,  #00aeed 0%,#8acebf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeed', endColorstr='#8acebf',GradientType=1 );    
}

.sectionHBMholder{
    
    text-align: left; 
    padding: 10px 0 10px 75px;
    color: #fff;
    
    background: #047192; /* Old browsers */
    background: -moz-linear-gradient(left, #047192 0%, #0BB1EF 100%);
    background: -webkit-linear-gradient(left, #047192 0%, #0BB1EF 100%);
    background: linear-gradient(to right, #047192 0%, #0BB1EF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047192', endColorstr='#0BB1EF',GradientType=1 );    

}

.sectionHBM{
    margin: 0; 
    padding: 0;
    list-style-position: inside;
    list-style-type: none;
    
    -webkit-column-rule: 1px outset #fff; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #fff; /* Firefox */
    column-rule: 1px outset #fff;    
    
}

.sectionHBM li a{
    color: #fff;
}

.sectionHBM li.heading{
    color: #9DDFF7;
}


.staffbox{
    float: left;
    height: 280px;
    width: 190px;
}

.supportbox{
    float: left;
    height: 280px;
    width: 250px;
}

.staffbox2{
    float: left;
    height: 280px;
    width: 286px;
    font-size: 18px;
}

.rotatorslide{
    display: inline-block;
    position: absolute;
    left: 0;
}


#rotatortransport, #rotatortransportsection{
    position: relative;
    overflow: hidden;    
}

#rotatormaincarosel{
    position: absolute;
}

td p {
    padding: 0;
    margin: 0;
}


.www{
	background-image:url(/assets/images/www.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
.showhide{
	background-image:url(/assets/images/showhide.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
.hspcontact{
    background-color:#F3FBFE;
    font-size: 90%;
    padding: 7px;
    margin: 5px 7px 7px 20px;
    border: solid 1px #E3F4FC;
}

#cform input, #cform select, #cform textarea{
    font-family: 'SeravekExtraLight', Verdana, Geneva, sans-serif;
    font-size: 20px;
    padding: 4px;
}

#cform .formwrapper2016{
    padding-bottom: 10px;
}
    
#cform .formlabel2016{
    width: 160px;
    float: left;
    text-align: right;
    padding-right: 10px;
}

#cform .forminput2016{
    float: left;
}

.error2016{
    color: #fff; margin-bottom:10px; padding: 4px 10px; background-color: #cc0000; display: inline-block;
}


#cform{
	background: none;
	border: none;
	padding: 0;
}



.rotatorslide{
    cursor: pointer;
}


.pageindent img.full{
    width: 100% !important;
}




/*
Extra Styles for 2018
*/

#rotatorholder{
    margin-bottom: 12px;
}

#rotleft{
    position: absolute;
    display: inline-block;
    left: 10px;
    top: 45%;
    z-index: 888;
}
#rotleft img{padding: 15px 15px 15px 0;}

#rotright{
    position: absolute;
    right: 10px;
    top: 45%;
    z-index: 888;
    padding: 4px;
}
#rotright img{padding: 15px 0 15px 15px;}


/* Desktop Layout */

#hmedc1:after, #hmedc2:after, #medcarholder:after, after:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#hmedheading span{display: inline-block; color: #fff; font-size: 39px;}
#hmedheading span a{color: #fff;}


#hmedlatest{display: inline-block; color: #fff; font-size: 24px;text-align: left; padding: 17px 3px 9px 3px;}
#hmedlatest a{
    color: #fff;
}
.hmedlatestholder{
    /*height: 85px;*/
    padding-right: 20px;
}

#medcarlatest{color: #fff; font-size: 24px; text-align: left; padding: 10px 0 0 25px}

.hmedlatestimg{
    height: 90px;
    width: 160px;
    /*float: left;*/
    background-size: cover;
}
.hmedlatestimg a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.mctitle a{
    color: #fff;
}


#lminlay{
    background-color: #0F6E98;
    padding: 20px 0 0px 20px;;

}

.lmheading span a, .lmsubject a{
    color: #fff;
}

.lmheading{
    color: #fff; font-size: 18px; line-height: 1;
}

.lmsubject{
    width: 183px; color: #fff; font-size: 15px; line-height: 1; padding-bottom: 3px; margin-bottom: 5px; border-bottom: solid 1px #4A91B1;
}

.lmheading span{
    display: block;
    padding: 5px 0 20px 0px;      
}

#movlc1left{
    font-family: SeravekLight;
    background-color: rgba(15,110,152,0.85);
    position: relative;
}

#movlc1leftinner{
    height: 180px;
    text-align: left;
}

#latestmedia{
    margin-top: 95px;
    text-align: left;
}

#latestmediapad{
    padding: 0px 0px 0px 0px;
}

#movlc1head{
    font-family: SeravekExtraLight;
    color: #fff;
    font-size: 33px;
    line-height: 1.0;
}


#movlc1copy{
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
}

#movlc1share{
    position: absolute;
    top: 134px;
}

#movlc1play{
    position: absolute;
    top: 70px;
    right: 45px;
    width: 43px;
    height: 43px;
}

#movlc1share div{
    height:  32px;
    display: inline-block;
    background-repeat: no-repeat;
}

#movlc1share a{
    display: inline-block;
    height: 32px;
    width: 100%;

}

#movlc1share #fb{
    width: 30px;
    background-image: url(/assets/images/homepage2018/mediafb.png);    
}

#movlc1share #tw{
    width: 34px;
    background-image: url(/assets/images/homepage2018/mediatw.png);
}

#movlc1share #yt{
    width: 41px;
    background-image: url(/assets/images/homepage2018/mediayt.png);
}

#movlc1share #ig{
    width: 30px;
    background-image: url(/assets/images/homepage2018/mediaig.png);    
}

#movlc1share .dv{
    width: 25px;
    background-image: url(/assets/images/homepage2018/mediadiv.png);    
}

#hmedc1{
    background: #007296; /* Old browsers */
    background: -moz-linear-gradient(left, #0F6E98 0%, #11ABBB 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0F6E98 0%,#11ABBB 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0F6E98 0%,#11ABBB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F6E98', endColorstr='#11ABBB',GradientType=1 ); /* IE6-9 */
}

#hmedc2{
    background: #007296; /* Old browsers */
    background: -moz-linear-gradient(left, #0F6E98 0%, #108DA9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0F6E98 0%,#108DA9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0F6E98 0%,#108DA9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F6E98', endColorstr='#108DA9',GradientType=1 ); /* IE6-9 */
}

#hmedc3{
    background-color: #0F6E98;
}

.hblogc1, #bloglspacer{
    background: #FAB809; /* Old browsers */
    background: -moz-linear-gradient(left, #FAB809 0%, #DD1558 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #FAB809 0%,#DD1558 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #FAB809 0%,#DD1558 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB809', endColorstr='#DD1558',GradientType=1 ); /* IE6-9 */
}


#bloglspacer{display:none;}

#hpeventbanner{
    background: #0F6E98; /* Old browsers */
    background: -moz-linear-gradient(left, #0F6E98 0%, #B9D718 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0F6E98 0%,#B9D718 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0F6E98 0%,#B9D718 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F6E98', endColorstr='#B9D718',GradientType=1 ); /* IE6-9 */
}

.hpevent{
    line-height: 1.1;
}

#hppubsbanner{
    background: #933077; /* Old browsers */
    background: -moz-linear-gradient(left, #933077 0%, #3D8CA7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #933077 0%,#3D8CA7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #933077 0%,#3D8CA7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#933077', endColorstr='#3D8CA7',GradientType=1 ); /* IE6-9 */
}

.hbkc1{
    background: #C8E12E; /* Old browsers */
    background: -moz-linear-gradient(left, #C8E12E 0%, #E3A810 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #C8E12E 0%,#E3A810 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #C8E12E 0%,#E3A810 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8E12E', endColorstr='#E3A810',GradientType=1 ); /* IE6-9 */
}

    /*
    * 2018 Call to Action Dropdown Panels
    */
    
    .cgss18grad{position: relative;}
    #cgss18headline{position: absolute;}
    .cgss18headlineback{text-align: right;color: #fff;}
    #cgss18floattable{display: table;height: 100%;width: 100%;}
    #cgss18floatcell{display: table-cell;vertical-align: middle;text-align: right;}
    #cgss18band{background-color: #ddd;position: relative;}
    .cgss18img{font-family: SeravekMedium;}
    .cgssitem{text-align: left;color: #fff;}
    .cgssitem a{color: #fff;}
    #cgssitem1{position: absolute;}
    #cgssitem2{position: absolute;}
    #cgssitem3{position: absolute;}
    #cgss18close{color: #fff;position: absolute;}
    #cgss18bandinner{color: #000;text-align: left;}
    #cgss18basedesc{color: #fff;text-align: left;font-family: SeravekLight;}

    /*
    * Home Stories 2018
    */
    
    #homestorypanelholder img{width: 100%;}
    #homestorypanelholder{text-align: left;}
    .latest{font-weight: 400;}
    .homestpanbrder{border-right: solid 1px #E4E3E4;}
    /*.hsphdl{font-weight: 600;}*/
    .si0 a div, .si1 a div, .si2 a div{background-repeat: no-repeat;}
    #homestorypanel0 .hspimg{float: right;}
    #homestorypanel0, #homestorypanel1, #homestorypanel2{border-bottom: solid 1px #E4E3E4;}
    #homestorypanel0{float: left;}
    #homestorypanel1{background-color: #9CDCF9;float: left;}
    #homestorypanel2{background-color: #EAE9D6;float: left;}
    #homestorypanel3{float: left;}
    #homestorypanel4{float: left;}
    #homestorypanel5{float: left;}
    #homestorypanel6{float: left;}
    #homestorypanel7{float: left;}
    
    /*
    * Media Panels 2018
    */

    #hmedc1playerinner{background-repeat: no-repeat;background-color: #006587;}
    
    /* Carossell */
    
    #medcarnavl, #medcaritems, .mediacitem{float: left;}
    #medcarholder{text-align: left;color: #fff;}

    /*
    * Blogs
    */

    #blogltitle{font-family: SeravekExtraLight;color: #000;}
    .blogrtitle{font-family: SeravekExtraLight;color: #000;}
    .blogrcats{border-bottom: solid 1px #E4E3E4;}

    /* 
    * Bookstrore home 
    */
    
    #hbkltitle{font-family: SeravekExtraLight;color: #000}
    .hbkrtitle{font-family: SeravekExtraLight;color: #000}
    #hbklauthor{font-family: SeravekLight;color: #000}
    .hbkrauthor{font-family: SeravekLight;color: #000}

    /* 
    * Events
    */

    #hpeventbg{position: relative}
    #hpeventbanner{position: absolute;text-align: left;z-index: 0}
    #hpeventsall{position: absolute;z-index: 999}
    #hpeventsall a{color: #fff}
    #hpeventstitle{position: absolute;color: #fff}
    #hpeventstitle a{color: #fff}
    #hpeventholder{position: relative;text-align: left;z-index: 13}
    .hpeventtitle{border-bottom: solid 1px #E4E3E4;padding-bottom: 5px;margin-bottom: 10px}
    .hpeventtag{border-top: solid 1px #E4E3E4;padding-top: 5px;margin-top: 10px}
    .hpeventtime{font-family: SeravekExtraLight, Verdana, Geneva, sans-serif; font-weight: 600;}
    .cmfeventbadge{display: inline-block;border: 1px solid #ddd}
    .hpeventborder{float: left;}
    .hpeventborderlast{float: left}

    /* 
    * Pubs 
    */
    
    #hppubsbanner{position: relative;text-align: left}
    #hppubssall{position: absolute;z-index: 999}
    #hppubssall a{color: #fff}
    #hppubsstitle{position: absolute;color: #fff}
    #hppubsstitle a{color: #fff}
    #hppubsholder{position: absolute;text-align: left}
    .hppubstag{border-bottom: solid 1px #bbb}
    .hppubsissue{font-family: SeravekExtraLight, Verdana, Geneva, sans-serif; font-weight: 600;}
    .hppubsborder{float: left}
    .hppubsborderlast{float: left}
    #breadcrumbs{font-family: SeravekRegular; font-weight: 300; font-size: 16px;position: absolute;}    
    #breadcrumbp{font-family: SeravekRegular; font-weight: 300; font-size: 16px;}    
    #b3 br{display: none;}    
    

    .hbkrimg a img {object-fit: cover;}
    .bookstoreimg{width:112px; height: 173px;object-fit: cover;display: inline-block; border:1px solid #c1cdcd;}
    .bookstoreimga{display: inline-block; margin-bottom: 21px;}
    
    .standfirst p{
        padding: 0;
        margin: 0;
    }
    
    .pubsimageathor{
        width: 163px;
        height: 180px;
        object-fit: cover;
    }
    
    
    
    .button2020{
        clear: both;
        background-color: #aaa;
        border: 0 none;
        border-radius: 4px;
        transition: all 0.23s ease-in-out 0s;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-size: 15px;
        font-weight: normal;
        height: 32px;
        line-height: 32px;
        margin: 0 5px 10px 0;
        padding: 0 22px;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
        width: auto;
        font-weight: 400;
        font-family: Arial;
    }
    
    .input2020{
        width: 50px;
        display: inline-block;
        padding: 8px 6px;
        text-indent: 2%;
    }