/*********************************************
     GeneralBlue (Section Colour 10)
*********************************************/

.colour10
{
    color: #0298d3;
}
.CurrentColour
{
    color: #0298d3;
}

/* Headers */
h1, h2, h3
{
    color: #0298d3;
}

/* Generic List Styles */
.lower-content-inner-right ul
{
    padding: 0;
    margin: 15px 0;
    list-style-type: none;
    list-style-image: none;
}
.lower-content-inner-right ul li
{
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
    background: url("/images/icons/Arrows/arrow-list-colour10.gif") left 10px no-repeat;
    padding-top: 3px;
}

/* Left Navigation */
.lower-content-inner-left-nav
{
    margin-bottom: 15px;
}
.lower-content-inner-left-nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.lower-content-inner-left-nav ul li
{
    background: url("/images/structural/LeftNav/bg-leftnav-bottom-colour10.gif") bottom no-repeat #0298d3;
    font: bold 1.1em Verdana;
    margin-bottom: 10px;
    zoom: 1;
}
.lower-content-inner-left-nav ul li a
{
    background: url("/images/structural/LeftNav/bg-leftnav-top-colour10.gif") top no-repeat;
    color: #ffffff;
    display: block;
    padding: 12px 20px 11px 20px;
    text-decoration: none;
}
.lower-content-inner-left-nav ul li:hover
{
    background: url("/images/structural/LeftNav/bg-leftnav-bottom-grey.gif") bottom no-repeat #aaaaaa;
}
.lower-content-inner-left-nav ul li:hover a
{
    background: url("/images/structural/LeftNav/bg-leftnav-top-grey.gif") top no-repeat;
    text-decoration: none !important;
}
.lower-content-inner-left-nav ul li.selected ul li:hover
{
    background: url("/images/icons/Arrows/arrow-leftnav-colour10.gif") 0 11px no-repeat;
    text-decoration: underline !important;
}
.lower-content-inner-left-nav ul li.selected:hover ul li a
{
    text-decoration: underline !important;
}
.lower-content-inner-left-nav ul li.selected
{
    background: url("/images/structural/LeftNav/bg-leftnav-bottom-grey.gif") bottom no-repeat #aaaaaa !important;
}
.lower-content-inner-left-nav ul li.selected a
{
    background: url("/images/structural/LeftNav/bg-leftnav-top-grey.gif") top no-repeat !important;
}
.lower-content-inner-left-nav ul li.selected ul li a
{
    background: none !important;
    color: #666666;
    padding: 5px 0;
    text-decoration: underline;
}
.lower-content-inner-left-nav ul li.selected ul li.selected
{
    background: url("/images/icons/Arrows/arrow-leftnav-colour10.gif") no-repeat scroll 0 11px transparent !important;
    border-bottom: 1px solid #EBEBEB;
    font-weight: normal;
    margin: 0;
    padding: 3px 3px 3px 15px;
    font-weight: bold;
}
.lower-content-inner-left-nav ul li.selected ul li.selected a
{
    background: none repeat scroll 0 0 transparent !important;
    color: #666666;
    padding: 5px 0;
    text-decoration: underline;
}
.lower-content-inner-left-nav ul li.selected ul li.selected a:hover
{
    text-decoration: none;
}
.lower-content-inner-left-nav ul ul li a:hover
{
    color: #0298d3 !important;
}
.lower-content-inner-left-nav ul li a:hover
{
    text-decoration: underline;
}
.lower-content-inner-left-nav ul ul
{
    background: url("/images/structural/LeftNav/bg-leftnav-sub.gif") bottom repeat-x #ffffff;
    border: 1px solid #aaaaaa;
    font: 0.75em Verdana;
    padding: 0 20px;
}
.lower-content-inner-left-nav ul ul li
{
    background: url("/images/icons/Arrows/arrow-leftnav-colour10.gif") 0 11px no-repeat;
    border-bottom: 1px solid #ebebeb;
    font-weight: normal;
    margin: 0px;
    padding: 3px 3px 3px 15px;
}
.lower-content-inner-left-nav ul li ul li a
{
    background: none !important;
    color: #666666;
    padding: 5px 0;
    text-decoration: underline;
}

/* Banner */
.lower-banner-inner
{
    background: url("/images/structural/Banner/bg-banner-colour10.png") top left no-repeat;
    behavior: url("/includes/js/iepngfix.htc");
    height: 128px;
    position: relative;
    top: -128px;
    margin-bottom: -118px;
}

/* Content */
.lower-content-inner-right
{
    font: 1em Verdana;
    line-height: 1.5em;
}
.lower-content-inner-right a
{
    color: #434343;
    text-decoration: underline;
}
.lower-content-inner-right a:hover
{
    color: #0298d3;
}
.lower-content-inner-right ul
{
    list-style: none;
    padding: 0px;
    margin: 15px 0px;
}
.lower-content-inner-right ul li
{
    background: url("/images/icons/Arrows/arrow-list-colour10.gif") 5px 9px no-repeat;
    padding: 3px 15px;
}

/* Key Contact */
.lower-key-contact-inner-detail
{
    color: #0298d3;
    font: bold 1em Verdana;
    padding: 3px 0;
}
.lower-key-contact-inner-detail a
{
    color: #0298d3;
}
.lower-key-contact-inner-detail a:hover
{
    text-decoration: none;
}

/*********************************************
     LANDING PAGE STYLES
*********************************************/

/* 1 Column */
.lower-content-inner-fullwidth
{
    font: 1em Verdana;
    line-height: 1.5em;
}
.lower-content-inner-fullwidth a
{
    color: #434343;
    text-decoration: underline;
}
.lower-content-inner-fullwidth a:hover
{
    color: #0298d3;
}

/* 2 Box Landing */
.lower-content-inner-box-twocolumns
{
    float: left;
    width: 449px;
    margin-right: 30px;
}
.lower-content-inner-box-twocolumns-top
{
    background: url("/images/structural/Box/bg-box-top-colour10.gif") top left no-repeat #0298d3;
}
.lower-content-inner-box-twocolumns-top-inner
{
    background: url("/images/structural/Box/bg-box-top-right-colour10.gif") top right no-repeat;
}
.lower-content-inner-box-twocolumns-banner-arrow
{
    position: relative;
    top: -113px;
    height: 5px;
    margin-bottom: -5px;
    background: url("/images/structural/Box/bg-box-top-arrow-colour10.gif") 15px 0px no-repeat;
}
.lower-content-inner-box-twocolumns-moreinfo-link a
{
    text-decoration: underline;
    display: block;
    background: url("/images/structural/Box/arrow-circle-colour10.gif") 415px 2px no-repeat;
    padding-right: 18px;
    text-align: right;
    width: 410px;
}
.lower-content-inner-box-twocolumns-moreinfo-link a:hover
{
    color: #0298d3;
    text-decoration: underline;
}
.lower-content-inner-box-twocolumns ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.lower-content-inner-box-twocolumns ul li
{
    background: url("/images/structural/Box/bg-box-bullet-colour10.gif") 0 4px no-repeat;
    padding-left: 18px;
    margin: 11px 0;
}
.lower-content-inner-box-twocolumns ul li a
{
    font-weight: bold;
    text-decoration: underline;
}
.lower-content-inner-box-twocolumns ul li a:hover
{
    text-decoration: underline;
}

/* 3 Box Landing */
.lower-content-inner-box-threecolumns
{
    float: left;
    width: 304px;
    margin-right: 15px;
}
.lower-content-inner-box-threecolumns-top
{
    background: url("/images/structural/Box/bg-box-top-colour10.gif") top left no-repeat #0298d3;
}
.lower-content-inner-box-threecolumns-top-inner
{
    background: url("/images/structural/Box/bg-box-top-right-colour10.gif") top right no-repeat;
}
.lower-content-inner-box-threecolumns-banner-arrow
{
    position: relative;
    top: -113px;
    height: 5px;
    margin-bottom: -5px;
    background: url("/images/structural/Box/bg-box-top-arrow-colour10.gif") 15px 0px no-repeat;
}
.lower-content-inner-box-threecolumns-moreinfo-link a
{
    text-decoration: underline;
    display: block;
    background: url("/images/structural/Box/arrow-circle-colour10.gif") 270px 2px no-repeat;
    padding-right: 18px;
    text-align: right;
    width: 265px;
}
.lower-content-inner-box-threecolumns-moreinfo-link a:hover
{
    color: #0298d3;
    text-decoration: underline;
}
.lower-content-inner-box-threecolumns ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.lower-content-inner-box-threecolumns ul li
{
    background: url("/images/structural/Box/bg-box-bullet-colour10.gif") 0 4px no-repeat;
    padding-left: 18px;
    margin: 11px 0;
}
.lower-content-inner-box-threecolumns ul li a
{
    font-weight: bold;
    text-decoration: underline;
}
.lower-content-inner-box-threecolumns ul li a:hover
{
    text-decoration: underline;
}

/* 4 Box Landing */
.lower-content-inner-box-fourcolumns
{
    float: left;
    width: 227px;
    margin-right: 12px;
}
.lower-content-inner-box-fourcolumns-top
{
    background: url("/images/structural/Box/bg-box-top-colour10.gif") top left no-repeat #0298d3;
}
.lower-content-inner-box-fourcolumns-top-inner
{
    background: url("/images/structural/Box/bg-box-top-right-colour10.gif") top right no-repeat;
}
.lower-content-inner-box-fourcolumns-banner-arrow
{
    position: relative;
    top: -113px;
    height: 5px;
    margin-bottom: -5px;
    background: url("/images/structural/Box/bg-box-top-arrow-colour10.gif") 15px 0px no-repeat;
}
.lower-content-inner-box-fourcolumns-moreinfo-link a
{
    text-decoration: underline;
    display: block;
    background: url("/images/structural/Box/arrow-circle-colour10.gif") 192px 2px no-repeat;
    padding-right: 18px;
    text-align: right;
    width: 187px;
}
.lower-content-inner-box-fourcolumns-moreinfo-link a:hover
{
    color: #0298d3;
    text-decoration: underline;
}
.lower-content-inner-box-fourcolumns-moreinfo-link a
{
    text-decoration: underline;
}
.lower-content-inner-box-fourcolumns-moreinfo-link a:hover
{
    color: #0298d3;
    text-decoration: underline;
}
.lower-content-inner-box-fourcolumns ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.lower-content-inner-box-fourcolumns ul li
{
    background: url("/images/structural/Box/bg-box-bullet-colour10.gif") 0 4px no-repeat;
    padding-left: 18px;
    margin: 11px 0;
}
.lower-content-inner-box-fourcolumns ul li a
{
    font-weight: bold;
    text-decoration: underline;
}
.lower-content-inner-box-fourcolumns ul li a:hover
{
    text-decoration: underline;
}

/* 5 Box Landing */
.lower-content-inner-box-fivecolumns
{
    float: left;
    width: 181px;
    margin-right: 10px;
}
.lower-content-inner-box-fivecolumns-top
{
    background: url("/images/structural/Box/bg-box-top-colour10.gif") top left no-repeat #0298d3;
}
.lower-content-inner-box-fivecolumns-top-inner
{
    background: url("/images/structural/Box/bg-box-top-right-colour10.gif") top right no-repeat;
}
.lower-content-inner-box-fivecolumns-banner-arrow
{
    position: relative;
    top: -113px;
    height: 5px;
    margin-bottom: -5px;
    background: url("/images/structural/Box/bg-box-top-arrow-colour10.gif") 15px 0px no-repeat;
}
.lower-content-inner-box-fivecolumns-moreinfo-link a
{
    text-decoration: underline;
    display: block;
    background: url("/images/structural/Box/arrow-circle-colour10.gif") 148px 2px no-repeat;
    padding-right: 18px;
    text-align: right;
    width: 143px;
}
.lower-content-inner-box-fivecolumns-moreinfo-link a:hover
{
    color: #0298d3;
    text-decoration: underline;
}
.lower-content-inner-box-fivecolumns ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.lower-content-inner-box-fivecolumns ul li
{
    background: url("/images/structural/Box/bg-box-bullet-colour10.gif") 0 4px no-repeat;
    padding-left: 18px;
    margin: 11px 0;
}
.lower-content-inner-box-fivecolumns ul li a
{
    font-weight: bold;
    text-decoration: underline;
}
.lower-content-inner-box-fivecolumns ul li a:hover
{
    text-decoration: underline;
}


/*Slides*/
*:focus
{
    outline: none;
}
.video-thumbnail
{
    position: relative;
}
.playBtn
{
    position: absolute;
}
.slide2 .playBtn
{
    bottom: 35%;
    left: 60%;
}
.slide2 .thumbnail
{
    width: 600px;
    height: 370px;
}

.slide3 .playBtn, #partner-3 .playBtn
{
    bottom: 35%;
    left: 40%;
    width: 90px !important;
    height: 90px !important;
}
.slide4 .playBtn
{
    height: 50px !important;
    width: 50px !important;
    left: 40%;
    bottom: 30%;
}
/*
.video-thumbnail a::before {
    background: url("/images/banners/play.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}
.slide2 .video-thumbnail a::before {height: 360px; width: 480px;}
.slide3 .video-thumbnail a::before, #partner-3 .video-thumbnail a::before { height: 248px; background-size: 80px 80px;}
.slide4 .video-thumbnail a::before {  height: 157px; background-size: 50px 50px;}

*/


.displayNone
{
    display: none;
}
.displayBlock
{
    display: block;
}
.content
{
    width: 320px;
}
.slide
{
    position: relative;
}
.slide p
{
    font: 1.8em Verdana;
    margin: 0;
    padding: 0;
}
.slide h1, .slide p
{
    color: #000000;
}


.slide .header
{
    background-color: #72b5b3;
    padding: 15px 0;
}
.slide3 .header
{
    width: 413px;
}


.slide .header p
{
    text-align: center;
    font-size: 1.5em;
}
.slide4 .header
{
    width: 247px;
    padding: 5px;
}
.slide4 .header p
{
    font-size: 1.2em;
}
.slide4 .video-thumbnail
{
    margin-right: 10px;
    margin-bottom: 10px;
}

.left
{
    float: left;
}
.right
{
    float: right;
}
.blue-btn
{
    background-color: #009FDC;
    border-radius: 10px;
    padding: 10px 25px 10px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
}
.btn-wrapper
{
    margin-top: 25px;
}

.slide2 .video-wrapper, .slide4 .video-wrapper
{
    margin-left: 15px;
    width: 60%;
}
.slide2 .txt-wrapper
{
    width: 70%;
}

.slide3 .video-wrapper
{
    margin: 30px;
}

.slide1 .txt-wrapper, .slide3 .txt-wrapper
{
    margin: 15px;
}


.slide1 .txt-wrapper
{
    position: absolute;
    left: 5px;
    top: 335px;
    width: 96%;
}
.slide2 .content.right
{
    margin-left: 30px;
    margin-top: 20px;
}

.slide2 .video-link img {
    height: 370px;
    width: 600px;
}
.slide2 .playBtn {
     bottom: 38%;
    height: 110px !important;
    left: 65%;
    width: 110px !important;
}

.slide3 .video1
{
    margin-right: 80px;
}
.slide3 .wrapper
{
    position: absolute;
    bottom: 20px;
}
.slide3 .video-link img
{
    width: 616px;
    height: 370px;
}
.slide3 .video-link img
{
    width: 413px;
    height: 248px;
}
.slide4 .video-link img
{
    width: 257px;
    height: 154px;
}
.slide4 .content.right
{
    margin-right: 65px;
    margin-top: -330px;
}

.slide4 .wrapper, .slide2 .wrapper
{
    position: absolute;
    left: 10px;
}

.slide4 .wrapper
{
    top: 20px;
}
.slide2 .wrapper
{
    top: 22px;
}
ul.slides
{
    list-style-type: none;
    padding: 0px;
}

.slider_nav
{
    background-color: #fff;
    width: 100%;
    left: 0;
    bottom: -45px;
    padding: 15px 0;
}
.slider_nav a
{
    text-indent: -9999px;
  
    
}
.flex-direction-nav
{
    position: absolute;
    bottom: -29px;
    width: 100%;
}

.flex-direction-nav .flex-next
{
    right: 10px;
}
.flex-direction-nav .flex-prev
{
    left: 20px;
}
.flex-prev
{
    background: url("/images/banners/arrow-left.png") no-repeat left top;
}
.flex-next
{
    background: url("/images/banners/arrow-right.png") no-repeat left top;
}
.flex-prev:hover
{
    background: url("/images/banners/arrow-left-over.png") no-repeat scroll 0 0 transparent;
}
.flex-next:hover
{
    background: url("/images/banners/arrow-right-over.png") no-repeat scroll 0 0 transparent;
}

/*
.flex-control-paging li a.flex-active
{
    background-color: #0099CC;
}*/

.partner
{
    margin-top: 26em;
}
.partner .partner-header h1, #partner-3 h1
{
    color: #fff;
}
.partner .partner-link
{
    background: url("/images/structural/bg-option.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 50%;
    background-repeat: no-repeat;
}
#partner-2 .partner-link
{
    background: url("/images/banners/nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.partner .partner-container, .partner .partner-header-container
{
    position: absolute;
    left: 2em;
}
.partner .partner-container
{
    left: 1.5em;
    top: 6.5em;
    width: 100%;
}
.partner .partner-header-container
{
    top: 1em;
}


/*
.popup-video iframe
{
    height: 87% !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
.popup-video .ui-dialog-content
{
    overflow: hidden;
}
.popup-video
{
    min-height: 600px !important;
    width: 50% !important;
} */

.ui-dialog-titlebar
{
    background: none;
    border: none;
}

.hp_slider
{
    margin-top: 15px;
}

#partner
{
    margin: 22.5em 0 0;
}

#partner-3 .wrapper
{
    /**position: absolute; **/
    top: 1.5em;
    left: 2em;
}
#partner-3 #partner-header-container, #partner-3 .partner-content
{
    position: absolute;
    left: 2em;
}
#partner-3 #partner-header-container
{
    top: 1em;
}
#partner-3 .partner-content
{
    padding: 5px 0;
    top: 6em;
}


#partner-3 .partner-video
{
    background: none; 
}
#partner-3 .video-link img
{
    height: 254px;
    width: 505px;
}
#home-pods .thumbnail   
{
    height: 88px;
    width: 156px;}
#partner-3{
  margin-top: 15px;
}

/* UI */
.ui-dialog .ui-dialog-title {  white-space: normal; text-overflow: initial; }
.ui-dialog .ui-dialog-titlebar { background: none; border: none; color: #454d53; letter-spacing: 1px; margin: 0; padding: 11px;}
.ui-dialog .ui-dialog-content { overflow: visible; }
.ui-dialog { width: 90%!important; padding:0px; border-radius: 0; -webkit-border-radius: 0; overflow: visible; background-color: #222; border: none; }
.ui-dialog .ui-dialog-titlebar-close { margin-top: -7px; background: none; border: none; }    
.ui-dialog .ui-dialog-titlebar-close .ui-icon { background:url('/images/icons/grey-x.png') no-repeat center center; }
.ui-dialog:after { content: " "; background-color: rgba(0,0,0,0.6); width: 100%; height: 6px; left: 0; bottom: -6px; }

.ie8 .ui-widget-overlay { background: #aaaaaa url(/includes/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); }
.popup-video iframe { width: 100%!important; height: 90%!important; margin: 0!important; padding: 0!important; }
.popup-video .ui-dialog-content { overflow: hidden; }
.popup-video { width: 85%!important; min-height: 400px!important; height:85% !important;  max-height:700px; }
.ui-dialog .ui-dialog-title { }
.ui-widget-overlay { background-image:none; background-color:#000; opacity:0.7;}
.ui-dialog .ui-dialog-titlebar-close{ }
.ui-dialog .ui-dialog-titlebar-close .ui-icon {margin-top: -9px;}
.ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix {}
.ui-dialog {border:2px solid #222 !important;}