﻿
ul.navigation-1
	{ position:absolute; margin:0; margin-left:25px; padding:1px 0; list-style:none; width:50px; height:20px; font-family: 'Lucida Grande', Arial, Verdana, sans-serif; font:normal 8pt ;}
ul.navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:50px; }
ul.navigation-1 li a:link,
ul.navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:left; text-decoration:none;  color:#ffffff; width:50px; height:20px; }
ul.navigation-1 li:hover a,
ul.navigation-1 li a:hover,
ul.navigation-1 li a:active
	{ padding:4px 0; display:block; text-align:left; text-decoration:none;  color:#000; width:50px; height:20px; }
	
ul.navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background-color:#ffffff; width:92px; position:absolute; top:22px; left:-1px; }
ul.navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul.navigation-1 li ul.navigation-2 li
	{ width:146px; clear:left; width:146px; }

ul.navigation-1 li ul.navigation-2 li a:link,
ul.navigation-1 li ul.navigation-2 li a:visited
	{ clear:left;  padding:4px 0; width:92px; height:14px; border:none; position:relative; z-index:1000; }
ul.navigation-1 li ul.navigation-2 li:hover a,
ul.navigation-1 li ul.navigation-2 li a:active,
ul.navigation-1 li ul.navigation-2 li a:hover
	{ clear:left;  padding:4px 0; width:92px; height:14px; border:none; position:relative; z-index:1000; }

ul.navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px;   z-index:900; }
ul.navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#999999; }
ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#999999; }
ul.navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul.navigation-1 li ul.navigation-2 li:hover a span,
ul.navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
butonArkasi
	{ position:relative; width:200px; height:100px; background-image:url('http://web1.kure.tv/P/resources/images/zmnzmnbtntbn.png')
		}
		
		.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}

/* The following rule is a fix for a CSS specifity bug in IE. Without this fix
   IE incorrectly applies the left red border to any NOROLL item on hover/focus.
   If you don't use any NOROLL items, you will not need this rule at all. */

#Menu1 a.NOROLL {
	border-color:#fff !important;
}
#Menu2 a.NOROLL {
	border-color:#fff !important;
}

* {margin: 0; padding: 0; outline: none;}
img {border: none;}

/*h1 {
	font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
	font-size:3em;
	color: #99C70F;
	text-align: center;
	background: url(h1_bg.gif) no-repeat;
	text-indent: -99999px;
	margin: 100px 0 10px;
}*/

.container {
	overflow: hidden;
	width: 938px;
	height:284px;

}
#main {
	background: #f0f0f0;
	
}


/*--Main Image Preview--*/
.main_image {
	width: 598px; height: 456px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-family:'Lucida Grande', Arial, Verdana, sans-serif; 
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 2px;	padding: 5px; color:white;
}
.main_image p {
	font-family:'Lucida Grande', Arial, Verdana, sans-serif;
	font-size: 10px;
	padding: 5px;	margin: 0;
	line-height: 1.6em;
	color:#b3b3b3;
}
.block small { 
	font-family:'Lucida Grande', Arial, Verdana, sans-serif; 
;
	font-size:16px;

	padding: 0 0 0 0px; 
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size:10px; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;


}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 


.image_thumb {
	position:absolute;
	float: left;
	width: 299px;
}
.image_thumb2 {
	position:absolute;
	float: left;
	width: 299px;

}

.image_thumb img {
	border: 2px solid #999999; 
	background: #fff; 
	float: left;
}
.image_thumb img:hover{
	border: 2px solid #99C70F; 
	background: #000; 
	float: left;
}

.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 3px 1px;
	width: 120px;
	height:60px;
	float: left;
}
.image_thumb ul li.hover {
	
	cursor: pointer;
}
.image_thumb ul li.active {
	background-image:url('http://web1.kure.tv/P/resources/images/arrow-selected.png');
	background-repeat:no-repeat;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 0.85em; 
	margin: 0 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 50px;
	border: 1px solid #999999;
	cursor:pointer; 
}
.image_thumb ul li .block:visited{
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 50px;
	border: 1px solid #99C70F; 
}
.image_thumb ul li .block:hover {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 50px;
	border: 1px solid #99C70F; 
}
.image_thumb ul li .block:active {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 50px;
	border: 1px solid #99C70F;
	 
}
	
.image_thumb ul li p{display: none;}
.oncekiBesli {
	position:absolute;
	margin-left: 910px;
	width: 9px;
	height:26px;
	background-image:url('http://web1.kure.tv/P/resources/images/ok_left.png')
}

.sonrakiBesli {
	position:absolute;
	margin-left: 910px;
	width: 9px;
	height:26px;
	background-image:url('http://web1.kure.tv/P/resources/images/ok_right.png')
}
#ilkbesli {
	position:absolute;
	top: 181px;
	left: 261px;
	width: 618px;
	height:70px;
}
#sonbesli {
	position:absolute;
	top: 181px;
	left: 261px;
	width: 618px;
	height:70px;
}





/* video Haber */

.Haber1{
position:absolute; 
width: 20px; 
height: 15px; 
left: 20px; 
top: 137px;
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
text-align:center;
}
.Haber2{
position:absolute; 
width: 20px; 
height: 15px; 
left: 53px; 
top: 137px;
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
text-align:center;

}

.Haber3{
position:absolute; 
width: 20px; 
height: 15px; 
left: 83px; 
top: 137px;
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
text-align:center;

}
.Haber4{
position:absolute; 
width: 20px; 
height: 15px; 
left: 113px; 
top: 137px;
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
text-align:center;

}
.Haber5{
position:absolute; 
width: 20px; 
height: 15px; 
left: 143px; 
top: 137px;
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
text-align:center;

}
.Haber6{
position:absolute; 
width: 20px; 
height: 15px; 
left: 175px; 
top: 137px;
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
text-align:center;
}

.tumHaber{
position:absolute; 
width: 50px; 
height: 15px; 
left: 170px; 
top: 13px;
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
text-align:center;

}


#haberEpisode{
position:absolute; 
width: 174px; 
height: 120px; 
left: 25px; 
top: 15px;	
}
#haberEpisode2{
position:absolute; 
width: 174px; 
height: 120px; 
left: 25px; 
top: 15px;	
}

#haberEpisode3{
position:absolute; 
width: 174px; 
height: 120px; 
left: 25px; 
top: 15px;	
}
#haberEpisode4{
position:absolute; 
width: 174px; 
height: 120px; 
left: 25px; 
top: 15px;	
}
#haberEpisode5{
position:absolute; 
width: 174px; 
height: 120px; 
left: 25px; 
top: 15px;	
}
#haberEpisode6{
position:absolute; 
width: 174px; 
height: 120px; 
left: 25px; 
top: 15px;	
}
.haberResim{
position:relative;
width: 165px; 
height: 70px;
margin-top:15px; 
}
.haberBilgi{
position:relative;
width: 160px; 
height: 20px;
padding-left:3px;
padding-right:3px;
padding-top:2px;
font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
font-size:11px;
text-align:left;
}
.haberPenceresi{
position:relative;
width: 225px; 
height: 163px;
background-image:url('http://web1.kure.tv/P/resources/images/videoHaberZemin.png');
background-repeat:no-repeat;
}
.haberPlayBt{
position:absolute;
width: 20px; 
height: 20px;
left:155px;
top:50px;
}
.haberPlayBtn{
position:relative;
width: 20px; 
height: 20px;
background-image:url('http://web1.kure.tv/P/resources/images/playBt.png')
}
#haberPlayBtn{
position:relative;
width: 20px; 
height: 20px;
}
#haberPlayBtn2{
position:relative;
width: 20px; 
height: 20px;
}
#haberPlayBtn3{
position:relative;
width: 20px; 
height: 20px;
}
.begenilenPlayBt{
position:absolute;
width: 20px; 
height: 20px;
left:170px;
top:118px;
}
.yeniEklePlayBt{
position:absolute;
width: 20px; 
height: 20px;
left:160px;
top:60px;
}


