/*
	Skin Name: Scrollbar 1
	Class: scrollbar-1
	Description: Scrollbar skin
	Author: David
*/


/* HORIZONTAL SCROLLBAR */

/* MAIN CONTAINER */

.scrollbar-1.horizontal {
	position: absolute;
	width: 340px;
	max-width: 340px;
	min-width: 110px;
	height: 20px;
}

/* END OF MAIN CONTAINER */


/* TRACK */

.scrollbar-1.horizontal .track {
	position: absolute;
	width: 300px;
	height: 20px;
	left: 20px;
}


.scrollbar-1.horizontal .track .track-back {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/3e44518c340a8be9d613.png");
	width: 11px;
	height: 20px;
	left: 0;
}


.scrollbar-1.horizontal .track .track-middle {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/65b64b80e38902374c72.png");
	background-repeat: repeat-x;
	width: 100%;
	height: 20px;
}


.scrollbar-1.horizontal .track .track-forward {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/dbe1f03534af4c333663.png");
	width: 11px;
	height: 20px;
	right: 0;
}

/* END OF TRACK */


/* THUMB */

.scrollbar-1.horizontal .thumb {
	position: absolute;
	cursor: pointer;
	width: 70px;
	height: 20px;
}


.scrollbar-1.horizontal .thumb .thumb-back {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/8605359a28097e7d65d1.png");
	width: 11px;
	height: 20px;
	left: 0;
}


.scrollbar-1.horizontal .thumb .thumb-middle {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/86a447ccd6b723228cd3.png");
	background-repeat: repeat-x;
	width: 48px;
	height: 20px;
	left: 11px;
}


.scrollbar-1.horizontal .thumb .thumb-forward {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/d307cad28d6871d10379.png");
	width: 11px;
	height: 20px;
	right: 0;
}

/* END OF THUMB */


/* BACK BUTTON */

.scrollbar-1.horizontal .back {
	position: absolute;
	cursor: pointer;
	background-image: url("/site-assets/brand/assets/reference/1d9c35ebc0f8911db4a1.png");
	width: 20px;
	height: 20px;
	left: 0;
}

/* END OF BACK BUTTON */


/* FORWARD BUTTON */

.scrollbar-1.horizontal .forward {
	position: absolute;
	cursor: pointer;
	background-image: url("/site-assets/brand/assets/reference/2ec07bc9f57d35ad996d.png");
	width: 20px;
	height: 20px;
	right: 0;
}

/* END OF FORWARD BUTTON */

/* END OF HORIZONTAL SCROLLBAR */



/* VERTICAL SCROLLBAR */

/* MAIN CONTAINER */

.scrollbar-1.vertical {
	position: absolute;
	height: 340px;
	max-height: 340px;
	min-height: 110px;
	width: 20px;
}

/* END OF MAIN CONTAINER */


/* TRACK */

.scrollbar-1.vertical .track {
	position: absolute;
	width: 20px;
	height: 300px;
	top: 20px;
}


.scrollbar-1.vertical .track .track-back {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/a1ca610bb0977fcc4ec7.png");
	width: 20px;
	height: 11px;
	top: 0;
}


.scrollbar-1.vertical .track .track-middle {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/cd4cc19b55326b1cbfa0.png");
	background-repeat: repeat-y;
	height: 100%;
	width: 20px;
}


.scrollbar-1.vertical .track .track-forward {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/effa78775dc005eff0a6.png");
	width: 20px;
	height: 11px;
	bottom: 0;
}

/* END OF TRACK */


/* THUMB */

.scrollbar-1.vertical .thumb {
	position: absolute;
	cursor: pointer;
	width: 20px;
	height: 70px;
}


.scrollbar-1.vertical .thumb .thumb-back {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/b795d21dcf7e81b2e68f.png");
	height: 11px;
	width: 20px;
	top: 0;
}


.scrollbar-1.vertical .thumb .thumb-middle {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/4eb365ae71e12b922881.png");
	background-repeat: repeat-y;
	height: 48px;
	width: 20px;
	top: 11px;
}


.scrollbar-1.vertical .thumb .thumb-forward {
	position: absolute;
	background-image: url("/site-assets/brand/assets/reference/b15d6538c9aed4daba49.png");
	height: 11px;
	width: 20px;
	bottom: 0;
}

/* END OF THUMB */


/* BACK BUTTON */

.scrollbar-1.vertical .back {
	position: absolute;
	cursor: pointer;
	background-image: url("/site-assets/brand/assets/reference/17a45dff962d4eca16b4.png");
	width: 20px;
	height: 20px;
	top: 0;
}

/* END OF BACK BUTTON */


/* FORWARD BUTTON */

.scrollbar-1.vertical .forward {
	position: absolute;
	cursor: pointer;
	background-image: url("/site-assets/brand/assets/reference/2795cbd90f364d1fc1e8.png");
	width: 20px;
	height: 20px;
	bottom: 0;
}

/* END OF FORWARD BUTTON */

/* END OF VERTICAL SCROLLBAR */