/* root element for scrollable */ 
div.vscrollable { 
 
    /* required settings */ 
    position:absolute;
    top: 48px; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 375px; 
    width: 725px; 

} 
 
/* root element for scrollable items */ 
div.vscrollable div.vitems { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

div.vscrollable div.vitems div.active 
{
	border: solid 2px #590000; 
	padding-bottom: 20px;
}

div.vscrollable div.vitems div.active h3{
}

div.vscrollable div.vitems div.active p{ 
}

/* root element for scrollable items */
.vitems {	
	position:absolute;
	width: 725px;
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.vitems div {
	padding: 20px 15px 15px 15px;
	height:58px;
	cursor: pointer;
}

.vitems div.linebreak{
	display: block;
	height: 1px;
	width: 300px;
	position: absolute;
	left: 200px;
	border-top:1px dashed #CCCCCC;
}

.vitems div.noborder {
	border-top:none;
}

/* elements inside single item */
.vitems img {
	float:left;
	margin-right:20px;
	height:180px;
	width:240px;
}

.vitems h3 {
	cursor: pointer;
	margin:0 0 5px 0;
	font-weight: normal;
	color: #590000;
	line-height: 0px;
	font-size:13px;
	font-weight: bold;
}

/* the action buttons above the scrollable */
#actions {
	width:725px;
	position: relative;
	z-index: 30;
}

#actions a {
	font-size:11px;		
	cursor:pointer;
}

#actions a:hover {
	text-decoration:underline;
}

.disabled {
	visibility:hidden;		
}

.nextVPage {
	float:right;
	font-weight: bold;
	color: #FFFFFF;
	background: #666666;
	border: 1px solid #333333;
	padding: 2px 6px 2px 6px;
	margin-left: 6px;
}	
.prevVPage {
	float:right;
	font-weight: bold;
	color: #FFFFFF;
	background: #666666;
	border: 1px solid #333333;
	padding: 2px 6px 2px 6px;
}