﻿
body
{
background:url('../design/bg_body.jpg') fixed center #94cde1; margin:0; padding:0; 
font-family:"Lucida Sans Unicode" !important;
font-size:11px !important;
color:#4c4c4c !important;
position:relative;
}

.main {width:980px; margin:auto auto;}
.main .mainHeader {width:980px; height:125px;margin-top:20px}
.main .mainHeader .Logo{width:160px; height:125px; float:left;}

.main .mainHeader .TopMenu{width:820px; height:35px; float:left;}
.main .mainHeader .TopMenu .Tools {width:600px; float:right;}
.main .mainHeader .TopMenu .Tools ul{padding:0; margin:0px; list-style-type:none; height:30px;}
.main .mainHeader .TopMenu .Tools ul li{float:left; }
.main .mainHeader .TopMenu .Tools ul li.Center{background:url('../design/bg_tools_center.png') repeat-x; width:570px; padding-top:5px; height:25px; }
.main .mainHeader .TopMenu .Tools ul li.Center .tips{font-size:10px; color:#7a7a7a; float:left; margin-right:5px; }
.main .mainHeader .TopMenu .Tools ul li.Center img.separator{float:left; margin:0 5px 0 5px}
.main .mainHeader .TopMenu .Tools ul li.Center a{float:left; display:block; color:#003c69; white-space:nowrap; margin:0 3px 0 3px; font-size:10px; }
.main .mainHeader .TopMenu .Tools ul li.Center a:hover {color:#ff0000;}
.main .mainHeader .TopMenu .Tools ul li.Center a img{float:left;}
.main .mainHeader .ExtraHeader{width:820px;height:25px;margin:0px;border:none;font-family:Trebuchet MS;font-size:15px;color:#3BA0E6;font-style:italic;text-align:center;float:left}

.main .mainHeader .MainMenu{width:820px; height:40px; margin-top:5px; float:left;}
.main .mainHeader .MainMenu .AnaMenu{width:820px;}
.main .mainHeader .MainMenu .AnaMenu ul{padding:0; margin:0px; list-style-type:none;}
.main .mainHeader .MainMenu .AnaMenu ul li{float:left;}
.main .mainHeader .MainMenu .AnaMenu ul li.Center{background:url('../design/bg_menu_center.png') repeat-x; width:790px; height:40px; }
.main .mainHeader .MainMenu .AnaMenu ul li.Center a{font-size:12px; background:url('../design/bg_menu_separator.png') right no-repeat; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; display:block; margin-top:5px; height:25px; padding:4px 8px 0px 8px; float:left;}
.main .mainHeader .MainMenu .AnaMenu ul li.Center a:hover {color:#000000; text-decoration:none;}

#iletisim-menu a{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; display:block; margin-top:2px; height:20px; padding:4px 10px 0px 10px; float:left;}
#iletisim-menu a:hover {color:#000000; text-decoration:none;}


.main .mainCenter{width:680px;}


/*.main .mainCenter .mainSlider {width:680px; height:305px;}*/

.main .mainCenter .mainFaq {width:680px; height:32px; margin:5px 0 5px 0; background:url('../design/bg_faq.png') no-repeat;}
.main .mainCenter .mainFaq .FaqTitle {width:157px; 
margin-right:5px; height:27px; float:left; padding:5px 0px 0px 20px; background:url('../design/bg_faq_arrow.png') right no-repeat;
}
.main .mainCenter .mainFaq .FaqBody{width:455px; margin-right:5px; height:25px; overflow:hidden; white-space:nowrap; padding:7px 0 0 0; float:left;}
.main .mainCenter .mainFaq .FaqBut{width:55px; float:left; text-align:center; height:25px; padding:5px 0 0 0;}
						   #Faq {position: relative; overflow: hidden; width: 100%; height: 18px; }     
						   #Faq_content { position: absolute;top: 0;left: 0; }  
						   #Faq a {  display: block; line-height:18px;  }  
 


.main .mainCenter .mainGroup {width:680px;}
.main .mainCenter .mainGroup ul{list-style-type:none; padding:0; margin:0}
.main .mainCenter .mainGroup ul li.one{float:left; width:250px; padding-right:10px;  background:url('../design/bg_group_separator.png') right no-repeat;}
.main .mainCenter .mainGroup ul li.two{float:left; width:170px; padding-left:10px; padding-right:10px; background:url('../design/bg_group_separator.png') right no-repeat;}
.main .mainCenter .mainGroup ul li.three {float:left; width:220px; padding-left:10px;}

.main .mainCenter .mainGroup ul li .GroupIco {width:40px; height:35px; float:left}
.main .mainCenter .mainGroup ul li .GroupTitle {height:30px; float:left; padding:5px 0 0 0;}
.main .mainCenter .mainGroup ul li .GroupImg {width:210px; height:90px; margin:0 0 10px 0; float:none; display:block; clear:both;}
.main .mainCenter .mainGroup ul li .GroupTxt {width:210px;  overflow:hidden;  text-align:justify; margin:10px 0 10px 0; float:none; display:block; clear:both;}
.main .mainCenter .mainGroup ul li .GroupLink {display:block; height:20px; width:100%; padding:3px 0 3px 0; float:none; display:block; clear:both; text-decoration:none; border-bottom:dotted 1px #cccccc;}
.main .mainCenter .mainGroup ul li .GroupLinkSmall {display:block; height:7px; width:100%; padding:3px 0 3px 0; float:none; display:block; clear:both; text-decoration:none; border-bottom:dotted 1px #cccccc;}
.main .mainCenter .mainGroup ul li .GroupLink img {float:left;}

.main .mainCenter .mainGroup ul li .Continued {color:#409bc9; text-decoration:none; display:block; width:210px; text-align:right;}
.main .mainCenter .mainGroup ul li .Continued:hover {color:#000000; text-decoration:none;}

.main .mainCenter .mainConTop{background:url('../design/bg_ic_top.png'); width:680px; height:15px;}
.main .mainCenter .mainConBot{background:url('../design/bg_ic_bot.png'); width:680px; height:15px;}
.main .mainCenter .mainContent{border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; padding:0 9px 0 9px; background:#ffffff; width:660px; }
.main .mainCenter .mainContent .mainNavBar {font-size:10px; color:#7cb610; border-bottom:solid 1px #e0e1e3; padding-bottom:10px; padding-top:5px; margin-bottom:10px;}
.main .mainCenter .mainContent .mainNavBar a{font-size:10px; color:#545454;}

.main .mainCenter .mainContent .PageTitle {font-size:25px; height:35px; letter-spacing:-1.0px; border-bottom:solid 1px #e0e1e3;}

.main .mainCenter .mainContent .PageContent {margin-top:10px; font-size:11px; color:#666666; line-height:23px;  text-align:justify;position:relative;}
.main .mainCenter .mainContent .PageContent .PageSeperator {background:url('../design/bg_seperator.png') no-repeat left center; line-height:normal; text-align:left; color:#9e9e9e; width:200px; padding-left:20px; float:right;height:auto; margin-left:15px; }
.main .mainRight{width:290px;}

.main .mainRight .BlueBox {width:270px; height:125px; padding:10px; margin-bottom:5px; background:url('../design/bg_bluebox.png') no-repeat; overflow:hidden; color:#ffffff;}
.main .mainRight .TabBox {width:290px; height:150px; margin-bottom:5px;  overflow:hidden; color:#ffffff;}							
														
							.BoxTitle {width:100%; display:block; float:none; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
							.TextBox {background:url('../design/bg_textbox_left.png') left no-repeat; height:28px; margin-top:3px; width:auto; padding-left:10px;}
							.TextBox div {background:url('../design/bg_textbox_right.png') right no-repeat; height:24px; padding-right:10px; padding-top:4px; display:block;}
							.TextBox div input {font-size:11px; width:99%; color:#175b84; border:none; background:transparent; padding:2px; height:20px; }
							.TextBox div select {font-size:11px; width:99%; color:#175b84; border:none; background:transparent; padding:2px; height:20px; }
							.RedButton {cursor:pointer; background:url('../design/bg_but_red.png') no-repeat; width:90px; height:33px; text-align:center; color:#ffffff; border:none; font-size:11px; font-weight:bold; padding:0; margin:0;}
							.RedButtonBig {cursor:pointer; background:url('../design/bg_but_red_big.png') no-repeat; width:130px; height:33px; text-align:center; color:#ffffff; border:none; font-size:11px; font-weight:bold; padding:0; margin:0;}
							.Bilgi {background:url('../design/bg_bilgi.png') no-repeat; width:261px; height:20px; padding-top:4px; text-align:center; margin:auto auto}
							.BilgiRed {background:url('../design/bg_bilgi_red.gif') no-repeat; width:261px; height:30px; padding-top:6px; text-align:center; margin:auto auto;color:White}
							.BilgiRed a{font-size:10px; color:#FFFFFF}
							.BilgiRed a:hover{color:#c0c0c0}
							.Bilgi a{font-size:10px; color:#000000}
							.Bilgi a:hover{color:#ffffff}
							.mainMiktar {font-size:14px; font-weight:bold; padding-top:5px;}
.Kampanyalar {margin-bottom:10px;}
.Kampanyalar a{background:url('../design/bg_ic_kampbut.png'); width:280px; height:25px; font-weight:bold; color:#414141; padding:5px 0 0 10px; margin-bottom:2px; display:block;}
.Kampanyalar a:hover{color:#409bc9}


.BankNo {width:175px; height:50px; padding:5px 10px 10px 70px; background:url('../design/bg_banka.png') no-repeat; margin-bottom:5px;}
.EskiBagis {width:175px; height:50px; padding:5px 10px 10px 70px; background:url('../design/bg_eskibagis.png') no-repeat; margin-bottom:5px;}
.BankMevlana {width:175px; height:50px; padding:5px 10px 10px 70px; background:url('../design/bg_banka.png') no-repeat; margin-bottom:5px;}


.main .mainRight .News {width:270px; padding:0 10px 10px 10px; height:220px; background:url('../design/bg_news_bot.png') no-repeat bottom;}
.main .mainRight .News .Content {height:60px; padding:10px 0 10px 0; border-bottom:dotted 1px #cccccc;}
.main .mainRight .News .Content .Picture {float:left; width:80px; height:55px; overflow:hidden; background:#ffffff; padding:1px; border:solid 1px #c6c6c6; margin-right:7px;}
.main .mainRight .News .Content .Date {font-size:10px; color:#9c9c9c;}
								.OtherNews {color:#409bc9;}
								
.main .mainFooter {height:40px; width:980px; padding:10px 0 10px 0; float:none; display:block; clear:both; margin-top:20px; border-bottom:solid 1px #cccccc; border-top:solid 1px #cccccc}
.main .mainFooter .AltMenu {color:#808080; line-height:20px; font-size:10px}

.main .mainSponsor {height:100px; padding-top:20px; width:980px; float:none; text-align:center; display:block; clear:both;}
/*-------------------------------------------------------------------------
=GENEL AYARLAR
-------------------------------------------------------------------------*/
.floatNone { float:none }
.floatLeft { float:left }
.floatRight { float:right }
.floatCenter{ margin: auto auto }
.clearBoth { clear:both }
.noBg { background:none !important }
.noMargin { margin:0 !important }
.noPadding { padding:0 !important }
.noBorder { border:0 !important }
.displayNone { display:none !important }
.displayBlock { display:block !important }
.left { text-align:left }
.center { text-align:center }
.right { text-align:right }
.border {border:solid 1px #e3e3e3; padding:2px; background:#ffffff;}
.marginLeft {margin-left:10px;}
.marginRight {margin-right:10px;}
hr {height:1px; color:#e3e3e3;}
/*-------------------------------------------------------------------------
=FORMLAR
-------------------------------------------------------------------------*/
form {margin:0; padding:0}
.BagisFormu {border:solid 1px #D2D2D2; padding:5px; color:#515151;position:relative;height:auto;width:auto; }
.BagisFormu legend {	color:#C91026; font-size:12px; font-weight:bold; }
.BagisFormu label em{	color:#d80600; font-style:normal; font-weight:normal; font-size:10px;}
.BagisFormu .input1{	background:#f5f8f5; border:solid 1px #d1e2d1;  font-size:11px; padding:5px; margin-bottom:5px;}

.BagisFormu .input1.Hata{background:red; border:dotted 1px #aa0000;color:White;}
.BagisFormu  select.Hata{background:red; border:dotted 1px #aa0000;color:White;}

.BagisFormu  label.Hata{position:absolute;top:0;left:0;padding:2px;}
.BagisFormu  td {position:relative;}


.BagisFormu2 {border:solid 1px #D2D2D2; padding:5px; color:#515151;position:relative;height:auto;width:auto; }
.BagisFormu2 legend {	color:#C91026; font-size:14px; font-weight:bold; }
.BagisFormu2 label em{	color:#d80600; font-style:normal; font-weight:normal; font-size:10px;}
.BagisFormu2 .input1{	background:#f5f8f5; border:solid 1px #d1e2d1;  font-size:11px; padding:5px; margin-bottom:5px;}

.BagisFormu2 .input1.Hata{background:red; border:dotted 1px #aa0000;color:White;}
.BagisFormu2  select.Hata{background:red; border:dotted 1px #aa0000;color:White;}

.BagisFormu2  label.Hata{position:absolute;top:0;left:0;padding:2px;}
.BagisFormu2  td {position:relative;}


.Hata{	padding:5px; background:#faf4f4; border:dotted 1px #aa0000;  font-size:10px; color:#d80600;}
.Hata2{	padding:5px; background:#faf4f4; border:dotted 1px #aa0000;  font-size:10px; color:#d80600;}

/*-------------------------------------------------------------------------
=GENEL LİNKLER
-------------------------------------------------------------------------*/
a { color:#424242; text-decoration:none }
a:hover { color:#ff0000; text-decoration:none}
a img {border:none;}

a.white {color:#ffffff; text-decoration:none}
a.white:hover {color:#000000; text-decoration:none}

a.altmenu {color:#808080; font-size:10px;}
a.altmenu:hover {color:#000000; text-decoration:underline;}

a.mavi {color:#409bc9; text-decoration:none; font-size:10px;}
a.mavi:hover {color:#000000; text-decoration:underline;}
.pdfDoc 
{
	background:url('../design/PDF_ICO.gif') left top no-repeat; padding-left: 20px;
}
.WordDoc 
{
	background:url('../design/WORD_ICO.gif') left top no-repeat; padding-left: 20px;
}

.ExcelDoc 
{
	background:url('../design/EXCEL_ICO.gif') left top no-repeat; padding-left: 20px;
}

.AktifSayfa{	font-weight:bold; color:#bb0202;  }

/*-------------------------------------------------------------------------
=BAŞLIKLAR
-------------------------------------------------------------------------*/
h1, h2, h3, h4 { font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#424242}
h1 { font-size:21px }
h2 { font-size:28px; color:#076478}
h3 { font-size:16px; color:#076478}
h5 { font-size:14px; color:#c8050e}
h5 a{ font-size:14px; color:#c8050e}
h6 {margin:0; padding:0;}

/*-------------------------------------------------------------------------
=SIFR
-------------------------------------------------------------------------*/
@media screen {
	.sIFR-flash { visibility:visible !important; margin:0; padding:0 }
	.sIFR-replaced, .sIFR-ignore { visibility:visible !important }
	.sIFR-alternate { overflow: hidden; position:absolute; left:0; top:0; display:block; width:0; height:0 }
	.sIFR-replaced div.sIFR-fixfocus { float:none; overflow:auto; margin:0pt; padding:0pt; letter-spacing:0px }
	
	.sIFR-active div.GroupTitle h6{ visibility:hidden; white-space:nowrap; display:block; width:100%; color:#ff0000; font-size:14px}
	.sIFR-active div.FaqTitle h6{ visibility:hidden; white-space:nowrap; display:block; width:100%; color:#ff0000; font-size:14px}
	.sIFR-active div.News h6{ visibility:hidden; white-space:nowrap; display:block; width:100%; color:#ff0000; padding:0; margin:0; font-size:14px}
	.sIFR-active div.BankNo p{ visibility:hidden; white-space:nowrap; display:block; width:100%; color:#ff0000; padding:0; margin:0; font-size:14px}
	.sIFR-active div.EskiBagis p{ visibility:hidden; white-space:nowrap; display:block; width:100%; color:#ff0000; padding:0; margin:0; font-size:14px}
	.sIFR-active div.BankMevlana p{ visibility:hidden; white-space:nowrap; display:block; width:100%; color:#ff0000; padding:0; margin:0; font-size:14px}
	.sIFR-active div.PageTitle h6{ visibility:hidden; white-space:nowrap; color:#ff0000; padding:0; margin:0; font-size:25px}
	.sIFR-active div.PageContent h6 { visibility:hidden; white-space:nowrap; color:#3ba2d2; padding:0; margin:0; font-size:20px}
}


.formTable {width:400px; line-height:14px;position:relative;}
.formTable em{	color:#d80600; font-style:normal; font-weight:normal; font-size:10px;}
.formTable .ToplamTutar {	color:#d80600; font-weight:bold; font-size:22px;}
.formTable .ParaBirimi {	color:#d80600; font-size:12px;}
.formTable td {	position:relative;}
.Uyari{	padding:5px; background:#faf4f4; border:dotte}
.BagisSepet th {background:url('../design/bg_sepet_th.png') repeat-x; height:30px; color:#000000; font-size:12px; text-align:center; border:solid 1px #9fdefa}
.BagisSepet td {border:solid 1px #d5e5eb; padding:3px; background:#f7f7f7; height:12px;}
.BagisSepet td .input2{border:solid 1px #dbdbdb;font-size:11px; width:30px; text-align:center;}

.RedButton2 {cursor:pointer; background:url('../design/bg_redbutton2.png') repeat-x; height:25px; text-align:center; border:none; padding:0 4px 0 4px; color:#ffffff}
.BlueButton {cursor:pointer; background:url('../design/bg_bluebut.png') repeat-x; height:25px; text-align:center; border:none; padding:0 4px 0 4px; color:#ffffff}
.GrayButton {cursor:pointer; background:url('../design/bg_graybut.png') repeat-x; height:25px; text-align:center; border:none; padding:0 4px 0 4px; color:#ffffff}
.GreenButton {cursor:pointer; background:url('../design/bg_greenbut.png') repeat-x; height:25px; text-align:center; border:none; padding:0 4px 0 4px; color:#ffffff}

.ToplamTutar {font-size:13px; font-weight:bold; color:#000000;}
.ToplamTutar em{font-size:13px; font-weight:bold; font-style:normal; color:#ff0000;}

.DagitimTable {width:342px; 
background:#eef6ff; border-collapse:collapse;border:solid 1px #d5e5eb
}
.DagitimTable .input3{background:#f5f8f5; border:solid 1px #d1e2d1;  font-size:10px; padding:2px; margin-bottom:2px; margin-top:2px;}

