@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,p,div,ul,li,hr,span {margin:0px; padding:0px; font-size:100%;}
a {text-decoration:none; outline:none; } a img {border:none; outline:none;}
html, body, #kapsul { height: 100%; }
body > #kapsul { height: auto; min-height: 100%; }
body {background:#ccc url(img/bg.PNG) repeat-x; font:normal 12px Lucida Sans Unicode; text-align:center; margin:0px; padding:0px;}
#tasiyici {text-align:left; width:820px; margin:0 auto; padding-bottom:220px; line-height:1.5em; }
.harita {background:url(resim/harita.jpg) no-repeat; width:240px; height:200px; display:block; background-position:-80px -65px;  border:2px solid #666; padding:3px;}


/*ÜST ALAN*/
#ust {background:url(img/logo.JPG) no-repeat; width:800px; height:228px; margin:0px; padding:0px; position:relative;}
.logo {text-indent:-99999px;}
#ustmenu {margin:0px; padding:0px; list-style:none; font:bold 13px tahoma;  clear:both; bottom:35px; position:absolute;}
#ustmenu li {list-style:none; text-decoration:none; float:left; border-right: 1px solid #0c1c2f; padding:5px 15px; margin-top:7px;}
#ustmenu li a{color:#fff; text-decoration:none; }
#ustmenu li a:hover {color:#d88711;}
#ustmenu li a.secili {color:#d08914;}

/*ALT ALAN*/
#alt {background:#10243f url(img/alt.PNG) repeat-x; height:220px; margin-top: -220px;}
.altic {text-align:left; margin:0 auto; width:800px; height:180px;}

.altmenu {margin:0px 0px; padding:5px 0px 5px 0px; width:240px; float:left; margin-right:25px;}
.altmenu .altbas {border-bottom:1px solid #000; color:#000; margin:0px; padding:6px 0px; font:bold 90% Verdana, Arial, Helvetica, sans-serif}
.altmenu ul{margin:0px 0px; padding:0px; list-style:none;}
.altmenu li {list-style:none; color:#FFFFFF; padding:6px 0px; _padding:4px 0px; font:normal 12px Helvetica; border-bottom:1px dotted #061831;}
.altmenu li a {color:#929292; text-decoration:none;}
.altmenu li a:hover {color:#d88711}
*:first-child+html .altmenu li {padding:5px 0px;}

div#ifa {height:150px; color:#FFF}  div#ifa hr{color:#000; margin:4px 0px; padding:0px; border-bottom:1px solid #11253f; clear: both; border-width: 0; border-top: 1px solid #061831;}
*:first-child+html #ifa hr { margin:0px; border:0px; border-bottom:1px solid #061831; height: 0;  }
#ifa p {margin:1px;}


.altbilgi {text-align:left; margin:0 auto; width:800px; color:#415063; font:bold 13px Verdana, Geneva, sans-serif}
.altlogo { width:73px; height:30px; background:url(img/snl.PNG) no-repeat; display:block; float:right;}
.altsite {padding-top:10px; display:block; float:left;}



/*İç Alan */
.kolon420 {float:left; width:450px;}.kolon530 {float:left; width:550px;}.kolon350 {float:right; width:350px;}.kolon250 {float:right; width:250px;  display:block;}
.kolon420, .kolon350, .kolon530{ position:relative; background:#c6c6c6; }
.kutu {border-bottom:3px solid #677280; background:#c6c6c6;}

.baslik {border-bottom:3px solid #677280; color:#fff; background:#061831; font:bold 14px tahoma; display:block; padding:8px 5px; letter-spacing:1px; position:relative;}

.hakkimizda {margin:0px 5px; line-height:1.5em;}
.hakkimizda p{margin:0px; padding:0px; font:bold 11px tahoma; line-height:20px; color:#333}
.hakkimizda h1 {font:bold 13px Tahoma; border-bottom:2px solid #162e4c; padding:9px 0px; letter-spacing:2px; margin:0px; margin-bottom:15px; color:#162e4c}
.bliste {margin:0px 0px 0px 20px; padding:0px; list-style:none;}
.bliste li{margin:8px 0px; padding:3px 0px; background:url(img/evet.gif) 0px 0px no-repeat; text-indent:20px; font:bold 11px helvetica; color:#000}


.menu {margin:0px; padding:0px; list-style:none; font:bold 12px verdana; background:#c6c6c6; border-bottom:3px solid #677280;}
.menu li {margin:0px; padding:7px 3px; border-bottom:1px solid #adb2b8; background:url(img/ok.png) no-repeat 5px 8px; text-indent:15px; color:#415063;}
.menu li a {text-decoration:none; color:#415063; width:248px; padding:9px 6px;}
.menu li a:hover { color:#306105;}
.menu li a.sectim { color:#061831;}
*:first-child+html .menu li {padding:6px 3px;}
.iletisim {padding:10px 5px; color:#2D2D2D; height:405px;}
.iletisim p {margin:2px; }

/*Yukarı Kayan Ürünler*/
div.yeniurun {position:relative; overflow:hidden; height: 272px; background:#061831; padding:0px; margin:0px;} 
div.yeniurun div.items {position:absolute; height:20000em; padding:0px; margin:0px;}

div.kayanurun {list-style:none; margin:0px; padding:4px; background:#c6c6c6; border-top:2px solid #061831; height:80px; position:relative; width:345px; }
div.kayanurun .urunresim a img{width:60px; height:75px; border:3px solid #f3f3f3; display:inline-block; margin:0px; padding:0px;}
div.kayanurun .urunadi {position:absolute; color:#424242; top:5px; left:80px; color: #333; font-weight:bold;}
div.kayanurun .urunaciklamasi {position:absolute; color:#333; top:30px; left:80px;  font:normal 12px Verdana, Arial, Helvetica, sans-serif}
div.kayanurun a.detay {position:absolute; top:35px; right:10px;}


.kayanmenu{ width:557px; float:left; position:relative;}
.butonlar {float:right;  font-size: 1.2em;}
 a.prev, a.prevPage {background:url(img/geri.gif) no-repeat; }
 a.next, a.nextPage {background-image:url(img/ileri.gif);}
a.prev, a.next {display:block; height:16px; width:16px; cursor:pointer;}
.ileri {position:absolute; right:10px; top:10px;}.geri {position:absolute; right:30px; top:10px;}
div.scrollable {float:left;	position:relative; overflow:hidden;	width: 557px; height:400px; background:#c5c5c5;}
div.scrollable div.items {position:absolute;	width:20000em;	clear:both;	border:0px solid #222;}
div.scrollable div.items div.icerigi {float:left; width:170px; height:381px; color:#fff; border:4px solid #11253f; cursor:pointer; margin:5px 0px 5px 6px;}
.items .resimi img{width:97%; height:290px; border:4px solid #010d1d; _width:95%;}
.items .acikla:hover {background-color:#0b568b;	}
.items .acikla:active {background-color:#437b03;	cursor:default;}
.items h3 {background:#061831; margin:0px; padding:7px 3px; border-top:2px solid #11253f; font:normal 12px helvetica;}
.items .acikla{margin:0px; font:normal 12px tahoma;	color:#fff; background:#172f4e; padding:0px 0px; height:53px;}
.items .acikla p {margin:0px; padding:1px 0px; }
.items h3 em {	font-style:normal;	color:yellow;}


/*urun*/
.urun {list-style:none; margin:0px; padding:0px;}
.urun li {list-style:none; margin:0px 1px 20px 8px; _margin:0px 1px 20px 6px; padding:8px 7px 2px 8px; background:#c6c6c6; float:left; border:1px solid #ababab; position:relative;}
.urun li .urunresmi img{border:5px solid #677280; height:240px; width:145px;}
.urun li .urunresmi img:hover{border:5px solid #061831;}
.urun li div.detayi {color:#333; font:bold 11px tahoma; padding:7px 0px; margin:0px;}
.urun li a.detay{position:absolute; right:8px; bottom:5px; background:url(img/altust.gif) 0px -17px no-repeat; width:16px; height:16px; display:block;}
.urun li div.urunozellik {background:#ccc; color:#000; font:bold 11px tahoma; display:none; position:absolute; top:13px; height:232px; left:13px; width:137px;	opacity: 0.7; filter: alpha(opacity=70); padding:10px 5px;}
.urun li div.urunozellik hr {margin:10px 0px;}
.urun li a.active{position:absolute; right:8px; bottom:5px; background:url(img/altust.gif) 0px 0px no-repeat; width:16px; height:16px; display:block;}
a.urund {color:#333;}a.urund:hover {color:#200;}
.page{margin:5px 5px; padding:5px 0px; list-style:none; border-top:1px solid #666;}
.page li{margin:0px; padding:2px; list-style:none; float:left; border:none;}
.page li a {background:#10243f; color:#FFFFFF; text-decoration:none; padding:3px 8px; font:normal 13px "Times New Roman", Times, serif}
.page li a:hover{background:#d68510;} .page li a.cur{background:#d68510;}


.urundet {background:#c6c6c6; border:1px solid #ababab; margin:10px 0px; _margin:0px 1px 20px 6px; padding:10px; display:inline-block}
.urundet img{border:5px solid #677280; max-height: 800px; max-width: 785px; height: expression(this.height > this.width && this.height > 800 ? '785px' : true); width: expression(this.height < this.width && this.width > 800 ? '785px' : true);}

/*Form*/
.form { margin:0px; width:97%; }
h3.formbaslik {color:#500; padding:10px 0px; font:bold 15px tahoma; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.form p {margin:10px; padding:3px 0px; width:100%; display:block; overflow:hidden; }
.form p label {color:#333; width:30%; display:inline; font:bold 12px tahoma; float:left;}
.form p label sub {color:#900; font:bold 10px verdana; _font:bold 12px verdana; display:block; padding-top:5px;}
*:first-child+html .form p label sub {font:bold 12px verdana;}
.form p input,.form p textarea { width:60%; border:1px solid #e5e5e5; background:#fff url(img/input-bg.GIF) repeat-x; padding:10px 5px; float:right;}
.form p textarea {height:90px;}
.form hr {border-bottom:1px solid #CCC; margin:10px; }
.buton{padding:3px 10px; margin:5px; cursor:pointer; color:#fff; background:#162d4b; border:0px; text-decoration:none;}
.buton:hover{background:#305f01; border:0px; }


/*Tablo*/
.tablo {margin:0px; padding:0px; display:inline-block; width:100%; font:bold 12px tahoma;}
.tablo p.anabaslik {background:#8e0405 url(img/t-baslik.GIF) repeat-x; color:#600;  display:block; clear:both;}
.tablo p.anabaslik span {display:inline-block; padding:16px 10px; border:0px; }
.tablo p.anabaslik span.sag {display:inline-block; padding:4px 0px; border:0px; }

.tablo p.tablobaslik {background:#8e0405 url(img/tr-baslik.GIF) repeat-x; color:#ae5101;  display:block; clear:both;}
.tablo p.tablobaslik span {display:inline-block; padding:12px 10px; }
.tablo p {margin:0px; padding:0px; background:#FFF; border-bottom:1px solid #e6e6e6 ;display:block; clear:both; overflow:hidden}
.tablo p span {display:inline-block; padding:10px;}
.tablo p span a {color:#333; }.tablo p span a:hover {color:#900;}
.sol {float:left;}
.sag { border-left:1px dotted #e7e7e7; text-align:center; min-width:65px; float:right;}


.uyari {padding:10px 5px; color:#900; font:bold 12px tahoma;}
.hata {padding:20px 20px 25px 60px; background:#400000 url(img/hata.gif) 5px 7px no-repeat; color:#EEE; font:bold 12px tahoma; border:5px solid #200;}
.basari {padding:20px 20px 20px 60px; background:#eee url(img/referans.gif) 10px 7px no-repeat; color:#333; font:bold 12px tahoma; border:5px solid #222;}
.bilgi {padding:20px 20px 20px 60px; background:#eee url(img/yukleniyor.gif) 10px 7px no-repeat; color:#333; font:bold 12px tahoma; border:5px solid #222;}


.menus {margin:0px; padding:5px 0px; padding-top:10px; float:left; list-style:none}
.menus li {float:left; margin:0px; padding:0px 10px; font:bold 11px tahoma; border-right:1px dotted #069; }
.menus li a {color:#fff;} .menus li a:hover {color:#415063;}


#growlcontainer{
  position: fixed;
  left: 35%;
  top: 40%;
  z-index: 1000;
  font-size: 12px;
  width: 340px;
}
.growlstatus{
  position: relative;
 text-align:left;
 /*padding: 15px;*/
  color: #fff;
  margin-bottom: 5px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.growlstatus .growltitle{
  font-weight: bold;
  margin-bottom: 5px;
}
.growlstatusclose{
  position: absolute;
  top: 10px;
  right: 10px;
  width:30px;
  height:30px;
  cursor: pointer;
  display: none;
  background: transparent url(img/growlclose.png) no-repeat;
}

.growlwithicon{
  padding-left: 50px;
  background-position: 5px 10px;
  background-repeat:no-repeat;
}
.growlstatus:hover .growlstatusclose{
  display: block;
}
.growlstatus .growltitle{font:bold 14px tahoma; background:url(img/t-baslik.GIF) repeat-x; color:#200; padding:10px; margin:0px; display:block;}

.yukleniyor {padding:15px; background:#333; text-align:center;}
.yukleniyor, .hata, .basari, .bilgi {-moz-border-radius:10px; -webkit-border-radius:10px;}  

.onaylama {background:#400; padding:15px; color:#EEE; font:bold 12px tahoma; border:5px solid #200; margin:0px; display:block}  
.onaylama .basligi {padding:10px; background:url(img/t-baslik.GIF) repeat-x; color:#FFF; display:block;}


/*BAŞLANGIÇ : Thickbox*/
#TB_window{ font:12px Arial,Helvetica,sans-serif;  color:#333}
#TB_secondLine{position:absolute; bottom:-28px; left:0px; font:bold 12px tahoma;   color:#000}
#TB_window a:link{color:#666}
#TB_window a:visited{color:#666}
#TB_window a:hover{color:#000}
#TB_window a:active{color:#666}
#TB_window a:focus{color:#666}

#TB_overlay{ position:fixed;  z-index:100;  top:0px;  left:0px;  height:100%;  width:100%}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat}
.TB_overlayBG{ background-color:#000;  filter:alpha(opacity=75);  -moz-opacity:0.75;  opacity:0.75}
* html #TB_overlay{ position:absolute;  height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}
#TB_window{ position:fixed;  background:#fff;  z-index:102;  color:#333;  display:none;  border:8px solid #f39a31;  text-align:left;  top:50%;  left:50%;  -moz-border-radius:5px; -webkit-border-radius:5px; font:bold 12px tahoma; }

* html #TB_window{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')}
#TB_window img#TB_Image{  display:block;   margin:0}
#TB_caption{position:absolute; font:bold 12px tahoma; color:#fff; top:-25px; left:0px; opacity:.45; filter:alpha(opacity=45);   padding:0px}
#TB_closeWindow{position:absolute; top:-10px; right:-30px}
#TB_closeAjaxWindow{  padding:0;   margin-bottom:1px;   text-align:right;   float:right;   position:absolute; right:-5px; top:9px}
#TB_ajaxWindowTitle{  float:left;   padding:10px;   margin-bottom:1px}
#TB_title{  background:#b7b58f url(img/tr-baslik.GIF) repeat-x;  color:#ad6005; font:bold 12px tahoma; height:40px; margin:0px; padding:0px;}
.t-baslik{ background:#b7b58f url(img/tr-baslik.GIF) repeat-x;  color:#ad6005; font:bold 12px tahoma; height:15px; margin:0px; padding:14px 5px;}

#TB_ajaxContent{ clear:both;  padding:0px;  overflow:auto;  text-align:left;  line-height:1.4em}
#TB_ajaxContent.TB_modal{ padding:0px}
#TB_ajaxContent p{ padding:0px}
#TB_load{ position:fixed;  display:none;  height:30px;  width:30px;  z-index:103;  top:50%;  padding:5px; text-align:center;  left:50%;  margin:-6px 0 0 -104px}
* html #TB_load{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')}
#TB_HideSelect{ z-index:99;  position:fixed;  top:0;  left:0;  background-color:#fff;  border:none;  filter:alpha(opacity=0);  -moz-opacity:0;  opacity:0;  height:100%;  width:100%}
* html #TB_HideSelect{     position:absolute;      height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}
#TB_iframeContent{  clear:both;   border:none;   margin-bottom:-1px;   margin-top:1px;   _margin-bottom:1px}
.onceki, .sonraki{height:16px; width:16px; float:left; margin:3px}
.topres{float:left; margin:3px; width:25px; font:normal 8px tahoma; text-align:center; color:#FFF}
.sonraki{background:url(img/ileri.gif) no-repeat}
.onceki{background:url(img/geri.gif) no-repeat}
.kapatres{background:url(img/close.png) no-repeat; _background:url(img/close-ie6.gif) no-repeat; display:block; width:36px; height:36px;  top:-15px; right:3px; position:absolute; outline:none; }
.kapat{background:url(img/thickkapat.gif) no-repeat; display:block; width:43px; height:37px;  top:-5px; right:7px; position:absolute; outline:none;}


/*Temizleme*/
.clear {clear:both;}
.clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */