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

div.scrollable {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 222px;
	height:148px;
	top: 7px;
	left: 4px;
} 

div.dealerscroll {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 459px;
	height:100px;
	top: 4px;
	left: 4px;
} 

div.partnerscroll {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 222px;
	height:94px;
	top: 7px;
	left: 4px;
}  
 
/*  
    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, div.dealerscroll div.items, div.partnerscroll 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 {
	width: 222px;
	height: 148px;
} 

div.dealerscroll div.items div {
	width: 459px;
	height: 100px;
} 

div.partnerscroll div.items div {
	width: 222px;
	height: 94px;
}

div.scrollable div.items img, div.dealerscroll div.items img, div.partnerscroll div.items img {
	border: none;
}
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc;         
    background-color:#fff; 
}