@charset "utf-8";
/* CSS Document */
 
#scroll-area {
	position: 				relative;
	margin: 				10px 0px;
}
 
div.scrollable { 
    float:					left;	
	position:				relative; 
    overflow:				hidden; 
    width: 					610px; 
    height:					75px; 
	margin-bottom: 			10px;
	background-color: 		#dddddd;
	border: 				1px solid #373737;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
} 

div.scrollable div.items { 
    width:					20000em; 
    position:				absolute; 
} 
 
div.scrollable div.items div { 
    float:					left; 
} 

div.scrollable img {
	float:					left;
	display: 				block;
	margin: 				5px;
	height: 				60px;
	background-color:		#ffffff;
	padding:				2px;
	border:					1px solid #373737;
	cursor:					pointer;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
}

div.items div.active { 
    
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:				block;
	float:					left;
	background:				url('/images/site/scroller-arrow.png') no-repeat;
	width:					30px;
	height:					30px;
	margin:					30px 10px;
	cursor:					pointer;
	font-size:				1px;
}

/* right */
a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


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