.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	background:url(../img/backgrounds/valj_kakel_scroll.gif) repeat-x;
	height:17px;
	margin: 0;
	margin-top:	10px;
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;

/*	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #aaa;*/
}

.jScrollIntervalTrack { 
	position: absolute;
	display:none;
}

.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;*/
	margin: 1px;
	background: url(../img/backgrounds/horizontal_scroll_bg.gif) top left no-repeat;

}

.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/* Sidorscrollen relaterade produkter och välj efter färg 
------------------------------------------------------------- */


/* Generella klasser för scrollen
---------------------------------- */
.holder {
    margin: 0;

    /* TEMP */
    margin-bottom: 20px;

}
.scroll-pane {
    width: 850px;
    background: none;
    float: left;
    padding: 0;
}

/* Relaterade produkter-scroll
---------------------------------- */
#related-products-pane ul.blocks {
    padding: 0;
    width: 1540px;
    display: block;
    height: 130px;
	list-style-type:none;
}
#related-products-pane ul.blocks li {
    width: 101px;
    margin: 0;
    float: left;
    display: block;
    height: 102px;
}
#related-products-pane {
    height: 130px;
    width: 850px;
    padding: 0;
    display: block;
    _overflow: hidden;
}

/* Välj kakel efter färg-scroll
---------------------------------- */
div#choose-tiles-of-color-pane {
    height: 120px;
    width: 850px;
    padding: 0;
    display: block;
    _overflow: hidden;
}

div#choose-tiles-of-color-pane ul.blocks {
    padding: 0;
    width: 1120px;
    display: block;
    height: 99px;
	list-style-type:none;
}
div#choose-tiles-of-color-pane ul.blocks li {
    width: 101px;
    margin: 0;
    float: left;
    display: block;
    height: 104px;
}
div#choose-tiles-of-color-pane #related-products-pane {
    height: 99px;
    width: 850px;
    padding: 0;
    display: block;
    _overflow: hidden;
}