#main{
			width: 320px;
			height: 225px;
			border: 1px solid #D0CECE;
			background: #ffffff;
			z-index:998;
		}

		#content{
			
			width: 305px;
			height: 225px;
			float: left;
			overflow: hidden;
			z-index:999;

		}

		.text {
			margin: 10px;
		}

		.vScrollbar {
			float: left;			
		}
		
		.hScrollbar {
			clear: both;	
			}

		.vTrack {
			height: 300px;
			width: 15px;
			position: relative;
			background: #e4e5e5;
			overflow: hidden;			
		}
		
		.hTrack {
			float: left;
			height: 15px;
			width: 255px;
			position: relative;
			background: #e4e5e5;
			overflow: hidden;			
		}			

		.vThumb, .hThumb {
			position: absolute;
			top: 0;
			left: 0;
			height: 15px;
			width: 15px;
			/*background: #b2b2b2;*/
			background: url(/images/vThumbBg.gif) repeat-y;
			overflow: hidden;
		}
		
		.arrowUp, .arrowLeft, .arrowRight, .corner {
			height: 15px;
			width: 15px;
			background: #777;
			background: url(/images/scrollArrowUp.gif) no-repeat;
			overflow: hidden;	
		}
		
		.arrowDown {
			height: 15px;
			width: 15px;
			background: #777;
			background: url(/images/scrollArrowDown.gif) no-repeat;
			overflow: hidden;		
		}
		
		.arrowLeft, .arrowRight, .corner {
			float: left;
			}
			
		.corner {
			background: #000;
			}	
			
			
/* new content */


		.text1 {
			margin: 10px;
		}

		.vScrollbar1 {
			float: right;			
		}
		
		.hScrollbar1 {
			clear: both;	
			}

		.vTrack1 {
			height: 300px;
			width: 15px;
			position: relative;
			background: #e4e5e5;
			overflow: hidden;			
		}
		
		.hTrack1 {
			float: left;
			height: 15px;
			width: 255px;
			position: relative;
			background: #e4e5e5;
			overflow: hidden;			
		}			

		.vThumb1, .hThumb1 {
			position: absolute;
			top: 0;
			left: 0;
			height: 15px;
			width: 15px;
			/*background: #b2b2b2;*/
			background: url(/images/vThumbBg.gif) repeat-y;
			overflow: hidden;
		}
		
		.arrowUp1, .arrowLeft1, .arrowRight1, .corner1 {
			height: 15px;
			width: 15px;
			background: #777;
			background: url(/images/scrollArrowUp1.gif) no-repeat;
			overflow: hidden;	
		}
		
		.arrowDown1 {
			height: 15px;
			width: 15px;
			background: #777;
			background: url(/images/scrollArrowDown1.gif) no-repeat;
			overflow: hidden;		
		}
		
		.arrowLeft1, .arrowRight1, .corner1 {
			float: left;
			}
			
		.corner1 {
			background: #000;
			}				


