﻿.sliderresimli{
	background: #FFF;
	width: 348px;
	height:220px;
	border: 1px solid #CCC;
	position: relative;
	/*margin-left: 5px;*/
}
.sliderresimli .caption {
	width: 100%;
	height: 23px;
	border-bottom: 1px solid #ededed;
}
.sliderresimli .caption > span {
	float: left;
	display: inline-block;
	font: bold 14px/14px Arial;
	color: #333;
	margin: 5px 0 0 4px;
}
.sliderresimli .caption > a {
	font: 9px/9px Arial;
	color: #666;
	float: right;
	display: inline-block;
	margin: 8px 4px 0 0;
}
.sliderresimli .caption > a:hover {
	color: #000;
	text-decoration: underline;
}
.sliderresimli .Slider {
	width: 340px;
	height: 161px;
	overflow: hidden;
	margin-left: 4px;
}
.sliderresimli .Slider > ul > li {
	float: left;
	display: inline-block;
	width:340px;
	height:161px;
}

.sliderresimli .Slider > ul > li > a {
	display: inline-block;
}
.sliderresimli #SliderControl {
	width: 340px;
	height: 24px;
	border: 1px solid #e3e3e3;
	position: absolute;
	left: 3px;
	bottom: 5px;
}
.sliderresimli #SliderControl li {
	background: url(kontrolbg.png) repeat-x left top;
	float: left;
	display: inline-block;
	width: 20px;
	height: 24px;
}
.sliderresimli #SliderControl li:first-child {
	border-left: none;
}
.sliderresimli #SliderControl li a {
	color: #000000;
	display: inline-block;
	font: 11px Arial;
	height: 19px;
	padding-top: 5px;
	text-align: center;
	width: 100%;
}
.sliderresimli #SliderControl li.active a {
	background: url(aktif.png) repeat-x left top;
	color: #FFF !important;
}
.sliderresimli #SliderControl li:hover a {
	background: url(aktif.png) repeat-x left top;
	color: #FFF !important;
}