/*
 * 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: hidden;
	position: relative;
}

.jspScrollable, .jspScrollable *{
	/* Windows Phone Fix */
/*	overflow-x:scroll ; */
	-ms-touch-action: pan-x;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
}

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

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: rgba(255, 255, 255, 0.3);
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.jspDrag
{
	background: #fff;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* PF Custom */

.scroll-pane, .scroll-pane > div, .scroll-pane > div > div.jspPane{width: 100% !important;}

.scroll-pane{overflow: hidden;} /* on load */

.jspPane{padding: 0 20px 0 0 !important;}

.content-copy a, .content-copy a:hover{color: #fff;}

.side-panel ol.flex-control-nav li a.flex-active{background: #000;}

/*.flexslider .slides img{max-height: 630px;}*/

@media (max-width: 900px){

	.listen .side-panel.showOnMobile{
		display: block;
		width: 100%; height: 150px;
	}

	.hoverPanel, .side-panel ol.flex-control-nav{display: none;}

	.side-panel ul.flex-direction-nav{
		max-width: 80%;
		width: 80%;
		left: 10%;
	}

}

#gallery_caption{
	bottom: 50px;
	font-size: 11px; line-height: 14px;
	padding: 8px 15px;
}
	@media (max-width: 900px){
		#gallery_caption{
			bottom: 20px;
		}
	}

.standard_cd .content-copy, .double_vinyl .content-copy, .deluxe_box .content-copy{font-size: 14px; line-height: 24px;}