@charset "utf-8";

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*
         root element for the scrollable.
         when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
    position:relative;
	overflow:hidden;
	width: 625px;
	height:467px;
	
	/* custom decorations */
	

}

/*
         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;
	clear:both;
}

/*
         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; }

.scrollable img {
	margin-right: 7px;
	margin-bottom: 7px;
	float: left;
}
.scrollable img.bottom {
	margin-right: 7px;
	margin-bottom: 0px;
	float: left;
}
.scrollable img.last {
	margin-right: 0px;
	float: left;
}

.scrollable a img { border: 1px solid #FFF; display: block; }
.scrollable .items div a:hover img { border: 1px solid #95ae3c; }