html, body, form, #kapsul {height: 100%;}
form > #kapsul {height: auto; min-height: 100%;}
#icerik {padding-bottom: 137px;} /* altAlan yukseligi ile ayni olmali */
#altAlan {
    position: relative;
    margin-top: -137px; /* altAlan yuksekliginin eksi degeri */
    height: 137px;
    clear:both;
}

body{font:12px Arial; color:#666; background:url(../images/sitelayout/bgttr.jpg) repeat-y center top;}
.clear
{
    clear: both;
}
.ortala
{
    width: 1000px;
    margin: 0 auto;
}


/* Renkler */
.acikyesil { color: #B5D312; }
.ortayesil{color:#5ba721;}
.koyuyesil { color: #009A3E; }
.beyaz { color:#FFF; }
.acikgri{ color:#CCC;}
.ortagri{color:#666;}
.gri{color:#3F4349;}
.kirmizi{color:#c00;}
.acikkirmizi{color:#FF3333}
.ortaKahve { color:#2D2823; }
.siyah{color:#222;}
.acikyesil2{color:#CBEB18}
.koyubaslik{color:#5c5c5c;}
/* Renkler Bitiş*/

/* Yazı Stiller */
.sloganY { font:bold 25px Arial; line-height:30px; }
.sloganY1 { font:bold 25px Arial; line-height:15px; }
.buyukBaslik{ font: bold 28px Calibri;}
.kucukBaslik {font: bold 18px Calibri;}
.odeme{ font: 24px Arial;}
.footerBaslik{ font-family:Georgia, 'Times New Roman'; font-size:18px; font-style:italic; font-weight:bold;}
.sayfaBaslik{font:bold 18px Arial;}
.formB{font:14px Arial;}
.normalY{font: 12px Arial;}
.bold{font-weight:bold;}
/* Yazı Stiller Bitiş */


/* Linkler */
.tiphover:hover{cursor:pointer; cursor:hand;}

.link1:link { font-family: Arial; font-size: 13px; color: #FFF; text-decoration: none; font-weight:bold;  }
.link1:active { font-family: Arial; font-size: 13px; color: #FFF; text-decoration: none;font-weight:bold;  }
.link1:visited { font-family: Arial; font-size: 13px; color: #FFF; text-decoration: none;font-weight:bold; }
.link1:hover { font-family: Arial; font-size: 13px; color: #222; text-decoration: none; font-weight:bold; }

.kucuklink:link { font-family: Arial; font-size: 11px; color: #222; text-decoration: none; font-weight: bold; }
.kucuklink:active { font-family: Arial; font-size: 11px; color: #222; text-decoration: none; font-weight: bold; }
.kucuklink:visited { font-family: Arial; font-size: 11px; color: #222; text-decoration: none; font-weight: bold; }
.kucuklink:hover { font-family: Arial; font-size: 11px; color: #009A3E; text-decoration: none; font-weight: bold; }

.kucuklinkBeyaz:link { font-family: Arial; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; }
.kucuklinkBeyaz:active { font-family: Arial; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; }
.kucuklinkBeyaz:visited { font-family: Arial; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; }
.kucuklinkBeyaz:hover { font-family: Arial; font-size: 11px; color: #222; text-decoration: none; font-weight: bold; }

.kucuklinkBeyaz2:link { font-family: Arial; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; }
.kucuklinkBeyaz2:active { font-family: Arial; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; }
.kucuklinkBeyaz2:visited { font-family: Arial; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; }
.kucuklinkBeyaz2:hover { font-family: Arial; font-size: 12px; color: #AFCB1F; text-decoration: none; font-weight: bold; }


.ortalinkBeyaz:link { font-family: Arial; font-size: 12px; color: #FFF; text-decoration: none;  }
.ortalinkBeyaz:active { font-family: Arial; font-size: 12px; color: #FFF; text-decoration: none;  }
.ortalinkBeyaz:visited { font-family: Arial; font-size: 12px; color: #FFF; text-decoration: none; }
.ortalinkBeyaz:hover { font-family: Arial; font-size: 12px; color: #222; text-decoration: none;  }

.ortalinkYesil:link { font-family: Arial; font-size: 12px; color: #009A3E; text-decoration: underline;  }
.ortalinkYesil:active { font-family: Arial; font-size: 12px; color: #009A3E; text-decoration: underline;  }
.ortalinkYesil:visited { font-family: Arial; font-size: 12px; color: #009A3E; text-decoration: underline; }
.ortalinkYesil:hover { font-family: Arial; font-size: 12px; color: #c00; text-decoration: underline;  }

.ortalinkYesilB:link { font-family: Calibri; font-size: 18px; color: #009A3E; font-weight:bold; text-decoration: none;  }
.ortalinkYesilB:active { font-family: Calibri; font-size: 18px; color: #009A3E;font-weight:bold; text-decoration: none;  }
.ortalinkYesilB:visited { font-family: Calibri; font-size: 18px; color: #009A3E;font-weight:bold; text-decoration: none; }
.ortalinkYesilB:hover { font-family: Calibri; font-size: 18px; color: #c00;font-weight:bold; text-decoration: none;  }

.silL:link { font-family: Arial; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; }
.silL:active { font-family: Arial; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; }
.silL:visited { font-family: Arial; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; }
.silL:hover { font-family: Arial; font-size: 12px; color: #FF3333; text-decoration: none; font-weight: bold; }

.anaMenuL:link { font-family: Arial; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; }
.anaMenuL:active { font-family: Arial; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; }
.anaMenuL:visited { font-family: Arial; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; }
.anaMenuL:hover { font-family: Arial; font-size: 11px; color: #2D2C28; text-decoration: none; font-weight: bold; }

.footerL:link { font-family: Arial; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; font-style:italic; }
.footerL:active { font-family: Arial; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold;font-style:italic; }
.footerL:visited { font-family: Arial; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; font-style:italic;}
.footerL:hover { font-family: Arial; font-size: 11px; color: #2D2C28; text-decoration: none; font-weight: bold; font-style:italic;}


.satinAlL:link {  padding: 10px 70px;  font:13px Tahoma;  color:#fff;  background:#2D2823;  border:none;  height:30px; text-decoration:none;}
.satinAlL:active {  padding: 10px 70px;  font:13px Tahoma;  color:#fff;  background:#2D2823;  border:none;  height:30px; text-decoration:none;}
.satinAlL:visited {  padding: 10px 70px;  font:13px Tahoma;  color:#fff;  background:#2D2823;  border:none;  height:30px; text-decoration:none;}
.satinAlL:hover {  padding: 10px 70px;  font:13px Tahoma;  color:#fff;  background:#556934;  border:none;  height:30px; text-decoration:none;}
/* Linkler Bitiş */

/* Öğeler */
.butKucuk
{
    padding: 3px 20px;
    font: 11px tahoma;
    color: #FFF;
    background:#009A3E;
        background: -webkit-gradient(linear, left top, left bottom, from(#B5D312), to(#009A3E));
    background: -moz-linear-gradient(top, #B5D312, #009A3E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5D312', endColorstr='#009A3E');
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor:pointer;
}



.butLogin
{
    padding: 10px 20px;
    font: 15px tahoma;
    color: #FFF;
    background:#009A3E;
    background: -webkit-gradient(linear, left top, left bottom, from(#B5D312), to(#009A3E));
    background: -moz-linear-gradient(top, #B5D312, #009A3E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5D312', endColorstr='#009A3E');
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    width:320px;
}
.butLogin:hover
{
   background: #009A3E;
   cursor:pointer;
}

.SiparisDevam
{
    padding: 10px 20px;
    font: 15px tahoma;
    color: #FFF;
    background:#009A3E;
    background: -webkit-gradient(linear, left top, left bottom, from(#B5D312), to(#009A3E));
    background: -moz-linear-gradient(top, #B5D312, #009A3E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5D312', endColorstr='#009A3E');
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;

}
.SiparisDevam:hover
{
   background: #009A3E;
   cursor:pointer;
}

.butLoadMore
{
  padding: 10px 70px;
  font:13px Tahoma;
  color:#fff;
  background:#00A443;
  border:none; 
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.butLoadMore:hover
{
  padding: 10px 70px;
  font:13px Tahoma;
  color:#fff;
  background:#AFCB1F;
  border:none;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.butkendintasarla
{
  padding:10px 0;
  font:13px Tahoma;
  color:#fff;
  background:#AFCB1F;
  border:none; 
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
}
.butkendintasarla:hover
{
  padding:10px 0;
  font:13px Tahoma;
  color:#FFF;
  background:#00752F;
  border:none;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
}

.butSiparis
{
  padding: 10px 40px;
  font:13px Tahoma;
  color:#fff;
  background:#2D2823;
  border:none; 
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor:pointer;
}
.butSiparis:hover
{
  padding: 10px 40px;
  font:13px Tahoma;
  color:#fff;
  background:#556934;
  border:none;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor:pointer;
}
.txtAra
{
    padding: 3px 7px;
    width: 200px;
    border: 2px solid #B5D312;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.txtAra:focus
{
    outline: none;
    border: #B5D312 2px solid;
    box-shadow: 0 0 5px rgba(127, 194, 31, 1);
    -webkit-box-shadow: 0 0 5px rgba(127, 194, 31, 1);
    -moz-box-shadow: 0 0 5px rgba(127, 194, 31, 1);
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
}



.txtForm
{
    padding: 10px 10px;
    width: 300px;
    border: 1px solid #B5D312;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.txtForm:focus
{
    outline: none;
    border: #B5D312 1px solid;
    box-shadow: 0 0 5px rgba(127, 194, 31, 1);
    -webkit-box-shadow: 0 0 5px rgba(127, 194, 31, 1);
    -moz-box-shadow: 0 0 5px rgba(127, 194, 31, 1);
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
}

.txtFormK
{
    padding: 10px 10px;
    width: 130px;
    border: 1px solid #B5D312;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.txtFormK:focus
{
    outline: none;
    border: #B5D312 1px solid;
    box-shadow: 0 0 5px rgba(127, 194, 31, 1);
    -webkit-box-shadow: 0 0 5px rgba(127, 194, 31, 1);
    -moz-box-shadow: 0 0 5px rgba(127, 194, 31, 1);
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
}
.butCinsiyetDef{background-color:#D5D5D5;  font-weight:bold; cursor:pointer; color:#222; padding: 10px 20px; border:none; border-bottom-left-radius:4px;  border-bottom-right-radius:4px;  border-top-left-radius:4px;  border-top-right-radius:4px; }
.butCinsiyetSelected{background-color:#009A3E;  font-weight:bold; cursor:pointer; color:#FFF; padding: 10px 20px; border:none; border-bottom-left-radius:4px;  border-bottom-right-radius:4px;  border-top-left-radius:4px;  border-top-right-radius:4px; }

.buttablotip{background-color:#00752F;  font-weight:bold; cursor:pointer; color:#FFF; width:152px; height:40px; text-align:center; border:none; border-bottom-left-radius:4px;  border-bottom-right-radius:4px;  border-top-left-radius:4px;  border-top-right-radius:4px; }
.buttablotipselected{background-color:#AFCB1F;  font-weight:bold; cursor:pointer; color:#FFF; width:152px; height:40px; text-align:center; border:none; border-bottom-left-radius:4px;  border-bottom-right-radius:4px;  border-top-left-radius:4px;  border-top-right-radius:4px; }

.butCerceveDef{background-color:#00752F; width:74px; font-weight:bold; cursor:pointer; color:#FFF; padding:10px 0; border:none; border-bottom-left-radius:4px;  border-bottom-right-radius:4px;  border-top-left-radius:4px;  border-top-right-radius:4px; }

.butCerceveSelected{background-color:#AFCB1F; width:74px; font-weight:bold; cursor:pointer; color:#FFF; padding:10px 0; border:none; border-bottom-left-radius:4px;  border-bottom-right-radius:4px;  border-top-left-radius:4px;  border-top-right-radius:4px; }

.ibChecked{background-image:url(../images/sitelayout/CheckBox.png); background-position:0 -22px;  background-repeat:no-repeat;  display:block;  height:22px;
  margin-right:10px;  margin-top:10px;  width:22px;
  }
  .ibNotChecked{background-image:url(../images/sitelayout/CheckBox.png); background-position:0 0;  background-repeat:no-repeat;  display:block;  height:22px;
  margin-right:10px;  margin-top:10px;  width:22px;
  }
  
  table.tabloolcu td
  {
      padding:5px 20px 5px 0;
  }
  table.tabloolcu label
  {
      font: bold 14px calibri; color:#fff; padding-left:5px;
  }
  table.tabloolcu input[type="radio"]:checked+label{ Color:#AFCB1F; } 
  table.tabloolcu input[type="radio"]:hover{cursor:hand; cursor:pointer;}
  table.tabloolcu label:hover {cursor:hand; cursor:pointer;}
  
/* Öğeler Bitiş */

#headerBG
{
    width: 1000px;
    height: 144px;
    background: url(../images/siteLayout/headerBG.png) no-repeat center top;
    position: relative;
    z-index: 10;
    margin:0 auto;
    margin-top:-670px;
}
#logoContainer
{
    width: 390px;
    height: 144px;
    background: url(../images/siteLayout/logoBG.png) no-repeat;
    z-index:10;
    position:relative;
}
.ustbanner
{
    width:1000px;
    margin:0 auto;
    z-index:10;
    position:relative;
    margin-top:-135px;
}
#banner
{
    width: 1000px;
    height: 660px;
    margin:0 auto;
   /* background: url(../images/dummy/banner.jpg)no-repeat center top;*/
    position: relative;
    z-index: 1;
}



#anamenuContainer
{
    padding: 4px 7px;
    background:#009A3E;
    background: -webkit-gradient(linear, left top, left bottom, from(#B5D312), to(#009A3E));
    background: -moz-linear-gradient(top, #B5D312, #009A3E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5D312', endColorstr='#009A3E');
    background:-ms-linear-gradient(top, #B5D312 0%, #009A3E 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-left:10px;
    margin-top:20px;
}
#altheaderBG{
    width: 1000px;
    height: 109px;
    background: url(../images/siteLayout/altheaderBG.png) no-repeat center top;
    position: relative;
    z-index: 10;
    margin:390px auto 0 auto;
}
#slogan
{
    width:330px; height:80px;  margin-left:60px; margin-top:20px; overflow:hidden; float:left;
}
#tablogaleriBaslik
{
    float:left; margin-left:30px; margin-top:46px; text-align:center; width:580px;
}

#mainContainer{ width:1000px; margin:0 auto; background:url(../images/sitelayout/mainBG.jpg) repeat-y top center; }
#TTSablon { width:333px; height:470px; background:url(../images/sitelayout/tablotasarlaleft.png) no-repeat; margin-top:10px; margin-left:40px; margin-bottom:10px; float:left; }

#odemesecenekContainer{ width:1000px; height:81px; margin:0 auto; background:url(../images/sitelayout/odemesecenekBG.jpg) no-repeat; margin-top:20px;}

#sosyalmedyatakipContainer{width:1000px; margin:0 auto; background:url(../images/sitelayout/sayfaBG.jpg) repeat-x;}
.linkonurk{background:#5FB728; color:#f0f0f0; padding:5px;}
.linkonurk:hover{background:#AFCB1F; color:#222;}
#footerContainer
{
 width:100%; 
 background:#009A3E;
 background: -webkit-gradient(linear, left top, left bottom, from(#438F10), to(#36730D));
 background: -moz-linear-gradient(top, #438F10, #36730D);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#438F10', endColorstr='#36730D');   
 
}
.footerAlan
{
    width:146px; float:left; margin:10px;
}

.greengradient
{
    background:#00752F;
    background: -webkit-gradient(linear, left top, left bottom, from(#009A3E), to(#00752F));
 background: -moz-linear-gradient(top, #009A3E, #00752F);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009A3E', endColorstr='#00752F'); 
    }

.altbody{background: url(../images/sitelayout/bgttr.jpg) repeat-y center top;}

#divAnaTabloGaleri {padding:5px; margin:5px; background:#00A443; color:#FFF;}
#divAnaTabloGaleri:hover {background: #AFCB1F;}

.TumTabloGaleriL:link { font-family: Arial; font-size: 11px; color: #FFF; text-decoration: none; font-weight: bold; width:584px; padding:10px 0; background-color:#00A443; display:block; text-align:center;}
.TumTabloGaleriL:active { font-family: Arial; font-size: 11px; color: #FFF; text-decoration: none; font-weight: bold; width:584px; padding:10px 0;background-color:#00A443;display:block;text-align:center;}
.TumTabloGaleriL:visited { font-family: Arial; font-size: 11px; color: #FFF; text-decoration: none; font-weight: bold; width:584px; padding:10px 0;background-color:#00A443;display:block;text-align:center;}
.TumTabloGaleriL:hover { font-family: Arial; font-size: 11px; color: #FFF; text-decoration: none; font-weight: bold; width:584px; padding:10px 0;background-color:#AFCB1F;display:block;text-align:center;}


.textBoxCard {
  border:1px solid #CCCCCC;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  font-size:12px;
  padding:7px;
  width:30px;
}

.textBoxResimBankasiArama {
  border:1px solid #CCC;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  font-size:12px;
  padding:10px;
  width:760px;
}
.textBoxsiptakip {
  border:1px solid #CCC;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  font-size:12px;
  padding:10px;
  width:360px;
}

.dropDown {
  border:1px solid #CCCCCC;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  font-size:11px;
  padding:7px;
}