.scrollable {
	float:left;	
	position:relative;
	overflow:hidden;
	width: 375px;
	height:145px;
}


.scrollable .offers_items {
	width:500em;
	position:absolute;
	clear:both;
	white-space:nowrap;
}

.scrollable img{
	width:115px;
	height:90px;
	}

.scrollable a {
	text-align:center;
	font-weight:bold;
	line-height:1.2em;
	font-size:.8em;
	width:115px;
	height:125px;
	overflow:hidden;
	white-space:normal;	
	float:left;
	margin:2px 2px;
	background-color:#fff;
	padding:2px;
	border:1px solid #E9E9E9;
	cursor:pointer;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.scrollable a.hover {
	background-color:#ffd206;
	color:#fe2b22;
}


/* active item */
.scrollable .active {
	border:2px solid #9bd83c;
	z-index:9999;
	position:relative;
}




/* position and dimensions of the navigator */
.navi {
	margin:0 auto 0 auto;
	width:75px;
	height:10px;
}


/* items inside navigator */
.navi a {
	width:12px;
	height:10px;
	float:left;
	margin:3px;
	background:url(/img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor:pointer;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -10px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -20px;     
}





/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/img/control-horizontal.png) no-repeat;
	display:block;
	width:16px;
	height:136px;
	float:left;
	margin-top:0px !important; /*2px*/
	cursor:pointer;
	font-size:1px;
}


/* left */
a.left				{background-position: 0 0;} 
a.left:hover  		{ background-position:-16px 0; }
a.left:active  	{ background-position:0 0; }

/* right */
a.right 				{ background-position: -32px 0; clear:right;}
a.right:hover 		{ background-position:-48px -0px; }
a.right:active 	{ background-position:-32px 0; } 

a.disabled {
	visibility:hidden !important;		
}