/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/

#news_headline {
	background-image:url(../images/bg_scroll.jpg);
	height:36px;
	color:#ae430d;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#news_headline .padding {padding:0px 0px 0px 0px;}

#news_headline div, #news_headline div div, #news_headline div div div {}
 

div.scrollable { 
   /* required settings */ 
    position:absolute; 
    overflow:hidden;          
    width: 901px;     
    height:36px;
	left:0px;
	top:0px;
}

#images div.scrollable {
	position:relative;
	width:201px;
	height:120px;
	left:2px;
	margin-bottom:24px;
	border:1px solid #FFFFFF;
}
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;   
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 

div.scrollable div.items div { 
    float:left; 
	height:36px;
	width:900px;
}

#images div.scrollable div.items div {
	height:120px;
	width:201px;
	overflow:hidden;	
}


div.scrollable div.items table { 
	height:36px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	width:100%;
	z-index:100;
}

div.scrollable div.items table td {text-align:center;padding:0px 50px;} 

div.scrollable div.items div p a { 
 	z-index:100;
	position:relative;
}

#images div.scrollable div.items div p {font-size:11px;padding:6px;}
#images div.scrollable div.items div img:hover {cursor:pointer;}
#images div.scrollable div.items div h1,
#images div.scrollable div.items div h2,
#images div.scrollable div.items div h3,
#images div.scrollable div.items div h4,
#images div.scrollable div.items div h5,
#images div.scrollable div.items div h6 {font-size:13px;font-weight:bold;padding:6px;}

/**** NAVIGATION *****/

#actionButtons a {margin:0px 5px;}

#news_headline div .next,
#news_headline div .prev {
	cursor:pointer;
	font-size:16px;
	font-weight:normal;
	color:#d9cfb4;
	z-index:1000;
	position:absolute;
	top:10px;
	display:none;	
}

#news_headline div .next:hover,
#news_headline div .prev:hover {color:#CCCCCC;text-decoration:underline;}

#news_headline div .prev {
		left:5px;
}

#news_headline div .next {
		right:5px;	
}

#news_headline div a.disabled {
	visibility:hidden !important;
	display:none;		
}