﻿/* Global stylesheet */
body
{
    margin:0;
    padding:0;
    /*font-family: 'Open Sans', sans-serif !important;*/
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: #f9f8f8;
    color: #404040;
}

h3 a, h1 a {
    text-decoration: none;
    color: inherit;
}

h3 {
    color: #0a83c5;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
}

/* Remove borders from image links in IE */
a img{
    border: 0 none;
}
    
h3.sectionHeading {
    cursor: pointer;
}

.mainContent p, .sys_didyoumean.sys_alsotry p:first-of-type{
    line-height: 20px;
   /* font-size: 15px;*/
}

/*.mainContent p:first-of-type{
    line-height: 27px;
    font-size: 18px;
}*/

.contactUsForm p, .leftSideColumn p, .rightSideColumn p{
    line-height: 22px;
    font-size: 15px;
}

.contactUsForm {
    padding-left: 0.9375em;
}

.leftSideColumn{
    padding-left:0;
}

h1 {
    font-size: 40px;
    font-weight: 400;
    color: #0a83c5;
    margin-top: 20px;
}

.leftSideColumn h3 a:after, .rightSideColumn h3 a:after{
    content: " ";
    background: url('/SiteElements/Images/css/link-arrow-blue.png') no-repeat;
    height: 10px;
    width: 8px;
    display: inline-block;
    margin-left: 7px;
}
    
/*footer social media icons*/
.socialMediaFooter li a.twitter {
    background: url('/SiteElements/Images/css/socialmediaicons/twitter-grey.png') 0 49% no-repeat;
    height: 24px;
    width: 24px;
}
.socialMediaFooter li a.twitter:hover {
    background: url('/SiteElements/Images/css/socialmediaicons/twitterover.png') 0 -1px no-repeat;
}
.socialMediaFooter li a.facebook {
    background: url('/SiteElements/Images/css/socialmediaicons/facebook-grey.png') no-repeat;
    height: 24px;
    width: 12px;
}
.socialMediaFooter li a.facebook:hover {
    background: url('/SiteElements/Images/css/socialmediaicons/facebookover.png') -10px 0 no-repeat;
}
.socialMediaFooter li a.googleplus {
    background: url('/SiteElements/Images/css/socialmediaicons/gp-grey.png') no-repeat;
    height: 24px;
    width: 24px;
}
.socialMediaFooter li a.googleplus:hover {
    background: url('/SiteElements/Images/css/socialmediaicons/googleover.png') no-repeat;
}
.socialMediaFooter li a.youtube {
    background: url('/SiteElements/Images/css/socialmediaicons/youtube.png') 50% no-repeat;
    height: 24px;
    width: 24px;
}
.socialMediaFooter li a.youtube:hover {
    background: url('/SiteElements/Images/css/socialmediaicons/youtube-hover.png') 50% no-repeat;
}

/* Contact form styles */
.contactUsForm .sys_cms-form-control.sys_labels-top .sys_fieldcontent input, .contactUsForm .sys_fieldcontent textarea {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    color: #999999 !important;
    padding: 10px !important;
}
.contactUsForm .sys_cms-form-item.sys_textbox {
    margin-bottom: 6px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.contactUsForm .sys_cms-form-item.sys_multiline {
    padding-top: 1px !important;
    padding-bottom: 0 !important;
}
.contactUsForm .sys_cms-form-control ul.sys_cms-form-body{
    padding:0;
}
.contactUsForm .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item.sys_buttons {
    float: right;
    width: auto;
}
.contactUsForm .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item.sys_buttons .sys_form-submit {
    background: url('/SiteElements/Images/css/send-button.png') no-repeat;
    width: 72px;
    height: 40px;
    border: 0 none;
    cursor: pointer;
    text-indent: -9999px;
}
.contactUsForm .sys_cms-form-control textarea.sys_medium, .contactUsForm .sys_cms-form-control input.sys_large{
    width:100%;
}

/* Cookie banner styles */
#cookie-msg {
    background-color:#24305f;
    color:#ffffff;
    margin-right: 0;
    display: none;
}

#cookieClose {
    text-decoration: none;
    color: #ffffff;
    vertical-align: top;
    line-height:19px;
}

#cookie-msg a {
    color: #ffffff;
}

#cookie-msg .right a:after {
    margin-left: 5px;
    content:"";
    display:inline-block;
    background:url("/SiteElements/Images/css/close2.png") 50% no-repeat;
    width:20px;
    height:20px;
}

#cookie-msg .inner {
    max-width:940px;
    margin:0 auto;
}

    #cookie-msg p {
        font-size: 14px;
        margin: 20px 0 10px 0;
        line-height: 18px;
    }
    
.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.container {
    margin:0 auto;
    background: #ffffff;
}

.header {
    float: left;
    width: 100%;
    padding-top: 22px;
}

/* Site search box styles */
.searchbox .sys_search-label{
    display:none;
}

.searchbox {
        border: 1px solid #acacac;
        padding: 0 9px 0 0;
        border-radius: 4px;
        margin-top: 20px;
        clear: both;
}

.searchbox .sys_searchbox {
    border: none;
    color: #464646;
    height: 37px;
    padding-left: 12px;
    border-radius: 4px;
    font-size: 14px;
}

.searchbox .sys_button.sys_searchbutton.sys_search-button {
    margin-top: 9px;
    border: 0 none;
    float:right;
    width: 20px;
    background: url("/SiteElements/Images/css/search-icon-lightBlue.png") no-repeat #ffffff;
    height: 19px;
    cursor:pointer;
}

.nhsLogo {
    display: block;
    float: right;
}

/* Msin navigation container */
.NavContainer {
    margin-top: 0;
    float: left;
    width: 100%;
    position:relative;
    border-bottom: 1px solid #000000;
    background-color: #0a83c5;
    margin-top: 20px;
}

/* Homepage left column */
.homeLeft {
    float: left;
}

    .homeLeft p {
        line-height: 24px;
        font-size: 18px;
    }

    .homeLeft h1 {
        padding-top: 0;
        margin-top: 16px;
    }

/* Homepage teaser boxes */
.homeNewsListing {
    padding-left:0;
    margin-left: 0;
}

    .homeNewsListing div p {
    font-size: 14px;
    line-height: 18px;
    }

    .homeNewsListing div h3 a {
        color: inherit;
        text-decoration: none;
        word-break: break-word;
    }

        .homeNewsListing div h3 a img {
            display:none;
        }

        .homeNewsListing div h3 a:after {
            background: url("/SiteElements/Images/css/link-arrow.png") 50% no-repeat;
            content: " ";
            width: 8px;
            height: 10px;
            display: inline-block;
            margin-left: 5px;
        }

.content {
    float: left;
}

/* Red line with gradient under site navigation */
.score {
    background: url("/SiteElements/Images/css/nav-score.png") 0 0 no-repeat;
    width:100%;
    clear:both;
    height:28px;
}

/* Red line with gradient at bottom of page content */
.footerScore {
    background: url("/SiteElements/Images/css/footer-score-blue.png") 0 0 repeat-x;
    width:100%;
    clear:both;
    height:26px;
    margin-top: 25px;
    float: left;
}

.mobile-logo {
    margin-bottom:20px;
    float:right;
}

.homeRight {
    float: right;
}

   .NavContainer ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    }
    
    /* sub nav styles */
    .NavContainer ul li ul{
        display:none;
        background-color: #0563ae;
        margin-top: 0;
    }

.cycle-overlay.custom .clear {
    margin-bottom: 12px;
}

.siteNav li ul {
    display: none;
}

/* special fix for off-canvas menu - no longer required*/
@media only screen and (max-width: 640px) {

    .st-menu {
        
    }
}

/* fix for navigation on narrower screens */
@media only screen and (min-width: 641px) and (max-width: 978px) {

    .NavContainer ul li {
        margin-left: 0;
        height: 50px;
        width: 25%;
    }
    .NavContainer ul li div{
        height:50px;
    }
    .NavContainer ul li:hover a{
        height: 50px;
    }
    
    /* Set up borders */
    #navItem1, #navItem2, #navItem3, #navItem4{
        border-bottom: 1px solid #ffffff;
    }
    #navItem1, #navItem2, #navItem3, #navItem5, #navItem6, #navItem7{
        border-right:1px solid #ffffff;
    }
}

/* Navigation styles for full size screens */
@media only screen and (min-width: 979px) {
            
    .NavContainer ul li.last {
        display:inline-block;
    }
    
    .NavContainer ul li {
        height: 50px;
    }
        
/* Main navigation items */

    #navItem1 {
        width: 97px;
    }
    #navItem2 {
        width: 114px;
    }
    #navItem3 {
        width: 151px;
    }
    #navItem4 {
        width: 117px;
    }
    #navItem5 {
        width: 165px;
    }
    #navItem6 {
        width: 122px;
    }
    #navItem7 {
        width: 97px;
    }
    #navItem8 {
        width: 97px;
    }
}


/* fix for carousel on narrower screens */
@media only screen and (min-width: 642px) and (max-width: 899px) {

    .cycle-overlay.custom h2 {
        margin: 0 auto;
        width: 389px;
    }

    .cycle-overlay.custom p {
        width: 371px;
    }

    .cycle-overlay.custom {
        margin-top: -145px;
    }

}

/* Carousel styles for full size screens */
@media only screen and (min-width: 900px) {

    .cycle-overlay.custom p {
        width: 457px;
    }

    .cycle-overlay.custom {
        margin-top: -102px;
    }

    .cycle-overlay.custom h2 {
        text-align: left;
        margin-left:0;
        padding-left: 32px;
    }

}

/* Styles for medium sized screens only*/
@media only screen and (min-width: 641px) and (max-width: 1024px) {

    .container {
        max-width: 960px;
    }

    .homeNewsListing div h3 {
        min-height: 70px;
    }

    #cookie-msg p {
        padding: 0 10px;
    }

}

/* Styles for medium sized screens and larger */
@media only screen and (min-width: 641px) {
    
    .NavContainer ul{
        width:100%;
    }

    .footerRight {
        text-align:right;
    }

    .searchbox {
        width: 220px;
        float: right;
    }

    .searchbox .sys_searchbox {
        width: 180px;
    }
    
    #cookie-msg p.left{
        max-width: 66%;
    }

    /* Site navigation */
   .st-menu {
        position: relative;
        z-index: 105;
        width: 100%;
        height: 100%;
        background: #ffffff;
    }

    .NavContainer ul li {
        display: inline-block;
        vertical-align: top;
        text-align:center;
        float:left;
        padding-bottom:7px;
    }
        
    /* Hover state for tab */
    .NavContainer ul li:hover {
        background: url('/SiteElements/Images/css/indicator-blue.png') 50% 0 no-repeat #0563ae;
    }
    
    /* Fix to prevent hover state from being applied to active tabs */
    .NavContainer ul li:hover .sys_selected.sys_currentitem a{

    }
    
    .NavContainer ul li .sys_selected.sys_currentitem a{
 
    }
    
    .NavContainer ul li.sys_first{
        margin-left:0;
    }

    /* Main navigation link style */
    .NavContainer ul li a {
        text-decoration: none;
        font-size: 15px;
        line-height: 18px;
        color: #ffffff;
        padding-top: 0;
        padding-bottom: 0;
        outline: none;
        text-shadow: 0 0 1px rgba(255,255,255,0.1);
        font-weight: 400;
        display: block;
        padding-left: 12px;
        padding-right: 12px;
        position:relative;
    }
        /* Active tab styles */
        .NavContainer ul li .sys_selected.sys_currentitem {
            background: url('/SiteElements/Images/css/indicator.png') 50% 0 no-repeat;
        }
        
        .NavContainer ul li div{
            padding-top:7px;
        }

    .NavContainer ul {
        text-align: left;
    }

    /* Carousel overlay */
    .cycle-overlay.custom {
    margin-left: 6px;
    margin-right: 6px;
    z-index: 101;
    position: relative;
    padding: 1px 6px;
    background: url("/SiteElements/Images/css/panel.png");
    }

    .homeLeft {
        
    }

    .homeRight {
        
    }
}

/* Full size screens and larger */
@media only screen and (min-width: 1025px) {

    /* Main site container */
    .container {
    max-width: 960px;
    min-width: 316px;
    }

    .cycle-overlay.custom h2 {
        width: 100%;
    }

    .homeNewsListing div h3 {
        min-height: 42px;
        font-size: 100%;
        line-height: 21.6px;
        display:block;
    }
}

.footer {
    
}

.footerLinks {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
}

    .footerLinks li {
        display: inline-block;
        margin-right: 12px;
    }

        .footerLinks li a {
            text-decoration: none;
            color:#24305f;
            font-size: 14px;
        }

/* Social media footer links */
.socialMediaFooter {
    list-style: none;
    padding-left: 0;
}
    .socialMediaFooter li {
        display: inline;
    }
        .socialMediaFooter li a {
            text-decoration: none;
            display: inline-block;
        }

            .socialMediaFooter li a img {
                border: 0 none;
            }

.copyright {
    font-size: 14px;
    margin-top: 2px;
    color: #0a83c5;
}

.homeNews {
    margin-bottom: 20px;
    margin-top: 18px;
}

/* Carousel Next and Previous buttons */
#next {
background: url("/SiteElements/Images/css/next-button.png") 0 0 no-repeat;
width: 20px;
height: 26px;
display: block;
float: right;
}

#prev {
background: url("/SiteElements/Images/css/prev-button.png") 0 0 no-repeat;
width: 20px;
height: 26px;
display: block;
float:left;
}

.slider.columns {
    padding-left: 0;
    padding-right: 0;
    max-height:400px;
}

.cycle-slideshow {

}
    /* Carousel overlay heading */
    .cycle-overlay.custom h2 {
        color: #9f1255;
        font-weight: 400;
        font-size: 30px;
        margin: 10px auto 0 auto;
    }

    /* Carousel overlay paragraph */
    .cycle-overlay.custom p {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin-top: 0;
    margin-left: 15px;
    margin-right: 9px;
    float: left;
    }

/* Pager for carousel */
.cycle-pager {
    position: relative;
    margin: 0 auto;
    text-align: center;
    bottom: 36px;
    z-index: 102;
    clear: both;
}

.cycle-pager .cycle-pager-active {
    background: url("/SiteElements/Images/css/slider-tab-active.png") 0 0 no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    color: #ffffff;
}

.homeRight {
    
}

.cycle-pager span {
    background: url("/SiteElements/Images/css/slider-tab-inactive.png") 0 0 no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    padding-left: 2px;
    color: #ffffff;
    margin-right: 9px;
    text-indent: -999px;
}

/* show menu button for mobile */
#openMenu {
    float: right;
    text-decoration: none;
    color: #0a83c5;
    text-align: left;
    width: 75px;
    line-height: 20px;
    margin-top: 27px;
    background: url("/SiteElements/Images/css/hamburger.png") right no-repeat;
    font-size: 10pt;
    font-weight: 600;
    outline: 0 none;
    border: 0 none;
}

/* Mobile view only styles */
@media only screen and (max-width: 640px) { 

    /* mobile navigation styles */
    .st-effect-1.st-menu {
    visibility: visible;
    display:none\0/;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    }
    
    .NavContainer ul li div a:after{
        display:inline-block;
        content:" ";
        width:8px;
        height:10px;
        background:url('/SiteElements/Images/css/link-arrow-white.png');
        float:right;
    }
    
    .socialMediaFooter li {
        margin-right: 13px;
    }
    
    .NavContainer ul li ul li a:after{
        display:none;
    }
    
    .NavContainer ul li div a.subMenuOpen:after{
        display:inline-block;
        content:" ";
        width:9px;
        height:8px;
        background:url('/SiteElements/Images/css/submenu-open.png');
        float:right;
    }

    .st-menu {
    position: absolute;
    left: 0;
    z-index: 105;
    visibility: hidden;
    width: 300px;
    background: #0a83c5;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    min-height:100%;
}
    /* Mobile nav item link style */
    .NavContainer ul li a {
        display: block;
        padding: 1em 1em 1em 1.2em;
        outline: none;
        color: #ffffff;
        text-decoration: none;
        text-shadow: 0 0 1px rgba(255,255,255,0.1);
        font-weight: 400;
        font-size: 10pt;
        -webkit-transition: background 0.3s, box-shadow 0.3s;
        transition: background 0.3s, box-shadow 0.3s;
    }

    /* Hover state */
    .st-menu ul li a:hover {
    background: #0563ae;
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
    }

    .footerLinks li {
        padding-top: 9px;
    }

    #cookie-msg p {
        text-align: center;
        padding: 0 5px;
        max-width: 100%;
    }

    .footerLinks {
        margin-top: -9px;
    }

    /* Make search box narrower and move to the left */
    .searchbox {
        width: 192px;
        margin-bottom: 12px;
        float:left;
    }

    .searchbox .sys_searchbox {
        width: 155px;
    }

    .homeNewsListing div h3 {
        height: auto;
        max-width:100%;
    }

    /* Mobile carousel styles */
    .cycle-slideshow {
    width:100%;
    height: auto;
    float:left;
}

    .cycle-slideshow img {
    width:100%;
    height:auto;
}

    .cycle-overlay.custom {
        margin-left: 5px;
        margin-right: 5px;
    }

    .cycle-overlay.custom h2 {
        text-align: left;
        margin-top: 20px;
        margin-left: 30px;
    }

    .cycle-overlay.custom p {
        max-width: 75%;
        margin: 10px auto 23px 11px;
        text-align: left;
    }

    .homeRight {
        padding-left: 0 !important;
    }

    .cycle-pager {
        bottom: 25px;
    }

}

/* Misc off-canvas nav styles */
.st-pusher {
	position: relative;
	left: 0;
	z-index: 99;
	height: 100%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.st-pusher::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.st-menu-open .st-pusher::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

/* Slide in on top effect */
.st-effect-1.st-menu-open .st-effect-1.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-1.st-menu::after {
	display: none;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
	padding-left: 300px;
}

/* Medium screens and larger*/
@media only screen and (min-width: 641px) {
.no-padding-right{
    padding-right:0 !important;
}

.socialMediaFooter li {
    margin-left: 13px;
}
}

.no-padding-left{
    padding-left:0 !important;
}

/* Hide any stray br tags */
.sectionHeading br{
    display: none;
}

/* Feature box link style */
.featurebox a{
    color:#ffffff;
    text-decoration:none;
    border-bottom: 1px solid #ffffff;
}
    