#aside #gallery {}

#gallery {
	position:relative;	 	
	width: 340px;
	height: 375px;	
	padding: 0;
	margin: 0;	
	
}


#gallery div.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 340px;
	height: 350px;	
	padding: 0;
	margin: 0;	
}

#main #gallery div.scrollable ul.items {	
	display: block;
	/* this cannot be too large */
	width:20000em;	
	height: 350px;
	position: absolute;
	top: 0;
	left: 0;
	clear:both;		
	padding: 0;
	margin: 0;
}

/* single scrollable item */
#gallery div.scrollable ul.items li {
	display: block;
	list-style-type: none;
	float:left;
	width: 340px;
    height: 341px;
	padding: 0;
	margin: 0;
}

/* active item */
div.scrollable ul.items li.active {
	padding: 0;
	margin: 0;
}

div.scrollable ul.items li img {
	width: 338px;
	height: 339px;
	border: #414b55 1px solid;
}

div.scrollable ul.items li img:hover, div.scrollable ul.items li img:focus {border: #d91f2a 1px solid;}

#prev {
	position: absolute;
	top: 1px;
	left: 1px;
	background:url(../images/bg/prev.png) no-repeat 0 0;
	height: 28px;
	width: 28px;
	z-index: 100;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
}

#prev:hover, #prev:focus {background:url(../images/bg/prev.png) no-repeat 0 -28px;}
#prev:active {background:url(../images/bg/prev.png) no-repeat 0 -56px;}

#next {
	position: absolute;
	top: 1px;
	right: 1px;
	background:url(../images/bg/next.png) no-repeat 0 0;
	height: 28px;
	width: 28px;
	z-index: 100;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
}

#next:hover, #next:focus {background:url(../images/bg/next.png) no-repeat 0 -28px;}
#next:active {background:url(../images/bg/next.png) no-repeat 0 -56px;}

#gallery .navi {
	position: absolute;
	top: 345px;
	right: 1px;
	display: block;
}

#gallery .navi a, #gallery .navi a:visited {
	display: block;
	background: url(../images/bg/dots.gif) no-repeat 0 0;
	height: 14px;
	width: 14px;
	text-indent: -999px;
	overflow: hidden;
	float: left;
}

#gallery .navi a:hover, #gallery .navi a:focus {background: url(../images/bg/dots.gif) no-repeat 0 -28px;}
#gallery .navi a.active, #gallery .navi a:visited.active {background: url(../images/bg/dots.gif) no-repeat 0 -14px;}