/*rgba(0,0,0,.75) - button Colors */
/*rgba(0,0,0,.95) - button Hover color*/



.spswc .container{
max-width:1160px;
}
html, body{background-color:transparent;-webkit-overflow-scrolling: touch;} 
p,
body,
.spswc{
font-family:'Roboto', 'open sans', sans-sarif;
}
.spswc .PageTitle{
	margin-top:0px;
	margin-bottom:20px;
}
.spswc .PageTitle h1 {
    font-weight: 300;
    margin: 8px 0px;
    font-size: 48px;
    letter-spacing: 2px;
	padding:80px 10px;
}
#CollectionBtnText:before{
content:"Collection";
}
#InventorySection:before{
content:"Available Inventory";
}
#GalleryPageTitle:before{
content:"Products";
}
#DetailPageTitle:before{
content:"Item Details";
}
.spswc .TopButton {
    line-height: 23px;
}
.CollectionForm button:hover,
.LBForm button:hover,
.QuickLink button:hover,
.spswc .TopButton:hover{
color: white;
background-color: rgba(0,0,0,.75) !important;
border: 1px solid rgba(0,0,0,.75) !important;
}
.IconBG{
	Background-color:rgb(212, 135, 0);
	color:white;
}
.IconBG:hover{
	Background-color:rgba(0,0,0,.95);
}
.AlphaSort li a:hover{
background-color:rgba(0,0,0,.75);
color:white;
}
.SPSPagination li a:hover,
.SPSPagination li.active a,
.AlphaSort li.active a{
background-color:rgba(0,0,0,.75);
border:1px solid rgba(0,0,0,.75);
color:white;
}
.SPSHorizontalForm .TextSearchBtn,
.SPSVerticalForm .TextSearchBtn{
	background-color: rgba(0,0,0,.75);
    color: #fff;
}
.LBForm button{
background-color:rgba(0,0,0,.75);
border:1px solid rgba(0,0,0,.75);
color:white;
}
.spswc .ResetButton:hover,
.LBForm button:hover{
background-color:rgba(0,0,0,.95) !important;
border:1px solid rgba(0,0,0,.95) !important;
color:white;
}
.SPSCheckBox input[type=checkbox]:checked + label{
  background:rgba(0,0,0,.75);
  border:1px solid rgba(0,0,0,.75);
}
.RangeValues{
color:rgba(0,0,0,.75);
}
.noUi-connect{
background:rgba(0,0,0,.75);
}
.spswc .SearchButton,
.spswc .ResetButton{
background-color:rgba(0,0,0,.75);
border:1px solid rgba(0,0,0,.75);
color:white;
}
.spswc .ResetButton:hover,
.LBForm button:hover{
background-color:rgba(0,0,0,.95) !important;
border:1px solid rgba(0,0,0,.95) !important;
color:white;
}
.ProductTitle a:hover{
color:rgba(0,0,0,.75);
}
.TopButtonWrap {
    position: absolute;
    top: -37px;
    right: 10px;
}
.TopButtonWrap#goBackID {
    right: 170px;
}
.spswc .CollectionButton, .spswc .TopButton {
    background-color: rgba(0,0,0,.5);
    border: 0px;
	border-radius: 3px 3px 0px 0px;
}
.spswc .CollectionButton td, .spswc .TopButton {
    color: #fff;
}
.spswc .TopButton:hover{
border:0px !important;
}
.SPSPagination li {
    line-height: 16px;
}
.SPSVerticalForm {
    padding-top: 5px;
}
.FilterDiv {
    display: none;
}
.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:    #00000080;
}
.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:    #00000080;
}
.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:    #999;
}

@media only screen and (max-width: 991px){
.spswc .PageTitle h1 {
    font-size: 40px;
}
}

@media only screen and (max-width: 767px){
.TopButtonWrap {
    position: relative;
    top: auto;
    right: auto;
}
.TopButtonWrap#goBackID {
    right: auto;
	display:none !important;
}
button.TopButton.CollectionButton {
    margin-bottom: -4px;
}
}

.NoInvNote{
    text-align:center;
    font-size:2.5rem;
    padding:20px 20px 150px;
    white-space: pre-wrap;
    }
    .NoInvNote:before{
     content:"Please contact us for more information regarding this product's inventory. \a 609-409-6009";
     }

 #InvSoon {
        position: absolute;
        z-index: 10;
        padding: 8px;
        background-color: rgba(0, 0, 0, .5);
        border-radius: 0 0 5px 0;
        color: white;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1;
    }