/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;
	

	/* vertical scrollers have typically larger height than width */	
	height: 415px;	 
	width: 240px;
	border-top:1px solid #ddd;	
}

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

/* single scrollable item */
.items div {
	border-bottom:1px solid #ddd;
	margin:5px 0px 5px 3px;
	padding:3px 0;
	font-size:12px;
	height:140px;
}

/* elements inside single item */
.items img {
	float:left;
	margin-right:0px;
	height:80px;
	width:80px;
}





.items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

.items .articol .thumb {
width:80px;
height:80px;
float:left;
border:none;


}

.items .articol .title {
width:140px;
height:auto;

font-size: 14px; font-weight:bold; color: #333333; font-family: Helvetica, Arial, sans-serif, sans-serif; text-transform: uppercase;
margin:8px 0px 5px 5px;
padding: 2px 2px 2px 2px;

float:left;
border:none;
background-color:#E5E5E5;


}


.items .articol .description {
width:140px;
height:auto;
margin:0px 0px 5px 5px;

font-size: 12px;  color: #666666; font-family: Helvetica, Arial, sans-serif, sans-serif;
letter-spacing:0.07em; 


float:left;
border:none;


}


.items .articol .buttons {
width:230px;
height:15px;
margin:5px 2px 5px 2px;
background-color: #E0E0E0;

float:left;


}


.items .articol .buttons a {
margin:0px 5px 0px 5px;
background-color: #666666;
font-size: 11px; font-family: Helvetica, Arial, sans-serif, sans-serif; text-transform: uppercase;letter-spacing:0.1em; 
		
	cursor:pointer;
	color: #E2E2E2;
float:right;
padding:0px 3px 0px 3px;
text-decoration: none;


}


.items .articol .buttons a:hover {
margin:0px 5px 0px 5px;
background-color: #00CCFF;
font-size: 11px; font-family: Helvetica, Arial, sans-serif, sans-serif; text-transform: uppercase;letter-spacing:0.1em; 
		
	cursor:pointer;
	color: #ffffff;
float:right;
padding:0px 3px 0px 3px;
text-decoration: none;


}

/* the action buttons above the scrollable */
#actions {
	width:245px;
	margin:5px 0 10px 0;
	
}

#actions a {
	
background-color: #E0E0E0;
font-size: 11px; font-family: Helvetica, Arial, sans-serif, sans-serif; text-transform: uppercase;letter-spacing:0.1em; 
		
	cursor:pointer;
	color: #333333;

padding:0px 2px 0px 2px;
text-decoration: none;
}

#actions a:hover {
	
background-color: #00CCFF;
font-size: 11px; font-family: Helvetica, Arial, sans-serif, sans-serif; text-transform: uppercase;letter-spacing:0.1em; 
		
	cursor:pointer;
	color: #ffffff;

padding:0px 2px 0px 2px;
text-decoration: none;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}