.collection {
	height: 700px;
	position: relative;
	overflow: hidden;
}

.collection .slides {
	position: relative;
	height: 100%;
	margin-top: 25px;	
	overflow: hidden;
}
.collection .index {
	position: absolute;
	top:0;
	font-family:Deja Vu,Arial,sans serif;
	font-size:11pt;
	font-weight:600;
	letter-spacing:0px;
	text-transform:uppercase;
	color: #aaaaaa;
}
.collection .index .pos {
	cursor: pointer;
	padding-left: 10px;
	padding-right: 2px;
	font-weight:normal;
}
.collection .index .pos + .pos{
	padding-left: 5;
}
.collection .index .pos.selected {
	color: red !important;
}
.collection .index .pos:hover {
	color: #eebbbb;
}

.collection .buttons {
	position: absolute;
	top: 50%;
	width: 100%;
}
.collection .buttons div {
	display: inline-block;
	cursor: pointer;
	
	position: absolute;
	background-repeat: no-repeat;
	
	width: 25px;
	height: 50px;
}
.collection .buttons .previous {
	background-image: url("../images/collection_left.png");
}
.collection .buttons .next {
	background-image: url("../images/collection_right.png");
	right: 0;
}

.collection .teaser {
	position: absolute;
	top:0;
	left:0;
	right:0;
	
	max-widht: 100%;
	text-align: center;
	
	display: none;
}