#container{
	position:absolute;
	top:50px;
	width:30%;
	height:50%;
	background-color:white;
	border:1px solid grey;	
	overflow:hidden;
	}
	
#container2{
	position:absolute;
	top:50px;
	left:450px;
	width:50%;
	height:30%;
	background-color:white;
	overflow:hidden;
	}	
/* just replace defaultScroll if you need different styles ex: #myStyle_horizontalScroll  */
#defaultScroll_horizontalScroll{
	height:22px;	
	background-color: #AAAAAA;
	}
#defaultScroll_verticalScroll{
	/*width currently has to be set*/
	width:22px;	
	background-color: #AAAAAA;
	}
#defaultScroll_verticalButtonUp{
		background-image: url(../images/scrollbars/scroll_up.gif);
	}
#defaultScroll_verticalButtonDown{
		background-image: url(../images/scrollbars/scroll_down.gif);
	}
#defaultScroll_horizontalButtonLeft{
		background-image: url(../images/scrollbars/scroll_left.gif);
	}
#defaultScroll_horizontalButtonRight{
		background-image: url(../images/scrollbars/scroll_right.gif);
	}

#defaultScroll_verticalSlider{
	left:1px;
	width:18px;
	z-Index:1;
	background-image:url(../images/scrollbars/scrollbar_vertical.gif);
	background-repeat:repeat-y;
	border-left:1px solid #A1A1A1;
	border-right:1px solid #898989;
	border-top:1px solid #A1A1A1;
	border-bottom:1px solid #898989; 
	}
/* below class is for non IE browsers*/
#defaultScroll_verticalSlider[id]{
	width:16px;
	}		

/* IE7 displays a Border-Chaos Bug so it ignores the height */
#defaultScroll_horizontalSlider{
	height:18px;
	top:1px;
	z-Index:1;
	background-image:url(../images/scrollbars/scrollbar_horizontal.gif);
	background-repeat:repeat-x;
	border-left:1px solid #A1A1A1;
	border-right:1px solid #898989;
	border-top:1px solid #A1A1A1;
	border-bottom:1px solid #898989; 
	}
#defaultScroll_horizontalSlider[id]{
	height:16px;
	}	

/***********************************************************************************************/

														
#bigScroll_horizontalScroll{
	height:74px;	

	}
#bigScroll_verticalScroll{
	/*width currently has to be set*/
	width:74px;	
	
	}
#bigScroll_verticalButtonUp{
		background-image: url(../images/scrollbars_big/scroll_up.gif);
	}
#bigScroll_verticalButtonDown{
		background-image: url(../images/scrollbars_big/scroll_down.gif);
	}
#bigScroll_horizontalButtonLeft{
		background-image: url(../images/scrollbars_big/scroll_left.gif);
	}
#bigScroll_horizontalButtonRight{
		background-image: url(../images/scrollbars_big/scroll_right.gif);
	}

#bigScroll_verticalSlider{
	left:12px;
	width:45px;
	z-Index:1;
	background-image:url(../images/scrollbars_big/scrollbar_vertical.gif);
	background-repeat:repeat-y;
	border:2px solid #830000; 
	}
/* below class is for non IE browsers*/
#bigScroll_verticalSlider[id]{
	width:45px;
	}		

/* IE7 displays a Border-Chaos Bug so it ignores the height */
#bigScroll_horizontalSlider{
	height:45px;
	top:12px;
	z-Index:1;
	background-image:url(../images/scrollbars_big/scrollbar_horizontal.gif);
	background-repeat:repeat-x;
	border:2px solid #830000;
	}
#bigScroll_horizontalSlider[id]{
	height:45px;
	}