/* Karakoç CSS Dosyası */

body {
    background-color: #FFF;
    line-height: 1.35em;
    font-family: "Droid Sans", "Trebuchet MS", sans;
}

h3 {margin-bottom: 0em;}

h1 a, h2 a {color: black;}
h1 a:hover, h2 a:hover {text-decoration: none; background-color: #FFDB3B;}

td, th, caption {padding:1px 1px 1px 4px;}
table, td, th {text-align: center;}

.red {color: red;}

.beta {color: #ccc;}
.beta span {color: black;}

.right {float: right;}
.small {font-size: x-small;}
.baslik {font-size: 1.5em; font-weight: bold;}

/* .upper {margin-bottom: 10px;} */

/* Daha sonra sil */
#debug {background-color: white; padding: 10px;}

.container {margin-top: 15px; margin-bottom: 15px;}

p {padding-right: 5px;}
p + p {text-indent: 0; margin-top: 0em;}

.hata404 ul {list-style-position:inside;}

.padd {padding: 0 7px;}
.vpadd {padding-top: 15px;}

a {text-decoration: none}
a:hover {text-decoration: underline;}

#header {background: transparent url('../img/header.jpg') no-repeat; min-height: 206px; margin-top: 5px;}
.arma img {position: relative; top: -17px; right: 8px;}
.haberler h1 {display: block; text-indent: -9999px; width: 320px; height: 60px; background: transparent url('../img/haberler.png') no-repeat top right; position: relative; left: -5px; margin-bottom: 0px;}
.haber h3 {margin-bottom: 0px;}
.haber h3 a {font-size: 14px; font-weight: bold; color: orange; margin-bottom: 4px;}
.haber p {border-bottom: 1px solid #eee; padding-bottom: 10px; margin: 0 0 10px;}
.haber p a {color: #aaa;}
.haber p a:hover {color: #111; text-decoration: underline;}
.lasthaber p {border: none;}
.tarih {color: #bbb;}
.haber .tarih {font-size: 0.5em; float: right; color: #ccc; }
.haber .tarih:hover {color: #333; }

.kataloglar h1 {display: block; text-indent: -9999px; width: 320px; height: 60px; background: transparent url('../img/katalog.png') no-repeat top right; position: relative; left: -5px; margin-bottom: 0px;}
.bultenler h1 {display: block; text-indent: -9999px; width: 320px; height: 60px; background: transparent url('../img/bulten.png') no-repeat top right; position: relative; left: -5px; margin-bottom: 0px;}

.katalog a {font-size: 1.5em;}
.katalog img {position: relative; top: 10px;}
.katalog {position: relative; top: -10px;}

.dahafazla {text-indent: -9999px; width: 264px; height: 24px; background: transparent url('../img/devami.png') no-repeat 0 0;}
.dahafazla:hover {background-position: 0px -24px;}

.tumhaberler {width: 304px; height: 24px; text-align: right;}
.tumhaberler a {color: #ccc;}
.tumhaberler a:hover {color: #000;}

.flags {min-height: 35px; position:relative; top:-40px; float: right;}
.flags a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 34px;
    height: 34px;
    text-indent: -9999px;
    float: right;
}

.flags .tr {background: transparent url('../img/tr.jpg') no-repeat 0 0;}
.flags .en {background: transparent url('../img/en.jpg') no-repeat 0 0;}
.flags .ch {background: transparent url('../img/ch.jpg') no-repeat 0 0;}

.flags a:hover {background-position: 0 -34px;}

.menubutton {
    color: black;
    border-left: 2px solid #D2AA5E;
    padding: 29px 23px 2px 10px;
    font-family: "Droid Sans", "Trebuchet MS", Georgia, sans;
    position: relative;
    top: 29px;
    left: 24px;
    font-size: 14px;
}

.lastmenubutton {padding-right: 22px;}

.menubutton:hover {text-decoration: none; background-color: #E6E6FF}

/* Yeni Menü */
#menu ul {padding: 0; margin: 0; list-style: none;}
#menu li {float: left; position: relative;}
#menu li ul {
    display: none;
    position: absolute;
    top: 47px;
    left: 24px;
    background: white;
    border: 2px solid #D2AA5E;
    padding: 5px 10px 5px 0px;
}
#menu li ul li {padding: 5px; width: 13em;}
#menu li ul li:hover {background: #E6E6FF; text-decoration: none;}
#menu li ul li a:hover {text-decoration: none;}
/* #menu li > ul {top: auto; left: auto;} */
#menu li:hover ul, li.over ul { display: block; }



#footermenu {border-top: 1px solid #BBB; color: #333; margin-top: 10px; padding-top: 10px;}
#footermenu ul {padding: 0; margin: 0;}
#footermenu a {
    color: #444;
    display: block;
    overflow: hidden;
    position: relative;
    border-left: 1px solid #666;
    padding: 0px 4px;
    float: left;
    font-size: 12px;
    font-family: "Droid Sans", "Trebuchet MS", Georgia, sans;
}

#footermenu .ilk {border: none;}
#footermenu a:hover {text-decoration: underline; color: #000;}

#footercompany {float: right;}

.slogo {float: left; padding-right: 8px; padding-bottom: 8px;}

#content {font-family: "Droid Sans", "Trebuchet MS", sans; color: #323232; font-size: 12px; line-height: 16px;}
#content h1 {font-family: "Droid Sans", "Trebuchet MS", sans; font-weight: bold; font-size: 24px; margin-bottom: 6px;}
#content h2 {font-family: "Droid Sans", "Trebuchet MS", sans; font-weight: bold; font-size: 14px; margin-bottom: 0.50em;}
#content h2 a {color: black;}

.musterilerimiz {float: left; padding-right: 5px;}
.musterilerimiz_yazi {text-align: right; font-size: 0.8em;}
.musteriayrac {border-bottom: 1px solid #eee; padding-bottom: 5px;}

.urun {margin: 12px 0px;}
.urun p {}
.urun img {float: left;}
#urunisim {}
.urunnavi {}
.urunsmall, .urun img {border: 2px solid #B2B2B2;}

.urunaciklama table {font-size: 10px;}

.kategoriler h1:hover {background-color: #FEF47E;}

.ik th, .ik td, .ik caption {padding: 0px;}

/** Slider Banner **/
#slider {
    position:relative;
    background:url(../img/loading.gif) no-repeat 50% 50%;
    min-height: 210px;
    min-width: 582px;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

table.alt_urun {
/*    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;*/
    width: 100%;
    font-size: 0.8em;
}

.alt_urun td, .alt_urun th, .alt_urun caption {
    padding: 1px 2px;
}

.alt_urun th {
    background-color: #ffcc00;
    text-align: center;
    font-size: 9px;
}



.alt_urun td, .alt_urun th {
    /*border-bottom: 1px solid #CCC;*/
    /*border-right: 1px solid #CCC;*/
    text-align: center;
    vertical-align: middle;
}

.alt_urun .voltaj {
    width: 30px;
}

.alt_urun .frekans {
    width: 7em;
}

.alt_urun .row1 {
    background-color: #f9f9f9;
}

.alt_urun .row2 {
    background-color: #f3f3f3;
}

.alt_urun tr:hover {
    background-color: #DDD;
}