@charset "utf-8";
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Ana Yapı ----------------------------------------------------------------------------*/

body{
margin:0;
background-color:#333333;
font-family:verdana, Helvetica, sans-serif;
font-size:11px;
}

#main{
margin:auto;
left:auto;
right:auto;
width:950px;
}
#search{
width:950px;
height:50px;
}

#LoginBox { 
	width:200px;
	height:20px;
	position:relative;
	top:50px;
	left:10px;
	color:#ECECEC; 
}

#LoginBox a { color:#ECECEC; }

#header{
width:950px;
height:130px;
background-image:url(../images/header_back.jpg);
background-repeat:repeat-x;
}

#page_top{
width:950px;
display:table;
background-color:#fff;
}

#page_top_sub{
width:950px;
display:table;
background-color:#fff;
padding-bottom:20px;
}

#page_bottom{
width:950px;
background-color:#fff;
padding-top:10px;
min-height:400px;
}

#footer_top{
width:950px;
height:43px;
background-color:#000;
}

#footer_bottom{
width:950px;
height:106px;
background-image:url(../images/footer_shadow.jpg);
background-repeat:no-repeat;
}

form{
margin:0;
}


/* Arama kutusu ---------------------------------------------------------------------------- */

#search_mc{
	width:297px;
	height:37px;
	background-image:url(../images/search_back.jpg);
	z-index:1;
	position:relative;
	top:33px;
	left:620px;
}

.search_form{
padding: 5px 50px 0 0;
}

.inp{
height:20px;
width:210px;
border:0px;
background: transparent;
margin-left:15px;
margin-top:4px;
font-weight:bold;
font-size:12px;
}

/* Header Alanı ---------------------------------------------------------------------------- */

#header_logo{
width:195px;
height:130px;
float:left;
}

#header_right{
width:700px;
height:130px;
float:right;
}

#header_corner{
width:15px;
height:130px;
float:right;
background-image:url(../images/header_right.jpg);
}

#header_menu{
width:495px;
height:35px;
margin-top:90px;
margin-left:165px;
}
#header_menu ul {  width:500px; }
#header_menu ul li { float:left; background-image:url("../images/menu/menuBg.jpg"); width:94px; height:34px; margin-left:5px; } 
#header_menu ul li a { font-family:Verdana; font-size:9px; text-decoration:none; color:#989898; display:block; padding:5px; text-align:center; } 
#header_menu ul li a:hover { color:#50B5DA; } 


#coopers_logo{
width:255px;
height:32px;
position:relative;
top:45px;
left:655px;
}


/* Menü - Video - Ürün Alanı ---------------------------------------------------------------------------- */

#left_menu{
width:182px;
border:1px solid #DCDCDC;
border-top:0px;
margin-left:11px;
float:left;
margin-bottom:10px;
}

#video_area{
width:746px;
background-color:#E5EBF2;
float:right;
margin-bottom:10px;
}

#video{
width:550px;
height:310px;
float:left;
background-color:#99CCCC;
margin:10px 0 0 10px; 
}

#shop{
width:186px;
margin-bottom:10px;
float:right;
background-color:#50B5DA;
margin-top:10px;
}



/* Sol Menü ---------------------------------------------------------------------------- */

#navcontainer { width: 182px; }

#navcontainer ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: verdana, Helvetica, sans-serif;
text-indent:10px;
}


#navcontainer a{
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
	display:block;
	color:#999;
	padding:5px;
	border:1px #FFF solid;
	font-weight:bold;
}

/*#navcontainer a:link, #navlist a:visited{
display: block;
padding: 3px;
width: 176px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: verdana, Helvetica, sans-serif;
text-indent:10px;
font-family:Verdana;
font-size:12px;
}*/

#navcontainer a:hover{
background-color: #f6f6f6;
color: #50B5DA;
border-bottom:1px solid #DCDCDC;

}

#green_btn{
width:172px;
height:19px;
background-color:#E7F3C2;
font-size:10px;
font-weight:bold;
color:#009966;
margin-top:-9px;
padding:5px;
line-height:18px;
text-align:center;
}


/* Sağ Ürün Alanı ---------------------------------------------------------------------------- */

#shop_title{

height:35px;
border-bottom:1px solid #69BFDF;
}

#shop_title_two{
color:#fff;
font-weight:bold;
font-size:10px;
padding:5px 0 0 10px;
}

#pro_area{
width:186px;
height:100px;
border-bottom:1px solid #69BFDF;
}

#pro_title{
color:#ADDCEE;
font-weight:bold;
font-size:10px;
width:166px;
padding-left:10px;
padding-top:5px;
}

#pro_img{
width:61px;
height:61px;
color:#ADDCEE;
float:left;
border:1px solid #fff;
margin:5px 0 0 10px;
}

#pro_text{
color:#FFF;
float:right;
margin-top:5px;
margin-right:0px;
margin-left:0px;
font-size:9px;
width:110px;
height:63px;
}

#pro_text a {color :#FFF; text-decoration : none; }
#pro_text a:hover {color : #ADDCEE; text-decoration : none; }

#pro_bottom{
border-bottom:1px solid #69BFDF;
padding:5px 0 5px 10px;
color:#fff;
font-weight:bold;
font-size:10px;
}

/* Tab Menü Alanları ---------------------------------------------------------------------------- */



#menu {
	background: #E5EBF2;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom:1px solid #D1E0ED;
	
}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	font-size:10px;
	font-weight:bold;
	
}
#menu a {
	background: #E5EBF2;
	color: #4493CB;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:bold;
	border-right:1px solid #D1E0ED;
}
#menu a:hover {
	background: #D1E0ED;
	color: #4493CB;
	padding-bottom: 8px;      
}

/* Haber Alanı ---------------------------------------------------------------------------- */              

#news_area{
width:430px;
padding:10px;
line-height:17px;
color:#666;
float:left;
}

/* Flash Banner ve Etiket Kapsama ---------------------------------------------------------------------------- */    


#flash_spot{
width:222px;
height:377px;
float:left;
}

#tag_area{
	border:1px solid #D1E0ED;
	color:#4493CB;
	float:right;
	height:367px;
	line-height:20px;
	padding:10px 0 0 10px;
	width:215px;
}


#tag_area a  
{
	text-decoration:none;
	color:#4493CB;
	padding:3px;
}    

#tag_area a:hover  
{
	color:#FFF;
	background:#4493CB;
} 

#list_tag a  
{
	text-decoration:none;
	color:#4493CB;
	padding:3px;
}    

#list_tag a:hover  
{
	color:#FFF;
	background:#4493CB;
}          

/* Linkler ---------------------------------------------------------------------------- */  

a.urun {color :#FFF; text-decoration : none;  font-weight:bold;}
a.urun:hover {color : #ADDCEE; text-decoration : none;  font-weight:bold;}

a.white {color :#fff; text-decoration : none;  font-weight:bold;}
a.white:hover {color : #ADDCEE; text-decoration : none;  font-weight:bold;}

a.green {color :#009966; text-decoration : none;  font-weight:bold;}
a.green:hover {color : #333; text-decoration : none;  font-weight:bold;}

a.news {color :#4493CB; text-decoration : none;  font-weight:bold; font-size:11px;}
a.news:hover {color : #333; text-decoration : none;  font-weight:bold; font-size:11px;}

a.gry {color :#666; text-decoration : none;  font-weight:bold; font-size:9px;}
a.gry:hover {color : #666; text-decoration : underline;  font-weight:bold; font-size:9px;}

a.footer {color :#999; text-decoration : none;  font-weight:bold; font-size:9px;}
a.footer:hover {color : #999; text-decoration : underline;  font-weight:bold; font-size:9px;}


/* Etiket Bulutu ---------------------------------------------------------------------------------------- */  

a.bir {color : #4493CB; text-decoration : none; font-size : 6pt; line-height : 17px; font-weight:bold;}
a.bir:hover {color : #666; text-decoration : none; font-size : 6pt; line-height : 17px; font-weight:bold;}

a.iki {color : #4493CB; text-decoration : none; font-size : 7pt; line-height : 17px; font-weight:bold;}
a.iki:hover {color : #666; text-decoration : none; font-size : 7pt; line-height : 17px; font-weight:bold;}

a.uc {color : #4493CB; text-decoration : none; font-size : 8pt; line-height : 17px; font-weight:bold;}
a.uc:hover {color : #666; text-decoration : none; font-size : 8pt; line-height : 17px; font-weight:bold;}

a.dort {color : #4493CB; text-decoration : none; font-size : 9pt; line-height : 17px; font-weight:bold;}
a.dort:hover {color : #666; text-decoration : none; font-size : 9pt; line-height : 17px; font-weight:bold;}

a.bes {color : #4493CB; text-decoration : none; font-size : 10pt; line-height : 17px; font-weight:bold;}
a.bes:hover {color : #666; text-decoration : none; font-size : 10pt; line-height : 17px; font-weight:bold;}

a.alti {color : #4493CB; text-decoration : none; font-size : 11pt; line-height : 17px; font-weight:bold;}
a.alti:hover {color : #666; text-decoration : none; font-size : 11pt; line-height : 17px; font-weight:bold;}

a.yedi {color : #4493CB; text-decoration : none; font-size : 12pt; line-height : 17px; font-weight:bold;}
a.yedi:hover {color : #666; text-decoration : none; font-size : 12pt; line-height : 17px; font-weight:bold;}


a.liste {color : #4493CB; text-decoration : none; font-size : 11px;  font-weight:bold; font-family: tahoma;}
a.liste:hover {color : #666; text-decoration : none; font-size : 11px; font-weight:bold;}

a.more {color : #fff; text-decoration : none; font-size : 9px;  font-weight:bold;}
a.more:hover {color : #D4EDF6; text-decoration : none; font-size : 9px; font-weight:bold;}

/* Footer Siyah ---------------------------------------------------------------------------------------------------------- */  
#liste_titlex, a.liste_titlex, a.liste_titlex:visited
{
	font-family: tahoma;
	font-size: 11px;
	color: #50b5da;	
	font-weight: bold;
	text-decoration: none;
}

#footer_black{
width:765px;
height:43px;
float:left;
background-image:url(../images/bottom_01.jpg);
background-repeat:no-repeat;
text-indent:15px;
color:#333;
line-height:40px;
background-color:#000;

}

#footer_black_logo{
width:185px;
height:43px;
float:right;
background-image:url(../images/bottom_02.jpg);
}

#footer_shadow_text{
width:950px;
height:86px;
color:#4A4A4A;
padding:10px;
font-size:9px;
line-height:15px;
}



/* Video Ayrıntı Sayfası ---------------------------------------------------------------------------- */  

#video_left{
float:left;
width:182px;
margin-left:11px;
}

#video_left_menu{
width:182px;
border:1px solid #DCDCDC;
border-top:0px;
margin-bottom:20px;
}

#video_right{
float:right;
width:735px;
margin-right:11px;
}

#video_detail{
width:550px;
height:300px;
background-color:#FFF;
}

#video_detail_right{
float:right;
width:175px;
background-color:#50B5DA;
}

#video_random{
float:left;
width:182px;
height:280px;
border-top:0px;
background-color:#50B5DA;
margin-top:20px;
}

#random_video{
width:160px;
height:150px;
background-color:#61BADA;
border: 3px solid #fff;
margin:auto;
}

#random_video_text {
width:160px;
margin:auto;
color:#fff;
font-size:9px;
padding-top:6px;
}

#random_video_text a {
color:#FFF; 
}


#video_under{
width:548px;
height:54px;
background-image:url(../images/video_detail.jpg);
background-repeat:repeat-x;
float:left;
border-left:1px solid #D4D0C8;
border-right:1px solid #D4D0C8;
margin-bottom:10px;
}

#video_show{
float:left;
width:550px;
height:310px;
background-color:#666;
}

#video_show_title{
float:left;
width:550px;
font-size:15px;
font-weight:bold;
color:#4493CB;
padding-bottom:5px;
background-color:#FFFFFF;
}

#video_show_text{
float:left;
width:540px;
padding-top:5px;
color:#666666;
line-height:18px;
padding:5px;
}

#left_video{
width:550px;
float:left;
}

#right_video{
width:180px;
float:right;
background-color:#50B5DA;
}

#pro_area_sub{
width:180px;
height:120px;
border-bottom:1px solid #69BFDF;
}

#pro_text_sub{
color:#FFF;
float:right;
margin-top:5px;
margin-right:0px;
margin-left:0px;
font-size:9px;
width:100px;
}

#pro_text_sub a { text-decoration:none; color:#FFF; }
#pro_text_sub a:hover { text-decoration:none; color:#ADDCEE; }



/* İçerik Sayfası ---------------------------------------------------------------------------- */  

#ic_title{
background-color:#E5EBF2;
color:#4493CB;
font-weight:bold;
font-size:14px;
padding:3px;
line-height:22px;
}

#ic_body{
padding:10px 5px 10px 0px;
line-height:17px;
}

#ic_img{
padding-right:15px;
}

#ic_big{
font-size:13px;
font-weight:bold;
}


/* Video Listeleme Sayfası ---------------------------------------------------------------------------- */ 

#list_left{
float:left;
width:480px;
}


#list_right{
float:right;
background-color:#E5EBF2;
width:244px;
margin-top:3px;
}

#list_gry{
background-color:#F4F4F4;
padding:5px;
width:470px;
height:100px;
font-family: tahoma;
}

#list_gry_Podcast{
background-color:#F4F4F4;
padding:5px;
width:470px;
float:left;
font-family: tahoma;
}

ist_spacer{
height:5px;
}

#list_vid{
width:100px;
height:100px;
background-color:#E5EBF2;
float:left;
}

#list_title{
float:right;
padding:0 0 0 0;
font-size:10px;
font-weight:bold;
color:#4493CB;
width:360px;
}

#list_title_Podcast{
float:right;
padding:0 0 0 0;
font-size:10px;
font-weight:bold;
color:#4493CB;
}

#list_date{
color:#999;
font-size:9px;
}

#list_text{
float:right;
padding:0 0 0 0;
font-size:11px;
font-family: tahoma;
color:#666;
width:360px;
padding-top:10px;
line-height:15px;
}

#list_text_Podcast{
float:right;
padding:0 0 0 0;
font-size:11px;
font-family: tahoma;
color:#666;
padding-top:10px;
line-height:15px;
}

#list_text a 
{
font-size:11px;
font-family: tahoma;
color:#666;
text-decoration:none;	
}


#list_text a:hover 
{
color:#000;
}



#list_page{
background-color:#E9F4C7;
color:#009966;
font-weight:bold;
font-size:9px;
height:20px;
padding-top:7px;
padding-left:5px;
}

#list_blue{
background-color:#61BADA;
color:#fff;
font-weight:bold;
font-size:12px;
height:20px;
padding-top:7px;
padding-left:5px;
}

#list_tag{
width:470px;
padding:5px;
background-color:#E7EDF3;
}

#list_more{
width:122px;
height:20px;
color:fff;
background-color:#315A90;
float:left;
text-align:center;
font-weight:bold;
font-size:9px;
padding-top:10px;
}

#list_new{
width:122px;
height:20px;
color:fff;
background-color:#50B5DA;
float:right;
text-align:center;
font-weight:bold;
font-size:9px;
padding-top:10px;
}

#list_more_text{
font-weight:bold;
font-size:9px;
color:#315A90;
float:left;
width:230px;
padding-bottom:5px;
}

#list_vido{
width:65px;
height:65px;
border:1px solid #fff;
float:left;
background-color:#D3E4EF;
}

#list_vido_text{
padding-left:5px;
font-size:9px;
float:right;
width:150px;
padding-top:5px;
font-size:9px;
color:#666;
}

#list_kap{
width:400;
padding:10px;
float:left;
}

#bannerArea {
	 float:left; 
	 width:550px; 
	 height:120px; 
	 margin-left:10px;
	 margin-top:10px;
}

/* alt kısım */

#banner_area{
width:460px;
height:377px;
float:right;
margin:0 11px 11px;
}

#tab_area{
width:455px;
height:377px;
background-color:#E5EBF2;
border:1px solid #D1E0ED;
margin-left:11px;
float:left;
}

/* yeni eklenenler listesi */

#list_vido_text a 
{
	color:#666666;
	text-decoration:none;	
}

.VideoListPager a 
{
 text-decoration:none;
 text-align:center;
 color:#999;
 padding:1px;
}

.VideoListPager { height:30px; vertical-align:middle; }

.VideoListPager a:hover
{
	color:#FF5742;
}

.ProductPagerStyle span
{
	color:#315A90;
}

.ProductPagerStyle a 
{
	text-decoration:none;
	padding:1px;
	color:#FFF;
	margin-right:1px;
}

.ProductPagerStyle a:hover
{
	color:#FF5742;
}

.ProductPagerStyle span
{
	color:#000;
}


#list_blue_video_tag{
	background-color:#61BADA;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	height:20px;
	padding-top:7px;
	padding-left:5px;
	width:545px;
	float:left;
}

#list_tag_video{
	width:540px;
	padding:5px;
	float:left;
	background-color:#E7EDF3;
}

#list_tag_video a  
{
	text-decoration:none;
	color:#4493CB;
	padding:3px;
}    

#list_tag_video a:hover  
{
	color:#FFF;
	background:#4493CB;
} 

#list_blue_video_tag a  
{
	text-decoration:none;
	color:#4493CB;
	padding:3px;
}    

#list_blue_video_tag a:hover  
{
	color:#FFF;
	background:#4493CB;
} 

#RegisterForm table tr td { width:300px; height:25px; } 
#RegisterForm table tr td input { font-size:11px; font-family:Verdana; height:20px; } 

#NewvideosHeading  
{
	background:#50B5DA;
	color:#FFF;
	padding:7px;
	font-weight:bold;
}

	
/* Form Elemanları İçin CSS */
	#RegisterFormStyle table tr td { 
	width:150px; 
	width:150px;
	color:#626262;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	}

	#RegisterFormStyle input {
		display:block;
		color:#626262;
		border:1px #CCC solid;
		background:url("../images/inputBg.jpg") repeat-x;
		border:1px solid #ADADAD;
		margin:5px;
		font-family:Arial,Helvetica,sans-serif;
		font-size:17px;
		font-weight:bold;
		padding:3px;
		width:220px;
	}	
	#RegisterFormStyle textarea {
		display:block;
		border:1px solid #ADADAD;
		background:url("../images/inputBg.jpg") repeat-x;
		width:225px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		height:70px;
		margin:5px;
	}
	#RegisterFormStyle select {
		border:1px solid #ADADAD;
		background:url("../images/inputBg.jpg") repeat-x;
		width:225px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		height:20px; 
	}
	.button { width:220px !important; height:25px !important; float:left; } 
	
	#RegisterFormStyle { background:#FFF; }
	#RegisterFormStyle a {color :#666; text-decoration : none;  font-weight:bold; font-size:10px; font-family:Verdana, Geneva, sans-serif; }
	#RegisterFormStyle a:hover {color : #666; text-decoration : underline;  font-weight:bold; font-size:10px;}
	
	#sag_icerik { width:360px; float:left; margin-left:10px; color:#333; }
	#sag_icerik h1 { font-size:16px; color:#4493CB; margin-bottom:5px;  }
	
	/* Burasıda onemli... */
	
	#RegisterFormStyleQ label {
		display:block;
		width:150px;
		float:left;
	}	
	#RegisterFormStyleQ input {
		display:block;
		border:1px #CCC solid;
		background:url("images/inputBg.jpg") repeat-x;
		width:200px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		height:15px;
		margin:5px;
	}	
	#RegisterFormStyleQ textarea {
		display:block;
		border:1px #CCC solid;
		background:url("images/inputBg.jpg") repeat-x;
		width:200px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		height:70px;
		margin:5px;
	}
	#RegisterFormStyleQ select {
		border:1px #CCC solid;
		background:url("images/inputBg.jpg") repeat-x;
		width:200px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		height:20px;
	}
	.button { width:120px !important; height:25px !important; float:left; } 
	
	#RegisterFormStyleQ { width:360px; float:left; }
	#sag_icerik { width:360px; float:left; margin-left:10px; color:#333; }
	#sag_icerik h1 { font-size:16px; color:#4493CB; margin-bottom:5px;  }
	
	#ErrorMessages ul li {
background:#E5EBF2 url(../images/error.png) no-repeat scroll left center;
display:block;
margin:2px 2px 2px 4px;
padding:4px 4px 4px 20px;
}
 .ImageButton { background: none !important; }
 
 #StaticWrapper { padding:20px;background:#FFF; }
 
/* banner */

#myController ul { 
	margin:0px; 
	padding:0px; 
	position:relative; 
	top:345px;
	left:17px;
	z-index:1;
}
#myController ul li {
	padding:5px 13px 8px 10px;
	margin:2px;
	width:10px;
	height:10px;
	background:url("../images/bg.png") no-repeat;
	cursor:pointer;
	display:inline;
	list-style-type:none;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
}

#myController ul li.jFlowSelected {
	background:url("../images/bghover.png") no-repeat;
}

#jFlowSlide{
	border:1px solid #D1E0ED;
	margin-top:-18px;
}

#list_text_Podcast p { margin-bottom:15px; }
#list_text_Podcast b { margin-bottom:5px; }
#PodcastLinks a {
 background:#E5EBF2;
 padding:5px;
 display:block;
 width:290px;
 border:1px #e4e4e4 dotted;
 text-decoration:none;
 color:#666;
 font-weight:bold;
}
#PodcastLinks a:hover {
 background:#F6F6F6;
}
.podLink { margin-top:20px;  }
.podLink p { margin-bottom:15px; }
.podLink b { margin-bottom:5px; }