/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:15px;
	height:90px;
	cursor:pointer;
}
a.prev, a.prevPage {
background:url(images/icoFlechaIzq.gif) center center #666 no-repeat;
position: absolute;
left: 0px;
margin: 0;
z-index: 9999;
}
a.next, a.nextPage {
background:url(images/icoFlechaDer.gif) center center #666 no-repeat;
position: absolute;
right: 0;
margin: 0;
z-index: 9999999;
}



/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
background-color:#999
}
a.prev:active, a.next:active, a.prevPage:active, a.nextPage:active {
/**/		
}

/* disabled navigational button */
a.disabled {
	/*visibility:hidden !important;	*/	
}

a.disabled.prev  {
	background:url(images/icoFlechaIzq.gif) #141414 no-repeat center center
}
a.disabled.next {
	background:url(images/icoFlechaDer.gif) #141414 no-repeat center center
}

/* next button uses another background image */
/*a.next, a.nextPage {
	background:url(images/icoFlechaDer.gif) center center #666 no-repeat;
	clear:right;	
}
*/


/****************embedded*******************/
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 771px;	 
	height:90px;
right: 0px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
position:absolute;
right:0;
z-index: 1;
}

#thumbs img {
width: 125px;
height: 90px 
}

/* custom positioning for navigational links */
a.prev, a.next {
	/*margin-top:118px;*/
}



/* single item */
#thumbs div {
	float:left;
	width:125px;
	height:90px;
	cursor:pointer;
        margin-left:3px;
filter: alpha(opacity=40); opacity: .4
}

/* style when mouse is over the item */
#thumbs div.hover {
filter: alpha(opacity=100); opacity: .9
}

/* style when element is active (clicked) */
#thumbs div.active {

	cursor:default;*/
}