.scrollbar {
	width: 15px;
	position:absolute;
	left:705px;
    }
    
    
    .knob{
	cursor: default;
    }
    .vertical .knobTop{
	width: 15px;
	height: 4px;
	font-size: 0;
	background: url(/images/scrollbar/verticalKnobTop.png) no-repeat top left;
    }
    .vertical .knobMiddle{
	width: 15px;
	font-size: 0;
	background: url(/images/scrollbar/verticalKnobMiddle.gif) repeat-y top left;
    }
    .vertical .knobBottom{
	width: 15px;
	height: 4px;
	font-size: 0;
	background: url(/images/scrollbar/verticalKnobBottom.png) no-repeat top left;
    }


    .vertical .track{
	background: url(/images/scrollbar/verticalTrackMiddle.gif) repeat-y top left;
    }
    
    
    .vertical .scrollbarUp, .vertical .scrollbarDown{
	display: block;
	width: 15px;
	height: 15px;
	background: url(/images/scrollbar/verticalArrowTop.png) no-repeat top left;
	cursor: pointer;
    }
    .vertical .scrollbarDown, .vertical .scrollbarDown:link{
	background: url(/images/scrollbar/verticalArrowBottom.png) no-repeat top left;
    }

 
    
    .vertical .scrollbarDown:active{
	background-position: bottom left;
    }
    
    /*
     I took this out and magic happened... I don't know why.. and I didn't question it.. you shouldn't either...
    .vertical .scrollbarDown:hover {
	background-position: center left;    
    }
    */