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

#site-container { margin-top: 32px; }

/* Main containers */
#main-section { padding: 0; width: 100%; }
#header-container { padding: 0 2.5%; }
#footer-container { padding: 0 2.5%; }

/* Header logo */
#header h1#title { margin: 48px 0 30px 0; width: 45%; }

/* Header social media */
.header-social-media { width: 45%; }
.header-social-media a {
    margin-right: 0;
    display: block;
    float: right;
    font-size: 1em;
}

.header-social-media .btn-facebook {margin-bottom: 5px;}

/* Login box, my account and header search form */
#login-box-header {
    background: transparent;
    clear: right;
    float: right; 
    display: block; 
    width: 45%;
    margin: 0 0 20px 0;
    padding: 0px;
    }  
#login-box-header .login-inputs { float: right; }  
#login-box-header p.login-heading { display: block; margin: 0 0 5px 0; }
#forgot-pass-header p { font-size: 0.846em; margin: 4px 0; }
#login-box-header .error-box { left: 3px; top: 58px; width: 71%; }
#login-box-header .arrow { background-position: 52px top; }
#login-box-header .btn-light { float: left; width: 24%; }
#login-box-header .btn-light-loading { float: left; width: 24%; }
.login-inputs .txt { margin-right: 2.7%; margin-bottom: 0px; width: 35%; }
#reset-password .password-field-wrapper { float: left; margin-right: 10px; width: 43.2%; }
#reset-password .btn-dark, 
#reset-password .btn-dark-loading { margin-top: 20px; width: auto; }

/* My account */
#header #my-account {
    float: right;
    margin-top: 22px;
    right: 0px;
    text-indent: 0px;
    width: auto;
    margin-left:15px;
    }
#header #my-account #btnMyAccount {
    float: right;
    height: 34px;
    position: static;
    border-radius:4px;
    margin-right: 0px;
    margin-bottom: 10px;
}
#my-account .btn-light { width: 100%; min-width: 100px; height: 15px; }
#my-account .btn-light .arrowed {
    background-image:  url(../buildassets/images/arr_blue_down.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 9px 6px;
    display: block;
    font-size: 0.929em;
    line-height: 1.0em;
    padding-right: 16px;
    padding-top: 3px;
    width: auto;
    height: auto;
    } 

#my-account .account-links { right: 0px; top: 105px; width: 30%; }
#my-account .account-links ul { padding: 5px 15px; position: relative; right: 0; z-index: 1; }
#my-account .account-links .arrow { height: 6px; position: relative; z-index: 2; }   

@media only screen and (max-width: 700px) {
    .login-inputs .txt,
    .login-inputs .btn-light { clear: left; float: left; margin-bottom: 10px; width: 100%; }
    #login-box-header .btn-light { width: 100%; }
    #header #my-account { margin-top: 0; width: 45%; clear: right; }
    #my-account .btn-light .arrowed { font-size: 1.0em; padding-top: 1px; }
    #my-account .account-links { top: 80px; }
}

@media only screen and (max-width: 560px) {
	#my-account .btn-light { width: 100%; }
    #login-box-header { margin: 10px 0 20px 0; }
}    
#my-account .btn-light-open .arrowed {
    background-image: url(../buildassets/images/arr_blue_up.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 9px 6px;
    }

/* Search box */
.options-wrapper { position: absolute; top: 61px; }
.active .options-wrapper { display: block; }
.options { padding: 10px; display: block !important; }
.options li { margin: 0; }
.options li:first-child { margin-bottom: 0; }
.options label { display: inline-block; float: right; font-size: 1.0em; padding: 3px 0 5px 0; width: 88%; }
.options input { display: inline-block; float: left; margin-top: 5px; width: 10%; }

/* Main navigation */
#nav { border-radius: 0; }
nav { position: relative; z-index: 2; }

nav ul { display: block; padding: 0; border: 0px; }

nav ul li { border: 0px; font-size: 0.857em; float: left; position: relative; z-index: 1; }
nav li:last-child a { margin-right: 0; }
nav li.list-with-subnav { z-index: 2; }
.top-nav > li:hover {  background: #00564D; }
.btn-home { border-radius: 0; }

nav a { display: block; margin-bottom: 0; color: #fff; }
nav a.on { background: #97bb46; }
#nav li a { padding: 10px 25px 8px; }

nav li:hover .snc-positioner { display: block !important; }
.list-with-subnav .snc-positioner:before { background-image: none; }

nav a .has-subnav { background: transparent; background-size: 0%; padding-right: 0px; }
nav .snc-positioner {
    display: none;
    left: 0px;
    position: absolute;
    top: 31px;
    border-radius:0 0 4px 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    overflow:hidden;
    }  
nav ul.sub-nav { display: block; float: left; width: 100%; }
nav ul.sub-nav li { font-size: 1.0em; }
nav ul.sub-nav li p { font-size: 1.167em; }
nav .sub-nav li:first-child { margin-left:0; }
nav .sub-nav-3column { width: 460px; }
nav .sub-nav-2column { width: 380px; }
#nav h3 { margin: 9px 0 5px 20px; }

nav .featured-sub-nav { float: left; width: 200px; }
nav .featured-sub-nav ul.sub-nav { width: 80%; padding: 0 10%; }

nav ul.sub-nav li { float: none; font-size: 0.929em; width: auto; }     
nav ul.sub-nav li:last-child { border-bottom: 0px; }
nav .on ul.sub-nav li a { background-color: transparent; }
nav ul.sub-nav li a { color: #fff; font-weight: normal; padding: 10px 30px; }

@media only screen and (max-width: 750px) {
    #nav li a { padding: 10px 20px 8px; }
}

@media only screen and (max-width: 670px) {
    #nav h3 { margin: 9px 0 5px 12px; }
    nav .sub-nav-2column { width: 300px; }
}

@media only screen and (max-width: 1000px) {
	#nav li a { padding: 9px 12px; }
}
@media only screen and (max-width: 560px) {
	#nav li a { padding: 9px; }
    #nav h3 { margin: 9px 0 5px 9px; }
}  

nav .sub-nav-featured {
    background: url(../buildassets/images/bg_shadow_subnav_top.png) no-repeat top center;
    display: block;
    float: left; 
    margin-top: 0;
    padding: 15px 10%;
    width: 100%;    
    } 
nav .sub-nav-featured .featured-title { color: #97bb46; font-size: 1.308em; margin-bottom: 0; padding: 0 0 10px 0; }
nav .sub-nav-featured .featured-summary { margin-top: 0; width: 100%; }
nav .sub-nav-featured .featured-summary a { padding: 0; }
#nav .sub-nav-featured .featured-summary .featured-thumbnail { padding: 0px; width: 52%; }
nav .sub-nav-featured .featured-summary .featured-thumbnail:hover {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    }
nav .sub-nav-featured .featured-summary .featured-thumbnail img { width: 90%; }
nav .sub-nav-featured .featured-summary .featured-text { width: 48%; }
nav .sub-nav-featured .featured-summary .featured-text p { color: #fff; font-size: 1.077em; }
#nav .sub-nav-featured .featured-summary .featured-text .feature-product-link {
    background: #fff;
    border: none;
    border-radius: 3px;
    color: #00685D;
    display: inline-block;    
    font-family: "Dax", sans-serif;
    font-size: 1.231em;
    height: 30px;
    margin-top: 5px;
    padding: 8px;
    text-align: center;
    }
   
#nav .sub-nav-featured .featured-summary .featured-text .feature-product-link:hover { background: #97bb46; color: #00685D; }  

/* Header images / scrolling panels */
#home-body .header-img { height: 234px; } 
.header-img { height: 150px; } 
.header-img h1 { font-size: 3.077em; }
.scroller { max-height: 250px; }
#nav-scroller { padding-left: 1.5%; }
ul#slide-list { width: 100%; height: 250px; }
.scroller .panel-content { padding: 20px; }
.scroller .panel-content h1 { font-size: 3.077em; }
.scroller .panel-content p.subheading { display: block; }
.scroller .panel-content .btn-light { margin-top: 20px; }

/* Main Section */
.main-pad { padding: 20px 3.4%; }

/* Homepage Containers */
#home-content { width: 100%; float: left; }
.home-aside-wrapper { width: 100%; float: right; }
#home-aside { float: right; margin-top: 0px; }
#loggedin-home-body #home-aside { margin-top: 0px; }  

#home-content .has-image { width: 82%; }
.home-left-image { float: left; width: 18%; }
.home-right-bodytext { float: left; width: 100%; }

#home-aside .homepage-ad { margin: 0; }
#home-aside .promo-1 { margin-bottom: 15px; }

@media only screen and (max-width: 769px) {
    #home-aside .featured-product {margin-top:20px;}
    #home-aside .featured-product .feature-product-img {background:#fff;}
    #home-aside .featured-product .feature-product-img img {margin:10px 0;}
    #home-aside .featured-product-container {background:#e4eeed}
    #home-aside .featured-product-container a.feature-product-img {float:left; width:27%;}
    #home-aside .featured-product-container .feature-product-summary {float:right; width:73%;}

    #home-aside .promo-container {clear:both; margin-top:30px; float:left; width:100%; margin-bottom:20px;}
    #home-aside .promo-container .promo-panel {width:40%; float:left; margin-right:10%;}
}
/* Coloured panels */
#main-section .third-panels { margin: 30px 0 10px 0; }
#main-section .third-panels li {
    clear: none;
    float: left;
    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; }

/* Footers */
#footer-container #inner-footer { border-top: 1px solid #7fb3ae; color: #333; float: left; width: 100%; }
#footer-container #footer { clear: left; color: #333; float: left; padding: 20px 0; }
#footer-container footer ul { clear: none; }
#footer-container #footer ul li { margin-top: 0; margin-bottom: 0; }
#footer-container #footer ul li:first-child { border-left: 1px solid #333; margin-left: 0.5em; padding-left: 0.5em; }
#loggedin-footer .contact { margin-bottom: 20px; margin-top: 0; padding: 12px 2.6%; width: 100%; }
#loggedin-footer .footer-links { clear: none; float: right; margin-top: 0px; width: 100%; }
#loggedin-footer .footer-links .link-col { float: left; margin-bottom: 10px; width: 22%; }
#loggedin-footer .footer-links .lc-mar { margin-right: 3%; }
#loggedin-footer .footer-links li { padding: 0 8%; }
#inner-footer .logo { margin: 0 2%; width: 16%; }
#inner-footer .disclaimer { width: 78%; }
#inner-footer .logo img { width: 90%; }
#inner-footer .standard-process img { width: 100%; max-width:180px; }

/* changes 30/07/2014 */
#inner-footer .country-footer-left { float: left; margin-bottom: 0; width: 50%; }
#inner-footer .country-footer-left .country-logo img { display: block; margin: 0 auto; }
#inner-footer .country-footer-left .disclaimer { margin-top: 0; }
#inner-footer .canada-logo .country-logo { width: 35%; }
#inner-footer .canada-logo .disclaimer { width: 58%; }
#inner-footer .uk-logo .country-logo { width: 23%; }
#inner-footer .uk-logo .disclaimer { margin-left: 0; padding-left: 4%; width: 77%; }
#inner-footer .country-footer-right { clear: none; float: right; text-align: right; width: 45%; }
#inner-footer .country-footer-right .country-logo-integria { float: right; width: auto; }
#inner-footer .country-footer-right .country-logo-integria img { height: auto; width: 60px; }
#inner-footer .country-footer-right .country-text-integria { clear: right; float: right; margin-left: 0; margin-top: 10px; width: auto; }


#inner-footer .country-footer-left.footer-us { width:60%;}
#inner-footer .country-footer-left.footer-us .logo { width:32%;}
#inner-footer .country-footer-left.footer-us .disclaimer { width:64%;}
#inner-footer .country-footer-left.footer-us img { height:auto; max-height:none;}
#inner-footer .country-footer-right.footer-us { width:40%;}

/* Global form styles */
.form-row { width: 100%; }
.form-col { width: 48%; clear: none; margin-bottom: 0px; }
.form-row .half-width { width: 48%; }

.stagingBanner {left:220px; top:28px; width:222px;}

#article h2.title-padding { padding-left: 2%; }    
#article .product-page h2.title-padding {padding-left:4%;}
#article #media-col { clear: none; float: right; width: 35%; margin-top: 0px; }
#article #with-media-col { float: left; width: 61%; }

#article .content-image-long {
    margin-bottom: 20px;
    display: block;
    width: 740px;
    }
.full-width-page #article .content-image-long { width: 100%; }

/* Media / right column */
#media-col .media-img { float: right; }
#media-col .media-video embed, 
#media-col .media-video iframe { width: 100%; height: 146px; }
#media-col .contact-column {
    background: url(../buildassets/images/bg_contact_shadow.png) no-repeat center left;
    padding: 0 0 0 11.6%;
    width: 88.4%;
    margin-top:20px;
    }
    
/* Popups */
#popup-buy-now { max-width: 100%; }
#popup-buy-now .padding { padding: 0 3%; }
#popup-buy-now .location {    
    border-bottom: 0px;
    margin-top: 20px; 
    min-height: 130px;
    padding: 10px 0 0 0;
    width: 45%;    
    }
#popup-buy-now .au { background: transparent; padding-left: 0; padding-right: 5%; }
#popup-buy-now .nz {
    background: url(../buildassets/images/bg_location_shadow.png) no-repeat top left; 
    padding-right: 0;
    padding-left: 5%;
    }
#popup-buy-now .rw {
    border-top: 1px solid #e2e2e2; 
    min-height: auto; 
    padding: 20px 0 0 0; 
    width: 100%;
    }

/* Professional Library */
.categories-image { display: block; float: right; width: 30%; }
.list-categories { width: 70%; }