/* Add your custom CSS selectors here */

/* Start of additional Bootstrap layout CSS */

.col-24,
.col-sm-24,
.col-md-24,
.col-lg-24,
.col-xl-24 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-sm-24 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* End of additional Bootstrap layout CSS */

.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%;
}


/* 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;
    }
}

/*  CSS for WHATS NEW on home page */
/***********************************/
/* Desktop */
.feature-categories {
	border: 3px solid #0072ce;
	height: 317px;
	padding: 0px;
}

.feature-categories ul li {
	text-indent: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	height: 14.3%;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #0072ce;
	line-height: 2.5em;
	background-color: #ffffff;
}

.feature-categories ul li.title {
	display: block;
	padding: 7px;
	background-color: #0072ce;
	color: white;
	font-size: 1.1em;
	line-height: 1.8em;
}

.feature-categories ul li .sub.active {
	width: 903px;
	padding: 20px;
	border-top: 3px solid #0072ce;
	border-right: 3px solid #0072ce;
	border-bottom: 3px solid #0072ce;
}

.feature-categories ul li:hover a,
.feature-categories ul li:active a {
	color: #da291c !important;
}

.feature-categories ul li:hover .sub ul li a,
.feature-categories ul li:active .sub ul li a {
	color: #666666 !important;
}

ul {
	display: block;
	list-style-type: none;
}

/***********************************/
/* Mobile Devices */

/* iPad Pro  *//* Extra small devices (phones, 600px and down) */
@media only screen
and (max-width: 600px)
and (orientation: landscape) {
	.feature-categories {
		height:200px;
	}
}

/* iPhone X  */
/* Note seperate Landscape and Portrait views are needed as the slider to right varies in height */

@media only screen
and (min-width: 375px)
and (max-width: 809px)
and (orientation: portrait) {
	.feature-categories {
		margin-bottom: 20px;
	}
}
@media only screen
and (min-width: 360px)
and (max-width: 640px)
and (orientation: portrait) {
	.feature-categories {
		margin-bottom: 20px;
	}
}

@media only screen
and (min-width: 320px)
and (max-width: 568px)
and (orientation: portrait) {
	.feature-categories {
		margin-bottom: 20px;
	}
}

@media only screen
and (min-width: 375px)
and (max-width: 809px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
	.feature-categories ul li.title {
		font-size: 0.7em;
	}
	.feature-categories ul li {
		font-size: 0.40em;
		padding-top: 5px;
		padding-bottom: 4px;
	}
}

/* iPad  */
/* Note seperate Landscape and Portrait views are needed as the slider to right varies in height */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1)
and (orientation: portrait) {
	.feature-categories {
		border: 2px solid #0072ce;
		height:200px
	}
	.feature-categories ul li.title {
		font-size: 0.7em;
	}
	.feature-categories ul li {
		font-size: 0.50em;
		padding-top: 5px;
		padding-bottom: 4px;
	}
}

@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1)
and (orientation: landscape) {
	.feature-categories {
		border: 2px solid #0072ce;
		height:261px;
	}
	.feature-categories ul li.title {
		font-size: 0.9em;
	}
	.feature-categories ul li {
		font-size: 0.65em;
		padding-top: 8px;
		padding-bottom: 5.5px;
	}
}

/* iPad Pro */
/* Note the Landscape view is OK so mobile specific CSS is only needed or Portrait */
@media only screen
and (min-width: 1024px)
and (max-width: 1366px)
and (orientation: portrait) {
	.feature-categories {
		border: 2px solid #0072ce;
		height:261px;
	}
	.feature-categories ul li.title {
		font-size: 0.9em;
	}
	.feature-categories ul li {
		font-size: 0.65em;
		padding-top: 8px;
		padding-bottom: 5.5px;
	}
}

/* End of CSS for WHATS NEW */
/***********************************/



/* 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;
    }
}



/* 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";
}

/* Catalogue Browsing */


.CategorySummaryBox.col-xs-6.col-sm-4.col-md-2 {
	width:20%;
}


#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2) {
	min-height:60px;
}
#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2) > h3 {
	font-size:0.85em;
}

/* 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: underline;
}

/* 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: underline;
}


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

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

/* iPad in portrait & landscape */

@media only screen 
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	.CategorySummaryBox.col-xs-6.col-sm-4.col-md-2 {
		width:25%;
	}
	#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2)	{
		width:91% !important;
	}
}

/* iPhone X in landscape */

@media only screen 
and (min-device-width : 375px)
and (max-device-width : 812px) 
and (orientation : landscape) {
	.CategorySummaryBox.col-xs-6.col-sm-4.col-md-2 {
		width:25%;
	}
	#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2)	{
		width:89% !important;
	}
}


/* iPad in portrait */

@media only screen 
and (min-device-width : 768px)
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.CategorySummaryBox.col-xs-6.col-sm-4.col-md-2 {
		width:25%;
	}
	#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2) {
		width:89% !important;
	}
}

@media (max-device-width : 767px) {
	.CategorySummaryBox.col-xs-6.col-sm-4.col-md-2 {
		width:50%;
	}
	#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2) {
		width:89% !important;
		padding-top:5px;
	}
}


a.text-secondary:hover {
    color: #da291c!important;
	
	text-decoration:none;
	width:90%;
}

#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2) {
	width:90.5%;
	color:#313140;
	font-size:12px;
	margin-left:11px;
	padding-top:8px;
	padding-right:14px;
	margin-bottom:-4px;
	background-color:#efefef;
	min-height:51px;
	text-transform:uppercase;
}


#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2):hover,
#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2):active	{
	background-color:#84898B;
	color:#ffffff;
}
#pbc_bc_b181_divSubCategories > div:nth-child > div > div > div > div:hover	{
	border-color:#84898B;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* IE10+ CSS */
	#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2) {
		width:90%;
	}
}
@supports (-ms-accelerator:true) {
   /* Edge 12+ CSS */ 
	#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2) {
		width:90%;
	}
}
@supports (-ms-ime-align:auto) {
    /* Edge 16+ CSS */ 
	#pbc_bc_b181_divSubCategories > div > div > div > div > div > a > div > div:nth-child(2) {
		width:90%;
	}
}


@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;
}
/* comment out as causing issue with mobile view
	.btn-update, .btn-delete, .btn-del-all, .btn-quick{
		text-transform:uppercase;
}
*/
@media (max-width:767px){
	
		.cart-collect{

	}
	/* left align price column in mobile view */
	#pbc_bc_b182_dCart_gCart > tbody > tr > td:nth-child(3) {
		text-align: left!important;
	}
	.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{
		margin-bottom:20px;
		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:0px;
	}
	
	.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%;
		margin-top:10px;
	}
	.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-child,
	.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-bottom-color: %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;
}
/** Wholesale Title **/
.wholesale-title {
  margin-top: 49px;
  font-size: 1.6em; 
  text-align: left; 
  font-weight:bold; 
  color: #777777 
}

.wholesale-title small {
  display: block;
  margin-top: 2px;  
  font-size: 0.7em; 
  font-weight: normal 
}

@media (max-width: 1199px) {
  .wholesale-title {
    font-size: 1.2em;
  }
}

@media (max-width: 960px) {
  .wholesale-title {
    display: none;
  }
}

/** Page Header **/
.bg-primary {
    background-color: white!important;
	margin-top: 0px!important;
	padding-top: 0px!important;
}
.bg-dark.text-white.top-menu {
	background-color: #f2f2f2!important;
	border-bottom: 1px solid #313140;
	color:#313140;
}


/** top banner links **/
li.visitor-login a {
	color: #da291c;
	font-weight: bold;
}
li.visitor-login a:hover {
	color: #da291c;
	font-weight: bold;
}
li.visitor-login a:active {
	color: #da291c;
	font-weight: bold;
}
li.visitor-login a:visited {
	color: #da291c;
	font-weight: bold;
}

/** Set the appearance and position of the text login and logout **/
#ctl00_mainHeader_MasterTop_b417_updLoginMenu > div:nth-child(1) > div:nth-child(8) > div > div > div > ul > li > a > span.font-weight-bold.mr-2,
#ctl00_mainHeader_MasterTop_b417_LoginView1_ctl11 > div > div > div.col-xs-6.pr-1 > ul > li > a > span.font-weight-bold {
	margin-left:-15px;
}

@media (max-width: 767px) {
	#ctl00_mainHeader_MasterTop_b417_updLoginMenu > div:nth-child(1) > div:nth-child(8) > div > div > div > ul > li > a > span.font-weight-bold.mr-2,
	#ctl00_mainHeader_MasterTop_b417_LoginView1_ctl11 > div > div > div.col-xs-6.pr-1 > ul > li > a > span.font-weight-bold {
		margin-left:-10px;
	}

}
li.visitor-login a span.hidden-xs.text-uppercase.font-weight-bold.mr-2 {
	margin-left:-15px;
	text-transform: capitalize!important;
}
li.visitor-login a span.hidden-xs.text-uppercase.font-weight-bold {
	text-transform: capitalize!important;
}
#ctl00_mainHeader_MasterTop_b417_LoginView1_ctl11 > div > div > div.col-xs-6.pl-1.text-right.FlexLoginMenuList > ul > li:nth-child(1) > a > span {
	color:#0072ce;
	text-transform: capitalize;
}
#ctl00_mainHeader_MasterTop_b417_LoginView1_ctl11 > div > div > div.col-xs-6.pl-1.text-right.FlexLoginMenuList > ul > li:nth-child(1) > a:hover {
	color:#da291c;
	
}

/** My Account **/
#pbc_bc_b172_Address {
	display:none;
}
/** Hide the Make Payment Button **/
.MakePaymentSectionCss {
	display:none;
}

/* Topper */
.bg-dark.text-white.top-menu {
	background-color: #f2f2f2 !important;
	border-bottom: 1px solid #cccccc;
	color: #313140;
	padding: 10px 0 10px;
}

/** Logo **/
.img-responsive.hidden-xs.pt-4.pb-4.lazy {
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}

/** Catalogue Browsing **/
.yamm.navbar.navbar-default {
	background-color: #84898B;
}
.navbar-default .navbar-nav>li>a {
    color: white;
	text-transform: uppercase;
}

.top-level-medium {
	width: 118px;
	text-align: center;
	color: white;
}

.top-level-wide {
	width: 200px;
	text-align: center;
}

.catPanelHeader {
	font-size:12px;
}

.dropdown-menu {
	font-size:12px;
}

/* Basket */
#pbc_bc_b182_dCart_gCart_qty_cell_ntbQty_2_0 {
	width:100px;
}

#pbc_bc_b182_dCart_gCart > tbody > tr > td:nth-child(2)	 {
	width:100px;
}

/* My Account */


/* Hide address tab */

#myTab > li:nth-child(1) {
	display:none;
}

#pbc_bc_b172_ctl64_sTrans_divPaymentButon {
	display:none;
}

#pbc_bc_b183_onePage_updDeliveryAddress > div:nth-child(2) {
	display:none;
}

#pbc_bc_b183_onePage_updDeliveryAddress > hr {
	display:none;
}

#mainCenter > div:nth-child(2) > div.col-sm-12 > div.row > div:nth-child(4) {
	display:none;
}

#pbc_bc_b183_onePage_updPaymentOptions > div.panel-heading {
	display:none;
}


#pbc_bc_b183_onePage_updOrderDetail > div > div:nth-child(3) {
	display:none;
}

#pbc_bc_b180_prodDet_ctl00_ctl03 > div > div > div.col-sm-6 > div:nth-child(4) > div > li {
    content: ".";
    display: table-cell;
    text-align: right;
    padding-right: .3em;
}

#pbc_bc_b181_cplProducts_gProds > tbody > tr > td:nth-child(4) {
	text-align: right;
}

#pbc_bc_b181_cplProducts_gProds > tbody > tr > td:nth-child(4) {
	text-align:right;
}

/* right align basket note removed !important to allow CSS for mobile to left align */

#pbc_bc_b182_dCart_gCart > thead > tr > th:nth-child(3),
#pbc_bc_b182_dCart_gCart > tbody > tr > td:nth-child(3) {
	text-align:right;
}

/* search box CSS to be added */


/* 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:nth-child(1) > div > div.row > 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(1) > div > div.row > div > ul > li {
		display: none;
	}
	#mainCenter > div:nth-child(1) > div > div.row > div > ul > li:nth-last-child(2) {
		display: inline-block;
		font-size:1.15em;
		cursor:pointer;
	}
	.caret {
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid #000000;
	}
	/* for product */
	#mainCenter > div:nth-child(1) > div > ul > li {
		display: none;
	}
	#mainCenter > div:nth-child(1) > div > ul > li:nth-last-child(2) {
		display: inline-block;
		font-size:1.0em;
		cursor:pointer;
	}
	#mainCenter > div:nth-child(1) > div > ul > li:nth-last-child(2) > a {
		text-decoration:underline;
	}
	.caret {
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid #000000;
	}

}