body {
    background-color: #D9DBEE;
}

.has-logo .header-title {
    left: 0px;
}

#identityContact {
    padding-top: 0;
    padding-bottom: 0;
}

.lt-ie9 .header-content {
    height: 232px;
}

@media only screen and (min-width: 672px) {
    body {
        background-image: none;
    }

    .header-content {
        height: 232px;
    }

    #identityContact {
        background-image: url(/uploads/website/Untitled60_srcset-large.png);
    }
}

@media only screen and (max-width: 671px) {
header{
height:0px;
}
a#menubutton, #menubutton:before, #menubutton.btn-nav {
z-index:99999!important;/*Brings menu button to front*/
position:relative;
float:right;
top:30px;
}
div#identityWrapper {
background: none !important;
}
}
 
/*CALL NOW BUTTON COLOUR*/
div.module.call a {
background: #5B5F6B!important;/*background colour */
color: #ffffff;/*text colour */
}
 
#menubutton:before {
    color: #5B5F6B;
}
 
 
/*DROP DOWN AND VERTICAL NAV BAR COLOURS - matching*/
nav#buttonmenu a, nav.verticalnav a, nav#buttonmenu a, .nav-dropdown a {
color: #fff!important;/*inactive nav bar text colour*/
background: none repeat scroll 0% 0% #5B5F6B!important;/*inactive nav bar background colour*/
}
 
nav#buttonmenu li.active> a, nav.verticalnav li.active> a, nav#buttonmenu a.active, .nav-dropdown a.active {
color: #000000!important;/*Active page text colour*/
background: none repeat scroll 0% 0% #C2BACB!important;/* Active page background colour*/
}

/*CHANGES COLOUR OF NAV LINKS*/
.nav-primary > ul > li > a {
    color: #ffffff;
    background-color:#5B5F6B;
    padding: 8px 15px;
}


/*CHANGES COLOUR OF ACTIVE LINKS*/
.nav-primary > ul > li > a.active, .nav-primary > ul > li > a:hover {
    color: #000000;
    background-color:#c2bacb;
   
}
/*MOVE POSITION OF TAB BAR UP OR DOWN*/
.nav-primary {
    position: relative;
    top: 30px;
}

/*CHANGES PREAMBLE AND LINK COLOURS*/
.preamble p, .preamble ul, .preamble ol, a {
color:#5B5F6B;
}

/*HEADLINES*/
.contentArea .h1, .contentArea .h2 {
color:#5B5F6B;/*headline colour*/
}

/*CHANGES BUTTON COLOURS*/
.btn, .btn-large, .formbuilder .btn, .checkoutArea .btn, .product-single .product-units .button-container .btn {
    background: none repeat scroll 0% 0% #5B5F6B;
    color: #ffffff;
}

/*CHANGES BG COLOUR OF FOOTER*/
.footer-container {
    background-color: #5B5F6B;
}
 
/*CHANGES TEXT COLOUR IN FOOTER*/
.footer-content a, .footer-content .columns, address {
    color: #ffffff;
}

/*CHANGES BG COLOUR OF HEADER*/
.header-container {
    background: none repeat scroll 0% 0% #5b5f6b;
}

#menubutton:before {
    color: #FFF;
}
