/* Add your custom CSS selectors here */

.PoweredBy {
    display: none!important;
}

.searchbox {
    border: none!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}


/* mobile logo */

img.logo-mobile {
    max-width: 33.33%;
}

/* Navbar take out font-family: Arvo!Important; */
.navbar-nav {
	
	font-family: 'Aleo', serif!important ;
	font-weight: 400!important; 
	font-size: 1.4em;
}


/* Vertical align */

.align-items-center {
    display: flex;
    align-items: center;
}

.align-items-end {
    display: flex;
    align-items: flex-end;
}

@media ( max-width:767px) {
    .align-items-center-xs {
        display: flex;
        align-items: center;
    }
    .align-items-end-xs {
        display: flex;
        align-items: flex-end;
    }
    .navbar-form.searchbox {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media ( min-width:768px) {
    .align-items-center-sm {
        display: flex;
        align-items: center;
    }
    .align-items-end-sm {
        display: flex;
        align-items: flex-end;
    }
}

@media ( min-width: 992px) {
    .align-items-center-md {
        display: flex;
        align-items: center;
    }
    .align-items-end-md {
        display: flex;
        align-items: flex-end;
    }
}

@media ( min-width: 1200px) {
    .align-items-center-lg {
        display: flex;
        align-items: center;
    }
    .align-items-end-md {
        display: flex;
        align-items: flex-end;
    }
}



/* login Menu */

@media ( max-width:767px) {
    .FlexLoginMenuList .fa,
    .FlexLogLinkIcon {
        font-size: 2em;
    }
    .FlexLogLinkIcon {
        padding-right: 0px;
    }
    .list-inline > li {
        display: inline-block;
        padding-right: 0px;
    }
    .my-account li:last-child {
        display: none!important;
    }
    .my-cart {
        padding-top: 5px!important;
    }
}


/* Break out for slider */
.break-out {
	width: 100vw;
	position: relative;
	background-color: #f4f2e9;
	left: calc(-1 * (100vw - 100%) / 2);
	color: rgba(0, 0, 0, .6);
}
/* Homepage heading strike-through */

/* h2.featured-header {
    border-bottom: 1px solid #ccc;
    line-height: 0.1em;
    margin: 20px 0 30px;
}

h2.featured-header span {
    background: #fff;
    padding: 0 10px;
}
*/
.featured-header + p{
    border-bottom: 1px solid #ccc;
    line-height: 0.1em;
    margin: 20px 0 30px;
}

.featured-header + p span {
    background: #fff;
    padding: 0 10px;
}

/* Product Details */

.product-code:before {
    content: "SKU: ";
}

.discount-before:before {
    content: "Discount ";
}

.discount-after:after {
    content: " Discount";
}


@media ( max-width:767px) {
    .CategorySummaryBox h3 {
        min-height: 30px;
        max-height: 30px;
        display: flex;
        align-items: center;
        font-size: 16px;
    }
    .CategorySummaryBox h3 span {
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    /* hide filters on mobile */
    .facetSidebar {
        display: none;
    }

	.product-thumbnails {
		margin-right: -5px;
		margin-left: -5px;
	}

	.product-thumbnails > .col-xs-3 {
		padding-right: 5px;
		padding-left: 5px;
	}

	.quantity-label {
		margin-bottom: 10px;
	}

	.quantity-label .control-label {
		margin-top: 0px!important;
	}

	.form-control {
		font-size: 16px;
	}

	.panel-heading h2 {
		font-size: 18px;
		text-transform: uppercase;
		margin-top: 10px;
	}

	.panel-heading i {
		margin-top: -10px;
	}

}

@media ( min-width:1024px) {
	.categoryProductList{
		margin-right: -5px;
		margin-left: -5px;
	}
    .categoryProductList > .col-md-4 {
        padding-right: 5px;
        padding-left: 5px;
    }
}

/* make the add to cart button green */


.prodSummary-btnAddToCart, .product-btnAddToCart {
    font-weight: 700;
	background-color:#28a745!important;
	border-color:#28a745!important;
	color:#FFFFFF!important;
}

.prodSummary-btnAddToCart:hover, .product-btnAddToCart:hover {
	background-color:#1e7e34!important;
	border-color:#1e7e34!important;
}



.add-to-cart input {
    width: 100%;
}
.add-to-cart .btnAddCart {
	
	display:inline-block!important;
}

.cart-collect{
	margin-top:4px;
	margin-bottom:0px;
	
}

.cart-small-device{
	font-size: 18px;
}

.cart-collect-caption{
	color: #555;
}
.cart-collect-caption:after{
	content: ' ';
}

.cart-collect-branch{
	font-weight: 700;
	padding-right:10px;
}

.cart-collect-buttons a{
	margin-bottom:4px;
}

.tablesaw-cell-content > p{
	display:none
}

.btn-group-checkout, .btn-group-maintain{
	margin-top:5px;
	margin-bottom:15px;
}
	.btn-update, .btn-delete, .btn-del-all, .btn-quick{
		text-transform:uppercase;

	}

@media (max-width:767px){
	
	.cart-collect{

}

	.cart-collect-caption{
		width:100%;
		float:left;
		margin-bottom:15px;
		
	}
	.cart-collect-branch{
		display:inline-block;
		padding-top:2px;
	}
	.cart-btnChangeBranch{
		min-width:40%;
		float:right;
	}
	.cart-btnChangeDelivery{
		width:100%;
		margin-top:10px;
	}
	.cart-collect{
		margin-top: 10px;
		margin-bottom: 0px;
		padding-bottom:0px;
	}
	.btn-group-checkout{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.btn-group-maintain{
		margin-top: 0px;
		margin-bottom: 10px;
	}
	
	.btn-update, .btn-delete, .btn-del-all, .btn-quick{
		width:32%;
		margin-bottom:20px;
		font-size:10px;
		text-transform:uppercase;
		float:left;
		color:#555;
	}
	.btn-update, .btn-delete{
		margin-right:2%;
	}
	
	.cart-collect hr{
		float:left;
		width:100%;
	}
	
	.btn-update > span::before, .btn-delete > span::before, .btn-del-all > span::before, .btn-quick > span::before, .btn-sel-collect > span::before, .btn-sel-delivery > span::before {
		font-family: FontAwesome;
		display: block;
		width:100%;
		font-size:24px;
	}
	
	.btn-sel-collect{
		font-size:12px;
		width:49%;
		margin-right:2%;
		float:left;
	}

		.btn-sel-delivery{
		font-size:12px;
		width:49%;
		float:left;
	}
	
	.btn-sel-delivery > span::before {
		content: "\f0d1";
	}
	 .btn-sel-collect > span::before {
		content: "\f0a6";
	}
	.btnUpdate > span::before {
		content: "\f021";
	}
	.btn-delete > span::before {
		content: "\f057";
	}
	.btn-del-all > span::before {
		content: "\f014";
	}
	.btn-del-all{
	}
	.btn-quick{
		Display:none;
	}

	
	.btn-quote{
		width:49%;
		padding:6px 6px;
	}
	.btn-buylist{
		width:49%;
		float:right;
		padding:6px 6px;
	}
	.btn-checkout{
		width:100%;
	}
	.cart-btnChangeCollect{
		width:100%;
	}
	/*.btn-group-checkout + .btn-group-maintain{display:none;}*/
}

@media (min-width:768px){
	.cart-small-device{
		float:left;
		padding-top:4px;
	}
	.cart-collect-buttons{
		float:right;
	}
	.cart-collect-buttons + hr {
		float:left;
		width:100%;
	}
	#cartupdate{display:none;}
	.btn-group-maintain{
		width: 100%;
	}
	.btnQuickCart{
		float:right;
		font-weight:700;
	}

}

@media (min-width:1024px){
	
	.btn-change-delivery {
		margin-left:10px;
	}
}

@media (min-width:1200px){
	
	
}


/* Featured Categories, brands and products */

@media (max-width:767px){
	.featured-categories > .col-xs-6:nth-child(odd){
		padding-right:5px;
		clear:both;
	}
	.featured-categories > .col-xs-6:nth-child(even){
		padding-left:5px;
	}
	.featured-categories h3{
		min-height:30px;
		max-height:30px;
		display: flex;
        align-items: center;
	}
	.featured-categories h3 a{
		width:100%;
	}
	.featured-brands  > .col-xs-6:nth-ch
	.featured-brands  > .col-xs-6:nth-child(odd){
		padding-right: 20px;
		padding-left: 30px;
	}
	.featured-brands  > .col-xs-6:nth-child(even){
		padding-right: 30px;
		padding-left: 20px;
	}
	
	.productList > .row{
		margin-right: -5px;
		margin-left: -5px;
	}
	.productList .col-xs-6 .col-sm-12{
		padding-right: 5px;
		padding-left: 5px;
	}
}


div.groupHeader {font-size: 36px; margin-top: 10px; margin-bottom: 0px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
div.articleTitle > div {font-size: 24px; margin-top: 5px; margin-bottom: 0px; font-family: inherit; font-weight: 500; line-height: 1.1; }
div.articleInfo {display: none; }



/*! Tablesaw - v2.0.3 - 2016-06-03
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2016 Filament Group; Licensed MIT */

table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}

.tablesaw {
  border-collapse: collapse;
  width: 100%;
}

/* Structure */

.tablesaw {
  border: 0;
  padding: 0;
}

.tablesaw th,
.tablesaw td {
  box-sizing: border-box;
  padding: .5em .7em;
}

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em;
}

/* Table rows have a gray bottom stroke by default */

.tablesaw-stack tbody tr {
  border-bottom: 1px solid %Border Color%;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media (max-width : 767px) {
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
  }
}
@media only all {
  /* Show the table cells as a block level element */

  .tablesaw-stack td,
  .tablesaw-stack th {
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    width: 30%;
    display: inline-block;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0;

    border-style:solid;
    background-color: %Background Color%;
    border-color:%Border Color%;;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}

/* Use Bootstrap xs breakpoint */
@media (max-width: 767px) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%;
  }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
/* Use Bootstrap xs breakpoint */
@media (min-width: 768px) {
  .tablesaw-stack tr {
    display: table-row;
  }

  /* Show the table header rows */

  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}


.followUsItems
{
    list-style-type: none;
    margin: 0;
    padding:0;
}
.followUsItems li
{
    display: inline;
}
.followUsItems a
{
    display: inline-block;
}

.followUsItems.DefaultTheme li a
{
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

/* Tipso Bubble Styles */
.tipso_bubble , .tipso_bubble > .tipso_arrow {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
.tipso_bubble {
    position: absolute;
	text-align: center;
	border-radius: 6px;
	z-index: 9999;
}
.tipso_style {
	cursor: help;
	border-bottom: 1px dotted;
}
.tipso_title {
	border-radius: 6px 6px 0 0;
}
.tipso_content {
  	word-wrap: break-word;
	padding: 0.5em;
}

/* Tipso Bubble size classes - Similar to Foundation's syntax*/
.tipso_bubble.tiny {
	font-size: 0.6rem;
}
.tipso_bubble.small  {
	font-size: 0.8rem;
}
.tipso_bubble.default {
	font-size: 1rem;
}
.tipso_bubble.large  {
	font-size: 1.2rem;
	width: 100%;
}

/* Tipso Bubble Div */
.tipso_bubble > .tipso_arrow {
	position: absolute;
	width: 0; height: 0;
	border: 8px solid;
	pointer-events: none;
}
.tipso_bubble.top > .tipso_arrow  {
	border-top-color: #000;
	border-right-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	top: 100%;
	left: 50%;
	margin-left: -8px;
}
.tipso_bubble.bottom > .tipso_arrow {
	border-bottom-color: #000;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
}
.tipso_bubble.left > .tipso_arrow {
	border-left-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	top: 50%;
	left: 100%;
	margin-top: -8px;
}
.tipso_bubble.right > .tipso_arrow {
	border-right-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	top: 50%;
	right: 100%;
	margin-top: -8px;
}

.tipso_bubble .top_right_corner,
.tipso_bubble.top_right_corner {
	border-bottom-left-radius: 0;
}

.tipso_bubble .bottom_right_corner ,
.tipso_bubble.bottom_right_corner {
	border-top-left-radius: 0;
}

.tipso_bubble .top_left_corner,
.tipso_bubble.top_left_corner {
	border-bottom-right-radius: 0;
}

.tipso_bubble .bottom_left_corner,
.tipso_bubble.bottom_left_corner {
	border-top-right-radius: 0;
}
a.back-to-top {
    display:none;
	position:fixed;
    bottom: 20px;
    right: 20px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.pagePanel > ul {
    margin-top: 0;
    margin-bottom: 10px;
	padding-left: 0;
    list-style: none;
}

/* home page */

.bg-dark {
    background-color: #24292e!important;
}

.bg-primary {
    background-color: #ffffff!important;
}

.social-first {
		margin-right:5px;
		margin-top:5px;
		margin-bottom:5px;
}
.social {
		margin:5px;
}
	body {
			font-family: 'Kumbh Sans', sans-serif !important;
			font-size: 14px;
			line-height: 1.42857143;
			color: #333;
			background-color: #fff;
			font-weight: 300!important;
		}
		
		
	.text-secondary {
			color: #333!important;
			font-weight: 300!important; 
			font-family: 'Kumbh Sans', sans-serif !important;
		}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
	font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

.carousel-control {
    position: absolute;
    text-shadow: 0 0px 0px rgb(0 0 0);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .6;
}

		.carousel-control .glyphicon-chevron-left,
		.carousel-control .icon-prev {
			left: 30%!important;
		}
		.carousel-control .glyphicon-chevron-right,
		.carousel-control .icon-next {
			right: 30%!important;
		}
		.carousel-control .glyphicon-chevron-left,
		.carousel-control .glyphicon-chevron-right,
		.carousel-control .icon-next,
		.carousel-control .icon-prev {
			position: absolute;
			top: 90%!important;
			z-index: 5;
			display: inline-block;
			margin-top: -10px;
			color: white;
		}
		
				a {
			color: #1d252d!important;
		}
		a:hover {
			color: #1d252d!important;
			text-decoration: none;
		}
		
		.glyphicon-chevron-left:before {
  content: "\e257";
}
.glyphicon-chevron-right:before {
content: "\e258"; }

/* remove hover color */
#pbc_bc_b181_divSubCategories > div:nth-child(1) > div > div > div > a,
#pbc_bc_b181_divSubCategories > div:nth-child(1) > div > div > div > a:hover
{
	color:#ffffff !important;
}

 
h1 {
			font-size: 24px;
			letter-spacing: 1px;
					}
					
				.text-white:hover {text-decoration: none; color: #fff!important; }
				.text-white2:hover {text-decoration: none; color: #fff!important; }	
				.text-white2  {color: #ffffff!important; }	
				
		/* Square Seach box */
		.input-group > .ui-widget > .form-control {
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
		}
		.ui-widget input,
		.ui-widget select,
		.ui-widget textarea,
		.ui-widget button {
			font-family: 'Kumbh Sans', sans-serif !important;
			font-weight: 300;
			font-size: 1.1em !important;
		}
		.btn {
			line-height: 1.42857143;
			border: 0px solid transparent;
			border-radius: 0px;
		}

.form-control {  
border: 1px solid #7c7676;
border-radius: 0px;
border-radius: 0px;
        -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	   -webkit-transition: none;
        transition: none; }

.btnQtyDefaultTempLate {
    line-height: 1.42857143;
    border: 1px solid black;
    border-radius: 0px;
}


.FlexMoreDetailsLink btn {width: 200px; }

.btn {
    line-height: 1.42857143;
    border: 1px solid black;
    border-radius: 0px;
}

.panel {
       border: 1px solid;
    border-radius: 0px;
	border-color: #ddd;
   
}	
#mainCenter > div:nth-child(1) > div > ul > li.smDropdown.smHover.dropdown.open > ul > li.smDropdownHeading > h3 > a {
    font-size: 15px;
    text-decoration: none;
    margin-left: 40px;
}
	.fa-ul {
    list-style-type: none;
    margin-left: 1.4em;
    padding-left: 0;
}	
		.smDropdownHeading {margin-left: 20px; font-size: 12px;}
		
		.dropdown-menu {
		min-width: 220px; border-radius: 0px; min-height: 40px;}
		
		.h3, h3 {
    font-size: 20px;
}
h1 {
    font-size: 28px!important;
    letter-spacing: 2px;
}


#mainCenter > div:nth-child(1) > div > ul > li > ul {
    margin-top: -4px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.btn-lg {
		font-weight: 400;
		background-color: #f4f2e9!important;
		border-color: #f4f2e9!important;
		color: #6a5b5c!important;
	
		letter-spacing: 3px;

	}
	
	.btn-lg:hover {
		font-weight: 400;
		background-color: #e0ded5!important;
		border-color: #e0ded5!important;
		color: #6a5b5c!important;
	letter-spacing: 3px;
	}
	
	/* hide outline
.glyphicon-chevron-left:before {
			content: "\e257";
			font-size: 30px;
			text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
		}
		
		@media ( max-width:767px) {
    .glyphicon-chevron-left:before {
       content: "\e257";
			font-size: 22px;
			text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
		} }   */
		
		.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff;
    background-color: #6a5b5c!important;
    border-color: #6a5b5c!important;
}
.pagination > li:not(.active) > a, .pagination > li:not(.active) > span {
    color: #6a5b5c!important;
}
.thumbnail:hover {
     border: 1px solid #ffffff;
    border-radius: 0px;
  }
 
  #pbc_bc_b181_divSubCategories > div > div  a:hover {
     border: 1px solid #ffffff;
    border-radius: 0px;
  }
 
#collapseText,
#collapseText2,
#collapseText3,
#collapseText4,
#collapseText5,
#collapseText6 {
	width:100%;
	padding-bottom:5px;
}

@media (max-width: 767px) {

	.toggleButton {
		font-size: 1.0em;
		letter-spacing: 2px;
		font-weight: bold;
		display:block;
		width:100% !important;
	}
}

.toggleButton {
	font-size: 1.0em;
	letter-spacing: 2px;
	font-weight: bold;
	display:block;
	width:65%;
}

.toggleButton:link {
	font-size: 1.0em;
	letter-spacing: 2px;
	font-weight: 400;
	text-decoration: none;
}

.toggleButton:visited {
	font-size: 1.0em;
	letter-spacing: 2px;
	font-weight: 400;
	text-decoration: none;
}
.toggleButton:hover {
	font-size: 1.0em;
	letter-spacing: 2px;
	font-weight: 400;
	text-decoration: none;
}

.moreProducts {
display: none;
}
/* Tabs on Product Page - Specification, Docs etc rollovers and states */

.FlexTabbedContent > li > a {
background-color: #f4f2e9;
color: #6a5b5c;
border-color: #ddd;
border-radius: 0px;
}

.FlexTabbedContent > li > a:hover {
background-color: #e0ded5!important;
color: #000 !important;
border-color: #ddd;
border-radius: 0px;
}

.nav-tabs>li>a {
margin-right: 5px;
}
/* END ---Tabs on Product Page - Specification, Docs etc rollovers and states */
/* Item Added to Basket pop-up */

.AddToCartMessageBox {
position: fixed;
top: 15px;
right: 15px;
width: 300px;
z-index: 100;
background-color: #d8f2e0;
border: 2px solid #28a745;
box-shadow: 3px 3px 7px #ffffff;
padding: 15px 15px 15px 15px;
border-radius: 0px;
}
/* END --- Item Added to Basket pop-up */

.navbar-default .navbar-nav>li>a {
color: #6a5b5c;
}

.navbar-default .navbar-toggle {
margin-right: 30px;
}
@xmedia (max-width: 768px) {
.xnavbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
    width: 120px;
}  }
/* #f4f2e9 bg colour of yellow taken out of nav bg */

.navbar-default {
background-color: #fff;
border-color: #fff;
}

.bg-dark {
background-color: #f4f2e9!important;
}

.bg-dark2 {
background-color: #1d252d!important;
}

.logo-block {
margin-left: auto;
margin-right: auto;
}

.social {
padding: .7em 0em;
}

.footerlinks {
font-size: 13px;
line-height: 32px;
color: #6a5b5c!important;
}
/* Make checkboxes line up on separate lines in Contact Us Page - Get Brochure, Request Contact etc */

@media (max-width: 767px) {
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
	margin-top: 0;
	margin-left: 0px;
}
}

@media (max-width: 767px) {
.checkbox-inline,
.radio-inline {
	position: relative;
	display: block;
	padding-left: 20px;
}
}

.thumbnail {
border: 0px solid #ffffff;
border-radius: 0px;
padding: 0px;
}

.thumbnail:hover {
border: 0px solid #ffffff;
border-radius: 0px;
padding: 0px;
cursor:pointer;
}

.btn-primary {
color: #6a5b5c!important;
background-color: #f4f2e9!important;
border-color: #6a5b5c!important;
font-weight: bold;
border-radius: 0px;
border: 0px;
letter-spacing: 1px;
}

.btn-primary:hover {
background-color: #e0ded5!important;
border-color: #6a5b5c!important;
color: #6a5b5c!important;
font-weight: bold;
border-radius: 0px;
border: 0px;
letter-spacing: 1px;
}

.btn-success,
.badge-success {
color: #6a5b5c!important;
background-color: #f4f2e9!important;
border-color: #6a5b5c!important;
border-radius: 0px;
border: 0px;
letter-spacing: 1px;
font-weight: 400;
}

.btn-success:hover,
.badge-success:hover {
color: #6a5b5c!important;
background-color: #e0ded5!important;
border-color: #6a5b5c!important;
border-radius: 0px;
border: 0px;
letter-spacing: 1px;
font-weight: 400;
}

.prodSummary-btnAddToCart,
.product-btnAddToCart {
font-weight: 400;
background-color: #f4f2e9!important;
border-color: #f4f2e9!important;
color: #6a5b5c!important;
border-radius: 0px;
border: 3px;
letter-spacing: 1px;
padding-top: 8px;
padding-bottom: 8px;
xwidth: 60%;
}

.prodSummary-btnAddToCart:hover,
.product-btnAddToCart:hover {
font-weight: 400;
background-color: #e0ded5!important;
border-color: #e0ded5!important;
color: #6a5b5c!important;
border-radius: 0px;
border: 3px;
letter-spacing: 1px;
padding-top: 8px;
padding-bottom: 8px;
xwidth: 60%;
}

.bt60 {
width: 60%
}

.pl-6 {
padding-left: 40px!important;
}

.pr-6 {
padding-right: 40px!important;
}

.pl-7 {
padding-left: 50px!important;
}

.pr-7 {
padding-right: 50px!important;
}

@media (min-width: 768px) {
.xnavbar-nav {
	float: none;
	margin: 0;
	align-content: center;
	width: 75%;
}
}

.yamm .collapse,
.yamm .dropdown,
.yamm .dropup,
.yamm .nav {
position: static;
margin-left: auto;
margin-right: auto;
}

.container .navbar-collapse,
.container .navbar-collapse .navbar-nav {
margin-right: auto;
margin-left: auto;
}

.nav>li>a {
position: relative;
display: block;
padding-top: 13px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}

.navbar-default .navbar-nav>li>a {
letter-spacing: 2px;
}
/* Search Box - Search Suggestions Styling */

ul.searchSuggestions {
display: block !important;
width: 254px !important;
border-width: 2px;
border-color: #bbbbbb;
border-radius: 0px;
}

.ui-widget-content {
border: 2px solid;
}

.ui-autocomplete {
max-height: 455px !important;
overflow-x: hidden;
}

@media (max-width:767px) {
ul.searchSuggestions {
	width: calc(100% - 32px) !important;
}
}

ul.searchSuggestions li {
font-size: 12px;
padding: 10px 5px 5px 10px !important;
margin: 0 !important;
font-family: 'Kumbh Sans', sans-serif !important
}

ul.searchSuggestions .prodImageSuggestion {
display: block;
margin-right: 0px;
margin-top: 0px;
float: left;
width: 55px;
height: fit-content;
}

.ui-menu-item > a > .prodTextSuggestion {
overflow: hidden;
margin-left: 80px;
margin-top: -2px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: none !important;
background: #fff !important;
font-weight: normal !important;
color: #000000 !important;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #000000 !important;
letter-spacing: 0px;
font-weight: 300;
}
/* Make text and block appear over the 4 section images */

.xcontainer {
xposition: relative;
font-family: Arial;
width: 100%;
}

.text-block {
		position: absolute;
		top: 12px;
		xbottom: 125px;
		right: 30px;
		left: 30px;
		background-color: #f4f2e9;
		color: #6a5b5c;
		padding-top: 6px;
		padding-left: 12px;
		padding-right: 12px;
		text-align: center;
		height: 43px;
		line-height: 16px;
	}

	.home-4block-headlines {
		font-family: 'Kumbh Sans', sans-serif;
		font-size: 13px;
		letter-spacing: 2px;
		font-weight: 400;
	}
	
	
	
	
	/* Extra small devices (phones, 600px and down) */
	
	@media only screen and (max-width: 600px) {
		.home-4block-headlines {
			font-size: 0.6em;
			letter-spacing: 1px;
			line-height: 10px;
					}
	}
	
	@media only screen and (max-width: 600px) {
		.home-4block-headlines2 {
			font-size: 0.5em;
			letter-spacing: 1px;
			line-height: 10px;
					}
	}
	/* Small devices (portrait tablets and large phones, 600px and up) */
	
	@media only screen and (min-width: 600px) {
		.home-4block-headlines {
			font-size: 14px;
			letter-spacing: 2px;
			line-height: 30px;
					}
	}
	
	@media only screen and (min-width: 600px) {
		.home-4block-headlines2 {
			font-size: 12px;
			letter-spacing: 2px;
			line-height: 18px;
				}
	}
	/* Medium devices (landscape tablets, 768px and up) */
	
	@media only screen and (min-width: 768px) {
		.home-4block-headlines {
			font-size: 8px;
			letter-spacing: 1px;
			line-height: 2px;
					}
	}
	/* Large devices (laptops/desktops, 992px and up) */
	
	@media only screen and (min-width: 992px) {
		.home-4block-headlines {
			font-size: 11px;
			letter-spacing: 2px;
			line-height: 15px;
					}
	}
	/* Extra large devices (large laptops and desktops, 1200px and up) */
	
	@media only screen and (min-width: 1200px) {
		.home-4block-headlines {
			font-size: 13px;
			letter-spacing: 2px;
			line-height: 34px;
				}
	}
	
	@media only screen and (min-width: 1200px) {
		.home-4block-headlines2 {
			font-size: 13px;
			letter-spacing: 2px;
			line-height: 17px;
					}
	}
	
	/* 320 wide for iphone 5 SE) */
	@media only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
		.home-4block-headlines2 {
			font-size: 0.4em;
			letter-spacing: 1px;
			line-height: 0px;
				}
	}
	
	@media only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
		.home-4block-headlinesDeli {
			font-size: 0.4em;
			letter-spacing: 1px;
			line-height: 0px;
					}
	}
	

/* Slider & Banner Styles */

.slcontainer {
	position: relative;
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
	.slcontainer {
		position: relative;
		width: 100%;
		height: 100%;
	}
}

.left-color {
	background-color: #f4f2e9;
}



.xxbtn-block2 {
    display: block;
   
}

@media screen and (max-width: 767px) {
.navbar-buttons:after {
	content: "Main Menu";
	text-transform: uppercase;
	color: #000;
	font-weight: normal;
	letter-spacing: 2px;
	padding: 18px 0px 18px 35px;
	display: inline-block;
	font-size: 16px;
}  }

) .navbar-toggle {
	position: relative;
	font-weight: normal;
	letter-spacing: 2px;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 35px;
}
@media (max-width: 767px) {
	.FlexLoginMenuList .fa,
	.FlexLogLinkIcon {
		font-size: 1.5em;
	}
}
@media (max-width: 767px) {
	.social {
		padding-left: 1em;
		padding-top: 10px;
		padding-bottom: 0px;
	}
}
.h4-sm {
	color: #6a5b5c!important;
}
.add-to-bag {
	font-size: 12px;
	color: #6a5b5c;
	background-color: #ffffff!important;
	border-color: #fff!important;
	border-radius: 0px;
	border: 0px;
}
.add-to-bag:hover {
	color: #7f7f7f;
	text-decoration: underline border-radius: 0px;
	border: 0px;
}
.prod-headline-title {
	font-size: 20px
}
.a {
	color: #1d252d!important;
}
.a:hover {
	color: #1d252d!important;
	text-decoration: none;
}
.xtoplogo .img-responsive.hidden-xs {
	height: 90px;
}
.log {
	width: 457px;
	height: 114px;
}
.btn-default {
	background-color: #FFFFFF;
	border-color: #232222;
}
.btn-lg {
	font-weight: 400;
	background-color: #f4f2e9!important;
	border-color: #f4f2e9!important;
	color: #6a5b5c!important;
	letter-spacing: 3px;
}
.btn-lg:hover {
	font-weight: 400;
	background-color: #e0ded5!important;
	border-color: #e0ded5!important;
	color: #6a5b5c!important;
	letter-spacing: 3px;
}
/* Pagination boxes - Remove rounded corners */
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
	border-top-left-radius: 0px!important;
	border-bottom-left-radius: 0px!important;
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
	border-top-right-radius: 0px!important;
	border-bottom-right-radius: 0px!important;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 0px!important;
	border-bottom-right-radius: 0px!important;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
	border-top-right-radius: 0px!important;
	border-bottom-right-radius: 0px!important;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
	border-top-right-radius: 0px!important;
	border-bottom-right-radius: 0px!important;
}
.pagination {
	border-radius: 0px!important;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 0px!important;
	border-bottom-left-radius: 0px!important;
}
#pbc_bc_b181_divCategoryProductList > div.prodlstcontent > div.prodlstsorttbl.productResultBottom > div > div > div > div > div > div > div:nth-child(2) > nav > ul {
	border-radius: 0px
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
	border: 0px !important;
	border-color: #ffffff!important;
}
#pbc_bc_b181_divSubCategories > div:nth-child(2) > div > div > div > div > a:hover {
	border: 0px !important;
	border-color: #ffffff!important;
}
#pbc_bc_b181_divSubCategories:hover {
	border: 0px !important;
	border-color: #ffffff!important;
}
#pbc_bc_b181_divSubCategories > div:nth-child(2) > div > div > div > div > a > div > div:nth-child(1) > img:hover {
	border: 0px !important;
	border-color: #ffffff!important;
}

/* Using Background property to display the logo images based on screen size */
.mikeshandb-logozz {
	 background-image: url(/file/450pix-01.jpg);
        display: block;
        height: 200px;
        width: 450px;
        background-size: 450px 200px;
        margin-left: auto;
        margin-right: auto;
	
}

.xlogo-center {
    margin: 0 auto;
  }
  

.align-items-center-md, .align-items-center-sm {
    display: flex;
    align-items: center;
}

.handb-logozz {
    background-image: url(/file/450pix-01.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 130px;
    width: 480px;
    background-size: 460px 83px;
	margin: auto;
    xmargin-left: auto;
    xmargin-right: auto;
	position: relative;
}
/* 1024 using Image Width in pixels - 240 */
@media (max-width: 1024px) {
.handb-logozz {
   background-image: url("/file/450pix-01.jpg");
    background-repeat: no-repeat;
    display: block;
    height: 130px;
    width: 450px;
    background-size: 450px 80px;
	margin: auto;
    xmargin-left: auto;
    xmargin-right: auto;
}
}
/* 768 using Image Width in pixels - 240 */
@zmedia (max-width: 768px) {
.zhandb-logozz {
   background-image: url("/file/450pix-01.jpg");
    background-repeat: no-repeat;
    display: block;
    height: 70px;
    width: 310px;
    background-size: 300px 55px;
	margin: auto;
    xmargin-left: auto;
    xmargin-right: auto;
}
}

#pbc_bc_b183_onePage_updOrderDetail > div > div:nth-child(2) {
	display:none;
}
.test-red {
		font-size: 30px;
		color: #ff0000;
	}

li.use-yamm {
display: inline-block !important;
float: none !important;
}

.navbar-nav {
text-align: center !important;
left: 0  !important;
width: 100% !important;
}

/* css to fix height for recipes page */
.recipes {
	min-height: 550px;
}

/*css for unordered list without bullets */
ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Catalogue height for text  */
.line-clamp-3 {
    height: 30px;
}

/* for categories */
/* Set the text indent of the 1st link in the dropdown */
#mainCenter > div:nth-child(1) > div > div.row > div > ul > li.smDropdown.smHover.dropdown.open > ul > li.smDropdownHeading {
	text-indent:18px;
}
/* Set font size and text decoration for 1st link in the dropdown */
#mainCenter > div:nth-child(1) > div > div.row > div > ul > li.smDropdown.smHover.dropdown.open > ul > li.smDropdownHeading > h3 > a {
	font-size: 15px;
	text-decoration: none;
}

/* for a product */
/* Set the text indent of the 1st link in the dropdown */
#mainCenter > div:nth-child(1) > div > ul > li.smDropdown.smHover.dropdown.open > ul > li.smDropdownHeading {
	text-indent:18px;
}
/* Set font size and text decoration for 1st link in the dropdown */
#mainCenter > div:nth-child(1) > div > ul > li.smDropdown.smHover.dropdown.open > ul > li.smDropdownHeading > h3 > a {
	font-size: 15px;
	text-decoration: none;
}


/* Remove the text underline on the 'parent' link when the dropdwon displays */
.dropdown-menu>li>a {
	text-decoration: none;
}

.open>a {
	text-decoration: none;
}


/* Breadcrumb mouseover */
/* Microsoft browsers */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* IE10+ CSS */
	.smDropdown.dropdown.open { 
		  transition-duration: 2s!important;
	}

	.dropdown-toggle:hover {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
	}
}
@supports (-ms-accelerator:true) {
   /* Edge 12+ CSS */ 
	.smDropdown.dropdown.open { 
		  transition-duration: 2s!important;
	}

	.dropdown-toggle:hover {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
	}
}
@supports (-ms-ime-align:auto) {
    /* Edge 16+ CSS */ 
	.smDropdown.dropdown.open { 
		  transition-duration: 2s!important;
	}

	.dropdown-toggle:hover {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
	}
}

/* Non Microsoft browsers */
.smDropdown.dropdown.open {
	transition-duration: 2s!important;
}

.dropdown-toggle:hover {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

/*
Adjust position of dropdown so it is close to the link used to open it.
This is needed because on Edge when the mouse is moved off the link the dropdown disappears.
Making the gap between the link and the dropdown very small resolves this
*/
	/* for category */
#mainCenter > div > div > div > div > ul > li > ul {
	margin-top:-2px;
}
	/* for product */
#mainCenter > div:nth-child(1) > div > ul > li > ul {
	margin-top:-2px;
}

/* Responsive Breadcrumb */

@media ( max-width:767px) {

	/* for category */
	#mainCenter > div:nth-child(3) > div > div.row > div > ul > li.active {
		display:none;
	}
	#mainCenter > div:nth-child(3) > div > div:nth-child(1) > div > ul > li.active {
		display:none;
	}
	#mainCenter > div:nth-child(3) > div > div.row > div > ul > li:nth-last-child(1) {
		display: inline-block;
		font-size:0.90em;
		cursor:pointer;
	}
	#mainCenter > div:nth-child(3) > div > div.row > div > ul > li:nth-last-child(2) {
		display: inline-block;
		font-size:1.0em;
		cursor:pointer;
	}
	.caret {
		border-left: 6.0px solid transparent;
		border-right: 6.0px solid transparent;
		border-top: 6.0px solid #000000;
	}
	/* for product */

	#mainCenter > div:nth-child(4) > div > ul > li.active {
		display:none;
	}
	#mainCenter > div:nth-child(3) > div > div > ul > li:nth-last-child(1) {
		display: inline-block;
		font-size:0.85em;
		cursor:pointer;
	}
	#mainCenter > div:nth-child(3) > div > div > ul > li:nth-last-child(2) > a {
		display: inline-block;
		font-size:0.85em;
		cursor:pointer;
		text-decoration:none;
	}

	.caret {
		border-left: 6.0px solid transparent;
		border-right: 6.0px solid transparent;
		border-top: 6.0px solid #000000;
	}

}

#pbc_bc_b182_dCart_dvDeliveryOptions {
	display:none;
}

/* fade out price and add to cart when aspNetDisabled present */
.unavailable {
	opacity:25%;
}

/* css to fix height for careers page */
.careers {
	min-height: 680px;
}
/* CSS to layout branch details differently for desktop and mobile */
.branch-header {
	font-size:1.25em;
	font-weight:bold;
	padding-left:20%;
}
.branch-details {
	font-size:1.0em;
	padding-left:20%;
	line-height:1.50em;
}

@media ( max-width:767px ) {
	.branch-header {
		padding-left:0px;
		text-align:center;
	}
	.branch-details {
		padding-left:0px;
		text-align:center;
	}
}
/* Css for postionoing footer logo */
.footer-logo {
	padding-top:20px;
	height:80px !important;
	margin: auto;
}
@media ( max-width:767px ) {
	.footer-logo {
		margin:0px;
		text-align:left;
	}
}

/* css to fix height for Brochures page */
.brochures {
	min-height: 420px;
}

/* CSS for product thumbnail */

#pbc_bc_b180_prodDet_ctl00_ctl03 > div > div > div.col-sm-5 > div > div.row.product-thumbnails.pt-4 > div > a > img {
	padding-left:4px!important;
}
/* Hide Product Listings Text */
#mainCenter > div:nth-child(4) > div.col-sm-12 > div > div:nth-child(1) > div > div > div > div > div.col-xs-12.category-header.col-sm-12 > div:nth-child(2) {
	display:none;
}
.prodlstheader {
	display:none;
}
.page-header {
	border-bottom:0px;
}
/* Set Category title font */
div.col-xs-12.category-header.col-sm-12 > div.page-header.text-uppercase.font-weight-bold > h1 {
	font-weight:200;
	letter-spacing:2px;
}
#mainCenter > div > div:nth-child(4) > div.col-sm-12 > div > div.categoryBlock > div:nth-child(1) > div > div > div > div > div.col-xs-12.category-header.col-sm-12 > div.page-header.text-uppercase.font-weight-bold {
	margin-bottom:-20px !important;
}
/* define category title font weight for category summary view */
.cat-title {
	font-weight: 200!important;
}

/* center text align basket quantity fields */

#pbc_bc_b182_dCart_gCart_ntbQty_3_1_txtInput_1,
#pbc_bc_b182_dCart_gCart_ntbQty_3_2_txtInput_2,
#pbc_bc_b182_dCart_gCart_ntbQty_3_3_txtInput_3,
#pbc_bc_b182_dCart_gCart_ntbQty_3_4_txtInput_4,
#pbc_bc_b182_dCart_gCart_ntbQty_3_5_txtInput_5,
#pbc_bc_b182_dCart_gCart_ntbQty_3_6_txtInput_6,
#pbc_bc_b182_dCart_gCart_ntbQty_3_7_txtInput_7,
#pbc_bc_b182_dCart_gCart_ntbQty_3_8_txtInput_8,
#pbc_bc_b182_dCart_gCart_ntbQty_3_9_txtInput_9,
#pbc_bc_b182_dCart_gCart_ntbQty_3_10_txtInput_10,
#pbc_bc_b182_dCart_gCart_ntbQty_3_11_txtInput_11,
#pbc_bc_b182_dCart_gCart_ntbQty_3_12_txtInput_12,
#pbc_bc_b182_dCart_gCart_ntbQty_3_13_txtInput_13,
#pbc_bc_b182_dCart_gCart_ntbQty_3_14_txtInput_14,
#pbc_bc_b182_dCart_gCart_ntbQty_3_15_txtInput_15,
#pbc_bc_b182_dCart_gCart_ntbQty_3_16_txtInput_16,
#pbc_bc_b182_dCart_gCart_ntbQty_3_17_txtInput_17,
#pbc_bc_b182_dCart_gCart_ntbQty_3_18_txtInput_18,
#pbc_bc_b182_dCart_gCart_ntbQty_3_19_txtInput_19,
#pbc_bc_b182_dCart_gCart_ntbQty_3_20_txtInput_20,
#pbc_bc_b182_dCart_gCart_ntbQty_3_21_txtInput_21,
#pbc_bc_b182_dCart_gCart_ntbQty_3_22_txtInput_22,
#pbc_bc_b182_dCart_gCart_ntbQty_3_23_txtInput_23,
#pbc_bc_b182_dCart_gCart_ntbQty_3_24_txtInput_24,
#pbc_bc_b182_dCart_gCart_ntbQty_3_25_txtInput_25
{
	text-align:center;
}

/*Privacy Policy and Delivery Info Headings*/
.policy-heading {
	margin:0cm;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}
/*Privacy Policy and Delivery Info Text*/
.policy-body {
	margin:0cm;
	font-size:14px;
}