/* YKB Kurumsal İnternet Bankacılığı CSS Document */

body{ margin:0px; padding:0px; text-align:center; background-image:url(../_i/bg.jpg); background-repeat:no-repeat; background-position:top center; background-color:#EFF3F4; }

#wrapper { width:100%; text-align:center; margin:auto;}
img { border:0px; border:none; padding:0px; margin:0px;}
.clrr{clear:both;height:0.1em;line-height:0.1em;font-size:0.1em;}
.topBar { width:950px; text-align:left; margin:0px auto;}
.logo{ float:left; width:200px;}
.topBarRight{ float:left; width:750px; }
.search{ padding:0px 0px 0px 0px; float:right; background-image:url(../_i/search_bg.jpg); background-repeat:no-repeat;height:36px;width:255px;}
.language{ padding:14px 2px 0px 0px; float:right;width:68px;}
.bizeUlasin { float:left; padding:11px 0px 0px 16px;}
.searchInputArea { float:left; padding:0px 0px 0px 20px;}
.searchInput { padding:0px 0px 0px 3px; height:13px; margin:10px 0px 0px 2px; font:11px tahoma; color:#333333; width:130px; border:0px; border:none;}
.searchAraButton{ float:left; margin:10px 0px 0px 4px;}

.topMenuHTML { float:right;}
.topMenuHTML ul{ margin:0px; padding:0px;}
.topMenuHTML ul li{ margin:0px; padding:0px; display:inline;}
.topMenuFLASH { float:right; position:absolute; z-index:999; overflow:hidden; height:75px; }

#footer{width:950px; font-family:tahoma; font-size:10px; color:#5F7081; height:50px; padding:20px 0px 30px 0px; text-align:left; margin:auto;}
#footer .left{ float:left; text-align:left;}
#footer .center{ float:left; text-align:left; margin:0px 0px 0px 200px;}
#footer .center a{ color:#003081; text-decoration:underline; }
#footer .center a:hover{ color:#003081; text-decoration:none; }
#footer .right{ float:right; text-align:right;}
#footer .right a{ font-weight:bold; text-decoration:none; color:#5F7081;}
#footer .right a:hover{ text-decoration:underline;}
.footerFlashLogo { padding:0px 7px 0px 0px;}

.contentSub { width:950px; text-align:left; margin:0px auto;}
#subPageContent { float:left; width:712px;  margin:12px 0px 0px 0px; padding:0px 0px 0px 0px; font: 12px verdana; color:#425366;}

/*Interaktıf Demo sayfasının genişliği 100% oldugundan class değişir.*/
.contentSubInteraktifDemo { width:100%; text-align:center; margin:0px auto;}
#subPageContentInteraktifDemo { float:left; width:100%;  margin:12px 0px 0px 0px; padding:0px 0px 0px 0px; font: 12px verdana; color:#425366;}

h1{ padding:0px 0px 0px 0px; font-family:Tahoma; font-weight:normal;  font-size:46px; line-height:1em; margin:0px; color:#ffffff; }
h2{ padding:0px 0px 0px 0px; font-family:Tahoma; font-weight:normal; font-size:30px; line-height:1em; margin:-8px 0px 0px 0px; color:#002F82;}
h2.Default{ width:315px; padding:0px 0px 0px 0px; font-family:Tahoma; font-weight:normal; font-size:30px; line-height:1em; margin:-8px 0px 0px 0px; color:#002F82;}
h2.Default2{ width:315px; padding:0px 0px 0px 0px; font-family:Tahoma; font-weight:normal; font-size:30px; line-height:1em; margin:-8px 0px 0px 39px; color:#002F82;}
h3{ padding:0px 0px 0px 0px;  font:14px tahoma; font-weight:bold; line-height:1em; margin:10px 0px 0px 10px; color:#002F82; }
p { padding:7px 20px 15px 0px; margin:0px 0px 0px 10px; line-height:18px;}
h4{ padding:0px 0px 0px 0px;  font:12px tahoma; font-weight:bold; line-height:1em; margin:10px 0px 0px 10px; color:#425366; }


#subPageNavigation{ float:left; width:238px; background-image:url(../_i/rightMenu_bg.jpg); background-repeat:repeat-y; margin:37px 0px 0px 0px;}
#subPageNavigation .subPageNavigationTitle{ background-image:url(../_i/submenu_title_bg.jpg); background-repeat:no-repeat; width:212px; height:30px; margin:0px 0px 0px 0px; font:12px tahoma; color:#FFFFFF; font-weight:bold; padding:11px 0px 0px 26px;}
#subPageNavigation .subPageNavigationTitle a{ color:#ffffff; text-decoration:none;}


/*Right Menu Seviye 1 */
#subPageNavigation ul{ margin:0px; padding:0px 0px 0px 0px;}
#subPageNavigation ul li{ margin:0px 9px 0px 9px; padding:5px 0px 5px 17px; list-style:none; font:12px tahoma; color:#223D71; background-image:url(../_i/rightMenuBulletLevel_1.gif); background-position:5px 11px; background-repeat:no-repeat; border-bottom:1px solid #E6E8EA; }
#subPageNavigation ul li a{color:#223D71; font-weight:bold; text-decoration:none; line-height:14px;}
#subPageNavigation ul li a:hover{ text-decoration:underline;}
#subPageNavigation ul li.selected a{ text-decoration:underline;}
#subPageNavigation ul li.normal a{ text-decoration:none;}

/*Right Menu Seviye 2 */
#subPageNavigation ul li ul{ margin:5px 0px 2px 0px; padding:0px 0px 0px 0px;}
#subPageNavigation ul li ul li{ line-height:18px; border:none; margin:0px; padding:0px 0px 0px 7px; background-image:url(../_i/rightMenuBulletLevel_2.gif); background-position:1px 9px; line-height:19px; }
#subPageNavigation ul li ul li a{ font:10px verdana; color:#003082;}
#subPageNavigation ul li ul li .selected{ text-decoration:underline;}

/*Right Menu Seviye 3 */
#subPageNavigation ul li ul li ul{ margin:3px 0px 3px 0px; padding:0px 0px 0px 0px;}
#subPageNavigation ul li ul li ul li{ margin:0px 0px 0px 0px; padding:0px 0px 0px 9px; background-image:url(../_i/rightMenuBulletLevel_3.gif); background-position:2px 10px; line-height:17px;}
#subPageNavigation ul li ul li ul li a{ color:#8F99AC; }
#subPageNavigation ul li ul li ul li.selected a{ text-decoration:underline;}



.subPageNavigationBottom { background-image:url(../_i/subPageNavigationBottom.jpg); background-repeat:no-repeat; height:17px;}
.subPageBanner{ margin:0px; padding:10px 0px 20px 0px;}
#subPageContent ul.list { list-style:none; margin:7px 0px 0px 10px; padding:0px;  }
#subPageContent ul.list li { margin:0px; padding:0px 0px 5px 28px; background-image:url(../_i/bullet_list.gif); background-repeat:no-repeat; }


 

.default_1 { margin:10px 0px 0px 0px; float:left; width:315px; height:169px; background:url(../_i/default_1_bg.gif) no-repeat;} 
.default_2 { margin:10px 0px 0px 39px; float:left; width:315px; height:169px; background:url(../_i/default_1_bg.gif) no-repeat;}
* html .default_2 { margin:10px 0px 0px 18px; float:left; width:315px; height:169px; background:url(../_i/default_1_bg.gif) no-repeat;}


.default_1_lnknone { margin:10px 0px 0px 0px; float:left; width:315px; height:169px; background:url(../_i/default_1_lnknone_bg.gif) no-repeat;} 
.default_2_lnknone { margin:10px 0px 0px 39px; float:left; width:315px; height:169px; background:url(../_i/default_1_lnknone_bg.gif) no-repeat;}

.default_3 { margin:10px 0px 0px 0px; float:left; width:315px; height:169px; background:url(../_i/default_2_bg.gif) no-repeat;} 
.default_4 { margin:10px 0px 0px 39px; float:left; width:315px; height:169px; background:url(../_i/default_2_bg.gif) no-repeat;}
.default_5 { margin:10px 0px 0px 0px; float:left; width:316px; height:110px; background:url(../_i/default_5_bg.gif) no-repeat;} 
.default_6 { margin:10px 0px 0px 39px; float:left; width:316px; height:110px; background:url(../_i/default_5_bg.gif) no-repeat;}
.default_7 { margin:10px 0px 0px 0px; float:left; width:671px; height:110px; background:url(../_i/default_7_bg.gif) no-repeat;}
.default_8 { margin:10px 0px 0px 0px; float:left; width:672px; height:176px; background:url(../_i/default_8_bg.gif) no-repeat;} 

.default_1 .defaultContent p{ margin:0px; padding:12px 0px 0px 0px; font:11px tahoma; color:#FFFFFF; height:80px;}
.default_2 .defaultContent p{ margin:0px; padding:12px 0px 0px 0px; font:11px tahoma; color:#FFFFFF; height:80px;}
.default_1_lnknone .defaultContent p{ margin:0px; padding:12px 0px 0px 0px; font:11px tahoma; color:#FFFFFF; height:80px;}
.default_2_lnknone .defaultContent p{ margin:0px; padding:12px 0px 0px 0px; font:11px tahoma; color:#FFFFFF; height:80px;}

.default_3 .defaultContent p{ margin:0px; padding:12px 0px 0px 0px; font:11px tahoma; color:#425366; height:80px;}
.default_4 .defaultContent p{ margin:0px; padding:12px 0px 0px 0px; font:11px tahoma; color:#425366; height:80px;}

.default_5 .defaultContent p{ margin:0px; padding:5px 0px 0px 0px; font:11px tahoma; color:#425366; height:60px;}
.default_5 .defaultContent p a{color:#425366; text-decoration:none;}
.default_5 .defaultContent p a:hover{color:#425366; text-decoration:underline;}

.default_6 .defaultContent p{ margin:0px; padding:5px 0px 0px 0px; font:11px tahoma; color:#425366; height:60px;}
.default_6 .defaultContent p a{color:#425366; text-decoration:none;}
.default_6 .defaultContent p a:hover{color:#425366; text-decoration:underline;}

.default_7 .defaultContent p{ margin:0px; width:530px; padding:5px 0px 0px 0px; font:11px tahoma; color:#425366; height:60px;}
.default_7 .defaultContent p a{color:#425366; text-decoration:none;}
.default_7 .defaultContent p a:hover{color:#425366; text-decoration:underline;}

.default_8 .defaultContent p{ margin:0px; width:530px; padding:5px 0px 0px 0px; font:11px tahoma; color:#425366; height:60px;}
.default_8 .defaultContent p a{color:#425366; text-decoration:none;}
.default_8 .defaultContent p a:hover{color:#425366; text-decoration:underline;}

.defaultGorsel { float:left; margin:0px; padding:14px 0px 0px 13px;}
.defaultContent{ float:left; padding:17px 0px 0px 12px; width:190px; height:110px;}
.AyrintiTikla { margin:0px; padding:10px 0px 0px 10px; font:10px tahoma; color:#254576; }
.AyrintiTikla a{ text-decoration:underline; color:#254576;}
.AyrintiTikla a:hover{ text-decoration:none;}
.defaultLine { width:670px; clear:both; height:55px; background:url(../_i/defaultLine.gif) no-repeat; background-position:left center;} 
.defaultTxt { }

hr{ width:671px; font-size:0px; margin:30px 0px 30px 0px; padding:0px; color:Blue; background:Blue; background-color:Blue; height:1px; line-height:1px; }

.defaultContainer { float:left;}
.defaultContainer .default_1 .defaultContent p{ margin:0px; padding:2px 0px 0px 0px; font:11px tahoma; color:#FFFFFF; height:108px;}
.defaultContainer .default_2 .defaultContent p{ margin:0px; padding:2px 0px 0px 0px; font:11px tahoma; color:#FFFFFF; height:108px;}
.defaultContainer .default_1_lnknone .defaultContent p{ margin:0px; padding:2px 0px 0px 0px; font:11px tahoma; color:#FFFFFF; height:108px;}
.defaultContainer .default_2_lnknone .defaultContent p{ margin:0px; padding:2px 0px 0px 0px; font:11px tahoma; color:#FFFFFF; height:108px;}
.defaultContainer .default_3 .defaultContent p{ margin:0px; padding:2px 0px 0px 0px; font:11px tahoma; color:#425366; height:108px;}
.defaultContainer .default_4 .defaultContent p{ margin:0px; padding:2px 0px 0px 0px; font:11px tahoma; color:#425366; height:108px;}

ul.sssList{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul.sssList li{ list-style:none;}


.searchNumber { float:left; background-image:url(../_i/searchNumber_bg.gif); background-repeat:no-repeat; width:24px; height:19px; text-align:left; font:10px tahoma; color:#8F99AC; font-weight:bold; margin:0px 8px 0px 0px; }
.searchArea { background-color:#fff; margin:1px; padding:11px 11px 11px 11px; font:11px verdana; color:#8F99AC;}
.searchAreaBorder { border:1px solid #C1E2F0; width:648px; float:left; }
.sssDevam { text-align:right; padding:10px 0px 0px 0px;}
.searchContainer { margin:0px 0px 10px 0px; overflow:hidden; height:100%;}
.searchArea h5{ margin:0px; padding:0px 0px 17px 0px; font:12px tahoma; color:#223D71; font-weight:bold;}


.pageList { float:right; margin:0px 30px 0px 0px;}
.pageList ul{ margin:0px; padding:0px;}
.pageList ul li{ background-image:url(../_i/searchNumber_ara.gif); background-repeat:no-repeat; list-style:none; display:inline; margin:0px; padding:0px; background-position:0px 5px; padding:0px 0px 0px 5px;}
.pageList ul li a{ font:10px verdana; color:#8F99AC; text-decoration:none;}
.pageList ul li.pageListBorderNone{ background:none; background-image:none;}
.pageList ul li.selected a{ font-weight:bold; text-decoration:underline; }


.hideBox {	overflow:hidden;height:100%; background:#FFF; padding-bottom:50px;}
.faqStyle {	margin-top:0px;}

.faqStyle .faqItem { background:url(../_i/faq_closed.gif) no-repeat 10px 14px;	padding:10px 10px 10px 30px; margin-bottom:5px; overflow:hidden; height:100%; border:1px solid #D9ECF4;	width:640px; background-color:#ffffff;}
.faqStyle .faqItem.none {background:#ffffff url(../_i/faq_none.gif) no-repeat 10px 14px;}
.faqStyle a {color:#103993;	text-decoration:none;}
.faqStyle .faqItem .faqTitle {	display:block;	padding:5px 0px 5px 0px;}
.faqStyle .faqItem .faqContent {display:none;font-size:8pt;	color:#777A7D;	margin:0px 0px;	width:620px; padding:0px 0px 0px 0px; line-height:15px;}

.faqStyle .faqItem .faqContent ul.listSSS li{ margin:5px 0px 0px 0px; padding:0px 0px 0px 12px; background-image:url(../_i/hizmet_bullet_1.gif); background-repeat:no-repeat; background-position:0px 4px; list-style:none; line-height:14px; font-family:verdana; font-size:11px; color:#223D71; border:none; border:0px;}




.faqStyle .faqItem .faqContent ul{ margin:0px; padding:0px 0px 0px 0px;}
.faqStyle .faqItem .faqContent ul li{ margin:5px 0px 0px 0px; padding:0px 0px 5px 12px; background-image:url(../_i/hizmet_bullet_1.gif); background-repeat:no-repeat; background-position:0px 4px; list-style:none; line-height:14px; font-family:Tahoma; font-size:12px; color:#223D71; border-bottom:1px solid #DAE1E5;}

.faqStyle .faqItem .faqContent ul li a{ display:block; background-image:url(../_i/btn_izle.gif); background-repeat:no-repeat; background-position:center right; overflow:hidden; height:20px;}

.faqStyle .faqItem .faqContent ul li ul{ padding:2px 0px 2px 0px; margin:4px 0px 0px 0px; }
.faqStyle .faqItem .faqContent ul li ul li{ margin:5px 0px 5px 0px; padding:0px 0px 3px 12px; background-image:url(../_i/hizmet_bullet_2.gif); background-repeat:no-repeat; background-position:0px 5px; list-style:none; font-family:Tahoma; font-size:11px; color:#425366; line-height:16px; border-bottom:1px solid #DAE1E5;}

.faqStyle .faqItem .faqContent ul li ul li ul{ padding:2px 0px 2px 0px; margin:0px 0px 0px 0px;}
.faqStyle .faqItem .faqContent ul li ul li ul li{ margin:5px 0px 5px 0px; padding:0px 0px 3px 12px; background-image:url(../_i/hizmet_bullet_3.gif); background-repeat:no-repeat; background-position:0px 5px; list-style:none; font-family:Tahoma; font-size:11px; color:#425366; line-height:16px; border-bottom:1px solid #DAE1E5;}

.faqStyle .faqItem .faqContent ul li ul li.borderNone{border-bottom:0px solid #DAE1E5; border-bottom:none;}
.borderBottom{ border-bottom:1px solid #DAE1E5;}


.faqStyle .faqItem .faqContent p {}
.faqStyle .faqItem  .faqContent .wrapInner  {	margin:10px 0px;}
.faqStyle .faqItem.active{	background:#F2F3F4 url(../_i/faq_opened.gif) no-repeat 10px 14px;	padding:10px 10px 10px 30px;}
.faqStyle .faqItem.active .faqContent {	font-size:8pt;	color:#777A7D;}

.SubPageGorsel { float:right; padding:10px 30px 15px 15px;}

#InteractiveDemoMenuArea{
	display:block;
	margin:0px auto;
	width:950px;
}

#previewPane{
	background:url(../interaktif_demo/i/previewBg.gif) no-repeat center top;
	height:370px;		
	text-align:center;
	vertical-align:middle;
	position:relative;
	/* CSS HACK */
	height: 382px;	/* IE 5.x */
	height/* */:/**/370px;	/* Other browsers */
	height: /**/370px;
	overflow:hidden;
	display:none;
	margin:0px auto;
	width:798px;
			
}
#previewPane img{
	line-height:400px;
	text-align:center;
}
#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	font-style:italic;
	text-align:center;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	font-size:0.9em;
} 
#galleryContainer{
	font-weight:bold;
	height:107px;	/* Height of the images + 2 */
	position:relative;
	overflow:hidden;
	padding:1px;
	
	/* CSS HACK */
	height: 109px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/107px;	/* Other browsers */
	height: /**/107px;
			
}
#theImages #titTheImages{
	background:url(../interaktif_demo/i/tit_bar_bg.jpg) repeat-x;
	margin-bottom:9px;
	height:18px;
	text-align:left;
	color:#B7C4CA;
	font-size:11px;
	font-family:Arial;
	padding:0px 0px 0px 4px;
	font-weight:bold;
}
#theImages #titTheImages .bgOn{
	background:url(../interaktif_demo/i/tit_bar_bg_on.jpg) no-repeat;
	float:left;
	padding:2px 8px 1px 8px;
	margin:0px 8px 0px 0px;
	font-weight:bold;
}
	
#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
}
#arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
}
#theImages{
	position:absolute;
	height:107px;
	left:40px;
	width:100000px; 
	background-color:#4FBBE7;
	vertical-align:bottom;
	
	
	
}
#theImages #slideEnd{
	float:left;
}
#theImages a img{
	float:left;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	border:0px;
	border:4px solid #5EC8EB;
}
#theImages a{
	float:left;
	padding:0px 4px 0px 4px;
}

#waitMessage{
	display:none;
	position:absolute;
	left:200px;
	top:150px;
	background-color:#FFF;
	padding:4px;
	color:#555;
	font-size:0.9em;
	font-family:arial;	
}

#theImages .imageCaption{
	display:none;
}
.pics {  
	height:  350px;  
	width:   778px;  
	padding: 0;  
	margin:  0;
	text-align:center;  
	margin-top:10px;
} 

.pics img {  
    background-color: #BBC3CB;  
    width:  778px; 
    height: 350px; 
    top:  0; 
    left: 0 ;
	display:none;
	text-align:center;
} 

.demo_icMenuLeft{
	float:left;
	margin:0px;
	padding:0px;
	width:194px;
}
.demo_icMenuLeft img{
	vertical-align:top;
	margin:0px;
	padding:0px;
}
.demo_icMenuRight{
	float:left;
	margin:0px;
	padding:0px;
	width:180px;
}
.demo_icMenuRight img{
	margin:0px;
	padding:0px;
	vertical-align:top;

}

.pageList a { font:11px tahoma; color:#8F99AC; text-decoration:none; }
.pageList a.Selected{ font-weight:bold;}






