:root{
--primary-txt-color: #444;
--secondary-txt-color: #888;
--filter-txt-color: rgba(0,0,0,.65);
--border-color: #ccc;
--primary-font:'Roboto', 'Open Sans', sans-sarif;
--grey-bgcolor:rgba(0,0,0,.04);
--grey-bg-border:rgba(0,0,0,.05);
/*main and filter buttons*/
--btn-bgcolor: rgba(0,0,0,.75);
--btn-bgcolor-hvr: rgba(0,0,0,.95);
--btn-txt-color: #fff;
--btn-txt-color-hvr: #fff;
/*Top buttons*/
--btn2-bgcolor: transparent;
--btn2-bgcolor-hvr: var(--btn-bgcolor);
--btn2-txt-color: var(--primary-txt-color);
--btn2-txt-color-hvr: var(--btn-txt-color);
/*Inv Thumbnail buttons*/
--btn3-bgcolor: #c6c6c6;
--btn3-bgcolor-hvr: #c4c4c4;
--btn3-txt-color: var(--btn-txt-color);
--btn3-txt-color-hvr: var(--btn-txt-color-hvr);
}

.spswc .container{
max-width:1200px;
padding-left:20px;
padding-right:20px;
width:auto;
}
.spswc .container .container {
padding: 0;
margin: 0;
width: 100%;
display: inline;
}
.spswc{
display:inline-block;
width:100%;
min-height: 500px;
}
html, body{background-color:transparent;-webkit-overflow-scrolling: touch;color:var(--primary-txt-color);} 
p,
body,
.spswc{
font-family:var(--primary-font);
color:var(--primary-txt-color);
}
/*button and title text*/
#CollectionBtnText:before{
content:"Collection";
}
#CartBtnText:before{
content:"Cart";
}
#InventorySection:before{
content:"Available Inventory";
}
#GalleryPageTitle:before{
content:"Product Catalog";
}
#DetailPageTitle:before{
content:"Inventory";
}

.spswc button, .spswc .button{
border-radius: 3px;
border: 1px solid var(--border-color);
padding: 6px 15px;
color: var(--btn2-txt-color);
background-color: var(--btn2-bgcolor);
font-size: 13px;
font-weight: 500;
text-transform:uppercase;
}
.spswc button:hover, .spswc .button:hover{
border: 1px solid var(--btn2-bgcolor-hvr);
color: var(--btn2-txt-color-hvr);
background-color: var(--btn2-bgcolor-hvr);
}
.spswc input,
.spswc textarea,
.spswc select{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-width:0px 0px 1px;
border-color:var(--border-color);
border-style:solid;
font-size:12px;
outline:none;
padding: 7px 7px 7px 1px;
font-family:var(--primary-font);
background: transparent;
width:100%;
}
.spswc .PageTitle {
width:100%;
margin-bottom:10px;
margin-top:20px;
}
.spswc .PageTitle h1{
font-weight:300;
margin:8px 0px;
}
.spswc .PageTitleBorder{
border-bottom:1px solid var(--border-color);
height:5px;
Clear:both;
}
.LoadGifWrap{
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
top: 0px;
left: 0;
text-align: center;
}
.LoadGif{
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
margin-top: -10px;
}
.LoadGif img{
height:140px;
}
.TopButtonWrap{
float:right;
}
.spswc .TopButton{
margin: 8px 0px;
text-transform: uppercase;
padding:6px 10px;
}
.spswc .CollectionButton td,
.spswc .TopButton{
vertical-align: middle;
font-weight:normal;
font-size:16px;
line-height:24px;
color:var(--btn2-txt-color);
}
#goBackID{
Display:none;
}
.CollectionForm button:hover,
.LBForm button:hover,
.QuickLink button:hover,
.spswc .TopButton:hover{
color: var(--btn2-txt-color-hvr);
background-color: var(--btn2-bgcolor-hvr) !important;
border: 1px solid var(--btn2-bgcolor-hvr) !important;
}
.spswc .CollectionButton:hover td{
color:var(--btn2-txt-color-hvr);
}
.spswc .CollectionButton{
padding:0px;
margin-left: 5px;
}
.spswc .CollectionButton td{
line-height:24px;
padding: 6px 15px;
}
.spswc .CollectionButton td:First-Child{
padding-right: 10px;
}
.spswc .CollectionButton td:last-child{
font-size:15px;
font-weight: 600;
padding-left:10px;
background-color: var(--grey-bgcolor);
border-left:1px solid var(--grey-bg-border);
}
.spswc .SubTitle{
font-weight:300;
margin-bottom:30px;
text-transform:uppercase;
border-top:0px solid #bbb;
border-bottom:1px solid #bbb;
margin:50px auto 40px;
}
.spswc .SubTitle span{
position:relative;
}
/*//// Product Index Thumbnails (lays out grid and allows images to scale proportionally) /////*/
.ImgWrap,
.NoImg{
	padding-bottom:62%;
}
.ImgWrap,
.lSSlideOuter .lSPager.lSGallery li{
	overflow:hidden;
	position: relative;
	display: inline-block;
	border: solid 0px var(--grey-bg-border);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width:100%;
	cursor:pointer;
}
.ImgWrap img,
.lSSlideOuter .lSPager.lSGallery img{
	position: absolute;
	Margin:auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-width:200px;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all .4s;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .4s ease;
}
.ImgWrap:hover img{
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}
.img-responsive{
width:100%;
}
/*/////End Product Index Thumbnails /////*/

 /*/////Thumbnail Icon /////*/
.IconLayer{
	position:absolute;
	z-index:200;
	bottom:10px;
	right:5px;
	opacity:0;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
.ImgWrap:hover .IconLayer,
.DetailImgWrap:hover .IconLayer{
	opacity:1;
}
.IconBG{
	width:30px;
	height:30px;
	Background-color:var(--btn-bgcolor);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow:	0px 1px 1px 0px rgba(0, 0, 0, .5);
	box-shadow:			0px 1px 1px 0px rgba(0, 0, 0, .5);
	cursor:pointer;
	text-align:center;
	float:left;
	margin-right:6px;
	display:flex;
	justify-content:center;	
	color:var(--btn-txt-color);
	font-size:14px;
}
.IconBG:hover{
	Background-color:var(--btn-bgcolor-hvr);
}
.IconBG [class^="icon-"]{
Line-height:30px;
}
.IconMid{
	padding-top:50%;
	Margin-top:-10px;
}
.FlagLayer{
position:absolute;
z-index:300;
top:0px;
right: 0px;
left:0px;
}
.ThumbnailFlag{
border-radius:0px 0px 4px 4px;
padding:3px 10px;
font-size:12px;
font-weight:300;
text-align:center;
width:50%;
margin:0px auto;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
text-transform:uppercase;
color:white;
}

.ThumbnailFlag.NewArrivals{
background-color:#E04A4A;
}
.ThumbnailFlag.NewArrivals::after{
content:'New Arrivals';
}
.ThumbnailFlag.NewColor{
background-color:#E8CC00;
}
.ThumbnailFlag.NewColor::after{
content:'New Color';
}
.FeaturedItem {
    position: absolute;
    z-index: 301;
    left: 10px;
    top: 10px;
}
.FeaturedItem .IconBG {
    background-color: #e5c100;
	background: -moz-linear-gradient(top, #f9e654 0%, #efd10b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f9e654 0%,#efd10b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f9e654 0%,#efd10b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 30px;
    width: 30px;
	color: #786500;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}
.Inactive{
Opacity:.75;
pointer-events: none;
cursor: not-allowed;
}
/*/////End Thumbnail Icons /////*/

/*/////Product Thumbnail Labels/////*/

.ItemLabel{
    margin-bottom: 10px;
    position: relative;
    padding: 5px 2px 10px;
    border: 0px solid #fff;
    background-color: transparent;
}

.ItemLabel p{
padding:0px;
margin:0px;
position:relative;
}
.ItemName{
font-size:14px;
line-height:14px;
font-weight:600;
}
.ItemInfo{
font-size:12px;
color:var(--secondary-txt-color);
display:inline-block;
}
.ItemInfo::after{
content:"\00a0\00a0|\00a0";
}
.ItemInfo:last-child::after{
content:"";
}
.FancyItem.ItemLabel{
    border: 0px;
    background-color: transparent;
}
.InvItem.ItemLabel{
padding: 5px 10px 10px;
text-align:left;
background-color: transparent;
border:1px solid #f1f1f1;
}
.InvItem .ItemInfo{
display:block;
padding:1px;
color:var(--primary-txt-color);
Float:left;
width:100%;
text-align:left;
}
.CollectionPage.InvItem .ItemInfo{
width:50%;
}
.InvItem .ItemInfo::after{
content:"";
}
.InvItem .ItemInfo:first-child{
font-size:16px;
line-height:auto;
font-weight:500;
padding:4px 0px;
width:100%;
text-align:left;
}
.InvItem .ItemInfo span{
font-weight:600;
}
.InvItem .ItemInfo span::after{
content:"\00a0"
}
.InvItem button{
Border-radius:3px;
border:1px solid var(--btn3-bgcolor);
background-color:var(--btn3-bgcolor);
font-size:12px;
color:var(--btn3-txt-color);
padding:5px 10px;
margin-top:10px;
line-height:20px;
width:100%;
}
.InvItem button:hover{
background-color:var(--btn3-bgcolor-hvr);
color:var(--btn3-txt-color-hvr);
border:1px solid var(--btn3-bgcolor-hvr);
}
.InvItem button [class^="icon-"]{
float:left;
line-height:1.5em;
}
.InvItem button [class^="icon-"]{
-webkit-transition: -webkit-transform .5s ease;
-moz-transition:    -moz-transform .5s ease;
-o-transition:      -o-transform .5s ease;
-ms-transition:     -ms-transform .5s ease;
transition:         transform .5s ease;
}
.InvItem button::before{
content:"Add to";
}
.InvItem button.Remove [class^="icon-"]{
-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
}
.InvItem button.Remove::before{
content:"Remove From";
}

[class*='col-'] > p.ItemInfo:last-child{
font-size:12px;
font-weight:normal;
}
.CenterCaption{
Max-width:1024px;
margin:auto;
}
.LBInfo{
margin:0px ;
padding:0px;
font-family:var(--primary-font);
}
.LBInfo li{
list-style-type:none;
display:inline-block;
font-size:12px;
Padding:0px 1%;
}
.LBInfo li span{
font-weight:500;
}
.LBInfo li:first-child{
list-style-type:none;
width:100%;
font-size:16px;
}
.LBForm .InvItem button{
margin:0px;
line-height:initial;
}
/*/////EndProduct Thumb Labels/////*/
/*///// Image not found /////*/
	.NoImg{
	Width: 100%;
    background-color: var(--grey-bgcolor);
	border:1px solid var(--grey-bg-border);
    font-family: var(--primary-font);
    font-size: 14px;
    color: var(--secondary-txt-color);
    text-align: center;
    display: table;
    top: 0px;
    right: 0px;
    position: absolute;
	 }
	 .NoImgText{
	  padding:0px 0px;
	  position: absolute;
	  width: 100%;
      top: 50%;
      margin-top: -7px;
	 }
	 .NoImgText:before{
	  content:'Image Coming Soon';
	 }
 /*///// End Image not found /////*/
/*///// Paging Styles /////*/
.BottomPageNav,
.TopPageNav{
display:block;
overflow: hidden;
margin:auto;

}
.BottomPageNav{
text-align:center;
margin:30px auto;
}
.SPSPagination{
margin:10px 0px;
padding:0px;
display:inline-block
}
.SPSPagination li{
list-style:none;
cursor:pointer;
display:inline;
padding:0px;
font-family: inherit;
}
.SPSPagination li a{
float:left;
font-size:14px;
font-weight:600;
padding:10px 15px;
border:1px solid var(--border-color);
text-decoration:none;
margin:0px;
margin-left:-1px;
color:var(--btn2-txt-color);
border-radius:0px;
background-color:var(--btn2-bgcolor);
height:100%;
line-height:20px;
}
.SPSPagination li a [class*='sps-']{line-height: 20px;height: 100%;}
.SPSPagination li:first-child a{
border-radius: 4px 0px 0px 4px;
}
.SPSPagination li.First a,
.SPSPagination li.Last a,
.SPSPagination li.Prev a,
.SPSPagination li.Next{
vertical-align: sub;
}
.SPSPagination li.First a,
.SPSPagination li.Last a{
letter-spacing:-6px;
padding-left:12px;
padding-right: 17px;
}
.SPSPagination li.First a{}
.SPSPagination li.Last a{}
.SPSPagination li.Prev a{}
.SPSPagination li.Next a{}

.SPSPagination li:last-child a{
border-radius: 0px 4px 4px 0px;
}
.SPSPagination li.First a span:first-child {margin-right: -10px;}
.SPSPagination li.Last a span:last-child {margin-left: -10px;}

.SPSPagination li.disabled a,
.SPSPagination li.disabled a:hover{
background-color:transparent;
border:1px solid var(--border-color);
color:var(--primary-txt-color);
cursor:default;
height: 100%;
line-height: 20px;
}
.TopPageNav{
Margin-bottom:5px;
}
.TopPageNav .SPSPagination{
float:right;
font-size:0;
}
.TopPageNav .SPSPagination li a,
.TopPageNav select{
font-size:12px;
font-weight:600;
padding:5px 8px;
border:1px solid var(--border-color);
line-height:20px;
height:100%;
}
.TopPageNav select{
color:#999;
border-radius:4px;
padding:5px;
}
.PerPage{
font-size:12px;
float:left;
margin:17px 0px;
}
.PerPage .hand{font-size:14px;padding: 0px 1px;}
.matchCount{
	font-weight:bold;
	font-size:14px;
}

.bold{
	font-weight:bold;
}
.clicked{font-weight:bold;}

.AlphaSort{
display:inline-block;
padding:0px;
margin:0px;
}
.AlphaSort li{
	list-style:none;
	display:inline;
	cursor:pointer;
}
.AlphaSort li a,
.AlphaSort li a:visited{
Text-decoration:none;
font-size:11px;
padding:8px 0px;
float:left;
margin-left:-1px;
margin-bottom:4px;
text-transform:uppercase;
background-color:var(--btn2-bgcolor);
border:1px solid var(--border-color);
color:var(--btn2-txt-color);
width:30px;
text-align:center;
}
.AlphaSort li a:hover{
background-color:var(--btn2-bgcolor-hvr);
color:var(--btn2-txt-color-hvr);
}
.SPSPagination li a:hover,
.SPSPagination li.active a,
.AlphaSort li.active a{
background-color:var(--btn-bgcolor);
border:1px solid var(--btn-bgcolor);
color:var(--btn-txt-color-hvr);
}
/*///// End Paging Styles /////*/

/*///// Filter Styles /////*/
.SPSVerticalForm{
background-color: transparent; 
padding:10px 20px 15px 0px;
border:0px solid var(--border-color);
}
.SPSVerticalForm [class*="icon-"] {
    float: right;
    padding-right: 3px;
    color: var(--primary-text-color);
    line-height: auto;
}
.InputIcon {
opacity: .4;
float: right;
margin-top: -24px;
margin-right: 3px;
cursor: pointer;
}
#NoneFoundID{padding:5px 10px;}
.FilterDiv{
	margin-top: -5px;
    border: 1px solid var(--grey-bg-border);
    padding: 8px;
    background-color: var(--grey-bgcolor);
}
.FilterDiv span{
	display: inline-block;
    float: right;
    cursor: pointer;
    font-size: 10pt;
    padding-top: 2px;
    color: var(--secondary-txt-color)
}
.SPSVerticalForm Input,
.SPSVerticalForm Select,
.SPSHorizontalForm Input,
.SPSHorizontalForm Select{
	border:0px solid var(--border-color);
	padding: 10px 1px 3px 1px;
	background: transparent;
	}

.SPSVerticalForm Input:-moz-placeholder,        /* Mozilla Firefox 4 to 18 */
.SPSHorizontalForm Input:-moz-placeholder,      /* Mozilla Firefox 4 to 18 */
.SPSVerticalForm Input::-moz-placeholder,       /* Mozilla Firefox 19+ */
.SPSHorizontalForm Input::-moz-placeholder{     /* Mozilla Firefox 19+ */
   color:    var(--filter-txt-color);
   opacity:  1;
   font-weight:700;
   text-transform:uppercase;
}
.SPSVerticalForm Input::-ms-input-placeholder,         /* Microsoft Edge */
.SPSHorizontalForm Input::-ms-input-placeholder,       /* Microsoft Edge */
.SPSVerticalForm Input:-ms-input-placeholder,          /* Internet Explorer 10-11 */
.SPSHorizontalForm Input:-ms-input-placeholder{        /* Internet Explorer 10-11 */
   color:    var(--filter-txt-color);
   font-weight:700;
   text-transform:uppercase;
}
.SPSVerticalForm Input::-webkit-input-placeholder,     /* WebKit, Blink, Edge */
.SPSHorizontalForm Input::-webkit-input-placeholder,   /* WebKit, Blink, Edge */
.SPSVerticalForm Input::placeholder,                   /* Most modern browsers support this now. */
.SPSHorizontalForm Input::placeholder{                 /* Most modern browsers support this now. */
   color:    var(--filter-txt-color);
   font-weight:500;
   text-transform:uppercase;
}

.SPSHorizontalForm Input,
.SPSVerticalForm Input{
	width:90%;
 }
.SPSHorizontalForm [class*="icon-"] {
    float: right;
    padding-right: 3px;
    color: var(--primary-text-color);
    line-height: auto;
}
.CheckBoxFilter{
clear:both;
overflow:hidden;
margin-bottom:4px;
}
.TextSearchFilter,
.DropdownFilter{	
	margin-bottom:10px;
	position:relative;
	border-bottom:1px solid var(--border-color);
}
.SPSVerticalForm .TextSearchFilter,
.SPSVerticalForm .DropdownFilter{
	margin-top:5px;
}
.SPSHorizontalForm .DropdownFilter{
	margin-top:2px;
}
.DropdownFilter select{
	color: var(--primary-txt-color);
    padding: 8px 1px 3px 1px;
	font-weight:700;
	text-transform:uppercase;
    -webkit-appearance: none;
	-moz-appearance: none;
	position:relative;
	z-index: 2;
	background: transparent;
}
.DropdownFilter select::-ms-expand {
    display: none;
}
.DropdownFilter:after{
	content:"\ea53";
	font-family: 'icomoon' !important;
    -webkit-font-smoothing: antialiased;
    display: block;
    position: absolute;
    right: 0px;
	bottom:5px;
    font-size: 20px;
    line-height: 20px;
    transform: rotate(180deg);
}
.TextSearchFilter > label,
.DropdownFilter > label{
	display:none;
}

.placeholder{font-weight:bold;}
.RangeFilter > p,
.CheckBoxFilter > p{
margin-bottom:6px;
border-bottom: 1px solid var(--border-color);
cursor:pointer;
}
.AlphaSortFilter > p{
margin-bottom:2px;
}
.TextSearchFilter > label,
.DropdownFilter > label,
.RangeFilter > p,
.CheckBoxFilter > p,
.AlphaSortFilter > p{
margin-top:0px;
padding: 10px 1px 3px 1px;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
.LBForm{
border-top:1px solid rgba(255,255,255,.1);
padding-top:10px;
margin-top:2px;
}
.LBForm div{
display:inline-block;
padding:5px 0px;
}
.LBForm input{
margin-right:10px;
background-color:rgba(255,255,255,.2);
border:1px solid rgba(255,255,255,.1);
padding:2px;
color:white;
}
.LBForm ::-webkit-input-placeholder {color: #999;}
.LBForm :-moz-placeholder {color: #999;}
.LBForm ::-moz-placeholder {color: #999;}
.LBForm :-ms-input-placeholder {color: #999;}

.LBForm label{
font-weight:500;
font-family:var(--primary-font);
font-size:12px;
}
.LBForm label::after{
content:"\00a0"
}
.SPSVerticalForm button,
.SPSHorizontalForm button,
.LBForm button{
border-radius:3px;
border:1px solid #ddd;
padding:6px 10px;
font-size:12px;
cursor:pointer;
font-family: var(--primary-font);
}
.SPSHorizontalForm .TextSearchBtn,
.SPSVerticalForm .TextSearchBtn{
	width: 20px;
	height:20px;
	border-radius:15%;
	background-color: var(--btn-bgcolor);
    padding: 0px 0px 0px 0px;
    border: none;
    font-size: 12px;
    display: none;
	outline:none;
	float:right;
	margin-top:3px;
    color: var(--btn-txt-color);
}
.SPSHorizontalForm .TextSearchBtn:hover,
.SPSVerticalForm .TextSearchBtn:hover{
	background-color: rgba(0,0,0,1); !important;
}
.SPSHorizontalForm .TextSearchBtn [class*="icon-"],
.SPSVerticalForm .TextSearchBtn [class*="icon-"]{
color:inherit;
}
.SPSVerticalForm img {
    width: 20px;
    float: right;
    padding: 0px 2px 0px 0px;
}
.LBForm button{
background-color:var(--btn-bgcolor);
border:1px solid var(--btn-bgcolor);
color:var(--btn-txt-color);
}
/* Custom Check Box */
.SPSCheckBox {
  width:100%;
  float:left;
  position: relative;
  margin: 2px 0px 10px 1px;
}
.SPSCheckBox.col2 {
  width:50%;
}
.SPSCheckBox.col3 {
  width:33.3333%;
}
.SPSCheckBox:after{
clear:both;
}
.SPSCheckBox label {
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 3px;
  border:1px solid #ddd;
  /*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
   */
}
.SPSCheckBox label:checked {
background: #444;
}
.SPSCheckBox label:after {
  content: '';
  width: 10px;
  height: 6px;
  position: absolute;
  top: 6px;
  left: 5px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.SPSCheckBox label p{
    margin-top: 0px;
    margin-left: 25px;
	font-size:12px;
	line-height:20px;
	font-weight:500;
	white-space: nowrap;

}
.SPSCheckBox label:hover::after {
  opacity: 0.25;
}
.SPSCheckBox input[type=checkbox] {
  visibility: hidden;
}
.SPSCheckBox input[type=checkbox]:checked + label:after {
  opacity: 1;
  border-color:var(--btn-txt-color);
}
.SPSCheckBox input[type=checkbox]:checked + label{
  background:var(--btn-bgcolor);
  border:1px solid var(--btn-bgcolor);
}
/* end Custom Check Box */
/* Rang slider styles*/
#Range-Slider{
margin:10px 15px;
}
.RangeValues{
Font-size:12px;
width:100%;
text-align:center;
padding-top:5px;
font-weight:700;
color:var(--btn-bgcolor);
}
.noUi-horizontal .noUi-handle {
width:28px;
border-radius:28px;
cursor:w-resize;
box-shadow: 0 3px 6px -3px #BBB;
}
.noUi-handle:before{
left:11px;
}
.noUi-handle:after{
left:15px;
}
.noUi-connect{
background:var(--btn-bgcolor);
box-shadow: inset 0 0 1px rgba(0,0,0,0.25);
}
.RangeFilter{
margin:0px 0px 20px 0px;
}
/*End Rang slider styles*/
.SPSHorizontalForm{
margin-top:-10px;
overflow:hidden;
padding:20px;
border-bottom:1px solid var(--border-color);
background-color:rgba(0,0,0,.02);
display:none;
}
.SPSHorizontalForm .CheckBoxFilter p,
.SPSHorizontalForm .RangeFilter p,
.SPSHorizontalForm .AlphaSortFilter > p{
margin-top:0px;
}
.CollectionForm Input,
.CollectionForm textarea{
margin-bottom:8px;
}

.FilterTitle{
    background-color: var(--grey-bgcolor);
    margin: 0px;
    padding: 7px 20px 5px;
	overflow:hidden;
	cursor:pointer;
	position:relative;
	z-index:1;
}
.FilterTitle [class^="icon-"]{
color:var(--secondary-txt-color);
float:left;
line-height:1.2em;
}
.FilterTitle h1{
font-size: 16px;
text-transform: uppercase;
color: var(--secondary-txt-color);
margin:0px 0px 0px;
float:left;
font-weight:400;
padding-left:5px;
line-height:1.2em;
}
.CloseFilter .WebIconSprite{
background-position: -40px -40px;
    transform: rotate(45deg);
}
.CloseFilter h1::before{
content:"Close\00a0";
}
.CollectionFormBG{
background-color:var(--grey-bgcolor);
border:1px solid var(--grey-bg-border);
padding:20px;
margin-bottom:10px;
}
.CollectionForm{
	width:100%;
	margin:0px auto;
}
.CollectionForm h1{
font-weight:300;
font-size:28px;
margin: 0px 0px 5px;
}
.CollectionForm p{
font-size:13px;
margin: 0px 0px 15px;
}
.CollectionForm label{
font-size:12px;
font-weight:600;
color:var(--secondary-txt-color);
}
.CollectionForm textarea{
height:85px;
}
.CollectionForm button{
padding:12px 40px;
margin-top:20px;
}
.spswc .SearchButton,
.spswc .ResetButton{
background-color:var(--btn-bgcolor);
border:1px solid var(--btn-bgcolor);
color:var(--btn-txt-color);
/*padding-left:30px;
padding-right:30px;*/
}
.spswc .SearchButton{width:73%;}
.spswc .ResetButton{width:25%;}


.spswc .ResetButton:hover{
background-color:var(--btn-bgcolor-hvr) !important;
border:1px solid var(--btn-bgcolor-hvr) !important;
color:var(--btn-txt-color-hvr);
}

.CenterButton{
width:100%;
text-align:center;
}
.FilterButtons{
Margin:10px 0px;
padding:10px 0px;
}
.SPSHorizontalForm .FilterButtons{
Margin:10px 0px 0px;
padding:10px 0px 0px;
}
.FilterCrumbs {
    padding: 0px 10px 10px;
}
ul.Crumbs {
    padding: 5px 10px;
    margin: 0;
    background-color: var(--grey-bgcolor);
    border-radius: 2px;
    display: inline-block;
    width: 100%;
}
ul.Crumbs li {
    display: inline-block;
    text-transform: uppercase;
    padding-right: 5px;
    padding-bottom: 5px;
	padding-top: 5px;
    font-size: 11px;
}
ul.Crumbs [class*="icon-"]{
	opacity:.5;
}
/*///// Filter Styles /////*/
/*///// Detail page Styles /////*/ 

.DetailPage.ImgWrap, .DetailPage .NoImg{
	cursor:default;
	padding-bottom: 75%;
}
.DetailPage.ImgWrap:hover img{
	-webkit-transform:scale(1); /* Safari and Chrome */
    -moz-transform:scale(1); /* Firefox */
    -ms-transform:scale(1); /* IE 9 */
    -o-transform:scale(1); /* Opera */
     transform:scale(1);
}
.DetailName{
	font-size:24px;
	font-weight:500;
	Margin:0px 0px 5px 0px;
	font-weight:normal;
}
.DetailInfoDescription{
	font-size:12px;
	font-weight: normal;
	line-height:18px;
	Margin:0px 0px 20px 0px;
}
.DetailInfoTable{
	width:100%;
	border:0px;
	margin-bottom:20px;
}
.DetailInfoTable tr td{
	border-bottom:1px dashed rgba(0,0,0,.1);
	padding:8px 0px;
	color:var(--primary-txt-color);
}
.DetailInfoTable tr:last-child td{
	border-bottom:0px;
}
.DetailInfoLable{
	font-size:11px;
	font-weight: bold;
	color:var(--primary-txt-color);
	background-color:transparent;
	border-right: 1px rgba(0,0,0,.2);
	width:30%;
	text-transform:uppercase;
}
.DetailInfoValue{
	font-size:11px;
	font-weight: normal;
}
.NoInvNote{
text-align:center;
font-size:1.5rem;
padding:150px 20px;
}
.NoInvNote:before{
 content:"Please contact us for more information regarding this product's inventory."
 }
.spswc button.SpecButton{
	width: 100%;
    padding: 12px;
}
/*////////End Detail styles///////////*/
/*////////Collection Page styles///////////*/
.CollectionPage.ImgWrap, .CollectionPage .NoImg{

}
/*////////End Collection Page styles///////////*/
/*////////Catigory Index Block styles///////////*/
.Categories .ImgWrap{
Height:200px;
margin-bottom: 15px;
}
.CatLabel{
position:absolute;
z-index:300;
bottom:0px;
text-align:center;
padding:5px 10px;
font-size:28px;
font-weight:300;
color:white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .9);
background-color:rgba(0,0,0,.15);
width:100%;
text-transform:uppercase;
cursor:pointer;
}
/*////////End Catigory Index Block styles///////////*/
/*////////slider Block styles///////////*/
.lSAction>.lSPrev {
    left: 20px;
}
.lSAction>.lSNext {
    right: 20px;
}
.RelatedItem .lSAction>.lSPrev,
.RelatedItem .lSAction>.lSNext {
    top: 40%;
}
.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #ddd;
}
.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: var(--btn-bgcolor);
}
.DetailPage .lSSlideOuter .lSPager.lSGallery li {
    padding-bottom: 10%;
}
.lg-backdrop.in {
    opacity: .85;
}
.lg-outer {
    background-color: #000;
}
.lslide{
position:relative;
}
.lslide p {
    position: absolute;
    bottom: 6px;
    left: 1px;
    padding: 5px 8px;
    background-color: rgba(0,0,0,.5);
    right: 1px;
    font-size: 14px;
    color: white;
    margin: 0;
	transition: all .5s ease;
}
/*////////End Slider Block styles///////////*/
/*////////Related/Featured  Block styles///////////*/
.FeaturedItem .ImgWrap{
/*height:400px;*/
}
.RelatedItem .ImgWrap{
/*height:400px;*/
}
/*////////End Related/Featured  Block styles///////////*/
/*/////////Alt inventory Page Styles//////*/
.AltInvItem{
Background-color:#f4f4f4;
overflow: hidden;
margin: 10px 10px;
}
.AltInvItem,
.AltInvItem .ImgWrap{

}
.AltInvItem .ImgWrap:hover img{
	-webkit-transform:scale(1); /* Safari and Chrome */
    -moz-transform:scale(1); /* Firefox */
    -ms-transform:scale(1); /* IE 9 */
    -o-transform:scale(1); /* Opera */
     transform:scale(1);
}
.AltInvItem .InvItem.ItemLabel{
text-align:left;
background-color: transparent;
border:0px;
padding:15px 0px;
}
.AltInvItem .InvItem .ItemInfo:first-child{
font-size:20px;
}
.AltInvItem .InvItem .ItemInfo{
width:100%;
}
/*/////////End Alt inventory Page Styles//////*/
/*////////Family Detail styles///////////*/
.FamilyDetail .SubTitle{
width:100%;
text-align:left;
margin:70px auto 20px;
}
.FamilyDetail .SubTitle span{
padding:0px;
bottom:40px;

}
.QuickLink{
font-size:16px;
padding:0px 20px !important;
}
.QuickLink Select{
font-size:14px;
}
.QuickLink button{
padding: 2px 5px 1px;
}
.ProductTitle{
border-bottom: 1px solid #999;
overflow: hidden;
margin-bottom: 15px;
margin-top:20px;
padding:4px 0px;
}
.ProductTitle p{
padding:0px;
margin:0px;
font-size:18px;
font-weight:600;
}
.ProductTitle a{
padding:0px;
margin:0px;
font-size:12px;
color:#999;
}
.ProductTitle a:hover{
color:var(--btn-bgcolor);
}
.LotLinks{
margin:0px 0px 40px;
padding:0px;
}
.LotLinks a{
color:var(--secondary-txt-color);
text-decoration:none;
}
.LotLinks a:hover{
color:#222;
}
.LotLinks li{
	list-style:none;
	border-bottom:1px solid #ddd;
	font-size:16px;
	font-weight:400;
	margin:5px 0px;
	padding:5px 0px;
}
/*/////////End Family Detail Styles//////*/
.NoneFound {
    font-size: 20px;
    opacity: .8;
    border: 1px solid rgba(0,0,0,.1);
    background-color: rgba(0,0,0,.02);
    padding: 80px 20px;
}
.NoneFound .text {
	  font-size: 11pt;
    padding-top: 10px;
}
.alert{text-align:center;color: #9f0d0d;}
.regret{width:22px;display:inline-block;}
 .WebIconSprite{
	background-image:url('WebIconSVG.svg');
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	align-self:center;
	display:block;
	color:blue;
	fill:currentColor;
 }
.inactive .WebIconSprite{
	Opacity:.5;
}
.hand{cursor:pointer;}
.inputPad{padding:6px;}
.ExpandIcon{background-position:0px 0px;}
.SearchIcon{background-position:-20px 0px;}
.ShareIcon{background-position:-40px 0px;}
.SlabIcon{background-position:-60px 0px;}
.SlabZoomIcon{background-position:-60px -40px;}
.InfoIcon{background-position:-80px 0px;}
.DetailsIcon{background-position:0px -20px;}
.LinkIcon{background-position:-20px -20px;}
.AddIcon{background-position:-40px -20px;}
.EmailIcon{background-position:-60px -20px;}
.GreenIcon{background-position:-80px -20px;}
.BlackFilterIcon{background-position:-0px -40px;}
.BlackSearchIcon{background-position:-20px -40px;}

.HoldLayer{
    position: absolute;
    z-index: 300;
    left: 10px;
    bottom: 10px;
    text-align: center;
    color: rgb(237, 239, 242);
    font-size: 60px;
    text-shadow: 1px 1px 1px rbga(0,0,0,.5);
}
/*////////Additional Media Queries///////////*/
	@media (min-width: 993px) {
	.SPSVerticalForm{display:block !important;}
	}
	/*md*/
	@media (max-width: 992px) {
		.SPSVerticalForm{display:none;}
		.ImgWrap,.NoImg{padding-bottom:50%;}
		.ItemSearchBack{margin-left:15px;margin-right:15px;}
		.ImgWrap:hover img{opacity:1;}
		.IconLayer{opacity:1;}
		.FilterWrap{display:inline-block;width:100%;}
		.FilterDiv{margin-top:30px;}
	}
	/*sm*/
	@media (max-width: 780px) {
		
		.Filter_SmartPhone{display:inline-block}
		.ImgWrap{}
		.DetailImgWrap{}
		.SPSPagination li a{padding: 5px 12px;}
		.AltInvItem{height:auto;}
		.AltInvItem .InvItem.ItemLabel{padding:5px 10px;}
		.spswc .PageTitle h1 {text-align: center;padding-bottom: 20px;}
		.spswc .SubTitle{height:auto;width:100%;}
		.spswc .SubTitle span{background-color:Transparent;bottom:0px;}
		.TopButtonWrap{float:none;text-align:center;width: 50%;margin: auto;}
		.spswc .CollectionButton td,.spswc .TopButton{width:100%;}
		.spswc .CollectionButton{margin-left: 0px;}
		.CollectionButton table {text-align: center;}
		.spswc .PageTitle h1 {padding-bottom: 0px;}
	}
	/*xs*/
	@media (max-width: 480px) {
		.SPSVerticalForm{display:none;}
		.Filter_SmartPhone{display:inline-block;}
		.ImgWrap{}
		.DetailImgWrap {}
		.InvItem .ItemInfo {width:100%}
		.CollectionPage.InvItem .ItemInfo{width:100%;}
	}
.ms-object-fit {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.ImgWrap.ms-object-fit img{
opacity: 0;
}

/*////////End additional Media Queries///////////*/