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

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


.a_logos_container
{
	float:left;
	width:960px;
	margin:20px 0 0px 0;
}	


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 736px;
	height:68px;
	float:left;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}

.scrollable div img
{
	margin:10px; border:0px;}


a.scroll_prev{height:70px; width:12px; background:url(/images/left_arrow.jpg) top left no-repeat; overflow:hidden; font-size:1px; display:block; float:left; padding:0px; margin:0px; border:0px;}
a.scroll_prev:hover{background:url(/images/left_arrow.jpg) bottom left no-repeat; cursor:pointer;}

a.scroll_next{height:70px; width:12px; background:url(/images/right_arrow.jpg) top left no-repeat; overflow:hidden; font-size:1px; display:block; float:left; padding:0px; margin:0px; border:0px;}
a.scroll_next:hover{background:url(/images/right_arrow.jpg) bottom left no-repeat; cursor:pointer;}


/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}