#scrolldiv{
		width:150px;
		height:500px;	
	}
	#parentContainer{
		width:500px;	
		height:100%;
		overflow:hidden;
		float:left;
		position:relative;
	}
	

	#content{
		position:relative;

	}
	
	#slider{
		width:15px;
		float:left;
	}
	
	#scrollbar{
		visibility:hidden;
	
		width:15px;
		height:460px;	/* Total height - 40 pixels */
		position:relative;
		
	}

	#theScroll{
	visibility:hidden;
		margin:1px;
		width:13px;
		height:13px;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}

	#scrollUp,#scrollDown{
		cursor:pointer;
	}
	.flecha, .flecha2 {

		width:15px;
		height:13px;
    	position:absolute;
		top:275px;
		left:23px;
	}
	.flecha{
		background:url(../img/flecha1.png) no-repeat
	}
	.flecha2 {
		background:url(../img/flecha.png) no-repeat
	}
	#scrollDown{
        position:absolute;
		top:275px;
		left:123px;

		width:53px;
	}