/* display none until init */
.product-carousel{
  display: none;
  opacity:1!important;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
 
.product-carousel .slider-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-perspective: 1000;
}
.product-carousel .slider-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.product-carousel .slider-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.product-carousel .slider-item{
  float: left;
}
.slider-controls .slider-page,
.slider-controls .slider-buttons div{
  cursor: pointer;
  display:inline-block;
}
/*.slider-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}*/


/* mouse grab icon */
 
.grabbing {
    cursor:url("grabbing.png") 8 8, move;
}


/* fix */
.product-carousel  .slider-wrapper,
.product-carousel  .slider-item{
   
}
.customNavigation    { text-align: center; position:relative;width:80px;margin:0 auto;}
.brands-container .customNavigation{width:100%;}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color:transparent;
  display: block;
    float: right;
    height: 36px;
    position: absolute;
    width: 36px;
  cursor: pointer;
}

.customNavigation a.prev {
    background: url("product-slider-arrow.png") no-repeat scroll 0px -45px transparent;
    left:0;
}
.customNavigation a.prev:hover   { background-position: 0px 0px; text-decoration:none;}
.customNavigation a.next {
  background:url("product-slider-arrow.png") no-repeat scroll -45px -45px transparent;
    right:0;
}
.customNavigation a.next:hover   { background-position: -45px 0px; text-decoration:none;}
.related .customNavigation a.prev{
  right:4%;
  top:-90px;
  left:auto;
}
.related .customNavigation a.next{
  right:0;
  top:-90px;
}

.brands-container .customNavigation a{ top:75px; height: 36px; width: 36px; z-index:99; }
.brands-container .customNavigation a.prev{   left: -13px; background-position:0px -45px;   }
.brands-container .customNavigation a.next{ right:-13px; background-position:-45px -45px; }

.brands-container .customNavigation a.prev:hover{ background-position:0px 0px;}
.brands-container .customNavigation a.next:hover { background-position:-45px 0px;}


.brands-container:hover .customNavigation{ display:block;  }
.additional-carousel .customNavigation a{
  width:20px;
  height:35px;
}
.additional-carousel .customNavigation a.prev {
  top: -50px;
  left:-18px;
  background:url("sprite.png") no-repeat scroll 0px -176px transparent;
}
.additional-carousel .customNavigation a.prev:hover
{    background-position: 0px -134px;}
.additional-carousel .customNavigation a.next{
  top: -50px;
  right:-18px;
   background:url("sprite.png") no-repeat scroll -21px -176px transparent;
}
.additional-carousel .customNavigation a.next:hover{
  background-position:-21px -134px;
}