.vert_scroll_box {
	float:left;
}
.vert_scroll_box.right {
	float:right;
}

.vert_scroll_box .scrollable {
	position:relative;
	overflow:hidden;

	margin-left:10px;
}

.vert_scroll_box .scrollable .items {
	height:20000em; /* this cannot be too large */
	position:absolute;
	clear:both;
}
.vert_scroll_box .item {
	margin:0 0 5px 17px;
}
/* the slide determines scroll distance. Each scroll event will move to the beginning of the next item, so it must be set to have the same width as the .items box */
.vert_scroll_box .items div.slide {
	height:240px;
}


/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

/* --------------------------------------------------------- controls button  ---------------------------------------------------------------- */

.vert_scroll_box a.browse {
	background:url(/images/boxes/arrow_u_d.png) no-repeat;
	display:block;
	width:450px;
	height:17px;
	margin:5px 0px;
	cursor:pointer;
	font-size:1px;
}
.vert_scroll_box a.browse:hover {
  filter:alpha(opacity=60);
  opacity:0.6;
}

.vert_scroll_box a.down{ 
	background-position: center 0px;
	margin-top:3px;
	} 


.vert_scroll_box a.up {
	background-position: center -17px;
	margin-bottom:3px;
}

.vert_scroll_box a.disabled {
	visibility:hidden !important;		
} 	

/* --------------------------------------------------------- various box sizes  ---------------------------------------------------------------- */




.vert_scroll_box.w_50 {
	height:302px;
	width:465px;
	background: url(/images/boxes/dark_blue_grunge_w_50_opac_100.png) left top no-repeat;
	padding-top:4px;
}
.vert_scroll_box.w_50 .scrollable {
	width: 450px;
	height:240px;
}
.vert_scroll_box.w_50 .slide {
}


/* --------------------------------------------------------- sub styles ---------------------------------------------------------------- */
.vert_scroll_box.w_50.lightblue {
	background: url(/images/boxes/dark_blue_grunge_w_50_opac_50.png) left top no-repeat;
}
.vert_scroll_box.w_50 .scrollable {