/* display none until init */


.product-carousel{


	display: none;


	opacity:1!important;


	position: relative;


	width: 100%;


	-ms-touch-action: pan-y;


}


#column-left .product-carousel, #column-right .product-carousel { display:block;}


#column-left .customNavigation, #column-right .customNavigation { display:none;}





#column-left .banners-slider-carousel .customNavigation,


#column-right .banners-slider-carousel .customNavigation{ display:block;}





.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;


}


.slider-controls {


	-webkit-tap-highlight-color: transparent;


}





/* mouse grab icon */


 











/* fix */


.product-carousel  .slider-wrapper,


.product-carousel  .slider-item{


	-webkit-backface-visibility: hidden;


	-moz-backface-visibility:    hidden;


	-ms-backface-visibility:     hidden;


}


.customNavigation    { text-align: center; position:relative;width:100%}


.customNavigation a{


		


	-webkit-tap-highlight-color:transparent;


	 display: block;


    float: right;


    height: 50px;


    position: absolute;


    top: 75px;


    width: 30px;


    z-index: 99;


	font-size:0;


	


}





.customNavigation a.prev {


  background: url("../../image/megnor/sprite.png") no-repeat scroll -70px 2px transparent;


    left: -13px;


	cursor:pointer;


}





.product-image .customNavigation a.prev {left:0; color:#000000; width:20px;}


.product-image .customNavigation a.next {right:0; color:#000000; width:20px;}


.product-image  .customNavigation a {top:40px;}





.customNavigation a.prev:hover 	{ text-decoration:none;background-position:-70px -55px;}


.customNavigation a.next {


    background: url("../../image/megnor/sprite.png") no-repeat scroll -70px -170px transparent;


    right: -16px;


	cursor:pointer;


}


.customNavigation a.next:hover 	{  text-decoration:none;background-position:-70px -113px;}





.banners-slider-carousel .product-carousel{  width:auto; margin:0 15px; }


.banners-slider-carousel .customNavigation a.prev {


	background:url(../../image/megnor/sprite.png) no-repeat scroll -82px -293px transparent;


    left:5px;


	top:35px;


	z-index:999;  


	cursor:pointer;


	height:25px;


	width:20px;


	font-size:0;


}


.banners-slider-carousel .customNavigation a.prev:hover {text-decoration:none; z-index:999;background-position:-82px -323px;}


.banners-slider-carousel .customNavigation a.next {


	background:url(../../image/megnor/sprite.png) no-repeat scroll -104px -293px transparent;


    right:5px;


	top:35px;


	cursor:pointer;


	z-index:999;


	left:auto;


	height:25px;


	width:20px;


	font-size:0;


}


.banners-slider-carousel .customNavigation a.next:hover 	{text-decoration:none; z-index:999;background-position:-104px -323px;}








.product-info .product-image .customNavigation    { text-align: center; width:100%; z-index:9;}


.product-info .product-image .customNavigation a{


	-webkit-tap-highlight-color: transparent;


	display: block;


    float: right;


    height: 20px;


    position: absolute;


    top: -34px;


    width: 16px;


}





.product-info .product-image .customNavigation span.prev {


    left:0px;


	top:35px;


	position:absolute;	 


	cursor: pointer;


    height: 20px;


    padding: 7px 0 0;


    position: absolute;      


    width: 20px;


	background:url(../../image/megnor/sprite.png) no-repeat scroll -11px -60px transparent;


	font-size:0;


}


.product-info .product-image .customNavigation span.prev:hover 	{  text-decoration:none;background-position:-11px -90px;}


.product-info .product-image .customNavigation span.next {	


    cursor: pointer;


    height: 20px;


    padding: 7px 0 0;


    position: absolute;


    right: 0;


    top: 35px;


    width: 20px;


	background:url(../../image/megnor/sprite.png) no-repeat scroll -43px -60px transparent;


	font-size:0;


}


.product-info .product-image .customNavigation span.next:hover 	{text-decoration:none;background-position:-43px -90px;}