/*
HOME PAGE SLIDERS 
*/
#slider {height: 390px; padding: 20px 0 0 25px; width: 1040px; margin: 40px 0 0 0; background: transparent url(../images/slider-bg.jpg) 0 0 no-repeat; position: relative;}
#slider li {width:1024px;height:370px;overflow:hidden;}
#slider li img {border: 10px solid #ffffff; margin: 10px 10px 10px 0;}

#prevBtn, #nextBtn{position:absolute;left:10px;top:348px;z-index: 400;}
#prevBtn a, #nextBtn a {display: block; width: 46px; height: 46px;background:url(../images/next-arrow.png) no-repeat 0 0;}
#prevBtn a {background:url(../images/prev-arrow.png) no-repeat 0 0;}
#nextBtn {left: 990px;}

#slider2 {height: 324px; padding: 5px; width: 604px; background: #fff; position: relative;}
#slider2 li {width:604px;height:324px;overflow:hidden;}
#slider2 li img {background: #ffffff; padding: 5px; margin: 5px; float: left;}
#slider2 li p {width: 280px; float: left; color: #62004C; margin: 0 10px 10px 10px}
#slider2 h3 {color: #62004C; font-size: 14px; margin: 10px;}
#prevBtn2, #nextBtn2 {position:absolute;left:5px;top: 190px;z-index: 400;}
#prevBtn2 a, #nextBtn2 a {display: block; width: 46px; height: 46px;background:url(../images/next-arrow.png) no-repeat 0 0;}
#prevBtn2 a {background:url(../images/prev-arrow.png) no-repeat 0 0;}
#nextBtn2 {left: 610px;}

/* CATEGORY SLIDERS */

#slider3 {height: 516px; padding: 20px 0 0 25px; width: 1040px; margin: 40px 0 0 0; background: transparent url(../images/cat-slider-bg.jpg) 0 0 no-repeat; position: relative;}
#slider3 li {width:1024px;height:496px; overflow:hidden;}
#slider3 li img {margin: 10px 20px;}
#slider3 li a {text-decoration: none;}
#slider3 .artist-slider li img {margin: 30px 20px 10px 20px;}
#slider3 .artist-slider {margin-top: -20px;}

.artist-thumb-holder {position: relative; display: inline-block;}
.artist-thumb {height: 17px; display: inline-block; width: 155px; position: absolute; top: 185px; left: 20px; margin-bottom: 20px; text-align: center; font-family: verdana, arial, helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 10px; padding-top: 4px;}


#prevBtn3, #nextBtn3 {position:absolute;left:6px;top:425px;z-index: 400;}
#prevBtn3 a, #nextBtn3 a {display: block; width: 46px; height: 46px;background:url(../images/next-arrow.png) no-repeat 0 0;}
#prevBtn3 a {background:url(../images/prev-arrow.png) no-repeat 0 0;}
#nextBtn3 {left: 985px;}

/* SCROLL PANE FOR ARTIST PAGE */

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; margin: 20px 0 40px 20px; float: left; background: #ffffff;}
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: transparent url(../images/scroll-bg.jpg) 0 0 repeat-y;}
.jScrollPaneDrag { position: absolute; background: #fff url(../images/dragger.jpg) 0 0 no-repeat; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; width: 23px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; width: 23px;}

			a.jScrollArrowUp {
				height: 22px;
				background: url(../images/arrow-up.jpg) no-repeat 0 0;
			}
			a.jScrollArrowDown {
				height: 22px;
				background: url(../images/arrow-down.jpg) no-repeat 0 0;
			}