/* BİSMİLLAHİRRAHMANİRRAHİM 
   www.tahaayvali.com
*/


body{background: #263144 url("../img/bg.png") repeat-x; margin:0 auto; }

#genel{width:1000px; margin:0 auto; height:auto;  overflow:hidden;}

.bg{background:url("../img/bg-Ust.png") no-repeat; width:1000px; height:800px;}

/* Logo */
#logo{width:261px; height:71px; position:relative; top:45px; left:20px;}

/* Menü */
#menu{position:relative;display:block;height:26px;font-size:14px;font-family:neosansregular; margin-top:-57px; z-index:200;}
#menu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#menu ul li{display:block;float:right;margin:0;}
#menu ul li a{display:block;float:right;color:#707373;text-decoration:none;padding:30px 20px 0 20px;height:73px;background:transparent url("../img/ayracMenu.png") no-repeat top right;}
#menu a:hover{color:#3b3b3b;}
	
/* Slider */
#Slider{background: url("../img/slider-Bg.png"); width:1081px; height:402px; float:right; margin-right:55px; margin-top:-26px; position:relative; z-index:-1;}
.slider_mask{background:url(../img/slider-Bg.png) no-repeat;position:relative;width:1081px;height:402px;left:-106px;top:-421px;z-index:-20;}

/* Üye Giriş & Üye Ol */
#uyeGiris{float:right; margin-top:-577px; margin-right:96px;}
#yeniUye{float:right; margin-top:-533px; margin-right:155px; }	
	
	
/* Hakkımızda - KısacaBiz */
#hakkimizda{margin-top:-720px;}
.kisacaBiz span{color:#d8d8d9; font-family:neosansregular; font-size:14px;}
.kisacaBiz strong{font-weight:bold; font-size:14px;}
.kisacaBiz p {font-size:11px; color:#dcdddd; font-family:tahoma; width:280px; position:relative; left:2px; top:11px;}
.kisacaBizAlt{position:relative; top:3px;}
#konuDevami{position:relative; top:10px;}
#konuDevami a{text-decoration:underline; font-size:11px; font-family:tahoma; color:#dcdddd; position:relative; left:10px; top:-8px;}
#konuDevami li{background:url("../img/kisacaBizDevam.png"); width:3px; height:4px; position:relative; top:20px;}
	

/* Ürünler */
#urunler{margin-top:-30px;}
.urunlerBaslik{font-size:12px; font-family:neosansregular;  color:#dcdddd; margin-top:250px;}
.urunlerAlt{position:relative; top:3px;}
#urunlerBg{background:url("../img/urunlerBg.png"); width:885px; height:145px; margin-top:20px;}

/* Haberler */
#haberler{background:url("../img/haberler-Bg.png"); width:282px; height:200px; margin-top:15px;}
.haberlerBaslik{font-size:12px; height:45px; font-family:neosansmedium; color:#636363; padding-left:30px; padding-top:18px;}
	
/* Foto Galeri */
#fotoGaleri{float:right; margin-top:-280px; margin-right:114px;}	
.fotoGaleriBaslik{font-size:12px; font-family:neosansregular; color:#dcdddd;}
.fotoGaleriBaslik span{font-family:neosansbold}
.fotoBaslikAlt{position:relative; top:3px;}
#fotoGaleriBg{background:url("../img/galeri-Bg.png"); width:561px; height:145px; margin-top:15px;}
#SolButon-Div{float:left; margin-left:520px; position:relative; top:-37px;}
        #Saklayan-Div{float: left; overflow: hidden; height: 208px;  width: 540px; position: relative; margin-left:10px; top:-4px;}
        #SagButon-Div{ float: right; width:21px; height:25px; margin-top:-270px; }
        #Akan-Div{height: 208px;width: 1380px;position: absolute;}
        .Urun{ height: 115px; width: 127px; text-align: center; margin: 3px;float: left;}	

		
/* Duyurular */
#duyurular{background:url("../img/duyuru-Bg.png"); width:282px; height:134px; margin-top:10px;}
.box {color:#4d4d4d;height: 70px;overflow: hidden;margin: 10px;position:relative;top:35px;left:110px;font-family:tahoma;font-size:11px;width:150px;}
.box ul {float: left}
.box ul li {height: 30px;line-height: 32px;text-indent: 10px}
.asagi{position:relative; left:-10px;}
.box_buton {float: right;position:relative;top:32px;right:10px;}	
	
	#mid{width:950px; margin-top:-40px; }
	
/* Bize Ulaşın */	
#bizeUlasin{background:url("../img/bizeulas-Bg.png"); width:282px; height:164px; float:right; margin-top:-134px; margin-right:365px;}	
.bizeUlasinBaslik{font-size:12px; height:45px; font-family:neosansregular; color:#636363; padding-left:30px; padding-top:17px;}
.bizeUlasinBaslik span{font-family:neosansbold;}
#bizeUlasinBilgiler{padding-left:15px; margin-top:-5px;}
.telefon{background:url("../img/tel.png"); width:15px; height:16px;}
.telefon p{float:left; font-size:12px; font-family:tahoma; width:150px; position:relative; left:25px; top:2px; color:#fff; font-weight:bold;}
.fax{background:url("../img/fax.png"); width:17px; height:16px; position:relative; top:15px;}
.fax p{float:left; font-size:12px; font-family:tahoma; width:150px; position:relative; left:25px; top:2px; color:#fff; font-weight:bold;}	
.eMail{background:url("../img/email.png"); width:17px; height:10px; position:relative; top:30px;}
.eMail p{float:left; font-size:12px; font-family:tahoma; width:150px; position:relative; left:25px; top:-2px; color:#fff; font-weight:bold;}	


/* E-Bülten Aboneliği */
#eBulten{background:url("../img/eBulten-Bg.png"); width:282px; height:164px; float:right; margin-top:-134px; margin-right:-582px;}	
.eBultenBaslik{font-size:12px; height:45px; font-family:neosansregular; color:#636363; padding-left:30px; padding-top:17px;}
.eBultenBaslik span{font-family:neosansbold;}
#eBultenAciklama{font-size:12px; font-family:tahoma; color:#cbcbc9; font-weight:bold; padding-left:13px; margin-top:-5px;}
#eBultenForm{padding:13px;}
.eBulten-form input{background:url("../img/eBultenFormBg.png") no-repeat; width:175px; height:31px; border:none;}
.eBulten-form button{background:url("../img/eBultenKaydol.png") no-repeat; width:69px; height:33px; border:none;}
.kaydol{font-size:12px; color:#cacbcc; font-weight:bold; font-family:tahoma; padding-right:3px;}
.bultenMail{padding-left:4px; font-size:12px; font-family:tahoma;}

/* İçerik */
#icerikGenel{width:800px; margin:0 auto;  margin-top:-580px; margin-bottom:10px; height:auto;}
.icerikSolMenu{ position:absolute; width:250px; float:left;}
.solMenu{background:#fff; width:230px; border:1px solid #acacac; padding:15px; -webkit-border-bottom-left-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	-moz-border-radius-bottomleft: 11px;
	border-bottom-left-radius: 11px;}
.solMenuBaslik{background:#1b5c7d; width:230px; height:; border:1px solid #397ea2; padding:15px; border-top-left-radius: 11px;
-moz-border-radius-bottomright: 11px;}
.solMenuBaslik span{color:#fff; font-size:12px; font-family:tahoma; font-weight:bold;}
.solMenu a{font-size:12px; font-family:tahoma; font-weight:bold; line-height:35px;}
.solMenu a:hover{color:#f99e00;}

#conten{ position:relative; top:-45px;  width:700px; min-height:700px; margin:0 auto; float:right; left:163px; }
.icerikUst{background:#fff; width:570px; height:20px; border-top-right-radius: 11px; border:1px solid #ddd; border-bottom:none;}
.icerikOrta{background:#fff; width:570px; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.icerikAlt{background:#fff; width:570px; height:20px; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; border:1px solid #ddd; border-top:none; margin-bottom:-110px;}
.icerikBaslik{position:relative;font-size:12px; left:25px; font-family:arial; font-weight:bold; color:#b8b7b7;}
.icerikBaslik span{position:relative; top:-2px; right:5px;}
.icerikOrta p{font-size:12px; font-family:tahoma; width:540px; position:relative; margin-top:15px; left:20px;}

.icerikOrta h1 span,.icerikOrta h2 span,.icerikOrta h3 span,.icerikOrta h4 span{
	font-weight: bold;
}




/* Footer */
#footer{background:url("../img/footerBg.png"); height:103px; width:auto;}
.footer{width:1000px; margin:0 auto;}
#foot p{font-size:11px; color:#727273; font-family:tahoma; font-weight:bold; position:relative; top:55px;}
.footerMenu{float:right; margin-right:105px; margin-top:10px;}
.footerMenu li{background:url("../img/footerMenuAra.png") right center no-repeat; padding:5px; width:2px; height:28px; display: inline; margin-right: 1px; padding-right: 15px;}
.footerMenu li a{font-size:11px; font-family:tahoma; font-weight:bold; color:#646c79;}
.footerMenu li a:hover{color:#263144;}
.footerMenu li:last-child{background:none;}
.designed{float:right; margin-top:45px; position:relative; right:-480px;}
.designed span a{font-family:tahoma; font-size:12px; color:#727273; font-weight:bold; position:relative; top:-10px;}


/* font başlangıç */
@font-face {
 font-family: neosansbold;
 src: url("../font/NeoSansPro-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: neosansbold;
 src: url("../font/NeoSansPro-Bold.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: neosansmedium;
 src: url("../font/NeoSansPro-Medium.eot") /* EOT file for IE */
}
@font-face {
 font-family: neosansmedium;
 src: url("../font/NeoSansPro-Medium.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: neosansregular;
 src: url("../font/NeoSansPro-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: neosansregular;
 src: url("../font/NeoSansPro-Regular.ttf") /* TTF file for CSS3 browsers */
}

.pagenavi {
	display:block;
	margin:0 5px 0 0;
	text-align:center;
}
.pagenavi span, .pagenavi a {
	margin: 0 1px;
	display:inline-block;
	padding:0 12px;
	background:url(../images/button-tail.gif) repeat-x 0 0 #3773cc;
	color:#606c56;
	font-weight: bold;
	font-size:12px;
	line-height:25px;
	height:25px;
	text-decoration:none;
	border:none;
	text-transform:none !important;
	border-radius: 0;
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
	border: 1px solid #e1e1e1;
}
	
.pagenavi .pagenavi_prev {
	margin:0 5px 0 0;
}
.pagenavi .pagenavi_next {
	margin:0 0 0 5px;
}
.pagenavi a:hover, .pagenavi .current {
	background:url(../images/button-tail.gif) repeat-x 0 bottom #3773cc;
	color:#fff !important;
	text-decoration:none;
	border: 1px solid #3773cc;
	box-shadow: none;
}

#tablo {border:1px solid #dbdbdb; margin-bottom:8px;  font-size:12px; font-weight:bold;}
#tablo th { padding:6px 4px 6px 10px; margin:0px; color:#333; text-align:left; background-color: #efefef; background-image: -moz-linear-gradient(top, #ffffff, #efefef); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background-image: -webkit-linear-gradient(#ffffff, #efefef);
background-image: -o-linear-gradient(#ffffff, #efefef); background-image: linear-gradient(top, #ffffff, #efefef); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef'); border-bottom:1px solid #dbdbdb;font-size:12px;}
#tablo td { padding:6px 5px 6px 10px; margin:0px; color:#333333; text-align:left; background-color: #ffffff;border-bottom:1px solid #dbdbdb}
#tablo td a {color:#333; text-decoration:none; font-size:12px;}
#tablo td a:hover {color:#FF0000; text-decoration:none;}

form input[type=text], form input[type=password], form textarea, form select {  color: #555555;font-size: 12px;width: 300px;padding: 3px; margin: 3px 0;text-shadow: 0 1px 1px #FFFFFF;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;  font-family: Arial, Helvetica, sans-serif;}
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus { background-color: #FFFFFF;background-image: -moz-linear-gradient(top, #FFFFFF, #F6F6F6); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F6F6));background-image: -webkit-linear-gradient(#FFFFFF, #F6F6F6);
    background-image: -o-linear-gradient(#FFFFFF, #F6F6F6); background-image: linear-gradient(top, #FFFFFF, #F6F6F6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F6F6');border: 1px solid #999999;}
form select { display: inline;  padding: 0;text-shadow: none;}
form option { padding: 3px; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
form textarea { vertical-align: top;}
form input.small,form select.small,form textarea.small{width:130px}
form input.medium,form select.medium,form textarea.medium{width:300px}
form input.medium1,form select.medium1,form textarea.medium1{width:200px}

form input.big,form select.big,form textarea.big{width:440px}
form label.error{font:10px Tahoma,sans-serif;color:#ED7476;margin-left:5px}
form input.error,form input.error:hover,form input.error:focus,form select.error,form textarea.error{border:1px solid #ED7476;background:#FFEDED}
button, form input[type=submit] { cursor:hand; padding: 5px 10px;margin: 2px; font-size: 12px;text-align: center;text-shadow: 0 1px 1px #333333;-webkit-box-shadow: 0 0 3px #CCCCCC;
	-moz-box-shadow: 0 0 3px #CCCCCC;	box-shadow: 0 0 3px #CCCCCC;    -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;    display: inline;
	color: #FFFFFF;	text-shadow: 0 0 1px #b3a47d;	border: 1px solid #666;	background-color: #767076;	background-image: -moz-linear-gradient(top, #8dc63f, #161445);    background-image: -webkit-gradient(linear, left top, left bottom, from(#8dc63fc), to(#161445)); background-image: -webkit-linear-gradient(#8dc63f, #161445);
    background-image: -o-linear-gradient(#8dc63f, #161445);     background-image: linear-gradient(top, #8dc63f, #161445);     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc63f', endColorstr='#161445');}
button:hover, form input[type=submit]:hover {cursor:hand; background-color: #585d87;background-image: -moz-linear-gradient(top, #161445, #f8dc63f);background-image: -webkit-gradient(linear, left top, left bottom, from(#161445), to(#8dc63f));background-image: -webkit-linear-gradient(#161445, #8dc63f);background-image: -o-linear-gradient(#161445, #8dc63f);background-image: linear-gradient(top, #161445, #8dc63f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161445', endColorstr='#8dc63f'); }