body{word-break: normal; word-wrap: normal;margin: 0px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 11px; color: #40a6c1; overflow-y: scroll}
.bGroundHome{background: url(bg.png) repeat-x;}
.bGroundSub{background: url(bGroundSub.png) repeat-x;}

img{border: none}
p{}
p a {}
p a:hover{text-decoration: none; color: #f8891d}

a{text-decoration: none; color: #0088ac}
a:hover{text-decoration: underline; color: #f8891d}
a:active{}
a:visited{}

h1{padding: 0px; margin: 0px}
h2{padding: 0px; margin: 0px}
h3{padding: 0px; margin: 0px}
h4{padding: 0px; margin: 0px}
h5{padding: 0px; margin: 0px}
h6{padding: 0px; margin: 0px}

table{border: solid 1px #ccc}
th{font-size: 11px; height: 22px; background-color: #ccc; padding: 2px 5px 2px 10px; font-weight: bold; text-align: left}
td{font-size: 11px; height: 22px;padding: 2px 5px 2px 10px; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 1px #ccc}

table.borderless{border: none}
table.borderless td{border-bottom: none; border-left: none; border-right: none}

.clear{font-size: 1px; height: 10px; clear: both}

#wrapper{width:100%; height: 100%; float: left;}
#container{width:980px; height: 100%; margin:0px auto;}

#header{width: 100%}

#header #logo{z-index: 1005}
#header #shortcuts{position: absolute; top: 16px; padding-left: 100px; margin-left:592px}
#header #shortcuts .miniMenuItem{background: url(topmenu.png); height: 32px; float: left}
#header #shortcuts .miniMenuItemen{background: url(topmenu-tr.png); height: 32px; float: left}
#header #shortcuts #home{width: 55px}
#header #shortcuts #home:hover{background-position: 0px -33px}
#header #shortcuts #siteMap{width: 68px; background-position: -55px 0px;}
#header #shortcuts #contact{width: 45px; background-position: -123px 0px;}
#header #shortcuts #english{width: 44px; background-position: -168px 0px;}
#header #shortcuts #siteMap:hover{width: 68px; background-position: -55px -33px;}
#header #shortcuts #contact:hover{width: 45px; background-position: -123px -33px;}
#header #shortcuts #english:hover{width: 44px; background-position: -168px -33px;}
/* These styles create the dropdown menus. */

#header #menu{margin: 1px 0px 0px 8px; font-weight: 600; padding: 0px; height: 32px}
#header #menu ul{margin: 0px; padding: 0px}
#header #menu li{font-size: 11px; list-style: none; float: left; border-right: solid 1px #cbd8e2; border-left: solid 1px #fff}
#header #menu .first{border-left: none}
#header #menu .last{border-right: none}
#header #menu li a{display: block;height: 16px; padding: 10px 10px 6px 10px;color: #0088ac;text-decoration: none}
#header #menu li a:hover{text-decoration: none; color: #fff; background-color: #0088ac}

#header #menu li ul{
	position: fixed;
	z-index: 1006;
	background-color: #40a6c1;/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a6c1', endColorstr='#006d8a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#40a6c1), to(#006d8a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #40a6c1,  #006d8a); /* for firefox 3.6+ */ 
	display: none;
}

#header #menu #primary li:hover .sub, #header #menu #primary li.hover .sub{display: block; position: absolute; margin: 0px 0px 0px 0px;padding: 0px}
#header #menu #primary li:hover .sub-leaf, #header #menu #primary li.hover .sub-leaf{float: none;border-top: 1px solid #80b4c2;}
#header #menu #primary li:hover .sub-leaf a, #header #menu #primary li.hover .sub-leaf a{font-size: 11px;font-weight: 600;color: #fff;height: 12px;padding: 8px 20px 8px 20px;background-color: none}
#header #menu #primary li .sub li{border: none}
#header #menu #primary li .sub .first{padding-top: 0px; border-top: solid 1px #1d574d}
#header #menu #primary li .sub .last{padding-bottom: 5px;}
#header #menu #primary li .sub a:hover {color: #a4e7f9; background-color: transparent;}

#header #menu .main-menu-branch{display: none; float: left; margin-top: -32px; position: relative}
#header #menu .main-menu-branch li{height: 26px; padding: 0px 0px 3px 0px; text-decoration: none; float: none}
#header #menu .main-menu-branch li a{color: #0088ac; text-decoration: none; clear: both}

#content{min-height: 320px;}

#content #showcase #highlights{width: 980px; height: 429px; float: left; margin-bottom:15px;}
#content #showcase #highlights #overlay{position: absolute;height: 5px; width: 980px; background: url(menugolge.png) repeat-x; z-index: 1004}
#content #showcase #highlights #highlightVisuals{height: 400px; border: solid 1px #cadce9; border-top: none; display: none}
#content #showcase #highlights #pager{height: 30px; background: url(pagerBack.png) repeat-y; float: left}
#content #showcase #highlights #headline{float: left; padding: 8px 8px 8px 30px; background: url(logo-icon.png) no-repeat}
#content #showcase #highlights h3{font-size: 12px; font-weight: bold}

#content #showcase #highlights #pager ul{margin: 0px; padding: 0px; height: 100%}
#content #showcase #highlights #pager li{font-size: 12px; list-style: none; float: left; border-right: solid 1px #bed0e1; background-color: #fff}
#content #showcase #highlights #pager .last{border-right: none}
#content #showcase #highlights #pager .active{text-decoration: underline}
#content #showcase #highlights #pager a{display: block;padding: 9px 0px 0px 11px;color: #7fb1d3;text-decoration: none; width: 19px; height: 21px}
#content #showcase #highlights #pager a:hover{text-decoration: none; color: #f799be}

#content #midBar{clear: both; height: 166px; width: 100%}
#content #midBar .visual{width: 312px; height:146px; float: left; margin: 10px 0px 0px 22px}
#content #midBar .first{margin-left: 0px; width: 980px}
#content #midBar .bl{width: 4px; height: 100%; background: url(homeColMBL.png) no-repeat; float: left}
#content #midBar .bm{width: 296px; height: 130px; background: url(homeColMBM.png) repeat-x; float: left; padding: 8px 4px 8px 4px}
#content #midBar .br{width: 4px; height: 100%; background: url(homeColMBR.png) no-repeat; float: left}

#content #midBar .first .bm{width: 964px}

#content #columns{width: 100%;}

#content #columns .column{width:212px;}
#content #columns .home{padding: 10px 10px 20px 10px;float: left; height:230px;margin:0 10px 30px 0;border: 1px solid #CCCCCC; overflow:hidden;
 background-color: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}


#content #columns .homeColumn .title{color : #065999; font-size: 18px; font-weight: 500; background: url(anabaslik.png) no-repeat; padding: 1px 0px 0px 18px}

#content #columns ul{margin: 0px 0px 0px 15px; padding: 0px}

#content #columns .title{
	color : #fff;
	font-size: 12px;
	font-weight: 500;
	background: url(anabaslik.png) no-repeat;
	padding:5px 5px 5px 20px;
	background-color:#0099CC;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#content #columns .doviz{
	color : #fff;
	font-size: 14px;
	font-weight: 500;
	background: url(anabaslik.png) no-repeat;
	padding:5px 5px 5px 20px;
	background-color: #6ec67a;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#content #leftCol #columns{margin: 10px 0px 20px 0px}
#content #leftCol #columns .home{padding: 10px 20px 0px 5px; background: none; margin-bottom: -10px}

#content #columns ul{margin: 5px 0px 0px 23px; padding: 0px}
#content #columns ul li{list-style-image: url(madde.png); color: #666; font-size: 12px; line-height: 16px; background: url(homeColumnsListBorder.png) repeat-x; background-position: bottom; padding:  0px 0px 8px 0px; margin-top: 6px;}
#content #columns ul .last{background: none}

/*SUB PAGE BEGINS*/

#content #leftCol{width: 250px; margin-top: 0px; float: left}
#content .stocksSub{float: none; padding: 0px 18px 0px 5px; height: 193px; clear: both}
#content #subMenu {margin: 0px 0px 25px 15px; padding: 0px 0px 0px 0px; width: 216px}
#content #subMenu li{font-size: 11px; font-weight: bold; padding-left:10px; list-style: none; border-bottom: solid 1px #d5e7f5; color: #f38e19; background: url(menupasif.png) no-repeat;}
#content #subMenu .activelink{height: 12px; padding: 6px 10px 6px 10px; color: #f38e19; background: url(menupasif.png) no-repeat}
#content #subMenu .first{margin-top: 20px}
#content #subMenu .last{border-bottom: none}
#content #subMenu li a{display: block; min-height: 12px; padding: 6px 10px 6px 0px; color: #0088ac;text-decoration: none;}
#content #subMenu li a:hover{text-decoration: none; color: #f38e19;}

#content #subMenu .branch, #content #subMenu .division{padding: 0px; margin: 0px 0px 0px 5px;}
#content #subMenu .branch .active, #content #subMenu .division .active{padding: 0px 10px 0px 5px; color: #f38e19; background: none}
#content #subMenu .active ul{display: block;}
#content #subMenu .branch .active a, #content #subMenu .division .active a{color: #f38e19; background: url(menuaktif.png) no-repeat; padding-left:15px;}
#content #subMenu .branch .active .division a{color: #0088ac;}
#content #subMenu .branch a:hover{text-decoration: none; color: #f38e19;}

.subBodyMenu{padding: 0px; margin: 0px}
.subBodyMenu li{list-style: none; height: 16px; padding: 0px; margin: 0px}

#content #subMain{float: left; width:730px; padding: 0px; margin: 0px}

#content #subHeader{width:728px; height: 297px; border: solid 1px #dbdbdb; border-top: solid 1px none; border-bottom: none;}
#content #subHeader h3{font-size:20px; font-weight: 100; color: #f38e19; background: url(dot.png) no-repeat bottom left; padding: 270px 0px 0px 15px; margin: 0px 0px 0px 20px;}
#content #subContent{border: solid 1px #dbdbdb; border-top: none; margin-bottom: 20px; background: url(back.png) repeat-x bottom;}
#content #subBody{border-top: solid 1px #e0edf8; margin: 0px 35px 0px 35px; display: inline-block;padding: 30px 0px 30px 0px; font-size: 12px;}

#content #subHeader.linked{width: 638px; height: 230px; border: solid 1px #dbdbdb; border-top: solid 1px none; border-bottom: none;}
#content #subHeader.linked h3{padding: 0px 0px 0px 15px; margin-top: -40px}
#content #subHeader .linkedImage{width: 638px; height: 230px}

#content #subBody a{color: #f38e19}
#content #subBody a:hover{text-decoration: underline}

#content #subBody #announcement .item{min-height: 40px; border-bottom: solid 1px #e0edf8; padding: 0 0 10px 25px; background: url(haber-madde.jpg) no-repeat; margin-bottom: 10}
#content #subBody #announcement .title{font-weight: bold; line-height: 18px}
#content #subBody #announcement a .title{color: #0088ac}
#content #subBody #announcement a:hover .title{color: #F38E19}
#content #subBody #announcement .date{font-weight: bold; line-height: 24px; color: #F38E19}

#content #subBody .arrowBack{padding-left: 5px; padding-bottom: 30px}
#content #subBody #announcement .other{float: right; margin-top: 20px; background: url(orangeMiniArrow.png) no-repeat; padding: 3px 0px 0px 10px}

#contact #upper{border-bottom: solid 1px #e0edf8;}
#contact #address{width: 290px; border-right: solid 1px #e0edf8; padding: 0px 35px 0px 0px; float: left; height: 242px}
#contact #address p{line-height: 16px; font-size: 11px; border-bottom: solid 1px #e0edf8; margin: 6px 0px 6px 0px; padding-bottom: 4px}
#contact #form{font-size: 11px; padding-left: 350px;}
#contact h5{font-size: 11px}
#contact #form h5{padding-left: 97px; padding-bottom: 5px}
input{background-color: #E1F0DD; border: none; height: 22px}
textarea{ background-color: #E1F0DD; border: none;}
#contact #form input{float: right; margin-left: 5px;}
#contact #form .textField{width: 215px;}
#contact #form .captcha{width: 75px; float:left;}
#contact #form textarea{background-color: #E1F0DD; border: none; margin-left: 20px}
#contact #form .field{text-align: right; line-height: 22px;width: 330px;}
#contact #form label{text-align: right; width: 100px}

#contact table. #contact tr{border: none}
#contact td{border-bottom: none; border-left: none; border-right: none}

#contact #form #bulletin{float: none; margin-left: 40px; width: 20px; height: 14px}
#contact #contactMap{padding: 20px 0px 20px 0px}

#button{width: 60px; height: 22px; font-weight: bold; color: #0088ac; background: url(contactButtonArrow.png) no-repeat #fff; padding-left: 10; border-bottom: none}

/*SUB PAGE ENDS*/


#footer{border-top: solid 1px #e6edf4; padding-top: 10px; clear: both; padding-bottom:30px}
#footer #menu{font-weight: 600; padding: 0px; height: 15px; float: left}
#footer #menu ul{margin: 0px; padding: 0px}
#footer #menu li{font-size: 9px; list-style: none; float: left; border-right: solid 1px #bed0e1}
#footer #menu .last{border-right: none}
#footer #menu li a {display: block;height: 12px;padding: 3px 8px 0px 8px;color: #0088ac;text-decoration: none;}
#footer #menu li a:hover{text-decoration: none; color: #f8891d}

#footer #cRight{color: #a7c4db; font-size: 11px; margin-top: -42px; margin-bottom: 4px}
#footer #fBottom{color: #666; font-size: 11px; border-top: solid 1px #e6edf4; clear: both; margin-top: 24px; padding: 10px 0px 0px 8px}
#footer #fBottom .txt{text-align: right}
#footer #socialButtons{margin-top: 10px; padding-left: 8px}
#footer #fbRight{float: right; margin-top:-10px;}
#footer #fbRight .lg{margin:-9px; padding: 0px 12px 0px 12px}

#gslide { padding: 0px 0; width:978px; }
#gslide h3 { color: #2a68a3; font: 18px Arial, Helvetica, sans-serif; }

#newsCarousel .jcarousel-clip { overflow: hidden; top:-20px; box-shadow: 3px 3px 4px #000;
	 -moz-box-shadow: 3px 3px 4px #ccc;
	 -webkit-box-shadow: 6px 6px 8px #999; }
#newsCarousel .jcarousel-prev, #newsCarousel .jcarousel-next { width: 22px; height: 22px; background: url(news-carousel-arrows.png) no-repeat; position: absolute; top: 17px; cursor: pointer; display: none; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity = 0); }
#newsCarousel .jcarousel-prev { left: -15px; }
#newsCarousel .jcarousel-next { right: -15px; background-position: -22px 0; }
#news li { float:left; color: #666; width:163px; background-color:#fff; }
#news li .detay{
	float: left;
	width:163px;
	height:96px;
	overflow: hidden;
	position: relative;
	background-color:#ccc;
}

.navigationmenu {
	width:auto;
	font-size:12px;
	color: #0099CC;
	margin:10px;
	text-align:center;
}
.navigationmenu a{
	font-size:12px;
	color:#fff;
	font-weight:bold;
	background-color:#f4f4f4;
	padding:3px 5px;
	margin:2px;
}
.navigationmenu a:hover{
	font-size:12px;
	color:#fff;
	font-weight:bold;
	border: #FF6600 1px solid;
	padding:2px 4px;
	margin:2px;
}


.tabmenu
{
	width:970px;
	margin:20px 10px;
	background-color:#FFFFFF;
}