/* 
	Created: 04 January, 2012
	Version: 1.2 Jibon.Net - Main CSS File 
	Author: Eray Mutlu - http://www.jibon.net
*/

/*/ General /*/
a:hover{color:#333 !important;}
div.page {width:1000px; margin:0 auto; padding:0; height:auto;}

/*#######################/ Header /##########################*/
div#header { background:url(../images/bg/head-bg.jpg) left top repeat-x; width:100%; height:156px; margin:0 0 10px;}
	div#header a#logo { margin:0; width:550px; height:109px; float:left; overflow: hidden;}
	div#header div#sepet{ background:url(../images/icons/sepet.png) left top no-repeat;  padding: 10px 0 0 50px; display:inline-block; height: 40px; float:right;   margin: 31px 0 0 0;width:182px;   }
	div#header div#sepet a{color:#6b6b6b;}
	/*/ Menu /*/
	div#header ul#menu { display:inline-block; width:680px; float:left; height:42px; padding:3px 0 0;}
	div#header ul#menu li{ background:url(../images/icons/ayirac.jpg) right 3px no-repeat; display:inline-block; float:left; height:40px; margin:0 10px 0 0;}
	div#header ul#menu li a{padding:14px 10px 10px 0; font-size:13px; color:#7d7d7d; display:block; font-weight:bold;}
	div#header ul#menu li a:hover{ color:#3cbf11;}
	div#header div#ara { float:right; margin:8px 0 0; width:270px; height:40px;}
	div#header input.ara { background:#FFF; border:1px solid #dadada; padding:6px; float:left; width:215px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
	div#header a#ara { background:url(../images/icons/search.png) #000000  5px 5px no-repeat; width:30px; float:left; height:28px; display:block; border:1px solid #CCC;}

/*#######################/ LEFT /##########################*/
div#left { width:200px; height:auto; float:left; margin:0 10px 0 0;}
	div.kutucuk { background:url(../images/bg/h1.png) #000000 left top no-repeat; width:175px; height:26px; color:#fefffe; padding:12px 0 0 25px; font-size:14px; font-weight:bold;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
	div.box { background:#f7f7f7; border:1px solid #e1e1e1; padding:10px; margin:0 0 15px;}
	div#left ul#menu { background:#f7f7f7; border:1px solid #e1e1e1; padding:10px; margin:0 0 15px;}
		div#left ul#menu li{ background:url(../images/bg/menu-li-bg.png) 5px 3px no-repeat; border-bottom:1px dotted #5b5b5b; margin:0 0 5px; padding:0 0 0 15px;}
		div#left ul#menu li a{ color:#5b5b5b; font-weight:bold; padding:0 0 5px; display:block;}

/*#######################/ CONTENT /##########################*/
div#conten{ width:790px; height:auto; float:left;}
	 #bar{ width:780px; background:#FFF; border:1px solid #e5e5e5; margin:0 0 10px; padding:5px; color:#5b5b5b; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; display:inline-block;}
	 #bar ul{ display:inline-block; margin:8px 0;}
		 #bar ul li{ float:left; margin:0 5px;}
		 #bar ul li a{ padding:0 5px;}
		 #bar ul li a.yesil{color:#000000; font-weight:bold;}
	 #product {width:770px; min-height:300px; padding:20px 10px; display:inline-block; background:url(../images/bg/tab-content-bg.jpg) #FFF center bottom repeat-x; border:1px solid #e5e5e5; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	 #product h1{ color:#222222; font-size:14px; font-weight:bold;}
	 #product h5{ border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; background:#fafafa; padding:10px 0 10px 10px; font-size:12px; margin:0 0 20px;}
		 #product div#gallery { float:left; margin:0 20px 0 0;}
			 #product div#gallery ul#img-s { display:inline-block; margin:10px 0 0; width:235px;}
			 #product div#gallery ul#img-s li{ background:#FFF; border:1px solid #e5e5e5; margin:0 4px 8px; padding:3px; float:left; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
			 #product div#gallery ul#img-s li a{}
			
	/* Detail */
	 #product #detail{margin:30px 0 0;}
		 #product #detail .tanim{font-size:12px;}
		 #product #detail span{ color:#525252;}
		 #product #detail table{margin:20px 0 0; font-size:12px; color:#4d4d4d;}
		 #product #detail a.button{ float:right; margin:20px 10px 0 0; background:none; padding:0; border:none;}
		
	/* Detail */
	 #product ul#odeme-secenek{ background:url(../images/bg/odeme-secenek.png) center top no-repeat; width:765px; height:95px; padding:5px 0 0 5px;}
		 #product ul#odeme-secenek li{ float:left; margin:0 8px; padding:5px 0px; width: 137px;}
		 #product ul#odeme-secenek li:hover{ background:#d9e9d3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
		 #product ul#odeme-secenek li.secili{background:#d9e9d3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
		 #product ul#odeme-secenek li a{}
		
		ul.yorum_kutu li {display: inline-block;float: none;margin: 5px 20px;width: 467px;}
		.yorum_text {border: 1px solid #D9D9D9;border-radius: 0.5em 0.5em 0.5em 0.5em;display: block;font-size: 14px;padding: 5px 6px;text-align: left;width: 350px;}
		.yorum_baslik_yazi {color: #433F38;display: block;float: left;font-weight: bold;padding-top: 8px;width: 100px;}
		ul.yorum_kutu li button.yorum_yap {background-color: #F2F2F0;border: 1px solid #433F38;color: #433F38;font-weight: bold;}
		ul.musteri_yorumlar li {border-bottom: 1px solid #F2F2F0;display: inline-block;margin: 0 10px 40px;padding-bottom: 10px;width: 590px;}
		ul.musteri_yorumlar li div.like_button a {float: left;height: 24px;margin: 5px 15px 0 0;width: 24px;}
		ul.musteri_yorumlar li div.kac_kisi {color: #729F09;font-size: 20px;font-weight: bold;margin: 9px 0 0 5px;}
	
	a.devam_et { background:url(../images/button/devam_et.png) left top no-repeat; width:109px; height:31px; display:block;}
    a.sepete_don { background:url(../images/button/sepete_don.png) left top no-repeat; width:127px; height:31px; display:block;}
	
	 #product table#sepet {}
		 #product table#sepet .fiyat{ color:#54a338; font-size:14px; font-weight:bold;}
		 #product table#sepet input.adet{ background:#fafafa; border:1px solid #a8a8a8;  font-size:12px; font-weight:bold; padding:5px; width:40px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-align:center;}
		 #product a.button{ background:#f7f7f7; border:1px solid #a7a7a7; color:#808096; font-size:12px; font-weight:bold; padding:5px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block;}
		 #product button.button{ background:#f7f7f7; border:1px solid #a7a7a7; color:#808096; font-size:12px; font-weight:bold; padding:0 5px 5px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block; height:25px; cursor:pointer;}
		 #product input.button{ background:#f7f7f7; border:1px solid #a7a7a7; color:#808096; font-size:12px; font-weight:bold; padding:0 5px 2px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block; height:25px; cursor:pointer;}
		
	 #product table#fiyat { margin:20px 0; font-size:12px;}
	 #product input#odeme-tamamla { background:url(../images/button/siparisi-tamamla.png) left top no-repeat; width:297px; height:31px; border:none; margin:30px 0; padding:0; cursor:pointer;}
	.newcard {border: 1px solid #C0C0C0;float: left;margin: 0 20px 20px 0;}
	
	ul.haberler {display: inline-block; width: 175px;}
	ul.haberler li{ margin:0 0 5px;}
	ul.haberler li a{ color:#5B5B5B; font-size:11px; font-weight:normal; margin:0;}
	ul.haberler li a.devam{ color:#5B5B5B; font-size:11px; font-weight:bold; margin:5px 0 0;}
	
/*#######################/ CENTER /##########################*/
div#center { width:580px; height:auto; float:left; margin:0 10px 0 0;}
	div#center #bar{ width:567px; background:#FFF; border:1px solid #e5e5e5; margin:0 0 10px; padding:5px; color:#5b5b5b; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; display:inline-block;}
	 #bar ul{ display:inline-block; margin:8px 0;}
		div#center #bar ul li{ float:left; margin:0 5px;}
		div#center #bar ul li a{ padding:0 5px;}
		div#center #bar ul li a.yesil{color:#000000; font-weight:bold;}
	
	div#center .slider{ border:5px solid #f4f4f4; position: relative; z-index: 1;}
	div#center .list{ border:1px solid #d3d3d3; background:#FFF; padding:3px 5px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
	div#center h1{ background:url(../images/bg/title_bg.png) center 3px repeat-x; font-size:18px; font-weight:bold;}
	div#center ul.product{ display:inline-block; margin:10px 0 30px;}
		div#center ul.product li{width:158px; height:auto; text-align:center; border-right:1px solid #dfdfdf; padding:0 10px; float:left;}
			div#center ul.product li h2 a{ color:#5b5b5b; font-size:12px; font-weight:bold; display:block; text-align:center; height:16px; overflow:hidden;}
			div#center ul.product li a img{ display:block; margin:8px auto 3px;}
			div#center ul.product li span{ color:#000000; font-size:22px; font-weight:bold; display:block; margin:0 0 5px;}
			div#center ul.product li a.incele{background:#000000; padding:3px 10px; color:#ffffff;font-size:11px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
			div#center ul.product li a.incele:hover{color:#ffffff !important;}
            div#center ul.product li a.sepete_at{background:#000000; padding:3px 10px; color:#ffffff; font-size:11px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
            div#center ul.product li a.sepete_at:hover{color:#ffffff !important;}
			div#center ul.product li div.hemen_teslim{ background:url(../images/icons/ayni_gun_kargo.jpg) left top no-repeat; width:71px; height:25px; float:left; margin:10px 0 0;}
            div#center ul.product li div.hizli_gonderim{ background:url(../images/icons/hizli_gonder.jpg) left top no-repeat; width:71px; height:25px; float:left; margin:10px 0 0;}
			div#center ul.product li div.ucretsiz_kargo{ background:url(../images/icons/bedava_kargo.jpg) left top no-repeat; width:61px; height:29px; float:right; margin:10px 0 0;} 
			ul.tags {display: inline-block;float: none;margin: 10px 0 0;min-width: 260px;width: auto;}
			ul.tags li {float: left;list-style-type: none;margin-right: 3px;}
			ul.tags li a {color: #5B5B5B;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;margin-right: 3px;text-decoration: none;}
			ul.tags li a:hover {text-decoration: underline;}
			
			a.sayfalama {background-color: #5B5B5B;border: 1px solid #f2f2f2;color: #f2f2f2;display: block;float: left;font-size: 12px;font-weight: bold;margin: 1px 2px;padding: 2px 5px;text-decoration: none;}
			.sayfalama {background-color: #f2f2f2;border: 1px solid #5B5B5B;color: #5B5B5B;display: block;float: left;font-size: 12px;font-weight: bold;margin: 1px 2px;padding: 2px 5px;}
			
			ul.user-login{ float:right; height:20px; margin:8px 0px 0 0;  position: relative;width:445px; }
				ul.user-login li{ float:right; margin:0 5px; color:#5B5B5B;}
				ul.user-login li a{ padding:0 5px;}
				
			ul.haber-b{margin: 30px 0 0 20px;width: 500px;}
			ul.haber-b .benzer{ font-size:12px; font-weight:bold; display:block; margin:0 0 10px; padding:0 0 5px; border-bottom:1px solid #E5E5E5;}
			ul.haber-b li{ margin:0 0 5px;}
			ul.haber-b li a{ font-size:11px; font-weight:bold; color:#333; display:block;}
			ul.haber-b li span{ font-size:10px; padding:0 0 0 15px;}
			
			ul.haber{}
			ul.haber li{ margin:0 0 10px; padding:0 0 10px; display:inline-block; width:560px; border-bottom:1px solid #E5E5E5;}
			ul.haber li a{ font-size:14px; font-weight:bold; color:#333; display:block; margin:0 0 10px;}
			ul.haber li span{ font-size:11px; display: block;font-size: 11px;height: 85px;margin: 0 0 15px; overflow: hidden;}
            ul.haber li a.devam{color: #333333;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 3px 10px; background:#F7F7F7; border:1px solid #E5E5E5;}
            
            ul.bloglar{}
			ul.bloglar li{ margin:0 0 10px; padding:0 0 10px; display:inline-block; width:560px; border-bottom:1px solid #E5E5E5;}
			ul.bloglar li a{ font-size:14px; font-weight:bold; color:#333; display:block; margin:0 0 10px;}
			ul.bloglar li span{ font-size:11px; display: block;font-size: 11px;height: 85px;margin: 0 0 15px; overflow: hidden;}
            ul.bloglar li a.devam{color: #333333;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 3px 10px; background:#F7F7F7; border:1px solid #E5E5E5;}
            
            
    div#center ul.tagslar{ margin:10px 0 30px;}
		div#center ul.tagslar li{width:560px; height:auto;border-bottom:1px solid #dfdfdf; margin:0 0 10px; padding:0 10px 10px; display:inline-block; }
			div#center ul.tagslar li h2 a{ color:#5b5b5b; font-size:12px; font-weight:bold; display:block; height:16px; display:block; overflow:hidden;}
			div#center ul.tagslar li a img{ display:block; margin:8px auto 3px; float:left; border:1px solid #E5E5E5; margin:0 10px 10px 0; display:inline-block;}
			div#center ul.tagslar li span{ color:#000000; font-size:11px; display: block;font-size: 11px;height: 35px;margin: 0 0 15px; overflow: hidden;}
            
            div#center ul.tagslar li a.devam{color: #333333;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 3px 10px; background:#F7F7F7; border:1px solid #E5E5E5;}
            
/*#######################/ RIGHT /##########################*/
div#right { width:200px; height:auto; float:left; margin:0;}
	#slideshow {height: 160px;margin: 0 auto;position: relative;width: 175px; text-align:center;}
	#slideshow #slidesContainer {height: 160px;margin: 0 auto;overflow: auto;position: relative;width: 175px;}
	#slideshow #slidesContainer .slide {height: 160px;margin: 0 auto;width: 175px;}
	.control {cursor: pointer;display: block;height: 20px;margin-top: 145px;position: absolute;text-indent: -10000px;width: 20px;z-index: 100;}
	#leftControl {background: url("../images/icons/k_prev.png") no-repeat scroll 0 0 transparent;left: 0;top: 0;}
	#rightControl {background: url("../images/icons/k_next.png") no-repeat scroll 0 0 transparent;right: 0;top: 0;}
	.slide img {float: right;}
	.slider_yazi {color: #5b5b5b;display: inline-block;height: 40px; overflow: hidden; padding: 5px 0 3px;text-align: center;text-decoration: none;width: 175px; font-weight:bold; line-height:20px;}
	
	.kullanici_giris{ color:#8D8D8D;}
	.kullanici_giris a{ color:#8d8d8d; font-size:10px; font-weight:bold;}
	.kullanici_giris input{ background:#f8f8f8; border:1px solid #dadada; padding:5px 5px 5px 25px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    .kullanici_giris input.user {background:#fff url('../images/icons/icon_username.png') no-repeat 6px 4px;}
    .kullanici_giris input.pass {background:#fff url('../images/icons/icon_password.png') no-repeat 6px 4px;}
	.kullanici_giris input.button{ background:url(../images/icons/giris_yap.png) left top no-repeat; width:75px; height:26px; padding:0; border:none; cursor:pointer;}
	
	ul.encoksatan {}
	ul.encoksatan li{ text-align:center;}
	ul.encoksatan li a h2{ color:#5b5b5b; font-size:12px; font-weight:bold; display:block; margin:0 0 10px; height: 16px;overflow: hidden;}
	ul.encoksatan li a img{}
	ul.encoksatan li strong{ color:#000000; font-size:20px; font-weight:bold; display:block; margin:8px 0;}
	ul.encoksatan li a.text{ color:#5b5b5b; display:block; height: 29px; overflow: hidden;}
	
/*#######################/ FOOTER /##########################*/
div#footer_title{
	width:100%;
	height:40px;
	display:inline-block;
	margin:50px 0 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#000000;
	}
		div#footer_title h4{ color:#fefffe; font-size:15px; background:none; display:block; margin:12px 0 0; width:245px; float:left;}
	
	div#footer { width:100%; height:auto; min-height:200px; display:inline-block; background:#f4f4f4;}
		div#footer ul { width:223px; float:left; margin:20px 10px 0;}
			div#footer ul li{ list-style-type:disc;}
			div#footer ul li a{color:#5b5b5b; font-weight:bold; line-height:20px;}
		div#footer table#about{ width:225px; float:left; margin:10px 10px 0; color:#5b5b5b;}
		div#footer table#maillist{ width:225px; float:left; margin:10px 10px 0; color:#5b5b5b;}
			div#footer table#maillist div#ara {margin:8px 0 0;}
			div#footer table#maillist input#email { background:#FFF; border:1px solid #dadada; padding:6px; float:left; width:155px;}
			div#footer table#maillist a#ara { background:#000000; float:left; font-size:12px; padding:6px 8px; font-weight:bold; color:#fefffe; display:block; border:1px solid #CCC;}
	div#footer_bottom { width:100%; height:25px; padding:10px 0 0; color:#ffffff; display:inline-block; background:#2d2b29;}
	div#footer_bottom ul { float:right;}
			div#footer_bottom ul li{ float:left; margin:0 5px;}
			div#footer_bottom ul li a{color:#ffffff;}
            
    ul#sosyal_medya {display:inline-block;}
    ul#sosyal_medya li{display:inline-block; float:left; margin:0 5px 0 0;}
    ul#sosyal_medya li a{display:inline-block;}
    
    ul#blog_resim {display:inline-block;}
    ul#blog_resim li{display:inline-block; float:left; margin:0 5px 0 0;}
    ul#blog_resim li a{display:inline-block;}
            
/* Customize - tabs*/
.ui-widget-header a {color:#000000 !important;}
/*----/ Color /----*/
.green { color:#000000;}
.error { color:red; display:block;}
#goster  label.error { text-indent:-9999px; display:none; position:absolute;}
#goster  input.error { border:1px solid red;}


div#subcategory ul {border-bottom:0px solid #CCC;display:block;   }
div#subcategory ul li{ border: 1px solid #E5E5E5;
    float: left;
    height: 100px;
    margin: 0 4px 8px;
    overflow: hidden;
    padding: 3px;
    text-align: center;
    width: 100px;}
    div#subcategory ul li{ border: 1px solid #E5E5E5;
    float: left;
    height: 100px;
    margin: 0 4px 8px;
    overflow: hidden;
    padding: 3px;
    text-align: center;
    width: 100px;}

	  div#news ul#img-s { display:inline-block; margin:10px 0 0; width:100%;}
			  div#news ul#img-s li{ background:#FFF; border:1px solid #e5e5e5; margin:0 4px 8px; padding:3px; float:left; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
			  div#news ul#img-s li a{ float:left;}
			 
            
 #screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#CDCDCD;
	padding:10px;
	display:none;
	color:#fff;
	 border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #CDCDCD;
	}
.screenshot { cursor:pointer; }
/*  */


.thumb{
	border: 1px solid #DEDEDE;
    float: left;
    margin: 0 10px 5px 0;
    padding: 3px;
}