/**********************************/
/* Created by Tahsin Çağrı Zorkol */
/******* cagri@zeytin.com.tr ******/
/******** 22 February 2012 ********/
/** Zeytin Bilişim Teknolojileri **/
/**** http://www.zeytin.com.tr ****/
/**********************************/
/* <General Settings> */
html, body {
    font-family: Arial, Tahoma;
    font-size: 12px;
    background: url(../img/bg/background.gif) no-repeat center top transparent;
}

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; font-size: 0; line-height: 0; overflow: hidden; }
.h5 { height: 5px; overflow: hidden; }
.h10 { height: 10px; overflow: hidden; }
.h15 { height: 15px; overflow: hidden; }
.h20 { height: 20px; overflow: hidden; }
.h25 { height: 25px; overflow: hidden; }
.h30 { height: 30px; overflow: hidden; }
.h35 { height: 35px; overflow: hidden; }
.h40 { height: 40px; overflow: hidden; }
.h45 { height: 45px; overflow: hidden; }
.h50 { height: 50px; overflow: hidden; }
.h60 { height: 60px; overflow: hidden; }

a, input, textarea {
    outline: none;
    /* Internet Explorer Hover Dotted Problem */ 
    ie-dummy: expression(this.hideFocus=true);
}
.wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.bgImage {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -10;
	overflow: hidden;
    width: 100%;
	display: block;
}
a.mainlogo {
    text-indent: -9999px;
    width: 221px;
    height: 123px;
    display: block;
    position: absolute;
    left: 20px;
    top: 0;
    background: url(../img/logo/HattatHolding.png) no-repeat transparent;
    z-index: 150;
}
/* </General Settings> */

/* <Header Settings> */
header {
    position: relative;
    z-index: 100;
    height: 112px;
    width: 100%;
}
.headerBottom {
    width: 100%;
    height: 60px;
    background: url(../img/bg/HeaderBottomBg.png) no-repeat transparent;
    position: absolute;
    z-index: 99;
    bottom: 16px;
}
.language {
    position: absolute;
    right: 0;
    top: 0;
    height: 26px;
}
.language li {
    float: left;
    height: 26px
}
.language li a {
    text-indent: -9999px;
    display: block;
    width: 100%;
    height: 100%;
}
.language li.turkce { 
    background: url(../img/icon/tr.png) no-repeat transparent; 
    width: 69px;
}
.language li.turkce:hover { background: url(../img/icon/tr_hover.png) no-repeat transparent; }
.language li.english { 
    background: url(../img/icon/eng.png) no-repeat transparent; 
    width: 73px;
}
.language li.english:hover { background: url(../img/icon/eng_hover.png) no-repeat transparent; }
/* </Header Settings> */

/* <Footer Settings> */
footer {
    position: relative;
    z-index: 99;
	float:left;
	margin-left:-10px;
	margin-top:10px;
}
.menuBox {
    width: 170px;
	margin-left:26px;
}
.menuBox a {
    color: #828282;
    font-size: 11px;
    text-decoration: none;
}
.menuBox a:hover { color: #535353; }
.menuBox h3 {
    color: #3e6178;
    font-size: 15px;
    font-weight: bold;
}
.menuBox li {
    width: 100%;
    padding: 3px 0;
    border-bottom: 1px dotted #828282;
}
/* </Footer Settings> */

/* <Nav Settings> */
/* </Nav Settings> */

/* <Default Page Settings> */
    /* <Middle Area Settings> */
    .middleArea {
        background: url("../img/bg/middleAreaBg.png") no-repeat scroll 0 0 transparent;
        height: 174px;
        padding: 15px 10px;
        position: relative;
        width: 980px;
		float:left;
    }
    .middleBig {   
        width: 356px;
        height: 100%;
        margin: 0 20px 0 0;
        position: relative;
    }
    .middleBig a.continue {
        background: url(../img/button/devami.png) no-repeat transparent;
        position: absolute;
        bottom: 10px;
        right: 135px;
        text-indent: -9999px;
        display: block;
        width: 83px;
        height: 19px;
    }
    .middleBig a.continue:hover { background: url(../img/button/devami_hover.png) no-repeat transparent; }
	
	.middleBig a.continue_en {
        background: url(../img/button/devami_en.png) no-repeat transparent;
        position: absolute;
        bottom: 10px;
        right: 135px;
        text-indent: -9999px;
        display: block;
        width: 83px;
        height: 19px;
    }
    .middleBig a.continue_en:hover { background: url(../img/button/devami_hover_en.png) no-repeat transparent; }
	
    .middleSmallTitle a.allnews {
        width: 83px;
        height: 19px;
        background: url(../img/button/tumhaberler.png) no-repeat transparent;
        display: block;
        text-indent: -9999px;
        position: absolute;
        bottom: 5px;
        right: 10px;
    }
    .middleSmallTitle a.allnews:hover { background: url(../img/button/tumhaberler_hover.png) no-repeat transparent; }
	
	.middleSmallTitle a.allnews_en {
        width: 83px;
        height: 19px;
        background: url(../img/button/tumhaberler_en.png) no-repeat transparent;
        display: block;
        text-indent: -9999px;
        position: absolute;
        bottom: 5px;
        right: 10px;
    }
    .middleSmallTitle a.allnews_en:hover { background: url(../img/button/tumhaberler_hover_en.png) no-repeat transparent; }
	
    .middleBigTitle, .middleSmallTitle {
        width: 100%;
        height: 29px;
        position: relative;
    }
    .middleBigTitle { background: url(../img/bg/middleBigBg.png) no-repeat transparent; }
    .middleSmallTitle { background: url(../img/bg/middleSmallBg.png) no-repeat transparent; }
    .middleBigContent { background: url(../img/bg/middleBigContentBg.png) no-repeat transparent; }
    .middleSmallContent { background: url(../img/bg/middleSmallContentBg.png) no-repeat transparent; }
    .middleBigTitle h3, .middleSmallTitle h3 {
        color: #ffffff;
        font-size: 17px;
        position: absolute;
        left: 15px;
        top: 7px;
        font-weight: bold;
    }
    .middleBigContent, .middleSmallContent {
        width: 100%;
        height: 141px;
        position: relative;
    }
    .middleBigContent figure {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
    }
    .middleBigContent article {
        position: absolute;
        top: 5px;
        right: 10px;
        width: 205px;
        color: #282828;
        font-size: 11px;
    }
    .middleSmall {
        width: 304px;
        height: 100%;
    }
    .groupCompany {
        width: 276px;
        height: 170px;
        background: url(../img/bg/groupCompanyBg.png) no-repeat transparent;
        position: relative;
    }
    .groupCompany h3 {
        width: 100%;
        color: #464646;
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        margin: 10px 0 0;
    }
    .groupCompany ul { margin: 5px 0 0 9px; }
    .groupCompany .tumu {
        background: url(../img/button/tumu.png) no-repeat transparent;
        width: 83px;
        height: 19px;
        margin: 0 auto;
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin: 0 0 0 -40px;
        text-indent: -9999px;
    }
    .groupCompany .tumu:hover { background: url(../img/button/tumu_hover.png) no-repeat transparent; }
	
	.groupCompany .tumu_en {
        background: url(../img/button/tumu_en.png) no-repeat transparent;
        width: 83px;
        height: 19px;
        margin: 0 auto;
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin: 0 0 0 -40px;
        text-indent: -9999px;
    }
    .groupCompany .tumu_en:hover { background: url(../img/button/tumu_hover_en.png) no-repeat transparent; }
	
    .groupCompany li {
        background: url("../img/bg/groupCompanyListBg.png") no-repeat scroll right top transparent;
        height: 50px;
        padding: 0 15px;
        width: 56px;
    }
    /* img.company {
        opacity: 0.5;
        -moz-opacity: 0.5;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    }
    img.company:hover {
        opacity: 1;
        -moz-opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    } */
    .groupCompany li a {
        display: block;
        height: 50px;
        margin: 0 0 0 -6px;
        text-indent: -9999px;
        width: 66px;
    }
    /* </Middle Area Settings> */
/* </Default Page Settings> */

/* <Content Page Settings> */
.container { width: 1000px; }
.container .containerTitle {
    width: 100%;
    height: 60px;
    background: url(../img/bg/ContentBigTitleBg.png) repeat-x transparent;
    position: relative;
    z-index: 99;
    top: -16px;
}
.containerTitle h1 {
    font-size: 28px;
    color: #cbe1ed;
    margin: 17px 0 0 0;
    padding: 0 17px 0;
}
.containerTitle h1 a
{
	text-decoration:none;
	color: #cbe1ed;
}
.containerTitle .contentTitleAralik {
    position: relative;
    background: url(../img/bg/contentTitleAralik.png) no-repeat transparent;
    width: 4px;
    height: 60px;
}
.contentTopPageName {
    width: 100%;
    height: 33px;
    background: url(../img/bg/contentPageNameTopBg.png) no-repeat transparent;
    position: relative;
    top: -16px;
}
.contentTopPageName h6 {
    color: #636363;
    font-size: 11px;
    margin: 9px 5px 0;
}
.contentTopPageName h6 a
{
	text-decoration:none;
	color: #636363;
}
.contentTopPageName .contentTopPageAralik {
    background: url(../img/icon/solOk.png) no-repeat center center transparent;
    width: 5px;
    height: 100%;
}
.contentArea {
    width: 751px;
    padding: 15px;
    background: url(../img/bg/ContentBg.png) repeat-y #ffffff;
    color: #343434;
    line-height: 21px;
}
.contentArea h1 {
    color: #1b4c66;
    font-size: 32px;
    font-weight: bold;
}
.contentArea h3.summary {
    color: #1f6f6f;
    font-size: 16px;
    margin: 0 0 10px;
}
.contentArea h3.summary cufon { margin: 0 0 5px; }
.contentArea figure { float: right; }
.contentArea .BigBorder {
    background: url(../img/bg/contentBigBorder.png) no-repeat transparent;
    width: 100%;
    height: 7px;
    margin: 10px 0;
}
.contentArea .contentBottomAralik {
    background: url(../img/icon/sagOk.png) no-repeat center center transparent;
    width: 20px;
    height: 20px;
}
.contentArea h6 a {
    font-size: 11px;
    color: #a4a4a4;
    text-decoration: none;
}
.contentArea h6 a:hover { color: #666666; }
.contentArea h5.newsTitle {
    font-weight: bold;
    font-size: 11px;
    color: #202020;
    background: url(../img/bg/newsTitleBg.jpg) no-repeat transparent;
    width: 693px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 45px;
}
.contentArea .newsThumb {
    width: 60px;
    height: 46px;
    float: left !important;
    padding: 0;
    margin: 0 18px;
}
.contentArea .newsSummary {
    color: #303030;
    font-size: 11px;
    line-height: 16px;
    padding: 0 5px 0 0;
    width: 635px;
}
.contentArea .newsSummary a {
    color: #303030;
    font-weight: bold;
    text-decoration: none;
}
.contentArea .newsSummary a:hover { border-bottom: 1px dotted #303030; }
.contentArea .newsContent {
    background-color: #f9f9f9; 
    padding: 10px 0; 
    width: 737px; 
    border-bottom-right-radius: 7px; 
    border-bottom-left-radius: 7px; 
    -moz-border-radius-bottomleft: 7px; 
    -moz-border-radius-bottomright: 7px; 
    -webkit-border-bottom-right-radius: 7px; 
    -webkit-border-bottom-left-radius: 7px;
}
/* </Content Page Settings> */

/* <Right Menu Settings> */
.rightMenu { width: 219px; }
.rightMenu .rightMenuContent {
    min-height: 200px;
    background: url(../img/bg/rightMenuBg.png) no-repeat #d7d7d7;
    padding: 25px 15px 0;
}
.rightMenu .rightMenuContent h3 {
    width: 100%;
    color: #1b4c66;
    font-size: 16px;
    background: url(../img/bg/menuItemBottomBg.png) no-repeat left bottom transparent;
    padding: 0 0 8px;
    font-weight: bold;
}
.rightMenuContent nav li {
    background: url(../img/bg/menuItemBottomBg.png) no-repeat left bottom transparent;
    padding: 5px;
}
.rightMenuContent nav li:hover, .rightMenuContent nav li.selected { background: url(../img/bg/rightMenuHoverSelected.png) transparent; }
.rightMenuContent nav li.selected a { color: #1e1e1e; }
.rightMenuContent nav li a {
    background: url(../img/icon/sagOk.png) no-repeat left center transparent;
    font-size: 11px;
    color: #4a4a4a;
    text-decoration: none;
    display: block;
    padding: 0 0 0 8px;
}
.rightMenuContent nav li a:hover { color: #1e1e1e; }
.rightMenu .rightMenuBottom {
    width: 100%;
    height: 98px;
    background: url(../img/bg/rightMenuBottomBg.png) no-repeat transparent;
}
/* </Right Menu Settings> */

/* <Copyright Settings> */
.copyright {
    width: 100%;
    background: url(../img/bg/copyrightBg.png) repeat-x transparent;
    height: 116px;
    font-size: 11px;
    color: #444444;
	float:left;
}
.copyright .copyrightInner {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0 0;
    position: relative;
}
.copyright .copyrightContent {
    width: 750px;
    margin: 0 0 0 20px;
    line-height: 21px;
}
.copyright .zeytin {
    position: absolute;
    bottom: 0; 
    right: 0;
    border: 0 none;
}
.copyright .copyrightContent a
{
	text-decoration:underline;
	color: #444444;
}
.copyright .copyrightContent a:hover
{
	text-decoration:underline;
	color: #000000;
}
.copyrightZeytin
{
	color: #868686;
	padding-top: 49px;
}
.copyrightZeytin a
{
	color: #868686;
	text-decoration:none;
}
.copyrightZeytin a:hover
{
	color: #868686;
	text-decoration:underline;
}
/* </Copyright Settings> */

/* <Main Menu Settings> */
.mainMenu {
    width: 100%;
    height: 60px;
    position: absolute;
    right: 0;
    bottom: 16px;
    z-index: 120;
}
.mainMenu ul {
    position: absolute;
    right: -60px;
    width: 820px;
}
.mainMenu li { 
    height: 60px; 
    position: relative;
    z-index: 101;
}
.mainMenu li a { 
    display: block;
    text-indent: -9999px;
    height: 100%;
}
.mainMenu li.anasayfa {
    width: 124px;
    background: url(../img/menu/anasayfa.png) no-repeat 0 0 transparent;
}
.mainMenu li:hover.anasayfa { background: url(../img/menu/anasayfa.png) no-repeat left -60px transparent; }
.mainMenu li.anasayfa_en {
    width: 124px;
    background: url(../img/menu/anasayfa_en.png) no-repeat 0 0 transparent;
}
.mainMenu li:hover.anasayfa_en { background: url(../img/menu/anasayfa_en.png) no-repeat left -60px transparent; }
.mainMenu li.hattatholding {
    width: 165px;
    background: url(../img/menu/hattatholding.png) no-repeat 0 0 transparent;
    position: relative;
    left: -12px;
}
.mainMenu li:hover.hattatholding { background: url(../img/menu/hattatholding.png) no-repeat 0 -60px transparent; }
.mainMenu li.hattatholding .subMenu { left: -128px; }
.mainMenu li.hattatholding_en {
    width: 165px;
    background: url(../img/menu/hattatholding_en.png) no-repeat 0 0 transparent;
    position: relative;
    left: -12px;
}
.mainMenu li:hover.hattatholding_en { background: url(../img/menu/hattatholding_en.png) no-repeat 0 -60px transparent; }
.mainMenu li.hattatholding_en .subMenu { left: -128px; }
.mainMenu li.sektorler {
    width: 132px;
    background: url(../img/menu/sektorler.png) no-repeat 0 0 transparent;
    position: relative;
    left: -24px;
}
.mainMenu li.sektorler .subMenu { left: -160px; }
.mainMenu li:hover.sektorler { background: url(../img/menu/sektorler.png) no-repeat 0 -60px transparent; }
.mainMenu li.sektorler_en {
    width: 132px;
    background: url(../img/menu/sektorler_en.png) no-repeat 0 0 transparent;
    position: relative;
    left: -24px;
}
.mainMenu li.sektorler_en .subMenu { left: -160px; }
.mainMenu li:hover.sektorler_en { background: url(../img/menu/sektorler_en.png) no-repeat 0 -60px transparent; }
.mainMenu li.yatirimlar {
    width: 134px;
    background: url(../img/menu/yatirimlar.png) no-repeat 0 0 transparent;
    position: relative;
    left: -36px;
}
.mainMenu li:hover.yatirimlar { background: url(../img/menu/yatirimlar.png) no-repeat 0 -60px transparent; }
.mainMenu li.yatirimlar .subMenu { left: -255px; }

.mainMenu li.yatirimlar_en {
    width: 134px;
    background: url(../img/menu/yatirimlar_en.png) no-repeat 0 0 transparent;
    position: relative;
    left: -36px;
}
.mainMenu li:hover.yatirimlar_en { background: url(../img/menu/yatirimlar_en.png) no-repeat 0 -60px transparent; }
.mainMenu li.yatirimlar_en .subMenu { left: -255px; }

.mainMenu li.basinodasi {
    width: 147px;
    background: url(../img/menu/basinodasi.png) no-repeat 0 0 transparent;
    position: relative;
    left: -47px;
}
.mainMenu li:hover.basinodasi { background: url(../img/menu/basinodasi.png) no-repeat 0 -60px transparent; }
.mainMenu li.basinodasi .subMenu { left: -342px; }

.mainMenu li.basinodasi_en {
    width: 147px;
    background: url(../img/menu/basinodasi_en.png) no-repeat 0 0 transparent;
    position: relative;
    left: -47px;
}
.mainMenu li:hover.basinodasi_en { background: url(../img/menu/basinodasi_en.png) no-repeat 0 -60px transparent; }
.mainMenu li.basinodasi_en .subMenu { left: -342px; }

.mainMenu li.iletisim {
    width: 118px;
    background: url(../img/menu/iletisim.png) no-repeat 0 0 transparent;
    position: relative;
    left: -60px;
}
.mainMenu li:hover.iletisim { background: url(../img/menu/iletisim.png) no-repeat 0 -60px transparent; }
.mainMenu li.iletisim .subMenu { left: -476px; position: absolute !important; }

.mainMenu li.iletisim_en {
    width: 118px;
    background: url(../img/menu/iletisim_en.png) no-repeat 0 0 transparent;
    position: relative;
    left: -60px;
}
.mainMenu li:hover.iletisim_en { background: url(../img/menu/iletisim_en.png) no-repeat 0 -60px transparent; }
.mainMenu li.iletisim_en .subMenu { left: -476px; position: absolute !important; }

.mainMenu li .subMenu {
    width: 564px;
    display: none;
    background-color: #17426b;
    position: relative;
    padding: 15px;
    overflow: hidden;
}
.mainMenu li .subMenu .subContent {
    width: 265px;
    padding: 7px;
    cursor: pointer;
}
.mainMenu li .subMenu .subContent:hover {
    background-color: #2e5478;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* behavior: url(/assets/css/ie-css3.htc); */
}
.mainMenu li .subMenu figure {
   width: 107px;
   height: 61px;
   padding: 0;
   margin: 0 5px;
   border: 3px solid #274f75;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   position: relative;
   /* behavior: url(/assets/css/ie-css3.htc); */
}
.mainMenu li .subMenu article { width: 135px; }
.mainMenu li .subMenu h4 {
    font-size: 15px;
    color: #ffffff;
}
.mainMenu li .subMenu h4 cufon { margin: 0 0 3px; }
.mainMenu li .subMenu p {
    font-size: 11px;
    color: #99c2e9;
    line-height: 17px;
}
/* </Main Menu Settings> */

/* <Slider Settings> */
.slider {
    height: 395px;
    position: relative;
    top: -16px;
    width: 1000px;
    z-index: 99;
}
.bx-wrapper { height: 395px !important; }
.bx-window { height: 395px !important; }
.bx-prev, .bx-next {
    width: 62px;
    height: 65px;
    position: absolute;
    top: 50%;
    margin: -45px 0 0;
    z-index: 101;
}
.bx-prev { left: 0; }
.bx-next { right: 0; }
.bx-pager {
    position: absolute;
    right: 25px;
    bottom: 11px;
    background: url(../img/bg/sliderPageBg.png) repeat-x transparent;
    height: 20px;
    padding: 4px 3px 0 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 100;
}
.bx-pager a {
    color: #B3B3B3;
    display: block;
    float: left;
    font-weight: bold;
    height: 17px;
    margin: 0 5px 0 0;
    padding: 1px 0 0;
    text-align: center;
    text-decoration: none;
    width: 17px;
    font-size: 11px;
}
.bx-pager .pager-link { background: url(../img/icon/sliderPage.png) no-repeat transparent; }
.bx-pager .pager-active {
    background: url(../img/icon/sliderPageActive.png) no-repeat transparent;
    color: #ffffff;
}
/* </Slider Settings> */

/* <News Area Settings> */
.newsArea {
    width: 290px;
    height: 135px !important;
    margin: 0 auto;
    position: relative;
    top: 5px;
}
.newsArea ul {
    height: 115px !important;
}
.newsArea li {
    padding: 5px 0;
    height: 55px;
    cursor: pointer;
}
.newsArea figure, .newsArea figure img {
    width: 60px;
    height: 46px;
    padding: 0;
    margin: 0;
}
.newsArea article { width: 210px; }
.newsArea article h4 {
    font-size: 13px;
    color: #295b01;
}
.newsArea article h4 a {
	text-decoration:none;
    color: #295b01;
}

.newsArea article p {
    font-size: 12px;
    color: #787878;
}
.newsArea article p a {
   text-decoration:none;
    color: #787878;
}
.newsArea .newsUp, .newsArea .newsDown {
    width: 20px;
    height: 17px;
    position: absolute;
    bottom: 0;
    text-indent: -9999px;
    z-index: 9999
}
.newsArea .newsUp { 
    background: url(../img/icon/newsUp.png) no-repeat transparent; 
    right: 35px;
}
.newsArea .newsDown { 
    background: url(../img/icon/newsDown.png) no-repeat transparent; 
    right: 10px;
}
/* </News Area Settings> */

.banner {
    width: 100%;
    height: 170px;
}
table.hr {
    width: 736px;
}
table.hr th {
    width: 716px;
    background: url(../img/bg/hrFormTitleBg.jpg) no-repeat transparent;
    height: 37px;
    vertical-align: middle;
    font-size: 14px;
    color: #343434;
    font-weight: bold;
    padding: 0 0 0 20px;
}
table.hr tr.first {
    background-color: #f2f2f2;
    font-weight: bold;
    text-align: center;
}
table.hr td, table.hr td select { padding: 5px; }
table.hr td input[type=text], table.hr td select {
    font-family: Arial;
    font-size: 12px;
    color: #131313;
}
table.hr td input[type=file] {
    padding: 3px 5px;
    border: 1px solid #dddddd;
}
table.hr td input[type=text].maxi {
    padding: 3px 5px;
    border: 1px solid #dddddd;
    width: 190px;
    margin: 0 auto;
}
table.hr td input[type=text].maxi3 {
    padding: 3px 5px;
    border: 1px solid #dddddd;
    width: 100px;
    margin: 0 auto;
}
table.hr td .maxi2 {
    padding: 3px 5px;
    border: 1px solid #dddddd;
    width: 697px;
    margin: 0 auto;
	font-family: Arial;
    font-size: 12px;
    color: #131313;
}
table.hr td input[type=text].mini {
    padding: 3px 5px;
    border: 1px solid #dddddd;
    width: 80px;
    margin: 0 auto;
}
.magazine { 
    overflow: hidden; 
    position: relative;
    z-index: 98;
}
.magazine li {
    cursor: pointer;
    height: 202px;
    position: relative;
    width: 156px;
    margin:  0 15px 20px;
}
.dergiKapak {
    cursor: pointer;
    height: 196px;
    left: 3px;
    position: relative;
    top: 3px;
    width: 150px;
    z-index: 100;
}
.dergiKenar {
    position: absolute;
    top: 0;
    left: 0;
    width: 156px;
    height: 202px;
    background: url(../img/bg/kapakBg.png) no-repeat transparent;
    z-index: 102;
}
.dergiKenar:hover { background: url(../img/bg/kapakHoverBg.png) no-repeat transparent; }
.dergiContent {
    display: block;
    position: absolute;
    bottom: 3px;
    width: 135px;
    height: 30px;
    background: url(../img/bg/kapakContentBg.png) no-repeat transparent;
    left: 3px;
    z-index: 101;
    font-size: 11px;
    color: #000000;
    line-height: 13px;
    padding: 5px 0 0 15px;
}
.dergiContent a
{
	text-decoration:none;
	color: #000000;
}

.sponsor{
    color: #606060;
	width:170px;
	height:160px;
	float:left;
	margin:4px;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #dddddd;	
    background: url("../img/bg/partnerBg.jpg") no-repeat center center #f9f9f9;
}

.sponsorFlip:hover{
	border:1px solid #999;
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */
	
	position:absolute;
	top:50%;
	left:50%;
	margin: -80px 0 0 -85px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:70px 10px 0px 20px;
	color:#606060
    
}

.sponsorURL{
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
}
.sponsorURL a {
    color: #373535;
    text-decoration: none;
}

.return-ok
{
	width:673px;
	min-height:30px;
	background:url(../img/ok-bg.jpg) no-repeat #368602;
	border:#396007 2px solid;
	padding-left:55px;
	padding-top:10px;
	padding-right:5px;
	font-size:12px;
	font-weight:bold;
	color:#194000;
	line-height:20px;
	margin-bottom:10px;
	margin-top:10px;
}

.return-error
{
	width:673px;
	min-height:30px;
	background:url(../img/error-bg.jpg) no-repeat #860202;
	border:#600707 2px solid;
	padding-left:55px;
	padding-top:10px;
	padding-right:5px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	line-height:20px;
	margin-bottom:10px;
	margin-top:10px;
}

.return-warning
{
	width:673px;
	min-height:30px;
	background:url(../img/warning-bg.jpg) no-repeat #ff5800;
	border:#933b01 2px solid;
	padding-left:55px;
	padding-top:10px;
	padding-right:5px;
	font-size:12px;
	font-weight:bold;
	color:#762901;
	line-height:20px;
	margin-bottom:10px;
	margin-top:10px;
}

.AdvertArea {
    width:100%;
    height:100%;
    background-image:url(../img/userTraBg.png);
    background-repeat:repeat;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3000;
    display:block;
    text-align:center;
    display:none;
}

.AdvertAreaHolder 
{
    margin:0px auto;
    display:inline-table;
    position:relative;
    margin-top:150px;
}

.CloseBtn
{
    float:right;
    margin:-40px -20px 0 0px;
    right:0;
    cursor:pointer;
}
.CloseBtn img
{
    border:0 solid #000;
    float:right;
}

.video
{
	width:200px;
	height:auto;
	float:left;
	text-align:center;
	margin-right:40px;
	margin-bottom:10px;
	
}
.video img
{
	margin-bottom:5px;
	width:200px;
}
.video p
{
	font-size:12px;
	line-height:20px;
	width:200px;
}
.videos
{
	width:auto;
	height:auto;
	float:left;
	margin-left:20px;
}
.video a
{
	text-decoration:none;
	color:#303030;
}

/*.directories
{
	width:100%;
	height:auto;
	float:left;
}
.directory
{
	width:751px;
	height:auto;
	float:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:#d8d8d8 1px dotted;
}
.directory img
{
	width:140px;
	height:auto;
	float:left;
}
	
.directory p
{
	width:591px;
	height:auto;
	float:right;
	text-align:left;
	line-height:20px;
}*/

/* Gallery Style Start */
.gallery
{
	width:740px;
	height:auto;
	margin-top:10px;
}
.gallery-top
{
	width:740px;
	height:10px;
	float:left;
	background:url(../img/bg/gallery-top.gif) no-repeat;
}
.gallery-center
{
	width:720px;
	height:auto;
	float:left;
	background:url(../img/bg/gallery-center.gif);
	padding:5px 15px 0 5px;
}
.gallery-bottom
{
	width:740px;
	height:10px;
	float:left;
	background:url(../img/bg/gallery-bottom.gif) no-repeat;
}
.gallery-center ul
{
	width:auto;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
	list-style-type:none;
}
.gallery-center ul li
{
	width:auto;
	height:auto;
	float:left;
}
.gallery-center ul li a
{
	width:114px;
	height:85px;
	padding-top:4px;
	padding-left:4px;
	margin-left:25px;
	background:url(../img/bg/gallery-img.gif) no-repeat;
	float:left;
	text-decoration:none;
	margin-bottom:10px;
}
.gallery-center ul li a:hover
{
	float:left;
	background-position:0 -89px;
}

.fair-titles
{
	width:738px;
	height:auto;
	border-bottom:#d3d3d3 1px solid;
	margin-bottom:10px;
	float:left;
}
.fair-titles ul
{
	width:auto;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
	list-style-type:none;
}
.fair-titles ul li
{
	width:auto;
	height:auto;
	float:left;
}
.fairTitlesSelected a
{
	width:auto;
	height:auto;
	float:left;
	background:url(../img/icon/titleIcon.png) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#249494;
	padding-left:30px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:7px;
	border-right:#ebebeb 1px solid;
	text-decoration:none;
	margin-left:7px;
}
.fairTitlesSelected a:hover
{
	float:left;
	text-decoration:none;
}
.fairTitlesNoSelected a
{
	width:auto;
	height:auto;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#717171;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:7px;
	border-right:#ebebeb 1px solid;
	text-decoration:none;
}
.fairTitlesNoSelected a:hover
{
	float:left;
	text-decoration:none;
	color:#444444;
}
/* Gallery Style Finish */

/* Directory Style Start */
.directories
{
	width:743px;
	height:auto;
}
.directory
{
	width:743px;
	height:auto;
	float:left;
	margin-bottom:20px;
}
.directory-top
{
	width:743px;
	height:10px;
	background:url(../img/bg/directory-top.gif) no-repeat;
}
.directory-center
{
	width:716px;
	height:auto;
	background:url(../img/bg/directory-center.gif);
	float:left;
	padding-left:15px;
	padding-right:12px;
}

.directory-bottom
{
	width:743px;
	height:10px;
	background:url(../img/bg/directory-bottom.gif) no-repeat;
	float:left;
}

.directory-center-left
{
	width:129px;
	height:153px;
	float:left;
}
.directory-center-right
{
	width:575px;
	height:auto;
	float:right;
	text-align:left;
	margin-top:5px;
}
.directory-center-right-header
{
	width:562px;
	height:23px;
	float:left;
	background:url(../img/bg/directory-center-header.gif) no-repeat;
	padding-left:13px;
	padding-top:10px;
	font-size:17px;
	letter-spacing:-1px;
	color:#ffffff;
	font-weight:bold;
}
.directory-center-right-content
{
	width:569px;
	height:auto;
	float:left;
	padding:5px 3px 0 3px;
	font-size:12px;
	line-height:22px;
	color:#303030;
}
/* Directory Style Finish */

/* Newsletter Style Start */
.newsletter
{
	width:742px;
	height:auto;
}
.newsletter ul
{
	width:auto;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
	list-style-type:none;
}
.newsletter ul li
{
	width:auto;
	height:auto;
	float:left;
	margin-bottom:10px;
}
.newsletter1 a
{
	width:704px;
	height:27px;
	float:left;
	background:url(../img/bg/newsletter.gif) no-repeat;
	padding-left:38px;
	padding-top:8px;
	font-size:12px;
	color:#232323;
	text-decoration:none;
}
.newsletter1 a:hover
{
	text-decoration:none;
	color:#232323;
	background-position:0 -70px;
}
.newsletter2 a
{
	width:704px;
	height:27px;
	float:left;
	background:url(../img/bg/newsletter.gif) no-repeat;
	padding-left:38px;
	padding-top:8px;
	font-size:12px;
	color:#232323;
	text-decoration:none;
	background-position:0 -35px;
}
.newsletter2 a:hover
{
	text-decoration:none;
	color:#232323;
	background-position:0 -70px;
}
/* Newsletter Style Finish */

.captcha
{
	width:132px;
	height:21px;
	background:url(../img/bg/captcha-bg.gif) no-repeat;
	padding-left:2px;
	padding-top:2px;
}

.positions
{
	width:736px;
	height:auto;
	float:left;
}
.positions ul
{
	width:auto;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
	list-style-type:none;
}
.positions ul li
{
	width:auto;
	height:auto;
	float:left;
}
.positions ul li a
{
	width:716px;
	height:30px;
	float:left;
	background:url(../img/bg/positions-bg.gif) no-repeat;
	padding-top:9px;
	font-size:12px;
	text-decoration:none;
	color:#525252;
	padding-left:20px;
}
.positions ul li a:hover
{
	float:left;
	background-position:0 -39px;
}
.positionsHeader
{
	width:520px;
	height:auto;
	float:left;
	text-align:left;
	font-weight:bold;
	margin-right:10px;
}
.positionsDate
{
	width:120px;
	height:auto;
	float:left;
	text-align:center;
	color:#797979;
	margin-right:6px;
}
.positionsButton
{
	width:60px;
	height:auto;
	text-align:center;
	float:left;
	padding-top:2px;
}

.pageBtn
{
	width:auto;
	height:20px;
	background:#f1f2f4;
	border:#c0c0c0 1px solid;
	color:#444444;
	margin-left:3px;
	padding-left:7px;
	padding-right:7px;
	cursor:pointer;
}

.pageBtnSelected
{
	width:auto;
	height:20px;
	background:#c0c0c0;
	border:#c0c0c0 1px solid;
	color:#444444;
	margin-left:3px;
	padding-left:7px;
	padding-right:7px;
	cursor:pointer;
}


.deepSocial {position:absolute; top:35px; right:0px;}
.facebook {background:url(../img/facebook.png) no-repeat; width:24px; height:24px; float:left; margin-right:5px;}
.twitter {background:url(../img/twitter-x.png) no-repeat; width:24px; height:24px; float:left; }