/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 


#mycustomscroll {
/* Typical fixed height and fixed width example */
height: 370px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
margin-top: 20px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
height: 270px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 5px;
width: 592px;
}

.upsell #mycustomscroll2 {
	/* Typical fixed height and fixed width example */
	height: 230px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0.3em 0;
	padding: 5px 0;
	width: 590px;
	background-image: url(../images/upsell.jpg);
	background-repeat: no-repeat;
	background-position: top center;

}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 1600px;
height: auto;
position: relative;
color: black;
}

.upsell .fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 1500px;
height: auto;
position: relative;
color: black;
}


.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 8px;background: #7C313A;}
.vscrollerbarbeg {height: 4px !important;width: 8px; background: url(../../../../../js/flexcroll/scrollbar.png) -8px top no-repeat;}
.vscrollerbarend {height: 4px;width: 8px;background: url(../../../../../js/flexcroll/scrollbar.png) -8px -4px no-repeat;}



.vscrollerbase {width: 8px;background: url(../../../../../js/flexcroll/scrollbar.png) repeat-y;}



/*freccia su*/
.vscrollerbasebeg {width: 8px;height: 4px !important;background: url(../../../../../js/flexcroll/scrollbar.png) -16px 0px no-repeat;}


/*freccia gił*/
.vscrollerbaseend {height: 4px;width: 8px;background: url(../../../../../js/flexcroll/scrollbar.png)  -16px -4px no-repeat;}




/*freccia sx*/
.hscrollerbarbeg {
background: url(../../../../../js/flexcroll/basebarcaps_verticalbarbody.png) -4px -8px no-repeat;
height: 8px;
width: 8px !important;
}

/*freccia dx*/
.hscrollerbarend {
background: url(../../../../../js/flexcroll/basebarcaps_verticalbarbody.png) 0px -8px no-repeat;
height: 8px;
width: 4px;
}

.hscrollerbase {
height: 8px;
background: url(../../../../../js/flexcroll/horizontalbarbody_cornerjog.png) center repeat-x;
}

.hscrollerbar {
height: 8px;
background: #7C313A;
}

.hscrollerbasebeg {
background: url(../../../../../js/flexcroll/basebarcaps_verticalbarbody.png) 0px 1px  no-repeat;
height: 8px;
width: 4px !important;
}
.hscrollerbaseend {
height: 8px;
width: 4px;
background: url(../../../../../js/flexcroll/basebarcaps_verticalbarbody.png) -4px 1px no-repeat;
}



.vscrollerbar, .hscrollerbar {padding: 4px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background-color: #37917A;}

/* Scroll Bar Master Styling Ends Here */