/* outmost wrapper element */
div.scrollable {
    position: relative;
	top:30px;
}

div.horizontal {
	background: #b19a70;
	width: 656px;
	height: 130px;
    margin: 0 auto;
}

div.noitems {
	padding-top:0;
}

div.noitems div.__scrollable {
	margin-top:8px;
}

/* container for the scrollable items */
div.horizontal div.items {
	height:130px;
	float:left;
	width:615px !important;
    padding: 15px 0;
}
/*\*/
* html div.horizontal div.items { height: 100px; }
/**/


/* single item */
div.items a, div.noitems a {
	display:block;
	height:100px;
	background:url(images/entry.gif) 0 0 no-repeat;
	color:#fff;
	text-align:center;
	cursor:pointer;
}

div.items a {
	float:left;
	margin-right:5px;
}

div.item {
	height:100px;
	float:left;
}


div.items a:hover, div.noitems a:hover {
	color:#999;
}

div.item a:hover {
	color:#ccc;
}

div.items a.active, div.noitems a.active {   
	cursor:default;
}

/* next / prev buttons */
a.prev, a.next {
	background:url(../images/arrow-left.gif) no-repeat .25em 0;
	display:block;
	width:20px;
    height: 100px;
	float:left;
	cursor:pointer;
    position: relative;
    top: 55px;
}

a.next {
	background:url(../images/arrow-right.gif) no-repeat .3em 0;
}

.wrap /* clearing div */
{
    clear: both;
    height: 0; line-height: 0.0; font-size: 0;
    padding: 0; margin: 0;
}

#leftviewer-loading{
    position: relative; float: left; top: 75px; left: 40px;
    background: url(../images/loadingAnimation.gif) no-repeat 0 0; width: 208px; height: 13px;
    display: none;
}