/*product page styles */
.productsMain{
  padding: 20px;
  margin-top: 0%;
  transition:.5s all linear;
  -moz-transition:.5s all linear;
  -webkit-transition:.5s all linear;
  position: relative;
  opacity: 1;
}
blockquote img{
  max-width: 200px;
  float: left;
  margin: 0 20px 10px 0;
}
blockquote{
 margin: 0;
 font-weight: 300;
 font-size: .8em;
 font-style: italic;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
 padding: 20px 0;
}
blockquote p:nth-child(1n){
  margin-top: 0;
}
.staticMain .selectRow .select{
  width: 46%;
  display: inline-block;
}
.staticMain .selectRow .select h3{
  margin:.3em 0;
}
.staticMain li{
  margin: .3em 0;
}
.staticMain li.blk{
  background-color: #171717;
  display: inline-block;
  padding: 10px;
}
.subcat h2{
  float: left;
  margin: 0px 20px 20px 0px;
  font-weight: 300;
  color: #fff;
  padding: 5px 15px;
  background: #002157;
}
.subcat hr{
  clear: both;
}
.malletSelect{
   transition:.25s all linear;
  -moz-transition:.25s all linear;
  -webkit-transition:.25s all linear;
  position: fixed;
  height: 80%;
  background-color: #171717;
  margin-left: -200px;
  width: 200px;
  font-size: .8em;
  right: -214px;
  padding: 0 1% 8% 30px;
  overflow-y:scroll;
  z-index: 200;
  color: #fff;
}
.malletSelect.active{
  right: 0px;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes pulse {
    from {top: 0;}
    to {top: -3px;}
}
@keyframes pulse {
    from {top: 0;}
    to {top: -3px;}
}

.malletSelect h1.tab:before{
  content:'\f102';
  font-family:"FontAwesome";
  margin-right:5px;
  margin-left:-35px;
}
.malletSelect h1.tab:after{
  content:'\f102';
  font-family:"FontAwesome";
  margin-right:0px;
  margin-left:8px;
}
.malletSelect h1.tab:after, .malletSelect h1.tab:before{
  position: relative;
  -webkit-animation: pulse .5s ease infinite alternate;
  animation: pulse .5s ease infinite alternate;
}
.malletSelect.active h1.tab:before{
  content:'\f103';
  font-family:"FontAwesome";
  margin-right:5px;
  margin-left:-35px;
}
.malletSelect.active h1.tab:after{
  content:'\f103';
  font-family:"FontAwesome";
  margin-right:0px;
  margin-left:8px;
}
.malletSelect h1{
  color: #fff;
}
.malletSelect h1.tab{
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  position: absolute;
  font-weight: 300;
  /* margin-top: -85px; */
  float: left;
  /* height: 100px; */
  left: -87px;
  top: 26px;
  width: 200px;
  font-size: 1.2em;
  background: #171717;
  z-index: 220;
  display: inline-block;
}
.malletSelect h1.tab:hover{
  cursor: pointer;
  color: #ffcb00;
}
.malletSelect img{
  width: 100%;
}
.malletSelect .select{
  display: inline-block;
  width: 46%;
  padding: 1%;
}
.malletSelect .selectRow{
  color: #fff;
}
.malletSelect h2{
  clear: both;
  margin: .2em 0;
  color: #fff;
}
.malletSelect .select h3{
  margin: .2em 0;
  color: #ffcb00;
}
.productsMain.loading{
  opacity: 0;
}

.productsMain h1{
  clear: both;
  margin: .3em 0;
}
.productsMain p{
  padding: 0;
  margin-top:0;
}
.classicWrap ul{
  padding:.3em .6em;
}
.classicWrap .prodGrid{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.productsMain.mallets p{
  font-size: .8em;
}
.productsMain.accessories .product .imgHolder{
  max-width: 100%;
  text-align: center;
}
.compareList{
  border-bottom: 1px solid #ffcb00;
}
.compareList:nth-last-child(1){
  border-bottom: none;
}
.productsMain .product h1{
  font-size: 1.2em;
  display: inline-block;
  margin: 0;
  max-width: 100%;
}
.productsMain .product li{
  max-width: 180px;
}
.productsMain .product li.salesLinks, .productsMain .product li.blurb{
  max-width: 100%;
}
.productsMain .product li.salesLinks .buyNow .activeVendor{
  padding: 0;
  width: 100%;
  border: 0;
}
.productsMain .product li.salesLinks .buyNow ul{
  top: 15px;
  border: 0;
}
.productsMain .product li.salesLinks .buyNow ul li{
  max-width: 100%;
}
.productsMain .product li.salesLinks .buyNow ul li.closemenu{
  text-align: right;
}
.productsMain .product li.salesLinks .buyNow .activeVendor button{
  float: none;
}
.productsMain .catGrid{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.productsMain .catGrid p{
  width:100%;
}
.productsMain .product li.salesLinks .buyNow .activeVendor a.dealers button{
  background: #03AF01;
  margin-left: 5px;
}
a.dealers button i{
  margin: 0 5px 0 0;
  float: none;
  position: relative;
}
.productsMain .product li.salesLinks .buyNow .activeVendor a.dealers button i{
  margin: 0 5px 0 0;
  float: none;
  position: relative;
}
.productsMain .product li.salesLinks .buyNow .activeVendor strong{
  width: 90%;
  margin-bottom: 10px;
}
.productsMain .product li.salesLinks .buyNow .activeVendor strong i{
  color: #002157;
  margin: 3px;
  right: 12px;
}
.productsMain .product li.prodDimensions{
  font-weight: 300;
}
.productsMain .product{
  vertical-align: top;
  margin: 5px;
  padding: 5px;
  display: inline-block;
  width: calc(33% - 20px);
  background-color: #F9F9F9;
}
.jslider.sliderCSS .jslider-bg .v{
  background-color: #254BBD;
}
.tagsList{
  margin-bottom: 10px;
}
.tagsList .range{
  width:46%;
  display:inline-block;
  margin:1%;
}
.tagsList h3{
  margin:.25em 0;
}
.tagsList h3 small{
  font-weight: 300;
  font-style: italic;
  font-size: 60%;
  top: -2px;
  display: inline-block;
  position: relative;
  text-transform: none;
}
.tagsList button{
  font-size: .8em;
  margin: .3em;
}
.tagsList button.disabled{
  background-color: #999;
}
.tagsList h3.filterSet{
  text-transform: capitalize;
}
.compareItems{
  background-color: #000;
  display: inline-block;
  padding: 4px 18px 0px 4px;
  margin: 4px;
  height: 130px;
  position: relative;
}
.compareHolder button{
  clear: both;
  background-color: #010c2d;
  color: #fff;
  border-radius: 4px;
  border: 0;
  font-size: 1.4em;
  padding: 10px 20px;
  margin: .3em 0;
  font-family: 'Source Sans Pro';
  font-weight: 100;
}

button:focus{
  outline: none;
}
button{
  clear: both;
  background-color: #010c2d;
  color: #fff;
  border-radius: 4px;
  border: 0;
  font-size: 1.4em;
  padding: .5em;
  margin: .3em 0;
  font-family: 'Source Sans Pro';
  font-weight: 100;
}
button.disabled{
  background-color: #969696;
}
.compareHolder.popOut{
 position: fixed;
  background-color: rgba(255, 255, 255, .8);
  /* left: 0px; */
  top: 58px;
  /*margin-left: -2%;
  padding: 2%;*/
  width: 71%;
  display: block;
  z-index: 20;
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, .2);*/
}
.filterHolder.popOut{
 position: fixed;
  background-color: rgba(255, 255, 255, .8);
  /* left: 0px; */
  top: 58px;
  /*margin-left: -2%;
  padding: 2%;*/
  padding-top: 20px;
  padding-bottom: 20px;
  width: 71%;
  display: block;
  z-index: 20;
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, .2);*/
}
select, .filterHolder select{
  border: 3px solid #000;
  color: #ffcb00;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #000;
  font-size: .9rem;
}
.compareHolder button a{
  color: #fff;
}
.compareItems h2{
  display: inline-block;
  border-bottom: 1px solid #fff;
  color: #ffcb00;
  margin: .3em;
}
.compareItems h3{
  display: inline-block;
  color: #fff;
  margin: .3em;
  font-weight: 100;
}
.compareItems .imgHolder{
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  position: relative;
  left: -127px;
}
.compareItems .remove{
  color: #fff;
  font-size: 1.2em;
  display: inline-block;
  position: absolute;
  right: 30px;
  top: -5px;
}
.product .imgHolder, .compareItems .imgHolder{
  /*padding: 10px 20px 0;
  background-color: #000;
  margin: 4px;
  display: inline-block;*/
  max-width:80%;
}
.product .imgHolder img, .compareItems .imgHolder img{
  margin: 0px auto;
  max-width: 100%;
  max-height: 180px;
}
.product .details{
  display: block;
  font-size: .9em;
}
.product .details .compare{
  display: block;
  font-size: .8em;
  max-width: 98%;
  padding: 1%;
  margin-top: 1%;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: italic;
  border-top: 1px solid #E8E8E8;

}
.product .details .compare:hover{
  cursor: pointer;
  color: #ffcb00;
}
.swap{
  padding-top: 3px;
  display: inline-block;
}
.swap span{
  border-radius: 4px;
  padding: 2px 8px;
  display: inline-block;
  font-size: 0.9rem;
}
.swap span:hover{
  cursor: pointer;
}
.swap .selected{
  background-color: #000;
  color: #ffcb00;
  border-radius: 4px;
  padding: 2px 8px;
  vertical-align: top;
}
.swap i{
  position: relative;
  color: inherit;
  margin: .2em;
}
.productSingle #zoom{
  display: none;
  width: 300px;
  height: 300px;
  overflow: hidden;
  border-radius: 150px;
  z-index: 200;
  position: absolute;
  box-shadow: 0 0 3px rgba(0,0,0, .6);
  background-color: #fff;
}
.productSingle .picWrap img{
  max-width: 100%;
}
.productSingle #thumb{
  display: none;
}
.productSingle .vids{
  margin: 1em;
}
.productSingle .media{
  width: 98%;
  padding: 1%;
}
.productSingle a.hideVid{
  color: #000;
  display: inline-block;
  margin: .5em;
}
.productSingle .prodFeatures{
  padding: 1em;
  clear: both;
}
.prodFeatures h3{
  margin-bottom: .3em;
}
.productSingle .vids .vidThumb{
  float: none;
}
.productStats{
  font-family: "Source Sans Pro", Helvetica, sans;
  background-color: #000;
  padding: 10px;
  color: #fff;
  position: relative;
}
.productStats sales-links{
  float: right;
  font-size: .9em;
  margin-right: 1.5em;
  width: 250px;
}
.productStats sales-links .buyNow ul{
  top:0;
}
.productStats sales-links .buyNow .activeVendor{
  width: 100%;
}
.productStats sales-links .buyNow .activeVendor strong{
  width: 85%;
}
.productStats h1{
  color: #fff;
  display: inline-block;
  margin: .1em 0;
}
.productStats h3{
  color: #ffcb00;
  display: inline-block;
  font-weight: 300;
  margin: 0;
}
.productStats ul.social{
  font-size: 1.6em;
  display: inline-block;
}
.productStats ul.social li{
  display: inline-block;
}
.productStats .shareLinks{
  display: inline-block;
  right: 20px;
  position: absolute;
}
.productStats .imageLinks{
  display: inline-block;
}
.productStats a, .productStats a:visited{
  color: #ffcb00;
}
.productStats .imageLinks a{
  color: #ffcb00;
}
.imageLinks a{
  color: #ffcb00;
}
.productStats .shareLinks p{
  margin: 0;
  font-size: 1.4em;
  padding: 0;
}
.dimensions{
  display: inline-block;
  vertical-align: top;
  padding: .3em;
  border-left: 1px solid #fff;
  margin-left: 10px;
  font-size: 1.15em;
}
.dimensions li{
  margin-bottom: 5px;
}
.dimensions li .statbox{
  color: #000;
  background-color: #fff;
  font-weight: 300;
  display: inline-block;
  width: 130px;
  padding: .1em .3em;
}
.dimensions li .stat{
  display: inline-block;
  width: 60px;
  padding: 0 .4em;
}
.nameWrap{
  display: inline-block;
}
p.prodDesc{
  width: 66%;
  display: inline-block;
  margin: 0;
  padding: .6em;
  font-size: 1.2em;
}
a.buyNow{
  background-color: #010c2d;
  color: #fff;
  display: inline-block;
  padding: .2em .5em;
}
a.buyNow:hover{
  color:  #ffcb00;
}
.buyNow{
  /*width: 30%;*/
  display: block;
  vertical-align: top;
  padding: .6em;
  position: relative;
  color:#010c2d;
}
.buyNow ul{
  position: absolute;
  z-index: 120;
  box-shadow: 0 0 2px rgba(0, 0, 0, .6);
  background-color: #E8E8E8;
  display: inline-block;
  width: 200px;
  left: 15px;
  /*top: 70px;*/
  padding: 0;
  overflow-y: scroll;
  max-height: 300px;
}
.buyNow.single ul{
  top:0px;
}
.buyNow p{
  padding: 10px;
  margin: .3em;
}
.buyNow li{
  float: left;
  vertical-align: text-top;
  display: block;
  width: 100%;
  font-size: .8em;
}

.buyNow li a{
  /*margin-right: .4em;*/
  color: #000;
}
.buyNow li div{
  padding: .4em;
  width: 100%;
}
.buyNow li div:hover, .buyNow li div.active{
  cursor: pointer;
  color: #fff;
  background-color: #010c2d;
}

.buyNow p a{
  color: #ffcb00;
}
.buyNow h3{
  margin: .6em 0;
}
.buyNow h2{
  color: #ffcb00;
  border-bottom:1px solid #000;
  margin: 10px;
  /*padding: 0 8px;*/
}
.buyNow .activeVendor{
  background-color: #F9F9F9;
  display: inline-block;
  padding: 15px;
  width: 30%;
  border: 1px solid #E8E8E8;
}
.buyNow .activeVendor strong{
  background-color: #E8E8E8;
  box-shadow: 0 0 2px rgba(0, 0, 0, .6);
  display: inline-block;
  padding: 5px 15px;
  width: 90%;
  margin-bottom: 10px;
  font-weight: 400;
}
.buyNow .activeVendor strong i{
  float: right;
  margin-top: 4px;
  margin-right: -5px;
  position: inherit;
}
.buyNow .activeVendor strong:hover{
  cursor: pointer;
}
.buyNow .activeVendor strong.ital{
  font-style: italic;
  font-weight: 300;
}
.buyNow .activeVendor button{
  font-size: .9em;
  margin: 0;
}
.buyNow .activeVendor  a.dealers button{
  background: #03AF01;
  margin-left: 5px;
}
section.prodArtists{
  background-color: #010c2d;
  color: #fff;
  padding: 5px 20px .8em 20px;
  clear: both;
}
section.prodArtists h2{
 font-weight: 300;
}
section.prodArtists .artist{
  width: 150px;
  margin: .2em;
  display: inline-block;
}
section.prodArtists .artist img{
  display: block;
  max-width: 100%;
  max-height: 120px;
}
section.prodArtists .artist a, section.prodArtists .artist a:visited{
  color: #fff;
}
.fb-comments{
  padding: 10px;
}
.productSingle .heroImage{
  padding: 80px 0;
}
.productSingle .heroImage[hover-zoom="false"]{
  padding:0;
}
.productSingle .heroImage[hover-zoom="false"]:hover{
  cursor:inherit;
}
.productSingle .heroImage:hover{
  cursor: zoom-in;
}
.productSingle .heroImage img{
  max-width: 100%;
  max-height: 280px;
  display:block;
}
.productSingle .heroImage img.inline{
  max-width: 100%;
  max-height: 280px;
  /* float: left; */
  display: inline-block;
}
.productList table.details{
  width: 100%;

}
.productList:nth-child(even){
  background-color: #EEE;
}
.productList table.details td.imageLinks{
  text-align: right;
}
.productList table.details td{
  padding: 1%;
}
.productList table.details td.prodDimensions{
  width:200px;
}
.productList table.details td.name{
  font-weight: 700;
  font-size: 1.2em;
  padding-bottom: 0;
}