/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{

	overflow: visible;
	position: relative;
}
.container_left .jspContainer{
	height: 100% !important;
}
.scroll_container .jspContainer{
	height: auto !important;
}
.jspPane
{
	position: relative;
/* 	-webkit-transition: left .1s;
-moz-transition: left .1s;
-o-transition: left .1s;
transition: left .1s; */
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 2px;
	width: 1px;
	height: 100%;
	display: none !important;
}
#left_column .jspVerticalBar{
	display: block !important;
	right: auto;
	left: -1px;
	width: 7px;
	background: #D0D0D0;
	z-index: 2;
}
#left_column .jspDrag{
	background: #333;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 9px;
	left: 0;
	right: 30px;
	height: 30px;
	width: 100%;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack{
	position: relative;
	width: 1px;
}
.jspScrollable.jspVerticalBar .jspTrack{display: none;;}

.mini_basket__items .jspTrack{background: #ccc;}
.jspHorizontalBar .jspTrack{width: 2px; }

.jspDrag{
	position: relative;
	top: 0;
	left: 0px;
	cursor: pointer;
	width: 7px;
	z-index: 2;
}
.jspScrollable:hover .jspVerticalBar .jspDrag{width: 7px; left: 0px;}

.jspHorizontalBar .jspTrack{
	float: left;
	height: 1px;
	margin: 16px 0 0 0;
}

.jspHorizontalBar .jspDrag
{
	float: left;
	height: 11px;
	margin: -5px 0 0;
}

.jspArrow{
	cursor: pointer;
}
.jspArrow:hover{background: #f1fcff;}

.jspArrow.jspDisabled,
.jspArrow.jspDisabled:hover
{
	cursor: default;
	opacity: 0.5;
	background: #fff;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 26px;
	border-style: solid;
	border-width: 1px;
	font-family: 'fontAwesome';
}
.jspHorizontalBar .jspArrowLeft{
		border-right: none;
}
.jspHorizontalBar .jspArrowLeft:before{
	content: "\f104";
}
.jspHorizontalBar .jspArrowRight:before{
	content: "\f105";
}
.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	display: none;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.jspArrowRight{
	margin-right: 30px;
}
.scroll_carousel{
	white-space: nowrap;
	padding-bottom: 67px;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}
.scroll_carousel .ajax_block_product{
	white-space: normal;
	border-top: 1px solid #dbdbdb;
}
#left_column  .jspHorizontalBar {
	display: none !important;
}
@media (max-width: 1024px){
	#left_column .jspVerticalBar{
		display: none !important;
	}
	#left_column.slide-active .jspVerticalBar{
		display: block !important;
	}
}