.as_holder {
	position: relative;
	height: 345px;
	width: 728px;
	
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
img.as_big_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 621px;
	height: 345px;
	
	border: none; /* because of link */
}
.as_big_img_holder {
	width: 621px;
	height: 345px;
}
.as_thumb {
	width: 87px;
	height: 57px;
	margin-bottom: 10px;
	cursor: pointer;
	
	position: relative;
	z-index: 2;
	
	
}

.as_thumb_selector {
	position: absolute;
	width: 93px; /* 6 bigger, for 3px width */
	height: 63px;  /* 6 bigger, for 3px width */
	background: black;
	z-index: 0;
	
	/* these get overwritten, but it'll start it in the right place */
	left: 7px;
	top: 7px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
.as_thumb_selector .triangle-img {
	position: absolute;
	top: 21px;
	left: -12px;
	height: 23px;
	width: 14px;
	background: url('triangle.png') no-repeat;
}

.as_thumb_selector .triangle {
	/* pure css, no image */
	position: absolute;
	top: 21px;
	left: -11px;
	height: 0px;
	width: 0px;
	border-color: transparent black;
	border-width: 11px 12px 11px 0;
	border-style: solid;
}






.as_thumb_holder {
	position: absolute;
	top: 0;
	right: 0;
	width: 87px;
	padding: 10px;
	padding-bottom: 0px;
	background: #eee;
}