/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tab-main {
        display: block;
    }
}
#main-tab{ height:180px}
/* Skin */
.tab-main {
    list-style: none;
    margin: 0;
    padding: 0; 
}
.tab-main:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tab-main li {
    float: left;
    margin: 0 7px 0 0;
	padding:0;
    min-width: 104px; /* be nice to Opera */
}
* html .tab-main li{margin: 0 5px 0 0}
.tab-main a, .tab-main a span {
    display: block; font-size: 11px!important;
    background: url(../i/cover/tab.gif) no-repeat; 
	padding:0 5px;
}
.tab-main a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #5a5a5a;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tab-main .tabs-selected a {
    color: #ff7200;
}
.tab-main .tabs-selected a, .tab-main a:hover, .tab-main a:focus, .tab-main a:active {
    background-position: 100% -82px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tab-main a, .tab-main .tabs-disabled a:hover, .tab-main .tabs-disabled a:focus, .tab-main .tabs-disabled a:active {
    background-position: 100% -55px;
}
.tab-main a span {
 width: 99px; /* IE 6 treats width as min-width */
    min-width: 99px!important;
    height: 14px; /* IE 6 treats height as min-height */
    min-height: 14px!important;;
	padding:7px 0 6px;

}
*>.tab-main a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tab-main .tabs-selected a span {
    padding-top: 7px;
}
.tab-main .tabs-selected a span, .tab-main a:hover span, .tab-main a:focus span, .tab-main a:active span {
    background-position: 0 -27px;
}
.tab-main a span, .tab-main .tabs-disabled a:hover span, .tab-main .tabs-disabled a:focus span, .tab-main .tabs-disabled a:active span {
    background-position: 0 0;
}
.tab-main .tabs-selected a:link, .tab-main .tabs-selected a:visited, .tab-main .tabs-disabled a:link, .tab-main .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tab-main a:hover, .tab-main a:focus, .tab-main a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.tab-main-container {
position:relative; height:147px; clear:both;

}
#loading{
	 height:20px; position:absolute; width:330px; z-index:99999; left:0; top:70px;
	 background: url(../i/cover/loading.gif) no-repeat bottom;
}
#loading span{ display:none}
.tab_webMessage, .tab_Contact, .tab_quickLink{padding:15px 11px 10px 13px;position:relative; display:block;}
* html .tab_webMessage, .tab_Contact, .tab_quickLink{padding:10px 11px 10px 13px}
/**web mesaj daha sonra kalakacak*/
.tab_webMessage{color:#656565;}
.tab_webMessage .leftmessage{ width:194px; float:left; margin-right:1px; position:relative; z-index:9999}
.tab_webMessage .rightmessage{ width:96px; height:120px; line-height:15px; float:right; margin-left:10px; font-size:10px; position:relative}
.tab_webMessage input.logininput{ border:1px solid #c9c9c9;width:123px; color:#656565; padding:1px 10px 1px; float:left; height:13px; margin-bottom:8px; font-size:10px; z-index:999; position:relative}
.tab_webMessage label{ float:left;display:table-cell; height:16px;}
.loginDisplay label{ font-weight:100; color:#666}
.loginDisplay .leftLogin{width:160px;float:left; position:relative}
.loginDisplay .rightLogin{margin-left:0; width:145px;float:left; margin-left:0px; position:relative}

.tab_webMessage label.subject{background:url(../i/subject_txt.gif) no-repeat;width:47px; }
.tab_webMessage .subject span{ display:none}
.tab_webMessage textarea{color:#656565; border:1px solid #c9c9c9; width:173px; height:75px;margin-bottom:8px;font-size:12px;padding:9px; clear:both}
.tab_webMessage a, .tab_webMessage p{ font-size:11px!important; font-weight:100}
.tab_webMessage a:hover{color:#5c5c5c}

.tab_webMessage .msgsend{background:url(../i/btn_msgsend.gif) no-repeat; width:70px; height:17px; position:absolute; bottom:0; }
.tab_webMessage .msgsend a{background:url(../i/btn_msgsend.gif) no-repeat; width:70px; height:17px; border:none;display:block}
.tab_webMessage .msgsend a:hover{ background:url(../i/btn_msgsend_over.gif) no-repeat;}
.tab_webMessage .msgsend a span{ display:none}
.loginDisplay  .msgsend{right:5px;}
* html .loginDisplay  .msgsend{bottom:27px;right:17px}

.tab_webMessage .msgNew{background:url(../i/cover/newsmessage_btn.gif) no-repeat; width:92px; height:17px; position:absolute; bottom:5px;right:10px }
* html .tab_webMessage .msgNew{margin-bottom:5px}

.tab_webMessage .msgNew a{background:url(../i/newsmessage_btn.gif) no-repeat; width:92px; height:17px; border:none;display:block}
.tab_webMessage .msgNew a:hover{ background:url(../i/newsmessage_btn.gif) no-repeat;}
.tab_webMessage .msgNew a span{ display:none}
.tab_webMessage h2.messagesend{ font-size:17px; font-weight:100; color:#ff7200!important; text-align:center; margin:10px 0 35px}

/*------------hızlı erişim-----------------*/
.tab_quickLink{ padding-top:18px}
.tab_quickLink img{ border:none;}
.quickLists{ background:url(../i/cover/dottet_line.gif) repeat-x bottom; clear:both; padding-bottom:22px; margin-bottom:8px}
.tab_quickLink h3{float:left; width:155px;}
.tab_quickLink img.rightimg{float:left; margin-left:32px}

/*Bize uslasin*/
.contactLeft{ background:url(../i/content/bg_tabContent.gif) no-repeat right; width:153px; float:left;}
.contactRight{ float:right; width:134px}
.tab_Contact .titleimg{margin:2px 0 0 0;}
.tab_Contact .oimBireysel span, .tab_Contact .oimKurumsal span, .contactRight .customerFaturali span, .contactRight .customerHazir span{display:none;}
.tab_Contact .oimBireysel{ background:url(../i/content/oim_bireysel.jpg) no-repeat; width:136px; height:44px;display:block; cursor:pointer; clear:both;margin:15px 0 10px 0}
.tab_Contact .oimKurumsal{ background:url(../i/content/oim_kurumsal.jpg) no-repeat; width:136px; height:44px;display:block; cursor:pointer;margin:0 0 10px 0}
.contactRight .customerFaturali{ background:url(../i/content/tab_customer_faturali.gif) no-repeat; width:112px; height:44px;cursor:pointer;margin:10px 0 16px 0}
.contactRight .customerHazir{ background:url(../i/content/tab_customer_Hazirkart.gif) no-repeat; width:132px; height:35px; cursor:pointer;}