@charset "utf-8";
/* CSS Document */


#roll {width: 980px; position:relative; margin:0 auto; background:url(/images/roller_bg.gif) no-repeat; padding:4px 0 4px 0}
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 974px;	 
	height:215px;
	margin:0 auto;
}
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;	
}
#thumbs h2 {
	color:#333333;
	font-size:1.3em;
	line-height:1.1em;
	font-family: Lucida Sans, Arial, Helvetica;
	
}
/* single item */
#thumbs div.roll_item {
	float:left;
	width:487px;
	height:215px;
	color:#333;
	cursor:pointer;
}
.roll_item_header{height:51px;}
#thumbs .roll_item_header .inner{padding:8px 10px 5px 20px;}

.roll_item_text .thumb{position:absolute; top:0; left:0;}
.roll_item_text{height:164px; background:#c14d00; position:relative;}
.roll_item_linkbox{width:379px; padding:10px 0 10px 0; top:0; left:109px; position:absolute; }
.roll_item_text a{color:#FFFFFF; text-decoration:none}
.shadowtop{width:504px; height:10px; background:url(/images/scroller_top.png) no-repeat; position:absolute; left:0px; top:0px; }
.shadowbottom{width:504px; height:10px; background:url(/images/scroller_bottom.png) no-repeat; position:absolute; left:0px; bottom:-4px;}

#arrows{width:100%; position:relative;}
#roll_arrow_left{position:absolute; left:-1%; top:-110px; cursor:pointer;}
#roll_arrow_right{position:absolute; right:-1%; top:-110px; cursor:pointer;}