/**************************************************************

Copyright - Barnes & Mullins Ltd

**************************************************************/

/*
	image-rendering: -moz-crisp-edges;         /* Firefox 
	image-rendering:   -o-crisp-edges;         /* Opera 
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) 
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) 
	
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&display=swap');

:root {
	--bmprimary: #fe5000;
	--bmsecondary: #ff793b;
	--pad5: 5px;
	--pad10: 10px;
	--pad15: 15px;
	--light: #ddd;
	--radius: 3px;
	--lightg: #a9a9a9;
	--pad20: 20px;
	--pad30: 30px;
	--lightv: #f5f5f5;
	--bordergrey: #ddd;
	--semilight: #666;
	--standard: #333;
	--trans: 0.3s ease;
	--qtrans: 0.1s ease;
	--upper: uppercase;
	--padrem: 0.675rem;
	--darkgrey: #404040;
	--mar30: 30px;
	--mar40: 40px;
	--mar60: 60px;
	--white: white;
	--bebas: bebas-neue, sans-serif;
	--oswald: 'Oswald', sans-serif; 
	
}
::selection {
  background: #666; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #666; /* Gecko Browsers */
  color: white;
}
:focus {
	outline: 0;
}
html {
	

	/*font-family: jaf-domus, sans-serif;*/
	/*font-weight: 300;*/
	font-style: normal;
	
	font-size: 100%;
	font-family: "proxima-nova",Arial,,sans-serif;
	/*font-family: open-sans, sans-serif;*/
	font-weight: 400;
}
body {
	background: #fff;
	font: normal 14px/26px "proxima-nova",Arial,sans-serif;
	/*font: normal 16px/30px jaf-domus, sans-serif;*/
	
	/*font: normal 16px/30px open-sans, sans-serif;*/
	
	/*font-family: "proxima-nova",sans-serif;*/
	/*font-family: open-sans,sans-serif;*/
	/*font-family: jaf-domus, sans-serif;*/
	/*font-weight: 300;*/
	font-weight: 400;
	font-style: normal;
    letter-spacing: 0;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 100%;
}
textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,.uneditable-input:focus,button:focus,button {
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.paddingzero {
	padding-left: 0px;
	padding-right: 0px;
}
.hidden {
    display: none!important;
}

input, textarea, select {
	outline: none !important;
	border-radius: var(--radius);
	width: 100%;
	padding: 5px;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--bmprimary);
    outline: 0;
    box-shadow: none;
}
.button {
	width: 100%;
	border-radius: var(--radius);
	border: 1px solid;
	transition: var(--trans);
}
.firstproduct {
	margin-right: -1px;
}
.padtop15 {
	padding-top:15px !important;
}
button,input,select,textarea,checkbox {
	outline: none;
}
input,select,textarea {
	background: white;
}
.maxwidth {
	max-width: 1370px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	width: 100%;
}
a {
	transition: var(--trans);
	color: var(--standard);
	text-decoration: none;
}
a:hover,a:active, a:focus {
	text-decoration: none;
	color: var(--bmprimary);
}
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	font-size: 0.8rem;
}
.spacerheight {
	padding-top: 5px;
	padding-bottom: 5px;
} 
.spacer {
    padding-top: 10px;
    padding-bottom: 10px;
}

#notice-cookie-block {
	position: fixed;
	width: 100%;
	bottom: 0px;
	height: auto;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.9);
	color: var(--white);
	text-align: center;
	z-index: 1000;
	padding: var(--pad10);
}
#notice-cookie-block a {
	color: var(--bmprimary);
	font-weight: bold;
}
#notice-cookie-block button {
	padding: var(--pad5) var(--pad10);
	margin: 0 auto;
	display: block;
	width: auto;
	background: var(--bmprimary);
	color: var(--white);
	text-transform: var(--upper);
	font-weight: bold;
	font-size: 0.8rem;
	border: 1px solid var(--bmprimary);
	border-radius: var(--radius);
}
#notice-cookie-block .actions {
	text-align: center;
}

.customspacer {
	margin-top:30px;
	margin-bottom: 15px;
}
.history-credits {
    margin: 0px 0px 15px;
    padding: 0px 0px 15px;
    border-bottom: 1px solid #ddd;
}
.imgholder img {
    width: 100%;
}
.top-grey-bar {
    background: #f7f7f7;
    /*background: var(--bmprimary);*/
    font-size: 0.8rem;
}
ul.links {
    margin: 0px;
    padding: 0px;
    float: right;
}
ul.links li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
ul.links li a {
	margin: 0px;
	padding: 0px 7px;
	display: block;
	text-transform: uppercase;
	font-size: 0.7rem;
	
}
ul.links li a:hover {
	color: #fe5000;
	
}
ul.links li.last {
	border-right: 0px;
}
a.logo-link {
	display: block;
	width: 100%;
	text-align: center;
}
a.logo-link img {
	max-width: 194px;
	width: 100%;
	padding-top: var(--pad5);
}
a.login-button {
	display: block;
	width: 100%;
    text-align: center;
    text-transform: uppercase;
    background: #ddd;
    color: #666;
    padding: .375rem .75rem;
    cursor: pointer;
	border-radius: 3px;
	transition: var(--trans);
	font-weight: bold;
	font-size: 0.8rem;
}
a.login-button:hover {
	color: #fff;
	background: var(--bmprimary);
}

.searchfixed {
	display: block ;
}
.searchbox {
    padding: 0.9rem;
    border: 1px solid var(--bmprimary);
    box-shadow: none !important;
    outline: none;
    font-weight: bold;
    text-transform: var(--upper);
    font-size: 0.8rem;
}
.icon-bar {
	background: #fe5000;
	padding:15px;
	color: white;
	font-size: 2rem;
	position: relative;
	z-index: 999;
}
.icon-bar a {
	text-align: center;
	display: block;
	
}
.iconfixed {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
}
.headersticky {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999;
	max-width: 100%;
	box-shadow: 0px 1px 10px rgba(204, 204, 204, 0.56);
	background: var(--white);
}
.headersticky .hfix {
	max-width: 1370px;
	margin: 0 auto;
}
.icon-bar a {
	color: white;
}
.accountbar {
	position: fixed;
	top: 62px;
	background: #ddd;
	left: 0px;
	right: 0px;
	z-index:1000;
	display: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 40px -5px rgba(143,143,143,0.75);
	-moz-box-shadow: 0px 0px 40px -5px rgba(143,143,143,0.75);
	box-shadow: 0px 0px 40px -5px rgba(143,143,143,0.75);	
}
.accountbar a {
	color: #333;
	padding:10px 0px;
	display: block;
	text-transform: uppercase;
	font-size: 0.8rem;
}
.accountbar a:hover,.accountbar a:focus, .accountbar a:active {
	color: #fe5000;
}
.newmenu {
	text-align: center;
    text-transform: uppercase;
    color: #545454;
    font-weight: bold;
    background: #ddd;
    padding: 10px;
	cursor:pointer;
}
.bm-menu-container {
	position: fixed;
	top: 0;
	height: 100%;
	left: -100%;
	width:100%;
	z-index: 100010;
	overflow-y: auto;
	background: rgba(0,0,0,0.8);
	transition: 0.3s ease;
}
.bm-menu-close {
	background: darkred;
	color: white;
	padding: 3px;
	text-align: center;
	width: 100%;
	border: 0px;
	font-size: 0.8rem;
	text-transform: uppercase;
}
.newmenu {
	text-align: center;
    text-transform: uppercase;
    color: #545454;
    font-weight: bold;
    background: #ddd;
    padding: 10px;
	cursor:pointer;
}
.bm-menu-container ul {
	background: white;
}
.bm-menu-block {
	width: 100%;
	text-align: center;
	padding: 25px 0px 15px;
	color: white;
	
}
.bm-menu-block p {
	margin-bottom: 0px;
    margin: 5px 0px;
    font-size: 0.8rem;
    line-height: 1rem;
}
.bm-menu-block img{
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
	display: block;
	border-radius: 3px;
	margin-bottom: 10px;
}
.bm-bottom-ad {
	margin:0 0px 15px;
}
.menu-grey {
	background-color: var(--light);
}
.relativepos {
	position: relative;
}
ul.desktop-nav {
	margin: 0;
	padding: 0;
	transition: var(--trans);
}
ul.desktop-nav li {
	display: inline-block;
	position: relative;
}
ul.desktop-nav li a {
	display: block;
    padding: var(--padrem) 0;
    text-transform: var(--upper);
    color: var(--standard);
    font-weight: bold;
    font-size: 0.8rem;
    text-align: left;
    margin-right: var(--pad20);
}
ul.desktop-nav li a:hover {
	color: var(--bmprimary);
}
ul.desktop-nav li.sub-menu-list:hover ul.sub-links {
	display: block;
}
ul.sub-cats {
	column-count: 4;
	-moz-column-fill: balance;
	column-fill: balance;
	margin: 0;
	padding: 0;
}
ul.sub-cats li {
    list-style: none;
    padding: 0.12rem;
    line-height: 1rem;
    display: block;
}
ul.sub-cats li a {
	color: var(--standard);
	font-size: 0.7rem;
	font-weight: bold;
	text-transform: uppercase;
	
}
ul.sub-cats li a:hover {
	color: var(--bmprimary);
}

ul.sub-links {
	display: none;
	position: absolute;
	left: 0px;
	width: 350px;
	height: auto;
	background: var(--light);
	color: white;
	margin: 0;
	padding: 0;
	z-index:100;
	transition: var(--ease);
	opactiy: 0;	
}
ul.sub-links li {
	margin: 0px;
	padding: 0px;
	display: block;
}
ul.sub-links li a {
    color: var(--standard);
    padding: 0rem var(--pad15);
    font-size: 0.7rem;
    text-transform: var(--upper);
}
ul.sub-links li a:hover {
	background: none;
}
ul.desktop-nav li.sub-menu-list:hover ul.sub-links{
	display: block;
	opacity: 1;
}

.main-menu-desktop {
	display: none;
	position: absolute;
	left: 0px;
	background: var(--light);
	width: 100%;
	margin: 0;
	padding: var(--padrem) var(--pad15);
	z-index:100;
	transition: var(--ease);
	opacity: 0;	
}
.menu-block-holder {

}
.menu-block-holder img {
	width: 100%;
}
.menu-block-holder p {
    margin: 5px 0px;
    font-size: 0.8rem;
    line-height: 1rem;
	color: white;
}

.mini-cart-header {
	font-size: 0.9rem;
	text-align: center;
    padding: 0.2rem;	
	color: #969696;
}
.mini-cart-header span {
	font-weight: bold;
	color: var(--bmprimary);
	font-size: 1rem;
}

.light-grey {
	background-color: var(--light);
}
.dark-grey {
	background-color: var(--darkgrey);
}


.dsktm {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.dsktm li {
	display: inline-block;
}
.dsktm li a {
    display: block;
    padding: var(--padrem) var(--pad5);
    text-transform: var( --upper);
    color: var( --standard);
    font-weight: bold;
    font-size: 0.8rem;
    text-align: center;
}
.dsktm li a:hover {
	color: var(--bmprimary);
}
.dsktm li ul {
	display: none;
	position: absolute;
	top: 100%;
	/* top: 99%; */
	left: 0;
	padding: var(--pad15);
	/* background-color: var(--light); */
	background-color: #f7f7f7;
	width: 100%;
	box-sizing: border-box;
	z-index: 600;
}
.dsktm li:hover ul {
	display: block;
}
.dsktm li ul li {
	/* width: 30.5%; */
	/* float: left; */
	/* display: inline-block; */
}

.dd-menu {
	position: relative;
}
.dsktm li.dd-menu ul {
	width: 250px;
	height: auto;
	border-top: 2px solid var(--bmprimary);
}
.dsktm li.dd-menu ul li {
	display: block;
	width: 100%;
	text-align: left;
}
.dsktm li.dd-menu ul li a {
	display: block;
	text-align: left;
	font-weight: normal;
	padding: 0;
}
.dsktm ul.level0 {
	/* background-color: #efefef; */
	background-color: #f7f7f7;
	border: 1px solid var(--light);
  	column-count: 5;
	-moz-column-fill: auto;
	column-fill: auto;
	border-bottom-right-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	border-top: 2px solid var(--bmprimary)
}
.dsktm ul.level0 li {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;	
}
.dsktm ul.level0 li:last-child{
	margin-bottom: var(--pad15);
}
.dsktm ul.level0 li a {
	font-weight: bold;
}
.dsktm ul.level1 {
	position: relative;
	padding: 0;
	margin: 0;
}
.dsktm ul.level1l li {
	display: block;
}
.dsktm ul.level1 li a {
	font-weight: normal;
}
.dsktm ul.level0 li ul.level1 {
	display: block;
	position: relative;
	padding: 0;
	background: transparent;
}
.level1.category-item.parent a { 
	display: block;
	border-bottom: 1px solid var(--standard);
	padding: 0 var(--pad5);
	font-size: 0.7rem;
}
.level1.category-item.parent a:hover {
	color: var(--bmprimary);
}
.level2.category-item a {
	border-bottom: 0px !important;
	text-transform: capitalize;
}
/* li#cat_2625 ul.s-lvl { */
	/* display: block; */
/* } */

.dsktm ul.level0, .dsktm ul.level1 {
	margin: 0px;
	padding: var(--pad10);
}

.dsktm ul.level0 li,.dsktm ul.level1 li {
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}
.dsktm ul.level0 li a, .dsktm ul.level1 li a {
	color: var(--standard);
	padding:0;
	margin: 0;
	font-size: 0.7rem;
	line-height: 1.2rem;
	text-align: left;
}
.dsktm a.sub-title {
	display: block;
	border-bottom: 1px solid var(--standard);
	margin-top: var(--pad15);
	padding: 0 var(--pad5);
	font-size: 0.8rem;
}
.dsktm a.t-lvl-link {
	text-transform: capitalize !important;	
}
.dsktm a.t-lvl-link:hover {

}
.dsktm ul.level1 li a {
    padding: 0 var(--pad5);
}


.dsktm ul.level1 li a:hover {
    background-color: #ccc;
    color: var(--standard);
    border-radius: var(--radius);
}
.catmenuimg {
	width: 120px;
	max-width: 100%;
	border: 1px solid var(--light);
	background: var(--white);
	padding: var(--pad10);
	margin-bottom: var(--pad10);
}
a.brandimglink {
	display: block !important;
	width: 100%;
	text-align: center !important;
	margin-bottom: var(--pad10) !important;
}
.mright-align {
	float: right;
}
.specialitem {
	background: var(--standard);
	color: var(--white);
}
.specialitem a {
	color: white;
}
.menu-spacer {
	width: 100px;
	display: block;
}
.navblock { 
	position: relative;
	/* z-index: 600; */
	background: var(--light);
}
.mobile-nav {
	text-transform: var(--upper);
}
.pageoverlay {
    width: 100%;
    height: 100%;
    z-index: 50;
    visibility: hidden;
    /* visibility: visible; */
    position: fixed;
    top: 0;
    left: 0;
    transition: background 0s ease,visibility 0s ease;
	/* background-color: rgba(34,34,34,0.33); */
}

body.hoverover .pageoverlay {
    background-color: rgba(34,34,34,0.33);
	visibility: visible;
}













.scroll-to-top {
	color: #111;
	padding:15px 0px;
	text-align: center;
	margin:30px 0px;
}
.uparrow {
	border: 1px solid darkgrey;
	color: darkgray;
	border-radius: 50%;
	padding:20px;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	transition: 0.3s ease;
}
.uparrow:hover {
	border-color: white;
	background: white;
	color: #fe5000;
	cursor: pointer;
}
.quick-links-footer {
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 15px 0px;
}
.quick-links-footer ul {
	margin: 0 auto;
	padding: 0px;
	text-transform: uppercase;
	font-size: 0.8rem;
}
.quick-links-footer ul li {
	list-style: none;
	margin: 0px;
	display: inline-block;
	padding:0px 10px;
}
.quick-links-footer ul li a, .copyright-links ul li a{
	text-align: center;
	padding-left: 3px;
	color: darkgrey;
}
.quick-links-footer ul li a:before, .copyright-links ul li a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	color: #fe5000;
	font-size: 0.7rem;
	padding-right: 3px;
}
.footer-container {
	background: #ddd;
	color: darkgray;
	margin-top: 30px;
}
.footer-link-row {
    padding: 25px 0px;
}
.footer-links h4 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 1rem;
	color: #404040;
	margin-bottom: 10px;
}
.footer-links {
	font-size: 0.8rem;
	line-height: 1rem;
	margin: 0px 0px 25px 0px;
}
.footer-links ul {
	margin: 0px;
	padding: 0px;
}
.footer-links ul li {
	list-style: none;

}
.footer-links p {
	margin: 0px;
}
.footer-links ul li a {
	margin: 0px;
	padding; 0px;
}
.copyright-container {
	font-size: 0.8rem;
	background: #404040;
	padding:30px 0px;
	color: #ddd;
}
.copyright-links {
	margin: 0px;
	padding: 0px;
}
.copyright-links ul {
	list-style: none;
	margin: 0px;
	display: inline-block;
	padding:0px 10px;
}
.copyright-links ul li {
	display: inline-block;
}
.copyright {
	text-align: right;
}
.breadbg{
	background: #f7f7f7;
	margin-bottom: 30px;
}
.breadcrumbs ul {
	margin: 0px;
	padding: 0px;
}
.breadcrumbs ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	padding:var(--pad5) 0px;
	text-transform: uppercase;
	font-size: 0.6rem;
	color: black;
	font-weight: normal;
}
.breadcrumbs ul li:after {
	content: "/";
	display: inline-block;
}
.breadcrumbs ul li:last-child:after {
	content: "";
}
.breadcrumbs ul li span {
	color: darkgrey;
}
.breadcrumbs ul li a {
	color: black;
}
.breadcrumbs ul li a:hover {
	color: #fe5000;
}
.breadcrumbs ul li.home.item::after {
	content: "/";
	display: inline-block;
	
}
.brand-logo-holder {
	border: 1px solid #ccc;
	height: 100%;
}
.brand-logo-holder img {
	width: 100%;
	padding:15px;
}
.bottom30 {
	margin-bottom: var(--mar30);
}
.homemessage {
	padding: var(--mar30) 0px 18px;
	color: #333;
}

.homemessage p {
	margin: 0px;
	padding: 0px;
	line-height: 1.6rem;
	text-align: center;
	font-size: 1.3rem;
	letter-spacing: -1px;
	font-weight: 300;
}
.homemessage p strong {
	text-transform: uppercase;
	font-weight: bold;
}
.messagebg {
	/*background: rgba(233,236,239,0.3);*/
}
.spacertop {
	padding-top: var(--pad15);
}
.dual-height {
	height: 630px;
	width: 100%;
	margin-bottom: var(--mar30);
}
.top-row, .second-row-left, .second-row-right {
	margin-bottom: var(--mar30);
}
.second-row-left {
}
.outer-radius {

}

.most-viewed-wrapper, .news-slider-wrapper {
	margin: var(--mar30) 0px 0px;
	/*padding-bottom: var(--pad30);*/
	width: 100%;
}
.most-viewed-title, .news-header-title, .events-header-title {
	font-size: 1.5rem;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: var(--pad15);
	padding-bottom: var(--pad15);
	border-bottom: 1px solid #ddd;
	/*color: darkgrey;*/
	color: var(--standard);
}
.most-viewed-title strong, .news-header-title strong, .events-header-title strong {
	color: #fe5000;
	margin-right: -1px;
}
.news-header-title span {
	color: #ff793b;
	font-weight: bold;
}
.most-viewed-item {
	padding: var(--pad15) var(--pad15);
	text-align: center;
}
.mv-img {
	min-height: 200px;
	margin-bottom: var(--pad15);
	position: relative;
	background-size: contain !important;
	padding:var(--pad30);
	width: 100%;
}
.centimg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.mv-img img {
	max-width: 100%;
	max-height: 100%;
}
.mv-img a {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
}
.mv-txt {
	min-height: 50px;
}
.mv-txt h2.product-name {
	line-height: 0.9rem;
}
.mv-txt h2.product-name a{
	font-size: 0.9rem;
	color: #4c4c4c;
}
.mv-txt h2.product-name a:hover, .mv-txt h2.product-name a:active {
	color: var(--bmprimary);
}
.homeNewsSlider{
	height: 100%;
}
.newsArticleSlide {
	background-position: center center;
	background-size: cover;
}
.latestNews {
	
}
.news-header-title, .most-viewed-title {
	margin-bottom:15px;
	padding-bottom:8px;
	border-bottom: 1px solid #ddd;
}
.news-item-img {
	position: relative;
	margin-bottom: var(--pad15);
}
.newscontent {
	color: #666;
}
.news-item-img:hover .newscontent {
	bottom:0;
	
}
.newscontent h1.articletitle a { 
	font-size: 1rem;
}
.newscontent h2 {
	font-size: 0.7rem;
	margin: 10px 0px;
}
.newscontent h1.articletitle {
	line-height: 1.1rem;
	width: 80%;
	min-height: 48px;
}
.newscontent .pub_date {
	font-size: 0.6rem;
}
.news-item-home {	
/*	border: 1px solid #ddd;*/
	margin-bottom:45px;
	/*padding:10px;*/
	border-bottom: 1px solid #ddd;
	padding-bottom:15px;
	min-height: 340px;
}
.news-item-home-intro p{
	font-size: 0.8rem;
	margin: 0px;
	padding: 0px;
	line-height: 1rem;
	min-height: 64px;
}
.news-item-home-intro a {
	font-size: 0.9rem;
	text-align:right;
	display: block;
	border-top:1px solid #ddd;
	padding: 5px 0px 0px;
	margin: 5px 0px 0px;
	text-transform: uppercase;
}
.news-item-home-title {
	font-size: 0.9rem;
	line-height: 1rem;
	margin:10px 0px;
	min-height: 32px;
}
.padbot5 {
	padding-bottom: 5px !important; 
}
.news-item-home-date {
	font-size: 0.8rem;
}
.news-separator {
	margin: 10px 0px 20px;
}
.marker_filter {
	border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 30px;
    position: relative;
	cursor: pointer;
}
.dealeractive {
	border-color: var(--bmprimary) !important;
}


.block-news-side {
	
}

.news-side-title {
    text-transform: var(--upper);
    border-bottom: 1px dotted var(--light);
    margin: 0px;
    padding: 0px;
    margin-bottom: var(--pad10);
	font-weight: bold;
	font-size: 0.97rem;
}
.news-side {
    margin-bottom: var(--pad30);
}
ul.recentnews {
	margin: 0px;
	padding: 0px;
}
ul.recentnews li { 
    padding: 0!important;
    list-style: none;
    border: 1px solid var(--light);
    margin-bottom: var(--pad10);
	border-radius: var(--radius);
	overflow: hidden;
}
/* ul.recentnews li:last-child { */
	/* border: 0px; */
/* } */
a.news-text-link {
    text-transform: var(--upper);
    font-size: 0.7rem;
    margin-top: var(--pad5);
    display: block;
    line-height: 1rem;
	font-weight: bold;
	color: black;
	transition: var(--qtrans);
	padding: var(--pad5) var(--pad10);
}
a.news-text-link:hover {
	color: var(--bmprimary);
}










.resetMapButton {
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 3px;
    border-color: var(--bmprimary);
    background-color: #ffb795;
    color: white;
    text-transform: uppercase;
    padding: 4px;
	transition: 0.3s ease;
	cursor: pointer;
	width: 100%;
	color: white;
	font-size: 0.8rem;
	outline: none !important;
}
.resetMapButton:hover {
	background: var(--bmprimary);
	border-color: var(--bmprimary);
	color: var(--white);
}
.resetmap {
	display: none;
}
.inner-spacing {
    min-height: 40px;
    margin-bottom: 30px;
}
.order-text {
	font-weight: normal;
	color: var(--semilight);
}

.gallery-placeholder{ width: 100%; }

.block.filter {
	margin-bottom: var(--pad30);
}

.block.filter .filter-title {
	margin-bottom: var(--pad20);
}

.block.filter .filter-title strong {
	font-size: 18px;
}

.block-subtitle {
	display: inline-block;
	margin-bottom: 10px;
}

.filter-current .item {
}

.filter-current .filter-label {
	color: #999;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
    font-size: 0.8em;
    display: block;
    width: 100%;
    padding: 0px var(--pad10);
    background: #ddd;
    border-radius: 0px;
    margin: -1px 0px;
}

.filter-current .filter-label:after {
	content: ':';
}

.filter-current+.filter-actions {
	margin-bottom: 30px;
    display: block;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 0px 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 0.6em;
}
 
.filter-options {
	margin: 0;
}

.filter-options .filter-options-title {
	border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    background-color: darkgrey;
    padding: var(--pad5);
    color: var(--white);
    margin-bottom: 0px;
	text-transform: var(--upper);
	font-weight: normal;
	font-size: 0.8rem;
}

.filter-options .filter-options-content {
    margin: 0 0 15px;
    border-left: 1px solid var(--light);
    border-right: 1px solid var(--light);
    border-bottom: 1px solid var(--light);
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
}
.filter-options .filter-options-title .fas {
	float: right;
    font-size: 0.8rem;
    margin-top: 8px;
    margin-right: 5px;
}
.filter-options .filter-options-content .item a {
	border-bottom: 1px solid var(--light);
	display: block;
	font-size: 0.7rem;
	padding-left: 5px;
}
.filter-options .filter-options-content .item a .far {
	font-size: 0.6rem;
	opacity: 0.5;
}
.filter-options .filter-options-content .item:last-child a {
	border-bottom: 0px;
}

.filter-options .filter-options-content .item a:hover .far {
	opacity: 1;
}
.filter-options .filter-options-content .item a:hover {
	background-color: whitesmoke
}
.filter-options .count {
	color: #7d7d7d;
}

.filter-options .count:before {
	content: '(';
}

.filter-options .count:after {
	content: ')';
}

.filtered .items {
	margin: 15px 0;
}

.filtered .item {
	margin-bottom: 6px;
	padding-left: 22px;
	position: relative;
}

.filtered .item .label {
	font-weight: 700;
}

.filtered .item .action.remove {
	left: -6px;
	position: absolute;
	top: 0;
}
.filter-current a.action.remove {
	color: darkred;
    float: right;
    font-weight: bold;
    font-size: 0.8rem;
	display: inline-block;
	padding: 5px;
}
.filter-current .filter-value {
	padding: 5px 10px;
    display: inline-block;
    font-size: 0.8rem;
}
.filter-current li.item {
	border-left: 1px solid var(--light);
	border-right: 1px solid var(--light);
}
.filtered+.actions {
	margin-bottom: 35px;
}

.filter-current-subtitle {
    padding: var(--pad5);
    display: block;
    background: #fe5000;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    text-transform: uppercase;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 0.8rem;
}
.block.filter ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
a.product-item-photo img {
	width: 360px;
	max-width: 100%;
	height: auto;
}

.pages > .label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pages .items {
    font-size: 0;
    letter-spacing: -1px;
    line-height: 0;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none none;
    display: inline-block;
	float: right;
}
.pages .item {
    font-size: 0.8rem;
    line-height: 1.6rem;
    letter-spacing: normal;
    margin: 0 4px 0 0;
    display: inline-block;
}
.pages .item .label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pages a.page {
    color: var(--standard);
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
	border: 1px solid var(--light);
	border-radius: var(--radius);
	background: var(--white);
}
.pages a.page:visited {
    color: var(--bmprimary);
}
.pages a.page:hover {
    color: var(--white);
	background-color: var(--bmprimary);
	border-color: var(--bmprimary);
    text-decoration: none;
}
.pages a.page:active {
    color: #ff5501;
}
.pages strong.page {
    background: var(--bmprimary);
    font-size: 0.8rem;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: var(--white);
    display: inline-block;
    font-weight: normal;
    padding: 0 10px;
	border-radius: var(--radius);
	border: 1px solid var(--bmprimary);
}
.pages .action {
    background: #f0f0f0;
    border: 1px solid #ccc;
    color: #7d7d7d;
    display: inline-block;
    padding: 0;
    text-decoration: none;
}
.pages .action:visited {
    color: #7d7d7d;
}
.pages .action:hover {
    background: #dedede;
    color: #7d7d7d;
    text-decoration: none;
}
.pages .action:active {
    color: #7d7d7d;
}
.pages .action.next {
    display: inline-block;
    text-decoration: none;
}
.pages .action.next:visited:before {
    color: #7d7d7d;
}
.pages .action.next:active:before {
    color: #7d7d7d;
}
.pages .action.next > span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pages .action.next:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: inherit;
    color: #7d7d7d;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: 900;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.pages .action.next:hover:before {
    color: #7d7d7d;
}
.pages .action.next:active:before {
    color: #7d7d7d;
}
.pages .action.previous {
    display: inline-block;
    text-decoration: none;
}
.pages .action.previous:visited:before {
    color: #7d7d7d;
}
.pages .action.previous:active:before {
    color: #7d7d7d;
}
.pages .action.previous > span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pages .action.previous:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: inherit;
    color: #7d7d7d;
    font-family: "Font Awesome 5 Free";
    content: "\f053";
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: 900;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.pages .action.previous:hover:before {
    color: #7d7d7d;
}
.pages .action.previous:active:before {
    color: #7d7d7d;
}
.pages .action {
    box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3);
    border-radius: 3px;
    padding: 0 8px;
}
.pages .action.previous {

}
.pages .action.next {

}
a.showcart {
	display: block;
	text-align: center;
}
.product-item-info {
	border: 1px solid var(--light);
	position: relative;
	border-radius: var(--radius);
	margin-bottom: 30px;
}

.list-stock-notice {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 46px;
    display: block;
	overflow: hidden;
	border-radius: 3px;

}
.list-stock-wording {
    position: absolute;
    z-index: 101;
    transform: rotate(-13deg);
    top: 6px;
    left: 7px;
    color: white;
    font-weight: bold;
    font-size: 0.8rem;
    text-transform: uppercase;
}
.list-stock-color {
	position: relative;
	width: 0;
	height: 0;
    border: 0 solid transparent;
    border-bottom-width: 45px;
    border-top-width: 0px;
    border-left: 12rem solid black;	
}
.list-stock-color.green {
	border-left: 12rem solid limegreen;
}
.list-stock-color.yellow {
    border-left: 12rem solid orange;
}
.list-stock-color.reserve {
    border-left: 12rem solid #f77600;
}
.list-stock-color.red {
    border-left: 12rem solid darkred;
}
.product-info-wrapper {
	padding: var(--pad10);
}
.product-list-sku {
	font-size: 0.7rem;
    color: black;
    line-height: 1rem;
    font-weight: bold;
}
.product-item-inner a.login-button {
	padding: var(--pad10);
	height: auto;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	font-size: 0.8rem;
}
.product-item-inner {
	padding: 0 var(--pad10) var(--pad10);
}
.product-item-inner .input-text.qty {
	text-align: center;
	border: 0px;
	border-radius: 0;
	height: 30px;
}
.product-item-inner .product.actions.product-item-actions.reduction {
	margin: -11px -10px -10px;	
}
.btn-addtoorder {
	display: block;
	width: 100%;
	background-color: green;
	color: #fff;
	border: 0px;
	font-size: 0.8rem;
	text-transform: uppercase;
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);	
	transition: 0.3s ease;
	cursor: pointer;
}
.btn-addtoorder:hover {
	background-color: #009e00;
}
.btn-down,.btn-up {
	display: block;
	width: 100%;
	height: 30px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	opacity: 0.5;
	transition: var(--trans);
	cursor: pointer;
}
.btn-down:hover, .btn-up:hover {
	opacity: 1;
}
.btn-down {
	border-top-left-radius: var(--radius);
	color: var(--white);
	background-color: darkred;
}
.btn-up {
	border-top-right-radius: var(--radius);
	color: var(--white);
	background-color: #009e00;	
}
.btn-configure {
	display: block;
	width: 100%;
	background-color: slategrey;
	color: var(--white);
	border: 0px;
	font-size: 0.8rem;
	text-transform: var(--upper);
	padding: 0px;
	border-radius: var(--radius);
	transition: var(--trans);
}
.btn-configure:hover {
	background-color: dimgrey;
}
.btn-configure:hover .fa-cog {
	    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.product-info-wrapper .product-image-wrapper { 
	padding-bottom: 0 !important;
}
a.product-item-link {
    font-size: 0.8rem;
    line-height: 1rem;
    display: block;
	min-height: 35px;
	border-bottom: 1px solid var(--light);
}
.price-block-function {
	min-height: 35px;
}
.price-label, .bottom-price-row {
    font-size: 0.7rem;
    min-height: 16px;
	color: grey;
	font-style: italic;
}
.bottom-price-row {
	line-height: 1.5rem;
}
.top-price-row {
	line-height: 0.3rem;
}
.trade-price, .msrp-price {
	text-transform: var(--upper);
}
.trade-price {
	font-weight: bold;
	color: darkred;
	font-style: normal;
}
.special-offer, .maindealer-price, .clearance-price {
	color: #6666b7;
	font-weight: bold;
	text-transform: var(--upper);
	font-size: 0.8rem;
}
.maindealer-price {
	color: #31708f;
}
.clearance-price {
	color: darkred;
}
.product-list-note {
    border: 1px solid var(--light);
    padding: var(--pad10);
    border-radius: var(--radius);
    line-height: 1rem;
    font-size: 0.8rem;
    background: mintcream;
}
.product-list-note p { 
	margin-top: 0px;
}
.resale-note {
	margin: 0px 0px 2px;
    text-align: center;
    border: 2px solid darkred;
    padding: 0px;
    border-radius: var(--radius);
}

.product-list-image-cont {
	position: relative;
	margin-bottom: var(--pad5);
}
.product-list-image-cont .bubble {
	position: absolute;
	right:0px;
	bottom: 5%;
	z-index:101;
    line-height: 15px;
    color: #fff;
    font-size: 0.7rem;
	font-weight: bold;
    text-align: center;
    padding: 10px 7px;
    border-radius: 50%;
    width: 60px;
    height: 60px;	
	text-transform: var(--upper);
}
.product-list-image-cont .bubble.special-offer-bubble strong, .product-list-image-cont .bubble.clearance-offer-bubble strong {
	display: block;
	font-size: 1.15rem;
}
.special-offer-bubble { 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8989ba+0,6666b7+100 */
	background: #8989ba; /* Old browsers */
	background: -moz-linear-gradient(top, #8989ba 0%, #6666b7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8989ba 0%,#6666b7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8989ba 0%,#6666b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8989ba', endColorstr='#6666b7',GradientType=0 ); /* IE6-9 */
    border: 2px solid #6666b7;
    line-height: 0.8rem !important;
    padding-top: 14px !important;
}
.main-dealer-bubble {
    color: #333;
	background: #3a7bd5;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #00d2ff, #3a7bd5);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #00d2ff, #3a7bd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border: 2px solid #3a7bd5;
    width: 70px !important;
    height: 70px !important;
    padding: 21px 0px !important;
	line-height: 0.8rem !important;
	
}
.clearance-offer-bubble {
    color: white;
	background: #ED213A;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #ED213A, #93291E);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #ED213A, #93291E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border: 2px solid #93291E;
    line-height: 0.8rem !important;
    padding-top: 14px !important;	
}
.product-list-image-cont .bubble.main-dealer-bubble span {
	display: block;
    width: 100%;
    font-size: 0.6rem;	
}.product-list-image-cont .bubble.main-dealer-bubble span.smallspan  {
	display: inline;
}
.product-list-image-cont .bubble.main-dealer-bubble strong {
	font-size: 1.05rem;
	display: inline;
}

.product-list-image-cont .ex {
    position: absolute;
    bottom: 5%;
    left: 0px;
    width: 70px;
    height: 70px;
    z-index: 2;
}
.product-list-image-cont .ex img {
	width: 100%;
}
.product-list-image-cont .highlighted-product {
	position: absolute;
    top: 5%px;
    left: 0px;
    z-index: 90;
    overflow: hidden;
    background: #F7971E;
    background: -webkit-linear-gradient(to right, #FFD200, #F7971E);
    background: linear-gradient(to right, #FFD200, #F7971E);
    text-align: center;
    padding: 4px 7px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: 0.3s ease;
    font-size: 1rem;
    color: var(--white);
	box-shadow: 0px 0px 3px #999;
	display: block !important;
}

.discount-notice {
    font-size: 11px;
    margin-bottom: 23px;
    text-align: right;
}
.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 91;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
    cursor: pointer;
	display: block !important;
}
.ribbon span {
    font-size: 9px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}


.shipping-notice {
	border: 2px solid #ccc;
	border-radius: var(--radius);
	margin: -5px var(--pad10) var(--pad10) var(--pad10);
	font-size: 1rem;
	text-transform: var(--upper);
	text-align: center;
	font-size: 0.8rem;
}
.shipping-notice span{
	display: inline-block;
}
.shipping-notice .confirmed {
	font-weight: bold;
	text-transform: var(--upper);
	color: white;
	display: inline-block;
	background: darkgreen;
	float: right;

}
.shipping-notice .estimated {
	font-weight: bold;
	text-transform: var(--upper);
	color: white;
	background: darkred;
	display: inline-block;
	float:right;
}
.shipping-notice.confgreen, .shipping-notice.catconfgreen {
	border-color: darkgreen;
}
.shipping-notice.estred, .shipping-notice.catestred {
	border-color: darkred;
}
.shipping-notice.noshipment,.shipping-notice.catnoshipment {
	border-color:var(--light);
    text-transform: var(--upper);
}
.shipping-notice.catconfgreen {
	color: darkgreen;
	text-align: center;
}
.shipping-notice.catestred {
	color: darkred;
	text-align: center;
	font-size: 0.7rem;
}

.toolbar-products {
    border: 1px solid var(--light);
    padding: var(--pad10);
    font-size: 0.8rem;
    margin-bottom: var(--pad15);
    background: whitesmoke;
    border-radius: 3px;	
}

.toolbar-products select {
	width: auto;
	display: inline-block;
	border: 1px solid var(--light);
}
.toolbar-products a.sorter-action {
	font-size: 1.2rem;
	margin-left: 10px;
}

.cart-block-holder {

}
.cart-block-holder .empty-order {
	text-transform: var(--upper);
}
.main-menu-title {
	padding: var(--pad10) var(--pad15);
    display: block;
    background: #fe5000;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    color: var(--white);
    text-transform: var(--upper);
}


/**************************************************************
	Loading Spinner
/*************************************************************/
.spinner {
	max-width: 100%;
	width: 27px;
	margin: 0 auto;
}


/**************************************************************
	End Spinner
/*************************************************************/

/**************************************************************
	END BreadCrumbs 
/*************************************************************/


/*************************************************************
Brand Page
/*************************************************************/
.ambrands-image {
	width: 100%;
}
/*************************************************************
Popup Cart Styles
*************************************************************/

.header-minicart {
    color: grey;
    line-height: 0.8rem;
	padding-top:3px;
	font-size: 0.8rem;
}
.header-minicart .header-minicart-span {
	font-weight: bold;
	font-size: 1.2rem;
	color: var(--bmprimary);
}
.cartbuttons {
    font-size: 0.6rem;
    margin-top: var(--pad5);
    text-transform: var( --upper);
}
.minicart-wrapper span.price {
	font-weight: bold;
	color: var(--bmprimary);
}
.minicart-wrapper .orgprice>span.price {
	color: cornflowerblue;
}
span.minicart-qty-ordered {
    font-weight: bold;
    color: grey;
}
.minicart-wrapper .product.options span.toggle {
	cursor: pointer;
}
.minicart-wrapper .product.options .content {
    line-height: 1rem;
    border-top: 1px solid var(--light);
    border-bottom: 1px solid var(--light);
    padding: var(--pad5);	
}
.minicart-wrapper .product.options dt,.minicart-wrapper .product.options dd, .minicart-wrapper .product.options dl {
	margin: 0px;
}


/*
#minicart-content-wrapper {
	list-style: none none;
	background: #ffffff;
	border: 1px solid #bbbbbb;
	margin-top: 4px;
	min-width: 100%;
	width: 320px;
	z-index: 101;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	padding: var(--pad10);
	border-radius: var(--radius);
}
*/
.minicart-wrapper .loading-mask {
	display: block;
	width: 100%;
	background: rgba(255,255,255,0.6);
	height: 100%;
	padding-top:50px;
	text-align: center;
	z-index:100;
}
.minicart-wrapper .loading-mask .loader img {
	position: relative !important;
	padding-top: 0px;
}
span.emtpy-cart-text {
    font-size: 0.8rem;
    text-align: center;
    padding: var(--pad10);
    display: block;
    text-transform: var(--upper);
}
.inner-minicart {
	list-style: none none;
	border: 1px solid var(--light);
	box-sizing: border-box;
	display: block;
	border-radius: var(--radius);
}
.inner-minicart .block-content {
	padding: var(--pad10);
}
#minicart-content-wrapper .block-title {
    padding: var(--pad5);
    display: block;
    background: #fe5000;
	font-weight: normal;
	font-size: 0.8rem;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    color: var(--white);
    text-transform: var(--upper);
	margin: -1px -1px 0px;
}
#minicart-content-wrapper .block-title span.qty {
	display: none;
}

.minicart-items-wrapper {
	overflow-y: auto;
	margin-top:10px;
	height: auto !important;
}
#btn-minicart-close {
	position: absolute;
	top: 10px;
	right: 10px;
}
.minicart-wrapper {
	position: relative;
	margin-bottom: var(--pad30);
}
.minicart-wrapper .action.close:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 16px;
    color: darkred;
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: '\f00d';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.minicart-wrapper .action.close>span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.minicart-wrapper .subtitle {
	display: none;
}
.minicart-wrapper .items-total, .minicart-wrapper .subtotal {
	display: inline-block;
    vertical-align: top;
    line-height: 1.2rem;
    padding: 0 0 var(--pad10) 0;
	width: 50%;
	text-transform: var(--upper);
	font-size: 0.6rem;
}
.minicart-wrapper .items-total {
	text-align: left;
	
}
.minicart-wrapper .subtotal {
	text-align: right;
	margin-left: -5px;
}
.minicart-wrapper .subtotal .price {
	font-size: 1.5rem;
	font-weight: normal;
}
.minicart-wrapper .items-total .count {
	color: var(--bmprimary);
	font-size: 1.5rem;
	display: block;
}

.minicart-wrapper #top-cart-btn-checkout {
    display: block;
    width: 100%;
    border-radius: var(--radius);
    padding: var(--pad10);	
    background-color: green;
    color: var(--white);
    border: 0px;
    font-size: 0.8rem;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    transition: 0.3s ease;
    cursor: pointer;
	text-transform: var(--upper);
}
.minicart-wrapper #top-cart-btn-checkout:hover {
	background-color: #009e00;	
}
.minicart-wrapper .actions.proceedtocheckoutcont{
	border-top: 1px solid var(--light);
	border-bottom: 1px solid var(--light);
	padding: var(--pad10) 0;
}
.minicart-wrapper .actions .secondary {
	margin-top: var(--pad10);
	padding-top:var(--pad10);
	border-top: 1px solid var(--light);	
}
.minicart-wrapper .actions .secondary a.action.viewcart {
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid var(--light);
	border-radius: var(--radius);
	background: rgba(245,245,245,0.25);
}
ol.minicart-items {
	margin: 0px;
	padding: 0px;
}
ol.minicart-items li {
	list-style: none;
	border-bottom: 1px solid var(--light);
    margin-bottom: var(--pad10);
    padding-bottom: 0;	
}
ol.minicart-items li:last-child {
	border-bottom: 0px;
}
ol.minicart-items li a.product-item-photo {
	display: inline-block;
	width: 15%;
	vertical-align: top;
	padding: 0 var(--pad5) var(--pad5) var(--pad5);
}
ol.minicart-items li a.product-item-photo img{
	width: 100% !important;
	height: auto !important;
}

ol.minicart-items li .product-item-details {
	display: inline-block;
	width: 83%;
	vertical-align: top;
}
ol.minicart-items li .details-qty label,
ol.minicart-items li .details-qty .item-qty.cart-item-qty {
	display: inline-block;
	padding: 0px;
	font-size: 0.8rem;
}

ol.minicart-items li .details-qty .item-qty.cart-item-qty { 
	width: 126px;
    border: 1px solid var(--light);
    padding: 0;
    text-align: center;
    margin-right: var(--pad5);
}
ol.minicart-items li .details-qty.qty {
	line-height: 1.7rem;
	display: inline-block;
	width: 80%;
}
ol.minicart-items li .minicart-price .price {
	color: grey;
}
ol.minicart-items li .price-wrapper.ogprice .minicart-price .price {
	color: cornflowerblue !important;
}
ol.minicart-items li .price-wrapper.ogprice .qty-disc-price .price {
	color: grey;
}	

ol.minicart-items li .price-wrapper.ogprice span.price  {
	color: cornflowerblue !important;
}

ol.minicart-items li .product {
	position: relative;
	font-size: 0.7rem;
}
.minicart-wrapper .product-item-details strong.product-item-name {
    line-height: 0.9rem;
    display: block;
}
.minicart-wrapper .update-cart-item::before {
	content: "\f2f1";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.minicart-wrapper .update-cart-item>span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.minicart-wrapper .update-cart-item {
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	color: var(--bmsecondary);
	opacity: 0.5;
	transition: var(--trans);
}
.minicart-wrapper .update-cart-item:hover {
	opacity: 1;
}
.minicart-items .action.edit>span, .minicart-items .action.delete>span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.minicart-items .action.edit:before, .minicart-items .action.delete:before {
    content: '\f044';
    font-family: 'Font Awesome 5 Free';
    vertical-align: middle;
    display: inline-block;
    font-weight: 900;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.minicart-items .action.delete:before {
	content: '\f2ed';
	color: darkred;
}
.minicart-wrapper .product.actions {
	position: absolute;
    bottom: 8px;
    right: 10px;	
}
.minicart-wrapper .product.actions .primary,.minicart-wrapper .product.actions .secondary{
	display: inline-block;
	border: 0px;
	font-size: 0.8rem;
	font-weight: 900;
}
.minicart-wrapper .product.actions .primary a {
	color: lightgrey;
}
.qty-disc-price {
	display: inline-block;
}
.qty-disc-price span.price {
	color: grey;
}
.price-spacer {
	display: inline-block;
}
.minicart-wrapper strong.product-item-name a {
	color: var(--standard);
}

#cart-info { 
	width: 100%;
	text-align: center;
}
.cartloader {
	/*padding: var(--pad15) 0; */
}
.loading-note {
	font-size: 0.8rem;
	text-transform: var(--upper);
	min-height: 30px;
	color: var(--light);
}
.ajaxcart-row {
	border-bottom: 1px solid var(--light);
	padding:var(--pad10) 0px;
}
.ajaxcart-row:last-child {
	border-bottom: 0px;
}
.ajaxcart-prodname {
    text-align: left;
    line-height: 0.9rem;
    font-size: 0.9rem;
}
.ajaxcart-qty {
	font-weight: bold;
	text-align: left;
	font-size: 0.9rem;
	line-height: 1.2rem;
	color: grey;
}
.ajaxcart-qty .ajaxcart-disc {
	color: #62bdff;
}
.ajaxcart-prodname em {
	font-size: 0.7rem;
	color: grey;
	display: block;
	margin: var(--pad5) 0;
	
}
.sidebar-discount-notice { 
	font-size: 0.7rem;
    line-height: 1rem;
    margin: var(--pad10) 0 var(--pad10);
    border-top: 1px solid var(--light);
    padding-top: var(--pad10);
	text-align: center;
}
.vat-note {
	margin: var(--pad10) 0;
    border-top: 1px solid var(--light);
    display: block;
    width: 100%;
    padding-top: var(--pad10);
    font-size: 0.7rem;
	line-height: 1rem;
	font-weight: bold;
	text-align: center;
}

/*************************************************************
END Popup Cart Styles
*************************************************************/

/*************************************************************
Sidebar Core Styles
*************************************************************/
.sidebar-additional .block-reorder {
	
}
.sidebar-additional .block-reorder .block-title {
    padding: var(--pad5) var(--pad10);
    display: block;
    background: #fe5000;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    color: var(--white);
    text-transform: var(--upper);
	font-weight: normal;
	font-size: 0.8rem;
}
.sidebar-additional .block-reorder .block-content {
	list-style: none none;
    border: 1px solid var(--light);
    box-sizing: border-box;
    display: block;
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
	padding: var(--pad10);
}
ol#cart-sidebar-reorder {

}
ol#cart-sidebar-reorder li {
	list-style: none;
	border-bottom: 1px solid var(--light);
	padding-bottom: var(--pad5);
}
ol#cart-sidebar-reorder li:last-child {
	padding: 0px;
	border: 0px;
}
.last-ordered-name, .last-ordered-sku {
	font-size: 0.8rem;
	line-height: 1rem;
	padding: var(--pad5) 0 0;
}
.last-ordered-sku {
	padding: 0;
}
.filtertitle {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.filtertitle h1 {
	font-size: 1rem;
	text-transform: uppercase;
	color: #fe5000
}
.filtertitle span {
	font-size: 0.8rem;
}
.filter-fixed {

}
.closefilter {
	color: darkred;
	text-transform: uppercase;
}
.filter-btn {
	border-radius: 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: #ffa84c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */	
	border: 1px solid orange;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	transition: 0.3s ease;
	padding:5px 0px;
}
.filter-btn:hover {
	background: #fe5000;
	color: white;
	border-color: #fe5000;
}
.filteropenbutton {
	margin-bottom: var(--pad15);
}
.filteropen {
	display: block !important;
	right: 0 !important;
	opacity: 1 !important;
}
.filterclosebutton {
	display: none;
}
.filterclosebutton-show {
	display: block;
}
.closefilter-btn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
	background: #a90329; /* Old browsers */
	border: 1px solid darkred;
	color: white;
	border-radius: 3px;
	margin:15px 0px;
	transition: 0.3s ease;
}
.closefilter-btn:hover, .closefilter-btn:active {
	background: darkred;
}
/*************************************************************
END Sidebar Core Styles
*************************************************************/

/*************************************************************
Special Offer Scroller
*************************************************************/
.cs-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
.specialoffers {
	display: block;
	width: 100%;
	text-align: center;
}
.specialoffers .special-spinner {
	max-width: 100%;
	width: 50px;
	margin: 0 auto;
	padding: var(--pad30) 0px;
}
.special-slider {
	padding: 0px 15px;
}
.toolbarspacer {
	margin-bottom: 15px;
}
.special-offer-block {
    color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8989ba+0,6666b7+100 */
	background: #8989ba; /* Old browsers */
	background: -moz-linear-gradient(top, #8989ba 0%, #6666b7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8989ba 0%,#6666b7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8989ba 0%,#6666b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8989ba', endColorstr='#6666b7',GradientType=0 ); /* IE6-9 */
    border: 2px solid #6666b7;
	width: 100;
	z-index:10;
	padding:0px 10px;
	font-size: 0.5rem;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.special-offer-block a {
	color: #fff;
}
.special-offer-block a:hover {
	color: purple;
}
.special-addto {
    display: block;
    width: 100%;
    background-color: forestgreen;
    color: #fff;
    border: 0px;
    font-size: 0.7rem;
    text-transform: uppercase;
    padding: 0 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    transition: 0.3s ease;
    line-height: 1.4rem;
}
.special-savings-prod {
	position: absolute;
	bottom: 0px;
	right: 0px;
	line-height: 15px;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8989ba+0,6666b7+100 */
	background: #8989ba; /* Old browsers */
	background: -moz-linear-gradient(top, #8989ba 0%, #6666b7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8989ba 0%,#6666b7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8989ba 0%,#6666b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8989ba', endColorstr='#6666b7',GradientType=0 ); /* IE6-9 */
    border: 2px solid #6666b7;
	font-size: 2.5rem;
	text-align: center;
    padding: 14px 18px 15px 12px;
    border-radius: 50%;
    width: 100px;
    height: 100px;	
	z-index:100;
}
.special-savings-prod span {
	font-size: 1.2rem;
	text-transform: uppercase;
	line-height: 2rem;
	display: block;
}
.special-offer-cont {
	border: 1px solid #ccc;
	padding: 5px 5px 0px;
	text-align: left;
	position: relative;
	overflow: hidden;
	line-height: 1rem;
}
.special-offer-cont .special-img-cont img {
	width: 100%;
	max-width: 115px;
	margin: 0 auto;
	margin-bottom:5px;
}
.special-img-cont {
	position: relative;
	text-align: center;
}
.special-offer-cont h2.special-offer-product {
    margin: 0px;
    padding: 0px;
    font-size: 0.9rem;
    min-height: 55px;
    /* min-height: 45px; */
}
.special-offer-cont .product-sku a {
	font-size: 0.7rem;
    color: black;
    line-height: 0.8rem;
    font-weight: bold;	
	margin-bottom:5px;
	display: block;
}
.special-offer-cont .product-sku.name a {
	font-size: 0.8rem;
    color: black;
    line-height: 0.8rem;
    font-weight: bold;	
	display: block;
	color: #8989ba;
	min-height: 36px;
	margin-top: 10px;
}
.special-offer-cont .product-sku a:hover {
	color: #fe5000;
}
.special-savings {
    position: absolute;
    bottom: 0px;
    right: 0px;
    line-height: 14px;
    color: #fff;
    background: #8989ba;
    background: -moz-linear-gradient(top, #8989ba 0%, #6666b7 100%);
    background: -webkit-linear-gradient(top, #8989ba 0%,#6666b7 100%);
    background: linear-gradient(to bottom, #8989ba 0%,#6666b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8989ba', endColorstr='#6666b7',GradientType=0 );
    border: 2px solid #6666b7;
    font-size: 1.0rem;
    text-align: center;
    padding: 7px;
    border-radius: 42px;
    width: 45px;
    height: 45px;
}
.special-savings span {
	font-size: 0.6rem;
    text-transform: uppercase;
    line-height: 0.4rem;
    display: block;
    padding-top: var(--pad5);
}
.special-special-price {
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #6666b7;
	font-weight: bold;
}
.special-trade-price {
    color: darkred;
    text-transform: uppercase;
    font-weight: bold;	
	font-size: 0.6rem !important;
	display: inline-block
}
.special-msrp-price {
	font-style: italic;
    letter-spacing: 0px;
    color: #666;	
	font-size: 0.6rem !important;
	display: inline-block;
}
.special-trade-price, .special-msrp-price {
	font-size: 0.7rem;
	line-height: 1rem;
}
.special-addto {
    display: block;
    width: 100%;
    background-color: forestgreen;
    color: #fff;
    border: 0px;
    font-size: 0.7rem;
    padding: 0 0px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    transition: var(--trans);
    line-height: 1.4rem;
}
.specials-configure {
    padding: 0 0px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
	transition: var(--trans);
    line-height: 1.4rem;
	text-transform: var(--upper);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
/*************************************************************
END Special Offer Scroller
*************************************************************/


/**************************************************************
	Messages
/*************************************************************/


.message.info {
	margin: 0 0 10px;
	padding: 10px 20px 10px 40px;
	display: block;
	line-height: 1.2em;
	font-size: 0.9rem;
	background: #fdf0d5;
	color: #6f4400;
	padding-left: 40px;
	position: relative;
	border: 1px solid #6f4400;
	border-radius: var(--radius);
}

.message.info a {
	color: #1979c3;
}

.message.info a:hover {
	color: #006bb4;
}

.message.info a:active {
	color: #006bb4;
}

.message.info>*:first-child:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 28px;
    /* color: #c07600; */
    content: '\f12a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
	margin: -14px 0 0;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	overflow: hidden;
	speak: none;
	left: 0;
	top: 18px;
	width: 40px;
	position: absolute;
	text-align: center;
}

.message.error {
	margin: 0 0 10px;
	padding: 10px 20px 10px 40px;
	display: block;
	line-height: 1.2em;
	font-size: 0.9rem;
	background: #fae5e5;
	color: #e02b27;
	padding-left: 40px;
	position: relative;
	border: 1px solid #e02b27;
	border-radius: var(--radius);	
}

.message.error a {
	color: #1979c3;
}

.message.error a:hover {
	color: #006bb4;
}

.message.error a:active {
	color: #006bb4;
}

.message.error>*:first-child:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 28px;
    /* color: #c07600; */
    content: '\f06a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
	margin: -14px 0 0;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	overflow: hidden;
	speak: none;
	left: 0;
	top: 18px;
	width: 40px;
	position: absolute;
	text-align: center;
}

.message.warning {
	margin: 0 0 10px;
	padding: 10px 20px 10px 40px;
	display: block;
	line-height: 1.2em;
	font-size: 0.9rem;
	background: #fdf0d5;
	color: #6f4400;
	padding-left: 40px;
	position: relative;
	border: 1px solid #6f4400;
	border-radius: var(--radius);	
}

.message.warning a {
	color: #1979c3;
}

.message.warning a:hover {
	color: #006bb4;
}

.message.warning a:active {
	color: #006bb4;
}

.message.warning>*:first-child:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 28px;
    /* color: #c07600; */
    content: '\f12a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
	margin: -14px 0 0;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	overflow: hidden;
	speak: none;
	left: 0;
	top: 18px;
	width: 40px;
	position: absolute;
	text-align: center;
}

.message.notice {
	margin: 0 0 10px;
	padding: 10px 20px 10px 40px;
	display: block;
	line-height: 1.2em;
	font-size: 0.9rem;
	background: #fdf0d5;
	color: #6f4400;
	position: relative;
	font-weight: bold;
	border: 1px solid #6f4400;
	border-radius: var(--radius);	
}

.message.notice a {
	color: #1979c3;
}

.message.notice a:hover {
	color: #006bb4;
}

.message.notice a:active {
	color: #006bb4;
}

.message.notice>*:first-child:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 28px;
    /* color: #c07600; */
    content: '\f12a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
	margin: -14px 0 0;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	overflow: hidden;
	speak: none;
	left: 0;
	top: 18px;
	width: 40px;
	position: absolute;
	text-align: center;
}

.message.success {
	margin: 0 0 10px;
	padding: 10px 20px 10px 40px;
	display: block;
	line-height: 1.2em;
	font-size: 0.9rem;
	background: #e5efe5;
	color: #006400;
	padding-left: 40px;
	position: relative;
	border: 1px solid #006400;
	border-radius: var(--radius);	
}

.message.success a {
	color: #1979c3;
}

.message.success a:hover {
	color: #006bb4;
}

.message.success a:active {
	color: #006bb4;
}

.message.success>*:first-child:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 28px;
    /* color: #c07600; */
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
	margin: -14px 0 0;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	overflow: hidden;
	speak: none;
	left: 0;
	top: 18px;
	width: 40px;
	position: absolute;
	text-align: center;
}
div.messages {
	text-align: center;
	font-weight: bold;
}
/**************************************************************
	Page Specific Classes 
/*************************************************************/
.page-layout-homepage #maincontent {
	display: none;
}



/**************************************************************
	Product Page
/*************************************************************/

.page-title-wrapper.product h1.page-title {
	font-size: 1.4rem;
	text-transform: var(--upper);
}
h1.product-name {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: bold;
}
h2.product-overview {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: bold;
}
.product-sku {
    color: #999;
    margin: 3px 0px 0px;
    padding: 0px;
    font-size: 0.8rem;
}
.title-prices {
	text-transform: uppercase;
	color: #ccc;
	font-size:0.8rem;
}
.title-prices .trade {
	color: darkred;
	font-weight: bold;
	font-size: 1rem;
}
.title-prices .trade.smaller {
	font-size: 0.8rem;
}
.title-prices .msrp {
	font-style: italic;
	color: #666;
}
.title-prices .main-dealer-class {
	color: #31708f;
	font-size: 1rem;
}
.title-prices .special-offer-class {
	color: #6666b7;
	font-size: 1rem;
	font-weight: bold;
}
.title-prices .regular-trade {
	font-weight: bold;
	color: #888;
}
a.brand-logo-link img {
	width: 100%;
	border: 1px solid #ddd;
	padding:5px;
	border-radius: 3px;
}
.product-shop .product-splitter {
    margin-top: 10px;
}
.catalog-product-view .price-block-function {
	min-height: auto;
}
.catalog-product-view .price-block-function .special-offer,.catalog-product-view .price-block-function .maindealer-price,.catalog-product-view .price-block-function .clearance-price {
	font-size: 1.1rem;
	letter-spacing: -1px;
}
.product-shop .stock {
    line-height: 2rem;
    font-weight: bold;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 1rem;
}
.stock {
    color: #fff;
    text-align: center;
    display: block;
    text-transform: uppercase;
    line-height: 1.6rem;
    /* font-size: 0.6rem; */
    margin: 2px 0px;
    font-weight: bold;
    font-size: 1.1rem;
}
.stock-green {
	background-color: limegreen;
}
.stock-green-border {
	border-color: forestgreen;
}
.stock-yellow {
	background-color: orange;
}
.stock-yellow-border {
	border-color: orange;
}
.stock-red {
	background-color: darkred;
}
.stock-red-border {
	border-color: red;
}
.stock-reserve {
	background-color: #f77600;
}

.op-cont {
	padding: var(--pad10) 0;
	border-radius: var(--radius);
}
.op-cont.special-offer {
	background: rgba(102,102,183,0.1);
	border: 1px solid #6666b7;
}
.op-cont.main-dealer {
    background: rgba(49, 112, 143, 0.10);
    border: 1px solid #31708f;
    color: #31708f;
}
.op-cont.clearance {
	background-color: #f3f3f3;
	border: 1px solid darkred;
	color: darkred;
}
.product-add-form h3 {
    margin-bottom: var(--pad5);
    padding-bottom: var(--pad5);
    /* letter-spacing: -1px; */
    border-bottom: 1px solid var(--light);
    /* color: grey; */
    font-size: 1rem;
    text-transform: var(--upper);
	font-weight: bold;
}
.product-spo-text {
	font-weight: bold;
	text-transform: var(--upper);
}
.product-spo-text-small {
	font-weight: normal;
	font-size: 0.8rem;
	display: block;
	text-transform: var(--upper);
}
.op-cont-offer-percent {
	font-weight: bold;
	font-size: 1.3rem;
}
.product-spo-text-price {
    font-weight: bold;
    text-align: right;
    display: block;
    font-size: 2rem;
}
.price-block-product.container-fluid {
	margin-bottom: var(--pad20);
}

.price-block-product.container-fluid .price-label.trade-price.norm, .price-block-product.container-fluid .price-label.msrp-price.norm {
	display: block;
    width: 100%;
    line-height: 1rem;
    font-size: 0.8rem;
    margin-bottom: var(--pad5);
}
.product-options-wrapper, #product-options-wrapper {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: var(--pad10);
	margin-bottom:0px;
	margin-top:-2px;
	background: #eee;
}
select.product-select, .product-custom-option {
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
#product-options-wrapper label {
	font-size: 1rem;
	font-weight: bold;
	text-transform: var(--upper);
}
#product-options-wrapper p.required {
	font-size: 0.6rem;
	margin: 0px;
}
.product-options-bottom .add-to-links {
	display: none;
}
#product-options-wrapper dl.last {
	margin: 0px;
}

.product-qtybreak {
	background: #8cbc09;
    text-transform: uppercase;
    color: #fff;
    font-size: 0.9rem;
	border: 2px solid #8cbc09;
	border-radius: var(--radius);
	font-weight: bold;
	margin-top: var(--pad20);
}
.whitebg {
    background: white;
    border-radius: var(--radius);
    color: var(--standard);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-weight: bold;
    line-height: 1rem;
    padding: var(--pad10);
	font-size: 0.7rem;
}
.action-skip-wrapper {
	display: none;
}
.product-qty {
	width: 100%;
	border: 1px solid var(--light);
	text-align: center;
	padding: 0px;
	margin: 0px;
	border-right: 0px;
	border-left: 0px;
	height: 36px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.catalog-product-view .btn-down, .catalog-product-view .btn-up {
	height: 36px;
	border-radius: 0px;
}
.catalog-product-view .btn-down {
	border-bottom-left-radius: var(--radius);
}
.catalog-product-view .btn-addtoorder {
	border-bottom-left-radius: 0px;
	padding: var(--pad5);
}
.surcharge-note {
	display:block;
	width: 100%;
	text-align: left;
	border: 1px solid var(--light);
	border-radius: var(--radius);
	margin-top:var(--pad20);
	font-size: 0.8rem;
	padding:var(--pad10);
	line-height: 1.2rem;
}
.surcharge-note a {
	color: var(--bmprimary);
	font-weight: bold;
}
.product-overview {
	margin: 10px 0px;
	padding: 10px 0px;
}
.specification-table {
	font-size: 0.8rem;
	font-weight: normal;
}
.specification-table th,.specification-table td  {
	padding: 0 var(--pad5);
}
.specification-table th.col.label {
	width: 30%;
	/* text-transform: var(--upper); */
	background: var(--lightv);	
}

.specification-table th.col.label span {
    font-size: 0.7rem;
    color: #666;
}

.socialrow {
	border-top: 1px solid #cccccc;
}
a.social {
	font-size: 1rem;
	text-align: center;
	color: #fff;
	display: block;
	padding:5px;
	transition: 0.3s ease;
}
a.social:hover {
	opacity: 0.8;
}
.social.facebook {
	background: #3b5998;
}
.social.twitter {
	background: #55acee;
}
.social.youtube {
	background: #ff0000;
}
.social.instagram {
	background: #d6249f;
	background: radial-gradient(circle at -8% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);	
}
.social.googleplus {
	background: #d34836;
}
.social.podbean {
	background: #8fc31f;
}
.product-shipping-wrapper {
	margin-top: var(--pad20);
}
.product-shipping-notice {
	
}
.product-shipping {
    text-transform: uppercase;
    color: #fff;
    font-size: 0.9rem;
	border: 2px solid transparent;
	border-radius: var(--radius);
	font-weight: bold;
	text-align: center;
}
.product-shipping.estimated {
	border-color: darkred;
	background: darkred;
}
.product-shipping.confirmed {
	border-color: darkgreen;
	background: darkgreen;
}
.product-shipping .whitebg {
	font-size: 1rem;
}
.product-shipping.noshipment {
	background: var(--white);
	border-color: var(--light);
	font-weight: normal;
	color: var(--standard);
}
.fotorama__fullscreen-icon:focus:after, .fotorama__zoom-out:focus:after, .fotorama__zoom-in:focus:after, .fotorama__arr:focus:after, .fotorama__stage__shaft:focus:after, .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after {
    border-radius: inherit;
    bottom: 3px;
    box-shadow: none !important;
    content: '';
    left: 3px;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 1000;
}
.review-percent-holder {
	width: 150px;
	height: 150px;
	background-size: cover;
	position: relative;
}
.review-percent {
    position: absolute;
    font-size: 40px;
    font-weight: bold;
    top: 57px;
    left: 26px;
    font-style: italic;
    letter-spacing: -3px;
    color: #FFA500;
    text-align: center;
}
.mediacont {
	position: relative;
}
.mediacont .featwarr {
    position: absolute;
    top: 70px;
    left: 20px;
    border-bottom-right-radius: var(--radius);
    padding: var(--pad10);
    text-align: center;
	z-index:89;
}
.mediacont .ex {
    width: 70px;
    height: 70px;
}
.mediacont .ex img {
	width: 100%;
}
.mediacont .highlighted-product {
	overflow: hidden;
    background: #F7971E;
    background: -webkit-linear-gradient(to right, #FFD200, #F7971E);
    background: linear-gradient(to right, #FFD200, #F7971E);
    text-align: center;
    padding: 10px 7px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transition: 0.3s ease;
    font-size: 1rem;
    color: var(--white);
    box-shadow: 0px 0px 3px #999;
    display: block !important;
    margin: 0 auto;
    margin-bottom: var(--pad20);
}
.reviews-info-wrapper {
	border: 1px solid var(--light);
	border-radius: var(--radius);
	padding:var(--pad20);
	font-size: 0.8rem;
	color: var(--standard);	
}
.detailsholder {
	border: 1px solid var(--light);
	border-radius: var(--radius);
	padding:var(--pad20);
	margin-bottom: var(--pad30);
}
.reviewvalue {
	font-size: 2rem;
	font-wieght: bold;
}
.reviewvalue span {

}
.reviewvalue.percentholder {
	color: #FFA500;
	font-weight: bold;
}
.reviewvalue.percentholder small {
	color: var(--standard);
    font-size: 0.7rem;
    font-style: italic;
}
.reviewvalue.percentholder span {
	font-size: 85%;
}
.reviewvalue.percentholder.incr {
	font-size: 2.5rem;
}
.electronics-wrapper {
	border: 1px solid var(--light);
}
.electronicsimage {
	padding: var(--pad10);
}
.electronicsimage img {
	max-width: 100%;
	width: 100%;
}
.electronicstext {
	padding: var(--pad10);
	font-size: 1rem;
	line-height: 1.6rem;
}
.electronicstext h3 {
    margin-bottom: var(--pad10);
    padding-bottom: var(--pad10);
    border-bottom: 1px solid var(--light);
    font-size: 1.2rem;
    text-transform: var(--upper);
}
.fee-alert {
	margin:var(--pad10) 0px;
	border: 1px solid darkred;
	padding:var(--pad15);
	border-radius: var(--radius);
	font-size: 0.9rem;
	line-height: 1.5rem;
}
.field.choice.related {
	display: none;
}
.product-related {

}
.product-related .price-label {
	font-size: 0.6rem;
}
.special-addto {
    display: block;
    width: 100%;
    background-color: forestgreen;
    color: var(--white);
    border: 0px;
    font-size: 0.7rem;
    text-transform: uppercase;
    padding: 0 0px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    transition: var(--trans);
    line-height: 1.4rem;
}
.product-related .product.details {
	padding: var(--pad5);	
}
.product-related .product.details h3 {
    font-size: 0.7rem;
    text-align: left;
    min-height: 32px;
}
.product-related .product.details h3 a strong {
    color: var(--standard);
}
.product-related .maindealer-price {
	line-height: 0.2rem;
	font-size: 0.9rem !important;
	margin-top:var(--pad5);
}

.product-related .price-block-function {
	margin-top: var(--pad5);
}
.sparesonlynotelist {
    border: 1px solid darkred;
    font-size: 0.8rem;
    line-height: 1rem;
    margin: 0 var(--pad10) var(--pad10);
    padding: var(--pad10);
    border-radius: var(--radius);
}
.sparesonlynoteprod {
    border: 1px solid darkred;
    font-size: 0.8rem;
    line-height: 1rem;
    margin: 0px 0px var(--pad10);
    padding: var(--pad10);
    border-radius: var(--radius);
}
.gallery-placeholder__image {
	width: 100%;
}

/*************************************************************

Cart Page

**************************************************************/

tr.item-info a.product-item-photo img {
	width: 40px;
	margin: 0px;
	padding: 0px;
	margin-right: var(--pad30);
	height: auto;
}

tr.item-info span.product-image-wrapper {
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px !important;
}

.cart.table-wrapper .product-item-photo {
	float: left;
}
.cart.table-wrapper .product-item-name {
    font-size: 0.8rem;
    display: block;
    margin: -3px 0 5px;
}
.cart.table-wrapper .item .col.item {
    display: block;
    position: relative;
}
.cart.table-wrapper td {
	border-top: 0px;
	line-height: 1.4rem;
	vertical-align: middle;
	font-size: 0.8rem;
}
.cart.table-wrapper th {
    border-bottom: 1px solid var(--light);
    padding: var(--pad5);
    background: var(--bmprimary);
    border-top: 0px;
    color: var(--white);
    /* border-top-right-radius: var(--radius); */
    /* border-top-left-radius: var(--radius); */
    font-weight: normal;
    /* text-align: center; */
    text-transform: uppercase;
}
.cart.table tbody+tbody {
	border-top: 1px solid var(--light);
}
.cart-row-sku {
	display: block;
	font-weight: bold;
	color: var(--standard);
    font-size: 0.7rem;
    line-height: 1rem;	
}
.cartnotetd {
	padding: 0 !important;
}
.cartnote {
    padding: 5px 10px;
    background: #d2d2d2;
    font-size: 0.7em;
}


.page-title {
	margin: 0px;
	margin-top: var(--pad20);
	margin-bottom: var(--pad10);
	padding-bottom: var(--pad10);
	border-bottom: 1px solid var(--light);
	text-align: center;
	text-transform: var(--upper);
	font-size: 1.1rem;
	font-weight: bold;
}

.cart.table-wrapper th.col.item {
	width: 50%;
	text-align: center;
}
.cart.table-wrapper th.col.price,
.cart.table-wrapper th.col.qty,
.cart.table-wrapper th.col.subtotal,
.cart.table-wrapper th.col.remove, 
.cart.table-wrapper td.col.price,
.cart.table-wrapper td.col.qty,
.cart.table-wrapper td.col.subtotal, 
.cart.table-wrapper td.col.remove { 
	width: 12.5%;
	text-align: center;
}

.cart.table-wrapper .input-text.qty {
    width: 100%;
    text-align: center;
    border: 1px solid var(--light);	
}
.cart .discount-reg-trade {
    font-weight: bold;
    font-size: 0.7rem;
    color: #62bdff;	
	display: block;
}
.use-ajax.action.towishlist.action-towishlist {
	display: none !important;
}
.cart.main.actions {
	display: block;
}
.cart.main.actions .btn {
	text-transform: var(--upper);
	padding: var(--pad10);
	font-size: 0.8rem;
}
.cart.main.actions .btn .fas {
	font-size: 0.8rem;
}
.cart.main.actions .btn.btn-warning{
	color: var(--white);
	float: right;	
	margin-left: var(--pad10);
}
.cart.main.actions .btn.btn-danger{
	float: right;
}
.cart.main.actions .btn.btn-default{
	border-color: var(--light);
	float: left;
}
.data.table.totals {
	margin-top: var(--pad20);
}
ul.checkout.methods.items.checkout-methods-items {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
ul.checkout.methods.items.checkout-methods-items li {
	margin: 0px;
	padding: 0px;
	text-align: right;
	list-style: none;
}
ul.checkout.methods.items.checkout-methods-items li .btn.btn-success {
	padding: var(--pad20);
	text-transform: var(--upper);
}
.col.item dl.item-options {
	margin-left: 70px;
	font-size: 0.8rem;
}
.data.table.totals .table-caption {
	display: none;
}

.col.item .cart.item.message.notice {
    margin-top: var(--pad20);
    background: #ff000038;
    border: 1px solid darkred;
    color: darkred;
    border-radius: var(--radius);
    font-size: 0.7rem;
    padding: var(--pad5);
    text-align: center;
}
.col.item .cart.item.message.notice ::before {
	display: none;
}

.table.totals {
	border: 1px solid var(--light);
	border-radius: var(--radius);
}
tr.totals {
	
}
tr.totals td, tr.totals th {
	text-align: right;
	font-weight: normal;
    background: transparent;
}
tr.totals th {
    border-right: 1px solid var(--light);	
}
tr.totals td {
	width: 25%;
}
.subtotal-note {
	display: block;
	font-size: 0.8rem;
	line-height: 1rem;
}

.opc-block-summary {
	margin: 0px !important;
	background: transparent !important;
}
.checkout-index-index.page-layout-checkout .modal-header {
	display: none;

}
.opc-wrapper .shipping-address-item {
	min-height: 306px; 
}

li.order-attributes {
    border-bottom: 1px solid var(--light);
    margin-bottom: var(--pad30);
    padding-bottom: var(--pad30);	
}

.checkout-index-index .product-image-wrapper img {
	max-width: 50px;
	height: auto;
}
.checkout-index-index ol.minicart-items li .product-item-details {
	width: 75%;
}
.checkout-index-index .minicart-items .product-item-details {
	padding-left: 0px;
}
.checkout-index-index .minicart-items .product-item-name {
	font-size: 1.2rem;
}
.checkout-index-index .minicart-items .product-item-details .details-qty {
    margin-top: 10px;
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.checkout-index-index .opc-block-summary .product-item .price {
	font-size: 1.3rem;
	font-weight: bold;
}
.checkout-index-index .opc-block-summary .product-item .product-item-inner {
	margin: 0px;
}
.checkout-index-index .product-item-inner {
	padding: 0px;
}
.checkout-index-index .minicart-items .product-item {
	padding: var(--pad10) 0;
}
.checkout-index-index .minicart-items .product-item:not(:first-child) {
	border-top: 0px;
}
.checkout-index-index .product.options {
	margin-top: var(--pad10);
}
.checkout-index-index .cart.item.message.notice {
    margin-top: var(--pad20);
    background: #ff000038;
    border: 1px solid darkred;
    color: darkred;
    border-radius: var(--radius);
    font-size: 1rem;
    padding: var(--pad5);
    text-align: center;
}
.checkout-index-index  .cart.item.message.notice ::before {
	display: none;
}





.checkout-index-index .checkout-container {
	margin: var(--pad20);
}
.checkout-index-index .opc-progress-bar {
	text-align: center !important;
	border-bottom: 1px solid var(--light);
	padding-bottom: var(--pad20) !important;
}
.checkout-index-index .opc-sidebar {
	margin-top: 0px;
}
.checkout-index-index .checkout-payment-method .payment-method-content {
	padding: 0px;
}
.checkout-index-index .checkout-payment-method .checkout-billing-address .billing-address-details {
	padding: 0px;
}
@media only screen and (max-width: 767px) {
	.cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .cart.table-wrapper .col.remove {
		box-sizing: border-box;
		display: block;
		float: left;
		white-space: nowrap;
		width: 25%;
	}
	.cart.table-wrapper thead .col.item, .cart.table-wrapper thead .col.qty, .cart.table-wrapper thead .col.price, .cart.table-wrapper thead .col.subtotal, .cart.table-wrapper thead .col.msrp, .cart.table-wrapper thead .col.remove {
		display: none;
	}	
	.cart.table-wrapper .col.qty[data-th]:before, .cart.table-wrapper .col.price[data-th]:before, .cart.table-wrapper .col.subtotal[data-th]:before, .cart.table-wrapper .col.msrp[data-th]:before {
		content: attr(data-th);
		display: block;
		font-weight: 600;
		padding-bottom: 10px;
	}	
	.control.qty span.label {
		display: none;
	}
	.cart.table-wrapper th.col.item {
		width: 100%;
	}
	.cart.table-wrapper th.col.price,.cart.table-wrapper th.col.qty,.cart.table-wrapper th.col.subtotal,.cart.table-wrapper th.col.remove, .cart.table-wrapper td.col.price,.cart.table-wrapper td.col.qty,.cart.table-wrapper td.col.subtotal,.cart.table-wrapper td.col.remove { 
		width: 25%;
		text-align: center;
	}	
}

/*************************************************************

Login Page

**************************************************************/
.required-notice {
	text-transform: var(--upper);
	font-weight: bold;
	margin-top: var(--pad20);
	margin-bottom: var(--pad20);
}
.required-notice p {
	text-transform: var(--upper);
	font-weight: bold;
	margin: 0px;
	font-size: 0.8rem;
}
.form-login input, .password.forget input {
	border: 1px solid var(--light);
	padding: var(--pad10);
	margin-bottom: var(--pad20);
}
.action.login.primary,.action.submit.primary {
	display: block;
	width: 100%;
	text-align: center;
	text-transform: var(--upper);
	background: var(--light);
	color: var(--standard);
	padding: var(--pad15) 0px;
	transition: var(--trans);
	cursor: pointer;
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);	
	border: 1px solid var(--light);
}

.action.login.primary:hover,.action.submit.primary:hover {
	color: var(--white);
	background: var(--bmprimary);
}

/*************************************************************

Account Screens

*************************************************************/

.account #maincontent {
	margin-top: var(--pad30)
}
.block-dashboard-info {
	border: 1px solid var(--light);
	border-radius: var(--radius);
	padding:var(--pad10);
	margin-bottom:var(--pad30);
}
.dashboard-title {
	border-bottom: 1px solid var(--light);
	margin-top: var(--pad10);
	margin-bottom: var(--pad10);
	padding-bottom: var(--pad10);
	font-size: 1.2rem;
	text-transform: var(--upper);
	font-weight: bold;
}

.backorders-customer-block {
	border-bottom: 1px solid var(--light);
}
.backorders-customer-block h3 {
	font-weight: normal;
	color: var(--bmsecondary);
	font-size: 1.2rem;
	border-bottom: 1px solid var(--light);
	text-transform: var(--upper);
	margin-bottom: var(--pad15);
}

.backorder-table table, .backorder-table td, .recentorder-table table, .recentorder-table td {
	font-size: 0.7rem !important;
}
.backorder-table td a, .recentorder-table td a { 
	color: #333;
	font-weight: bold;
}
.backorder-table td, .recentorder-table td{
	padding: 0px var(--pad10);
}
.backorder-table td a:hover, .backorder-table td a:active, .recentorder-table td a:hover, .recentorder-table td a:active {
	color: #fe5000;
}
.backorder-table th, .recentorder-table th {
	font-weight: normal;
	font-size: 0.7rem;
	text-transform: uppercase;
    line-height: 1.42857143;	
	
}
.tableholder .input-sm {
	border: 1px solid #ddd;
	outline: 0;
	box-shadow: 0 0 0;
}
.tableholder .input-sm:active,.tableholder .input-sm:focus {
	border-color: #ccc;
}
.backordered-estimated {
	color: darkred;
	font-weight: bold;
}
.backordered-confirmed {
	color: darkgreen;
	font-weight: bold;
}
.backorder-row .dataTables_filter label {
	font-size: 0.8rem;
	text-transform: uppercase;
}
.backorder-row .btn {
	padding: 3px 5px;
	font-size: 0.7rem;
	transition: 0.3s ease;
}
.backorder-row .btn:hover {
	background: #fe5000;
	color: white;
	border-color: #fe5000;
}
.backorder-row .dataTables_info {
	border-top: 1px solid #ddd;
	font-size: 0.7rem;
}
.backorder-row .dataTables_filter input, .block-addresses-list .dataTables_filter input {
	padding: 0px;
    margin: 0px;
    height: auto;
    border: 1px solid var(--light);	
}
.dt-button {
    margin: 0px !important;
    padding: 0 var(--pad5) !important;
    border-radius: var(--radius) !important;
    background: var(--white) !important;
    border: 1px solid var(--light) !important;
	font-size: 0.8rem !important;
	transition: var(--trans);
}
.dt-button:hover {
	background-color: var(--bmsecondary) !important;
	color: var(--white);
}
.view-all-title-link {
    color: #fe5000;
    font-size: 0.9rem;
    text-transform: uppercase;
    padding: 5px 10px;
    border: 1px solid transparent;
    transition: 0.3s ease;
    border-radius: 3px;
	float: right;
	margin-bottom: var(--pad10);
	cursor: pointer;
}
.view-all-title-link:hover {
	color: var(--bmsecondary);
}
.discounts-list-cont {
	border: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	height: 255px;
	position: relative;
	overflow: hidden;
}
.discounts-list-cont-top {
	border: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.discounts-list-cont .fader {
	height: 50px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,eeeeee+100&0+0,1+73 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(243,243,243,1) 73%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(243,243,243,1) 73%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(243,243,243,1) 73%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.discounts-list-cont .section-head, .discounts-list-cont-top .section-head {
	text-align: center;
	padding:25px;
	border-bottom: 1px solid #ddd;
	margin-bottom:15px;
	font-size: 1rem;
	font-weight: bold;
}
.cat-disc-title {
	display: block;
	line-height: 0.8rem;
	font-weight: normal;
	color: #666;
	font-size: 0.8rem
}
.cat-disc, .cat-disc-green{
	font-size: 0.7rem;
	font-style: italic;
	line-height: 1rem;
	color: darkgrey;
}
ul.disc-list {
	marign: 0px;
	padding: 0px;
}
ul.disc-list li {
	list-style: none;
	margin: var(--pad5) 0px;
	padding: var(--pad5) 0px;
	border-bottom: 1px dashed #ddd;
	line-height: 1rem;
}
ul.disc-list li .cat-disc-red {
	line-height: 1.4rem;
	font-size: 0.8rem;
}
ul.disc-list li:last-child {
	border-bottom: 0px;
}
.close-disc {
    padding: var(--pad5) var(--pad15);
    text-align: right;
    text-transform: uppercase;
    font-size: 0.8rem;
    color: #fe5000;
    cursor: pointer;
}
.account-note {
	margin-top: var(--pad20);
}
.account-note p {
	line-height: 1.2rem;
	margin-bottom: 0px;
}
.box-title span {
	font-weight: normal;
	text-transform: var(--upper); 
	border-bottom: 1px solid var(--light);
	color: var(--darkgrey);
}
.box-title p {
	font-size: 0.8rem;
	margin-bottom: 0;
}
a.edit-button {
	color: var(--bmprimary);
	font-size: 0.8rem;
	text-transform: var(--upper);
}
a.edit-button:hover {
	color: var(--bmsecondary);
}
.account .form-edit-account input, .account .form-address-edit input, .account .form-edit-account select, .account .form-address-edit select {
	border: 1px solid var(--light); 
	padding: var(--pad5);
	margin-bottom: var(--pad20);
}
.box-content p {
	font-size: 0.8rem;
}
#group-fields-customer-attributes {
	display: none !important;
}
.account input[type=checkbox], .account input[type=radio] {
	display: inline-block;
	width: auto;
}
.password-strength-meter {
	background-color: #f4f4f4;
	height: 32px;
	line-height: 32px;
	padding: 0 9px;
	position: relative;
	z-index: 1;
	margin-bottom: var(--pad30);
}

.password-strength-meter:before {
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	z-index: -1
}

.password-none .password-strength-meter:before {
	background-color: #f4f4f4;
	width: 100%
}

.password-weak .password-strength-meter:before {
	background-color: #ffafae;
	width: 25%
}

.password-medium .password-strength-meter:before {
	background-color: #ffd6b3;
	width: 50%
}

.password-strong .password-strength-meter:before {
	background-color: #c5eeac;
	width: 75%
}

.password-very-strong .password-strength-meter:before {
	background-color: #81b562;
	width: 100%
}
.mage-error {
    width: 100%;
    text-align: center;
    border: 1px solid darkred;
    color: darkred;
    text-transform: var(--upper);
    font-size: 0.8rem;
    border-radius: var(--radius);
    margin-bottom: var(--pad30);	
}
.fieldset.password legend {
	text-transform: var(--upper);
	border-bottom: 1px solid var(--light);
	font-size: 1rem;
}
fieldset.fieldset.password {
    margin: var(--pad30) 0;
    border-bottom: 1px solid var(--light);
}
a.action.back {
    text-transform: var(--upper);
    margin-top: var(--pad30);
	font-weight: bold;
    display: block;
    color: var(--bmsecondary);
    font-size: 0.8rem;
	border-top: 1px solid var(--light);
}
a.action.back span::before {
	content: "\f0a8";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;	
	margin-right: var(--pad5);
}
.block-dashboard-addresses a.action.edit, .account .block-content a.action.edit {
    text-transform: var(--upper);
    color: var(--bmprimary);
    font-size: 0.8rem;	
}
.addborder {
	border: 1px solid var(--light);
	border-radius: var(--radius);
	padding-top: var(--pad15);
	padding-bottom: var(--pad15);
}
.block-dashboard-addresses .box-title span {
	width: 100%;
	display: block;
	
}
.box-content address {
	line-height: 1.4rem;
	font-size: 0.7rem;
}
#account-nav ul.nav {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid var(--light);
}
#account-nav ul.nav li{
	list-style: none;
	display: block;
	border-bottom: 1px solid var(--light);
	font-size: 0.8rem;
}
#account-nav ul.nav li:last-child {
	border-bottom: 0px;
}
#account-nav ul.nav li a {
	display: block;
	padding: var(--pad5) var(--pad10);
}
#account-nav ul.nav li.current {
	padding: var(--pad5) var(--pad10);
	background-color: var(--lightv);
	color: var(--bmsecondary);
}
#account-nav ul.nav li a:hover {
	background-color: var(--lightv);
}
.customer-address-index p {
	font-size: 0.8rem;
}
.account-nav-title {
    padding: var(--pad5) var(--pad10);
    display: block;
    background: #fe5000;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    color: var(--white);
    text-transform: var(--upper);
	font-size: 0.8rem;
}
.account .addresses-note {
	margin-bottom:var(--pad10);
	text-transform: var(--upper);
	text-align: center;
	font-size: 0.7rem;
}
.customer-address-index .limiter {
	display: none;
}
.customer-addresses-toolbar .toolbar-amount {
	display: none;
}
.customer-addresses-toolbar .pages .items {
	float: none;
	text-align: right;
	display: block;
}
table#additional-addresses-table {
	font-size: 0.8rem;
}
table#additional-addresses-table td {
	padding: var(--pad5) var(--pad10);
	vertical-align: middle;
	line-height: 1.2rem;
	font-weight: normal !important;
}
table#additional-addresses-table td a {
	font-weight: normal !important;
}
table#additional-addresses-table th {
	font-weight: normal;
	text-transform: var(--upper);
}
table#additional-addresses-table .col {
	width: auto;
}
table#additional-addresses-table td.col.actions {
	line-height: 1.2rem;
}
h3.section-header {
	font-weight: normal;
	text-transform: var(--upper);
	border-bottom: 1px solid var(--light);
	margin-bottom: var(--pad10);
	padding-bottom: var(--pad10);
	font-size: 1rem;
}
.add-address {
    float: right;
    border: 0px;
    background: transparent;
    color: var(--bmprimary);
    text-transform: var(--upper);	
}
.account .page-title {
	margin-top: 0;
}
.download-pricelist {
	display: block;
	padding: var(--pad5);
	text-transform: var(--upper);
	background: var(--bmprimary);
	color: var(--white);
	text-align: center;
	margin: var(--pad30) auto 0;
	font-weight: bold;
	border-radius: var(--radius);
	font-size: 0.8rem;
}
.download-pricelist:hover, .download-pricelist:focus, .download-pricelist:active {
	background: var(--bmsecondary);
	color: var(--white);
}
.linknotes {
	font-size: 0.6rem;
	color: var(--standard);
	text-align: right;
}
.img-download-button, .img-download-button:focus, .img-download-button:active {
	display: block;
	width: 100%;
	padding:var(--pad5);
	text-align: center;
	background: var(--bmprimary);
	color: var(--white);
	margin-top: var(--pad30);
	margin-bottom: var(--pad30);
	text-transform: var(--upper);
	font-weight: bold;
	border-radius: var(--radius);
	border: 1px solid var(--bmprimary);
	transition: var(--trans);
	font-size: 0.8rem;
}
.img-download-button:hover {
	background: var(--light);
	border: 1px solid #ddd;
	color: #666;
}

.image-downloads .modal-inner-wrap {
	max-width: 500px;
	max-height: 500px !important;
}
.image-downloads .modal-header {
	background: var(--bmprimary);
	color: var(--white);
	font-weight: normal;
	padding: var(--pad10);
}
.image-downloads .modal-title {
	font-weight: normal;
	font-size: 1.2rem;
	color: white;
	text-transform: var(--upper);
	padding: 0;
	margin: 0;
	border: 0px;
}
.image-downloads button.action-close {
    padding: var(--pad5) var(--pad10);
}
.image-downloads action-close:before, .image-downloads .action-close:before {
	color: var(--white);
}
.image-downloads div#modal-content-0 {
    padding: 0px;
    border-radius: 0;
    border: 0;
}
.image-downloads a .fa-download {
	padding: 10px;
	background: #fe5000;
	color: #fff;
	border-radius: 3px;
}
.image-downloads td.align-right {
	text-align: right;
}
.image-downloads .modal-footer {
    padding: var(--pad5);
    background: var(--bmprimary);
}
.image-downloads .modal-footer button {
	border-radius: var(--radius);
	color: var(--white);
	border: 0px;
	background: var(--bmsecondary);
}



/*************************************************************
	
	Peavey FAQ Page

/*************************************************************/
.faq-page h3 {
	margin-bottom: var(--pad20);
	margin-top: var(--pad20);
	padding-bottom: var(--pad20);
	border-bottom: 1px solid var(--light);
}	
#warrantyaccordion, #serviceCentreaccordion, #generalAccordion {
	margin-bottom: var(--pad30);
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f1f1f1;
    border-bottom: 1px solid rgba(0,0,0,.125);
	position: relative;
}
.card-header button {
	color: var(--standard);
}
.card-header button:hover {
	color: var(--bmprimary);
}
#warrantyaccordion h3, #serviceCentreaccordion h3, #generalAccordion h3 {
	font-size: 1.2rem;
	margin-bottom: var(--pad20);
    margin-top: var(--pad20);
    padding-bottom: var(--pad20);
    border-bottom: 1px solid var(--light);
	text-transform: var(--upper);
}

.card-header h4 {
	font-size: 1rem;
	color: var(--standard);
}
.card-header h4 a {
	color: var(--standard);
}
.card-header h4 a:hover, .card-header h4 a:focus, .card-header h4 a:active {
	color: var(--bmprimary);
}
/*************************************************************

NEWS!

/*************************************************************/
.contentmanager-contentlist-view .toolbar-amount {
	display: none;
}
.viewnews h1 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	letter-spacing: -1px;
	font-size: 1.6rem;
	font-weight: bold;
}
.viewnews h2 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	letter-spacing: -1px;
	font-size: 1.2rem;	
}
.at-resp-share-element .at-share-btn:hover {
	-webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}
.data-social {
	font-size: 0.8rem;
}
.viewnewsimage {
	position: relative;
	margin-top: 14px;
	border-radius: var(--radius);
	overflow:hidden;
	margin-bottom: var(--pad15);
	border-bottom: 1px solid var(--light);
	
}
.viewnewscopyright {
	position: absolute;
	width: 100%;
	bottom: 0px;
	text-align: right;
	background: rgba(0,0,0,0.8);
	padding:5px 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.6rem;
}
.viewshortdes {
	margin: 10px 0px;
	font-size: 1.2rem;
	font-style: italic;
	padding: 25px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.viewexcerpt {
	margin:25px 0px;
	font-size: 1.2rem;
	font-style: italic;
	padding: 25px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position:relative;
}
.reviewvideo {
	margin:0px 0px 25px;
	font-size: 1.2rem;
	font-style: italic;
	padding: 0px 0px 25px;
	border-bottom: 1px solid #ddd;
	position:relative;	
}
.viewexcerpt .fa {
	font-size: 4rem;
	color: #ddd;
}
.viewexcerpt .fa-quote-left {
	position: absolute;
	top:30px;
	left: 30px;
	z-index: -1;
}
.viewexcerpt .fa-quote-right {
	position: absolute;
	bottom: 50px;
	right: 30px;
	z-index: -1;	
}
.related h4 {
	font-size: 1.2rem;
	margin-bottom:15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
.recentnews .news-item-home-title {
	margin: 0px;
}
.recentnews li {
	padding:10px 0px;
}
.viewnews-dealer-button {
	color: white;
	font-size: 0.8rem;
	background: DARKGREEN;
	display: block;
	padding:15px;
	text-align: center;
	border-radius: 3px;
	margin-bottom:30px;
	transition: 0.3s ease;
}
.viewnews-dealer-button .fa {
	font-size: 1rem;
}
.viewnews-dealer-button:hover,.viewnews-dealer-button:active, .viewnews-dealer-button:focus {
	color: white;
	background: green;
}
.dealer-button {
	font-size: 1rem;
	clear: both;
	margin-top:15px;
}
.contactform h1, .contactform h2, .contactform h3, .contactform h4 {
	border-bottom: 1px solid #ddd;
	margin-bottom:15px;
	padding-bottom:15px;
	margin-top:40px;
}
.viewnews p {
	line-height: 2rem;
}
.contentmanager-content-view .sidebarol {
	padding: 10px 0 0 0;
}
.contentmanager-content-view ol.sidebarol li {
	list-style: none;
	border-bottom: 1px solid var(--light);
}
.contentmanager-content-view ol.sidebarol li:last-child {
	border-bottom: 0px;
}
.contentmanager-content-view ol.sidebarol li .sidebar-product-name  {
	padding-top: 3px;
}
.contentmanager-content-view .sidebar-block {
    border: 1px solid #ddd;
    border-top: 0px;
    padding: 0px 15px 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 30px;
}
.contentmanager-content-view .sidebar-block .news-item-home-title {
	font-size: 0.8rem;
	line-height: 1rem;
}
.contentmanager-content-view .breadcrumbs ul li.item.cct_content:before{
	content: "/ ";
}
.homenews {
	line-height: 1.2rem;
}
.homenews a {
	font-size: 1.1rem;
    line-height: 1.3rem;
    margin: 10px 0px;	
	color: #5f5f5f;
	font-weight: bold;
	text-transform: var(--upper);
}
.homenews a:hover {
	color: var(--bmprimary);
}
.homenews-secondary {
	line-height: 1.2rem;
}
.homenews-secondary a {
	font-size: 0.9rem;
	color: #4c4c4c;
}
.homenewsintro p, .featured-product-p {
	font-size: 0.9rem;
    margin: 10px 0px;
    padding: 0px;
    line-height: 1.4rem;

}
.homenewsdate {
    font-size: 0.8rem;
    /*margin-bottom: var(--pad15);
    border-bottom: 1px solid var(--light);*/
    padding-bottom: var(--pad10);	
}
.marginbottom40 {
	margin-bottom: var(--mar40);
}
.news-continue {
	margin-top:var(--pad10)
}
.news-continue a, .news-continue a:visited  {
	font-size: 0.8rem;
	text-transform: var(--upper);
	color: var(--bmsecondary);

}
.news-continue a:hover, .news-continue a:focus, .news-continue a:active {
	color: var(--bmprimary);
}
.secondary-continue {
	text-transform: var(--upper);
	font-size: 0.8rem;
	color: var(--bmsecondary);
}
.h2product-name a {
	font-size: 0.9rem;
	color: var(--standard);
	text-transform: var(--upper);
	font-weight: bold;
}
.h2product-name a:hover {
	color: var(--bmprimary);
}
.featuredimg {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 266px;
}
.aligncenter {
	text-align: center;
}
.news-item-home-intro {
	min-height: 81px;
}
/*************************************************************

ADVERT MNGR

/*************************************************************/
.sidebar-mktg img {
	width: 100%;
	border-radius: var(--radius);
	overflow: hidden;
	margin-bottom: var(--pad30);
}

/*************************************************************

	Mobile CART	

/*************************************************************/
.cm.spinner {
	text-align: center;
	padding: var(--pad30);
	display: block;
	width: 150px;
	margin: 0 auto;
}
.cart-mobile {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	left: -100%;
	background: #f3f3f3;
	z-index: 10000;
	overflow-y: scroll;
	color: #333;
	font-size: 0.8rem;
	padding-top:15px;
	transition: 0.3s ease;
	opacity: 0;
	display: block;
}
.cart-mobile h1 {
	color: #fe5000;
	text-align: left;
	text-transform: uppercase;
	font-size: 1.2rem;
	margin-bottom: 5px;
}
.cart-mobile .closecart,.cart-mobile .close-cart {
	color: darkred;
	font-size: 0.9rem;
	text-align: right;
	line-height: 0.8em;
	padding:0px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.cart-mobile .closecart .fa {
	font-size: 1.1rem;
}
.bgwhite {
	background: white;
	margin-bottom: 10px;
	border-radius: 3px;
	padding:10px;
	border: 1px solid #ccc;
}
.cm-buttons {
	margin-bottom: 4px;
}
.cm-prod-name {
	font-size: 0.7rem;
}
.cm-item {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.2rem;
	padding-bottom: 5px;
	font-size: 0.7rem;
}
.cm-item:last-child {
	border: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.cm-item .discount-reg-trade {
    font-weight: bold;
    color: #62bdff;
}
.cm-subtotal {
	color: #fe5000;
	font-size: 1.3rem;
	text-align: center;
	font-weight: bold;
}
.cm-itemcount {
	text-align: center;
	color: #fe5000;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.2rem;
}
.cm-itemcount .cm-itemtext {
	font-size: 0.7rem;
	font-weight: normal;
	color: #333;
	line-height: 1rem;
}
.cm-disc .sidebar-discount-notice {
	padding: 0px 15px 15px;
}
.btn-sidebar {
	display: block;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: var(--pad10);
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8rem;
	transition: 0.3s ease;
}
.btn-sidebar.cart {
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;	
	border: 0px;
	background: orange;
}
.btn-sidebar.cart:hover {
	background-color: darkorange;
}
.btn-sidebar.checkout {	
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background: forestgreen;
	border: 0px;
}
.btn-sidebar.checkout:hover {
	background-color: green;
}
.pleft {
	padding-left: 0px;
}
.pright {
	padding-right: 0px;
}

/*************************************************************

Contact Page

/*************************************************************/

p.contactpage {
	font-size: 0.9rem;
}
.webforms input, .webforms textarea, .webforms select, .webforms checkbox  {
	border: 1px solid var(--light);
	border-radius: var(--radius);
	padding: var(--pad10);
	margin-bottom: var(--pad15);
}
.webforms select {
	padding: 14px;
}
.webforms .field, .webforms .fieldset, .webforms .actions-toolbar {
	/*padding: 0px !important;
	margin: 0px !important;*/
	font-size: 0.8rem;
}
.webforms .field {
	min-height: 91px;	
}
.webforms .field.choice {
	min-height: auto;
}
.webforms .fieldset {
	margin: 0px !important;
	padding: 0px !important;
}
.webforms label {
	margin-bottom: 0px;
}
.hidename .legend{
	display: none;
}
.webforms .legend {
	/* display: none; */
    border-bottom: 1px solid var(--light);
    text-transform: var(--upper);
    /* font-weight: bold; */
    font-size: 1.1rem;
    color: #6c757d;
	padding-bottom: var(--pad10);
	margin-top: var(--pad30);
	margin-bottom: var(--pad10);
}
.webforms .actions-toolbar {
	border-radius: var(--radius);
	overflow: hidden;
	padding: 0px 1rem !important;
	margin: 0 !important;
}
.webforms .actions-toolbar .action.submit.primary {
	border-radius: var(--radius);
}
.field.required label::before {
    content: "*";
	color: darkred;
	font-size: 1.2rem;
}
.webforms-description-text {
	margin-bottom: 0 !important;
}
.webforms input[type=checkbox],.webforms input[type=radio] {
	width: auto;
	min-height: auto;
	margin-top: 7px;
	margin-right: 10px;
}
.webforms-fields-91 {
	margin-top:20px;
}
/*************************************************************
	
	SEARCH CSS

/*************************************************************/
.mst-searchautocomplete__autocomplete {
	display: none;
}
.mst-searchautocomplete__autocomplete._active{
	display: block;
	position: absolute;
    z-index: 92;
    background: white;
    border: 1px solid var(--bmprimary);
    padding: var(--pad10);
    width: 100%;
	top: 42px !important;
	border-radius: var(--radius);
	max-height: 80vh;
	overflow-y: auto;
}
.mst-searchautocomplete__close {
	display: none !important;
}
.mst-searchautocomplete__index-title {
	display: none !important;
}
#search_autocomplete {
	display: none !important;
}

.mst-searchautocomplete__show-all a{
	display: block;
    width: 100%;
    text-align: center;
    background: var(--bmprimary);
    border-radius: var(--radius);
    color: var(--white);
    font-size: 0.8rem;
    text-transform: var(--upper);
    padding: var(--pad5);

}
ul.auotcomplete-ul {
	margin:0;
	padding:0;
	list-style: none;
}
ul.auotcomplete-ul li {
	padding: var(--pad5);
    border: 1px solid var(--light);
    margin-bottom: var(--pad15);
    border-radius: var(--radius);	
}

ul.auotcomplete-ul li .description { 
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: 0.7rem;
    line-height: 1.3rem;
  
}
ul.auotcomplete-ul li .title {
    font-size: 0.9rem;
    border-bottom: 1px solid var(--light);
    text-transform: var(--upper);
    margin-bottom: var(--pad15);
    padding-bottom: var(--pad10);
}
.mst-product-image-wrapper {
	display: block;
	text-align: center;
}
.mst-searchautocomplete__spinner{
	text-align: center;
	margin: 0;
}
/*************************************************************

	Customer MODE 

*************************************************************/

.customermode {
	position: fixed;
    top: 45vh;
    right: -239px;
    min-width: 200px;
    background-color: #f5f5f5;
    border-radius: 3px;
	z-index: 9999;
	transition: 0.3s ease;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	
}
.customermode:hover {
	right: -5px;
	box-shadow: 0px 0px 5px #c3c3c3;
}
.warningtab {
    position: fixed;
    top: 50vh;
    right: -206px;
    background-color: #f5f5f5;
    border-radius: 3px;
    z-index: 9999;
    color: #fff;
    font-size: 22px;
	opacity: 0.1;
	width: 250px;
	border-radius: 3px;
	overflow: hidden;
	transition: 0.3s ease;
	display: none;
	}
.warningtab span { 
    font-size: 0.7rem;
    font-weight: bold;
    color: #888888;
    text-transform: var(--upper);
    text-align: center;
    margin: 0;
    padding: 0;
    position: relative;
    top: -3px;
	left: 14px;
	
}
.warningtab .fa-exclamation-triangle {
	background: #920e0e;
	padding: var(--pad10);
}
.warningtab:hover {
	opacity: 1;
	right: -4px;
	cursor: pointer;
	box-shadow: 0px 0px 5px #c3c3c3;
}

.settingstab {
	background: orange;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	padding:var(--pad10);
	color: #fff;
	width: auto;
	font-size: 0.8rem;
	display: block;
	width: 45px;
	line-height: 20px;
	display: inline-block;
	text-align: center;
}
.titlespan {display: inline-block; vertical-align: top; }
.customermode:hover .settingstab .fa-cog {
	font-size: 0.8rem;
   -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.switchcont {
    width: 235px;
    text-align: center;
    display: inline-block;
}
.switchcont > .switch {
    display: inline-block;
    margin: 0px auto;
    vertical-align: top;
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #d9534f ;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #fff;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #5cb85c;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}

.technicians-report-title {
	border-bottom: 1px solid #ddd;
	text-transform: var(--upper);
	color: #666;
	margin: var(--pad15) 0px;
	padding:0px 0px var(--pad10);
}
.clearnce-item-note {
	font-size: 0.8rem;
}
/*************************************************************

	Extended Warranty

/*************************************************************/
.warranty-cont {
    padding: var(--pad15);
    background: white;
    border-radius: 3px;
    border: 1px solid var(--light);
    color: #292929;
    margin-bottom: var(--pad30);
}
.warranty-cont p, .warranty-terms ul li {
	font-size: 0.8rem;
}
.warranty-title {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid var(--light);
	font-size: 1.3rem;
}
.warranty-terms {
	height: 500px;
	overflow-y: auto;
}
.warranty-terms p {
	line-height: 20px;
	margin-bottom: var(--pad15);
}
.warranty-terms strong {
	
}
.warranty-buttons {
	text-align: right;
	margin:var(--pad10) 0px;
	padding:var(--pad10); 
	font-weight: bold;
	text-transform: var(--upper);
	border-radius: var(--radius);
	background: var(--bmprimary);
	color: var(--white);
}
.warranty-buttons input[type=checkbox]
{
	/* Double-sized Checkboxes */
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	padding: var(--pad10);
	margin-left:var(--pad15);
	display: inline-block;
	width: auto;
	
}
.warranty-buttons label {
	font-weight: bold;
	cursor: pointer;
	width: auto;
	display: inline-block;
	margin-bottom: 0px;
}
.formtitle {
	border-bottom: 1px solid var(--light);
}  
.cert-down {
	text-align: center;
    display: block;
    background: var(--bmprimary);
    border-radius: var(--radius);
    padding: var(--pad10) 0px;
    color: white !important;
    text-transform: var(--upper);
    width: 66%;
    margin: 0 auto;
}

.warranty-form {
	/*display: none;*/
}
.requiredstar {
	color: red;
	font-size: 1.2rem;
}
.extw label.error {
    display: block;
    color: darkred;
    font-weight: bold;
    width: 100%;
    text-align: center;
    border: 1px solid darkred;
    border-radius: var(--radius);
    margin-top: var(--pad5);
    background: rgb(255 0 0 / 8%);
    font-size: 0.7rem !important;
    text-transform: var(--upper);
}
.warranty-form .form-group, .warranty-form .form-group label, .warranty-form .form-group input, .warranty-form .form-group select {
	font-size: 0.8rem;
}
.card-body p {
	font-size: 0.8rem;
}
.card-body ul {
	margin: 0px;
	padding: 0px;
	font-size: 0.8rem;
}
.card-body ul li {
	list-style: none;
}
/*************************************************************

	CHECKOUT POPUP

/*************************************************************/

#shipping-new-address-form {
	padding: var(--pad20) 0;
}
.checkout-index-index .modal-popup .form-shipping-address {
	width: 100% !important;
	max-width: 100% !important;
}
#shipping-new-address-form input, #shipping-new-address-form select {
	border-radius: var(--radius);
	border-color: var(--light);
	padding:var(--pad10);
	outline: none !important; 
	height: auto;
	transition: var(--qtrans);
}
#shipping-save-in-address-book {
	width: auto;
}
.checkout-index-index .action.secondary.action-hide-popup {
	margin: 0 0 0 var(--pad20) !important;
	color: var(--bmprimary) !important;
	text-transform: var(--upper);
	font-size: 0.9rem;
}
.checkout-index-index .action.action-cancel {
	color: var(--bmprimary) !important;
	font-size: 1.1rem;
	text-transform: var(--upper);
	margin: 0 var(--pad20) 0 0;
}
#billing-address-same-as-shipping-checkmo, #billing-save-in-address-book-checkmo {
	width: auto;
}
.checkout-index-index .discount-code {
	display: none
}
.checkout-payment-method .field-select-billing, .checkout-payment-method .billing-address-form {
	max-width: 100% !important; 
}

.checkout-payment-method .actions-toolbar .primary {
	width: 100% !important;
	float: none !important;
}
.checkout-index-index .action.primary.checkout {
	background-color: #5cb85c;
	border-color: #4cae4c;
	padding: var(--pad10) !important;
	text-transform: var(--upper);
}
.opc-progress-bar-item._complete>span {
	color: var(--standard) !important;
}
.checkout-logo {
	text-align: center;
	border-bottom: 1px solid var(--light);
	margin-bottom: var(--pad10);
	margin-top: var(--pad10);
	padding-bottom: var(--pad10);
	padding-top: var(--pad10);
}
.checkout-return {
	color: var(--standard) !important;
	background: var(--light);
	padding:var(--pad5) var(--pad10);
	text-align: left;
	border-radius: var(--radius);
	text-transform: var(--upper);
}
/*************************************************************

B&M Magazine

/*************************************************************/
.page-layout-groovemagazine .breadbg, .page-layout-groovemagazinegear .breadbg, .page-layout-groovemagazinereviews .breadbg, .page-layout-groovemagazinefeatures .breadbg {
	display: none;
}
.magazine-header {
    width: 100%;
    height: auto;
    background-position: center;
	display: block;
	text-align: center;
	color: var(--white);
	font-weight: bold;
	text-transform: var(--upper);
	font-size: 0.9rem;	
	/* background-color: #cccccc; */
	background-color: #efefef;
	background-image: none !important;
	border-top: 2px solid #b5b5b5;
}
.m-header-text {
	font-weight: normal;
	color: var(--standard);
	font-size: 0.8rem;
	font-weight: bold;
	display: block;
	margin-bottom: var(--pad10);
}
.magazine-head-logo {
    margin: 0 auto;
    max-width: 100%;
	padding: var(--pad10);
}
.magazine-head-logo.medium {
	/* max-width: 310px; */
	max-height: 136px;
	width: 100%;
}
.magazine-head-logo.wide {
	max-width: 570px;
	width: 100%;
}
h1.magazine-title {
	font-family: bebas-neue, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.5rem;
	border-bottom: 1px solid var(--light);
	margin-bottom: var(--pad15);
	padding-bottom: var(--pad5);
	
}
h1.magazine-title span {
	color: var(--bmprimary);
}
.magazinespacer {
	margin-top: var(--pad30);
	margin-bottom: var(--pad30);
}

.magazine-first-item {
	margin-bottom: var(--pad30);
	background-position: center center;
	position: relative;
	display: table;
	min-height: 482px;
	width: 100%;
	transition: var(--trans);
	border-radius: var(--radius);
	overflow: hidden;
	background-size: cover;
}
.morenewsSquare {
	margin-bottom: var(--pad30);
	background-position: center center;
	position: relative;
	display: table;
	min-height: 300px;
	width: 100%;
	transition: var(--trans);
	border-radius: var(--radius);
	overflow: hidden;
	background-size: cover;
}
.morenewsSquare .magazine-title-box h2 {
	font-size: 2.4rem;
	line-height: 2.4rem;
}
.magazine-secondary {
	border-radius: var(--radius);
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index:2;
    display: table;
    text-align: center;
    color: white;
    padding: var(--pad30);	
	min-height: 227px;
	width: 100%;
	margin-bottom: var(--pad30);
	background-position: center;
	background-size: cover;
	
}
.magazine-third {
	position: relative;
	z-index: 2;
	margin-bottom: var(--pad15);
	display: table;
	height: 130px;
	width: 100%;
	border-radius: var(--radius);
	overflow: hidden;	
	background-position: center;
}
.magazine-secondary.primary {
	margin-bottom: var(--pad30);
}
.magazine-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: black;
	z-index: 1;
	transition: var(--qtrans);
	opacity: 0.5;
}
.magazine-first-item:hover .magazine-overlay, .magazine-secondary:hover .magazine-overlay, .magazine-third:hover .magazine-overlay, .magazine-locator:hover .magazine-overlay,.morenewsSquare:hover .magazine-overlay {
	opacity: 0.8;
	transition: var(--qtrans);
}

.magazine-first-item:hover .magazine-title-box h2 {
	font-size: 3.7rem;
	transition: var(--qtrans);
}
.morenewsSquare:hover .magazine-title-box h2 {
	font-size: 2.6rem;
	transition: var(--qtrans);
}
.magazine-first-item:hover .magazine-title-box h4 {
	font-size: 1.2rem;
	transition: var(--qtrans);
}
.magazine-secondary:hover .magazine-title-box h2 {
	font-size: 2rem;
	transition: var(--qtrans);
}
.magazine-secondary:hover .magazine-title-box h4 {
	font-size: 0.8rem;
	transition: var(--qtrans);
}
.magazine-third:hover .magazine-title-box h2 {
	color: var(--bmprimary);
	transition: var(--qtrans);
}
.magazine-third:hover .magazine-title-box h4 {
	font-size: 1.2rem;
	transition: var(--qtrans);
}

.magazine-third-title-box-bottom {
	position: absolute;
	bottom: 10px;
	left: 9px;
	width: 80%;
	height: auto;
}
.magazine-third-title-box-bottom h2 {
    font-size: 1.5rem;
    font-family: var(--bebas);
    font-weight: 400;
	letter-spacing: 1px;
    line-height: 1.3rem;
	color: white;
}
.magazine-third:hover .magazine-third-title-box-bottom h2 {
	color: var(--bmprimary);
	transition: var(--qtrans);
}
.magazine-title-box {
    position: relative;
    vertical-align: middle;
    z-index: 2;
    display: table-cell;
    text-align: center;
    color: white;
    padding: var(--pad30);
}
.magazine-title-box h2 {
	font-size: 3.5rem;
	font-family: var(--bebas);
	font-weight: 400;
	/* letter-spacing: -1px; */
	line-height: 3rem;
	margin-bottom: var(--pad30);
	transition: var(--trans);
}
.magazine-title-box h4 { 
	margin-top: var(--pad30);
	text-transform: var(--upper);
	font-size: 1.2rem;
	word-wrap: break-word;
	transition: var(--trans);
}
.magazine-title-box h2 a, .magazine-title-box h4 a {
	color: var(--white);
}
.title-spacer {
	width: 50%;
	border-top: 1px solid var(--white);
	margin: 0 auto;
}
.magazine-secondary .magazine-title-box h2 {
	font-size: 1.9rem;
	line-height: 2rem;
	margin-bottom: var(--pad15);
}
.magazine-secondary .magazine-title-box h4 {
	font-size: 0.8rem;
	margin-top: var(--pad15);
	margin-bottom: var(--pad15);
}
.magazine-secondary .magazine-title-box {
	padding: var(--pad15);
}
.magazine-third .magazine-title-box h2 {
    font-size: 1.7rem;
    line-height: 2rem;
    margin-bottom: 0;
}
h3.more-news-title {
	text-align: center;
	border-bottom: 1px solid var(--light);
	font-size: 2rem;
	font-family: var(--bebas);
	color: var(--bmprimary);
	display: block;
	margin-top: -30px;
	margin-bottom: var(--pad15);
	padding-bottom: var(--pad15);
}
h3.more-news-title span {
	color: var(--standard);
}
.magazine-readmore {
	width: 100%;
	text-align: right;
	padding: var(-pad15) 0;
	border-top: 1px solid var(--light);
	border-bottom: 1px solid var(--light);
	margin-bottom: var(--pad30);
	font-size: 1.5rem;
	font-family: var(--bebas);	
}
.magazine-readmore a {
	font-family: var(--bebas);
	font-size: 1.5rem;
	padding: var(--pad15) 0;
	display: inline-block;
}
.magazine-readmore a span {
	color: var(--standard);
}
.magazine-feature {
	margin-top: var(--pad15);
	margin-bottom: var(--pad30);
	border-bottom: 1px solid var(--light);
}
.magazine-feature .feature-intro {
	font-weight: bold;
	text-transform: var(--upper);
	min-height: 60px;
	border-top: 1px solid var(--light);
	border-bottom: 1px solid var(--light);
    font-weight: bold;
    font-size: 0.8rem;
    padding: var(--pad10) 0;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	line-height: 1rem;
	margin-bottom: var(--pad15);
}
.magazine-feature .feature-short {
	font-size: 0.7rem;
	line-height: 1rem;
	height: 3rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.magazine-feature a.continue {
	font-size: 0.8rem;
	display: block;
	text-align: right;
	text-transform: var(--upper);
	margin: var(--pad5) 0;
}
.page-layout-groovemagazinegear .magazine-secondary{
	margin-bottom: var(--pad10);
}
.page-layout-groovemagazinegear .magazine-feature {
	margin-top: var(--pad10);
}
.page-layout-groovemagazinegear a.continue {
	font-size: 0.8rem;
	display: block;
	text-align: right;
	text-transform: var(--upper);
	margin: var(--pad5) 0;	
}

.magazine-list-pub {
	color: darkgrey;
	font-size: 0.8rem;
}
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 80%; 
	border-radius: var(--radius);
    margin: 25px auto;
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
.embed-container img {
	width: 100%;
}
.cookieshow {
	margin-bottom: var(--pad30);
}
.magazine-locator {
	margin-bottom: var(--pad30);
	background-position: center center;
	position: relative;
	display: table;
	min-height: 182px;
	max-width: 540px;
	width: 100%;
	transition: var(--trans);
	border-radius: var(--radius);
	overflow: hidden;
	margin: var(--pad30) auto;
}
.magazine-locator img.magazine-dealerlogo {
	width: 100px;
}
.magazine-locator .magazine-title-box {
	padding: var(--pad15);
}
.sectiontag {
    display: block;
    width: auto;
    padding: 3px var(--pad10);
    color: black;
    background: white;
    z-index: 90;
    position: absolute;
    top: 10px;
	right: 0;
    /* border-top-right-radius: var(--radius); */
    /* border-bottom-right-radius: var(--radius);     */
	border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
    font-size: 0.6rem;
    text-transform: var(--upper);
    text-align: right;
    font-weight: bold;
	line-height: 1rem;
}
.magazine-third .sectiontag {
	padding: 0 3px;
	font-size: 0.8rem;
}


.magazine-overlay-grad {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.9) 100%);	
	/* background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);	 */
	transition: var(--trans);
}
.magazine-overlay-grad3 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.9) 100%);	
	/* background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);	 */
	transition: var(--trans);
}
.magazine-overlay-grad2 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.9) 100%);	
	/* background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);	 */
	transition: var(--trans);
}
.magazine-title-box-bottom {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 80%;
	height: auto;
}
.magazine-title-box-bottom h2 {
    font-family: var(--oswald);
    text-align: left;
    color: var(--white);
    text-transform: var(--upper);
    font-weight: 700;
    font-size: 2rem;
}
.magazine-first-item .magazine-title-box-bottom h2 {
	font-size: 32px;
}
.magazine-secondary .magazine-title-box-bottom h2 {
	font-size: 16px;
}
.magazine-title-box-bottom h2:hover {
	color: var(--bmprimary);
}
.page-layout-homepage .magazine-first-item:hover .magazine-title-box-bottom h2, .page-layout-homepage .magazine-secondary:hover .magazine-title-box-bottom h2 {
	color: var(--bmprimary);
	transition: var(--qtrans);
}
.oswald-cont h2 {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 80%;
    font-family: var(--oswald);
    text-align: left;
    color: var(--white);
    text-transform: var(--upper);
    font-weight: 700;
    font-size: 1.4rem;
    z-index: 90;
}
.gleam-cont {
	text-align: center;
}
.magazine-socials {
	font-size: 0.8rem;
	color: var(--standard);
	margin: var(--pad5) 0;
	text-align: center;
}
.magazine-socials a {
	font-size: 1rem;
	margin: 0 var(--pad5);
	color: var(--bmprimary);
	transition: var(--trans);
	text-align: center;
}
.magazine-socials a:hover {
	color: var(--bmsecondary);
}
.addthis_default_style .addthis_separator,
.addthis_default_style .at4-icon, 
.addthis_default_style .at300b,
.addthis_default_style .at300bo, 
.addthis_default_style .at300bs,
.addthis_default_style .at300m {
    float: none !important;
}
/*************************************************************
	
	Popular Products 2.0 Homepage

/*************************************************************/
.pp-product {
	/* width: 250px; */
	height: 220px;
	position: relative;
	border: 1px solid #f3f3f3;
	border-radius: var(--radius);
	padding: var(--pad15);
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.pp-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(0,0,0,0.01) 60%, rgba(0,0,0,0.7) 100%);	
	/* background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);	 */
	transition: var(--trans);
	z-index:90;
}
.pp-name {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 92;
}
.pp-link {
	font-family: var(--oswald);
	font-size: 16px;
	color: var(--white);
	transition: var(--qtrans);
}
.pp-link span {
	font-family: 'proxima-nova', sans-serif;
	font-size: 12px;
	text-transform: var(--upper);
	display: block;
}
.pp-item a {
	color: white;
}
/*************************************************************

Mailing List Popups

/*************************************************************/
.mail-popup {
	max-width: 600px;
	width: 100%;
	min-height: 200px;
	height: auto;
	margin: 0 auto;
	background-position: center center;
	border-radius: var(--radius);
	overflow: hidden;
	color: var(--white);
	font-family: var(--bebas);
	font-size: 1.2rem;
}
.mail-popup .container-fluid {
	padding-top: var(--pad15);
	padding-bottom: var(--pad15);
}
.mform-inner {
    width: 100%;
    height: auto;
    background: rgba(255,255,255,0.6);
    padding: var(--pad15);
    margin: var(--pad15) 0;
    border-radius: var(--radius);
}
.mform-inner input {
	background: transparent;
	width: 100%;
	margin-bottom: var(--pad5);
	color: var(--white);
	border: 0px;
	border-bottom: 1px solid var(--white);
	font-size: 1.2rem;
}
.mform-button {
	margin: var(--pad5) 0;
	background: var(--bmprimary) !important;
	color: var(--white);
	padding: var(--pad5);
	width: 100%;
	display: block;
	font-size: 1.3rem;
	border: 0px !important;
	border-radius: var(--radius);
	opacity: 1;
	transition: var(--trans);
}
.mform-button:hover {

	font-size: 1.5rem;
}
.mform-inner:hover .mform-button {
	opacity: 1;
}
.popupClose {
	position: absolute;
    color: var(--white);
    top: -13px;
    right: -14px;
    z-index: 9999;
    opacity: 1!important;
    background: var(--bmprimary) !important;
    padding: 1px 10px !important;
    border-radius: 50% !important;
    font-size: 2rem;

}
.popupSignUp {
	padding: 0px;
}
.popupSignUp .close:hover {
	color: white;
}
.msignup-logo {
	width: 100%;
	margin-bottom: var(--pad10);
}
.msignup-logo.medium {
	max-width: 300px;
	width: 100%;
}
.signupButtons {
	display: none;
}
#signupForm .error {
	color: darkred;
}

.sparesbox {
	border: 1px solid var(--light);
}
.spares-brand img {
	width: 100%;
	padding: var(--pad20);
}
.sparespara {
	font-weight: bold;
	text-transform: var(--upper);
	margin-bottom: var(--pad5);
	padding-left: var(--pad20);
	padding-right: var(--pad20);
}
.mst-search__result-tabs {
	display: none; 
}

.account .row .sidebar.sidebar-main {
	order: 0 !important;
}
.form-login, .login-screen-note {
	max-width: 600px;
	margin: 0 auto;
}
.form-login {
	padding: var(--pad20);
	border: 1px solid var(--light);
	border-radius: var(--radius);
	background: url('../images/login/eu.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
	
}
.login-site.you-are-here {
	text-align: center;
	line-height: 1.2rem;
	margin-top: var(--pad10);
	text-transform: var(--upper);
	font-size: 0.8rem;
}
.login-site.you-are-here .fas{
	color: var(--bmprimary);
	margin-bottom: 5px;
}
.login-site.button {
	border: 0px;
}
.login-site.button a {
	display: block;
	padding: 40px var(--pad10); 
	text-align: center;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;	
	border-radius: var(--radius) !important;	
	background: transparent;
	color: var(--white);
	text-transform: var(--upper);
	border-radius: var(--radius);
	transition: var(--trans);
	opacity: 0.5;
}
.login-site.button a:hover {
	opacity: 1;
	color: white;
}
.login-site.button.uk a {
	background: url('../images/ukflag.png');

}
.login-site.button.eu a{
	background: url('../images/euflag.png');
}
.login-site.button.activebutton a {
	opacity: 1;
	font-weight: bold;
}
/*************************************************************

Up to iPad only.

**************************************************************/


@media only screen and (max-width: 767px) {
    .quick-access {
        margin: 20px 0px 25px 0px;
    }

	.searchfixed {
		display: none;
		position: fixed;
		top: 62px;
		right: 0;
		bottom: 0;
		left: 0%;
		overflow-y: scroll;
		width: 100%;
		z-index:10000;
		background: rgba(0,0,0,0.8);
		padding-bottom: 15px;
		display: none;
	}	

}

@media (min-width: 768px) and (orientation: landscape) {
	.searchfixed {
		display: block !important;
	}
}
@media (max-width: 992px) {
	.filter-fixed {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		z-index:10011;
		background: #f3f3f3;
		padding:15px;
		opacity: 0;
		display: block;
		transition: 0.3s ease;
	}	
}

/*************************************************************

Custom Strapping Options

**************************************************************/
/*************************************************************

Custom Package Deal box

**************************************************************/
.featuredNoteCont {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 89;
    width: 100%;
    height: 80px;
    display: block;
    overflow: hidden;
    border-radius: 3px;
}
.featuredNoteCont-wording {
    position: absolute;
    z-index: 101;
    transform: rotate(-15deg);
    top: 31px;
    left: 7px;
    color: black;
    font-weight: bold;
    font-size: 0.7rem;
    text-transform: uppercase;
}
.featuredNoteCont-color {
	position: relative;
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-bottom-width: 78px;
	border-top-width: 0px;
	border-left: 18rem solid yellow;
}
.product-related .special-offer {
    font-size: 0.8rem !important;
}
.oversizeitem {
	margin-top: var(--pad20);
	border: 1px solid darkred;
	font-weight: bold;
	line-height: 1rem;
	text-transform: var(--upper);
}
.oversizeitem a {
	color: var(--bmprimary);
}
.oversizeitem .fa-weight-hanging, .oversizeitem .fa-exclamation-triangle {
	color: darkred;
	font-size: 2rem;
}
.catalog-product-view .oversizeitem .col-10 {
	font-size: 0.8rem;
	line-height: 1.2rem;
}
.catalog-product-view .oversizeitem .fa-exclamation-triangle {
	font-size: 2.6rem;
}

.othersites {
	max-width: 600px;
	margin-top: var(--pad20);
}
.loginPageHeaderFlag {
	position: relative;
	text-align: center;
	color: white;
	font-weight: bold;
	border-radius: var(--radius);
	overflow: hidden;
	margin-bottom: var(--mar30);
	transition: var(--trans);
	background-position: center center;
	background-repeat: no-repeat;
}
.loginPageHeaderFlag .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: black;
	opacity: 0.5;
	z-index: 1;
	transition: var(--trans);
}
.loginPageHeaderFlag .flagText {
	color: white;
	text-align: center;
	padding: var(--mar60) var(--pad30);
	position: relative;
	z-index: 5;
	text-transform: var(--upper);
	font-size: 1.5rem;
}
.loginPageHeaderFlag:hover .overlay {
	opacity: 0.2;
}
.loginPageHeaderFlag.uk {
	background-image: url('../images/flags/uk-header.jpg');
}
.loginPageHeaderFlag.eu {
	background-image: url('../images/flags/eu-header.jpg');
}
.loginPageHeaderFlag.fr {
	background-image: url('../images/flags/fr-header.jpg');
}
.loginPageHeaderFlag.be {
	background-image: url('../images/flags/be-header.jpg');
}
.loginPageHeaderFlag.nl {
	background-image: url('../images/flags/nl-header.jpg');
}

.smallCountryFlag a {
	color: white;
}
.smallCountryFlag {
	position: relative;
	text-align: center;
	color: white;
	font-weight: bold;
	border-radius: var(--radius);
	overflow: hidden;
	margin-bottom: var(--mar30);
	transition: var(--trans);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: table-cell;
	vertical-align: middle;
}
.smallCountryFlag .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: black;
	opacity: 0.5;
	z-index: 1;
	transition: var(--trans);
}
.smallCountryFlag .flagText {
	color: white;
	text-align: center;
	position: relative;
	z-index: 5;
	text-transform: var(--upper);
	font-size: 1rem;
	vertical-align: middle;
}
.smallCountryFlag:hover .overlay {
	opacity: 0.7;
}
.smallCountryFlag.uk {
	background-image: url('../images/flags/uk-square.jpg');
}
.smallCountryFlag.eu {
	background-image: url('../images/flags/eu-square.jpg');
}
.smallCountryFlag.fr {
	background-image: url('../images/flags/fr-square.jpg');
}
.smallCountryFlag.be {
	background-image: url('../images/flags/be-square.jpg');
}
.smallCountryFlag.nl {
	background-image: url('../images/flags/nl-square.jpg');
}