/* LESS parser failed, check your syntax 

 
Missing closing '}' on line 2070 in file 'style.css':
[2069]:   }
[2070]:   .minimenu.account-menu ul {
       ----------------------------^
[2071]:     justify-content: space-between;
*/
//This is the editable stylesheet
//

@themeColor: #325e8b;
@body-background: #ffffff; //color Body Background
@sidebar-bg-color: #eeeeee; //color Sidebar Header Background Colour
@spinColor: spin(@themeColor, 180);


/* Override Checkboxes */

/* Base for label styling */
.CRMFilterList [type="checkbox"]:not(:checked),
.CRMFilterList [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.CRMFilterList [type="checkbox"]:not(:checked) + label,
.CRMFilterList [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
.CRMFilterList [type="checkbox"]:not(:checked) + label:before,
.CRMFilterList [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.CRMFilterList [type="checkbox"]:not(:checked) + label:after,
.CRMFilterList [type="checkbox"]:checked + label:after {
  content: '\2714';
  position: absolute;
  top: .1em; left: .13em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
.CRMFilterList [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.CRMFilterList [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.CRMFilterList [type="checkbox"]:disabled:not(:checked) + label:before,
.CRMFilterList [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.CRMFilterList [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.CRMFilterList [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
.CRMFilterList [type="checkbox"]:checked:focus + label:before,
.CRMFilterList [type="checkbox"]:not(:checked):focus + label:before {
  border: 2px solid #666;
}

/* hover style just for information */
.CRMFilterList label:hover:before {
  border: 2px solid #4778d9!important;
}


/*Basic Styles*/

body {
  background: white;
  overflow-x: hidden;
}

 

h1,h2 {
    text-transform: uppercase;
    color: #104378;
    font-weight: 700;
}

h3{
    font-weight:700;
}

p.info{
    max-width:80%;
    border-left:3px solid;
    padding-left:1em
}

p.info.info-muted {
    border-color:#aeaeae;
    color:#aeaeae
}


img {
  max-width: 100%;
}

#body-cont{
    background:white;
    min-height:40vh;
}

section.home-cats {
  background: #f7f7f7;
}

#footer {
  margin-top:40px;
  background: lighten(@themeColor, 30%);
  padding: 25px 0;
}
#cmsbiscuits div {
  display:inline-block;
  margin-left:5px;
}

.section-gray {
  background: #edeef0;
  border-bottom: 1px solid #d1d4d6;
  border-top: 1px solid #d1d4d6;
  padding: 35px 0 50px;
}

/***********************
* HEADER
***********************/

.link_selected a{
    color:#104378!important
}

a.register-link:before,a.login-link:before,a.account-link:before,a.logout-link:before{
    font-family:"FontAwesome";
}

a.register-link:before {
    content:"\f044  ";
}
a.login-link:before {
    content:"\f023  ";
}
a.account-link:before{
    content:"\f2be  ";
}
a.logout-link:before{
    content:"\f08b  ";
}

a.basket-link{
    background:url('styleImage.aspx?styleid=1&filename=shopping-cart.svg');
}

.contact-number-icon{
    background:url('styleImage.aspx?styleid=1&filename=phone-receiver.svg');
}

a.basket-link,.contact-number-icon {
    background-size: contain;
    background-repeat: no-repeat;
    height: 0.3em;
    width: auto;
}

.contact-number-icon {
    background-position: 0px 0;
}

span.contact-number{
    font-size:18px;
    font-weight:bold;
    color:#325e8b;
    padding-left: 1.4em;
}

.basket-link-container{
    position:relative;
    margin-right:15px;
}

.item-count {
    background:@themeColor;
    color:white;
    font-weight:bold;
    padding:10px;
    min-width: 12px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 12px;
    position:absolute;
    top:-.4em;
    right:-1.25em;
}

span.contact-number{
    font-size:18px;
    font-weight:bold;
    color:#325e8b
}


.navbar {
    background:white;
}

#navbar-2 {
    border-top:1px solid #c4c4c4;
    border-bottom:1px solid rgba(196, 196, 196, 0.46);
}

.navbar.navbar-default {
    margin-bottom:0;
    border:0;
    border-radius:0;
}

nav .navbar-brand {
  max-height: 120px;
  height: auto;
}

.navbar-brand img {
    height:3.5em;
    max-width:none;
}

.navbar-brand-mobile img{
    height:2em;
}

@media only screen and (min-width: 550px){
.navbar-brand-mobile img{
    height:2.5em;
}
}
@media only screen and (min-width: 600px){
.navbar-brand-mobile img{
    height:2.75em;
}
}

@media only screen and (max-width: 767px){
.navbar-header.push-down {
    padding-top:1em;
}
}
@media only screen and (min-width: 768px){
.navbar-header.push-down {
    padding-top:2em;
}
}

@media only screen and (max-width: 767px){
.right-col-nav{
    list-style-type:none;
    style-type:none;
    margin-right:15px;
    margin-top:7.5px
}

.basket-link{
    position: relative;
    display: block;
    padding: 10px 15px;
}

.navbar-toggle{
    margin-top:10px
}
}


.group-plugin .group-search-container,.contact-number-icon{
    margin-right:2.5em
}

#navbar-collapse-main-menu > ul > li > a {
    text-align:center;
}

div#navbar-collapse-main-menu > ul > li > a, #greeting-bar a {
    text-transform:uppercase;
    font-weight:bold;
}
div#greeting-bar {
    background:#d4e4ec
}



#greeting-bar li{
    list-style-type:none;
    list-style:none;
    display:inline-block;
    padding:.5em 1em;
    
}

#greeting-bar li a{
    text-decoration:none;
    font-weight:bold;

}

@media only screen and (max-width: 767px){
    .group-plugin.just-padding {
    padding-bottom:1em
}
#greeting-bar >.container{
    padding-right:0;
    padding-left:0;
}


.search-container .form-group {
     display:inline-block;
    margin-bottom: 0;
    vertical-align: middle;
     text-align:right
}

.group-search-text{
    display:inline-block;
    max-width:35em;

}

  .group-plugin .group-search-container{
    margin-left:15px;
}
.group-search-container form > div.form-group:nth-child(2) {
  width: ~"calc(80% - 4em)";
}

.group-search-text{
    display:block;
    width:100%;
}
}

@media only screen and (max-width: 360px){
    #greeting-bar >.container{
    font-size:12px;
}
}


@media only screen and (min-width: 768px){

    div#navbar-collapse-main-menu > ul > li.dropdown:hover > div {
        display: inherit;
      }
      div#navbar-collapse-main-menu > ul > li.dropdown:hover {
        background-color: #eeeeee;
      }

    .search-container{
    float:right;
    }
}

.group-search-container button[type="submit"]{
    margin-left:-0.4em;
    border-left:0;
    height:inherit;

}

.flex-xs{
    margin-bottom:0;
}



.responsive-slider-1 .responsive-slider-item img {
    width: 100%;
    min-height:26em;
    max-height: 44em;
}


/************************
* MAIN NAVIGATION
*************************/
@media only screen and (max-width:767px){

.flex-xs {
  padding: 0;
  margin: 0;

  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around; 
  justify-content: space-around; 
}

#greeting-bar span.contact-number {
   font-size:14px;
}

#greeting-bar .contact-number-icon{
    margin-right:0;
}

}

@media only screen and (min-width:768px){

    #navbar-collapse-main-menu > ul > li {
    width:100%
}

    .no-float.navbar-header, #navbar-collapse-main-menu > ul.navbar-nav{
    float:none;
    }
    #navbar-collapse-main-menu > ul{
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    }
}

/* DROPDOWN PRODUCT MENU */
.link ul li a{
    font-weight:bold;
}

@media only screen and (min-width:768px){
    #navbar-collapse-main-menu{
    position:relative;
    z-index:100;
}

div#navbar-collapse-main-menu .group-plugin{
    background: #eeeeee;;
    border: 1px solid #c4c4c4;
    border-top: 0em;
    padding: 1em;
    position: absolute;
        width: 720px;
        margin-left:15px;

    }
}

@media only screen and (min-width:991px){
    div#navbar-collapse-main-menu .group-plugin{
        width: 920px;
        margin-left:15px;
    }
}

@media only screen and (min-width:1200px){
    div#navbar-collapse-main-menu .group-plugin{
        width: 1120px;
        margin-left:15px;
    }
}

// #navbar-2 .group-plugin.just-padding:not(.ready){
//     display:none;
// }

#navbar-2 .load-wait{
    display:none;
}

.dropdown > a:after {
    content:"  \f0d7";
    font-family:"FontAwesome";
}

// li.link.products-dropdown:hover .group-plugin{
//     display:block!important;
// }

.nav > li.link.products-dropdown.dropdown{
    position:static
}

li.link.products-dropdown ul{
    list-style-type:none;
}

div#navbar-collapse-main-menu > ul li.link.products-dropdown > div > ul > li > ul > li > a .group-item-name{
    font-weight:400!important;
    
    text-transform:capitalize
}

#navbar-collapse-main-menu  li.link.products-dropdown > div > ul > li > ul .list-group:empty{
    margin-bottom:0!important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    background-color:#eeeeee;
}

.group-plugin.just-padding.dropdown-menu>ul {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
      margin-bottom: 1.5em;
  >li {
  	flex-basis: 100%;
    margin-bottom: 0.5em;
    >a{
    	color: #104378;
      	padding: 0 15px;
    }
    >a::after {
    	display: none;
  	}
    >a:hover {
    	text-decoration: underline;
    }
  }
}


@media (min-width: 768px) {
	.group-plugin.just-padding.dropdown-menu>ul>li {
		flex-basis: 33%;
	}
}

@media (min-width: 992px) {
	.group-plugin.just-padding.dropdown-menu>ul>li {
		flex-basis: 25%;
	}
}


/************************
* BREADCRUMBS
*************************/

.CRMProdCatDesc {
    padding-bottom:4em
}
#body-cont .breadcrumb{
  margin-top: 20px;
  margin-bottom :0;
    text-align: right;
}
.breadcrumb + .CRMFilterList + .CRMBreadcrumbs{
display:inline-block;
      width: 50%;
}
span.CRMBreadcrumbs{
display:block;
    text-align: right;
}

.CRMProdItemListZero {
    margin-top:1em;
    font-weight:700;
}

span.CRMBreadcrumbs,.breadcrumb a{
    text-transform:uppercase;
    font-weight:700;
}

span.CRMBreadcrumbs a{
    margin:.5em
}



.breadcrumb{
    text-align:right;
    background:white;
}

#cmsbiscuits{
    display:none;
}


/************************
* ATTRIBUTES
*************************/
div#mainFilterToggle {
    background: rgba(16, 67, 120, 0.85);    
    color: #fff;
    padding: 10px;
    overflow: auto;
    width: 80%;
    text-align: center;
    margin: 1em auto;
    cursor: pointer;
  	transition: 300ms ease;
  	&.active {
      transform: scale(0.95);
      opacity: 0.8;      
    }
}

.CRMFilterList {
    display: inline-block;
    margin: 1em 0;
}

.CRMFilterList ul {
    list-style-type:none;
    padding-left:0;
    margin-bottom:0;


}
.CRMFilterList > ul {
    display:inline-block;
}

.CRMFilterList > form > ul > li {
  margin-top: 10px;
}

.attribute_ul{
    display:block;

}

.attribute_li label{
    cursor:pointer;
    margin-left:.5em
}

.attribute_ul,.attribute_li {
    /*display:inline-block */
}

.attributefiltertitle i{
    margin-left:.5em
}

.attributefiltertitle {
    display:inline-block;
    cursor:pointer;
    font-weight:700;
    font-size:1.2em;
    text-transform:uppercase;
    margin-bottom:.5em;
  	background: rgba(16, 67, 120, 0.85);
    color: #fff;
    padding: 5px 10px;
}

.attribute{
    vertical-align:top;

}


/************************
* PRODUCT DETAIL
*************************/
.CRMProdItemDetailImg {
    width: 31%;
    margin-right: 4%;
    display: inline-block;
    float: left;
}
.CRMProdItemDetailImg + div {
    width: 65%;
    display: inline-block;
    float:left
}

.addqty{
  width:30px;
  margin-right:5px;
  padding:1px;
  height:30px;
}

a.CRMProdItemSummaryMore,.CRMProdItemDetail .CRMProdItemDetailDesc .v {
  color: black;
  text-transform: uppercase;
  font-size: 0.9em;
  margin-bottom: 8px;
  font-weight: bold;
}

.CRMProdItemList.CRMProdItemModeR .CRMProdItemListTitle h3{
    text-align:center;
    font-size:2.5em
}


.CRMProdItemDetail .CRMProdItemDetailDesc .v {
  font-size: 24px;
}

.CRMProdItemDetailRef {
    overflow: auto;
    float: right;
}

.CRMProdItemDetail {
    overflow: auto;
    width: 100%;
}

.CRMProdItemDetail form {
    margin-top: 1em;
}

.CRMProdItemDetailImg img {
    max-width: 100%;
}

.CRMProdItemDetailImg a[rel=""] .enlargelink {
    display: none;
}

span.enlargelink {
}

span.enlargelink:after{
    visibility:visible;
    content:"  \f00e";
    font-family:"FontAwesome";
    font-size:1.4em;
}

ul.tabs-content.no-style {
    padding-left:0;
    list-style-type:none;
}
ul.tabs-content.no-style img{
    max-width:6em
}
ul.tabs-content.no-style,ul.tabs-content.no-style li{
    display:inline-block;
    margin-right:.4em
}

#home-mini-basket.one_col-hidden .CRMMiniBasket,
#home-mini-basket.one_col-hidden > h3 {
  display: none;
}

@media screen and (max-width: 767px) {
  .CRMProdItemListTitle {
    display: none;
  }
  .CRMProdItemDetailImg {
    width: 100%;
    text-align: center;
  }

  .CRMProdItemDetailImg + div {
    width: 100%;
  }
  #home-mini-basket .CRMMiniBasket {
    display: none;
  }
}

/************************
* PRODUCT CATEGORY
*************************/
.group-plugin.just-padding.dropdown-menu {
    padding-left:15px;
    padding-right:15px;
}


.group-thumbs-container .group-item-name {
        font-size: 1.2em;
    font-weight: 700;
    padding: 1em;
}
.CRMCategoryThumbList {
    margin-top:4em;
    margin-bottom:4em;
}

.CRMCategoryThumbList > ul {
       display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-flow: row wrap;
    list-style-type:none;
    padding-left:0;
}

.CRMCategoryThumbList > ul li{
   margin-left:auto;
   margin-right:auto;
   text-align:center;
   font-size: 14px;
    position: relative;
}

@media only screen and (max-width:767px){
.CRMCategoryThumbList > ul li{
          max-width: 32em;
     }
}
@media only screen and (min-width:768px) and (max-width:991px){
.CRMCategoryThumbList > ul li{
          max-width: 23em;
      min-width: 14em;
     }
}
@media only screen and (min-width:992px){
.CRMCategoryThumbList > ul li{
    width:33%;
     }
}

ul.group-list-container > li > ul {
    display:none;
}

ul.group-list-container > li{
    margin-bottom:.5em
}

.CatThumbgroupdesc{
    font-size:1.2em;
    font-weight:700;
    padding: 1em;
}

.CatThumbgroupextdesc{
    opacity:0;
    transition:300ms all ease;
    z-index:10;
    position:relative;
    height: ~"calc(100% - 3.5em)";
    position: absolute;
    width: 100%;
    background:#b2cfde;
}

@media only screen and (max-width: 991px){
    .CatThumbgroupextdesc{
        margin-top: -121%;
    }
    .CRMCategoryThumbList > ul li{
        margin-bottom:2em;
    }
     .CRMCategoryThumbList > ul li:last-child{
         margin-bottom:0;
     }
}

@media only screen and (min-width: 992px){
    .CatThumbgroupextdesc{
        margin-top: -97%;
    }
}

.CRMCategoryThumbList > ul li:hover .CatThumbgroupextdesc{
    opacity:.95;
    }

 .CatThumbgroupextdesc a{
        display:block;
        position:absolute;
        padding-top: 8em;
        padding-left:4em;
        padding-right:4em;
        color:white;
        font-weight:bold;
        text-decoration:none;
        height: 100%;
    }

.CatThumbgroupdesc a{
    display:block;
}

.CRMCategoryThumbList > ul li:hover{
    box-shadow: 0px 11px 21px rgba(193, 193, 193, 0.39);
}


.CRMProdItemListTitle h3 {
    font-weight:700;
    color:#104378
}

.CRMProdItemSummaryImg a img {
  max-width: 100%;
}

.CRMProdItemSummaryDesc,
.CRMCategoryList a,
.CRMMiniLineRow,
.CRMProdItemDetailDesc {
  //white-space: nowrap;
  //text-overflow: ellipsis;
  overflow: hidden;
}
.CRMProdItemSummaryDesc,
.CRMCategoryList a,
.CRMMiniLineRow{
  padding: 5px;
}

.CRMProdItemList .CRMProdItemSummary,.CRMProdItemDetail {
    padding: 0 0 16px;
       position:relative;
}


.CRMProdItemList {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    margin-top: 2em;
  
}

@media screen and (max-width: 767px) { 

    .CRMProdItemSummary {
    width: 31.3%;
}
.CRMProdItemList {
    justify-content: center;
}
}

@media screen and (max-width: 767px) { 
       .CRMProdItemSummary {
    width: 47.3%;
       }
}

@media screen and  (min-width: 768px) and (max-width: 991px) { 
	.CRMProdItemSummary {
	    width: ~"calc(100% / 3 - 1em)";
	}
}

@media screen and (min-width: 992px) { 
	.CRMProdItemSummary {	
	    width: ~"calc(100% / 3 - 1em)";
	}
	div#mainFilterToggle {
	    display: none;
	} 
    .CRMFilterList {
      display: inline-block;
      margin: 9em 0 1em 0;
    }    
}

.CRMProdItemList > * {
  font-size: 14px;
}

.CRMProdItemList .CRMProdItemListTitle {
  width: 100%;  
}

.CRMProdItemList .CRMProdItemSummary {
  border: 1px solid #ddd;
  text-align: center;
  padding: 1em;
  min-height:14.4em;
  margin-right: 1em;
  margin-bottom:2em;
  background: white;
  max-width: 250px;
}

.CRMProdItemList .CRMProdItemSummary .CRMProdItemAddToBasket select {
  margin-bottom: .5em;
    display: block;
    margin: 0.5em auto 1em;
}


.CRMProdItemSummaryDiscount,
.CRMProdItemDetailDiscount{
    position:absolute;
    top: 0;
    background: #b8ceda;
    color: white;
    padding: .5em 1em 1em 1em;
    height:3.5em;
   
}
.CRMProdItemSummaryDiscount{
    right: 1em;
	display:none;
}
@media only screen and (max-width:767px){
    .CRMProdItemDetailDiscount{
        right:5em;
    }
}
@media only screen and (min-width:768px){
    .CRMProdItemDetailDiscount{
        right:~"calc(50% + 16em)";
    }
}
@media only screen and (min-width:991px){
    .CRMProdItemDetailDiscount{
        right:~"calc(50% + 16em)";
    }
}
@media only screen and (min-width:1200px){
    .CRMProdItemDetailDiscount{
        right:~"calc(50% + 18em)";
    }
}



.CRMProdItemSummaryDiscount .v,
.CRMProdItemDetailDiscount .v{
    font-weight:bold;
    font-size:16px
}

.CRMProdItemSummaryDiscount .v:after,
.CRMProdItemDetailDiscount .v:after{
    content:" Off";
    font-weight:normal;
    position: absolute;
    bottom: .5em;
    right: 1.45em;
    font-size:13px
}

.CRMProdItemSummaryCost .l,.CRMProdItemSummaryDiscountedPrice .l,
.CRMProdItemDetailCost .l,.CRMProdItemDetailDiscountedPrice .l{
  color:#a2a2a2;
  font-size:18px;
}
.CRMProdItemSummaryCost .v,.CRMProdItemSummaryDiscountedPrice .v,
.CRMProdItemDetailCost .v,.CRMProdItemDetailDiscountedPrice .v{
      margin-left:.5em;
      
    font-weight:700;
  	font-size:18px;
}

.CRMProdItemSummaryCost .v,
.CRMProdItemDetailCost .v{
       color:#7b8b9b;
}

.CRMProdItemSummaryDiscountedPrice .v,
.CRMProdItemDetailDiscountedPrice .v{
    color:#104378;
    font-size:1.3em
}

.CRMProdItemSummary[data-out-of-stock="true"] .CRMProdItemSummaryStock .v,
.CRMProdItemDetail[data-out-of-stock="true"] .CRMProdItemDetailStock .v {
    color:#c32525;
    font-weight:700;
    font-size:1.2em
}

.CRMProdItemSummary[data-out-of-stock="true"] .CRMProdItemSummaryImg,
.CRMProdItemSummary[data-out-of-stock="true"] .CRMProdItemAddToBasket .CRMBuyButton,
.CRMProdItemDetail[data-out-of-stock="true"] .CRMProdItemDetailImg,
.CRMProdItemDetail[data-out-of-stock="true"] .CRMProdItemAddToBasket .CRMBuyButton {
    opacity:.45
}

.CRMProdItemSummary {
    display: flex;
    flex-direction: column;
}
.CRMProdItemSummary form,.CRMProdItemSummaryStock{
  margin-top: auto;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
}

.CRMProdItemAddToBasket{
    margin-top:1em
}

.CRMProdItemList .CRMProdItemSummary .CRMProdItemSummaryVariationControls {
    margin-top: 1em;
    font-weight: bold;
}

.CRMProdItemList .CRMProdItemSummary .CRMProdItemSummaryVariationList .CRMProdItemSummary {
    display:block;
    border:0;
    width:100%;
    padding: 1em .5em 0;
    border-top: 1px solid #eee;
    min-height: auto;
    margin-top: 1em;
    font-weight: normal;
}
.CRMProdItemList .CRMProdItemSummary .CRMProdItemSummaryVariationList .CRMProdItemSummary .CRMProdItemSummaryImg {
    width:24%;
    margin-right: 1%;
    float:left;
}

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

@media screen and (max-width: 558px) {
    .CRMProdItemList .CRMProdItemSummary {
        width: 100%;
    }
 
}

/* Pagination, works with JS */
.searchpagenav {
    font-weight:700;
    margin:2em;
    width:100%;
    text-align:center;
    display:none;
}

.searchpagenav a:hover{
    background:#104378;
}
.searchpagenav a{
    background:#dbe6ec;
    color:white;
    font-weight:700;
    padding:.5em .75em;
    margin-right:.5em;
    border-radius:4px;
    transition:300ms all ease-in;
    text-decoration:none;
}

.searchpagenav a:first-child{
    margin-left:.5em
}

/***********************
* REGISTRATION FORM
***********************/

.CRMUserRegFormInput label {
  min-width:200px;
}
.CRMUserRegFormInput input {
  margin: 5px;
}

/***********************
* LOGIN FORM
***********************/

#loginForm input {
  margin:5px;
}

.CRMGuestCheckout label {
  min-width:200px;
  margin-left:5px;
  margin-bottom: .8em;
}
.CRMGuestCheckout {
    margin-top: 1em;
    margin-bottom: 6em;
}
#gcemail {
  margin-left:13px;
}

/***********************
* BASKET
***********************/
@media only screen and (max-width:767px){
.CRMFullBasket {
  overflow-x: scroll;
}
}

.CRMFullBasket .divManage.CRMFullLineList {
  min-width: 550px;
}

#CRMMiniBasketBubble {
  position: fixed;
  left: ~"calc(50% - 175px)";
  width: 350px;
  background-color: #fff;
  display: block;
  z-index: 5;
  border: 1px solid #ddd;
  padding: 10px;
  top: 45%;
  text-align: center;
  box-shadow: 0 0 5px 0 black;
  font-size: 1.1em;
}

.bubbleCloseTop {
  text-align:right;
}
.bubbleText {
  padding:5px;
  margin: 5px 0 1em;
}
.bubbleControls {
  text-align:center;
}
.bubbleControls a {
  padding:4px;
  margin:6px;
  border:1px solid #ddd;
}
.CRMMiniLineRow {
  border-bottom:1px solid #ddd;
  margin:5px 0;
}

.CRMHeaderBasketCheckout table {
  width:100%;
}

#checkout-stages {
  font-size: 1.3em;
  margin-top: .5em;
  text-align:center;
  ol {
    padding: 0;
    counter-reset: checkout-stages-counter;
  }
  li {
    display: inline-block;
    font-size: 0;
    background: @sidebar-bg-color;
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
    padding: 0 5%;
    border-radius: 0px;
    counter-increment: checkout-stages-counter;
  }
  li.selected {
    font-size: 0.9em;
    background: #104378;
    color: white;
  }
  li:before {
    content: counter(checkout-stages-counter);
    font-size: 16px;
  }
  li.selected:before {
    display: none;
  }
}

.selected {
  font-weight: bold;
}

.divManage table {
  margin-top:15px;
  width:100%;
}

.CRMBasketButton {
  text-align:right;
}

.CRMHeaderBasketCheckout,form[action="/DeliveryOptions"] {
    max-width:50em;
    margin-left:auto;
    margin-right:auto
}
form[action="/DeliveryOptions"]{
    margin:3em 0em;
    display:block;
}

form[action="/DeliveryOptions"] [type="submit"]{
    margin-top:1em;

}

.CRMOrderSummary table {
  width: 100%;
  margin-top:10px;
  margin-bottom:10px;
}

.CRMFullBasket table tr td {
  padding: 2px;
}

.CRMFullBasket table .basketLineDelete {
    text-align: center;
}

.CRMFullBasket table tfoot tr td,
form[name="paymentselection"] table tbody tr td {
    padding-top: 1em;
}

form[name="paymentselection"] table tbody tr td label {
  margin-left: 10px;
}

td.basketLineAdd {
    position:relative;
}

td.basketLineAdd:after {
    content: 'Add to basket';
    position:  absolute;
    left: 0;
    top: 0;
    background :@sidebar-bg-color;
    width: 109px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border-radius: 0px; 
}

.parsley-errors-list{
    list-style-type:none;
    padding-left:0;
    font-weight:700;
    color:#c32525;
}

#body-cont input[type="button"],
#body-cont input[type="submit"],
input.CRMBuyButton,
button {
 // margin: 5px 4px;
  background:#104378;
  border: 0;
  padding: 5px 10px;
  border-radius: 0px;
  color: white;
  height:30px;
  text-transform: uppercase;
    font-weight: 600;
}

#body-cont input[value="Checkout"][type="button"],
#body-cont input[value="Checkout"][type="submit"],
#body-cont input[value="Continue"],
#body-cont input.CRMBuyButton,
input.CRMBuyButton {
  color: white;
}

.basketcontrols input{
    margin-left:.5em
}

 #body-cont input[value="Empty Basket"],#body-cont input[value="Continue Shopping"],#body-cont input[value="Update Basket"]{
     background:#ccc;
     color:white;
 }

.CRMHeaderBasketCheckout > form > table > tbody > tr > td > table > tbody > tr > td {
  padding: 5px 0;
  > input[type="text"],
  > select,
  > textarea {
     width: 90%;
  }
}

@media screen and (max-width: 992px) {
  .CRMHeaderBasketCheckout > form > table > tbody > tr > td {
    display: block;
    width: 100%;
    margin-bottom: 1em;
  }
}
/***********************
* COOKIE ALERT
***********************/
body div#cookieok_bar {

  padding: .25em;
  text-align: center;
  box-shadow: 0 0 10px 1px black;
}
  

/***********************
* SIDEBAR
***********************/
#left-col h3 {
  background: @sidebar-bg-color;
  border-radius: 0px;
  padding: 5px 12px;
}

.CRMMiniBasket form {
    margin-top: .5em;
    text-align: right;
}

/***********************
* FOOTER
***********************/

div#footer-container {
    background:#104378;
    font-weight:normal;
    margin-top:3em;
}

@media only screen and (min-width:992px){

    #footer-container .container{
        background-image:url('styleImage.aspx?styleid=1&filename=footer-overlay.png');
            background-repeat: no-repeat;
        background-size: 48%;
        background-blend-mode: darken;
        background-position-x: 100%;
        background-position-y: 50%;
        padding-top:4em;
    }
}

#footer-container h2{
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
}

.footer-items {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around
  
}

.child{
  margin:1em;
}

.footer-item.full-width{
    width:100%;
    padding-bottom: 1.5em;
    color:white!important;
      text-align: center
}

.footer-item.full-width a,.footer-item.full-width span{
    color:white!important;
}

.footer-item.full-width .child{
    border-top: .15em solid #4d759e;
    padding-top: 1.5em;
    margin:0;
    font-weight: normal;
    font-size: .85em;
}

.footer-item {
   width: 25%;
  min-width:18em;
  margin-top:1em;
  padding: 0px; 
  color: white;
  font-size: 1em;
}

@media only screen and (max-width:1199px){

    .footer-item:first-child{
        order:4
    }
    .footer-item.full-width{
        order:99;
    }
}

ul.footer-items img{
    max-width: 8em;
}

.footer-items h2{
    color:white;
}

ul.footer-items .minimenu a:before{
    content:"» ";
    padding-right:.3em;
}

.minimenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.minimenu ul li {
    padding: 2px 0 2px;
}

.footer-items a, .minimenu ul, .minimenu ul a,.footer-item a{
    color:#b2c8de;
}
  
/***********************
* QUICK ORDER PAD
***********************/
.orderpadrow input {
  margin-left: .5em;
}

.orderpadrow input.qty {
  width: 50px;
}

.minimenu ul li a img {
    width: 32px;
    float: left;
    margin-right: 8px;
    padding-top: 4px;
}

/**********************
* ARTICLES
**********************/
.articleMiniContainer {
    margin: 15px 0;
}

.articleMiniContainer .articleMini {
    margin-bottom: 15px;
}

.articleMiniContainer .articleMini .thumbImage {
    float: left;
    text-align: center;
    width: 100%;
}

.articleMiniContainer .articleMini .thumbImage img {
    max-width: 250px;
    width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .articleMiniContainer .articleMini .thumbImage {
        padding: 0 15px 0 0;
        width: auto;
    }
}

/**********************
* HERO IMAGE 
**********************/

.responsive-hero-image img {
    width: 100%;
        min-height: 15em;
    max-height: 44em;
}
@media screen and (max-width: 767px) {
 .responsive-hero-image img{
    visibility:hidden;
}
}





/**********************
* HOME
**********************/

.slick-slider{
    margin-bottom:0;
}

.caption-container h1{
    text-transform:capitalize;
    font-weight:normal;
    color:white
}

.caption-container .btn{
    text-transform:uppercase;
    font-weight:600
}

.slick-dots{
    bottom:0
}

.slick-dots li button:before {
    font-size: 12px;
    color:#104378;
    opacity:1;
}

.slick-dots li.slick-active button:before{
    text-shadow: 1px 1px 6px #104378;
    color:white;
}

.slider-caption-home {
    color: white;
    position: absolute;
}

.caption-container {
    padding: 2em;
    background: rgba(16, 67, 120, 0.85);
    position: relative;
    /* max-width: 45em; */
    z-index: 100000000;
}


.caption-container{
    padding:2em;
    background: rgba(16, 67, 120, 0.85);
    position:relative;
}

@media only screen and (max-width:991px){
 .slider-caption-home {
    padding-top: 2em;
    padding-left: 2em;
    max-width: 94vw;
}
}
@media only screen and (min-width:768px) and (max-width: 991px){
   .caption-container{
       max-width:35em;
   }
}


@media only screen and (min-width:992px){
  .caption-container{
    max-width:45em;
}
.slider-caption-home {

    padding-top: 3em;
    padding-left: 10em;
}
}
@media only screen and (min-width:1200px){
.responsive-hero-image .slider-caption-home {

    margin-left: ~"calc(50% - 50em)";
}
}


.caption-container h1{
    margin-top:0
}

.caption-container .btn{
    text-transform:uppercase;
    font-weight:600
}

.slider-caption-home{
    color:white;
}

.home_products .CRMProdItemList.CRMProdItemModeS{
    margin-top: 3em;
}

.home-cats img.group-item-image {
    max-height:11em
}

/* Info Section */

.info-section {
    background:white;
    padding:4.5em 0 3.5em 0;
}
.info-section .info-box{
    background:#104378;
    color:white;
    padding:1em;
    font-weight:bold;
    margin-bottom:1em;
}

p.family-owned-icon {
 max-width:80%;
 margin-left:3.5em;

}

p.bespoke-icon,p.more-reuse-icon{
     padding-left:3.3em
}

p.bespoke-icon{
    background:url('styleImage.aspx?styleid=1&filename=cogwheel.svg');
}
p.more-reuse-icon{
    background:url('styleImage.aspx?styleid=1&filename=refresh-arrows.svg');
}

p.family-owned-icon:before {
    content:"\f073  ";
    font-family:"FontAwesome";
    font-size:2em;
    position:absolute;
    left:1em;
    padding-right:10px;

}

p.bespoke-icon,p.more-reuse-icon {
    background-size: contain;
    background-repeat: no-repeat;
     height: 2.9em;
    width: auto;
    background-position: -5px 0;
}

.responsive-slider-item-2 img {
    max-width:94%
}

.we-work-with{
    background:white;
    padding:4em;
}

.content-home-boxes{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  }

  .persona-box{
      text-align:center;
      margin: 1em;
      padding: 2em;
      background: #f7f7f7;  
      border-bottom: 3px solid #104378;
  }



@media only screen and (max-width:767px){
     .content-home-box{
          max-width: 32em;
     }
}
@media only screen and (min-width:768px) and (max-width:991px){
     .content-home-box{
          max-width: 23em;
      min-width: 14em;
     }
}
@media only screen and (min-width:992px){
     .content-home-box{
    width:30%;
     }
}

.content-home-box.persona-box img{
    max-width: 6em;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.content-home-box.persona-box h3{
  color:#333333;
  text-transform:uppercase;
  font-weight:700;
}

.section.about-us {
    border-top:1px solid #cecece;
    padding-top:4em
}

.about-us-box.content-home-box {
    margin-left:auto;
    margin-right:auto
}

.section.personas {
    padding-bottom:4em
}

.about-us-boxes.content-home-boxes {
    padding-top:2em;
}
.about-us-box.content-home-box {
    margin:1em;
}

.section {
    padding-top:4em;
    padding-bottom:4em;
}


.about-us-box.content-home-box h3{
    color:#333333;
    font-weight:bold;
    text-transform:uppercase;
    font-size:18px
}

/* CASE STUDIES PAGE */

.layout-container {
    display:flex;
    justify-content:space-around;
       flex-flow: row wrap;
}

.case-study-item{
    padding:2em 0em;
}

.case-study-item img{
    max-width:20em
}

.case-study-item.full-width{
    max-width:100%;
}

.five-images img{
    max-width:19.5%;
}

.btn.btn-default.btn-info-alt {
    background:#104378;
    color:white;
    font-weight:700;
}

@media only screen and (max-width:600px){
    .case-study-item {
        width:100%;
    }
  .case-study-item.item-image img{
    display:block;
    margin-left:auto;
    margin-right:auto
}
  
  .five-images img{
    max-width:50%;
      padding:1em
}
}

@media only screen and (min-width:601px){
  
.case-study-item{
    max-width:50%;

}
  
  
}

.case-study-item.item-image img{
    display:block;
    margin-left:auto;
    margin-right:auto
}


.case-study-item.full-width.five-images {
    display:flex;
    justify-content:space-around;
    align-items:flex-start;
    flex-flow: row wrap;
}


/* MY ACCOUNT */
.minimenu.account-menu li{
    color:#666666
}

.minimenu.account-menu li a{
    color:#104378;
    font-weight:bold;
    text-transform:uppercase
}

/* ORDER HISTORY */
select#selected_range {
    height:30px;
    margin-left:.25em;
    margin-right:.25em
}

.addbutton a{
    margin-top:1em;
    margin-bottom:1em
}

.manageCostCentres input{
    margin-top:1em;
    margin-left:.5em
}

.addrow,.cell.quantitycol input,.prodref.tt-input{
    height:30px;
    margin-right:.25em;
   line-height:normal;
   vertical-align:middle!important;
    background:none;
}

.quantitycol button{
    margin-right:.25em
}

.cell.status button{
    margin-right:.5em
}

.cell.quantitycol input,.prodref.tt-input{
     border:1px solid;
}

.addrow {
    margin:1em 0;
}
.addrow button{
    margin-right:.25em
}

#qopbulklink{
    font-weight:700;
    text-decoration:underline;
}

.orderpadrow.notfound {
    color:red;
}

.orderpadrow.notfound:after{
    content:"Product not found";
    font-weight:600
}


@media only screen and (max-width:510px){
    div#qopmain {
    visibility:hidden;
    position:relative

}


#qopmain:after{
    visibility:visible;
    content:"The quick order works best on devices with larger screens.";
    font-weight:600;
    position:absolute;
    top:0;
}
}


@media (min-width: 992px) {
  .home-cats .col-md-3 {
    width: 33%;
  }
}
/* my account menu */
.minimenu.account-menu ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2em;
    flex-wrap: wrap;
    color: #666666;
    li{
        padding: 0px;
        border: 1px solid #c7c7c7 !important;
        flex-direction: column-reverse;
    	display: flex;
        width: 250px;
    }
    li a{
        text-align: center;
        background-color: #144675;
        color: white;
        margin: 0;
        padding: 10px !important;
    }
    li p{
        text-align: center;
        padding: 1em
    }
}
@media (min-width: 599px) {
  .minimenu.account-menu ul::after {
    content: "";
    flex: auto;
  }
  .minimenu.account-menu ul {
    justify-content: space-between;
}