﻿@import "reset.css";
*{margin: 0;padding: 0}
html,body{background:#fff; font-family:sans-serif; font-size: 11pt; font-weight:400; color:#000; text-align:center}
div.clear{clear:both; font-size:1px; height:1px; background:none}
a,a:visited{text-decoration:none; color:#1D689F}
a:hover{color:#0099FF}
h1{font-size:100%}
h2{font-size:100%; font-weight:bold; margin-left:0; margin-bottom:0}
h3{font-size:11pt; font-weight:bold; margin-left:0; margin-bottom:0}
h4{font-size:90%; font-weight:normal}
h5{font-size:87%; margin-left:3px; margin-bottom:0; margin-top:7px; color:#000}
h6{font-size:75%; font-weight:200; margin-left:0; margin-bottom:0; }
h1 span,h2 span{color:#52A03F}
.baslik{color:#52A03F; margin: 5px 0 8px 5px; padding-bottom:6px; width:702px; background-image:url('../Img/cizgi_yeni.jpg'); background-repeat:repeat-x; background-position:left bottom}

/* üst kısmın başlangıcı */
#header{width:940px; height:105px; margin:0px auto; margin-top:8px; text-align:left; background-image:url('../Img/cizgi_yatay.jpg'); background-position:bottom; background-repeat:no-repeat}
#logo{width:350px; float:left; margin-top:10px}
#arama{width:391px; height:60px; float:right;  margin-right:40px; margin-top:20px}
#arama .kat{font-weight:normal; font-size:10pt; margin-left:10px; padding-right:15px; height:20px; float:left; background-image:url('../Img/cizgi_arama.jpg'); background-position:right; background-repeat:no-repeat; cursor:pointer}
#arama .kat2{font-weight:normal; margin-left:10px; padding-right:15px; height:20px; float:left; cursor:pointer}
#arama .kat-aktif{font-weight:bold; margin-left:10px; padding-right:15px; height:20px; float:left; background-image:url('../Img/cizgi_arama.jpg'); background-position:right; background-repeat:no-repeat; cursor:pointer}
#arama .kat2-aktif{font-weight:bold;  margin-left:10px; padding-right:15px; height:20px; float:left; cursor:pointer}
#arama #kategori{width:20px; float:left}
#arama .kutu{background-image:url('../Img/arama.gif'); background-repeat:no-repeat; clear:both; height:30px}
#arama input[type=submit]{cursor:pointer}
#ctl00_ac_me{width:301px; height:21px; margin-top:4px; margin-left:8px; outline:none; border:0; border-style:none;  font-size:12pt; font-weight:bold}
#ctl00_btn_arama{border:none; background-color:transparent; width:73px; height:22px; outline:none}
.ac_input {width: 200px;}
.ac_results {padding: 0px; border: 1px solid #e7e7e7; background-color: #fff;	overflow: hidden; margin-top:3px} 
.ac_results ul {text-align:left; width: 100%; list-style-position: outside; list-style: none;	padding: 0;	margin: 0;} 
.ac_results iframe {display:none; display:block; position:absolute; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px;} 
.ac_results li {margin: 0px; padding: 2px 5px; font-size:11pt; cursor: pointer; display: block; width: 100%; font-size: 12px; overflow: hidden;}
.ac_loading {background : url('../imaj/indicator.gif') right center no-repeat}
.ac_over {	background-color: #f6f6f6;	color: #045a9a;}
div.menu{width:950px; margin:0px auto; height:43px}
div.menu #m-sol{float:left; width:250px; text-align:center; padding-top:13px; margin-bottom:7px; margin-top:2px}
div.menu #m-sag{float:right; width:640px; text-align:right; padding-right:50px; margin-top:2px}
div.menu #m-sag img{vertical-align:middle; margin-right:5px; margin-left:15px; }
/* üst kısmın bitimi */

.sayfalama{position:relative; right:0; display:block; clear:both; text-align:right; font-size:10pt}
.sayfalama img{vertical-align:middle; padding:5px}

/* iletişim başlangıcı */
.iletisim {width:720px; font-size:10pt; border:solid 1px #F0F0F0; overflow:hidden; display:block; clear:both; padding:6px 0 8px 6px; margin-bottom:12px }
.iletisim label{display:block; clear:both; margin-top:7px; margin-bottom:1px}
#iletisim input[type=text]{width:310px}
/* iletişim bitişi */

/* her sayfada dinamik olarak değişen içerik bölümünün başlangıcı */
#container{width:950px; margin:0px auto; text-align:left}
#icerik-sol{width:185px; float:left; margin-right:13px; background-image:url('../Img/bg_sol.jpg'); background-position:center; background-repeat:repeat-y; padding-bottom:25px}
#icerik-sol .kat{background-repeat:no-repeat; padding-left:32px; display:block; height:25px; padding-top:3px}
.ayirac{background-image:url('../Img/cizgi_kategori.jpg'); background-repeat:no-repeat; width:180px; height:4px; display:block; clear:both}
#icerik-sol .harita {background-image:url('../Img/harita.jpg'); background-position:right center; background-repeat:no-repeat; display:block; height:37px; width:181px}
#icerik-sol .harita span{display:block; padding-left:31px; padding-top:8px}
#icerik-sol .ekle{background-image:url('../Img/ekle.jpg'); background-repeat:no-repeat; clear:both; height:26px; width:170px; margin-bottom:7px}
#icerik-sol .ekle div input[type=text]{}
#icerik-sol .ekle input[type=submit]{cursor:pointer}
#icerik-sol li{font-size:85%; line-height:20px; margin-left:8px}
#icerik-sag{width:750px; float:right; font-size:95%}
/* her sayfada dinamik olarak değişen içerik bölümünün bitimi */

/* Anasayfa başlangıcı */
#yeni-urunler{width:400px; margin-right:10px; border:solid 1px #F0F0F0; float:left; margin-top:10px; padding:6px 3px 8px 3px}
#yeni-urunler h2{margin-bottom:0px}
.h22{margin-left:8px}
#kare-banner{width:303px; border:solid 1px #F0F0F0; float:left; padding:8px 3px 8px 3px; text-align:center}
.urun{background-image:url('../Img/cizgi_yeni.jpg'); background-repeat:repeat-x; padding:8px 0 8px 4px; display:block; clear:both; margin-bottom:5px}
.urun .resim{width:77px; float:left}
.urun .resim img{width:70px; height:100px}
.urun .aciklama{width:310px; float:right}
.urun .aciklama div{font-size:8pt; margin-top:7px}
.urun .aciklama .ist{background-image:url('../Img/log/ok.gif'); background-repeat:no-repeat; background-position:3px 8px; background-color:#eceaea; padding:3px 5px 3px 15px; margin: 10px 7px 10px 0; display:block; float:left; font-size:9pt; font-weight:bold; display:block; width:55px}
.urun .aciklama div a{color:#009999}

.linkUyeler{display:block; width:300px; text-align:center; margin-top:7px}

#yeni-uyeler{width:310px; border:solid 1px #F0F0F0; float:left; margin-right:13px; margin-top:10px; margin-bottom:10px; padding-top:5px; padding-bottom:10px}
#yeni-uyeler h2{margin-left:8px; margin-bottom:0px}
#yeni-uyeler table{background-image:url('../Img/cizgi_yeni.jpg'); background-repeat:repeat-x}
#yeni-uyeler td{width:100px; height:70px; font-size:10pt; text-align:center; vertical-align:bottom}
#yeni-uyeler img{clear:both}

#kategoriler{width:720px; border:solid 1px #F0F0F0; overflow:hidden; margin-top:10px; padding:3px 0 8px 8px; display:block; clear:both}
#kategoriler #k-dis{width:735px; margin-top:3px; padding-top:6px}
#kategoriler #k-dis div{width:180px; float:left}
#kategoriler #k-dis div img{vertical-align:middle; margin-right:2px;float:left}
#kategoriler #k-dis div li{font-size:85%; line-height:16px; clear:both; padding-left:9px}

p.pUrunEkle {font-size:9pt; margin-top:8px; margin-bottom:8px; text-align:center; margin-bottom:10px}
#ctl00_txt_ekle {width:106px; border:none; outline:none; margin-left:7px; margin-top:5px; background-color:Transparent; font-size:9pt}
div.secret{display:none}
/* Anasayfa bitişi */

/* content slider başlangıcı */
#featured{ width:477px; padding-right:250px; position:relative; border:1px solid #F0F0F0; height:200px; background:#fff;}
#featured ul.ui-tabs-nav{ position:absolute; top:0; left:477px; list-style:none; padding:0; margin:0; width:247px; }
#featured ul.ui-tabs-nav li{ padding:1px 0; padding-left:13px;  font-size:12px; color:#666; }
#featured ul.ui-tabs-nav li img{ float:left; /*margin:2px 5px;*/  padding:5px 7px 3px 5px; /*border:1px solid #eee;*/ }
#featured ul.ui-tabs-nav li span{ font-size:13px; font-family:Arial; line-height:41px }
#featured li.ui-tabs-nav-item a{ display:block; height:48px; color:#333;  background:#fff; line-height:20px; outline:none;}
#featured li.ui-tabs-nav-item a:hover{ background:#f2f2f2; }
#featured li.ui-tabs-selected {background:url('../images/selected-item.jpg') center left no-repeat;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#cde9f4; outline:none;}
#featured .ui-tabs-panel{ width:480px; height:200px; background:#F0F0F0; position:relative;}
#featured .ui-tabs-panel .info{ position:absolute; top:140px; left:0; height:60px; background: url('../images/transparent-bg.png'); }
#featured .info {width:100%}
#featured .info h2{ font-size:16px; font-family:Verdana; color:#fff; padding:4px 0 3px 10px; margin:0; overflow:hidden; }
#featured .info p{ margin:0 10px; font-family:Arial; font-size:12px; line-height:15px; color:#f0f0f0;}
#featured .info a{ text-decoration:none; color:#fff; }
#featured .info a:hover{ text-decoration:underline; }
#featured .ui-tabs-hide{ display:none; }
/* content slider bitişi */

/* Ürün sayfası başlangıcı */
.u_resim{width:180px; padding:6px 10px 0 0; float:left}
.u_detay{float:left; width:336px; padding-top:6px }
.u_detay table{width:336px; border:none; display:block; clear:both; font-size:10pt; border-collapse:collapse}
.u_detay table tr{height:18px;}
.u_detay table td{padding-left:5px; padding-top:3px; padding-bottom:0; border:dotted 1px #eaeaea}
.u_detay table .td_baslik{width:130px;}
.u_detay .issa{background-image:url('../Img/log/ok.gif'); background-repeat:no-repeat; background-position:3px 8px; background-color:#eceae4; padding:3px 5px 3px 15px; margin: 10px 7px 10px 0; display:block; float:left; font-size:77%; font-weight:bold; display:block; width:90px}
.u_sahipistek,.u_aciklama, .screenshot, .u_yorum{display:block; clear:both; margin-top:8px}
.u_sahipistek h2, .screenshot h2, .u_yorum h2{padding-top:14px}

#secim{float:left; width:180px}
#secim div{background-image:url('../Img/bg_secim.jpg'); background-repeat:no-repeat; width:180px; height:23px; line-height:20px}
#secim div img{margin-left:5px;  margin-right:10px; vertical-align:middle}
.clearr{width:710px; clear:both;display:block; height:1px; margin-bottom:20px}
.u_uye{float:left; text-align:center; width:74px; height:90px; font-size:9pt}
.p_uye{padding-left:5px; padding-right:8px; font-size:8pt}
.u_aciklama p{font-size:10pt}
.yildiz{vertical-align:middle}

.paylas:hover {background-position:-84px -1px;}
.paylas { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url('../img/paylas.jpg') no-repeat scroll 0 -1px; color:#3B5998; display:block; float:left; font-size:11px; height:27px; padding:1px 0 0 0; text-align:left; text-decoration:none; width:85px; outline:none;}
/* Ürün sayfası bitişi */

/* sistem akışı başlangıcı */
.akis_linkler{margin:10px 0 6px 5px}
.akis{padding:3px 15px 3px 15px}
.akis1{background-color:#f2f2f2; padding:3px 15px 3px 15px}
.post{width:700px; border-bottom:solid 1px #f7f7f7; display:block; clear:both; font-size:10pt}
.post img{float:left; padding:8px 5px 8px 5px}
.post div{float:left; padding-top:20px}
.post div .kk{color:#000; font-weight:bold}
/* sistem akışı sonu */

/* Üye girişi veya kayıt başlangıcı */
#uye-girisi{width:275px; border:solid 1px #F0F0F0; float:left; height:360px; padding-left:10px; margin-right:10px}
#uye-kayit{width:440px; border:solid 1px #F0F0F0; float:left; height:360px; padding-left:10px}
#uye-girisi h1,#uye-kayit h1{margin-left:8px; line-height:26px; margin-left:0; margin-bottom:10px; background-image:url('../Img/cizgi_yeni.jpg'); background-repeat:repeat-x; background-position:bottom}
#ctl00_cp1_cb_hatirla{float:left; margin-top:4px}
#uye-girisi label{margin-top:4px}
#uye-girisi label,#uye-kayit div label{font-weight:500; line-height:20px; display:block}
#uye-girisi input[type=text],#uye-kayit input[type=text]{width:170px; margin-top:3px; font-size:11pt; font-weight:bold}
#uye-girisi input[type=submit],#uye-kayit input[type=submit]{margin-top:8px; width:75px; font-weight:bold; height:25px}
#uye-kayit table{width:420px}
#uye-kayit td{width:210px; height:20px}
/* Üye girişi veya kayıt bitişi */

/* Üst kategori başlangıcı */
#ust-kategori,#ust-kategori2,#rasgele-kategoriler{width:727px; border:solid 1px #F0F0F0; overflow:hidden; padding-left:8px; padding-top:6px; padding-bottom:8px; display:block; clear:both}
#ust-kategori2{margin-top:10px; width:720px}
#ust-kategori h2{background-image:url('../Img/cizgi_yeni.jpg'); padding-bottom:5px; margin-bottom:6px; background-repeat:repeat-x; background-position:bottom}
#ust-kategori2 #ust-kategori-urunler{float:left; width:400px}
#ust-kategori2 #uyeler{float:right; text-align:left; width:300px}
#ust-kategori2 #uyeler p{font-size:10pt; margin-top:5px; margin-bottom:2px}
#uyeler h2{background-image:url('../Img/cizgi_yeni.jpg'); padding-bottom:5px;background-repeat:repeat-x; background-position:bottom}
#uyeler td{width:90px; height:70px; font-size:9pt; text-align:center; vertical-align:bottom}
#uyeler td img{clear:both}

#rasgele-kategoriler{margin-top:10px; margin-bottom:10px; font-size: 93%}
#rasgele-kategoriler #ras1,#ras2,#ras3{width:233px; float:left}
#rasgele-kategoriler #ras1,#ras2{margin-right:14px}
#rasgele-kategoriler .urun .aciklama{width:140px}
#rasgele-kategoriler li{font-size:85%; line-height:16px; clear:both; padding-left:2px}
/* Üst kategori bitişi */

#ekle{width:720px; border:solid 1px #F0F0F0; overflow:hidden; padding-left:15px; padding-top:6px; padding-bottom:8px; display:block; clear:both}
#ekle label{display:block; clear:both; margin-top:7px; margin-bottom:1px}
#ekle-urunler{display:block; padding-top:6px}
#ekle-urunler ul{margin-top:6px}
#ekle-urunler li{background-image:url('../Img/ok_k.gif'); background-repeat:no-repeat; background-position:left 3px; padding-left:15px}
#ekleme{display:block; clear:both; margin-top:7px; margin-bottom:1px}
#ekle input[type=text]{width:250px}
#ekle input[type=submit]{display:block; width:100px; margin-left:155px; margin-top:6px; margin-bottom:10px; height:26px}
#ekle select{width:255px}

/* kullanıcı profili başlangıcı */
#log{margin-top:5px}
#log a:link,#log a:visited {color:#03598f; text-decoration:none;}
#log a:active,#log a:hover{color:#000305;}
.log1, .log2, .log3, .log4, .log5, .log6, .log7, .log8, .log9, .log10, .log11, .log12, .log13, .log14, .log15, .log16, .log17{background-repeat:no-repeat; font-size: 94.1%; background-position:left 5px; padding-left:28px; line-height:25px}
.log1{background-image:url('../Img/log/kitap.jpg')}
.log2{background-image:url('../Img/log/muzik.jpg')}
.log3{background-image:url('../Img/log/film.gif')}
.log4{background-image:url('../Img/log/oyun.jpg')}
.log5, .log6, .log7, .log8, .log9, .log10, .log11, .log12, .log13, .log14, .log15, .log16, .log17 {background-image:url('../Img/log/ok.gif'); background-position:10px 10px; }

blockquote .start, q .start, .quote .start {line-height:3px; padding-right:2px;}
blockquote .q, q .q, .quote .q {color:#CCBFAD; font-family:"Lucida Grande",Georgia,serif; font-size:30px; height:28px; line-height:0; overflow:hidden; vertical-align:bottom; width:1em;}

.urunP{padding:5px; margin:12px 3px 3px 3px; width:220px; height:135px; float:left; background-color:#faf9f9}
.urunP .resimP{width:77px; float:left}
.urunP .resimP img{width:70px; height:100px}
.urunP .aciklamaP{width:140px; float:right; font-size:11pt}
.urunP h6{margin-bottom:7px}
.p_yok{margin-top:4px; margin-bottom:7px; padding-left:2px}
.urunP .aciklamaP .gri{background-image:url('../Img/log/ok.gif'); background-repeat:no-repeat; background-position:3px 8px; background-color:#eceaea; padding:3px 5px 3px 15px; margin:3px 7px 5px 0; display:block; float:left; font-size:77%; font-weight:bold; display:block; clear:both; width:120px}
.urunP .aciklamaP div a{color:#009999}
/* kullanıcı profili bitişi */

#footer {display:block; width:940px; height: 100px; font-size:10pt; clear:both; margin:0px auto; background-image:url('../Img/cizgi_yatay.jpg'); background-repeat:no-repeat; background-position:60px 15px; padding-top:15px}
.f_sol{float: left; width: 150px; text-align:center}
.f_sol img{margin-top:10px}
.f_orta{float: left; width: 640px; text-align:center; color: #808080}
.f_orta a{color: #808080; text-decoration:none; margin-left:12px; margin-right:12px}
.f_orta a:visited{color: #808080;text-decoration:none}
.f_orta a:hover{color: #000}
.f_sag{float: left; width: 150px; text-align: right}
.f_sag img{margin-top:10px; margin-right:10px}


/* lightbox başlangıcı */
#jquery-overlay {	position: absolute;	top: 0;	left: 0; z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox {	position: absolute;	top: 0;	left: 0; width: 100%;	z-index: 100;	text-align: center;	line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color: #fff;	width: 250px; height: 250px;	margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {	position: absolute;	top: 0;	left: 0;	height: 100%; width: 100%;	z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%;	height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {	width: 66px; float: right;	padding-bottom: 0.7em;}
/* lightbox bitişi */

#ctl00_cp1_pnl_feed .baslik {margin-top:30px;}
