<style type="text/css"> 
 
/* ---------- gallery styles start here ----------------------- */
.photoframe {
	position:relative;
	left:0;
	top:0;
	width: 170px;
	height: 132px;
}
.solframe {
	width: 28px;
	height: 132px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:2;
	border:0;
	background: url(http://www.koyport.com/_img/thumbnailsframeler_01.png) no-repeat;
	cursor:pointer;
}
.ortaframe {
	width: 114px;
	height: 132px;
	position: absolute;
	top: 0px;
	left: 28px;
	z-index:2;
	border:0;
	background: url(http://www.koyport.com/_img/thumbnailsframeler_02.png);
	cursor:pointer;
}
.parlakframe {
	width: 1px;
	height: 132px;
	position: absolute;
	top: 9px;
	left: 28px;
	z-index:1;
	border:0;
	background: url(http://www.koyport.com/_img/thumbnailsframeler_04.png);
	cursor:pointer;
}
.sagframe {
	width: 28px;
	height: 132px;
	position: absolute;
	top: 0px;
	left: 142px;
	z-index:2;
	border:0;
	background: url(http://www.koyport.com/_img/thumbnailsframeler_03.png) no-repeat;
	cursor:pointer;
}
.photoframe img1{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index:0;
	border:0;
}

.photoframe em {
	width: 134px;
	height: 36px;
	background: url(http://www.koyport.com/_img/thumbnailsbubble.png) no-repeat;
	padding: 7px 1px 1px 1px;
	font-family:Tahoma;
	font-size:11px;
	color:#FFFFFF;
	display: none;
	position: absolute;
	top: 92px;
	font-style: normal;
	text-align: center;
	vertical-align:middle;
	z-index:5;
}
.photoframe a {
	text-decoration: none;
	color: #000;
}
.photoframe a:hover em1 {
	display: block;
}
	div.frame_scrapbook img{
		margin: 0;
		padding: 10px;
		left:0px;
		top:-3px;
		position:relative;
	}
	
	div.frame_scrapbook {
		position: relative;
		float: left;
		margin: 0px;
		padding:0px;
	}
	
		div.frame_scrapbook div.upper_left {
			position: absolute;
			background: transparent url('http://www.koyport.com/_img/thumbnailsframeler_01.png') no-repeat 0px 0px;
			width: 100%;
			margin-left: 0px;
			margin-top: 0px;
			height: 100%;
			top: 0px;
			left: 0px;
		}

		div.frame_scrapbook div.upper_right {
			position: absolute;
			background: transparent url('http://www.koyport.com/_img/thumbnailsframeler_03.png') no-repeat right 0px;
			width: 100%;
			margin-left: 0px;
			margin-top: 0px;
			height: 100%;
			top: 0px;
			left: 0px;
		}

		div.frame_scrapbook div.middle {
			position: absolute;
			background: transparent url('http://www.koyport.com/_img/thumbnailsframeler_02.png') no-repeat 48px 0px;
			width: 100%;
			margin-left: 0px;
			margin-top: 0px;
			height: 100%;
			top: 0px;
			left: -20px;
		}

		div.frame_scrapbook div.ustkatman {
			position: absolute;
			background: transparent url('http://www.koyport.com/_img/thumbnailsframeler_04.png') no-repeat 20px 0px;
			width: 100%;
			margin-left: 0px;
			margin-top: 0px;
			height: 100%;
			top: 8px;
			left: -10px;
		}
						
			
</style>

