html {
    margin: 0;
    padding: 0;
}

body {
	color: #094453;
	background-color:#E6E6E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body.noScroll {
    overflow: hidden;
}

.inlineBlock {
    display: inline-block;
}

/* Page layout */
div#content {
	background-color:#E6E6E6;
	width: 100%;
	padding: 0;
	margin: 0;
}

.content-section {
	position: relative;
	min-height: 1px;
	padding: 0;
	margin: 0;
	width: 100%;
}

/* Adjust Bootstrap column gutters */
#content [class*='row'].min-gutter,
#content [class*='row'].wb-bcontainer,
#content [class*='row'].wb-pbcontainer {
    margin-right: -4px;
    margin-left: -4px;
}

#content .min-gutter > div[class*='col-'],
#content .wb-bcontainer > div[class*='col-'],
#content .wb-pbcontainer > div[class*='col-'] {
    padding-right: 4px;
    padding-left: 4px;
}

.no-gutter.row,
.noouter-gutter.row  {
    margin-right: 0;
    margin-left:0;
}

.no-gutter.row > [class*='col-'] {
    padding-right: 0;
    padding-left:0;
}

.noouter-gutter.row > [class*='col-']:first-child {
    padding-left: 0px;
}

.noouter-gutter.row > [class*='col-']:last-child {
    padding-right: 0px;
}

div#mainHeader {
	background-color: #1A8741;
	color: #FFFFFF;
}

div#mainHeader .mainmenu-wrap {
	background-color: #3E3E3E;
	width: 100%;
}

div#mainContent {
	background-color:#E6E6E6;
    color: #094453;
}

div#mainCenter {
	background-color: #FFFFFF;
	padding-top: 4px;
}

div#mainLeft {
}

div#mainRight {
}

div#mainFooter {
	background-color: #DDDDDD;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 20px;
    text-align: center;
}

/* Contains the Primary Login Menu block */
div#mainHeader .row {
    position: relative;
}

/* Style the MasterTop mark-up */
.searchBar {
}

/* responsive images */
/* Bootstrap: img-responsive */
div > img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Admin & Page Editor buttons */
div#header {
  position: relative;
  background-color: #1A8741;
  color: #FFFFFF;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  div#header {
    width: 750px;
  }
}
@media (min-width: 992px) {
  div#header {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  div#header {
    width: 1170px;
  }
}

/* basic selectors */
a:not(.wb-iconbtn) {
    color:#5A5A5A;
    text-decoration: none;
}

a:visited {
    text-decoration: underline;
}

a:active, a:hover {
    color: #999900;
    text-decoration: underline;
    cursor: pointer;
}

/* bootstrap tab link */
ul.nav.FlexTabbedContent > li > a:link, a:visited {
    color:#5A5A5A;
    text-decoration: none
}

ul.nav.FlexTabbedContent > li > a:active, a:hover {
    color: #999900;
    text-decoration: none;
    cursor: pointer;
}

ul.nav.FlexTabbedContent > li > a:link, a:visited {
    color:#5A5A5A;
    text-decoration: none
}

ul.nav.FlexTabbedContent > li > a:active, a:hover {
    color: #999900;
    text-decoration: none;
    cursor: pointer;
}

a[disabled]
{
	color: #BEBEBE;
	text-decoration:none;
	cursor:default;
}

th, td {
    vertical-align: top;
    padding: 2px;
}

h1 {
	font: bold 130% Verdana, Arial, Helvetica, sans-serif;
	color:#454545;
	margin-top:10px;
	margin-bottom:10px;
}

h2 {
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	color:#454545;
	margin-top:10px;
	margin-bottom:10px;
}

h3 {
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	color:#454545;
	margin-top:10px;
	margin-bottom:10px;
}

h4 {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color:#454545;
	margin-top:10px;
	margin-bottom:10px;
}

img {
    border: 0px;
}

hr {
    color: #B3B4B6;
    height: 1px;
}

hr.light {
    color: #B3B4B6;
    height: 1px;
    border-style:dashed;
}

form {
    margin: 0px;
    padding: 0px;
}

input, textarea, select {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

fieldset {
    border:1px solid #C0C0C0;
    padding:10px 10px 10px;
    margin-top: 4px;
}

label {
    display: inline-block;
    font-weight: 700;
    max-width: 100%;
    margin-bottom: 0;
    vertical-align: middle;
}

legend {
    font-weight:bold;
    font-size: 12px;
    margin-bottom: 0px;
    border-bottom: none;
    padding:0 4px 0 4px;
    width: auto;
}

fieldset div {
    padding-top:5px;
}

/* Page Editor Button Group */
@media screen and (min-width: 768px) {
    #header .btnGroup {
	    margin: 5px 25px 5px 0;
    }
}

@media screen and (max-width: 767px) {
    #header .btnGroup {
	    margin-top: 10px;
    }
}

/* login block */
.loginForm a:not(.wb-iconbtn){
    color: #5A5A5A ;
    text-decoration: underline;
}
.loginForm a:not(.wb-iconbtn):hover {
    color: #999900;
    text-decoration: none;
}
@media (min-width: 768px) {
  .loginForm .registerLink > .form-group, .loginForm .recoveryLink > .form-group  {
    margin-bottom: 5px;
  }
}
.loginView {
  padding-top: 50px;
}
.loginForm .panel-body {
  min-height: 150px;
}

/* Contains the logo, login menu and search block */
.abovemenu {
  margin: 15px 25px;
  color: #FFFFFF;
}

.abovemenu a:link {
    color: #FFFFFF;
}

.abovemenu a:hover {
    color: #FFE500;
}

/* Login Menu block */
.FlexLoginMenuList {
    font-weight: bold;
	text-align: right;
}
@media screen and (max-width: 767px){
  .FlexLoginMenuList {
    white-space:normal;
  }
}
.list-inline .branch-label {
    margin-right: 5px;
}
@media screen and (max-width: 767px) {
    .list-inline .branch-label {
        display: none;
    }
}

.FlexLoginMenuList ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}

.FlexLoginMenuList li {
    margin: 0px;
    display: inline;
}

.FlexLoginMenuList li a:link
{
    text-decoration: none;
    padding: 0px 5px 0px 5px;
}

.FlexLoginMenuList li a:visited,
.FlexLoginMenuList li a:active, div.FlexLoginMenuList li a:hover {

	text-decoration: underline;
}

@media screen and (max-width: 767px){
    .FlexLoginMenuList li span.fa {
		  font-size: 20px;
	  }
}

/* Main Logo */
.toplogo {
  padding: 0;
}

/* Standard menu bar */
.mainmenu .navbar {
  margin-bottom: 0;
}
@media screen and (min-width: 768px){
  .mainmenu .navbar .navbar-nav {
	display: inline-block;
    margin-bottom: 0;
  }
  .mainmenu .navbar-default {
    background-color: #3E3E3E;
    border-color: #3E3E3E;
    min-height: 32px;
    border-radius: 0;
  }
  .mainmenu .navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
  }
}
@media screen and (max-width: 767px){
  .mainmenu > .navbar-default {
    background-color: #3E3E3E;
    border-color: #3E3E3E;
  }
  .mainmenu > .navbar-default .navbar-toggle:focus, .mainmenu > .navbar-default .navbar-toggle:hover {
    background-color: #5A5A5A;
  }
  .mainmenu > .navbar-default .navbar-toggle .icon-bar {
    background-color: #454545;
  }
  .mainmenu > .navbar-default .navbar-toggle:focus .icon-bar, .mainmenu > .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #FFE500;
  }
}

/* Standard menu bar items */
@media screen and (min-width: 768px){
 .mainmenu .navbar ul.nav > li > a:first-child {
	background-color: #3E3E3E;
	background: linear-gradient(#3E3E3E, #3E3E3E);
	border-right: 1px solid;
	border-width: 1px;
	min-width: 114px;
	height: 31px;
	text-align: center;
  }
 .mainmenu .navbar ul.nav > li > a {
    background-color: #F2F2F2;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	line-height: 30%;
  }
}
.mainmenu .navbar ul.nav > li > a:hover,
.mainmenu .navbar ul.nav > li.selected > a {
  background-color: #5A5A5A;
  background: linear-gradient(#5A5A5A, #DFDFDF);
}
.mainmenu .navbar ul.nav > li > a:hover,
.mainmenu .navbar ul.nav > li.selected > a {
  color: #FFE500;
}
.mainmenu .navbar-default .navbar-nav > .open > a, .mainmenu .navbar-default .navbar-nav > .open > a:focus, .mainmenu .navbar-default .navbar-nav > .open > a:hover, .mainmenu .navbar-default .navbar-nav > li.open  {
    color: #FFE500;
    background-color: #5A5A5A;
    background: linear-gradient(#5A5A5A, #DFDFDF);
  }
@media screen and (min-width: 768px){
.mainmenu .navbar-default .navbar-nav > .open > a, .mainmenu .navbar-default .navbar-nav > .open > a:focus, .mainmenu .navbar-default .navbar-nav > .open > a:hover, .mainmenu .navbar-default .navbar-nav > li.open {
    border-radius: 15px 15px 0px 0px;
  }
}
@media screen and (max-width: 767px){
  .mainmenu .navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    font-weight: bold;
  }
  .mainmenu .navbar-default .navbar-nav > li:hover > a {
    color: #FFE500;
  }
}

/* Standard menu dropdown icon */
@media screen and (max-width: 767px){
  .mainmenu .dropdown-menu {
    margin-left: 0px !important;
  }
  .wb-nav > li > a {
    display: table-cell;
	white-space: normal;
  }
  .wb-nav > li > a:first-child {
    width: 767px;
  }
}

/* Standard menu dropdown menu columns */
@media screen and (min-width: 768px){
    .drop-cols-2{
        -moz-column-count:2;	/* Firefox */
        -webkit-column-count:2; /* Safari and Chrome */
        column-count:2;
    }
    .drop-cols-3{
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
    }
    .drop-cols-4{
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
    }
    .drop-cols-5{
        -moz-column-count:5;
        -webkit-column-count:5;
        column-count:5;
    }
}

/* Standard menu's dropdown menu */
.mainmenu .navbar-nav > li > .dropdown-menu, .mainmenu .navbar-nav .open .dropdown-menu {
  left: -2px; /*adjust for borders*/
  background-color: #DFDFDF;
  color: #454545;
}
.mainmenu .navbar-nav > li > .dropdown-menu a, .mainmenu .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #454545;
  text-decoration: none;
}
.mainmenu .navbar-nav > li > .dropdown-menu a:hover, .mainmenu .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: #5A5A5A;
  color: #FFE500;
}
@media screen and (min-width: 768px){
  .mainmenu .dropdown:hover .dropdown-menu {
    display : block;
  }
}

/* Standard menu submenu*/
@media screen and (max-width: 767px){
  .submenu {
    display:none;
  }
}

@media screen and (max-width: 767px){
    .columns{
        height: 200px;
        overflow-y:scroll;
    }
}

.dropmenuIcon {
  padding-right: 10px;
}
@media screen and (min-width: 768px){
  .dropmenuIcon {
    display: none;
  }
}

div.submenu {
    clear: left;
	background: transparent url('dyimage.axd?type=bar&width=1&height=29&color=%23FF6600&backcolor=%23FF9900') repeat scroll 0 0;
	color: #FFFFFF;
	height: 29px;
	font-weight: bold;
}

div.submenu div.subMenuItem {
    display:inline;
}

div.submenu div.subMenuItem a:link, div.submenu div.subMenuItem a:visited {
	float: left;
	color: #FFFFFF;
    margin: 5px 6px 2px 6px;
    padding: 0 0 0 7px;
	text-decoration: none;
}

div.submenu div.subMenuSeparator {
	float: left;
	margin: 6px 0px 6px 6px;
    border-left: 1px solid #FFFFFF;
}

div.submenu div.subMenuItem a span {
    display:block;
    padding: 2px 7px 2px 0;
}

div.submenu div.subMenuItem a.selected, div.submenu div.subMenuItem a:hover {
	background-color: #FFFFFF;
}

div.submenu div.subMenuItem a.selected span, div.submenu div.subMenuItem a:hover span {
	background-color: #FFFFFF;
	color: #000000;
}

@media (min-width: 768px) {
  .defaultMenu .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .defaultMenu .navbar-nav {
    width: 100%;
  }
  .defaultMenu .navbar-nav > li {
    float: none;
   }
  .defaultMenu .navbar ul:not {
    display: block;
  }
  .defaultMenu .navbar li {
    float: none;
    display: block;
  }
  .defaultMenu .dropdown:hover .dropdown-menu {
      display: block;
  }
}

.defaultMenu .navbar-default .navbar-nav > li > a:focus,
.defaultMenu .navbar-default .navbar-nav > li > a:hover, .defaultMenu .navbar-default .navbar-nav > li:hover > a {
    color:#FFE500;
    background-color: #5A5A5A;
    background : linear-gradient(#5A5A5A, #DFDFDF);
    text-decoration: underline;
}

/* Search block*/
.searchbox
{
    margin-top: 0;
    margin-bottom:0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.searchbox.navbar-form
{
    border: none;
	padding-left: 0;
	padding-right: 0;
}

@media screen and (max-width: 767px) {
    .searchbox.navbar-form
	{
		margin: 0;
	}
}

.searchbox .btnSearch.btn-default {
  color: #094453
}

.searchbox label {
  color: #FFE500
}

.searchbox .btnSearch.btn-default i
{
    color: #5A5A5A
}

div.sectionbar {
    padding:  3px 20px 3px 20px;
	background: #DDDDDD;
	font-size: 110%;
}

div.sectionheader {
    font-weight:bold;
	background: #DDDDDD;
	font-size: 110%;
	margin-top:10px;
	padding: 4px 2px 4px 2px;
	color: #094453;
}

div.blockContent > div.TopSellersPanel {
    border:none;
}

div.TopSellersPanel {
    border:1px solid #5A5A5A;
}

div.TopSellersNoData {
}

div.TopSellerBg a {
}

div.TopSellerBg {
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #5A5A5A;
}

div.TopSellerImg, div.TopSellerName {
    float:left
}

div.TopSellerImg {
    width:45px;
    padding:5px;
}

div.TopSellerName {
    width:65%;
    padding:5px 0;
    text-align:left;
}

div.notice {
    font-weight:bold;
}

td.FormSectionTextNoWidth {
    text-align:right;
    padding-right:2px;
}

td.FormSectionText {
    width:150px;
    text-align:right;
    padding-right:2px;
}

td.EndpointFormSectionText {
    width:200px;
    text-align:right;
    padding-right:2px;
}

td.FormSectionValue {
    text-align:left;
    padding-left:2px;
}

td.AddressFormSectionText {
    width:150px;
    text-align:right;
    padding-right:2px;
}

td.AddressFormSectionValue
{
    width:0px;
    text-align:left;
    padding-left:2px;
}

.ourprice {
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
}

.retailprice {
	font-weight: bold;
	font-size: 10pt;
	font-family: verdana;
	text-decoration: line-through;
}

.newproduct {
    font-weight:bold;
    color:Red;
}

.error {
    color:#a94442 !important;
}

.success {
    color:#3c763d;
}
.negative {
    color:Red;
}

.highlightHeader {
    color: #5A5A5A;
}

.clear {
    clear:both;
}

.productsection {
	border-top:1px solid #B3B4B6;
}

.HookLine {
    font-size: larger;
    font-style: italic;
}

.loadingbox{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue;
    height:50px;
    width:250px;
    text-align:center;
    padding-top:20px
}

.modalBackground {
	background-color:Gray;
	opacity:0.7;
}

.modalPopup {
	background-color:#FFFFFF;
    border:1px solid #C0C0C0;
    padding-bottom:10px;
}

div.title {
    color: #FFE500;
    background-color:#5A5A5A;
    border-bottom:1px solid #C0C0C0;
    font-weight:bold;
    padding: 4px 10px;
    text-align:center;
    cursor: move;
}

div.body {
    padding:10px;
}

div.buttons {
    margin-right:10px;
    margin-top:4px;
    text-align:right;
}

.Hidden {
    display:none;
}

.ProductEditOverflow {
    height:500px;
    width:850px;
    overflow:scroll;
}

.sectionoutline {
    border:1px solid #B3B4B6;
    padding:10px;
}

.sectionHeader {
    font-weight:bold;
    color: #FFE500;
    background-color:#5A5A5A;
    text-align:center;
}

.collapsiblePanelHeader {
    cursor: pointer;
    font-weight: bold;
    padding:5px;
    vertical-align: middle;
	background-color:#DDDDDD;
    margin-bottom: 2px;
}

.collapsiblePanelHeader > img {
    display: inline;
}

.collapsiblePanel {
    margin-top: 2px;
}

/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
}

.popupHover {
    border:1px dashed #B3B4B6;
    background-color:#DFDFDF;
}

div.block {
  color: #FFE500;
  margin-bottom:15px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

div.blockHeader {
    text-align:center;
	font-weight: bold;
}

div.blockHeader a {
	text-decoration: none;
}

.block > div.blockHeader {
  background-color: #5A5A5A;
  color: #FFE500;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

div.blockContent {
    color: #094453;
    border-color:#5A5A5A;
    border-width:1px;
    border-style:solid;
    padding:0px;
}

.defaultMenu {
    padding-bottom: 2px;
}

.defaultMenu div a {
    text-decoration: none;
}

.defaultMenu div a span {
    display:inline-block;
    padding:7px 10px 7px 10px;
    font-weight: 900;
    text-decoration: none;
}

.defaultMenu div a:hover span, .defaultMenu div a.selected span {
    color:#FFE500;
    background-color:#5A5A5A;
}

.defaultMenu div a span.last {
    border-bottom:0px;
}

.defaultMenu div.popupHoverSubmenu a span {
    padding: 0;
	text-decoration: none;
}

/* Category list */
div.catListBlock {
  margin-top:10px;
  margin-bottom:10px;
}
div.catListHeading {
  font: bold 120% Verdana,Arial,Helvetica,sans-serif;
}
@media (min-width : 768px) {
  div.catListHeading {
    padding-bottom: 10px;
  }
}
@media (max-width : 767px) {
  div.catListHeading {
    display: none;
  }
}
div.browsebox {
    font-size:12px;
    color: #454545;
    border:none;
    border-bottom:1px solid #B3B4B6;
}
div.previousbrowsebox {
    font-size:12px;
    color: #454545;
    border:none;
    border-bottom:1px solid #B3B4B6;
}
div.selectedbrowsebox {
    font-size:12px;
    color: #454545;
    border:none;
}
div.siblingbrowsebox {
    font-size:12px;
    color: #454545;
    border:none;
    border-bottom:1px solid #B3B4B6;
}
div.narrowbrowsebox {
    font-size:12px;
    color: #454545;
    border:none;
}
div.browseboxHeader {
    color: #5A5A5A;
    font-weight:bold;
    padding-left: 15px;
}

a.bar {
    text-decoration: none;
}

a.bar:hover {
    text-decoration: underline;
}

a.bar span {
    display:block;
    font-weight:bold;
    padding: 2px 2px 4px 4px;
}

a.bar:hover span {
    text-decoration: underline;
    color:#FFE500;
    background-color:#5A5A5A;
    margin-left:5px;
}

a.bar span.ProductCount {
    font-size:10px;
    color:#454545;
    display:inline;
    font-weight:normal;
    padding-top:0px;
}

a.previousbar {
    text-decoration: none;
}

a.previousbar:hover {
    text-decoration: underline;
}

a.previousbar span {
    display:block;
    font-weight:bold;
    padding: 2px 2px 4px 4px;
}

a.previousbar:hover span {
    text-decoration: underline;
    color:#FFE500;
    background-color:#5A5A5A;
}

a.previousbar span.ProductCount {
    font-size:10px;
    color:#454545;
    display:inline;
    font-weight:normal;
    padding-top:0px;
}

a.selectedbar {
    text-decoration: none;
}

a.selectedbar:hover {
    text-decoration: underline;
}

a.selectedbar span {
    display:block;
    font-weight:bold;
    padding: 2px 2px 4px 4px;
}

a.selectedbar:hover span {
    text-decoration: underline;
    color:#FFE500;
    background-color:#5A5A5A;
    margin-left:5px;
}

a.selectedbar span.ProductCount {
    font-size:10px;
    color:#454545;
    display:inline;
    font-weight:normal;
    padding-top:0px;
}

a.siblingbar {
    text-decoration: none;
    font-style: italic;
}

a.siblingbar:hover {
    text-decoration: underline;
    font-style: italic;
}

a.siblingbar span {
    display:block;
    font-weight:bold;
    padding: 2px 2px 4px 4px;
    font-style: italic;
}

a.siblingbar:hover span {
    text-decoration: underline;
    color:#FFE500;
    background-color:#5A5A5A;
    font-style: italic;
}

a.siblingbar span.ProductCount {
    font-size:10px;
    color:#454545;
    display:inline;
    font-weight:normal;
    padding-top:0px;
    font-style: italic;
}

a.selectedBar span {
    text-decoration: underline;
    color:#FFE500;
    background-color:#5A5A5A;
}

/*a.lastBar span {
    border-bottom:0px;
}

div.subcategory {
    margin-left:10px;
}

div.subcategory a.bar span {
    display:block;
    font-weight:normal;
    padding: 4px 2px 4px 4px;
    border-bottom:0px;
}

div.subcategory a.bar span.ProductCount {
    font-size:10px;
    color:#454545;
    display:inline;
    font-weight:normal;
    padding-top:0px;
}

div.subcategory a.selectedbar span {
    display:block;
    font-weight:normal;
    padding: 4px 2px 4px 4px;
    border-bottom:0px;
}

div.subcategory a.selectedbar span.ProductCount {
    font-size:10px;
    color:#454545;
    display:inline;
    font-weight:normal;
    padding-top:0px;
}*/

.catListBlock > div > a {
  text-decoration: none;
}
.catListPanel {
    width: 100%;
}

@media screen and (min-width: 768px) {
	.catListPanel{
		display:inline-block!important; }

/*	#catManuPanel{
		display:inline-block; }

	#catPricePanel{
		display:inline-block; }*/

    .facetNavPanel {
        display: inline-block !important;
        width: 100%;
    }
}

#colCat[aria-expanded=true] .collapsedIcon {
   display: none;
}
#colCat[aria-expanded=false] .expandedIcon {
   display: none;
}
a[aria-expanded=true] .collapsedIcon {
   display: none;
}
a[aria-expanded=false] .expandedIcon {
   display: none;
}
.subcatIcon {
	float: right;
	padding-right: 2px;
	padding-left: 15px;
}
.subcatRow a.bar span, .narrowRow a.bar span {
  font-weight: normal;
}
.subcatRow a.selectedbar span, .narrowRow a.selectedbar span {
  font-weight: normal;
}
ul.byBrand, ul.byPriceRange {
  width: 100%;
}
.catListPanel .list-group {
  margin-bottom: 0px;
}
.catListPanel .list-group-item {
  border: none;
  padding: 5px 0px 5px 20px;
}
.catListPanel li.subcatRow, .catListPanel li.narrowRow {
  padding-left: 0px;
}
.catListPanel li.subcatRow > a > span, .catListPanel li.narrowRow > a > span {
  padding-left:15px;
}
.catListPanel li.browsebox {
  border-bottom: 1px solid #B3B4B6;
  border-radius: 0px;
  margin-bottom: 0px;
}
.narrowRow span.badge, .previousbar span.badge {
  display: inline;
  margin-left: 10px;
}
a.bar span.badge, a.selectedbar span.badge, a.previousbar span.badge, a.siblingbar span.badge {
  padding-left: 5px;
  padding-right: 5px;
  display: inline;
  background-color: #D9DD85;
  color: #FFFFFF;
}
a.bar span.badge:hover, a.selectedbar span.badge:hover, a.previousbar span.badge:hover, a.siblingbar span.badge:hover {
  background-color: #D9DD85;
  color: #FFFFFF;
}
a.bar:hover span.badge, a.selectedbar:hover span.badge, a.previousbar:hover span.badge, a.siblingbar:hover span.badge {
  background-color: #D9DD85;
  color: #FFFFFF;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
    float: left;
}

.filledRatingStar {
    background-image: url('dbfile.axd?name=FilledStar.png');

}

.emptyRatingStar {
    background-image: url('dbfile.axd?name=EmptyStar.png');
}

.savedRatingStar {
    background-image: url('dbfile.axd?name=SavedStar.png');
}

.sign {
    display:inline-block;
    width:10px;
}

.alternatingrowstyle{
    background-color:#F2F2F2;
}

.heading {
    font-weight:bold;
    border:1px solid #C0C0C0;
    background-color:#DFDFDF;
    padding:5px 0px 3px 3px;
    text-align:left;
    vertical-align:middle;
}

.headerstyle{
    background-color:#DFDFDF;
    height:23px;
}

.headerstyle th {
    border:1px solid #C0C0C0;
    padding-left:5px;
    vertical-align:middle;
}
.headerstyle a {
    color:#454545;
}

.headerstyle b {
    color:#454545;
}

.sortalternatingrowstyle{
    background-color:#DFDFDF
}
.sortrowstyle{
    background-color:#888888
}
.sortascheaderstyle{
    background:#5A5A5A url(../../Images/sort_asc.gif) no-repeat scroll right center;
    padding-left:5px;
}
.sortdescheaderstyle{
    background:#5A5A5A url(../../Images/sort_desc.gif) no-repeat scroll right center;
    padding-left:5px;
}

.pagerstyle{
    color:#454545;
    background-color:#DFDFDF;
    font-size:small;
    text-align:right;
}

.previous{
    background:transparent url(../../Images/previous.gif) no-repeat scroll center;
    height:20px;
    width:30px;
    margin: 0px 4px 0px 4px;
}

.next{
    background:transparent url(../../Images/next.gif) no-repeat scroll center;
    height:20px;
    width:30px;
    margin: 0px 4px 0px 4px;
}

.gotopage{
    width:20px;
}

table.gridViewTable {
    border: 1px solid #C0C0C0;
    border-collapse:collapse;
}

table.gridViewTable th {
  background-color:#DFDFDF;
  border:1px solid #C0C0C0;
  height:23px;
  vertical-align:middle;
  padding: 2px 2px 2px 2px;
}

table.gridViewTable > thead > th {
  border: none;  !important;
  border:1px solid #C0C0C0; !important;
}

table.gridViewTable > thead > td {
  padding: 2px 2px 2px 2px;
  border: none;  !important;
  border-bottom: 1px solid #ddd !important;
}

table.gridViewTable > thead > tr, table.gridViewTable > tbody > tr {
  border: none;  !important;
  border-bottom: 1px solid #ddd !important;
}

.quickCart
{
    width:960px;
}

.wizardSideBarItem {
    padding-left:16px;
    height:16px;
}

.wizardSideBarSelectedItem {
    background-image:url('dbfile.axd?name=wizardSideBarSelected.png');
    padding-left:16px;
    font-weight:bold;
    height:16px;
}

/* ajax__tab_xp-theme theme */
.ajax__tab_xp-theme .ajax__tab_header {
    color: #000000;
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(../../Images/tab_themes/xp/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer {
    padding-right:4px;
    background:url(../../Images/tab_themes/xp/tab-right.gif) no-repeat right;
    height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {
    padding-left:3px;
    background:url(../../Images/tab_themes/xp/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
    height:18px;
    padding:4px;
    margin:0;
    background:url(../../Images/tab_themes/xp/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {
    background:url(../../Images/tab_themes/xp/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {
    background:url(../../Images/tab_themes/xp/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {
    background:url(../../Images/tab_themes/xp/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {
    background:url(../../Images/tab_themes/xp/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {
    background:url(../../Images/tab_themes/xp/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {
    background:url(../../Images/tab_themes/xp/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #C0C0C0;
    border-top:0;
    padding:8px;
    background-color:#FFFFFF;
}

/* ajax__tab_yuitabview-theme theme (../../Images/tab_themes/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header {
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer {
    margin:0px 0.16em -1px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab {
    background:url(../../Images/tab_themes/yui/sprite.png) #d8d8d8 repeat-x;
    border: 1px solid #a3a3a3;
    border-bottom-width:0px;
    color:#000;
    display:block;
    padding:0.35em 0.75em;
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_tab {
    background: url(../../Images/tab_themes/yui/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab {
    background:url(../../Images/tab_themes/yui/sprite.png) #2647a0 repeat-x left -1400px;
    border-color:#243356;
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#FFFFFF;
    border:1px solid #808080;
    border-top:5px solid #2647a0;
}

.BlockHeaderPanel {
    text-align:center;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	font-weight:bold;
}

.ContextMenuPanel {
	border: 1px solid #868686;
	z-index: 1000;
	background: #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

a.ContextMenuItem {
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem:hover {
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

.groupHeader {
	color:#454545;
    font-size: 1.5em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.groupTitle {
    font-size: 1.5em;
    margin-top: 0.25em;
}
.groupTitle a {
    text-decoration: none;
}
@media screen and (min-width: 768px) {
  .groupTitle .groupButtons {
    position: relative;
    top: -65px;
    margin-bottom: -20px;
  }
}
.groupSecondTitle {
    font-size: 1.35em;
    margin-bottom: 0.2em;
}

.groupSecond {
    margin-bottom: 1em;
    margin-bottom: 1em
}

.groupSecondTitle a {
    text-decoration: none;
}

.groupList {
    margin-left: 1.25em;
    margin-top: 0;
    margin-bottom: 0;
}
.groupList > li {
  padding-bottom: 15px;
}

.forumGroup {
    margin-bottom: 2em;
}

.forumGroup a {
    text-decoration: none;
    font-weight:bold;
}

.forumGroup a:hover {
    text-decoration: underline;
}

.forumGroupTitle {
    font-size: 1.35em;
    overflow: hidden;
    background-color:#888888;
    border-radius: 3px 3px 0px 0px;
}

.forumGroupTitle > .forumButtons > .wb-iconbtn {
    margin: 1px;
}

.forumGroupTitle > .forumGroupTitleText {
    margin-top: 4px;
}

table.forumTable {
    width: 100%;
    border: 1px solid #5A5A5A;
    border-collapse:collapse;
}

table.forumTable th {
    background-color:#888888;
    color: #FFE500;
    border:1px solid #5A5A5A;
    height:23px;
    text-align:center;
    vertical-align:middle;
}

table.forumTable td {
    border:1px solid #5A5A5A;
    padding: 10px;
}

table.forumTable tr.alt {
    background-color:#888888;
}

.forumTitle {
    width: 100%;
    font-size: 1.35em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.newThread {
    width:100%;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.forumThreadTitle {
    width: 100%;
    font-size: 1.35em;
    font-weight:bold;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.forumThreadTitle a {
    text-decoration: none;
}

.forumThreadTitle a:hover {
    text-decoration: underline;
}

.forumThreadInfo {
    font-size: 0.85em;
}

table.forumPost {
    width: 100%;
    border: 1px solid #5A5A5A;
    border-collapse:collapse;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align:left;
}

table.forumPost th {
    border:1px solid #5A5A5A;
    background: url('dyimage.axd?type=boxHeader&subtype=highlight&width=1&height=30&cornersize=0');
    height:30px;
    vertical-align:middle;
    padding-left: 20px;
}

table.forumTable td {
    border:1px solid #5A5A5A;
    padding: 10px;
}

.forumAuthorStatus {
    padding: 10px;
    font-size: 90%;
}

.forumPostTitle {
    border:1px solid #5A5A5A;
    background-color:#888888;
    color: #FFE500;
    font-size: 1.25em;
    font-weight:bold;
    padding: 10px;
}

.forumPostContent {
    width:800px;
    border:1px solid #5A5A5A;
    padding: 10px;
}

.forumPostContent pre {
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    white-space: pre-wrap;                  /* css-3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
}

.forumSignature {
    font-size: 0.9em;
    border-top: 1px solid #B3B4B6;
    margin-top: 0.2em;
    padding-top: 0.2em;
}

.forumStatisticsTitle {
    width: 100%;
    font-weight:bold;
    border-bottom: 1px solid #B3B4B6;
    margin-bottom: 0.2em;
}

.forumStatisticsContent {
}

.forumStatisticsContent span.forumStatisticsCount {
    font-weight:bold;
}

.article {
    margin-top: 1em;
    margin-bottom: 2em;
}

@media (max-width: 991px) {
    .articleTitle {
        font-size: 1.2em;
        margin-bottom: 0.2em;
        padding-bottom: 0.2em;
    }
}
@media (min-width: 992px) {
    .articleTitle {
        font-size: 1.35em;
        margin-bottom: 0.2em;
        padding-bottom: 0.2em;
    }
}

.articleTitle a {
    text-decoration: none;
}

.articleTitleRule
{
    border-bottom: 1px solid #B3B4B6;
    margin-top: 3px;
    margin-bottom: 15px;
}

.commentTitle {
    font-size: 1.25em;
    margin-top: 0.5em;
    padding-top: 0.5em;
}

.commentTitle a {
    text-decoration: none;
}

.articleInfo {
    font-size: 0.85em;
    font-weight:bold;
}

.articleInfo a {
    text-decoration: none;
    font-size: 1.2em;
}

.articleInfo span.DateTime {
    color: #454545;
    font-weight:normal;
}

.articleLink {
    text-align:right;
}

.articleLink a {
    text-decoration: none;
    font-weight:bold;
}

.articleListBlockarticle {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.articleListBlockarticleTitle {
    font-size: 1.25em;
    font-weight:bold;
    margin-bottom: 0.2em;
}

.articleListBlockarticleTitle a {
    text-decoration: none;
}

.articleListBlockarticleInfo {
    font-size: 0.85em;
    font-weight:bold;
}

.articleListBlockarticleInfo a {
    text-decoration: none;
    font-size: 1.15em;
}

.articleListBlockarticleInfo span.DateTime {
    color: #454545;
    font-weight:normal;
}

.articleChangeHistoryMeta {
    background-color:#E5E5E5;
    padding: 10px 0px 10px 0px;
    margin:0px 0px 10px 0px;
}

.pager {
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px 0px;
}

.pager a {
    text-decoration: none;
}

.pager-centre
{
    text-align:center;
}

.notification {
    width:100%;
    margin-top:10px;
    text-align:right;
}

.notification td.item {
    width: 20px;
    vertical-align:middle;
}

.resizeHandle {
	width:16px;
	height:16px;
	background-image:url(images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizeText {
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#7391BA;
}


.rssViewerTitle {
    border-bottom: 1px solid #B3B4B6;
    margin-top:1em;
    margin-bottom: 0.2em;
    font-weight:bold;
}

.rssViewerTitle a {
    text-decoration: none;
}

.rssViewerDateTime  {
    color: #C0C0C0;
    font-weight:normal;
    margin-bottom: 0.2em;
}

.contentGroupList {
    font-weight:bold;
    padding: 4px;
}

.contentGroupListCount {
    font-weight:normal;
    vertical-align:top;
}

.articleArchive {
    font-weight:bold;
    padding: 4px;
}

.articleArchiveCount {
    font-weight:normal;
    vertical-align:top;
}

/* checkout page */
.checkPunchoutAddress {
  font-weight: bold;
}
.checkout-delivery .radio {
  margin-left: 15px;
}
.checkout-delivery .del-option > input, .checkout-delivery .del-extra {
  margin-top: 2px;
}

@media (min-width: 768px) {
    .checkout-delivery .del-extra {
        margin-top: -10px;
    }
}

.checkout-delivery .del-extra {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .btn-mobile {
    margin-top: 15px;
    width: 100%;
  }
}
.charge-value {
    font-weight: bold;
}

.chkCompleteContinue {
  padding-top: 20px;
  padding-bottom: 20px;
}

.dropdown {
    position: relative;
}

.dropdown .popup {
    width: 120px;
    display: none;
    position:absolute;
    top: 12px;
    right: 0px;
    border: 1px solid #868686;
    background: #FAFAFA;
    color: #868686;
}

.dropdown .popup a:link {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    display: block;
    white-space: nowrap;
    padding: 4px 18px 4px 10px;
    text-decoration: none;
    color: #868686;
}

.dropdown .popup a:hover {
    background: #ffe6a0;
    border: 1px solid #d2b47a;
    color: #003399;
}

.blockEditor {
    border: 1px solid #ad9090;
    color: #333;
}

.blockEditorHeader {
    padding: 0 4px 0 6px;
    font-weight: bold;
    font-size: 11px;
    background: #e0d1d1;
    border-bottom: 2px solid #ad9090;
    height: 14px;
    line-height: 14px;
    position:relative;
    text-align: left;
}

.blockEditorHeaderTitle {
    float: left;
    width: 100%;
    height: 12px;
    vertical-align: middle;
    line-height: normal;
    padding-right: 26px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blockEditorHeaderMenuDiv {
    position: absolute;
    line-height: 14px;
    top: 0px;
    right: 2px;
}

.blockEditorHeaderButton {
    padding-top: 0;
    float:right;
    margin-right: 2px;
    cursor: pointer;
    height: 12px;
    vertical-align: middle;
}

.blockEditorHeaderButton input[type=image] {
    vertical-align: top;
}

.sortableList {
    padding-left: 10px;
}

.sortableList div {
    margin: 2px;
    padding-left: 10px;
    padding-top: 2px;
    background: url('dyimage.axd?type=button&cornersize=8&height=28&color=%2392938E&textcolor=%23FFFFFF&backcolor=%2309070A&width=505') no-repeat;
    height:28px;
    width:510px;
    color: #FFFFFF;
    font-weight:bold;
    cursor: move;
}

.sortableList span {
    display:inline-block;
}

.upline {
    border-top: dashed 2px blue;
    padding-top: 2px;
}

.underline {
    border-bottom: dashed 2px blue;
    padding-bottom: 2px;
}

.movable {
    cursor: move;
}

.collapsiblePanelHeader {
    cursor: pointer;
    font-weight: bold;
    padding:5px;
    vertical-align: middle;
}

.collapsiblePanel {
    margin-top: 2px;
}

a.tagCloud {
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}

.recentComment {
    padding: 2px 2px 8px 2px;
}

.recentComment a {
    text-decoration: none;
}

.recentComment span.commentAuthor {
    font-weight:bold;
}

.recentComment .articleLink {
    font-weight:bold;
    text-align:left;
}

.FlexTopSellersText
{
    text-align: left;
}

.FlexTopSellersText .FlexProductImage img
{
	display: block;
	margin-top: 3px;
	margin-left: auto;
    margin-right: auto;
}

.FlexTopSellersPrice
{
    text-align: left;
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
}

.FlexTopSellersDate
{
    text-align: center;
}

.FlexTopSellersStatus
{
    text-align: center;
}

.FlexProductPricesText
{
    text-align: left;
}

.FlexProductPricesNumeric
{
    text-align: left;
}

.FlexProductPricesPrice
{
    text-align: left;
}

.FlexMiniCartText
{
    float: none;
    text-align: center;
}

.FlexMiniCartNumeric
{
    text-align: left;
}

.FlexMiniCartPrice
{
    text-align: left;
}

.FlexMiniCartDate
{
    text-align: center;
}

.FlexMiniCartStatus
{
    text-align: center;
}

.FlexCartBrowsePrice
{
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
}

.FlexProductListingBrowsePrice
{
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
}

.ProductSummaryDesc {
  height:35px;
}

.FlexProductSummaryPrice
{f
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
}

.FlexProductSummaryImage
{
    text-align: center;
}

.FlexProductAlternativesPrice
{
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
}

.FlexProductAlternativesImage .FlexProductImage
{
    vertical-align: middle;
    height: 70px;
    width : 70px;
}

.FlexSalesPromotions
{
    margin-top: -3px;
    text-align: right;
}

.FlexManufacturerLink a:link
{
    text-decoration: underline;
}

.FlexProductCodeLink,
.FlexAvailableAlternatives
{
    text-decoration: underline;
}

a.FlexProductDescLink:link
{
    font-weight: bold;
}

.altRow
{
	background-color: #F9F9F9;
}

ul.priceBreaks > li {
  float: left;
  display: block;
}
ul.priceBreaks {
  padding-bottom: 15px;
}
.priceBreakValue {
  font-weight: bold;
  color: #b22222;
}
.priceBreak {
  width: 120px;
}
.priceBreakHeading {
  font-weight: bold;
}
@media (max-width: 991px) {
.priceBreakHeading {
    min-width: 100px;
  }
}
@media (min-width: 992px) {
.priceBreakHeading {
    min-width: 150px;
  }
}

.FlexShortDescLabel
{
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	color:GrayText;
	margin-top: 10px;
	margin-bottom:10px;
}

.ProductPromotion {
    margin:0 0 10px 0;
    width:100%;
}

.ProductPromotionBox {
    padding: 5px;
}

.CartPromotion {
    margin:0 0 10px 0;
    width:100%;
}

.CartPromotionBox {
    padding: 5px;
}
.promotionBox {
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
  min-height: 280px;
}

.CustomerPromotion {
    margin:0 0 10px 0;
    width:100%;
}

.CustomerPromotionBox {
    padding: 5px;
}

.FlexPromotionCodeEntryPromotionCode > input{
  text-transform: uppercase;
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}

.promotionCodeEntryBox {
  padding: 10px;
}

a.close{
  text-decoration:none;
}

input.cartPromoQty, input.cartPromoAdd, div.cartPromoUOM,
select.cartPromoUOM {
  margin-bottom: 10px;
}
.checkoutSavingsValue{
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
}

div.popupHoverPromotionTextsContainer {
    margin:0;
    padding:0;
    width:156px;
}

div.popupHoverPromotionTexts {
    z-index:1000;
    border:2px solid #B3B4B6;
    background-color:#FCDFA9;
    padding:0;
    color: #004040;
    font-weight: normal;
    text-align: left;
}

div.hoverPromotionTexts {
    display:block;
}

div.popupSavingsHoverPromotionTextsContainer {
    margin:0;
    padding:0;
    width:156px;
}

div.popupSavingsHoverPromotionTexts {
    z-index:1000;
    border:2px solid #B3B4B6;
    background-color:#FCDFA9;
    padding:0;
    color: #004040;
    font-weight: normal;
    text-align: left;
}

div.hoverSavingsText {
    display:block;
}

.storefinder-info {
    background-color: #eaeaea;
    margin: 15px 0px 10px 0px;
    padding: 10px 10px;
}

.storefinder-info ul {
    list-style: none;
}

.storefinder-info ul li {
    margin-bottom: 5px;
    line-height: 12px;
}

.storefinder-info ul li a {
    padding: 5px 10px 5px 10px;
	display: inline-block;
}

.storefinder-info a:link, .storefinder-info a:visited {
    text-decoration: none;
}

.storefinder-info a:active, .storefinder-info a:hover {
    text-decoration: none;
    background-color: #c0c0c0;
    box-shadow: 2px 2px 4px #808080;
    border-radius: 4px;
    cursor: pointer;
    color: white;
}

.storefinder-results
{
	clear: both;
	margin-top: 10px;
	overflow: hidden;
}

.storefinder-results .map,
.storefinder-results #map
{
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

@media (min-width: 768px) {
    .storefinder-results .map-container
    {
   	    height: 550px;
    }
}
@media (max-width: 767px) {
    .storefinder-results .map-container-xs
    {
        height: 400px;
    }
}

.storefinder-results .sidebar-container
{
	overflow: hidden;
	height: 100%;
}

.storefinder-results .sidebar,
.storefinder-results #sidebar
{
	float:left;
	list-style-type: none;
	padding: 0;
	width: 100%;
}

.storefinder-results .sidebar li,
.storefinder-results #sidebar li
{
    padding: 7px;
    border-bottom: 1px solid #E3E3DB;
    color: #333;
}

.storefinder-results .sidebar li a,
.storefinder-results #sidebar li a
{
    text-decoration: underline;
    color: #333;
}

.storeView {
    margin:5px;
    padding:0px;
    width:500px;
    height:auto;
}

.storeImage {
    width: 100%;
    height: auto;
}

.storeImage img {
    display:block;
    margin:0 auto 0 auto;
}

.storeInfo {
    margin:5px 0 0 0;
    padding:0;
    height:auto;
}

.storeInfo h1 {
    font:32px Georgia, Times New Roman, Times, serif;
    font-style:italic;
    color:#333333;
    margin:10px 0;
}

.storeInfo h2 {
    font:21px Georgia, Times New Roman, Times, serif;
    font-style:italic;
    color:#A5A39E;
    margin:5px 0 5px 0;
}

.storeInfo h3 {
    font:17px Arial, Helvetica, sans-serif;
    color:#A5A39E;
    text-transform:uppercase;
}

.storeInfo h4 {
    font:14px Georgia, Times New Roman, Times, serif;
    font-style:italic;
    color:#333333;
    padding-bottom:3px;
    margin:7px 0 5px 0;
}

.storeInfo span {
    font-weight:bold;
}

.storeInfo p {
    margin:0 0 10px;
    padding:0;
}

.storeInfo table {
    margin:0;
    padding:0;
}

.storeInfo table tbody td {
    vertical-align:top;
    text-align:left;
}

.store-label {
    margin-right: 10px;
}

.button-dropdown {
    position: relative;
    display: inline-block;
    line-height: 20px;
}

.button-dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 100;
    display: none;
    float: left;
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 12px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
}

.button-dropdown .dropdown-menu li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.button-dropdown .dropdown-menu li.dropdown-header {
    display: block;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.4285;
    color: #777;
    white-space: nowrap;
}

/** Button Styles **/
.button-dropdown button {
    background: #CCCCCC url(../../Images/menu.png) no-repeat 4px center;
    vertical-align: middle;
    color: #FFFFFF;
    border: none;
    margin: 0 0 3px 0;
    font-size: 1em;
    width: 20px;
    height: 21px;
    padding: 0;
}

/** List Item Styles **/
.button-dropdown a {
    display: block;
    padding: 0.2em 0.8em;
    text-decoration: none;
    background: #FFF;
    color: #000;
}

/** List Item Hover Styles **/
.button-dropdown a:hover {
    background: #BBBBBB;
}

.cookieWarning
{
    position:absolute;
    top:0;
    left:0;
    right:0;
    background-color:#1E1E1E;
    color:White;
    opacity:0.9;
    -moz-opacity:0.9;
    z-index:999;
    padding: 5px 10px 5px 10px;
}

.cookieWarning a
{
    color:White;
}

.cookieButton
{
    margin-left:20px;
}

/* Mega Menu editor */
.yamm.navbar .editBar
{
    background-color: #e0d1d1;
    color: #000000;
    border: 2px solid #ad9090;
    height: auto !important;
	  width: auto !important;
	  padding: 2px;
    font-size: 10pt;
}

.yamm.navbar .editBar
{
    padding: 1px;
    left: 1px;
    right: 1px;
}

/* Mega Menu */
.yamm.navbar {
    border-radius: 10px;
}

/* Remove navbar rounded corner when Rounded Menu Bar option is off */
.yamm.navbar.navbar-static-top
{
    border-radius: 0;
}

.yamm.navbar.navbar-static-top
{
    z-index: 10;
}

/* Mega Menu Store Logo */
.yamm.navbar .navbar-brand
{
    padding: 0;
}

.yamm.navbar .navbar-brand img
{
	margin: 0;
	padding: 0;
}

.yamm.navbar .navbar-brand.stretch-image img
{
    width: 100%;
	height: 100%;
}

/* Menu Bar Border Colour */
.yamm.navbar.navbar-default
{
    border-color: #3E3E3E;
	background-color: #3E3E3E;
}

.yamm.navbar.navbar-default .dropdown-menu
{
    background-color: #DFDFDF;
}

.navbar-toggle > span
{
    font-size: 16px;
}

.yamm.navbar.navbar-default.mmNoBarBorder
{
    border-color: transparent;
}

.yamm.navbar.navbar-default .navbar-text
{
    color: #454545;
}

/* Mega Menu Category and page panel */
.yamm.navbar .DefaultTheme .pagePanel ul,
.yamm.navbar .DefaultTheme .catPanel ul
{
	list-style: none;
	padding: 0;
}

.pagePanel .gfxDarkBullet,
.pagePanel .gfxLightBullet,
.pagePanel .gfxCustomBullet,
.catPanel .gfxDarkBullet,
.catPanel .gfxLightBullet,
.catPanel .gfxCustomBullet
{
    padding-right: 5px;
}

.pagePanel .gfxDarkBullet,
.catPanel .gfxDarkBullet
{
    color: grey;
}

.pagePanel .gfxLightBullet,
.catPanel .gfxLightBullet
{
    color: lightgrey;
}

.pagePanel .gfxCustomBullet,
.catPanel .gfxCustomBullet
{
    color: grey;
}

/** Category and page panel */
.pagePanel,
.catPanel
{
    margin: 10px;
}

.pagePanel ul,
.catPanel ul
{
    padding-left: 0px;
	margin-bottom: 0;
	list-style: none;
}

    .pagePanel .pagePanelHeader > a,
    a.allCatHeader,
    .catPanel .catPanelHeader > a {
        font-weight: bold;
        font-size: 14px;
        text-decoration: underline;
    }

.yamm.navbar .DefaultTheme  li > a
{
	color: #FFFFFF;
	text-decoration: none;
}

.yamm.navbar .DefaultTheme  li > a:hover,
.yamm.navbar .DefaultTheme  li > a:focus
{
	color: #FFE500;
	text-decoration: none;
	background-color: #5A5A5A;
	background: linear-gradient(#5A5A5A, #DFDFDF);
}

.yamm.navbar .DefaultTheme .mmBox .catPanelHeader a,
.yamm.navbar .DefaultTheme .mmBox .pagePanelHeader a
{
	color: #454545;
	font-size: 12px;
}

.yamm.navbar .DefaultTheme .mmBox .catPanelHeader a:hover,
.yamm.navbar .DefaultTheme .mmBox .pagePanelHeader a:hover
{
    color: #FFE500;
}

.yamm.navbar .DefaultTheme .pagePanel,
.yamm.navbar .DefaultTheme .catPanel
{
    margin: 5px 10px 5px 10px;
}

.yamm.navbar .DefaultTheme .pagePanel ul li a,
.yamm.navbar .DefaultTheme .catPanel ul li a
{
    color: #454545;
	text-decoration: none;
	font-size: 12px;
    background: none;
}

.yamm.navbar .DefaultTheme .pagePanel ul li a:hover,
.yamm.navbar .DefaultTheme .catPanel ul li a:hover
{
    text-decoration: underline;
    background-color: transparent;
}

/** Mega Menu highlight tab */
@media screen and (min-width: 768px) {
    .yamm.navbar .DefaultTheme .navbar-nav > .open > a,
    .yamm.navbar .DefaultTheme .navbar-nav > .open > a:focus,
    .yamm.navbar .DefaultTheme .navbar-nav > .open > a:hover,
    .yamm.navbar .DefaultTheme .navbar-nav .mmSelectedTab > a
       {
       color: #FFE500;
       background-color: #5A5A5A;
       background: linear-gradient(#5A5A5A, #DFDFDF);
    }
}

.yamm.navbar .dropdown-menu
{
    top: auto;
}

/** Search box in Mega Menu */
@media all and (min-width: 768px) {
    .yamm.navbar .DefaultTheme  .searchbox
       {
       border-color: #e7e7e7;
	   width: auto;
	   padding-top: 8px;
	   padding-bottom: 5px;
	   margin-right: 0px;
	   margin-left: 0px;
	   border: 0;
	   -webkit-box-shadow: none;
	   box-shadow: none;
       background: none;
    }
}

.yamm.navbar .DefaultTheme  .searchbox  label
{
    color: #454545;
}

/** Mega Button hover dropdown */
@media screen and (min-width: 768px) {
    .yamm.navbar .mmHover .dropdown:hover .dropdown-menu {
        display: block;
    }
}

/** Mega Button Alignments */
@media screen and (min-width: 768px) {
    .yamm.navbar .dropdown-menu.dropdown-menu-farleft {
        left: 0;
    }
}

@media screen and (min-width: 768px) {
    .yamm.navbar .dropdown-menu.dropdown-menu-tabright {
        right: 0;
		width: 576px;
    }

	.yamm .dropdown.setRelative{
        position: relative;
    }
}

/** Mega Button click to open on mobile */
@media screen and (max-width: 767px) {
	.yamm.navbar .megaButton, .yamm.navbar .mmTitleText {
        display: table-cell;
		width: 767px;
    }

    .yamm.navbar  .dropdown-toggle {
		display: table-cell;
	}
}

/** Category Panel and Link Panel when in mobile */
@media screen and (max-width: 767px) {
	.yamm.navbar .DefaultTheme .mmBox .catPanel,
	.yamm.navbar .DefaultTheme .mmBox .pagePanel
	{
		margin: 0;
	}

	.yamm.navbar .DefaultTheme .mmBox .catPanelHeader a,
    .yamm.navbar .DefaultTheme .mmBox .pagePanelHeader a
	{
	    display: block;
		padding: 10px 0 10px 10px;
		text-decoration: none;
	}

   .yamm.navbar .DefaultTheme .mmBox .catPanelHeader a:hover,
    .yamm.navbar .DefaultTheme .mmBox .pagePanelHeader a:hover
	{
        background-color: #5A5A5A;
		color: #FFE500;
	}

	.yamm.navbar .DefaultTheme .mmBox .catPanel li a,
    .yamm.navbar .DefaultTheme .mmBox .pagePanel li a
	{
	    display: block;
		padding: 10px 0 10px 15px;
	}

	.yamm.navbar .DefaultTheme .mmBox .catPanel li a:hover,
    .yamm.navbar .DefaultTheme .mmBox .pagePanel li a:hover
	{
		background-color: #5A5A5A;
		color: #FFE500;
	}

	.yamm.navbar .DefaultTheme .navbar-text
	{
		padding-left: 15px;
	}
}

.newsticker {
    position: relative;
    z-index: 0;
    height:42px;
    border-top-color: #C0C0C0;
    border-right-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
    border-left-color: #C0C0C0;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color: #DDDDDD;
    overflow: hidden;
}

.newsticker .newsTitle
{
    line-height: 42px;
    vertical-align: middle;
}

.newsticker .newsTitle > a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 17px;
    padding-right: 10px;
    display: inline-block;
    float: left;
    vertical-align: middle;
}

.newsticker .newsButton {
    line-height: 42px;
    vertical-align: middle;
    padding-right: 0px;
}

.newsticker .newsButton > a
{
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    background-size: contain;
    display: inline-block;
    float: left;
}

.newsticker .cycle-slideshow
{
    /*float: left;
    margin-left: 10px;*/
    line-height: 42px;
    /*vertical-align: middle;*/
}

.newsticker .cycle-slideshow > a
{
    text-decoration: none;
    color: #5A5A5A;
    font-size: 14px;
    font-family: arial;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0px;
}

.newsticker .cycle-slideshow > a:hover {
    text-decoration: underline;
}

textarea {
    resize: none;
}

.invalidWebProductsList {
    width:100%;
    border:none;
    overflow:auto;
}

.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;
}

.ExtendedAvailabilityPanel{
    border:1px solid black;
    position: absolute;
    padding: 16px;
    background-color: white;
    z-index:1000;
    overflow: auto;
}

.ExtendedAvailabilityPanel-right {
    right:0px;
}

.CloseExtendedAvailabilityPanel{
    margin-left:auto;
    margin-right:auto;
}

img.FlexExtendedAvailability:hover, img.FlexExtendedProductDesc:hover {cursor:pointer; }

/*Search block*/
.productSearchBar
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.productSearchBar .form-control-feedback {
  pointer-events: auto;
}
.productSearchBar .btnSearch {
  margin-right: 15px;
  margin-left:0px;
}
.productSearchBar .btnSearch a {
  color: black;
}

.componentProduct
{
    display:none;
}

.componentProductLink
{
    display:none;
}

.FlexSupplierAvailabilityHTML_Blank {
  display: none;
}

/* Breadcrumb */
.smPopup  a.catMore
{
    padding-left: 15px;
	color: #141414;
	text-decoration: none;
}

.smPopup  a.catMore:hover
{
    text-decoration: underline;
}


.smDropdown ul.dropdown-menu > li
{
    margin-left:10px;
}


.smDropdown .dropdown-menu > li > a
{
    text-decoration: none;
}

.smDropdown > ul.fa-ul > li > a > span.fa-li {
    position: relative;
	left: 0;
}

.smDropdown .dropdown-menu > li > a:hover {
    color:#FFE500;
    background:#5A5A5A;
}

.smDropdown .dropdown-menu > li > h3 > a
{
    text-decoration: none;
}

.breadcrumb {
  background-color:#5A5A5A;
}

.smDropdown ul.dropdown-menu {
  background-color:#DFDFDF;
}

ul.breadcrumb > li > a {
  color: #FFE500;
}

ul.breadcrumb > li.active,
ul.breadcrumb > li.active > a:link {
  color: #FFE500;
}

li.smDropdown > a {
    text-decoration: none;
}

.smDropdownHeading > h3 {
  color: #5A5A5A;
  padding-left:10px;
}

.smHover:hover .dropdown-menu {
  display: block;
}

/* Manufacturer Filter*/
.manufacturerFilter
{
    margin: 5px;
}
.manufacturerFilter .input-group-addon
{
    padding-top: 3px;
    background-color: transparent;
    border: none;
}
.manufacturerFilter .input-group-addon .btn
{
    padding: 0;
    line-height: normal;
}

/* Image slideshow*/
.carousel .item, .carousel .item *
{
    z-index: 0;
}
.carousel .item .slideImg
{
   width: 100%;
}
.carousel .item .carousel-html
{
    z-index: 1;
    top: 0;
    left: 0;
}

.carousel .item.active {
    z-index: 2;
}

.carousel .item.active .carousel-html,
.carousel-control.left, .carousel-control.right
{
	/* Put on top of active item*/
    z-index: 3;
}

.carousel.fade {
    opacity: 1;
}

.carousel.fade .item {
    transition: opacity ease-out .7s;
    left: 0;
    opacity: 0; /* hide all slides */
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
}

.carousel.fade .item:first-child {
    top: auto;
    opacity: 1; /* show first slide */
    position: relative;
}

.carousel.fade .item.active {
    opacity: 1;
}

table.masterTopLayout{
    width:100%;
    border-collapse:collapse;
	border-spacing: 0;
}

.prodlstheader > h2 {
    font: bold 130% Verdana,Arial,Helvetica,sans-serif;
	color:#454545;
    margin-top: 10px;
    margin-bottom: 10px;
}

img.FlexProductListingText.FlexProductImage {
    border-width: 0px;
}

@media only screen and (min-width : 768px) and (max-width: 1199px){
    li.FlexAddToCart > input
    {
        padding-top: 10px;
    }
}

/* Product results bar*/
div.ProductResultBar {
	background-color:#999900;
	background: linear-gradient(#D9DD85, #999900);
	color: #FFFFFF;
}
.plistPageNav > ul {
    margin-top: 0px;
    margin-bottom: 0px;
}.plistSortBy > .form-control
{
  font-size: 12px;
}

/*Product Specification List - Detailed */
.psDetailsClass hr.ddLineMainTitle
{
   color: #B3B4B6; /* old IE */
   background-color: #B3B4B6; /* Modern Browsers */
}

.psDetailsClass hr.ddLineItemTitle
{
   border: none;
   height: 1px;
   color: #B3B4B6; /* old IE */
   background-color: #B3B4B6; /* Modern Browsers */
   margin-bottom: 5px;
}

.psDetailsClass ul.psProdAttrList
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.psDetailsClass li.psProdAttrItem
{
    overflow: hidden;
}

.psDetailsClass li.psProdAttrItem > div.psProdAttrItem,
.psDetailsClass li.psProdAttrItem > div.psProdGroupAttrItem
{
     margin-left: 10px;
}

.psDetailsClass .psProdSpecItemTitle
{
    font-size: 110%;
    margin-top: 15px;
    margin-bottom: 0px;
	color: #454545;
	font-weight: bold;
}

/*Product Specification List - Summary */
.psSummaryClass hr.ddLineMainTitle
{
   color: #B3B4B6; /* old IE */
   background-color: #B3B4B6; /* Modern Browsers */
}

.psSummaryClass hr.ddLineItemTitle
{
   border: none;
   height: 1px;
   color: #B3B4B6; /* old IE */
   background-color: #B3B4B6; /* Modern Browsers */
   margin-bottom: 5px;
}

.psSummaryClass ul.psProdAttrList
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.psSummaryClass li.psProdAttrItem
{
    overflow: hidden;
}

.psSummaryClass li.psProdAttrItem > div.psProdAttrItem,
.psSummaryClass li.psProdAttrItem > div.psProdGroupAttrItem
{
     margin-left: 10px;
}

.psSummaryClass .psProdSpecItemTitle
{
    font-size: 110%;
    margin-top: 15px;
    margin-bottom: 0px;
	color: #454545;
	font-weight: bold;
}

.wb-iconbtn.prodSummary-btnDeleteFromList > span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: x-large;
    content: "\f00d";
    display: inline-block;
    padding-right: 0px;
}

.btnShort {
    color: red;
    width: 5px;
    height: 5px;
}

.clickableTitle
{
	text-decoration:underline;
}

/* Facted Navigation */
.activeFilters {
  margin-top:10px;
  margin-bottom:10px;
}
.facetNavHeading {
  margin-top:10px;
  margin-bottom:10px;
}
.facetNavHeading > div > a{
    text-decoration: none;
}
.facetNavControl.DefaultTheme {
    padding-left: 5px;
}

.facetNavControl > .facetFilterSection.DefaultTheme
{
  margin-top:10px;
  margin-bottom:10px;
  /*box-shadow: 0 1.5px 4px #B3B4B6, 0 1.5px 6px #B3B4B6;*/
  background-color: #FFFFFF;
  border:none;
}
.facetNavControl > .facetFilterSection.DefaultTheme .facetFilterlHeader
{
    padding: 5px;
    border-top:1px solid #B3B4B6;
    border-bottom:1px solid #B3B4B6;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetFilterlHeader h3
{
    padding: 0;
    margin: 0;
    position: relative;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    display: block;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li
{
    list-style-type: none;
    display: block;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li > .checkbox {
    padding-left: 5px;
}
.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li > .checkbox > label > p {
    padding-top: 2px;
}
.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li > .checkbox > label > label.facetDisabled {
    color: #BEBEBE;
    text-decoration: none;
    cursor:default;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li i.fa {
    padding-left: 5px;
}

header.facetFilterlHeader h3 > a > span.fa {
    margin-left: 5px;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a
{
    text-decoration: none;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding: 5px 0px 5px 10px;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a:hover
{
    background-color: #5A5A5A;
	text-decoration: underline;
	color:#FFE500;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a label
{
    margin-left: 5px;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a.facetSelected
{
    font-weight: bold;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a.facetSelected:hover
{
    color:#FFE500;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a.facetDisabled,
.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a.facetDisabled:hover
{
    background-color:  #FFFFFF;
    color: #BEBEBE;
    text-decoration: none;
    cursor:default;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a > .clearFilterCross
{
    font-size: 16px;
    font-weight: bold;
    line-height : 16px;
    color: #5A5A5A;
    text-shadow: 0 1px 0 #FFFFFF;
    opacity: 0.4;
    filter: alpha(opacity=20);
    text-decoration: none;
	float: left;
	padding-right: 5px;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a:hover > .clearFilterCross
{
    opacity: 0.8;
    filter: alpha(opacity=40);
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a.facetCtrl > .filterCount {
    color:#454545;
}
.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li a > .filterCount {
    font-size:10px;
    text-decoration: none;
}

.facetNavControl > .facetFilterSection.DefaultTheme .showMoreLink
{
    text-decoration: underline;
    display: block;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlToggleLink
{
    display:inline-block;
    width: 100%;
}

.facetNavControl > .facetFilterSection.DefaultTheme  .facetControlToggleLink > a
{
    float: right;
    margin-right: 10px;
    font-size: 10px;
    text-decoration: none;
}

.facetNavControl > .facetFilterSection.DefaultTheme  .facetControlToggleLink > a:hover
{
	text-decoration: underline;
	color:#FFE500;
}

.facetNavControl > div.facetFilterHeading
{
    font: bold 120% Verdana,Arial,Helvetica,sans-serif;
}
@media (min-width : 768px) {
  .facetNavControl > div.facetFilterHeading {
    border-bottom: 1px solid #B3B4B6;
    padding-bottom: 10px;
  }
}
@media (max-width : 767px) {
  .facetNavControl > div.facetFilterHeading {
    display: none;
  }
}

/**
    Active Filters - horizontal style
*/

.facetNavControl.horizontalList > .facetFilterSection.DefaultTheme .facetControlWrapper > ul li
{
    display: inline-block;
}

.facetNavControl.horizontalList
{
    position: relative;
}

.facetNavControl.horizontalList > .facetFilterSection.DefaultTheme > .facetFilterlHeader
{
    width: 100px;
    padding-top: 6px;
    color: #094453;
}

.facetNavControl.horizontalList > .facetFilterSection.DefaultTheme .facetControlWrapper > ul
{
    position: absolute;
    top: 0;
    left: 100px;
}

.facetNavControl.horizontalList .facetFilterSection.DefaultTheme .facetControlToggleLink > a
{
    float: left;
    padding: 5px;
}

.facetNavControl.horizontalList .facetFilterSection.DefaultTheme .facetControlToggleLink > a:hover
{
	text-decoration: underline;
	color:#FFE500;
}

/**
    Faceted Navigation - horizontal style
*/
.facetNavControl.horizontalPanel .facetFilterSection.DefaultTheme
{
    display: inline-block;
}

.facetNavControl.horizontalPanel.popup .facetFilterSection.DefaultTheme > div,
.facetNavControl.verticalPanel.popup .facetFilterSection.DefaultTheme > div {
    position: absolute;
}

/**
    Faceted Navigation - popup style
*/
.facetNavControl.popup
{
   position: relative;
}

.facetNavControl.popup > .facetFilterSection.DefaultTheme
{
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
}

    .facetNavControl.popup > .facetFilterSection.DefaultTheme > div {
        padding: 5px;
        margin-top: 0px;
        padding: 10px 5px 0px 5px;
        box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
        background-color: #FFFFFF;
        z-index: 1;
        right: -50px;
    }

.facetNavControl.horizontalPanel.popup > .facetFilterSection.DefaultTheme > div,
.facetNavControl.verticalPanel.popup > .facetFilterSection.DefaultTheme > div {
    left: 0px;
    min-width:160px;
}

.pagePanel > ul.gfxLightBullet > li,
.catPanel > ul.gfxLightBullet > li
{
    list-style-type: none;
	padding-left: 20px;
	background: url('dbfile.axd?name=megamenu-right-arrow-light.png') no-repeat center left;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul.gfxDarkBullet > li
{
    list-style-type: none;
	margin-left: 5px;
	background: url('dbfile.axd?name=megamenu-right-arrow-dark.png') no-repeat center left;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper > ul.gfxLightBullet > li
{
    list-style-type: none;
	margin-left: 5px;
	background: url('dbfile.axd?name=megamenu-right-arrow-light.png') no-repeat center left;
}

.facetNavControl > .facetFilterSection.DefaultTheme .facetControlWrapper >  ul.gfxCustomBullet > li
{
    list-style-type: none;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: left;
}

/**
    Category block
*/
.CategorySummary .thumbnail
{
    margin-top: 20px;
}

/**
    Category block with Faceted
*/
.catListWith
{
    display: table;
    border-spacing: 5px 0;
    width: 100%;
}
.catListWith > div
{
    display: table-row;
}
.catListWith > div > *
{
    display: table-cell;
}
.catListWith > div > .facetSidebar
{
    width: 20%;
}

/** style to match for the category list
*/
div.cat-list
{
    box-shadow: 0 1.5px 4px #B3B4B6, 0 1.5px 6px #B3B4B6;
}

/* Attribute selection */
.attributeSelectionHeading
{
    text-align:center;
    width: 100%;
    font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	color: #454545;
	margin-bottom:5px;
}

.attributeSelectionItem
{
    margin-bottom: 15px;
}

.AttributeSelectionPanel{
    border:1px solid black;
    position: absolute;
    padding: 16px;
    background-color: #FFFFFF;
    z-index:1002;
    overflow: auto;
    margin-left:auto;
    margin-right:auto;
    width: 350px;
}
@media (max-width : 767px) {
    .AttributeSelectionPanel {
        left: 0px;
        width: 100%;
    }
}
.AttributeSelectionPanel-right {
    right:0px;
}

.AttributeSelectionPanelDisabled{
    z-index:1000;
}

.EmptyAttributeSelectionDiv{
    display:none;
}

.AttributeSelectionButtons{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 5px;
}

.btnConfirmAttributeSelection{
	margin-right: 5px;
}

.btnCancelAttributeSelection{
    margin-left: 5px
}

.AttributeSelectionError
{
    color:Red;
    font-weight:bold;
    white-space: pre;
    margin: 5px;
}

img.FlexAttributeSelection:hover {cursor:pointer; }

#disablingDiv
{
    display: none;
    z-index:1001;

    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;

    background-color: Gray;
    opacity: 0.2;
}

.horizontalFacetPopup, .verticalFacetPopup {
    top: 20px;
    position: absolute;
}

.productSummaryError
{
    width:225px;
}

.BranchBreakdownTooltip
{
    padding-top:0px;
}

.BranchBreakdownPopup
{
    white-space:pre-wrap;
    text-align:left;
}

.BranchBreakdownPanel{
    border:1px solid black;
    position: absolute;
    padding: 16px;
    background-color: white;
    z-index:1000;
    overflow: auto;
}

.BranchBreakdownPanel-right {
    right:0px;
}


/**
    Product search suggestion
*/
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto !important;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 1000;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete
{
    height: 200px;
}

.modalBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index:100;
}

.modalBack {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: Gray;
    opacity: 0.2;
}

.modalContents
{
    background-color:#FFFFFF;
    border:1px solid #BBBBBB;
    padding-bottom:10px;
    position: relative;
    margin:0 auto;
    top:200px;
    width: 500px;
    padding: 10px;
    z-index: 100;
    box-shadow: 3px 3px 7px #606060;
    border-radius: 3px;
}

.modalHeading
{
    background-color: Gray;
    border: 2px solid Gray;
    color: White;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 3px;
}

.modalSubHeading
{
    color: DarkSlateGray;
}

.modalBody {
    margin-bottom:10px;
}

table.productList, table.crossSellList, table.categoryProductList
{
    padding:0;
    border-spacing:0;
    border-collapse:collapse;
}

.EmptyChangeBranchDiv{
    display:none;
}

.ChangeBranchPanel{
    border:1px solid black;
    position: absolute;
    padding: 16px;
    background-color: #FFFFFF;
    z-index:1002;
    overflow: auto;
    margin-left:auto;
    margin-right:auto;
    width: 300px;
}

.ChangeBranchPanel-right {
    right:0px;
}

.FlexChangeBranchButtons
{
    margin-top:10px;
    text-align: center;
}

.btnConfirmChangeBranch
{
    margin-right:5px;
}

.btnCancelChangeBranch
{
    margin-left:5px;
}

.trHiddenAccount
{
    display:none;
}

.trHiddenPasswordChange
{
    display:none;
}

.trHiddenBranchList
{
    display:none;
}

.trHiddenHomeBranch
{
    display:none;
}

.trHiddenRememberMe
{
    display:none;
}

.AddToCartMessageBox {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 300px;
    z-index:100;
    background-color:#FFFFFF;
    border:1px solid #BBBBBB;
    box-shadow: 3px 3px 7px #606060;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
}

div.CategorySummaryText a span.CategoryProductCount {
    font-size:10px;
    color:#5A5A5A;
    display:inline;
    font-weight:normal;
    padding-top:0px;
    padding-left: 2px;
}
div.moreProducts {
  margin-bottom: 10px;
}

/* My accounts*/
@media only screen and (max-width : 767px) {
  .panelPostcode input[type="submit"], .panelAddress input[type="submit"] {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.MyAccountTabTopLeft
{
    float:left;
    width:50%;
}
.MyAccountTabTopRight
{
    float:left;
    width:50%;
}
.MyAccountTabSeparator
{
    margin-top: 10px;
}
@media only screen and (max-width : 767px) {
    .accountPanel {
        height: auto !important;
    }
}
@media (max-width : 767px) {
  .accountSummary .form-group {
    margin-bottom: 15px;
  }
}
@media (min-width : 768px) {
  .accountSummary .form-group {
    margin-bottom: 0px;
  }
}
.orderHeading .form-group, .quoteHeading .form-group {
  margin-bottom: 0px;
}
.cartUpload
{
    border:1px solid;
    border-color:#C0C0C0;
}

.cartUploadTitle
{
    text-align:center;
    padding:10px;
}

.cartUploadButton
{
    padding:10px;
    text-align:center;
}

.uploadCartPanel div {
    padding: 2px;
}
.uploadBuyPanel div {
    padding: 2px;
}
.uploadSpinner {
    vertical-align: middle;
    visibility: hidden;
    margin-left:auto;
    margin-right:auto;
    display:none;
}
.uploadSheet div {
  padding: 2px;
}
.uploadReport {
  height: 300px;
  width: 100%;
}
.uploadInvalidProductList {
  width: 100%;
}
.uploadInvalidProducts {
  font-weight: bold;
}

.panel-default > .panel-heading {
  background-color : #DFDFDF;
}
.panel-default > .panel-heading > h3 {
  color : #454545;
}

/*! 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 #C0C0C0;
}

.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: #FFFFFF;
    border-color:#C0C0C0;;
  }

  .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;
  }
}

@media (max-width: 767px)
{
  .headerstyle {
    height :0px;
  }
}
@media (min-width: 768px)
{
  .headerstyle {
    height :23px;
  }
}

.wbPanelPointer {
    cursor: pointer;
}

.recaptcha {
  margin-top:10px;
  margin-bottom:10px;
}

.FlexCodeHeader {
	background-position: center center;
}

/* Cart page*/
.cartTotalsForm {
  margin-top: 10px;
  margin-right: 15px;
  font-weight: bold;
}
@media (max-width: 767px){
  .cartTotalsForm {
	  text-align:left;
  }
  .btn-group-checkout .btn-quote, .btn-group-checkout .btn-buylist, .btn-group-checkout .btn-checkout {
    width:100%;
  }
  .btn-quick-checkout .btn-quote, .btn-quick-checkout .btn-buylist, .btn-quick-checkout .btn-checkout, .btn-quick-checkout .btn-cart {
    width:100%;
  }}
@media (min-width: 768px){
  .cartTotalsForm {
	  text-align:right;
  }
  .btn-group-checkout > div {
    text-align: right;
  }
  .btn-group-maintain {
    float: left;
  }
  .btn-group-checkout {
    float: right;
  }
}
.cartTotalValue, .cartSavingsValue {
  font-weight: normal;
}
.btn-group-maintain .btn, .btn-group-checkout .btn, .btn-quick-checkout .btn {
  margin: 5px 0px 5px 0px;
}
.btn-group-checkout .modal-header, .btn-group-checkout .modal-body {
  text-align:left;
}
.btn-group-checkout .modal-footer .btn, .btn-quick-checkout .modal-footer .btn {
  margin: 5px;
}
.modal-header {
  background-color: #DFDFDF;
}
.cartPromotionWarning {
  margin-top: 10px;
  margin-bottom: 4px;
}

/* Product details */
.thumbText {
    min-height: 25px;
}
.productEnlarge {
  margin-bottom: 5px;
}
.productPrices li>span, .productPrices li>p {
  display: inline-block;
  font-weight: 700;
  font-size:14pt;
 }
 .productInfo li>span, .productPrices li>p {
  display: inline-block;
  font-weight: 700;
 }
.productPrices ul, .productInfo ul {
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .productPrices li>span, .productInfo li>span, .productPrices li>p, .productInfo li>p {
    min-width: 100px;
  }
  .qtyPanel label {
    min-width: 100px;
  }
}
@media (min-width: 992px) {
  .productPrices li>span, .productInfo li>span, .productPrices li>p, .productInfo li>p {
    min-width: 150px;
  }
  .qtyPanel label {
    min-width: 150px;
  }
}
.productInfo li>span.ppDiscount, .productInfo li>p.ppNetPrice, .productInfo li>span.ppAvailability, .productInfo li>span.wb-field {
  font-weight: normal;
    min-width: auto;
    display: inline-block;
}
ul.priceBreaks > li {
  float: left;
  display: block;
}
ul.priceBreaks {
  padding-bottom: 15px;
}
.priceBreakValue {
  font-weight: bold;
  color: #b22222;
}
.priceBreak {
  width: 120px;
}
.priceBreakHeading {
  font-weight: bold;
}
@media (max-width: 991px) {
.priceBreakHeading {
    min-width: 100px;
  }
}
@media (min-width: 992px) {
.priceBreakHeading {
    min-width: 150px;
  }
}
.qtyPanel {
  margin-bottom: 10px;
}
.buttonsPanel a {
  margin-top: 15px;
}
@media (max-width: 767px) {
.btnAddCart {
  margin-left: auto;
  margin-top: 15px;
  }
}
@media (min-width: 768px) {
.btnAddCart {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: auto;
  }
}
@media (max-width: 767px) {
  .qtyPanel .qty {
    max-width: none;
  }
}
@media (min-width: 768px) {
  .qtyPanel .qty {
    max-width: 120px;
  }
}
.productImage {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
div.productThumbnails {
  padding-left: 10px;
  padding-right: 10px;
}
div.productThumbnail {
  padding-left: 5px;
  padding-right: 5px;
}
.manufacturerLine {
  padding-bottom: 5px;
}
.stockSoon {
  margin-top: 10px;
  margin-bottom: 10px;
}
.tabPanelWell .tab-pane .panel {
  border-style: none;
}
ul.psProdAttrContainer {
  padding-left: 15px;
}

/* Product action panel */
.actionPanel {
    float:right;
}
.actionOutside {
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}
.actionOutside a {
  margin-bottom: 10px;
}
.actionInside {
  margin-top:10px;
  background-color : #888888;
}
.ProdActionInsideQty {
  width: 100% !important;
  padding-right: 0px;
}

/* Items added to cart */
.productInCart > .productInfo li > span.wb-field, .miniCartItem > .productInfo li > span.wb-field {
  font-weight: normal;
    min-width: auto;
}
.miniCartItem li > span.wb-field > p {
 margin-bottom : 2px;
}
@media (min-width: 768px) {
  .productInCart li>span {
    min-width: 150px;
  }
}
@media (min-width: 768px) {
  .miniCartItem li>span {
    min-width: 100px;
  }
}
.miniCartTotal p {
  font-weight: bold;
  font-size: larger;
  display: inline-block;
}
.miniCartMore > div > div {
  text-align: right;
}

/* Product reviews */
.reviewCount {
  padding-left: 5px;
  padding-right:10px;
  font-weight: bold;
}
.totalReviews, .averageRating {
  float: left;
}
.averageRating{
  padding-top: 3px;
}
.productReviews {
  margin-top:10px;
}
.reviewsHeader > label {
  margin-right: 20px;
}
div.review {
  margin-top: 20px;
}
.reviewTitle > span {
  font-weight: bold;
  padding-left: 10px;
}
.reviewComments > span {
  font-weight: bold;
  margin-top:3px;
}

/* Product review block */
.productReview > div {
  margin-bottom: 15px;
}
.productReview .reviewAll {
  padding-top: 15px;
}

/* All product reviews */
.allReviews {
	margin-top: 4px;
	margin-bottom: 4px;
}
.allReviews .alternatingrowstyle {
	background-color: #FFFFFF;
}
.allReviews table.gridViewTable > tbody > tr {
	border-left-style: hidden;
	border-right-style: hidden;
}

/* Ask a question */
.askProdDetail .form-group {
  margin-bottom: 0px;
}
div.askQuestionPanel {
  padding-bottom: 75px;
}

/* Search results page */
.searchExactMatch {
  margin-top: 20px;
}

/* Manufacturer filter */
.deselectManufacturer {
}

/*fixes the off center cross when used inside of a button*/
button > .glyphicon-remove {
    position: inherit;
    vertical-align: middle;
}

.SiteMapLinkList > ul
{
    list-style-type: none;
    margin-bottom: 10px;
}
.SiteMapLinkList > ul > li
{
    padding-left: 5px;
}

.tabPanelWell {
    background: #FFFFFF;
    border: 0px;
}

.sharingButtonsOutside > li
{
    padding-left: 1px;
    padding-right:1px;
}

.FlexTabbedContent > li > a
{
    background-color: #DFDFDF !important;
    color: #454545 !important;
}

.FlexTabbedContent > li.active > a
{
    background-color: #5A5A5A !important;
    color: #FFE500 !important;
}

/* Radio Button List in Flexible Form */
.radio-inline-list li {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline-list li label {
  padding-left: 0;
}
.radio-inline-list li + li {
  margin-top: 0;
  margin-left: 30px;
}
.FlexCustomerClassification > .radio input
{
  margin-left: 0;
}
.FlexCustomerClassification > .radio-inline-list > li > input
{
  margin-left: -20px;
}

div.prodReview
{
    font-weight: normal;
    padding: 19px;
    margin-top:0px;
}

label.requiredField:after
{
    content: " *";
}

.wb-pagination
{
    display: inline-block;
}

.wb-pagination>ul>li>a
{
    color: #5A5A5A;
}

.navBtnLeftClass
{
    padding-right: 1px;
}

.navBtnRightClass
{
    padding-left: 1px;
}

.wb-hidepanel
{
    border-style: none;
}

div.wb-pagination > ul.pagination > li > span /* this is the css for the active page*/
{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.wb-iconbtn {
    text-decoration: none !important;
    display: inline-block;
    font-weight: 100;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.wb-iconbtn.btnAddArticle > span:before
{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
   content: "\f067";
   display: inline-block;
   padding-right: 3px;
}

.wb-iconbtn.btnEditArticle > span:before
{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
   content: "\f013";
   display: inline-block;
   padding-right: 3px;
}

.wb-iconbtn.btnDeleteArticle > span:before
{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f00d";
   display: inline-block;
   padding-right: 3px;
}

.wb-iconbtn.btnAddGroup > span:before
{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f067";
   display: inline-block;
   padding-right: 3px;
}

.wb-iconbtn.btnEditGroup > span:before
{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f013";
   display: inline-block;
   padding-right: 3px;
}

.wb-iconbtn.btnDeleteGroup > span:before
{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f00d";
   display: inline-block;
   padding-right: 3px;
}

.wb-iconbtn.btnAddComment > span:before
{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f067";
   display: inline-block;
   padding-right: 3px;
}

.wb-iconbtn.btnEdit > span:before
{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f013";
   display: inline-block;
   padding-right: 3px;
}

.wb-iconbtn.btnDeleteComment > span:before
{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f00d";
   display: inline-block;
   padding-right: 3px;
}

.wb-iconbtn.btnReplyComment > span:before
{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f3e5";
   display: inline-block;
   padding-right: 3px;
}

.wb-iconbtn.btnEditComment > span:before
{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f013";
   display: inline-block;
   padding-right: 3px;
}


.wb-iconbtn.LoginButton
{
    color: #fff;
}

.wb-iconbtn.LoginButton:hover
{
    color: #fff;
}

a.back-to-top {
    cursor: pointer;
    position:fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

.wb-iconbtn.btnDeselectFilter
{
    border-color:  transparent !important;
    background-color: transparent !important;
}

.wb-iconbtn.btnDeselectFilter > span:before
{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content:"\f00d";
   display: inline-block;
   color: Red;
   font-size: 1.6em;
}

.ProductSummaryText > div > a {
    height: 40px;
}

.wb-iconbtn.chkt-btnpaypal > span:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    content: "\f1ed";
    display: inline-block;
    padding-right: 3px;
}

.throbbertext
{
    font-size: large;
    font-weight: bold;
}

.collapseTitle
{
    line-height: 30px;
}

.collapseTitle > a
{
    padding: 1px;
    width:100%;
    height: 100%;
    display: block;
    text-decoration: none !important;
	font-size: 14.4px !important;
}

.checkout-payment {
    margin-bottom:10px;
}

.pager-spacing-left
{
    padding-right:5px;
}

.pager-spacing-right
{
    padding-left:5px;
}

.FlexMyAccountLinkIcon:before
{
    padding-right: 5px;
}

.FlexLogLinkIcon:before
{
    padding-right: 5px;
}

.ui-menu-item > a >.prodImageSuggestion
{
    display: inline-block;
    margin-right: 5px;
    margin-top: 3px;
    float: left;
}

.ui-menu-item > a > .prodTextSuggestion
{
    overflow:hidden;
}

.ui-autocomplete .ui-menu-item a
{
    display: inline-block;
}

.login-panel
{
  padding-right: 10px;
}

input[type=checkbox].chkAllowAnonymousComment
{
    margin-left: 0px;
}

.wb-iconbtn.tags-btnDelete > span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    display: inline-block;
    padding-right: 3px;
}

.tagheader
{
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.ProductBox.thumbnail .caption {
    padding: 9px;
    color: #333;
    height: 110px;
}

.gfxDarkDropdownArrow, .gfxLightDropdownArrow {
    border: 5px solid transparent;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin-left: 3px;
    margin-right: 3px;
}

.gfxDarkDropdownArrow {
    border-top: 5px solid #222222;
}

.gfxLightDropdownArrow {
    border-top: 5px solid #ffffff;
}

.gfxCustomDropdownArrow {
    margin-left: 3px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    display: inline-block;
}

.FlexCustomString > .radio input {
    margin-left: 0;
}

.FlexCustomString > .radio-inline-list > li > input {
    margin-left: -20px;
}

.margin-bottom-small {
    margin-bottom: 15px;
}
div.productList.modal {
    z-index: 1001;
}
@media (max-width : 767px) {
    .accountDetailsSummary .form-group {
        margin-bottom: 15px;
    }
}

@media (min-width : 768px) {
    .accountDetailsSummary .form-group {
        margin-bottom: 0px;
    }
}

a.image-attribute {
    padding: 3px 3px;
}

span.image-attribute {
    padding: 3px 3px;
    margin-right: 5px;
}

.inline {
    display: inline-block !important;
}

.nopadding-left {
    padding-left: 0px !important;
}

.attributeImages {
    display: inline-block;
}

div.attributeImages {
    width: 100%
}

.attr-value {
    padding-bottom: 8px;
}

.attributeSelectionItem > div.form-group {
    width: 100%;
}
@media (min-width : 992px) {
    .cart-collect {
        height: 0px;
        position: relative;
        top: -60px;
        text-align: right;
    }

    .cart-collect-caption {
        font-weight: bold;
        padding: 5px;
    }
}

@media (max-width : 768px) {
    .cart-collect {
        margin-bottom: 10px;
        text-align: left;
    }

    .cart-collect-caption {
        padding-right: 5px;
        font-weight: bold;
    }

    .cart-collect-branch {
    }

    .cart-small-device {
        display: block;
    }

    .cart-collect-buttons .btn-change-delivery,
    .cart-collect-buttons .btn-change-branch,
    .cart-collect-buttons .btn-sel-collect,
    .cart-collect-buttons .btn-sel-delivery {
        display: inline-block;
    }
}


@media (max-width :400px) {
    .cart-collect {
        margin-bottom: 10px;
        text-align: left;
    }

    .cart-collect-branch {
        display: block;
    }

    .cart-collect-caption {
        font-weight: bold;
    }

    .cart-collect-buttons .btn-change-delivery,
    .cart-collect-buttons .btn-change-collect,
    .cart-collect-buttons .btn-change-branch,
    .cart-collect-buttons .btn-sel-collect,
    .cart-collect-buttons .btn-sel-delivery {
        margin: 5px 0 5px 0;
        display: block;
    }
}

/* Check stock availability styles */
.check-stock .ModelStoreFinder {
    color: #094453;
}

.check-stock-product {
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .check-stock-result > div > .availability {
        text-align: right;
    }
}
.check-stock-result > div > .store-details > .store-hours,
.check-stock-result > div > .store-details > .store-info {
    margin-top: 10px;
}
.check-stock-result > div > .store-details > .store > .store-name {
    font-weight: bold;
}
.check-stock-result > div > .availability > .stock {
    margin-bottom: 10px;
}

div.alert > a.close {
    text-decoration: none;
}

.dmsModalBody {
    max-height: 400px;
    overflow: auto;
}

.wb-iconbtn.prodSummary-btnClickCollect > span:before,
.wb-iconbtn.prodListing-btnClickCollect > span:before,
.wb-iconbtn.product-btnClickCollect > span:before {
    font-family: ionicons;
    content: "\f340";
    display: inline-block;
    padding-right: 3px;
}

.wb-iconbtn.prodSummary-btnDelivery > span:before,
.wb-iconbtn.prodListing-btnDelivery > span:before,
.wb-iconbtn.product-btnDelivery > span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d1";
    display: inline-block;
    padding-right: 3px;
}

.ProductSliderBox {
    white-space: normal;
}

.myAccountTabColor {
    background-color: #5A5A5A;
    background: linear-gradient(#5A5A5A, #DFDFDF);
    color: #FFE500;
}

.mcs-item .ManufacturerSliderItem {
    margin: 0px 10px;
    position: relative;
    display: inline-block;
    white-space: normal;
}
.accountTabPnl .nav-tabs > li > a:hover {
    background-color: #5A5A5A !important;
    color: white !important;
}

.DeliveryItem {
    color: black;
}

.DeliveryCharge {
    color: green;
    padding-left: 20px;
    font-weight: bold;
}

.UnavailableDeliveryCharge {
    font-weight: bold;
}

.DeliveryBindMessage {
    font-weight: bold;
}

.radioButtonLabel label {
    display: inline-block;
    font-weight: normal;
}

.checkout-collection-radios label {
    margin-left: 5px;
}
.ui-menu > li {
    background-color: #DFDFDF;
}

div.worldpay-container > div#token_container > div#token_container-button {
    display: none;
}

div.worldpay-container > div#token_container > div#token_container_holder a#_iframe_close {
    position: fixed !important;
}
.wb-iconbtn.product-btnCalculator > span:before,
.wb-iconbtn.prodListing-btnCalculator > span:before,
.wb-iconbtn.prodSummary-btnCalculator > span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1ec";
    display: inline-block;
    padding-right: 3px;
}

#myStoreFinderModel .modal-body {
    overflow-y: hidden !important;
}
.qtyGridViewSign {
    min-width: 50px;
    font-size: 12px;  
    text-align: center;
}

.signGridView {
    padding: 6px 6px;
}

.prodlstcontent .input-group-addon, .input-group-btn {
    width: auto;
}

.disabledButton, .disabledButton:hover, active {
    opacity: 0.6;
    border: hidden;
    cursor: not-allowed;
}

.siteHeaderColor {
    color:black;    
}
.FlexChangeAccountsLink:before {
    padding-right: 5px;
}

.FlexChangeAccountsLink {
    font-size: 14px;
    font-weight: 900;
}

.FlexChangeAccountsButton:before {
    padding-right: 5px;
}

.FlexChangeAccountsButton {
    font-size: 14px;
    font-weight: 900;
}

.lm-iconbtn {
    font-weight: 900;
}

div#modalFilterLoginMenu {
    color: #094453;
}

div#modalEmptyCart {
    color: #094453;
}

.btnPlusClass .input-group-addon, .input-group-btn {
    width: 1%;
}

.btnMinusClass .input-group-addon, .input-group-btn {
    width: 1%;
}

a.btnAddCalculator {
    font-weight: 900;
}
.facetNavControl.popup > .facetFilterSection.DefaultTheme.VerticalFacedPopup > div {
    padding: 5px;
    margin-top: 0px;
    padding: 10px 5px 0px 5px;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
    background-color: #FFFFFF;
    z-index: 1;   
    right:auto;
}
.facetNavControl.popup > .facetFilterSection.DefaultTheme.VerticalFacedPopup > div {
    padding: 5px;
    margin-top: 0px;
    padding: 10px 5px 0px 5px;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
    background-color: #FFFFFF;
    z-index: 1;
    right: auto;
}

.statement-drilldown > span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0ca";
    display: inline-block;
    padding-right: 3px;
}

.hide-visibility {
    visibility: hidden;
}

.podPopUpHeader {
    background: #DFDFDF !important;
    color: #094453 !important;
    border: 0 !important;
}
.siteMaintenance {
    display: table;
    height: 72px;
    vertical-align: middle;
    padding: 2px;
    margin: auto;
}

.siteMaintenance > .inner {
     display: table-cell;
     vertical-align: middle;
     text-align: center;
}

.siteMaintenance > .inner > .siteMaintenanceheading {
    font-weight: bold;
    font-size: 20px;
    color: #b22222;
}
.warningModalHeaderBackground > .modal-header {
    background-color: lightyellow;
}

.ui-dialog {
    height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 100%;
}

.tileErrorQty {
    border: 1px solid red;
}

.tile_error_show {
    color: red;
    margin-left: 10px;
}

label.facetedLabel {
    font-weight: normal;
}

.RunReportCalendar {
    z-index: 9999999 !important;
}

.MakePaymentSectionCss {
    margin-bottom: 5px;
    display: none;
    text-align: center;
}

.midListBox {
    box-sizing: border-box;
    float: left;
    width: 10%;
    height: 5%;
    padding-left: 10px
}

.store-details-top-buffer {
    margin-top: 30px;
    border-top: 1px solid Gainsboro;
    padding-top: 10px;
}

.store-details-TopPadding {
    padding-top: 7px
}

.imgModelStyle {
    display: inline-block;
}

.orderTotalsText {
    font-weight: bold;
}

.orderTotalsValue {
    width: 100px;
}

.deliveryOptions {
    margin-bottom: 10px;
}

.FlexSelectProductVariantsText {
    display: block;
}

.SelectLengthsButton a:link {
    color: #FFFFFF;
}

@media screen and (min-width: 769px) {
    .variants-panel-not-enhanced {
        width: 100%;
        height: 600px;
        overflow: auto;
    }
}

/* Standard menu submenu*/
@media screen and (max-width: 767px) {
    .variants-panel-not-enhanced {
        width: 100%;
        height: 600px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.variants-panel {
    width: 100%;
    height: 600px;
    overflow: auto;
}

@media screen and (min-width: 769px) {
    .variants-panel-non-tally-not-enhanced {
        width: 100%;
        overflow: auto;
    }
}

/* Standard menu submenu*/
@media screen and (max-width: 767px) {
    .variants-panel-non-tally-not-enhanced {
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.variants-panel-non-tally {
    width: 100%;
    overflow: auto;
}

.stickyfooter {
    border-width: 3px;
    background-color: rgba(192,192,192, 0.5);
    border-top: 1px solid #B3B4B6;
    border-bottom: 1px solid #B3B4B6;
    position: fixed;
    padding: 15px;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
}

.stickypanel {
    position: relative;
    padding: 15px;
    background: white;
    border: 1px solid #B3B4B6;
    overflow: auto;
}

.stickytext {
    float: right;
    margin-right: 20px;
    text-align: right;
    line-height: 36px;
}

.stickycount {
    font-weight: bold;
}

.WarningHeading {
    font-weight: bold;
}

.ErrorHeading {
    font-weight: bold;
}

.CartWarningMessages {
    overflow: auto;
    height: 300px;
}

.AddToCartMultipleMessageBox {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 700px;
    z-index: 100;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    box-shadow: 3px 3px 7px #606060;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
}

.ProductsAddedToCartMessage {
    font-style: normal;
}

.ViewMoreMessage {
    font-weight: bold;
    margin-top: 10px;
    float: left;
}

@media screen and (max-width: 768px) {
    .form-inline .form-group.storeLocationMarginDiv {
        margin-bottom: 15px !important;
    }
}
/* DMS modal */
.DMSDeliveryRadioIconCheckCss {
    margin-left: 10px;
}

.DMSDeliveryIconDangerCss {
    margin-left: 15px;
}
.AgedAnalysisChartCss {   
}

.address-sub-heading {
    font-weight: bold;
}

.chart-container {
    position: relative;
    margin: auto;
    height: 40vh;
}

.cookie {
    position: fixed;
    top: auto;
    right: auto;
    left: auto;
    bottom: 0;
}

.modal-open {
    overflow-y: auto;
}

.cookie p {
    color: #094453;
}

.cookiegroupswitch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-right: 10px;
    vertical-align: bottom;
}

    /* Hide default HTML checkbox */
    .cookiegroupswitch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.cookiegroupslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b92c28;
    -webkit-transition: .4s;
    transition: .4s;
}

    .cookiegroupslider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: #FFFFFF;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .cookiegroupslider {
    background-color: #3e8f3e;
}

input:disabled + .cookiegroupslider {
    background-color: #e0e0e0;
}

input:focus + .cookiegroupslider {
    box-shadow: 0 0 1px #3e8f3e;
}

input:checked + .cookiegroupslider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.cookiegroupslider.round {
    border-radius: 34px;
}

    .cookiegroupslider.round:before {
        border-radius: 50%;
    }

.cookieitemswitch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    margin-right: 10px;
    vertical-align: bottom;
}

    /* Hide default HTML checkbox */
    .cookieitemswitch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.cookieitemslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b92c28;
    -webkit-transition: .4s;
    transition: .4s;
}

    .cookieitemslider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 2px;
        bottom: 2px;
        background-color: #FFFFFF;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .cookieitemslider {
    background-color: #3e8f3e;
}

input:disabled + .cookieitemslider {
    background-color: #e0e0e0;
}

input:focus + .cookieitemslider {
    box-shadow: 0 0 1px #3e8f3e;
}

input:checked + .cookieitemslider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.cookieitemslider.round {
    border-radius: 17px;
}

    .cookieitemslider.round:before {
        border-radius: 50%;
    }

.cookiegrouptitle {
    font-size: 20px;
}

.cookiegroupbody {
    font-size: 15px;
}

.cookiegrouptoggle {
    margin-top: 8px;
}

.cookieitemtoggle {
    margin-top: 8px;
}

hr.separatorstyle {
    border-top: 3px dashed #bbb;
}
@media only screen and (orientation: landscape) {
    .chart-container {
        position: relative;
        margin: auto;
        height: 60vh;
    }
}

.accounts-up-level {
    margin-left: 5px;
    font-size: 18px;
}

[type='button']#configurator834 {
    cursor:pointer;
    padding:5px 25px;
    background:#35b128;
    border:1px solid #33842a;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
    box-shadow: 0 0 4px rgba(0,0,0, .75);
    color:#f3f3f3;
    font-size:1.1em;
}

[type='button']#configurator834:hover, 
[type='button']#configurator834:focus {
    background-color :#399630;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75);
}

div#configurator834View div.extconfigurator-content-header {
  background-color: #f3f2f3;
}

div#configurator834View div.extconfigurator-content-header > [type='button'] {
  background-color: #35b128;
  color: #f3f3f3;
}

.PoweredByLogo span {
  vertical-align: middle;
  line-height: 25px;
  display: none;
}


div.footer {
  display: block;
  position: relative;
}

div.PoweredBy {
  display: block;
  position: relative;
  top: 0em;
  right: 0px;
  height: 25px;
  width: 192px;
  line-height: 20px;
  text-align: center;
  margin-right: 10px;
  margin-top: 0px;
}

.PoweredByLogo {
  display: block;
  width: 192px;
  height: 25px;
  text-align: center;
  text-decoration: none; 
  background: url(dbfile.axd?name=K8_Web_Builder_White.png);
  background-image: url(dbfile.axd?name=K8_Web_Builder_White.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-right: 10px;
}
