.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 430px;
	height:68px;
}
.fullwidth{
	width: 520px;
}
.shortenedWidth{
	width: 445px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .item-hldr {
	float:left;
	margin:10px 6px 0px 6px;
	background-color:#efefef;
	border:1px solid #cfcfcf;
	width:60px;
	text-align:center;
	overflow:hidden;
}

.scrollable .item-hldr img {
/* 	float:left;
	margin:10px 5px 0px 5px;
	background-color:#fff;
	padding:1px;
	border:1px solid #cfcfcf; */
	cursor:pointer;
	height:40px;
}

/* active item */
.scrollable .active {
	border:3px solid #FF306B; 
	//*z-index:9999;*/
	position:relative;
}



/** 
BUTTONS 
*/

.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	/* display:block; */
	float:left;
	margin:0px 10px;
    width: 32px;
    height: 68px;
    cursor: pointer;
}

/* right */
a.right 				{ background: transparent url(../images/scrollable-skin/next-horizontal.png) no-repeat; clear:right; margin-right: 0px; background-position: 0px 0px; }
a.right:hover 		{ background-position: -32px 0px; }
a.right:active 		{ background-position: -64px 0px; } 

/* left */
a.left 				{ background: transparent url(../images/scrollable-skin/prev-horizontal.png) no-repeat; margin-left: 0px; background-position: 0 0px;}
a.left:hover 		{ background-position: -32px 0px; }
a.left:active 		{ background-position: -64px 0px; } 
/* disabled navigational button */
a.right.disabled , a.right.disabled:hover , a.right.disabled:active, a.left.disabled , a.left.disabled:hover , a.left.disabled:active{
	cursor: default;
    background-position: -96px 0;
} 


/**
				VERTICAL
**/

.scrollable_vert { 
    position:relative; 
    overflow:hidden; 
    height: 360px;
    padding: 0px 0px;
} 
 
/* root element for scrollable items */ 
 .scrollable_vert  div.items { 
    position:absolute; 
    height:20000em; 
}

/* up and down */
a.up, a.down{ 
	display:block;
    width: 188px;
    height: 32px;
    cursor: pointer;
}

/* up */
a.up  			{ background: transparent url(../images/scrollable-skin/prev-vertical.png) no-repeat 0 0; }
a.up:hover  		{  background-position: 0 -32px; }
a.up:active  	{  background-position: 0 -64px; }

/* down */
a.down 			{ background: transparent url(../images/scrollable-skin/next-vertical.png) no-repeat 0 0; }
a.down:hover  	{  background-position: 0 -32px; }
a.down:active  	{  background-position: 0 -64px; }

a.up.disabled , a.up.disabled:hover , a.up.disabled:active, a.down.disabled , a.down.disabled:hover , a.down.disabled:active{
	cursor: default;
    background-position: 0 -96px;
}