/* ublue_ImageCarousel.css
-------------------------------------------------------------- */
.focusBtn, .focusIndicators a{ display:block; background:url(yokbuton.png); background-repeat:no-repeat;}
.focusMain{
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.focusArea{
	position: relative;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.focusCon{
	position: absolute;
	top: 0;
}
.focusItem{
	position: relative;
}
.focusCon .title{ height:26px; position:absolute; left:1px; bottom:1px; background:#000; opacity:.8; filter:Alpha(opacity=80); line-height:26px; font-size:14px; font-weight:400; overflow: hidden;}
.focusCon .title a{ display:block; padding:0 10px; color:#FFF; position:relative;}
.focusIndicators { height:20px; font-size:0; line-height:0; text-align:center;}
.focusIndicators a{ display:inline-block; width:20px; height:20px; margin:0 4px; background-position:0 -80px; font-size:0; _zoom:1; cursor:pointer; overflow:hidden;}
.focusIndicators .current{
	background-position: -20px -80px;
	background-image: url(yokbuton.png);
	background-repeat: no-repeat;
}
.focusBtn {
	display: block;
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-color: rgba(204,204,204,0.5);
	cursor: pointer;
}
.focusPrev{
	left: 0;
	background-position: 0 0;
}
.focusPrev:hover {
	background-position: 0px -40px;
}
.focusNext{
	right: 0;
	background-position: -40px 0;
}
.focusNext:hover {
	background-position: -40px -40px;
}
.focusPrev:hover, .focusNext:hover{
	background-color: rgba(51,51,51,0.8);
}
/* -------------------------------------------------------------- */
.isCarousel .focusGroup{ float:left; _display:inline;}

.isFocus .focusArea{ height:330px;}
.isFocus .focusItem{ width:582px; height:326px;}
.isFocus .focusCon .title{ width:582px;}
/* -------------------------------------------------------------- */
/*demoK B*/
.demoK {
	width: 250px !important;
	height: 490px !important;
	margin-bottom: 23px;
}
.demoK .focusArea{
	width: 250px !important;
	height: 490px !important;
	margin: 0 auto;
}
.demoK .focusItem{
	width: 250px !important;
	height: 246px !important;
	margin: 0;
	border-bottom: 1px solid #EDEFED;
	overflow: hidden;
}
.demoB .focusBtn {
	position: absolute;
	z-index: 9;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	top: 50%;
	margin-right: 2px;
	margin-left: 2px;
}
.demoK .focusCon{
	width: 254px;
	margin-top: 1px;
	margin-bottom: 1px;
}
.demoK .focusCon .title{ width:186px;}
.demoK .focusBtn {
	position: absolute;
	z-index: 9;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	top: 50%;
	margin-right: 2px;
	margin-left: 2px;
	background-image: url(yokbuton-ya.png);
	display: block;
	background-color: rgba(204,204,204,0.8);
	cursor: pointer;
}
.demoK .focusPrev {
	left: 50%;
	background-position: 0 0 !important;
	margin-left: -20px;
	top: 5px;
}
.demoK .focusPrev:hover {
	background-position: -40px 0px !important;
}
.demoK .focusNext {
	background-position: left bottom !important;
	margin-left: -20px;
	left: 50%;
	top: 490px;
}
.demoK .focusNext:hover {
	background-position: right bottom !important;
}
/*demoK S*/
/*css 3 özellikleri ----------------------------------------------*/
.focusBtn  {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}