body {
background:url(images/body.jpg);
font: 11px Arial, sans-serif;
height: 100%;
margin:0px;
padding: 0px;
}

/* Tüm genel alanın yapısı bu bölümde kodlanmıştır @A. Seckin Canan */
#container {
height: 100%; 
width:100%; 
position: relative;
}
/* explorer icin*/
#container[id] {
display: table; 
position: static;
}
#middle {
position: absolute; 
top: 3%; 
width: 100%; 
text-align: center; 
}
/* explorer icin*/
#middle[id] {
display: table-cell;  
vertical-align: middle; 
width: 100%;
}
#anablok {
position: relative; 
margin-left: auto; 
margin-right: auto; 
overflow:hidden; 
text-align: left;
width: 926px;
height:595px;
padding:10px 10px 10px 10px;
background-color:#fff;
filter:alpha(opacity=70);
/* firefox icin */
-moz-opacity:1;
}
/* Genel alan kodlarının sonu */

/* Arama formunun kodları */
	#aramaFormu input {
		width: 120px;
		height: 18px;
		padding: 0;
		margin: 5px 0 0 12px;
		float: left;		
		border: none;
		background: #fff;
		font: normal 11px Arial, sans-serif;
	}
	#aramaFormu button {
		width: 29px;
		height: 22px;
		margin: 1px 5px 0 0;
		position:relative;
		float: right;
		text-indent: -9999px;
		border: none;
		background: url(images/aramabuton.png) no-repeat;
		cursor: pointer;
}
.buton {
		width: 141px;
		height: 25px;
		line-height:16px;
		text-align:center;
		padding-left:15px;
		margin:10px 0 6px 0;
		border: none;
		background:url(images/buton.png) no-repeat;
}	
/* Arama formu kodlarının sonu */

/* Logo ve ust bolum */
#containerustblok {
width:910;
height:77;
clear:both;
}
#logo {
float: left;
height: 77px;
width: 201px;
position:relative;
}
#ustsag {
float: right;
height: 77px;
width: 200px;
background:#fff;
}
#dil {
width: 200px;
text-align:right;
position:relative;
}
#aramaFormu {
width: 180px;
height: 27px;
float:right;
margin-top:5px;
margin-left:8px;
overflow: hidden;
background: url(images/aramafon.png) no-repeat;
}
/* Logo ve ust bolumun sonu */

/* Aralık bolumu */
#ara {
height: 20px;
width: 940px;
background:#fff;
clear:both;
}
#ara1 {
float: left;
height: 20px;
width: 201px;
}
#ara2 {
float: left;
height: 20px;
line-height:35px;
}
#arac {
height: 1px;
width: 940px;
margin-top:5px;
clear:both;
}
#arac1 {
float: left;
height: 1px;
width: 180px;
}
#arac2 {
float:left;
height: 1px;
width: 20px;
}
#arac3 {
float: left;
height: 1px;
width: 725px;
background:#ccc;
}
#arak {
height: 16px;
width: 725px;
float:right;
margin-right:15px;
text-align:left;
margin-top:5px;
}
/* Aralık bolumu sonu */

/* Body bolumu */
#kutu {
height: 475px;
width: 940px;
margin:0;
clear:both;
}
#kutusol {
float: left;
height: 475px;
width: 200px;
background:#fff;
}
#kutusag {
float: left;
height: 475px;
width: 740px;
position:relative;
}
#buyukbanner {
width: 740px;
clear:both;
margin-bottom:6px;
position:relative;
filter:alpha(opacity=100);
opacity: 1;
-moz- opacity:1;
}
#bbannersol {
width: 300px;
margin-bottom:6px;
float:left;
position:relative;
filter:alpha(opacity=100);
opacity: 1;
-moz- opacity:1;
}
#bbannersol3 {
width: 410px;
margin-bottom:6px;
margin-top:6px;
float:left;
position:relative;
filter:alpha(opacity=100);
opacity: 1;
-moz- opacity:1;
}
#bbannersol4 {
width: 714px;
margin-bottom:6px;
margin-top:6px;
float:left;
position:relative;
filter:alpha(opacity=100);
opacity: 1;
-moz- opacity:1;
}
#bbannersol2 {
width: 350px;
height:480px;
margin-bottom:6px;
margin-top:4px;
margin-right:10px;
float:left;
text-align:justify;
position:relative;
filter:alpha(opacity=100);
opacity: 1;
-moz- opacity:1;
}
#bbannersol5 {
width: 350px;
height:480px;
margin-bottom:6px;
margin-top:4px;
margin-right:6px;
padding-right:4px;
float:left;
overflow:auto;
scrollbar-arrow-color:#ccc; 
scrollbar-base-color:#ccc; 
scrollbar-darkshadow-color:#333; 
scrollbar-face-color:#fff; 
scrollbar-highlight-color:#e5e5e5; 
scrollbar-shadow-color:#333;
scrollbar-width:5px;
text-align:justify;
position:relative;
filter:alpha(opacity=100);
opacity: 1;
-moz- opacity:1;
}
#bbannersag {
width: 420px;
margin-bottom:6px;
margin-top:6px;
float:left;
position:relative;
filter:alpha(opacity=100);
opacity: 1;
-moz- opacity:1;
}
#bbannersag3 {
width: 300px;
margin-bottom:6px;
margin-top:10px;
margin-left:10px;
float:left;
position:relative;
filter:alpha(opacity=100);
opacity: 1;
-moz- opacity:1;
}
#bbannersag2 {
width: 365px;
height:455px;
margin-bottom:6px;
background:url(images/about.jpg) no-repeat;
margin-top:10px;
float:left;
position:relative;
filter:alpha(opacity=100);
opacity: 1;
-moz- opacity:1;
}
#kucukbanner {
height: 150px;
width: 230px;
margin-right:14px;
position:relative;
float:left;
border:1px solid #999;
}
#kucukbannerc {
height: 120px;
width: 230px;
margin-right:14px;
margin-top:5px;
position:relative;
float:left;
}
.kbannerust {
height: 100px;
width: 230px;
border-bottom:1px solid #CCC;
margin:0;
background:#CCC;
}
.kbannerust2 {
height: 16px;
line-height: 16px;
text-align:center;
width: 230px;
border-bottom:1px solid #CCC;
margin:0;
background:#e5e5e5;
}
.kbanneralt {
height: 42px;
width: 230px;
padding: 2px 2px 2px 2px;
overflow:hidden;
margin:0;
text-align:left;
}
#urunbanner {
height: 127px;
width: 147px;
margin-right:30px;
margin-left:8px;
margin-top:5px;
margin-bottom:10px;
position:relative;
float:left;
}
.ubannerust {
height: 110px;
border:1px solid #999;
overflow:hidden;
margin:0;
background:#CCC;
text-align:center;
}
.ubanneralt {
height: 17px;
overflow:hidden;
text-align:center;
}
#collec {
height:60px; 
width:240px; 
float:left; 
overflow:hidden; 
margin-top:12px;
}
/* Body bolumu sonu */

/* Contact Form */
#form {
margin-top:10px;
position:relative;
}
#sutunb {
width:290px;
text-align:left;
margin-top:5px;
margin-bottom:5px;
line-height:22px;
clear:both;
}
.sutunsol {
width:55px;
text-align:left;
margin-top:5px;
position:relative;
float:left;
}
.sutunsag {
width: 230px;
margin-top:5px;
position:relative;
float:left;
}
	.sutunsag input {
		width: 230px;
		height: 18px;
		padding: 0;
		float: left;		
		border: 1px solid #CCCCCC;
		background: #fff;
		font: normal 12px Arial, sans-serif;
		}
	.sutunsag button {
		width: 50px;
		height: 20px;
		background:#006633;
		font: normal 12px Arial, sans-serif;
		color:#fff;
		position:relative;
		float: right;
		border: 1px solid #CCCCCC;
		cursor: pointer;
		margin-left:5px;
		}
	.sutunsag textarea {
		width: 230px;
		height:100px;
		padding: 0;
		float: left;		
		border: 1px solid #CCCCCC;
		background: #fff;
		font: normal 12px Arial, sans-serif;
		overflow:hidden;
		}
/* Contact Form sonu*/

/* Menüler */
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}

a:hover {
	text-decoration: none;
	color:#000000;
}
a:active {
	text-decoration: none;
}
ul.menu4 {
	margin-top:0;
	margin-left:-26px;
}
ul.menu4 li {
	display: inline;
	padding-right:42px;
}
ul.menu4 li a {
    position: relative;
	color: #666;
	font-size:10x;
}
ul.menu4 li a:hover{
color:#000;
}
/* Menüler son */

/* Kullanılan metinler */
.style6 {
    font-family:Arial, sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #666;
	position:relative;
	letter-spacing: 0px;
	
}
.style5 {
    font-family:Arial, sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #666;
	position:relative;
	letter-spacing: 0px;
}
.style4 {
    font-family:Arial, sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #333;
	position:relative;
}
.style3 {
    font-family: Arial, sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #333;
}
.style2 {
    font-family: Arial, sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #000;
	position:relative;
}
.style1 {
    font-family: Arial, sans-serif;
	font-weight: 500;
	font-size: 12px;
	color: #666;
	position:relative;
}
.baslik {
	font: 12px Arial, sans-serif;
	font-weight:700;
	color: #666666;
	position:relative;
}
.baslik2 {
	font: bold 12px Arial, sans-serif;
	color: #009966;
	position:relative;
}
.baslik3 {
	font: bold 14px Arial, sans-serif;
	color: #009966;
	position:relative;
}
.baslik4 {
	font: bold 11px Arial, sans-serif;
	color: #000;
	position:relative;
}
/* Kullanılan metinlerin sonu */

/* Akordiyon Menu */
.arrowlistmenu{
width: 180px;
}

.arrowlistmenu .menuheader{
font: bold 12px Arial, sans-serif;
list-style-type:square;
color: black;
background:#e5e5e5;
margin-bottom: 8px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{
background:#a1a1a1;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
position:relative;
margin: 0;
margin-left:5px;
padding: 0;
margin-bottom: 6px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
font: 12px Arial, sans-serif;
display: block;
background:url(images/arrowbullet.png) no-repeat center left;
padding: 2px 0;
padding-left: 16px;
text-decoration: none;
border-bottom: 1px solid #dadada;
}

.arrowlistmenu ul li a:visited{
color: #333;
}

.arrowlistmenu ul li a:hover{
color: #000;
background-color: #fff;
}
/* Akordiyon Menu Sonu */

/* Sayfa Numaralama */
#sayfalar {
	padding: 1px;
	float:right;
	margin-right:26px;
}
#sayfalar ul {
	list-style-type: none;
}
#sayfalar li {
	float: left;
	display: inline;
	margin: 0 2px 0 0;
}
#sayfalar li a {
	color: #009933;
	padding: 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	float: left;
}
#sayfalar li a:hover {
	color: #638425;
	background: #f1ffd6;
	border: 1px solid #85bd1e;
}
#sayfalar li.linksiz {
	color: #CCC;
	border: 1px solid #F3F3F3;
	padding: 4px;
}
#sayfalar li.aktif {
	color: #FFF;
	border: 1px solid #b2e05d;
	padding: 4px;
	background: #009933;
}

/* Sayfa Numaralama Sonu */

#loadarea {
	width:400px; 
	height:300px; 
	position:relative; 
	overflow:hidden; 
	border:1px solid #CCCCCC; 
	size:auto;
}