productgroupdselec@charset "utf-8";
/* CSS Document */

html {    
    overflow-x: hidden;
    background-color: #DEDEDE;
}

body {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;
    background-color: #F0F0F0;
    position: relative;
    overflow-x: hidden;
    min-height: 100vh;
}

main {
    max-width: 100%;
}

.hide {
    display: none;
}

.tableWrapper {
    max-width: 100%;
    overflow-x: auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.centeredContents {
    text-align: center;   
}    

.leftContents {
    text-align: left;
}

.justifyContents {
    text-align: justify;   
}    

.rightContents {
    text-align: right;
}

.hidden {
    display: none;
}

.inline {
    display: inline-block;
}

.relative {
    position: relative;
}

.vmiddle {
    vertical-align: middle;
}

.vbottom {
    vertical-align: bottom;
}

.vtop {
    vertical-align: top;
}

/* Table Style */
    .table {
        display: table;
        width: 100%;
        box-sizing: border-box;   
    }

    .row {
        display: table-row;   
    }

    .cell {
        box-sizing: border-box;    
        display: table-cell;
        vertical-align: top;
    }
    
    .table.vmiddle .cell {
        vertical-align: middle;   
    }
    
    .cell img {
        max-width: 100%;   
    }
    
    .table.padded .cell {
        padding: 20px;   
    }
    
    .table.padded .cell.first {
        padding-left: 0px;   
    }
    
    .table.padded .cell.last {
        padding-right: 0px;   
    }
    
    .table.padded .row.first .cell {
        padding-top: 0px;   
    }
    
    .table.padded .row.last .cell {
        padding-bottom: 0px;
    }     

    .half {
        width: 50%;   
    }

    .third {
        width: 33.3%;   
    }

    .twothirds {
        width: 66%;
    }

    .quarter {
        width: 25%;   
    }    
    
    .cell.narrow {
        width: 40%;  
        box-sizing: border-box; 
    }
    
    .cell.wide {
        width: 60%;   
        box-sizing: border-box;
    }        
    
    @media screen and (max-width: 767px){       
        .table:not(.keepOnMobile) .cell {
            display: block;
            width: auto !important;   
        }    
        
        .table.padded.keepPaddingOnMobile .cell {
            padding-left: 10px;
            padding-right: 10px;
        }
        
        .table.padded:not(.keepPaddingOnMobile) .cell {
            padding-left: 0px;
            padding-right: 0px;   
        }        
    
        .cell .table:not(.loseOnMobile) .cell {
            display: table-cell;             
        }    
        
        .cell .table:not(.loseOnMobile) .cell.half {
            width: 50% !important;   
        }
        
        .cell .table:not(.loseOnMobile) .cell.third {
            width: 33.3% !important;   
        }
        
        .cell .table:not(.loseOnMobile) .cell.quarter {
            width: 25% !important;   
        }    
    }    
/* End of Table Style */

.webCampaignOverlay,
.catalogSectionImageOverlay {
    position:absolute; 
    top:0px; 
    bottom:0px; 
    left:0px; 
    right:0px; 
    padding:2px; 
    background-color:red; 
    opacity:0.7; 
    color:white; 
    font-style: italic; 
    font-weight:bold; 
    text-shadow: black 2px 2px;
    cursor: pointer;
    font-size: 14px;
    z-index: 999998;
}

.catalogSectionImageOverlay {
    background-color: orange;
    z-index: 999999;
}

body.webCampaignEditing header.siteHeader .catalogSections {
    z-index: 999999;
}

.siteHeader {
    background-color: rgba(9,175,230,0.6);
    /*background-image: url(1104/backgrounds/sky.jpg);*/
    color: #FFF;
    min-height: 175px;
}

.siteHeader.basicHeader {
    min-height: 0px;
}

.siteHeader .top {
    padding: 26px 18px 0px;
}

.siteHeader .inner {
    position: relative;
    min-height: inherit;
    /*background-color: inherit;*/
}

.standardWidth,
.restrictedStandardWidth {
    max-width: 990px;
    margin: 0px auto;    
}

@media screen and (min-width: 1300px){       
    .standardWidth {
        max-width: 1200px;
    }
}

.siteLogo {
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
}

.siteHeader .siteLogo {
    width: 141px;
    height: 91px;
    background-position: top;
    background-size: contain;
    display: inline-block;
    vertical-align: top;
}

.siteHeader a {
    color: inherit;
}

input, select, textarea {
    /*font-family: inherit;*/
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 300;
    background-color: #FFF;
    padding: 4px 10px;
    border: solid 1px #0B98E3;
    color: #111;
    vertical-align: middle;
}

.fieldValidationError {
	border-color: #D90000;
	outline-color: #D90000;
}

select.small {
    font-size: 13px;
    padding: 2px 5px;
}

textarea {
    width: 300px;
    max-width: 100%;
    box-sizing: border-box;
}

input:enabled, select:enabled, textarea:enabled {
    /*border-bottom-width: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;*/
}

button {
    /*font-family: inherit;*/
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 300;
    background-position: center;
    background-repeat: no-repeat;    
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: inherit;
    text-transform: uppercase;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    padding: 0px 10px;
    margin: 1px 5px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;   
    position: relative;
    border-radius: 2px;
    overflow: visible;
    vertical-align: middle;
}

.noSideMargin > *:first-child {
    margin-left: 0px;    
}

.noSideMargin > *:last-child {
    margin-right: 0px;
}

button.noSideMargin {
    margin-left: 0px;
    margin-right: 0px;
}

button.small {
    height: 28px;
    line-height: 28px;
    padding: 0px 8px;
	white-space: nowrap;
}

button.very.small {
	font-size: 14px;
	background-image: none !important;
	height: auto;
	line-height: 1.6;
	padding: 0px 6px !important;
}

button .badge {
    position: absolute;
    min-width: 24px;
    height: 24px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    color: #FFF;
    background-color: #FF0000;
    top: -6px;
    right: -6px;
    border-radius: 12px;
}

button .badge[data-value="0"],
button .badge[data-value=""] {
    display: none;
}

button .bubble {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 16px;
    left: 50%;
    margin-left: -50%;
    background-color: lightyellow;
    color: #000;
    line-height: 1.4;
    text-transform: none;
    /*min-width: 130px;*/
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
    font-size: 15px;
    white-space: nowrap;
}

button .bubble:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;    
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    width: 10px;
    height: 10px;    
    background-color: inherit;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

button .bubble:empty {
    display: none;
}

.siteHeader .basket .bubble {
    left: auto;
    margin-left: 0px;
    right: 0px;
    z-index: 99;
}

.siteHeader .basket .bubble:before {
    left: auto;
    right: 16px;
}

button:hover,
button.on {
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
    background-color: rgba(255,255,255,0.5);
}

button.dark:hover {
    background-color: rgba(0,0,0,0.2);    
}

.siteHeader .productSearch {
    display: inline-block;
    vertical-align: middle;
    margin-left: 35px;
    width: 40%;
    position: relative;
    min-width: 180px;    
}

.siteHeader .productSearch select {
    font-size: 16px;
    max-width: 40%;
    padding: 4px;
    float: left;
    border-right: none;
}

.siteHeader .productSearch select, 
.siteHeader .productSearch input {
    height: 36px;
}

.siteHeader .productSearch select[data-keyword-sections-available="no"] {
    display: none;
}

.siteHeader .productSearch label.search {
    display: block;
    position: relative;
    overflow-x: hidden;
}

.siteHeader .productSearch input {
    width: 100%;
    box-sizing: border-box;
    padding-right: 44px;
}

.siteHeader .productSearch input:focus {
    font-weight: 400;
}

.autoSuggestParent.loading input.autoSuggestKey {
    background-image: url(images/ajax-loader-transparent.gif);
    background-repeat: no-repeat;
    padding-right: 26px;
    background-position: center right 5px;
}

.productSearch.loading input.autoSuggestKey {
    padding-right: 68px;        
    background-position: center right 48px;
}

.autoSuggestParent.suggesting input.autoSuggestKey {
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.8);
}

.productSearch input + button {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    width: 40px; 
    padding: 0px;
    margin: 0px;
    height: auto;
    background-image: url(1104/icons/magnify.png); 
    border-radius: 0px;
}

.productSearch input ~ button.clear {
    position: absolute;
    right: 42px;
    top: 50%;
    margin-top: -7.5px;
    margin-right: 0px;
}

.productSearch input:invalid ~ button.clear,
.productSearch input:focus ~ button.clear {
    display: none;
}

.siteHeader #autoSuggestContainer {
    height: 0px;
    max-height: 60vh;
    color: rgba(0,0,0,0.7);
    background-color: #FFF;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    z-index: 100;    
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.8);    
    overflow: hidden;    
    font-size: 14px;
    line-height: 1.2;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;      
    transition: all .5s ease;    
}

.siteHeader #autoSuggestContainer.show {
    height: 300px;
    overflow: auto;
}

.productSearchAutoSuggestContainer .suggestionContainer {
    padding: 0px 6px;
    /*clear: both;    */
}

.productSearchAutoSuggestContainer .catalogueSuggestions {
    float: left;    
}

.productSearchAutoSuggestContainer .catalogueSuggestions:not(:empty) + .productSuggestions {
    border-left: solid 1px rgba(102,102,102,0.5);
}

.productSearchAutoSuggestContainer .productSuggestions {
    overflow: hidden;
}

.productSearchAutoSuggestContainer .productSuggestions .suggestionContainer {
    float: right;
    width: 100%;
    box-sizing: border-box;
}

.productSearchAutoSuggestContainer .suggestion {
    padding: 8px 4px;
    border-bottom: solid 1px rgba(102,102,102,0.2);
}

.productSearchAutoSuggestContainer .suggestion p:first-of-type {
    margin-top: 2px;
}


.productSearchAutoSuggestContainer .suggestion p:last-child {
    margin-bottom: 0px;
}

.productSearchAutoSuggestContainer .suggestionText {
    overflow: hidden;
}

.productSearchAutoSuggestContainer .suggestionContainer img { 
    max-width: 45px;
    max-height: 45px;
    float: left;
    margin-right: 10px;
}

.productSearchAutoSuggestContainer .suggestionContainer:after {
    content: '';
    display: block;
    clear: both;
}

.productSearchAutoSuggestContainer .suggestionContainer a { 
    text-decoration: none;
}

button.iconButton {
    background-position: center right 10px;
}

.iconButton.signIn {
    background-image: url(1104/icons/person.png);
    padding-right: 42px;
    text-transform: none;
    white-space: nowrap;
}

.iconButton.basket {
    background-image: url(1104/icons/basket.png);
    padding-right: 52px;
}

.iconButton.basket.toAuthorise {
    background-image: url(1104/icons/basket_orange.png);
}

.iconButton.basket.authorisationRejected {
    background-image: url(1104/icons/basket_red.png);
}

.iconButton.basket.small {
    background-image: url(1104/icons/basket_small.png);
    padding-right: 42px;    
}

.iconButton.menu {
    background-image: url(1104/icons/menu.png);
    padding-right: 47px;
}

.iconButton.close {
    background-image: url(1104/icons/close.png);
    padding-right: 43px;
}

.iconButton.clear {
    background-image: url("1104/icons/close.svg");
    width: 15px;
    height: 15px;
    background-size: contain;
}

.iconButton.clear:hover {
    background-image: url("1104/icons/close_hover.svg");
    background-color: transparent;
}

.iconButton.help {
    background-image: url(1104/icons/help.png);
    padding-right: 43px;
}

.iconButton.cookie {
    background-image: url(1104/icons/cookie.png);
    padding-right: 43px;
}

.iconButton.facebook {
    background-image: url(1104/icons/facebook.png);
    padding-right: 43px;
}

.iconButton.key {
    background-image: url(1104/icons/key.png);
    padding-right: 52px;
}

.iconButton.delete {
    background-image: url(1104/icons/trash.png);
    padding-right: 38px;
}

.iconButton.no {
    background-image: url("1104/icons/nosign.png");
    padding-right: 38px;
}

.iconButton.edit {
    background-image: url(1104/icons/pencil.png);
    padding-right: 38px;
}

.iconButton.edit.transparent {
    background-image: url(1104/icons/edit_blue.png);
}

.iconButton.edit.small {
    padding-right: 28px;
    min-width: 28px;
}

.iconButton.note {
    background-image: url(1104/icons/note.png);
    padding-right: 40px;
}

.iconButton.email {
    background-image: url(1104/icons/email.png);
    padding-right: 38px;
}

.iconButton.back {
    background-image: url(1104/icons/back.png);
    padding-right: 43px;
}

.iconButton.back.dark {
    background-image: url(1104/icons/back_grey.png);
}

.iconButton.next {
    background-image: url(1104/icons/next.png);
    padding-right: 43px;
}

.iconButton.nextAuth {
    background-image: url(1104/icons/next.png);
    padding-right: 43px;
}

.iconButton.next.dark {
    background-image: url(1104/icons/next_grey.png)
}

.iconButton.tick {
    background-image: url(1104/icons/tick.png);
    padding-right: 40px;
}

.iconButton.deselect, .iconButton.select {
    background-image: url(1104/icons/tick_transparent.png);
    padding-right: 40px;
}

#selectedProductsControls .iconButton.deselect, #selectedProductsControls .iconButton.select {
	font-size:10px;
}

#selectedProductsControls .iconButton.select {
    background-color: #4EBF51;
    color: #FFF;
}


.iconButton.box {
    background-image: url(1104/icons/box_open.png);
    padding-right: 40px;
}

.iconButton.calendar {
    background-image: url(1104/icons/calendar.png);
    padding-right: 40px;
}

.iconButton.grid {
    background-image: url(1104/icons/grid.png);
    padding-right: 36px;
}

.iconButton.list {
    background-image: url(1104/icons/list.png);
    padding-right: 33px;
}

.iconButton.print {
    background-image: url(1104/icons/print.png);
    padding-right: 38px;
}

.iconButton.home {
    background-image: url(1104/icons/home.png);
    padding-right: 42px;    
}

.iconButton.thumbsUp {
    background-image: url(1104/icons/thumbsup.png);
    padding-right: 39px;
}

.iconButton.thumbsDown {
    background-image: url(1104/icons/thumbsdown.png);
    padding-right: 39px;
}

.iconButton.reopen {
    background-image: url(1104/icons/reopen.png);
    padding-right: 40px;
    background-size: 20px auto;
}

.iconButton.search {
    background-image: url(1104/icons/magnify.png);
    padding-right: 45px;    
}

.iconButton.add {
    background-image: url(1104/icons/add.png);
    padding-right: 38px;
}

.iconButton.subtract {
    background-image: url(1104/icons/subtract.png);
    padding-right: 38px;
}

.iconButton.iconOnly {
    padding-left: 0px;
    font-size: 0px;
    background-position: center;
}

.iconOnly.small {
    width: 30px;
    padding: 0px;    
}

button.white {
    background-color: rgba(255,255,255,0.5);
}

button.white:hover {
    background-color: rgba(255,255,255,0.7);
}

 ul.tabList {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: 0px;
    text-align: center;
    white-space: nowrap;
    overflow: visible;    
    display: inline-block;
    position: relative;
    vertical-align: bottom;
     /*
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;      
    */
    min-width: 50%;
}

ul.tabList li {
    display: inline-block;
    font-size: 16px;
    vertical-align: bottom;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;   
    padding: 10px;
    font-weight: 400;   
    border-bottom: solid 3px transparent;
    max-width: 130px;
    box-sizing: border-box;
    white-space: normal;
}

ul.tabList li a {
    text-decoration: none;
    color: inherit;
}

ul.tabList li.on {
    border-bottom-color: #0B98E3;
    color: #507285;
}

ul.tabList li.on,
ul.tabList li:hover {
    background-color: rgba(255,255,255,0.5);
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
} 

.noCaps {
	text-transform: none;
}

header.siteHeader .catalogSections {
    opacity: 0;
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    z-index: 98;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;      
    transition: all .3s ease-out;  
}

ul.tabList > li {
    min-height: 55px;
    min-width: 100px;
    background-color: rgba(255,255,255,0.1);
    margin-left: 1px;
    margin-right: 1px;
}

.expander {
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 300;    
}

.expander:hover button {
	background-color: rgba(255,255,255,0.5);
}

header.siteHeader .catalogSections .expander {
    display: none;
    padding: 4px 4px;
    line-height: 20px;
}

header.siteHeader .catalogSections.loaded {
    opacity: 1;
    bottom: 0px;
}

header.siteHeader .catalogSections.loaded.noAnim {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    -ms-transition: none;      
    transition: none;  
}

menu.siteMenu {
    display: block;
    position: absolute;
    width: 423px;
    max-width: 100%;
    min-height: 100%;
    background-color: rgba(91,174,248,0.95);
    color: #FFF;
    right: -423px;
    top: 0px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;      
    transition: all .5s ease;  
    z-index: 100;
}

menu.siteMenu.on {
    right: 0px;
}

menu.siteMenu header {
    padding: 16px 10px 16px 26px;
    margin-bottom: 30px;
    font-weight: 300;
}

menu.siteMenu header > * {
    vertical-align: middle;
}

ul.menu {
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    font-weight: 400;
}

ul.menu li {
    display: block;
    /*text-transform: uppercase;*/
    letter-spacing: 0.3px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;  
    position: relative;    
}

ul.menu li a {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 8px 10px 8px 26px;  
}

ul.menu li:hover,
ul.menu li.on {
    background-color: rgba(255,255,255,0.5);
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
}

menu.siteMenu .submenu {
    box-sizing: border-box;
    height: 0px;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;  
    background-color: rgba(255,255,255,0.98);
    text-align: left;
    text-transform: none;
    color: rgba(0,0,0,0.7);
    z-index: 101;
    position: relative;
}

menu.siteMenu .submenu.alignRight {
    right: 0px;
}

menu.siteMenu .submenuColumn {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: top; 
    margin-bottom: 10px;
}

.siteMenu .accountDetails {
    display: none;    
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 1.3;    
}

.siteMenu .submenu .accountDetails {
    padding: 8px 10px;
    background-color: #146AB5;
    border: solid 3px #FFF;    
    /*opacity: 0.8;    */
    position: absolute;
    right: 100%;
    top: 0px;
    bottom: 0px;
    width: 200px;
}

/* Commented out by KB to allow text to be copied in account details
.siteMenu .submenu .accountDetails:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.3);
}
*/


menu.siteMenu header .accountDetails {
    margin-top: 10px;
    margin-bottom: -20px;
}

menu.siteMenu .submenu .accountDetails,
menu.siteMenu header .accountDetails{
    display: block;
}

menu.siteMenu .accountDetails strong {
    font-weight: 400;
}

ul.menu li:hover .submenu {
    height: auto;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    overflow: visible;
}

.submenu li {
    display: block !important;
}

ul.menu .submenu li a {
    /*white-space: nowrap;*/
    text-transform: none;
    line-height: 1.3em;
    /* font-size: 14px; */
    /*padding: 6px 10px;*/
}

.themeHoverBackground {    
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;  
}

.themeHoverBackground:hover,
.themeHoverBackground:focus {
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;       
}

.submenu li a:hover,
.submenu li a:focus,
.themeHoverBackground:hover,
.themeHoverBackground:focus {
    background-color: rgba(9,175,230,0.3);
}

.submenu .submenuHeader * {
    font-weight: bold;
    /*white-space: nowrap;*/
}

.siteFooter,
.customSiteFooter {
    color: #FFF;
    background-color: #5BAEF8;
    position: relative;        
}

.siteFooter .inner,
.customSiteFooter .inner {
    padding: 14px;
    background-image: linear-gradient(to top,#255d92 0,#146AB5 100%);    
}

.siteFooter .siteMenu {
    /*border-bottom: solid 1px rgba(255,255,255,0.5);*/
    text-align: center;
    padding: 10px 20px;
    /*background-color: #AAA;*/ /*rgba(255,255,255,0.15);*/
    /*position: absolute;
    bottom: 100%;
    left: 0px;
    right: 0px;*/
}

.siteFooter .siteMenu ul.menu {
    margin-top: 10px;    
    border-top: solid 1px rgba(0,0,0,0.4);
    border-bottom: solid 1px rgba(255,255,255,0.4);
}

.siteFooter .siteMenu ul.menu:before {
    content: '';
    display: block;
    border-top: solid 1px rgba(255,255,255,0.4);
    margin-bottom: 10px;
}

.siteFooter .siteMenu ul.menu:after {
    content: '';
    display: block;    
    margin-top: 10px;
    border-top: solid 1px rgba(0,0,0,0.4);
}

.siteFooter .siteMenu ul.menu > li {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.siteFooter .siteMenu ul.menu > li,
.siteFooter .siteMenu ul.menu > li a {
    font-weight: bold;
}

.siteFooter .siteMenu ul.menu > li a:not([href=""]):hover {
    background-color: rgba(0,0,0,0.2);
}

.siteFooter .siteMenu ul.menu .submenu,
.siteFooter .siteMenu ul.menu .submenu li a {
    font-weight: 300;
}

.siteFooter .siteMenu ul.menu .submenu .submenuHeader {
    margin-top: 10px;
}

.siteFooter .siteMenu ul.menu .submenu .submenuHeader * {
    /*font-family: 'Open Sans', san-serif;*/
    font-weight: 400;
}

.siteFooter ul.menu li:hover {
    background-color: transparent;    
}

.siteFooter ul.menu li:hover .submenu {
    box-shadow: none;
}

.siteFooter ul.menu li.on {
    background-color: inherit;
}

/*.siteFooter .siteMenu ul.menu .submenu {
    max-height: 100px;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;      
}

.siteFooter .siteMenu ul.menu .submenu:hover {
    max-height: none;
}*/

.HomeBanner {
    min-height: 50px;
    text-align: center;
}

.HomeBottomBanner {
    min-height: 58px;
    text-align: center;
}

.HomeBanner img,
.HomeBottomBanner img{
    max-width: 100%;
}

section#HomeMiddle table {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

.promoBox {
    background-size: contain;
    background-repeat: no-repeat;    
    background-position: center;
}

.promoSwapper {
    position: relative;
}

.promoSwapper .webCampaign:not(:nth-child(1)){
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
}

body.webCampaignEditing .promoSwapper .webCampaign {
    display: block !important;
    opacity: 1 !important;
}

section#HomeMiddle .promoBox,
.optionalPromotions .promoBox {
    width: 100%;
    height: 214px;
    background-color: #FFF;
}

body:not(.webCampaignEditing) [data-promo-switch=""],
body:not(.webCampaignEditing) [data-promo-switch="none"],
body:not(.webCampaignEditing) [data-promo-switch="nonenone"],
body:not(.webCampaignEditing) [data-promo-switch="nonenonenone"], 
body:not(.webCampaignEditing) [data-promo-switch="nonenonenonenone"] {
    display: none;
}

body.webCampaignEditing h1[data-campaign]:before,
body.webCampaignEditing h2[data-campaign]:before,
body.webCampaignEditing h3[data-campaign]:before {
    content: "*";
}

section#HomeMiddle .middleRow .promoBox,
.optionalPromotions .half .promoBox {
    height: 230px;
}

section#HomeMiddle .bottomRow .promoBox,
.optionalPromotions .quarter .promoBox {
    height: 228px;
}

section#HomeMiddle table.tiles {
    font-size: 0px;
    border: none;
}

table.tiles td {
    border: solid 13px #FFF;
    background-color: #FFF;
}

table.tiles tr.noTop td {
    border-top: none;
}

table.tiles tr.noBottom td {
    border-bottom: none;
}

.optionalPromotions table {
    width: 100%;
}

.optionalPromotions table + table tr td {
    border-top: none;
}

.promoRowContainer {
    margin-top: 50px;
}

.promoRowContainer h2:not(:empty) {
    margin-top: 50px;
    padding: 0px 13px;
    font-size: 23px;
}

.promoRowContainer h2:not(:empty) + table {
    margin-top: 20px;
}

.promoRowContainer h1 {
    font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin: 5px 0px 9px 0px;
	/*text-align: justify;*/
}

.promoRowContainer p, .promoRowContainer a  {
    font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}


.sliderPromoContainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*.slider a {
    text-align: center;
    display: inline-grid;
    justify-items: center;
    align-items: center;
    height: 100%;
}
*/
.slider a {
    text-align: left;
    display: inline-grid;
    justify-items: center;
    align-items: center;
    height: 100%;
    line-height: 1;
}

.slider a img {
    max-width: 100%;
    max-height: 90vh;
}

.catalogWrapper {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    background-color: #FFF;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    font-family: 'Open Sans', san-serif;
    border-radius: 1px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.8);
    height: 0px;
    opacity: 0;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: opacity .1s ease, height 0s linear 0.1s;
    -o-transition: opacity .1s ease, height 0s linear 0.1s;
    -moz-transition: opacity .1s ease, height 0s linear 0.1s;
    -ms-transition: opacity .1s ease, height 0s linear 0.1s;      
    transition: opacity .1s ease, height 0s linear 0.1s;
    /*
    transform-style: preserve-3d;
    transform-origin: 50% 0%;
    -ms-transform: rotateX(-90deg) perspective(300); 
    -webkit-transform: rotateX(-90deg) perspective(300);
    transform: rotateX(-90deg) perspective(300);   
    */
}

.catalogWrapper .inner {
    padding: 26px 0px;    
}

.catalogSections [data-catalogid].on .catalogWrapper {
    height: auto;
    opacity: 1;
    border-top: solid 4px #0B98E3;
    border-bottom: solid 4px #0B98E3;    
    -webkit-transition: opacity .1s ease, height 0s linear 0s;
    -o-transition: opacity .1s ease, height 0s linear 0s;
    -moz-transition: opacity .1s ease, height 0s linear 0s;
    -ms-transition: opacity .1s ease, height 0s linear 0s;      
    transition: opacity .1s ease, height 0s linear 0s;    
    /*
    -ms-transform: rotateX(0deg) perspective(300); 
    -webkit-transform: rotateX(0deg) perspective(300);
    transform: rotateX(0deg) perspective(300);       
    */
}

.catalogWrapper .sectionList {
    text-align: left;
}

.catalogWrapper .catalogSectionImage {    
    border-left: solid 1px #A8A8B7;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    padding: 0px 12px;
}

.catalogWrapper .catalogSectionImage img {
    max-width: 100%;
    max-height: 40vh;
}

.catalogWrapper .catalogSectionText {
    padding: 0px 26px 26px;
    line-height: 1.2em;
}

.catalogWrapper .catalogSectionText:empty {
    display: none;
}

ul.catalogElements {
    width: 100%;
    display: block;
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    list-style: none;
    column-count: 2;    
}

ul.catalogElements li {
    font-size: 16px;    
    width: 100%; /*50%*/
    display: inline-block;
    text-align: left;
    max-width: none;
    padding: 0px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;      
}

ul.catalogElements li a {
    padding: 10px 26px;
    display: block;
}

ul.catalogElements li:hover { 
    background-color: rgba(9,175,230,0.3);
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
}

section#login {
    padding-top: 20vh;
    padding-bottom: 20vh;
    text-align: center;
    font-family: 'Open Sans', san-serif;
	-webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;      
    transition: all .6s ease;  	
}

.newCustomerEntry section#login {
	padding-top: 5vh;
	padding-bottom: 3vh;
}

section#login form {
    display: inline-block;
    text-align: left;
	vertical-align: top;
	margin-left: 20px;
	margin-right: 20px;
	min-height: 294px;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;    
}

section.panels form {
	background: linear-gradient(rgba(0,0,0,0.02), rgba(0,0,0,0.0)); /* Standard syntax */	
}

section#login form h3 {
	margin-top: -40px;
	position: absolute;
	width: 100%;
	left: 0px;
    background-color: rgba(0,0,0,0.05);
    padding: 5px 10px;
    box-sizing: border-box;
    border-top-left-radius: 4px;	
	border-top-right-radius: 4px;	
}

section#login table {
    margin: 0px auto;
    width: 400px;
    max-width: 100%;
}

section#login table,
section#login table td {
    /*
    background-color: rgba(91,174,248,0.4) !important;
    border-color: rgba(91,174,248,0.4) !important;
    color: #FFF;
    */
    background-color: transparent;
}

section#login table td {
    border-color: transparent !important;
}

.whitePanel {
    background-color: rgba(255,255,255,0.6);
    color: #444;
    font-family: 'Open Sans', san-serif;
    font-size: 13px;
    border: solid 1px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
    line-height: 1.4;
}

.whitePanel a {
    color: #0B98E3;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;      
}

.whitePanel a:hover {
    color: #146AB5;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
}

.paddedPanel {
    padding: 16px;
}

.paddedPanel h3 {
    margin-bottom: 10px;
}

main#productSearch,
main#basket,
main#delivery,
main#orderpay {
    margin: 14px auto;
}

.collapsibleList header {
    cursor: pointer;
}

.collapsibleList .collapseArrow {
    float: right;
    margin: 6px 0px;
}

button.icon {
    padding: 0px;
    outline: none;
}

.icon.collapseArrow {
    background-image: url(1104/icons/collapse.png);
    width: 9px;
    height: 8px;
    vertical-align: middle;
}

.icon.collapseArrow.light {
    background-image: url(1104/icons/collapse_white_shadow.png);
    width: 19px;
    height: 18px;
}

.icon.collapseArrow.inverse {
    transform: rotate(180deg);
}

.icon.collapseArrow.collapsed {
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;      
    transition: all .5s ease-out;    
}

.icon.collapseArrow.collapsed.inverse {
    transform: rotate(0deg);
}

.icon.favourite {
    background-image: url(1104/sprites/star.png);
    height: 19px;
    width: 18px;
    vertical-align: middle;
    background-position: left;    
    position: relative;
}

.icon.favourite:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(1104/sprites/star.png);
    height: 19px;
    width: 18px;
    vertical-align: middle;
    background-position: right;     
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;      
}

button.icon.favourite:hover:before,
.icon.favourite.YES:before {
    opacity: 1;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
}

#filterBar {
    padding: 10px 0px;
}

.filterAttribute {
    margin-bottom: 15px;
}

.filterAttribute header {
    padding: 10px 0px;
}

.filterAttribute .inner {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    border-bottom: solid 1px rgba(102,102,102,0.4);
}

.filterAttribute:last-of-type .inner {
    border-bottom: none;
}

.filterAttribute input[type="checkbox"].styled + label:before {
    display: none;
}

.filterAttribute .MultiSelect input[type="checkbox"].styled + label:before,
.selectedFilters input[type="checkbox"].styled + label:before {
    display: block;
}

/* Attribute header count */
header span.refineCount {
    font-size: 0.6em;
	color: rgba(0,0,0,0.65);
}

span.refineCount {
    color: rgba(0,0,0,0.35);
}

.selectedFilters label {
    font-weight: bold;
}

#filterBar label.selected {
    color: #0B98E3;
    font-weight: bold;
}

ul.vertical {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.vertical li {
    padding: 0px;
    margin: 2px 0px;
    display: block;
}

ul.vertical li a {
    display: block;
}

productMainDetails h1 {
    font-family: 'Open Sans', san-serif;
    font-size: 16px;
    font-weight: bold;    
    color: #146AB5;
}

h2 {
    font-family: 'Open Sans', san-serif;
    font-size: 16px;
    font-weight: bold;    
    color: #146AB5;
}

.blue h2 {
    color: inherit;
}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
}

h4 {
    font-family: 'Open Sans', san-serif;
    font-size: 16px;
    font-weight: 600; 
    text-transform: uppercase;
    color: #333333;
}

.whitePanel label {
    color: #000;
    cursor: inherit;
}

.blue label {
    color: inherit;
}

#filterBar a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;    
}

#filterBar a:hover {
    text-shadow: 0px 0px 8px rgba(0,0,0,0.5);    
}

#filterBar li a {
    padding: 2px 0px;
}

.filterOptionsMoreItem {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;      
    transition: all .5s ease;  
    overflow: hidden;
    max-height: 2em;
}

.hideMore .filterOptionsMoreItem {
    margin-top: 0px;
    margin-bottom: 0px;
    max-height: 0em;
}

ul:not(.hideMore) .moreLink label:before {
    content: '- Less';
}

ul.hideMore .moreLink label:before {
    content: 'More...';    
}

input[type="checkbox"].styled {
    display: none;
}

input[type="checkbox"].styled + label {
    line-height: 17px;
    font-size: 13px;
    position: relative;
    padding-left: 21px;
    display: inline-block;    
    text-align: left;
    cursor: pointer;
}

input[type="checkbox"].styled + label:before {
    content: '';
    display: block;
    position: absolute;
    vertical-align: top;
    height: 15px;
    width: 15px;
    top: 0px;
    left: 0px;
    background-image: url(1104/sprites/checkbox.png);
    background-position: left;    
    cursor: pointer;
}

input[type="checkbox"]:checked.styled + label:before {
    background-position: right;   
}

input[type="checkbox"].styled + label:after {
    content: '';
}

#searchResults header,
header.sectionHeader {
    padding: 15px 20px;
}

header.sectionHeader .controls {
	margin-top: -5px;
}

#searchResults header h1.catalogResults {
    display: none;
}

#searchResults header:not([data-catalog-section="{CatalogSection}"]):not([data-catalog-section=""]) h1.productResults {
    display: none;
}

#searchResults header:not([data-catalog-section="{CatalogSection}"]):not([data-catalog-section=""]) h1.catalogResults {
    display: block;
}

#searchResults header h2.catalogResults {
    display: none;
}

#searchResults header:not([data-catalog-section="{CatalogSection}"]):not([data-catalog-section=""]) h2.productResults {
    display: none;
}

#searchResults header:not([data-catalog-section="{CatalogSection}"]):not([data-catalog-section=""]) h2.catalogResults {
    display: block;
}


#searchResults footer {
    height: 0px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;  
}

.waitBlocks {
    background-image: url(1104/animated/wait_blocks.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#searchResults.loading footer {
    height: 60px;
}

.productsWrapper {
  /*
    padding-left: 20px;
    padding-right: 20px;
  */
}

article.product,
article.basketLine {
  /*
    padding-top: 13px;
    padding-bottom: 13px;
  */
    padding: 13px 20px;
    border-bottom: solid 1px rgba(102,102,102,0.4);
    line-height: normal;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;    
}

article.basketLine.error {
    border-top: solid 5px #D90000;
    border-bottom: solid 5px #D90000;
}

article.basketLine.error .productSeq {
    color: #D90000;
    font-size: 2em;
}

.basketLines.showUnavailable article.basketLine[data-not-available="no"] {
    display: none;
}

button.unavailableProducts[data-number-not-available="0"] {
  display: none;
}

article.basketLine[data-not-available="yes"] {
  padding-top: 30px;
  background: repeating-linear-gradient(
    142deg,
    rgba(255,150,0,0.15),
    rgba(255,150,0,0.15) 10px,
    rgba(255,150,0,0.06) 10px,
    rgba(255,150,0,0.06) 20px
  );  
}

article.basketLine[data-not-available="yes"]:before {
  content:'This product is no longer available';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  background: rgba(255,150,0,1);
  color: #FFF; /*#D90000;*/
  font-weight: 600;  
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
}

article.product:last-of-type {
    border-bottom: none;
}

.relatedProductWrapper {
    text-align: center;
    word-spacing: 20px;
}

.relRowContainer ul.productInfoIcons {
    min-height:35px;
}

article.product.small {
    display: inline-block;
    width: 245px;
    box-sizing: border-box;
    vertical-align: top;   
    word-spacing: normal;
    min-height: 258px;
    font-size: 12px;
    padding: 10px;
    border: solid 1px rgba(68,68,68,0.50);
    margin-top: 10px;
    margin-bottom: 10px;
}

article.product.small p.productTitle {
    clear: both;
    margin: 10px 0px;
    text-align: left;
    min-height: 51px;
}

article.product.selected:before {
    content: '';
    display: block;
    position: absolute;
    left: -20px;
    top: 0px;
    bottom: 0px;
    width: 10px;
    background-color: #4EBF51;
}

.product .productPriceBox,
.basketLine .productPriceBox{
    float: right;
    padding: 12px 9px;
    background-color: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
    margin-left: 16px;
    margin-bottom: 16px;
    position: relative;
}

.orderTemplate .product .productPriceBox {
    padding: 46px 9px 12px 9px;
}

.product:not([data-product-type*="SB"]) .productSKUGroupBuying {
    display: none;
}

/*Hide product code for sku group products in search */
#productSearch .product[data-product-type*="SB"] .productCode {
    visibility:hidden ;
}


body:not([data-aorder="AO"]) .product .productPriceBox .productBuying,
body:not([data-aorder="AO"]) .relatedProductWrapper.smallProductBoxes .productBuying,
body[data-aorder="EO"] .notEnquiryOnly,
.product[data-product-type*="N"] .productPriceBox .productBuying {
    display: none;
}

.productPriceBox .productPrice {
    font-size: 20px;
    font-weight: 600;    
    float: left;
}

.productPriceBox .productUOM {
    font-size: 12px;
    float: right;
    padding-left: 6px;
    padding-bottom: 8px;
    border-left: solid 1px rgba(68,68,68,0.50);
    margin-left: 4px;
}

.productPriceBox .productUOM:empty {
    border-left: none;
}

.productPriceBox .productQuantity,
.productPriceBox select,
.smallForm input,
.smallForm textarea,
.smallForm select {
    box-sizing: border-box;
    font-size: 16px;
    height: 30px;
    color: #444444;
    font-family: 'Oswald', sans-serif;
}

.productPriceBox button.tick {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    margin: 0px;    
    display: none;
}

.productPriceBox button.tick:not(.selected) {
    background-image: url(1104/icons/tick_transparent.png);
}

.productPriceBox button.tick.selected:after {
    content: 'ed';
}

.orderTemplate .product .productPriceBox button.tick {
    display: block;
}

.smallForm select {
    padding: 0px 5px;
}

textarea,
.smallForm textarea {
    height: 108px;
}

.productPriceBox select {
    padding: 0px;
    font-size: 14px;
}

.productPriceBox .productQuantity {
    text-align: center;
    width: 37px;    
    padding: 4px;
}

input.productQuantity {
	width: 37px;
	text-align: center;
}

.productPriceBox .favourite {
    clear: right;
    float: right;
    margin-right: 0px;
}

.productPriceBox .productPrice,
.productPriceBox .productUOM {
    margin-bottom: 6px;
}

.productPriceBox .productRRP,
.productPriceBox .productSaving,
.productPriceBox .favourite {
    margin-bottom: 8px;
}

.productPriceBox .productSaving {
    margin-top: -8px;
    color: #CA0000;
}

.productPriceBox .productRRP,
.productPriceBox .productSaving,
.productPriceBox .productPriceIncVat, 
.productPriceBox .productPriceExcVat {
    font-size: 11px;
    clear: left;
    line-height: 19px;
}

.basketLine .productPriceBox .productRRP,
.productPriceBox .productPriceIncVat, 
.productPriceBox .productPriceExcVat {
    clear: right;
}

.productPriceBox .productPriceIncVat:before {
  content: 'Price (inc. VAT): ';
}

.productPriceBox .productPriceExcVat:before {
  content: 'Price (exc. VAT): ';
}

.productPriceBox .productRRP:before {
    content: 'RRP: ';
}

.productPriceBox .productSaving:before {
    content: 'Saving: ';
}

.productsWrapper[data-hide-rrp="Y"] .productRRP,
.productPriceBox[data-hide-rrp="Y"] .productRRP {
    display: none;
}

.productsWrapper[data-hide-savings="Y"] .productSaving,
.productPriceBox[data-hide-savings="Y"] .productSaving {
    display: none;
}

article.product.small .productBuying {
    width: 100%;
    text-align: center;
}


.productPriceBox .productBuying {
    clear: both;
}

.productPriceBox .productBuying button.basket {
    margin-right: 0px;
}

.product .productImage,
.basketLine .productImage {
    width: 134px;
    height: 134px;
    line-height: 112px;
    box-sizing: border-box;
    padding: 10px;
    background-color: #FFF;
    border: solid 1px rgba(68,68,68,0.25);
    float: left;
    margin-right: 16px;
    text-align: center;
}

.product.small .productImage {
    border: none;
    padding: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 120px;
    height: 134px;
    line-height: 134px;
}

.productImage img {
    max-width: 100%;
    max-height: 112px; /*120px;*/
    vertical-align: middle;    
}

.productDescription {
    font-weight: 600;
    color: #444444;
    font-size: 12px;
    line-height: 1.3;
}

.small .productDescription {
    font-size: inherit;
}

.productDescription a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;  
}

.productDescription a:hover {
    color: #5AADF8;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
    text-shadow: 1px 1px 8px #5AADF7;
}

.productCode {
    font-size: 12px;
    margin: 10px 0px;
}

.groupAvailText {
    width: fit-content;
    padding: 3px;
}

.groupAvailText a {
    padding: 3px;
}


.productWebDesc {
    margin: 10px 0px;
}

.productSupersedes,
.productSupersededBy {
    font-style: italic;
}

.productAvailability {
    font-size: 12px;
    margin: 10px 0px;
    font-weight: bold;
}

.productAvailability[data-availability-code="G"] {
    color: #4EBF51;
}

.productAvailability[data-availability-code="Y"] {
    color: #FFCC00;
}

.productAvailability[data-availability-code="R"] {
	color: #CA0000;
}

.productAvailability[data-availability-code="C"] {
	color: #4EBF51;
}

.productAvailability[data-availability-code="B"] {
	color: #000000;
}

.basketLineComment,
.basketLineUserComment {
    margin-bottom: 10px;
}

.product .productPromo,
.product .productPreferredText,
.basketLine .productPromo {
    /*float: left;*/
    display: inline-block;
    padding: 5px 8px;
    border-radius: 3px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product .productQPB {
    clear: left;
}

.product .productDetails,
.basketLine .productDetails {
    overflow: hidden;
    font-size: 12px;
}

table.listing .product[data-refund-line="yes"] {
    border-top: solid 4px #D90000;
    border-bottom: solid 4px #D90000;
    background-color: rgba(217,0,0,0.1);
}

.product[data-refund-line="yes"] .qty,
.product[data-refund-line="yes"] .price {
    color: #D90000;
}

.product[data-refund-line="yes"] .qty:before {
    content: '-';
}

.productDetails .carwebDetails {
    font-size: 11px;
    margin: 10px 10px 10px 0px; 
    color: #666;
}

.productDetails .carwebDetails[data-carweb-details-available="no"] {
    display: none;
}

.productDetails .carwebDetails table {
    border: solid 1px #DFDFDF;
    padding: 6px 0px;
}

.productDetails .carwebDetails table td {
    border: none;
    padding: 2px 8px;
    vertical-align: top;
    border-left: solid 1px #DFDFDF;
}

.productDetails .carwebDetails table td:empty {
    display: none;
}

.productDetails .carwebDetails table td:first-child,
.productDetails .carwebDetails table td:empty + td {
    border-left: none;
}

.productDetails .carwebDetails table td:not(:empty) + td:empty + td {
    border-left: solid 1px #DFDFDF;
}
 
.productGroupSelection .disabledSkuOption {
	border-color: lightgrey;
	appearance: none;
	opacity: 1;
}


h2.alsoInterested {
	line-height: 31px;
	padding-right: 10px;
}

ul.alsoInterested {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}

ul.alsoInterested li {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
	float: left;
	height: 31px;
	line-height: 31px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	border-radius        : 5px;
	cursor: pointer;
	background-color: #E5E5E5;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-transition: background-color .5s;
	-moz-transition   : background-color .5s;
	-o-transition     : background-color .5s;
	-ms-transition    : background-color .5s;
	transition        : background-color .5s;
    color: #626262;
    font-weight: bold;
    font-size: 11px;
    padding: 0 10px;
}

ul.alsoInterested li:hover {
	background-color: #90D0E5;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
}

ul.alsoInterested li.on, ul.alsoInterested li.on a {
	color: #FFF;
	cursor: default;
}




.product .productData {
    float: right;
}

.product .productData[data-product-file=""][data-pdf-files=""][data-pdf-file-count="0"] {
    display: none;
}

.product .productData .stdPdfFile:before,
.product .productData .ROostkpdf:before {
    content: 'Product Sheet';
}

.product .productData .otherPdfs:before {
    content: 'Other Info';
}

.product .productData[data-product-file=""] .stdPdfFile,
.product .productData[data-pdf-files=""] .ROostkpdf,
.product .productData:not([data-pdf-file-count="0"]):not([data-pdf-file-count="1"]) .ROostkpdf,
.product .productData[data-pdf-file-count="0"] .otherPdfs,
.product .productData[data-pdf-file-count="1"] .otherPdfs,  /* If 1 then it will be the same as .stdPdfFile */
.product .productData[data-pdf-file-count="1"] .stdPdfFile, /* If 1 then stdPdfFile and ROostkpdf will be the same? */
.product .productData[data-video-file=""] .video {
    display: none;
}

.product .productData .video:before {
    content: 'Video';
}

.product.small .price {
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px;
}

.product.small .unit {
    text-align: right;
    float: right;
    font-size: 12px;
    padding-top: 5px;
    border-top: solid 1px rgba(68,68,68,0.50);
}

a.pdf {
    height: 23px;
    width: 23px;
    display: inline-block;
    background-image: url(1104/icons/pdf.png);
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
}

a.pdf.otherPdfs {
    background-image: url(1104/icons/info_black.png);
}

a.video {
    height: 23px;
    width: 23px;
    display: inline-block;
    background-image: url(1104/icons/movies-icon.png);
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
}


a.productSheet {
    padding: 4px 0px;
    display: inline-block;
    font: inherit;
    text-decoration: inherit;
    color: inherit;
}

a.productSheet.pdf,a.productSheet.video {
    width: fit-content;
    padding-left: 30px;
    background-position: left;
    background-repeat: no-repeat;
    line-height: 23px;
	font-color: 12px;
}


a.productSheet[href=""] {
    display: none;
}

.blue,
.coreColourBackground {
    background-color: #5BAEF8;
    color: #FFF;    
}

.coreColour {
    color: #5BAEF8 !important;
}

button.blue:hover,
button.blue.on {
    background-color: #87C4F9;
}

button.blue.on {
    border-bottom: solid 3px rgba(255,255,255,0.4);    
}

.red,
button.authorisationRejected.alert {
    background-color: #D90000;
    color: #FFF;
}

.redText {
    color: #D90000 !important;
}

button.red:hover,
button.authorisationRejected.alert:hover {
    background-color: #FF5050;    
}

.orange,
button.toAuthorise.alert {
    background-color: #ff8c00;
    color: #FFF;
}

.orangeText {
    color: orange !important;
}

button.orange:hover,
button.toAuthorise.alert:hover {
    background-color: #ffaf4d;
}

.green {
    background-color: #4EBF51;
    color: #FFF;
}

.greenText {
    color: #4EBF51 !important;
}

button.green:hover {
    background-color: #80D182;
}

.white {
    background-color: #FFF;
}

.grey {
    background-color: #E6E6E6;
}

button:disabled,
button:disabled:hover {
    background-color: #CECECE;
    color: #EFEFEF;
    cursor: default;
}

.productQPB table,
table.featureTable {
    border: none;
    text-align: left;
    border-collapse: collapse;
    line-height: normal;
}

.productQPB table[data-first-qpb=""],
table.featureTable[data-populated=""] {
    display: none;
}

.productQPB table th,
.productQPB table td,
table.featureTable th,
table.featureTable td {
    padding: 0px 2px;
    min-width: 68px;
    border-bottom: solid 1px rgba(102,102,102,0.40);
}

table.featureTable td {
	width: 50%;
    border-bottom: none;
}


table.featureTable{
	width:100%; 
	border-collapse:collapse; 
}
table.featureTable td{ 
	padding:3px; 
	/*border:#4e95f4 1px solid;*/
}

table.featureTable tr{
	/*background: #b8d1f3;*/
}
/*  Define the background color for all the ODD background rows  */
table.featureTable tr:nth-child(odd){ 

}
/*  Define the background color for all the EVEN background rows  */
table.featureTable tr:nth-child(even){
	/*background: #dae5f4;*/
	background: #efefef;
}
	
#productDetails .productFeatures table {
    width: 80%;
}

#productDetails .productGroupSelection label {
	width: 135px;	
	display: inline-block;
}

#productDetails .productGroupSelection select {
	width: 300px;
	margin: 0 0 5px 0;
}

span.productFeaturesTab {
    background-color: lightgrey;
    border-radius: 5px;
    text-align: center;
    padding:10px;20px;10px,0px;
    vertical-align:middle;
    line-height:30px;
}

span.productFeaturesTab a {
	color:#000;	
}

span.sustainabilityFeaturesTab {
    background-color: #94C949;
    border-radius: 5px;
   	text-align: center;
	vertical-align:middle;
	padding:10px;20px;10px,0px;
	line-height:30px;	
}

span.sustainabilityFeaturesTab a {
	color:#000;
}


.productTabControls {
	margin-top:10px;
}


.productQPB table td:empty,
table.featureTable td:empty {
    font-size: 0px;
    border-bottom: none;
    padding: 0px;
}

#productDetails #featuresBox {
    font-size: 13px;
    margin: 10px 0 0 0;
    line-height: 24px;
}


.productQPB table td,
table.featureTable td {
    opacity: 0.7;
}

.product .productMore {
    float: right;
    clear: right;
    font-size: 14px;
    color: #5AADF8;
    text-decoration: none;
    font-weight: 600;
    /*margin-bottom: 6px;*/
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;  
}

.product a.productMore:hover {
    /*color: #444444;*/
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
    text-shadow: 1px 1px 8px #5AADF7;
}

.product .productIcons {
    margin-top: 6px;
    margin-left: 6px;
    float: right;
    clear: right;
}



#filterTab {
    display: none;
}

.webCampaign.SearchBanner {
    text-align: center;
}

.webCampaign.SearchBanner img {
    margin-bottom: 10px;
}

ul.bulletPoints li {
    padding: 6px 0px 6px 16px;
    background-image: url(1104/icons/bullet.png);
    background-position: left 8px;
    background-repeat: no-repeat;
}

p.first,
div.first,
div.field.first { 
    margin-top: 0px;
}

p.last,
div.last,
div.field.last {
    margin-bottom: 0px;
}

#productDetails .productQPB {
    clear: right;
    float: right;
    margin: 12px 0px 0px 6px;
}

#productDetails .productDataContainer {
    margin: 20px 0px;
}

#productDetails .productFeatures table {
    width: 66%;
    margin-top: 20px;
}

#productDetails .productFeatures table thead th:empty:before {
    content: 'Product Features';
	font-size: 12px;	
}

[data-empty-check=""],
[data-empty-check="none"],
[data-empty-check="nonenone"],
[data-empty-check="nonenonenone"], 
[data-empty-check="nonenonenonenone"],
[data-hide-if-yes="yes"],
[data-hide-if-yes="Y"],
[data-hide-if-no="no"],
[data-hide-if-no="N"],
.hideIfEmpty:empty,
.addressLine:empty {
    display: none !important;
}

.productPriceBox .listManagement {
    margin: 10px 0px 0px;
}

.promoBox a {
    display: block;
    height: 100%;
    width: 100%;
}

.basketLine .productPriceBox {
    width: 229px;
    max-width: 100%;
    text-align: center;
}

.basketLine .productQPB {
    float: right;
    margin-left: 20px;
    margin-right: 20px;
}

.basketLine .productPriceUOM,
.basketLine .lineTotal {
    min-width: 60px;
    text-align: right;
}

.basketLine .productPriceUOM {
    font-size: 20px;
    opacity: 0.8;
    float: left;
    text-align: left;
    padding-right: 5px;
}

.basketLine .productPrice {
    float: none;
    margin-bottom: 0px;
    font-weight: normal;
}

.basketLine .productUOM {
    float: none;
}

.basketLine .lineTotal {
    font-weight: bold;
    font-size: 20px;
    float: right;
}

.basketLine .productPriceBox .productUOM {
    float: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
    clear: left;
}

.basketLine .buttons {
    text-align: right;    
}

.buttons button {
    margin-left: 2px;
    margin-right: 2px;
}

.basketLine .productImage {
    width: 108px;
    text-align: center;
}

.basketLine .rightCol {
    float: right;
}

.basketLine .productIcons {
    clear: right;
    float: right;
}

.basketLine .productSeq {
    color: #5BAEF8;
    font-size: 16px;
    font-weight: bold;
    float: left;
    min-width: 20px;
    margin-left: -5px;
    margin-right: 5px;
}

table.invisible {
    border-collapse: collapse;
    border: none;
    width: 100%;
}

table.totals {
    border: none;
    width: 100%;    
    font-size: 20px;
    color: rgba(68,68,68,0.8);
    text-align: right;
}

table.totals.small {
    font-size: 16px;
}

table.totals tr > * {
    padding: 12px;
}

table.totals.small tr > * {
    padding: 10px;
}

table.totals tr > *:first-child {
    padding-left: 0px;
}

table.totals tr > *:last-child {
    padding-right: 0px;
    text-align: right;
}

table.totals tbody tr:last-of-type > * {
    padding-bottom: 50px;
}

table.totals.small tbody tr:last-of-type > * {
    padding-bottom: 20px;
}

table.totals tfoot {
    font-weight: bold;
    color: rgba(68,68,68,1);
}

table.totals tfoot tr > * {
    padding-top: 30px;
    padding-bottom: 30px;
}

table.totals.small tfoot tr > * {
    padding-top: 20px;
    padding-bottom: 20px;
}

table.totals tfoot tr:first-of-type > * {
    border-top: solid 1px rgba(102,102,102,0.4);
}

table.totals tfoot tr:last-of-type > * {
    border-bottom: solid 1px rgba(102,102,102,0.4);
}

.basketSummary .basketControls {
    margin-top: 20px;
}

.basketOwner {
	display:none;
}

.basketExtras p,
div.field {
    margin: 20px 0px;
}

.basketExtras #basketAddProductCode,
.basketExtras #basketVoucherCodes {
    width: 200px;
}

fieldset {
    max-width: 100%;
    box-sizing: border-box;
}

fieldset div.field {
	margin: 10px 0px;
}

.columnHeadings {
    font-size: 16px;
    line-height: 30px;
}

#basket .columnHeadings {
    margin-right: 20px;
}

#basket .columnHeadings span {
    margin-left: 50px;
}

#basketContainer #authorisationSummary div.field {
	margin:3px 0px;
}


#basketContainer #authorisationSummary #ownerContains {
	height:40px;
}

#basketContainer #authorisationSummary .basketOwner {
	float:left;
}

#basketContainer #authorisationSummary .emailDelete {
	float:right;
}

#basketContainer .authButtons {
   	display:inline-block;
}

#basketContainer .deliveryOptions {
	margin-bottom: 10px;
}

#basketContainer label {
    font-weight: bold;
    margin-bottom: 10px;
}

#basketContainer .deliveryOptions label {
    display: block;
}

#basketContainer .deliveryOptions select {
    min-width: 300px;
}

#basketContainer .extraLineFields label {
    display: block;
}

#basketContainer .extraLineFields select {
    min-width: 300px;
}

header.sectionHeader {
    line-height: 30px;
}

#filterBar header.sectionLevel {
    padding: 5px 10px;
    margin: 0px -10px;
}

#basket header,
#delivery header,
#orderConfirm header,
#orderHistory header,
#invoiceHistory header,
#invoiceDetail header,
#productDetails header,
#uninvoicedDelivery header {
    position: relative;
}

#basket header button.back,
#basket header button.next,
#delivery header button.next,
#delivery header button.back,
#orderConfirm header button.continue,
#orderHistory header button.back,
#invoiceHistory header button.back,
#invoiceDetail header button.back,
#productDetails header button.back,
header.sectionHeader button.back,
header.sectionHeader button.next {
    position: absolute;    
    top: 50%;  
    margin-top: -19px;    
}

#productDetails header button.back {
    margin-top: 0px;
}

#basket header button.back,
#delivery header button.back,
#orderHistory header button.back,
#invoiceHistory header button.back,
#invoiceDetail header button.back,
#productDetails header button.back,
header.sectionHeader button.back {
    right: 100%;
    margin-right: 20px;
}

/*Order history export to csv button */
button.exportButton {
    text-transform: none;
    color: #000;
    background-color: #efefef;
    border: #000 1px solid;
    margin-right: 20px;
    font-size: 14px;
    text-align: ;
}
#basket header button.next,
#delivery header button.next,
#orderConfirm header button.continue,
header.sectionHeader button.next {
    left: 100%;
    margin-left: 20px;
}

#delivery footer button.next,
#orderSearch footer button.search,
#invoiceSearch footer button.search {
    float: right;
}

.fieldAcceptControls {
    /*display: inline-block;*/
    display: none;
    vertical-align: middle;
    position: absolute;
    line-height: 26px;
    margin-left: 0px;
    margin-top: -16px;
    padding: 3px;
    background-color: rgba(255,255,255,0.8);
    z-index: 5;
    border: solid 1px rgba(0,0,0,0.07);
    border-radius: 3px;
}

.closeControl {
    position: absolute;
    top: -9px;
    right: -12px;
    padding: 3px;
    background-color: rgba(255,255,255,0.8);
    z-index: 5;
}

textarea.modified + .fieldAcceptControls + .closeControl {
    display: none;
}

input.date,
input[type="email"] {
    width: 200px;
    max-width: 100%;
}


input#TheirRefInput {
    width: 350px;
    max-width: 100%;
}


input.date.small,
input[type="email"].small {
    width: 140px;
}

input.modified + .fieldAcceptControls,
textarea.modified + .fieldAcceptControls {
    display: inline-block;
}

button.miniControl {
    height: 24px;
    width: 26px;
    /*border-radius: 6px;*/
    padding: 0px;
    margin: 0px;
    line-height: inherit;
    font-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
}

.miniControl.accept {
    background-image: url(1104/icons/tick_small.png);
}

.miniControl.undo {
    background-image: url(1104/icons/undo_small.png);
}

.miniControl.close {
    background-image: url(1104/icons/close_small.png);
}

.labelledFields {
    font-size: 15px;
    line-height: 30px;
}

.labelledFields label {
    font-size: 15px;
    min-width: 190px;
    display: inline-block;
    vertical-align: middle;    
    margin-right: 10px;
    text-align: right;
    /*float: left;
    clear: left;*/
}

.floatedFields label {
    float: left;
    clear: left;
}

.labelledFields label:after {
    content: ':';
}

.labelledFields label:empty:after {
    content: '';
}

.labelledFields.smallForm label {
    vertical-align: top;
    line-height: 30px;
}

.labelledFields div.field:after {
    content: '';
    display: block;
    clear: left;
    
}

.labelledFields label + p {
    overflow: hidden;
}

.wideFields input[type="text"] {
    width: 270px;
    max-width: 100%;
}

#frmExistingCustomer input[type="text"],
#frmExistingCustomer input[type="password"],
#frmNewCustomer input[type="text"],
#frmNewCustomer input[type="password"],
#frmChangeEmail input[type="text"],
#frmChangeEmail input[type="password"] {
    width: 220px;
}

body.loginPage.nonAcc #frmExistingCustomer input[type="text"] {
    margin-right: 60px;
}

.loginPage.processing:after {
 color:#000;
 padding-top: 200px;
 font-size: 20px;
 font-weight: normal;
 text-align: center;
 text-shadow: 0 0 2px  #FF333C;

 #text-shadow: 0px 0px 30px #FF333C;
}        


.loginPage.overlay {
  position: fixed; /* Sit on top of the page content */
  #display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(244, 242, 241, 1); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

div.field.text {
    margin: 0px 0px;
}

div.field.text p {
    font-weight: lighter;
}

.paddedValues div.field.text label {
    margin-right: 30px;
}

.processing {
    position: relative;
}

.processing:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.6);
    background-image: url(1104/animated/wait_blocks.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor: wait;
    z-index: 10;
}

.processing.noEggTimer:after {
    background-image: none;
}

.wait, .wait * {
    cursor: wait !important;
}

button.box[data-split-pack="NOT AVAILABLE"] {
    display: none;
}

button.iconButton[data-hide-text-if-empty=""],
button.iconButton[data-populated="NO"],
button.iconButton[data-populated="NO "],
button.box[data-split-pack="NO"] {
    font-size: 0px;
    padding: 0px;
    width: 30px;
    background-position: center;
}

button.note:disabled {
    display: none;
}

button.note[data-populated="YES"],
button.box:not([data-split-pack="NO"]) {
    background-color: #DDAA00;
    /*color: #000;*/
}

button.note[data-populated="YES"]:hover,
button.box:not([data-split-pack="NO"]):hover {
    background-color: #EEBB00;
    /*color: #000;*/
}

.basketLine .lineNote {
    position: absolute !important;
    top: 30px;
    right: 15px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.6);    
    border-radius: 3px;
    z-index: 1;  
    display: none;
}

.basketLine .lineNote textarea {
    padding-right: 23px;
    background-color: lightyellow;
}

.basketLine .lineNote .fieldAcceptControls {
    bottom: 3px;
    right: 1px;
}

body.noBasketLink header.siteHeader button.basket,
body.noBasketLink header.siteHeader button.basketList,
body.noBasketLink header.siteHeader .basketListWrapper {
    display: none;
}

body:after {
    content: '';
    position: fixed;
    z-index: 1000;
    top: 100%;
    left: 50%;        
    right: 50%;
    bottom: 0%;    
    background-color: rgba(0,0,0,0.0);    
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    transition: background-color .3s ease, top 0s linear .3s, right 0s linear .3s, bottom 0s linear .3s, left 0s linear .3s;  
}

body.dialogOn:after {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.4); 
    transition: background-color .3s ease, top 0s linear 0s, right 0s linear 0s, bottom 0s linear 0s, left 0s linear 0s; 
}

div.bodyBlock {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;  
}

div.dialogBox {
    position: fixed;
    z-index: 1001;
    top: 100px;
    left: 50vw;
    width: 310px;
    padding: 4px;
    text-align: center;
    margin-left: -155px;
    box-sizing: border-box;
    background-color: #FFF;
    border: solid 4px rgb(11, 152, 227);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.5);
}

.dialogBox header {
    padding: 6px 3px 10px;
    border-bottom: solid 2px rgb(11, 152, 227);
}

.dialogBox .message {
    margin: 20px 0px;
}

.dialogBox input {
    width: 80%;
}

.dialogBox p {
    margin: 10px 0px;
}

.dialogBox .dialogBoxError {
	font-size: 12px;
	color: #FE0000;
}

button.basketList {
    position: relative;
    width: 15px !important;
    height: 15px !important;
}

div.basketListWrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

ul.basketList {
    position: absolute;
    min-width: 480px;
	/*min-width:290px*/
    background-color: #FFF;
    color: #333;
    font-size: 13px;
    text-transform: none;
    right: 0px;
    top: 100%;
    margin-top: 10px;
    margin-right: -5px;
    text-align: left;
    box-sizing: border-box;
    box-shadow: 10px 4px 12px 0px rgba(0,0,0,0.4);
    display: none;
    font-family: 'Open Sans', san-serif;
    border: solid 2px #0B98E3;
    border-radius: 4px;
    z-index: 100;
    font-weight: 600;
    line-height: 38px;
    opacity: 0;
}

ul.basketList.big {
    max-width: 320px;
    /*right: auto;*/
    left: 10px;
    right: 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: -10px !important;
}

ul.basketList.show {
    display: block;
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;      
    transition: all .5s ease-out;      
}

ul.basketList li {
    padding: 0px 10px;
    cursor: pointer;
}

ul.basketList li:hover {
    background-color: rgba(9,175,230,0.3);
}

ul.basketList li.current {
    background-color: #0B98E3;
    color: #FFF;
}

ul.basketList li.toAuthorise {
    color: darkorange;
    background-color: rgba(255, 140, 0, 0.05);
    border-top: dotted 1px;
}

ul.basketList li.awaitingAuthorisation {
    color: darkorange;
    cursor: default;
    background-color: rgba(255, 140, 0, 0.05);
    border-top: dotted 1px;
}

ul.basketList li.authorisationRejected {
    color: red;
    cursor: default;
    background-color: rgba(255,0,0,0.05);    
    border-top: dotted 1px;
}
.awaitTitle {
    background-color: darkorange;
    color: #fff;
    padding: 0 4px 0 4px;
    line-height: 18px;
    width: fit-content;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
	display: none;
}

.rejectedTitle {
    background-color: red;
    color: #fff;
    padding: 0 4px 0 4px;
    line-height: 18px;
    width: fit-content;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
	display: none;
}


ul.basketList li.newBasket {
    border-top: dotted 1px rgba(0,0,0,0.4);
}

ul.basketList span {
    display: inline-block;
    vertical-align: top;
}

.basketList .orderNo {
    width: 45%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;  
}

.basketList .name {
    width: 45%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;    
}

.basketList .lines {
    width: 24%;
    text-align: right;
}

.basketList .total {
    width: 30%;
    text-align: right;
}

.basketList .notes {
    line-height: 1.4;
    font-size: 12px;
    font-weight: normal;
    margin-top: -3px;    
    color: #333;
    display: block; 
    padding-bottom: 10px;
}

.basketList .authorisationRejected .notes {
    /*color: inherit;*/
}

.basketList .actions {
    margin-top: -10px;    
}

.basketList .basketSelector.approveAll .actions {
    margin-top: -3px;
}

.basketList .basketSelector.approveAll {
    display: none !important;
    cursor: default;
}

.basketList .basketSelector.approveAll:hover {
    background-color: inherit;
}

.basketList.toAuthorise .basketSelector.approveAll {
    border-top: dotted 1px rgba(0,0,0,0.4);
    display: block !important;
}

.basketList strong {
    font-weight: bold;
}

.basketList.big span {
    font-size: 11px;
}

.basketList.big .orderNo {
    width: 23%;
}

.basketList.big .name {
    width: 35%;
}

.basketList.big .lines {
    width: 21%;
}

.basketList.big .total {
    width: 21%;
}

.basketList .dateRequested {
    font-size: 14px;
    height: 22px;
}

.topBorder {
    border-top: solid 1px #CCC;
}

.bottomBorder {
    border-bottom: solid 1px #CCC;
}

.addressBox {
    font-size: 13px;
    background-color: #FFF;
    border: solid 1px rgba(0,0,0,0.2);
    padding: 15px;
    padding-right: 30px;
    box-sizing: border-box;
    width: 248px;
    min-height: 147px;
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.45);
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
    margin-bottom: 20px;
    border-radius: 3px;
    line-height: 1.3;
    cursor: pointer;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;  
    position: relative;
}

.addressBox:hover {
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.15);
    margin: 4px 41px 16px 4px;    
    -webkit-transition: all .05s ease;
    -o-transition: all .05s ease;
    -moz-transition: all .05s ease;
    -ms-transition: all .05s ease;      
    transition: all .05s ease; 
}

.addressBox.noHover {
    box-shadow: none;
    margin-right: 45px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-top: 0px;
}

.addressBox.selected {
    border: solid 2px #5BAEF8;
    background-image: url('images/delivery_box_tick.png');
    background-repeat: no-repeat;
    background-position: right 10px bottom 10px;
}

.addressBox button.edit {
    position: absolute;
    right: 2px;
    top: 2px;
}

/* Little address button*/
.smallForm .addressBox.noHover.editAddress.editAddressnew.small {
	width: 76px;
	/* height: 0px; */
	height: 30px;
	margin: 0 0 0 0;
	padding: 0;
	min-height: 31px;
	border: 0px;
}

.smallForm .addressBox button {
	width: 76px;
	height: 30px;
	font-size:15px;
	line-height: 20px;
}


.list .addressBox button.edit {
    top: -8px;
}

.addressPair {
    display: inline-block;
    max-width: 285px;
    white-space: normal;
    vertical-align: top;
}

#addressPairContainer {
    display: none;
}

.addressContainer {
    white-space: nowrap;
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 4px;
    /*margin-left: 64px;
    margin-right: 64px;*/
    /*padding-left: 64px;
    padding-right: 64px;*/
    /*position: relative;*/
}

.addressContainer:before,
.addressContainer:after {
    content: '';
    display: inline-block;
    height: 100%;
    width: 64px;
}

.addressContainer:after {
    width: 19px;
}

.addressScrollWrapper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 64px;
    bottom: 0px;
    z-index: 1;
    background: -webkit-linear-gradient(left, rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,0)); /* Standard syntax (must be last) */    
}

.addressScrollWrapper:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 64px;
    bottom: 0px;
    z-index: 1;
    background: -webkit-linear-gradient(right, rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,1), rgba(249,249,249,0)); /* Standard syntax (must be last) */    
}

.addressScrollWrapper {
    position: relative;
}

.addressScrollWrapper > button.back {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 24px;
    margin-left: -16px;
    z-index: 2;
}

.addressScrollWrapper > button.next {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    right: 24px;
    margin-right: -16px;
    z-index: 2;
}

.addressScrollWrapper[data-scroll-content-count="1"] button.back,
.addressScrollWrapper[data-scroll-content-count="2"] button.back,
.addressScrollWrapper[data-scroll-content-count="3"] button.back,
.addressScrollWrapper[data-scroll-content-count="4"] button.back,
.addressScrollWrapper[data-scroll-content-count="5"] button.back,
.addressScrollWrapper[data-scroll-content-count="6"] button.back,
.addressScrollWrapper[data-scroll-content-count="1"] button.next, 
.addressScrollWrapper[data-scroll-content-count="2"] button.next,
.addressScrollWrapper[data-scroll-content-count="3"] button.next,
.addressScrollWrapper[data-scroll-content-count="4"] button.next,
.addressScrollWrapper[data-scroll-content-count="5"] button.next,
.addressScrollWrapper[data-scroll-content-count="6"] button.next {    
    display: none;
}

.deliveryAddresses {
    /*overflow: hidden;*/
}

#addressFilter {
    margin-left: 67px;
    width: 240px;
    max-width: 100%;
}

.gldp-default .core {
    background: none;
}

/* List address view */
.list .addressScrollWrapper > button.next,
.list .addressScrollWrapper > button.back,
.list .addressScrollWrapper:before,
.list .addressScrollWrapper:after,
.list .addressContainer:before,
.list .addressContainer:after {
    display: none;
}

.list .addressScrollWrapper {
    max-height: 60vh;
    overflow: auto;   
    margin-top: 20px;
}

.list .addressContainer {
    white-space: normal;
    margin: 0px;
}

.list .addressPair {
    vertical-align: top;
}

.list #addressFilter {
    margin-left: 0px;
}

.list .addressBox {
    margin: 10px 8px 10px 0px;
    width: auto;
    display: block;
    min-height: 0px;
    box-shadow: none; /*1px 1px 10px 0px rgba(0,0,0,0.2);*/
}

.list .addressPair {
    display: block;
    max-width: none;
}

.list .addressLine {
    display: inline-block;
}

.list .notList,
.gridListView:not(.list) .listOnly {
    display: none;
}
/* End of list address view */

p.heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

p.heading.light {
    font-weight: normal;
}

.rightPanel {
    border-left: solid 1px #CCC;
}

#orderSummary .basketTotals {
    margin-top: 60px;
    margin-bottom: 40px;
}

#basketStatusNotice {
	/*max-width:533px;*/
	
    /*border: 1px solid crimson;*/
	border-bottom: solid 1px #CCC;
	display:none;
}	

p.basketStatusNoticeText {
	color:crimson;
    font-size: 14px;
    font-weight: 600;
	padding:5px;
	margin: 0px 0px 0px 10px;
}



button.confirm {
    font-weight: normal;
}

.hscrollWrapper {
    position: relative;
    max-width: 100%;   
    padding-left: 50px;
    padding-right: 50px;
    font-size: 0px;
    word-spacing: 0px;
}

.hscrollWrapper button.back,
.hscrollWrapper button.next { 
    position: absolute;
    top: 50%;
    margin-top: -30px;
}

.hscrollWrapper button.back {
    left: 0px;
}

.hscrollWrapper button.next {
    right: 0px;
}

.hscrollWrapper[data-scroll-content-count="1"] button.back,
.hscrollWrapper[data-scroll-content-count="1"] button.next {
    display: none;
}

.hscroller {
    white-space: nowrap;
    overflow: hidden;   
    max-width: 100%; 
}

.hscroller > * {
    white-space: normal;
}

#invoiceAddressContainer {
    width: 258px;
}

#invoiceAddresses .hscrollWrapper {
    width: 258px;
}

.veryLightGreyPanel {
    background-color: #F9F9F9;
}

.paymentMethod .providerDetails {
    margin-top: 20px;
    display: none;
}

.paymentMethod[data-provider="WORLDPAY"] .providerDetails[data-provider="WORLDPAY"],
.paymentMethod[data-provider="SAGEPAY"] .providerDetails[data-provider="SAGEPAY"],
.paymentMethod[data-provider="PAYPAL"] .providerDetails[data-provider="PAYPAL"],
.paymentMethod[data-provider="CASH"] .providerDetails[data-provider="CASH"], 
.paymentMethod[data-provider="CHEQUE"] .providerDetails[data-provider="CHEQUE"],
.paymentMethod[data-provider="CREDIT CARD"] .providerDetails[data-provider="CREDIT CARD"] {
    display: block;
}

section.basketList {
    margin-top: 40px;
    margin-bottom: 40px;
}

section.signatureList {
    margin-top: 40px;
    margin-bottom: 40px;
    display: none;
}

table.listing {
    width: 100%;
    border-collapse: collapse;
    color: #444444;
    font-size: 15px;
    border: none;
    font-family: 'Open Sans', san-serif;
}

table.listing.small {
    font-size: 12px;
}

table.listing thead th {
    background-color: #DDDDDD;
    font-weight: 400;
    vertical-align: bottom;
}

table.dataTable thead th.centered {
	padding-right: 10px;
	text-align: center;
}

table.listing th,
table.listing td {
    padding: 15px;
    text-align: left;
}

table.listing th.currency,
table.listing th.numeric,
table.listing th.date,
table.listing td.date,
table.listing th.centered,
table.listing td.centered {
	text-align: center;
}

table.listing td.currency {
	text-align: right;
}

table.listing td {
    font-weight: bold;
    padding: 10px 15px;
    vertical-align: top;
}

table.listing td.vmiddle {
	vertical-align: middle;
}

table.listing td button.small {
	margin-top: -4px;
	margin-bottom: -3px;
}

table.listing td button.very.small {
	margin-top: 1px;
	margin-bottom: 1px;
}

table.listing tr:hover {
	background-color: #ECECEC;
}

table.listing em {
	font-style: italic;
	font-family: serif;
}

.hoverable {
	cursor: help;
}

.tableWrapper label {
    padding: 10px 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
}

.tableWrapper label * {
    vertical-align: baseline;
}

table .code,
table .product {
    text-align: left !important;
}

table .product .expectedDate {
    font-size: 0.8em;
}

.basketList [data-show-line-dates="N"] .expectedDate,
.basketList .product[data-line-open="no"] .expectedDate {
    display: none;
}

table .qty,
table .packSize {
    text-align: center !important;
    white-space: nowrap;
}

table .unitPrice,
table .price {
    text-align: right !important;
}

.dataTables_info, .dataTables_paginate {
    margin-top: 10px;
}

table .vcenter th,
table .vcenter td {
	vertical-align: middle;
}

#confirmationMessage p.heading {
    font-size: 21px;
}

#confirmationMessage:not([data-wo-status="A"]) [data-wo-status="A"] {
    display: none;
}

#confirmationMessage[data-wo-status="A"] [data-wo-status="A"] {
    display: block;
}

#confirmationMessage[data-wo-status="A"] [data-wo-status="default"] {
    display: none;
}

p.multiples,
p.maxQty {
    background-color: #D90000;
    color: #FFF;
    padding: 2px;
    margin-top: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 11px;
    text-align: center;
}

p.multiples[data-multiple="1"],
p.multiples[data-multiple=""],
p.maxQty[data-max-qty="0"],
p.maxQty[data-max-qty=""],
p.maxQty[data-max-qty^="{"]{
    display: none;
}

.productPriceBox button.buy {
    margin-right: 0px;
}

.spacer {
    height: 10px;
}

.breakSortBy {
    margin: 0px -20px;
}

#yourLists .listEditButtons {
    visibility: hidden;
    margin-top: -4px;
    /*margin-bottom: 4px;*/
}

#yourLists li[data-order-template-maintainable="yes"] .listEditButtons {
    display: block;
    visibility: visible;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;      
}

#yourLists .orderTemplateGroup[data-order-template-group-maintainable="no"] .listEditButtons {
    /*display: none;*/
    visibility: hidden;
}

#yourLists li[data-order-template-maintainable="yes"]:hover .listEditButtons {
    opacity: 1;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
}

#yourLists .listItemDetails {
    max-width: 50%; 
    margin-right: 10px;
    margin-left: 10px;
}

td.numeric,
table.listing td.numeric {
    text-align: right;    
}

ul.socialBtns {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.socialBtns.iconList {
    width: 70px;
}

ul.socialBtns li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	float: left;
	color: #FFF;
	font-size: 13px;
	background-image: url(images/social_icons.png);
	background-repeat: no-repeat;
	-webkit-transition: background-color .2s;
	-moz-transition   : background-color .2s;
	-o-transition     : background-color .2s;
	-ms-transition    : background-color .2s;
	transition        : background-color .2s;
}

ul.socialBtns li.title {
    padding: 0 8px;
    width: auto;
    float: left;
    background-image: none;
    height: 30px;
}

ul.socialBtns li.linkedIn {
	background-position: 0px 0px;
	background-color: #093479;
}

ul.socialBtns li.linkedIn:hover {
	background-color: #224D92;
}

ul.socialBtns li.twitter {
	background-position: -35px 0px;
	background-color: #39B6D7;
}

ul.socialBtns li.twitter:hover {
	background-color: #52CFF0;
}

ul.socialBtns li.facebook {
	background-position: -70px 0px;
	background-color: #3756A1;
}

ul.socialBtns li.facebook:hover {
	background-color: #506FBA;
}

ul.socialBtns li.googlePlus {
	background-position: -105px 0px;
	background-color: #999;
}

ul.socialBtns li.googlePlus:hover {
	background-color: #B2B2B2;
}

ul.socialBtns li a {
	display: block;
	width: 100%;
	height: 100%;
}

.productEntryLine .productDetails {
	min-width: 200px;
	min-height: 36px;
	line-height: 36px;
	display: inline-block;
	vertical-align: middle;
}

.productEntryLine[data-verified="invalid"] .addProductCode {
    background-color: rgba(217,0,0,0.3);
    /*color: #FFF;*/
}

.productEntryLine[data-verified="invalid"] .productDetails {
    color: #D90000;
}

.productEntryLine .productPriced {
	margin-top: 6px;
}

.productEntryLine .productPriced .price {
    font-weight: bold;
}

.productEntryLine .productPriced .uom {
    opacity: 0.7;
    margin-left: 6px;
}

.productEntryLine .productAvailability.hideOnMobile {
    font-size: 20px;
    margin-left: 6px;
}

.productEntryLine button.close {
    margin-right: 0px;
    margin-left: 10px;
}

#CarweB {
    max-width: none !important;
    font-family: Arial, Helvetica, sans-serif;
    border-style: none !important;
}

#CarweB input {
    font-family: Arial, Helvetica, sans-serif;
}

#CarweB p {
    margin-bottom: 10px;
}

#CarweB button {
    vertical-align: baseline;
}

#CarweB th {
    font-weight: bold;
    padding: 1px;
    padding-right: 5px;
}

#CarweB form[name="CarweB_Clear"] button {
    margin-left: 0px;
    margin-right: 0px;
}

#filterPanel #CarweB {
    margin-left: -20px;
    margin-right: -20px;
    border-bottom: solid 1px rgba(0,0,0,0.2) !important;
}

#filterPanel #CarweB .inner {
    padding: 20px;
}

.backToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-image: url(images/refine_search_arrow_up.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;      
    transition: all .3s ease;  
    z-index: 1;
}

body.afterPageFold .backToTop {
    opacity: 1;
    width: 30px;
    height: 30px;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
}

body.afterPageFold .backToTop:hover {
    height: 36px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;      
    transition: all .1s ease;   
}

[data-campaign="MarketingConsent"] {
    background-color: #FDFD9E;
}

.basketExtras .autoSuggestParent {
    position: relative;
}

.autoSuggestParent .autoSuggestContainer {
    top: 100%;
    left: 0px;
    right: 0px;
    height: 0px;
    max-height: 60vh;
    color: rgba(0,0,0,0.7);
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    background-color: #FFF;
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.8);
    overflow: auto;
    font-size: 14px;
    line-height: 1.2;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;    
}

.autoSuggestParent .autoSuggestContainer.show {
    height: 260px;
}

.autoSuggestParent .autoSuggestContainer a {
    color: inherit;
}

#largeImageHover {
    position: fixed;
    background-color: #FFF;
    width: 400px;
    min-height: 400px;
    max-width: 100%;
    max-height: 100%;
    border: solid 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 60px 15px rgba(0,0,0,0.5);    
    padding: 10px;
    box-sizing: border-box;
    z-index: 98;
}

body.productDetailsPage #largeImageHover {
    width: 600px;
}

#largeImageHover .inner {
    width: 100%;
    height: 400px;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;    
}

#largeImageHover label {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.passText {
    position: relative;
	display: none;
}

.passText .background {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.25;
}

.passText p, .passText h1 {
    text-align: center;
    font-family: 'Open Sans', san-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 14px 10px;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    line-height: 1.2;
}

@media screen and (min-width: 767px){   /* PC Screen Only */
    menu.siteMenu {
        width: auto;
        left: 0px;
        right: 0px;
        top: 0px;
        height: auto;
        text-align: right;
        box-shadow: none;
        position: static;
        border-bottom: solid 1px rgba(0,0,0,0.15);
    }
    
    menu.siteMenu header {
        display: none;
    }
    
    ul.menu li {
        display: inline-block;
        vertical-align: top;
    }
    
    ul.menu li a {
        padding: 8px 10px 8px 10px;
        /*font-family: 'Open Sans Condensed', sans-serif;*/
        font-size: 14px;
        font-weight: 400;        
    }
    
    header.siteHeader button.siteMenu {
        display: none;
    }
    
    menu.siteMenu .submenu {
        width: 500px;
        font-size: 0px;
        word-spacing: 0px;  
        position: absolute;
        top: 100%;        
    }
    
    menu.siteMenu .submenuColumn {
        width: 249px;
    }
	
	.hideOnPC {
		display: none;
	}
	
	
}

@media screen and (max-width: 1210px){
    #basket header button.next,
    #basket header button.back,
    #delivery header button.next,
    #delivery header button.back,
    #orderConfirm header button.continue,
	#orderHistory header button.back,
	#invoiceHistory header button.back,
	#invoiceDetail header button.back,
    #productDetails header button.back,
    header.sectionHeader button.next,
    header.sectionHeader button.back {
        display: none;
    }
    
    .siteHeader .inner .top .right {
        max-width: 20%;
    }
}

@media screen and (max-width: 1024px){
	section#login form {
		margin-bottom: 70px;
	}
}

@media screen and (max-width: 990px){
    /*
    .siteHeader .productSearch {
        width: 25%;
    }
    */
    
    .addressScrollWrapper[data-scroll-content-count="5"] button.back,
    .addressScrollWrapper[data-scroll-content-count="6"] button.back,
    .addressScrollWrapper[data-scroll-content-count="5"] button.next,    
    .addressScrollWrapper[data-scroll-content-count="6"] button.next {
        display: block;
    }
	
	
	ul.basketList {
		min-width:350px;
	}
    
}

@media screen and (max-width: 767px){
    .siteHeader .top {
        position: relative;
        padding-bottom: 38px;
    }
    
    .siteHeader .inner .top .right {
        max-width: none;
    }    
    
    .siteHeader.basicHeader .top {
        padding-bottom: 26px;
    }
    
    .siteHeader .productSearch {
        display: block;
        position: absolute;
        left: 14px;
        right: 14px;
        bottom: 0px;
        width: auto;
        margin: 0px;
    }

    .siteHeader .iconButton {
        font-size: 0px;
        padding-left: 0px;        
    }
    
    .siteHeader .iconButton:last-child {
        margin-right: 0px;
    }
    
    .siteHeader {
        /*min-height: 215px;*/
    }
    
    .siteHeader button.signIn {
        display: none;
    }
    
    header.siteHeader .catalogSections {
        margin-top: 14px;
        position: relative;
    }

    header.siteHeader .catalogSections ul.tabList {
        height: 0px;
        overflow: hidden;
    }
    
    header.siteHeader .catalogSections ul.tabList.opened {
        height: auto;
    }
    
    header.siteHeader .catalogSections ul.tabList {
        white-space: normal;
        font-size: 0px;
        text-align: left;
    }
    
    header.siteHeader .catalogSections ul.tabList li {
        width: 50%;
        max-width: none;
    }
    
    .siteHeader .top {
        padding-right: 10px;
    }
    
    ul.basketList.show {
        margin-right: -30px;
        margin-top: 20px;
    }
    
    footer.siteFooter .leftContents {
        padding-left: 14px;
    }
    
    .siteFooter .siteMenu {
        display: none;
    }
    
    table.tiles,
    table.tiles tbody,
    table.tiles tr,
    table.tiles td {
        display: block;
        width: 100%;
        box-sizing: border-box;        
    }        
    
    table.tiles td {
        border: solid 6px #FFF !important;
    }
    
    table.tiles tr.first td {
        border-top: solid 12px #FFF !important;
    }    
    
    table.tiles tr.last td {
        border-bottom: solid 12px #FFF !important;
    }  
    
    header.siteHeader .catalogSections ul.tabList.on {
        background-color: rgba(255,255,255,0.5);
        overflow: visible;
        -webkit-transition: all .1s ease;
        -o-transition: all .1s ease;
        -moz-transition: all .1s ease;
        -ms-transition: all .1s ease;      
        transition: all .1s ease;           
    }
    
    .catalogWrapper .catalogSectionText  {
        display: none;
    }
    
    ul.tabList > li {
        min-height: 0px;
        background-color: transparent;
        margin-left: 0px;
        margin-right: 0px;
    }
    
    ul.tabList li.on, ul.tabList li:hover {
        border-bottom-color: transparent;
        /*background-color: transparent;*/
        background-color: #0B98E3;
    }
    
    .catalogSections [data-catalogid].on .catalogWrapper {
        margin-top: 20px;
    }
    
    .catalogWrapper .catalogSectionImage {
        display: none !important;
    }
    
    header.siteHeader .catalogSections ul.catalogElements li {
        width: 100%;
    }
    
    header.siteHeader .catalogSections ul.catalogElements li a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    header.siteHeader .catalogSections .expander {
        display: block;
        background-color: rgba(91,174,248,0.95);
        position: relative;
        z-index: 1;        
    }
    
    section#login {
        padding-top: 60px;
        padding-bottom: 20px;
    }  
    
    section#login table {
        text-align: center;
    }
    
    #searchPanel {
        /*padding-left: 30px;*/
    }
    
    #filterPanel {
        position: absolute;
        width: 75vw !important;
        left: -75vw;
        margin-left: -1px;
        padding: 0px 20px;
        -webkit-transition: left .3s ease;
        -o-transition: left .3s ease;
        -moz-transition: left .3s ease;
        -ms-transition: left .3s ease;      
        transition: left .3s ease; 
        z-index: 99;
        box-shadow: 4px 0px 4px 0px rgba(0,0,0,0.2);
    }
    
    #filterTab {
        display: block;
        position: fixed;
        top: 60vh;
        margin-top: -50px;
        margin-left: 0px;
        left: 0%;
        width: 30px;      
        height: 100px;
        background-color: rgba(255,255,255,0.98);
        box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.2);
        background-image: url(1104/icons/filter.png);
        background-position: center 20px;
        background-repeat: no-repeat;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        cursor: pointer;
        /*border-left: solid 1px rgba(102,102,102,0.40);*/
        -webkit-backface-visibility: hidden;
        -webkit-transition: inherit;
        -o-transition: inherit;
        -moz-transition: inherit;
        -ms-transition: inherit;      
        transition: inherit;         
    }
    
    #filterTab:hover {
        background-color: rgba(229,229,229,0.98);    
        /*-webkit-transition: all .1s ease;
        -o-transition: all .1s ease;
        -moz-transition: all .1s ease;
        -ms-transition: all .1s ease;      
        transition: all .1s ease;   */
    }
    
    #filterPanel.show {
        left: 0vw;
        margin-left: 0px;
        background-color: rgba(255,255,255,0.98);
    }
    
    #searchPanel {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;      
        transition: all .3s ease;         
    }
    
    #filterPanel.show + #searchPanel {
        padding-left: 75vw;    
        margin-right: -75vw;
    }    
    
    #filterPanel.show #filterTab {
        margin-left: -1px;    
        left: 75vw;
    }
    
    .basketLine .productImage {
        float: none;
    }        
    
    .basketLine .productDetails {
        clear: left;
        overflow: initial;
        margin-top: 10px;
    }        
    
    .basketLine .productQPB {
        clear: right;
    }    
    
    .basketLine .productSeq {
        background-color: #FFF;
        text-align: center;
        margin-left: 1px;
        margin-top: 1px;
        opacity: 0.8;        
    }     
    
    .addressScrollWrapper > button.next,
    .addressScrollWrapper > button.back,
    .addressScrollWrapper:before,
    .addressScrollWrapper:after,
    .addressContainer:before,
    .addressContainer:after {
        display: none !important;
    }
    
    .addressScrollWrapper {
        max-height: 60vh;
        overflow: auto;   
        margin-top: 20px;
    }
    
    .addressContainer {
        white-space: normal;
        margin: 0px;
    }
    
    .addressPair {
        vertical-align: top;
    }
    
    #addressFilter {
        margin-left: 0px;
    }
    
    .addressBox {
        margin: 10px 8px 10px 0px !important;
        width: auto;
        display: block;
        min-height: 0px;
    }
    
    .addressPair {
        display: block;
        max-width: none;
    }
    
    .addressLine {
        display: inline-block;
    }
    
    .deliveryAddresses .viewControls {
        display: none;
    }
    
    .hscrollWrapper {
        padding: 0px;
        width: auto !important;
    }
    
    .hscrollWrapper button.back, .hscrollWrapper button.next {
        display: none;    
    }
    
    .hscroller {
        max-height: 50vh;
        overflow: auto; 
    }
    
    .hscroller .addressBox:first-child {
        margin-top: 0px !important;
    }
    
    #invoiceAddressContainer {
        width: auto !important;
    }
    
    #invoiceAddresses p.heading {
        padding-left: 0px !important;
    }    
    
    table.listing {
        font-size: 12px;
    }
    
    table.listing th, td {
        padding: 5px;
        text-align: left;
    }

    table.listing td {
        padding: 5px;
    }    
    
    table.listing.small td {
        font-weight: normal;
    }
	
	.smallFormOnMobile input,
	.smallFormOnMobile textarea,
	.smallFormOnMobile select {
		font-size: 16px;
	}
		
	.smallFormOnMobile input.productQuantity {
		width: 24px;
	}
	
	.smallFormOnMobile .addProductCode {
		max-width: 110px;
	}
	
	.productEntryLine .productDetails {
		line-height: 1.2;
	}
	
	#quickOrderEntryContainer main footer button.basket {
		float: none;
	}
	
	#quickOrderEntryContainer main footer .controls > * {
		margin-bottom: 10px;
	}
	
	#quickOrderEntryContainer .basketLine .productSeq {
		margin-bottom: 10px;
	}
	
	.hideOnMobile {
		display: none;
	}
	
	.sectionHeader select {
		max-width: 40vw;
	}
    
    #yourLists li[data-order-template-maintainable="yes"] .listEditButtons {
        opacity: 1;
        opacity: 0.6; 
        margin-top: 2px;
    }    
    
    #yourLists li a {
        padding-top: 8px;
        padding-bottom: 4px;
    }
	
	#basketContainer #authorisationSummary #ownerContains {
    	height: 60px;
	}
	
	#basketContainer #authorisationSummary .emailDelete {
    	float: left;
    	width: 100%;
	}
	
	#basketContainer .authButtons {
    	display:block;
	}


}

@media screen and (max-width: 690px){
    .productsWrapper {
      /*
        padding-left: 10px;
        padding-right: 10px;
      */
    }
    
    .product .productDetails {
        clear: both;
        overflow: auto;
    }
    
    .product .productImage {
        padding: 4px;
        margin-right: 6px;
        width: 120px;
    }
    
    .product .productPriceBox {
        margin-left: 4px;
        padding: 8px 5px;
    }
    
    article.product.selected:before {
        left: -10px;
        width: 5px;
    }
    
    #productDetails .product .productPriceBox {
        float: none;
        /*margin-right: 4px;*/
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #productDetails .productQPB table th, #productDetails .productQPB table td {
        min-width: 40px;
    }        
    
    .basketLine .productPriceBox {
        width: auto;        
    }        
    
    .basketLine .lineTotal {
        float: none;
        margin-top: 25px;
        margin-bottom: 10px;
        margin-right: 5px;
        padding-top: 5px;
        clear: both;
        border-top: solid 1px rgba(68,68,68,0.80);
    }
    
    textarea {
        width: 200px;
    }
    
    #basket .columnHeadings {
        margin-right: 10px;
    }

    #basket .columnHeadings span {
        margin-left: 20px;
    }
    
    #basket .columnHeadings span:nth-of-type(3) {
        display: none;
    }
    
    .labelledFields label {
        /*max-width: 40%;*/
        min-width: 100px;
        display: block;
        text-align: left;
        line-height: 30px;  
        font-weight: bold;
        float: none;
    }             
    
    #invoiceAddresses p.heading {
        padding-left: 0px !important;
        margin-top: 30px;
        margin-bottom: 10px;
    }    
    
    .fieldAcceptControls {
        margin-top: 0px;
        white-space: nowrap;
        right: -5px;  
        line-height: 30px;
    }    
    
    .fieldAcceptControls br {
        display: none;
    }
    
    button.miniControl {
        width: 30px;
        height: 28px;
    }
	
	.tableWrapper label {
		font-size: 12px;
	}
	
	header.sectionHeader {
		padding: 15px;
	}
    
    #yourLists .listItemDetails {
        max-width: 35%;
    }
    
    .productSearchAutoSuggestContainer .catalogueSuggestions {
        float: none;    
    }

    .productSearchAutoSuggestContainer .catalogueSuggestions:not(:empty) + .productSuggestions {
        border-left: none;
    }

    /*.productSearchAutoSuggestContainer .productSuggestions {
        overflow: hidden;
    }*/

    .productSearchAutoSuggestContainer .productSuggestions .suggestionContainer {
        float: none;
    }    
    
    .productEntryLine .productPriced {
        margin-top: 0px;
    }
    
    .productEntryLine .productPriced .uom {
        position: absolute;
        margin-left: -50px;
        margin-top: 18px;
        font-style: italic;        
        white-space: nowrap;
        min-width: 50px;
        text-align: right;
    }    
    

}
/* product thumbnails start*/
ul.imageThumbs {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 11px;
}

ul.imageThumbs li {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 10px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    opacity: 0.45;
    display: block;
    float: left;
    cursor: pointer;
    -webkit-transition: opacity .2s;
    -moz-transition   : opacity .2s;
    -o-transition     : opacity .2s;
    -ms-transition    : opacity .2s;
    transition        : opacity .2s;
}
ul.imageThumbs li img {
    max-width: 60px;
    max-height: 60px;
}
ul.imageThumbs li.on {
	opacity: 1;
}
.alignCentreMiddle {
    vertical-align: middle;
    display: table-cell;
    height: inherit;
}

.alignCentreMiddle {
    text-align: center;
    width: inherit;
}
.productImageContainer{
    height: 300px;
    display: grid;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.productImageContainer img{
    max-width: 100%;
	/*max-height: 100%;*/
    max-height: 300px;
}

/* product thumbnails end*/

@media print {
	.siteMenu,
	menu.siteMenu,
	.siteHeader .catalogSections,
	.siteHeader .productSearch,
	.siteHeader .right {
		display: none;
	}
}
@media screen and (max-width: 767px){
    .row .cell.twothirds{
        margin-top: 50px;
    }
    #largeImageHover{
        left: 0;
        top: 20%;
    }
}
/* new rules start */
.siteHeader.narrow-view .top{
    padding-right: 10px;
    position: relative;
    padding-bottom: 38px;
}
header.siteHeader.narrow-view .catalogSections{
    margin-top: 14px;
    position: relative;
}
header.siteHeader.narrow-view .catalogSections ul.tabList{
    white-space: normal;
    font-size: 0px;
    text-align: left;
    height: 0px;
    overflow: hidden;
}
header.siteHeader.narrow-view .catalogSections ul.tabList.opened{
    height: auto;
}
header.siteHeader.narrow-view .catalogSections ul.tabList li {
    width: 50%;
    max-width: none;
}
header.siteHeader.narrow-view .catalogSections ul.tabList > li{
    min-height: 0px;
    background-color: transparent;
    margin-left: 0px;
    margin-right: 0px;
}
header.siteHeader.narrow-view .catalogSections .expander{
    display: block;
    background-color: rgba(91, 174, 248, 0.95);
    position: relative;
    z-index: 0;
}
header.siteHeader.narrow-view .catalogSections ul.tabList li.on,
header.siteHeader.narrow-view .catalogSections ul.tabList li:hover{
    border-bottom-color: transparent;
    background-color: #0b98e3;
}
header.siteHeader.narrow-view .catalogSections ul.catalogElements li{
    width: 100%;
}

header.siteHeader.narrow-view .catalogSections ul.tabList.on {
    background-color: rgba(255,255,255,0.5);
    overflow: visible;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}
.catalogElements .view-all-link{
  display: block;
  font-size: 13px;
  position: absolute;
  bottom: 0px;
  right: 10px;
  margin-bottom: -10px;
}
.catalogWrapper .inner .table .row .cell{
  position: relative;
}
@media screen and (max-width: 375px){
  .catalogElements .view-all-link{
    margin-bottom: -10px;
  }
}
/* new rules end */

/* INTEGRA OVERIDES ******** */
.siteHeader,
.siteFooter {
    background-color: #146AB5;
}

.lslide a[href],
a.lslide[href] { 
    cursor: pointer;
}

/* Address book */
.addressTitle {
	color: #d90000;	
}

/* Set remaining characters message font size */
div#delMessageSection, div#delInstSection {
    font-size: 9pt;
}


/* Order confirmation text */
.confTextWrapper {
    background-color: #fff;
    padding: 12px;
    border-radius: 5px;
    font-weight: 600;
    color: #000;
}

.confTextWrapper a {
    color: lightblue;
}

.confTextWrapper a:hover {
    color: red;
}

/* Order history page */
.orderProductImage {
	width:60px;
	
}

.orderProductImage img {
	max-width:60px;
	max-height:60px;
}

@media screen and (max-width: 767px){
	.orderProductImageHeading, .orderProductImage {
		display:none;
	}
}

/* Authorisation reason on confirm page */
#BasketAuthoriserWrapper p.title {
	color: red;
}

/* Search within box styling */
form.productSearchWithin input {
    font-size: 14px;
}

form.productSearchWithin button {
    font-size: 11px;
    height: 28px;
    line-height: 28px;
    width: 28px;
    padding: 0px;
}

/* Style the breadcrumb list */
ul.breadcrumb {
  padding: 3px 16px 6px 16px;
  list-style: none;
  background-color: #dfdfdf;
  margin-top: 2px;	
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 12px;
}

ul.breadcrumb li:first-child {
    margin-right: 7px;
}

ul.breadcrumb li:first-child a {
    text-decoration: none !important;
	cursor: default;
}

/* Add a slash symbol (/) before/behind each list item apart from first and second */
ul.breadcrumb li:nth-child(n+3):before {
  padding: 0 5px 0px 5px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #000;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.hiddenBreadcrumb {
    display: none !important;
}

/* Contact Us Styling */
.contactUsDetails .contactUsBox {
	float:left;
	margin-top:12px;
}

.contactUsDetails .repLine {
	margin-left:50px;
	font-size:12px;
	color:#000;
	line-height: 17px;	
	font-weight:bold;
}

.contactUsDetails .repLine a  {
	font-size:12px;
	display:inline-block;
	padding:0px;
	font-weight:bold;
	color:blue;
}


#selectedProductsControls .iconButton.delete[data-currentlist-maint="no"] {
	display:none;
}

p#fldSortBy {
    margin-top: -7px;
}

th.toggleFeatures {
    text-align: right;
}


.toggleFeatures p span.down:before {
	content: "Show All \2B9F";
	font-size: 12px;
}


.toggleFeatures p span.up:before {
    content: "Minimise \2B9D";
    /* content: "\25B2"; */
    font-size: 12px;
}


/*
.toggleFeatures p span.up:before {
	content: "Hide: \2B9D";
	/*content: "\25B2";	*/
}
*/
/*
.toggleFeatures p span.down:before {
	content: "Show: \2B9F";
	/*content: "\25BC";*/
}
*/

/* Note: dash is a longer dash . See –*/
/*.toggleFeatures p span.up:before {
	content: "–";
	font-size: 12px;
}
*/

/*progress {
  opacity: 0;
}
*/


.progress-element {
  width: 200px;
  margin: 0 0 10px;
  display:none;
}

.progress-container {
  position: relative;
  /*background: #eee;*/
  height: 20px;
  border-radius: 6px;
  margin-top:2px;
  overflow: hidden;
}

.progress-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: turquoise;
}

.progress-element--loading .progress-container::before {
  animation: progress-loading 1s ease-in forwards;
}

.progress-element.progress-element--loading {
    display: none;
}


.moq {
    color:crimson;    
    font-size: 11px;
}

.moq[data-minimum="1"],
.moq[data-minimum=""] {
    display: none;
}

.lineDetails .addQty {
    width:308px;
}

@media screen and (max-width: 767px){
    .lineDetails .addQty {
        width:208px;
    }
}

/* Product details features mask */
.featureTableMask {
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 400px;
  height: fit-content;
  border-radius: 30px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.iconButton.location {
    background-image: url(1104/icons/LocationPin_White20x20.png);
    text-transform: none;
    white-space: nowrap;
    background-position:right;
    width:20px;
    height:20px;
    vertical-align:middle;
}


/* passcode message styling */
p.passcodeMessage {
    width: 230px;
    border: 1px darkgray solid;
    padding: 5px;
    margin: 11px 0px 0 auto;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    display: block;
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    display: none; 
}


p.resendPasscode {
    width: 241px;
    padding: 0px;
    margin: 0px 0px 0 auto;
    font-size: 12px;
    color: #000;
    border-radius: 5px;
}


.modalDelAddSelect {
    margin:10px 0 0 0 ;
    padding :10px 5px 10px 5px;
    background-color:#efefef;
    border:0px #000 solid;
}

.modalDelAddSelect:hover {
    margin:10px 0 0 0 ;
    padding :10px 5px 10px 5px;
    background-color:#cfcfcf;
    border:0px slategray solid;
    cursor: pointer;
}

.modalDelAddSelect span {
    white-space: normal;
    font-size: 13px;
}

li.modalDelAddSelect[current="selected"] {
    background-color: lightblue;
}

/* Hide the confirm button at the tiop of the order pay screen */
#orderPayHeaderConfirm {
	display:none;
}
	
#addressListFilter {
    width: 300px;    
}

span#currentDelAddress {
    max-width: 250px;
    display: inline-flex;
    height:100%;
    vertical-align: middle;
}


/* Cookie Acceptance */
.cookieAcceptBar {
  display:none;
  position: fixed;
  top: 95%;
  left:0;
  right: 0;
  text-align: center;
  background-color: #000;
  color: #fff;
  padding: 20px 0;
  z-index: 99999;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cookieAcceptBar p {
  line-height: 40px;
  display: inline-block;	
}

.cookieAcceptBar a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

button#cookieAcceptBarConfirm {
  cursor: pointer;
  border: none;
  background-color: #2387c0;
  color: #fff;
  text-transform: unset;
  /*margin-top: 10px;*/
  height: 40px;
  line-height: 40px;
  /*padding: 0 20px;*/
}


@media screen and (max-width: 767px){          
    p.passcodeMessage {
        width: 229px;
        border: 1px darkgray solid;
        padding: 5px;
        margin: 11px 0 0 0;
        font-size: 12px;
        text-align: left;
        line-height: 16px;
        color: #000;
        background-color: #fff;
        display: none; 
    } 
    .modal-content {
      background-color: #fefefe;
      margin: auto;
      padding: 20px;
      border: 1px solid #888;
      width: 300px;
      height: fit-content;
      border-radius: 30px;
    }

    #addressListFilter {
        width: 250px;
    }
    
    #delAddSection {
        width: 172px;
    }
    
    span#currentDelAddress {
        display:inline;    
    }
	
	
	.cookieAcceptBar p {
		line-height: 30px;
		font-size: 12px;
	}
	
	button#cookieAcceptBarConfirm {
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}	
    
}

/* Hide catlogue images */

/*#ProductCatalogue .grid-container */

.gridContainerNoImage {
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    grid-template-rows: 63px 63px 63px 63px 63px;
    text-align: center;
}


/*#ProductCatalogue .grid-container .grid-item figure .inner*/
.gridItemNoImage {
    height: 156px;
    line-height: 156px;
    font-size: 0px;
    display: none;
}

.product .iconButton.login { 
	display:none;
}