/* 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;
	_+margin: 0 5px 0 0;
	padding:0;
    min-width: 104px; /* be nice to Opera */
}
.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: #1d1d91;
}
.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;
	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 .tabs-disabled {
    opacity: .4;
}
.tab-main-container {
position:relative; height:147px;
 	/*padding:25px 11px 10px 13px!important;*/
	/*width:334px;
	height:150px;
    background: url(../i/cover/main_tab_bg.gif) no-repeat #ececec; */
}
/*.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

#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_mobilofis, .tab_solution, .tab_quickLink{padding:15px 11px 10px 13px;_+padding:16px 11px 10px 13px; display:block; position:relative}
/**mobilofis*/
.tab-main-container img{ border:none}
.tab_mobiofis{color:#4e4e4e;  font-weight:100}
.tab_mobiofis img{ width:308px; height:94px;margin-bottom:10px}
.tab_mobiofis  a.details{ border:none;font-size:11px!important; text-decoration:underline;}

/*------------------Çözümler-------------*/
.tab_solution{padding:11px 11px 10px 13px;}
.tab_solution h3{ color:#404040; margin-bottom:6px}
.galleryPanel{ background:url(../i/cover/tab_solution_bg.gif) no-repeat; width:307px; height:103px; padding:7px 0 0 0; position:relative}
.galleryPanel .siparisBtn{ margin:21px 0 12px} 
.tab_solution  .balckberryimg{ width:50px; height:70px; float:left; margin-right:20px}
.tab_solution  .detailsProd{ margin:16px 0 10px}
.tab_solution  .detailsProd a{ text-decoration:underline; color:#404040; font-size:11px!important;}
.tab_solution label{ font-size:12px; font-weight:700; color:#75ad01; margin-right:5px}
.tab_solution .tab_services { margin:1px 0 0 0;}
.tab_solution .tab_services select{ width:170px; height:13px; border:1px solid #7b7b7b; font-size:9px!important; color:#404040; margin-right:18px;_+margin-right:10px}
.btnSend{ background:#939393; font-size:10px!important; top:-1px; position:relative; border:none; color:#fff; padding:0 12px}
/**img galery*/
.imgViewerToolbar_k{ position:absolute; right:3px; top:8px;_+margin-top:12px;z-index:9999}
.imgViewerToolbar_k a{width:16px; height:14px; display:block;}
.imgViewerToolbar_k a span{ display:none}
.imgViewerToolbar_k li { position:relative; z-index:999;width:16px; height:14px;padding:0; list-style:none; float:left; margin:0 8px; _+margin:0 6px 0 5px}
.imgViewerToolbar_k .nextimg a{background:url(../i/cover/galerynext_green.gif) no-repeat ;}
.imgViewerToolbar_k .nexlast a{background:url(../i/cover/galerynext_gray.gif) no-repeat }
.imgViewerToolbar_k .backimg a{background:url(../i/cover/galeryback_green.gif) no-repeat }
.imgViewerToolbar_k .backfirst a{background:url(../i/cover/galeryback_gray.gif) no-repeat }


/*------------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:left; padding-bottom:22px; margin-bottom:8px}
.tab_quickLink h3{float:left; width:170px}
.tab_quickLink h3.rightside{ float:right; width:140px;}


/*Bize uslasin*/
.tab_Contact{padding-right:0px; padding-top:10px;padding-left:11px; padding-right:0px; }
.contactList{margin-bottom:8px; position:relative; clear:both}
.tab_Contact h3{ width:174px; height:14px; margin-bottom:4px;color:#7e9705; margin-left:55px}
.tab_Contact h3 span{ display:none}
.tab_Contact h3.tab_oim{ background:url(../i/cover/tab_oim.gif) no-repeat;}
.tab_Contact h3.tab_solutionCenter{ background:url(../i/cover/tab_solutionCenter.gif) no-repeat;}
.tab_Contact h3.tab_Customer{background:url(../i/cover/tab_customer.gif) no-repeat;}
.tab_Contact a{ font-size:11px!important; color:#535353; }
.contactList a:hover{}

.contactList img{ float:left; width:45px; margin:0 10px 8px 0;_+margin-bottom:1px;}
/*ie 7 hack*/
 *+ html .contactList img {margin-bottom:1px;}