/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.scrollable { 
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    /*width: 660px;*/
    height:90px;     
} 
 
/*  
    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.pad div#scrollable,
div.pad div#scrollableMrss{
	height:242px;
	overflow:hidden;
}


div.pad div#scrollable div div div.items_holder,
div.pad div#scrollableMrss div div div.items_holder{
	height:170px;
}

div.pad div#scrollable div div div.items_holder .items div{
	height:134px;
} 

div.pad div#scrollableMrss div div div.items_holder .items div{
	height:auto;
}

div.pad div#scrollable div div div.items_holder .items div .item_height,
div.pad div#scrollableMrss div div div.items_holder .items div .item_height{
	height:114px;
	overflow:hidden;
}
 
#scrollableMrss .items, .scrollable .items, 
#scrollable .items, .scrollable .items  {
width: 228px;
}



div.right_column div.pad div.content a.prev,
div.right_column div.pad div.content a.next {
float: left;
width: 6px;
height: 9px;
margin: 0px 5px;
padding: 2px 5px;
cursor: pointer;
}

div.right_column div.pad div.content a.prev:hover, 
div.right_column div.pad div.content a.next:hover{
	border:none;
}

div.right_column div.pad div.content a.prev {
background: url('../images/scroll_nav_left_g.gif') 5px 2px no-repeat;
}

div.right_column div.pad div.content a.next {
background: url('../images/scroll_nav_right_g.gif') 5px 2px no-repeat;
}

div.right_column div.pad div.content div.navi {
	width:auto;
	padding:0;
}

div.right_column div.pad div.content div.links{
	float:right;
	width:auto;
	display:inline-block;
	padding:10px 0 3px 0;
}

#scrollableMrss .navi span,
#scrollable .navi span {
float: left;
width: 6px;
height: 6px;
background: url('../images/scroll_nav_dots_g.gif') -6px 2px no-repeat;
padding: 2px 0 2px 0;
margin: 0px 2px 0;
cursor: pointer;
}

#scrollableMrss .navi span.active,
#scrollable .navi span.active {
background-position: 0 2px;
}