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

	/* vertical scrollers have typically larger height than width */	
	height: 365px;	 
	width: 310px;
	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 {
	
	margin:0px 0;
	
	font-size:12px;
	height:120px;
	background:#020E17;
}

/* 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;
margin:0;
padding:7px 2px 7px 7px;


}

.items .articol .title {
width:200px;
height: auto;
font-size: 12px; font-weight:bold; color: #fff; font-family: Helvetica, Arial, sans-serif, sans-serif; text-transform: uppercase;
margin:7px 5px 5px 2px;
padding:0 5px 0 5px;

float:left;
border:none;
background-color:#020E17;


}


.items .articol .description {
width:190px;
height:30px;
margin:0px 5px 5px 5px;

font-size: 11px;  color: #DDDDDD; font-family: Helvetica, Arial, sans-serif, sans-serif;
letter-spacing:0.02em; line-height:12px;  
float:left;
border:none;


}


.items .articol .buttons {
width:310px;
height:23px;
margin:0;
padding:0;

background-color: #000000;
float:left;



}


.items .articol .buttons a {
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;
position: relative;
margin:0 0 0 225px;
text-decoration: none;
padding:3px;

}


.items .articol .buttons 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;
text-decoration: none;
position: relative;
margin:0 0 0 225px;
padding:3px;
}

/* the action buttons above the scrollable */
#actions {
	width:310px;
	margin:0px 0 10px 0;
	padding: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:left;
	margin:5px 0px 5px 110px;
	
}
.prevPage {
	float:left;
	margin:5px 0px 5px 5px;
	
}