/* Desktop overwrites
-------------------------------------------------------------------------------*/
.hide-for-tablet { display: block; } 
.hide-for-mobile { display: block; } 
.show-for-tablet { display: none; }
.show-for-mobile { display: none; }

/* Main containers */
#main-section { padding: 0 20px; }
#header-container,
#footer-container { padding: 0 40px; }
.wrapper {box-shadow: 0px 0px 10px rgba(186,186,186,0.8); margin-bottom:30px;}

/* Header */
#header { padding: 0; }

/* Header logo */
#header h1#title { margin-top: 53px !important; width: 301px; }

/* Header social media */
.header-social-media a { margin-right: 0; }
.header-social-media .btn-facebook {margin-left: 10px;}
.header-social-media .btn-change-country span {display:inline;}

/* Login box, my account and header search form */
#login-box-header { width: 40%; }
#my-account .btn-light { width: auto; min-width: 110px; }
#my-account .btn-light .arrowed { font-size: 1.0em; padding-top: 1px; }
#my-account .account-links {top: 110px; width: 25%;}

#main-section .copy iframe { display: block; max-width:740px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) 
{
    #login-box-header input[type="search"] { font-size: 16px; }
}

/* Main navigation */
#nav { border-radius: 4px 4px 0 0; }
#nav > ul > li { border: 0; font-size: 1.0em; }
#nav li a {margin-bottom: 0;}
nav ul.sub-nav li { margin:0; }
.btn-home { border-radius: 4px 0 0 0; }
nav .sub-nav-content { width: auto; }
nav ul.sub-nav { width: 100%; }
nav .featured-sub-nav { width: 190px; }
nav .featured-sub-nav ul.sub-nav { width: 79%; padding: 0 10.5%; }
nav .sub-nav-featured { padding: 10px 5%; width: 100%; }
nav .sub-nav-3column { width: 600px; }
nav .sub-nav-2column { width: 420px; }
nav .snc-positioner { top: 34px; }
@media only screen and (max-width: 960px) {
	#nav > ul > li { font-size: 0.857em; }
    nav .snc-positioner { top: 31px; }
    nav .sub-nav-2column { width: 380px; }
}

/* Header images / scrolling panels */
#home-body .header-img { height: 330px; background-size:auto; }
#nav-scroller a { border-radius: 5px; height: 9px; width: 9px; }
.scroller { max-height: 330px; }
.panel-wrapper { height: 330px; }
ul#slide-list { height: 330px; }
.scroller .panel-content { padding: 30px 25px; width: 385px; }

/* Main Section */
.main-pad { padding: 15px 20px 35px 20px; }
#homepage .main-pad { padding: 35px 20px 25px 20px; } 

/* Homepage Containers */
#home-content { width: 63.5%; margin-bottom:65px;}
#home-content .home-right-bodytext {margin-bottom:65px;}
.home-aside-wrapper { width: 31.25%; }
#loggedin-home-body #home-aside { margin-top: 0px; }
#home-aside .promo-panel {margin-top:15px;}
#home-aside .promo-container {width:100%; float:right;}

/* Coloured panels */
#main-section .third-panels li { margin: 0; padding: 0; width: 31.25%; }
#main-section .logged-in li { width: 48%; }
#main-section .third-panels li.second { margin: 0 3.125%; }
#main-section .logged-in li.second { margin: 0 0 0 4%; }
#main-section .logged-in .list-items { margin: 15px 0 0 0; }

/* Breadcrumb */
.breadcrumb { display: block; margin-bottom: 15px; width: 100%; }
.breadcrumb li { color: #4c4b4b; float: left; font-size: 0.923em; line-height: 1.1em; padding-right: .5em; }
.breadcrumb li a { padding: 0 0 0 0.6em; border-left: 1px solid #ccc; color: #333; }
.breadcrumb li.home a { padding: 0 0.3em 0 0; border-left: none; }
.breadcrumb li a:hover { color: #00685D; text-decoration: underline; }
.breadcrumb li span { color: #ccc; }
.breadcrumb li span:before { content: ">"; display: inline-block; padding-right: .5em; }

/* Page Containers */
#main-section #article { float: right; width: 76%; }
#main-section .full-width-page #article { width: 100%; }
	
/* Footers */
#loggedin-footer .footer-links .link-col { width: 22%; }

/* changes 30/07/2014 */
#inner-footer .uk-logo .disclaimer { margin-left: 0; padding-left: 0; width: 77%; }

.stagingBanner {width:362px;}
#article h2.title-padding { padding-left: 0; }
#article .product-page h2.title-padding { padding-left: 0; }
#library-body #article h2.title-padding { float: left; }
#article .in-page-form { float: left; width: 61%; }

/* Left sidebar - subnavigation and promos */
#main-section #aside {
    box-shadow: 0px 0px 0px #fff; -moz-box-shadow: 0px 0px 0px #fff; -webkit-box-shadow: 0px 0px 0px #fff;
    float: left; 
    left: 0;    
    padding: 0; 
    position: relative; 
    top: 0; 
    width: 20%;
    transition: left 0s ease;
    -moz-transition: left 0s ease; 
    -webkit-transition: left 0s ease; 
    -o-transition: left 0s ease;
    }
#main-section #aside:target {
    transition: left 0s ease;
    -moz-transition: left 0s ease; 
    -webkit-transition: left 0s ease; 
    -o-transition: left 0s ease;
    }
#main-section #aside .show-nav, 
#main-section #aside .hide-nav, 
#main-section #aside:target .show-nav, 
#main-section #aside:target .hide-nav { display: none; }
#main-section #aside ul { margin-top: 0px; }
	
/* Media / right column */
#media-col .media-video {
    float: right; 
    margin-bottom: 20px;
    position: relative; 
    max-width: 260px;
    background: url(../buildassets/images/loading-grey.gif) #ccc no-repeat center center;
    max-height: 146px; /* gives some consistency to visible video thumbnail */
    overflow: hidden;
    }
#media-col .media-video img { display: block; height: auto; width: 260px; }
#media-col .media-video .video-shade {
    background: #000;
    cursor: pointer;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute; 
    text-indent: 100%;
    top: 0;
    white-space: nowrap;
    max-width: 260px;  
    width: 100%;
    z-index: 6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    }
#media-col .media-video .video-shade:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
    }
#media-col .media-video .video-thumb {
    background: url(../buildassets/images/bg-play.png) no-repeat center center;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 0;
    white-space: nowrap;
    max-width: 260px;
    width: 100%;
    text-indent: 100%;
    z-index: 3;
}  
#media-col .media-video .video-description {
    position: absolute;
    z-index: 5;
    bottom: 0px;
    left: 0px;
    background: #fff;
    color: #424242;
    padding: 10px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    }
 
/* Popups */       
.popup-alert {
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    min-height: 250px;
    max-width: 600px;
    }   
.popup-alert .btn-close { right: -10px; }  
#popup-buy-now { width: 680px; }
#popup-buy-now .padding { padding: 0 4%; }
#popup-buy-now .location {
    background: url(../buildassets/images/bg_location_shadow.png) no-repeat top left;
    border-bottom: 0px;
    margin-top: 20px; 
    min-height: 130px;
    padding: 10px 2.5% 0;
    width: 30%;    
    }
#popup-buy-now .au { background: transparent; padding-left: 0px; }
#popup-buy-now .nz {  }
#popup-buy-now .rw { border-top: 0px; padding-right: 0px; }

.btn-dark { padding: 7px 11px 8px 11px; }

#main-container .copy .rb-cols li input { float: left; margin-top: 2px; margin-right: 3px; }

.list-events .eventItem .dateDisplay {display:block;}
.list-events .eventItem .content {width:650px; float:right;}

/* Issuu iframe */
.issuuembed { width: 100%; max-width: 742px; }

.map-list .address {
    padding-left: 35px;
    position: relative;
}
.map-list li .address .pin {
    display: inline-block;
    background: url(../buildassets/images/pin.svg) no-repeat top left;
    background-size: 100%;
    color: #fff;
    width: 24px;
    height: 34px;
    padding-top: 4px;
    text-align: center;
    margin-right: 10px;
    font-size: 10px;
    position: absolute;
    font-weight: bold;
    top: 0;
    left: 0;
    font-style: normal;
}
.map-list .active .address .pin {
    background: url(../buildassets/images/pin-light.svg) no-repeat top left;
    background-size: 100%;
}


@media only screen and (min-width: 1140px) {	
    /* Glossary */
    .glossary .alphabet { background-image:none; background-size: 7px 1px;}
    .list-events .eventItem .dateDisplay {display:none;}
    .list-events .eventItem .content {width:auto;float:none;}
}