/* reset styles */
div, a, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

#lselement .arrowback {
	position: absolute;
	top:  20px;
	left: 7px;
}
#lselement .arrowback a:link, #lselement .arrowback a:visited, #lselement .arrowback a:active {
	display: block;
	width:  50px;
	height: 80px;
	background: url(http://www.preceties.lv/img/arrowback.png) no-repeat 0 0;
	text-indent: -9000px;
	text-decoration:none;
}
#lselement .arrowback a:hover {
	background: url(http://www.preceties.lv/img/arrowback.png) no-repeat -54px 0;
}
#lselement .arrownext {
	position: absolute;
	top:  20px;
	left: 741px;
}
#lselement.ls .arrownext a:link, #lselement.ls .arrownext a:visited, #lselement.ls .arrownext a:active {
	display: block;
	width:  50px;
	height: 80px;
	background: url(http://www.preceties.lv/img/arrownext.png) no-repeat 0 0;
	text-indent: -9000px;
	text-decoration:none;
}
#lselement.ls .arrownext a:hover {
	background: url(http://www.preceties.lv/img/arrownext.png) no-repeat -54px 0;
}

#lswrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #666;
	position: absolute;
	top: 5px;
	left: 54px;
	display: block;
	width: 692px; 
	height: 108px;
	overflow: hidden;
}
#lselement .ls {
	position: relative;
	float: left;
	margin-right: 5px;
	display: block;
	width:  168px;
	height:  108px;
	overflow: hidden;
	background-color: #666;
}
#lselement .ls img {
	position: relative;
	z-index: 0;
}
.ls a:link, .ls a:active, .ls a:visited {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	display: block;
	width:  168px;
	height:  108px;
	font-size: 11px;
	line-height: 186px;
	background: url(http://www.preceties.lv/img/lsmask.png) no-repeat 0 0;
	text-decoration: none;
	z-index:2;
}
.ls a:hover{
	background: url(http://www.preceties.lv/img/lsmask.png) no-repeat -168px 0;
}