@charset "iso-8859-9";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0px;
	padding:0px;
}
table {
	border-collapse:collapse;
	border-spacing:0px;
}
fieldset,img { 
	border:0px;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	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:0px;
}
body{
	background:#fff url(../images/arkaplan.jpg) no-repeat center top;
	/*background:#00adef url(../images/arkaplan.jpg) repeat-x left top;*/
	font:normal 12px Arial;
	color:#000000;
}
h2{
	font:bold 14px Arial;
	padding:13px 0px 0px 10px;
	clear:both;
}
h3{
	font:normal 20px Verdana;
	color:#025f9e;
	padding:8px 0px 0px 20px;
}
#ana_div{
	margin:0px auto;
	width:969px;
	margin:auto;
	height:660px;
	overflow:hidden;
}

/*
#ana_div_
{
	float:left;
	width:85px;
	height:660px;
	background:url(../images/ana_div_sol_arkaplan.gif) no-repeat left top;
}
#ana_div_sag{
	float:left;
	width:66px;
	height:660px;
	background:url(../images/ana_div_sag_arkaplan.gif) no-repeat left top;
}
*/
#ana_div_orta_ust{
	float:left;	
	width:969px;
	height:65px;
}

#ana_div_orta_ust_sol{
	float:left;
	width:210px;
	height:65px;
}

#ana_menu_div{
	float:left;
	width:640px;
	height:65px;
	overflow:hidden;
}
ul#ana_menu{
	float:left;
	width:640px;
	height:65px;
	position:relative;
	list-style:none;
}

ul#ana_menu li{
	list-style:none;
	position:absolute;
}

ul#ana_menu li a{
	display:block;
	height:65px;
	position:relative;
}

ul#ana_menu li a {
   text-indent: -9999px;
   text-decoration: none;
}

#kartlar a{
	width:99px;
	background:url(../images/ana_menu.gif) no-repeat 0px 0px;
}
#taksit_ve_chippara a{
	width:133px;
	background:url(../images/ana_menu.gif) no-repeat -99px 0px;
}
#kampanyalar a{
	width:103px;
	background:url(../images/ana_menu.gif) no-repeat -232px 0px;
}
#taksit_urunleri a{
	width:111px;
	background:url(../images/ana_menu.gif) no-repeat -335px 0px;
}
#hizmetler a{
	width:85px;
	background:url(../images/ana_menu.gif) no-repeat -449px 0px;
}
#basvuru a{
	width:118px;
	background:url(../images/ana_menu.gif) no-repeat -516px 0px;
}
#kartlar{ left:0px;}
#taksit_ve_chippara{ left:99px;}
#kampanyalar{ left:232px;}
#taksit_urunleri{ left:335px;}
#hizmetler{ left:449px;}
#basvuru{ left:516px;}
/*Secili*/
#kartlar a.secili{
	width:99px;
	background:url(../images/ana_menu.gif) no-repeat 0px -65px;
}
#taksit_ve_chippara a.secili{
	width:133px;
	background:url(../images/ana_menu.gif) no-repeat -99px -65px;
}
#kampanyalar a.secili{
	width:103px;
	background:url(../images/ana_menu.gif) no-repeat -232px -65px;
}
#taksit_urunleri a.secili{
	width:111px;
	background:url(../images/ana_menu.gif) no-repeat -335px -65px;
}
#hizmetler a.secili{
	width:85px;
	background:url(../images/ana_menu.gif) no-repeat -449px -65px;
}
#basvuru a.secili{
	width:118px;
	background:url(../images/ana_menu.gif) no-repeat -516px -65px;
}
/*Hover*/
#kartlar a:hover{
	width:99px;
	background:url(../images/ana_menu.gif) no-repeat 0px -65px;
}
#taksit_ve_chippara a:hover{
	width:133px;
	background:url(../images/ana_menu.gif) no-repeat -99px -65px;
}
#kampanyalar a:hover{
	width:103px;
	background:url(../images/ana_menu.gif) no-repeat -232px -65px;
}
#taksit_urunleri a:hover{
	width:111px;
	background:url(../images/ana_menu.gif) no-repeat -335px -65px;
}
#hizmetler a:hover{
	width:85px;
	background:url(../images/ana_menu.gif) no-repeat -449px -65px;
}
#basvuru a:hover{
	width:118px;
	background:url(../images/ana_menu.gif) no-repeat -516px -65px;
}
/*Ana menu Sonu*/
#logo{
	float:left;
	width:85px;
}

#ana_div_orta{
	float:left;
	width:969px;
	height:660px;
    background:url(../images/ana_div_orta_arkaplan.jpg) no-repeat left 65px;
}

#icerik_alani{
	float:left;
	width:969px;
	height:535px;
	position:relative;
	float:left;
	z-index:1;
}
#icerik_alani_sol{
	float:left;
	width:214px;
	height:468px;
	overflow:hidden;
	position:relative;
	z-index:2;
}

* html #icerik_alani_sol{
	background:url(../images/orta_alan_arkaplan.jpg) no-repeat 0px 0px;
}
	
	
#icerik_alani_sol_kart{
	width:214px;
	height:234px;
	float:left;
	margin-top:228px;

}

#icerik_alani_sag{
	float:left;
	width:141px;
	height:468px;
	position:relative;
	z-index:2;
	}
* html #icerik_alani_sag{
	width:126px;
	}


#chip_para{
	width:89px;
	height:157px;
	margin:0px 30px 0px 0px;
	float:right;
	overflow:hidden;
	/*border:solid 1px #FFF;*/
}

* html #chip_para{
	margin-right:15px;	
}
#anlasmali_alisveris_noktalari{
	float:left;
	width:190px;
	height:148px;
	position:relative;
	z-index:10001;
	margin-top:157px;
	margin-left:-74px;
}
* html #anlasmali_alisveris_noktalari{
	margin-left:-84px;}

#icerik_alani_orta{
	float:left;
	width:613px;
	height:424px;
}
#icerik_alani_orta_ust{
	float:left;
	width:610px;
	height:75px;
	position:relative;
	z-index:2;
}
#citiaxess_anasayfa{
	float:left;
	width:425px;
	height:40px;
	margin:0px 0px 0px 40px;
}
* html #citiaxess_anasayfa{
	margin-left:15px;
}
#hemen_basvurun{
	width:108px;
	height:81px;
	float:right;
	margin:-7px 27px 0px 0px;
	/*overflow:hidden;*/
	position:relative;
	z-index:100;
}
#icerik_alani_orta_alt{
	width:536px;
	height:372px;
	float:left;
	background:url(../images/orta_alan_arkaplan.png) no-repeat 0px 0px;
	margin:-61px 0px 0px -91px; 
	padding:71px 55px 0px 113px;
	overflow:hidden;

}
* html #icerik_alani_orta_alt{
	/*margin-top:-61px;*/
}

#icerik{
	float:left;
	width:536px;
	height:372px;
	position:relative;
	z-index:50;
}

#icerik p{
	padding-left:10px;
	padding-top:13px;
	padding-right:15px;
	clear:both;
}

p.dipnot{
	font:normal 10px Arial;
	color:#b0b0b0;
}
p.mavi{
	color:#025f9e;
	font-size:12px;
}
p.px11{
	font-size:11px;
}

#icerik ul{
	padding-top:10px;
}
/*
#icerik ul li{
	background:url(../images/altsayfa/icerik_ul_li_liste.gif) no-repeat 18px 9px;
	padding:3px 0px 0px 28px;
}
*/
#icerik ul li{
	background:url(../images/altsayfa/site_haritasi_liste_arkaplan.gif) no-repeat 11px 8px;
	padding:5px 10px 0px 27px;
	font-size:12px;
}
#icerik div.linkler{
	width:545px;
	float:left;
}
#icerik div.linkler p {
	/*background:url(../images/altsayfa/icerik_ul_li_liste.gif) no-repeat 18px 9px;*/
	padding:3px 0px 0px 28px;
	float:left;
}

#icerik div.linkler span {
	/*background:url(../images/altsayfa/icerik_ul_li_liste.gif) no-repeat 18px 9px;*/
	padding:10px 10px 0 0px;
	float:left;
}

#icerik a{
	color:#025f9e;
	text-decoration:none;
}
#neredeyim{
	float:left;
	width:410px;
	height:22px;
	margin-top:10px;
	margin-left:10px;
	/*padding:0px 0px 0px 10px;*/
	font:normal 11px Arial;
	color:#FFF;
	z-index: 2;
}
#neredeyim a{
	text-decoration:none;
	font:normal 11px Arial;
	color:#FFF;
}
#neredeyim a:hover{
text-decoration:underline;
	font:normal 11px Arial;
	color:#FFF;
}
#neredeyim span{
	float:left;
	height:12px;
	text-align:right;
	background:url(../images/altsayfa/neredeyim_liste_arkaplan.gif) no-repeat right 5px;
	padding-right:8px;	
	margin-right:5px;
}
#icerik div.baslik{
	float:left;
	width:530px;
	height:36px;
	padding:10px 0px 0px 10px;
	background:url(../images/baslik_arkaplan.gif) no-repeat left top;
	color:#2e73b3;
	font:normal 22px Verdana;
}
#orta_alan_alt_kapsul{
	width:523px;
	height:35px;
	float:left;
	margin:14px 0px 0px 4px;
	background:url(../images/altsayfa/orta_alan_alt_kapsul_arkaplan.png) no-repeat left top;
	font-size:11px;
	line-height:35px;
	padding-left:9px;
}
* html #orta_alan_alt_kapsul{
	margin-left:2px;
}

#icerik_alani_alt{
	float:left;
	width:970px;
	height:57px;
	color:#FFFFFF;
	padding-top:5px;
}
#icerik_alani_alt p.baslik{
	font:bold 12px Verdana, Arial;
}
#icerik_alani_alt_haberler{
	float:left;
	width:271px;
	height:57px;
	padding:0px 0px 0px 38px;
	background:url(../images/haberler_arkaplan.gif) no-repeat right 9px;
}
#icerik_alani_alt_haberler ul li a{
	font:normal 11px/18px Arial;
	padding-left:9px;
	background:url(../images/haberler_li.gif) no-repeat 0px 8px;
	text-decoration:none;
	color:#FFFFFF;
}
#icerik_alani_alt_kampanya{
	float:left;
	width:486px;
	height:57px;
	padding:0px 0px 0px 32px;
}
#icerik_alani_alt_kampanyalar{
	float:left;
	height:39px;
	margin:2px 0px 0px 1px;
}
#icerik_alani_alt_kampanyalar div{
	float:left;
	margin-right:8px;

}
.kampanyalar_aciklama{
	position:absolute;
	z-index:100;
	width:73px;
	height:27px;
	display:none;
	margin:-52px 0px 0px 15px;
}
.kampanyalar_aciklama img{
	position:absolute;
	z-index:101;
}
.kampanyalar_aciklama_yazi{
	position:absolute;
	z-index:103;
	line-height:16px;
	color:#0e82d6;
	font:normal 11px Arial;
	padding:2px 0px 0px 5px;
}
#guvenli_alisveris{
	float:right;
	width:43px;
	height:51px;
	margin:6px 21px 0px 0px;
}
#ana_div_orta_alt{
	float:left;
	width:969px;
	height:60px;
}

#alt_kisim{
	float:right;
	width:550px;
	height:20px;
	padding:3px 5px 0px 0px;
	font-size:11px;
	text-align:right;
}

#alt_kisim a{
	text-decoration:none;
	color:#000000;
}



/* ------------- scroll ----------------*/
			
.scroll-pane {
	width: 595px;
	overflow: auto;
	float: left;
	height: 335px; /*scroll alanı yüksekliği*/
	padding-right:5px;

}

* html .scroll-pane{
	width:595px;/*606*/
	padding-right:4px;
}	
/* IE7 Only */
*:first-child+html .scroll-pane{
width: 595px;
	padding-right:5px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 10000;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 250px!important;
	margin-left:5px;
	padding:5px 0px;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(../images/altsayfa/scroll_drag.gif) no-repeat top left;/*.gif i de var*/
	cursor: pointer;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*---------------------------- scroll --------------*/
#icerik table.geri_odeme{
	margin:10px 0px 0px 10px;
	border-collapse:inherit;
	border-spacing:2px;
}
#icerik table.geri_odeme tr.baslik td{
	font-weight:bold;
	background-color:#3399cc;
	color:#ffffff;
}
#icerik table.geri_odeme tr td.baslik{
	font-weight:bold;
	background-color:#3399cc;
	color:#ffffff;
}
#icerik table.geri_odeme tr	td{
	background-color:#d6ebf5;
	/*border:solid 1px #ffffff;*/
	text-align:center;
	height:26px;
}
#icerik table.solayasla tr	td{
	text-align:left;
	padding-left:10px;
}
/* Taksit_urunleri alt menu baslangıcı*/

#taksit_urunleri_menu_div{
	float:left;
	width:850px;
	height:24px;
	overflow:hidden;
	margin:18px 0px 0px 20px;
}



ul#taksit_urunleri_menu{
	position:relative;
	list-style:none;
	float:left;
	width:436px;
	height:24px;
}
ul#taksit_urunleri_menu li{
	list-style:none;
	position:absolute;
}
ul#taksit_urunleri_menu li a{
	position:relative;
	display:block;
	height:23px;
}
#sonradan-taksit a{
	width:136px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat 0px 0px;
}
#aktif_limit a{
	width:100px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat -136px 0px;
}
#borc_transferi a{
	width:105px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat -237px 0px;
}
#ekstra_nakit a{
	width:90px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat -341px 0px;
}
#sonradan-taksit { left:0px;}
#aktif_limit{ left:136px;}
#borc_transferi{ left:236px;}
#ekstra_nakit{ left:341px;}

#sonradan-taksit a.secili{
	width:136px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat 0px -24px;
}
#aktif_limit a.secili{
	width:100px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat -136px -24px;
}
#borc_transferi a.secili{
	width:105px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat -237px -24px;
}
#ekstra_nakit a.secili{
	width:90px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat -341px -24px;
}

#sonradan-taksit a:hover{
	width:136px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat 0px -24px;
}
#aktif_limit a:hover{
	width:100px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat -136px -24px;
}
#borc_transferi a:hover{
	width:105px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat -237px -24px;
}
#ekstra_nakit a:hover{
	width:90px;
	background:url(../images/altsayfa/taksit_urunleri_alt_menu.jpg) no-repeat -341px -24px;
}


	
* html div.yatay_ayrac{
	padding:0px 0px;
	margin:1px 0px 0px 5px;
}

#icerik_alt{
	float:left;
	width:523px;
	margin-left:10px;
	border-top:solid 1px #ccdfec;
}
* html #icerik_alt{
	margin-left:5px;
}
#icerik_alt p.liste{
	background:url(../images/altsayfa/icerik_alt_liste.gif) no-repeat 10px 19px;
	padding-left:19px;
}
#icerik_sol{
	width:258px;
	padding:0px 0px 0px 0px;
	float:left;
	background:url(../images/altsayfa/dikey_ayrac.gif) no-repeat right 15px;
	height:auto;
} 

#icerik_sag{
	width:265px;
	float:left;
}

/*Alt menuler*/
.alt_menu{
	float:left;
	height:24px;
	overflow:hidden;
}
/*kartlar*/
li#klasik_kart{width:84px;}
li#gold_kart{	width:75px;}
li#platinum_kart{	width:94px;}
li#ek_kart{width:63px;}

/*taksit ve chip para*/
li#chip-para_kullanim_secenekleri{width:206px;}
li#anlasmali_alisveris_noktalari_{width:191px;}
li#kampanyalar_{width:98px}

/*hizmetler*/
li#kolay_yasam{width:98px;}
li#sicak_ikramlar{width:105px;}
li#alisveris_sigortasi{width:125px;}
li#seyehat_sigortasi{width:125px;}
li#fatura_odemeleri{width:123px;}
li#kredi_sigortasi{width:220px;}
li#citibank_aklimda{width:120px;}

/*Basvuru*/
li#kredi_karti_basvuru_formu{width:244px;}
li#ek_kart_basvuru_formu{ width:155px;}
li#aktif_limit_basvuru_formu{ width:175px;}
li#borc_transferi_basvuru_formu{ width:200px;}
li#kredi_karti_kredi_sigortasi_formu{ width:223px;}

/*alt Menuler bitti*/

/*Site Haritası*/

#icerik .site_haritasi_kolon{
	float:left;
	width:178px;
}

#icerik .site_haritasi_kolon .kapsul{
	float:left;
	width:178px;
	padding-top:7px;
	height:108px;
}

#icerik .site_haritasi_kolon .kapsul ul{
	padding-top:0px;}

#icerik .site_haritasi_kolon h6{
	background:url(../images/altsayfa/site_haritasi_baslik_Arkaplan.gif) no-repeat left top;
	padding-left:39px;
	width:139px;
	font:bold 13px/27px Verdana;
	color:#2e73b3;
}

#icerik .site_haritasi_kolon ul li{
	background:url(../images/altsayfa/site_haritasi_liste_arkaplan.gif) no-repeat 11px 7px;
	padding:5px 10px 0px 27px;
	font-size:11px;
}
/*Site haritası bitti*/


#hızmet_urunleri_menu_div{

	margin: 0;
	clear: right;
	height: 23px;
	margin-left:10px;
	margin-top:17px;
	width:950px;
	display:inline-block;
	
}


	
#Menu {
	margin:0;
	padding:0;
}

#Menu a {
	text-decoration: none;
}

#Menu li { 
	margin: 0;
	float: left;
	display: block;
	list-style:none
}

#Menu li a {
	display: block;
	padding: 0 0 0 0px;
	margin:0;
	height:23px;
}


	#kolay-yasam a
	{position: relative;
	display:inline-block;
	float:left;
	width:92px;
	height:23;
	background: url(../images/altsayfa/menu_hizmetler.gif) no-repeat; 
	}
	
	#citi-world-privileges a
	{position: relative;
	display:inline-block;
	width:132px;
	height:23;float:left;
	background: url(../images/altsayfa/menu_hizmetler.gif) no-repeat; 	
	}
	
	#sicak-ikramlar a
	{position: relative;
	display:inline-block;
	width:98px;
	height:23;float:left;
	background: url(../images/altsayfa/menu_hizmetler.gif) no-repeat; 
	}
	#alis-veris-sigortasi a
	{position: relative;
	display:inline-block;
	width:119px;
	height:23;float:left;
		background: url(../images/altsayfa/menu_hizmetler.gif) no-repeat; 
	}
	#seyahat-sigortasi a
	{position: relative;
	display:inline-block;
	width:118px;
	height:23;float:left;
	background: url(../images/altsayfa/menu_hizmetler.gif) no-repeat; 
	}
	#fatura-odemeleri a
	{position: relative;
	display:inline-block;
	width:124px;float:left;
	height:23;
	background: url(../images/altsayfa/menu_hizmetler.gif) no-repeat; 
	}
	#kart-borcum-guvende a
	{position: relative;
	display:inline-block;float:left;
	width:145px;
	height:23;
	background: url(../images/altsayfa/menu_hizmetler.gif) no-repeat; 	
	}
	#citibank-aklimda a
	{position: relative;float:left;
	display:inline-block;
	width:111px;
	height:23;
	background: url(../images/altsayfa/menu_hizmetler.gif) no-repeat; 	
	}
	
	
	#kolay-yasam a
	{ 
	background-position: -2px 0;
	}
	
	#citi-world-privileges a
	{
	background-position: -94px 0;
	}
	
	#sicak-ikramlar a
	{
	background-position: -228px 0;
	}
	#alis-veris-sigortasi a
	{
	background-position: -326px 0;
	}
	#seyahat-sigortasi a
	{
	background-position: -447px 0;
	}
	#fatura-odemeleri a
	{
	background-position: -564px 0;
	}
	#kart-borcum-guvende a
	{
	background-position: -688px 0;
	}
	#citibank-aklimda a
	{
	background-position: -833px 0;
	}
	
	
	
	
	#kolay-yasam.on a
	{ 
	background-position: -2px 100%;
	}
	
	#citi-world-privileges.on a
	{
	background-position: -94px 100%;
	}
	
	#sicak-ikramlar.on a
	{
	background-position: -228px 100%;
	}
	#alis-veris-sigortasi.on a
	{
	background-position: -326px 100%;
	}
	#seyahat-sigortasi.on a
	{
	background-position: -447px 100%;
	}
	#fatura-odemeleri.on a
	{
	background-position: -564px 100%;
	}
	#kart-borcum-guvende.on a
	{
	background-position: -688px 100%;
	}
	#citibank-aklimda.on a
	{
	background-position: -833px 100%;
	}
	
	
	
	#kolay-yasam a:hover
	{ 
	background-position: -2px 100%;
	}
	
	#citi-world-privileges a:hover
	{
	background-position: -94px 100%;
	}
	
	#sicak-ikramlar a:hover
	{
	background-position: -228px 100%;
	}
	#alis-veris-sigortasi a:hover
	{
	background-position: -326px 100%;
	}
	#seyahat-sigortasi a:hover
	{
	background-position: -447px 100%;
	}
	#fatura-odemeleri a:hover
	{
	background-position: -564px 100%;
	}
	#kart-borcum-guvende a:hover
	{
	background-position: -688px 100%;
	}
	#citibank-aklimda a:hover
	{
	background-position: -833px 100%;
	}