/* CSS Document */
body{
	background:url(bg.png) repeat-x 0 0 #240d0c; color:#B3B2B2;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}



/* ----------------------------- header start ----------------------- */
#header{
	width:1050px; margin:0 auto; padding:0; background:url(bg-new.jpg) no-repeat; margin-top:-1px  }
#headerLeft{
	width:509px; height:460px; padding:0px 0 0 0px; float:left; 
	}
#headerLeft img{
	border:none;}
#headerLeft ul{
	float:left; padding:29px 0 0 159px;}
#headerLeft ul li{
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#898989; text-transform:uppercase;}
#headerLeft ul li a{
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#898989; 
	text-transform:uppercase; text-decoration:none; display:block;
	background-image:none; padding:0 20px 0 28px; margin:0 4px 0 0;}
#headerLeft ul li a:hover{
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#898989; 
	text-transform:uppercase; text-decoration:none; display:block;
	background:url(images/red_bullet.gif) no-repeat 0 4px; padding:0 20px 0 28px; margin:0 4px 0 0;}
#headerLeft ul li a.hover{
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#898989; 
	text-transform:uppercase; text-decoration:none; display:block;
	background:url(images/red_bullet.gif) no-repeat 0 4px; padding:0 20px 0 28px; margin:0 4px 0 0;}
#headerRight{
	width:509px; height:460px; padding:0px 0 0 0; float:left;}
.rightTop{
	background:url(images/devider.gif) repeat-x left bottom; float:left;}
.rightTopLeft{
	width:375px; text-align:left; font-size:20px; }
.rightTopLeft .yellow{ color:#FFFF00; font-weight:bold; font-size:25px;}
.rightTopLeft .red{ color:#FF0000; font-weight:bold; font-size:25px;}
.rightTopLeft h2{
font-size:20px; line-height:30px; color:#161616; padding:5px 0px 10px 10px; }
.rightTopLeft ul{
	padding:12px 8px 0 11px;}	
.rightTopLeft ul li{
	background: rgba(200, 200, 200, 0.2); padding:0; height:19px;
	font:normal 11px/18px Arial, Helvetica, sans-serif; color:#333333;}
.rightTopLeft ul li.noborder{
	background:url(images/squar_bullet.gif) no-repeat 0 8px #3D3C3C; padding:0; height:19px;
	font:normal 11px/18px Arial, Helvetica, sans-serif; color:#E6E6E6;}
.rightTopLeft ul li.noborder a{ color:#E6E6E6;}
.rightTopLeft ul li a{
	background: rgba(200, 200, 200, 0.5); display:block; padding:0 0 0 8px;
	font:normal 11px/18px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}
.rightTopLeft ul li a:hover{
	background:url(images/squar_bullet.gif) no-repeat 0 8px #3D3C3C; display:block; padding:0 0 0 8px;
	font:normal 11px/18px Arial, Helvetica, sans-serif; color:#E6E6E6; text-decoration:none;}
.rightTopRight{
 float:right; padding:6px 0 0 17px; color: #000000; background: rgba(255, 255, 255, 0.2);
 }
.rightTopRight h3{
	font:bold 12px/18px Arial, Helvetica, sans-serif; color:#FF0000; padding:10px 0 0 0;  }
.rightTopRight p strong{
	font:bold 12px/18px Arial, Helvetica, sans-serif; color:#000000;}
.rightTopRight p{ padding-right:5px;}
.rightTopRight p a{
	font:normal 11px/18px Arial, Helvetica, sans-serif; color:#B3B2B2; text-decoration:underline;}
.rightTopRight p a:hover{
	font:normal 11px/18px Arial, Helvetica, sans-serif; color:#B3B2B2; text-decoration:none;}
a.more{
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background: rgba(0, 0, 0, 0.2);
	text-decoration:none; float:right; margin:3px 0;}
a.more:hover{
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#FFFF00; background-color:#2E2E2E;
	text-decoration:none; float:right; margin:3px 0; cursor:pointer}
.rightBottom{
	padding:0px 0 0 0; margin-top:450px; margin-left:160px}
.rightBottomLeft{ width:140px; float:left; margin-left:150px; margin-top:450px;
	}
.rightBottomLeft .new{width:133px; }
.rightBottomLeft .new a{ color:#000000;  text-align:right}
.rightBottom .siparis{
	background:url(images/siparis.png) no-repeat 0 0;
	color:#FFFFFF;
	width:145px;
	height:141px;
	text-indent:-99999px;
	margin-top:-135px ; margin-left:390px

}
#header a:hover h2 { background: url(images/siparishpver.png); cursor:pointer}
/* ----------------------------- header end ----------------------- */
/* ----------------------------- future pnnel start --------------- */
#future{
	background-color:#111111; color:#FFFFFF;}
#futureContainer{
	width:1000px; margin:0 auto; padding:0 0 38px 0px; position:relative;}
.futureLeft{
	width:370px; float:left; padding:40px 0 0 20px;}
.futureLeft h2{
	font:normal 19px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	position:absolute;
	top:-42px;
	left:120px;
	margin:-35px 0 10px 0;
	width: 203px;
	
}
.futureLeft h2 span{
	font:normal 40px/42px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-transform:uppercase;}
.futureLeft h3{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#FF0000; background-color:#111111;} 
.futureLeft h4{
	font:bold 18px/22px Arial, Helvetica, sans-serif; color:#FFFF00; background-color:#111111; padding:5px} 
.futureLeft p{
	font:normal 13px/16px Arial, Helvetica, sans-serif; color:#CCCCCC; } 
.futureLeft ul{ padding-left:20px; font-size:13px}	
.futureLeft ul li{ padding-top:7px; font-size:13px}	
.futureLeft a img{ 
	border:#FF0000 2px solid; padding:0;} 
.futureLeft a:hover img{ 
	border:#CCCCCC 2px solid;}
.futureRight{
	width:222px; float:left; padding:5px 0 0 42px;}
.futureRight img{
	margin:0 0 15px 0; 
	border:#333333 2px solid; padding:0;} 

/* ----------------------------- future pnnel end --------------- */
/* ----------------------------- future inner pnnel start --------------- */
.futureLeft-inner{
	width:250px; float:left; padding:40px 0 0 20px;}
.futureLeft-inner h2{
	font:normal 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	position:absolute;
	top:-12px;
	left:189px;
	margin:-35px 0 10px 0;
	width: 294px;
}
.futureLeft-inner h2 span{
	font:normal 40px/42px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-transform:uppercase;}
.futureLeft-inner h3{
	font:bold 13px/16px Arial, Helvetica, sans-serif; color:#FF5656; background-color:#111111;} 
.futureLeft-inner p{
	font:normal 11px/16px Arial, Helvetica, sans-serif; color:#7F7F7F; background-color:#111111;} 
.futureLeft-innert ul{ padding-left:20px}	
.futureLeft-inner a img{ 
	border:#FF0000 2px solid; padding:0;} 
.futureLeft-inner a:hover img{ 
	border:#CCCCCC 2px solid;}
.futureRight{
	width:222px; float:left; padding:5px 0 0 42px;}
.futureRight img{
	margin:0 0 15px 0; 
	border:#333333 2px solid; padding:0;} 

/* ----------------------------- future inner pnnel end --------------- */
#footer{
	background: #240D0C; color:#FFFFFF; padding-top:80px; text-align:center}
#footerContainer{
	width:900px; margin:0 auto; padding:0 0 30px 100px;}
.footerLeft{
	width:227px; float:left;}
.footerLeft h3.contact{
	font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FF5656; padding:0 0 0 17px;
	background:url(images/contact_icon.gif) no-repeat 0 6px #2E2E2E; text-transform:uppercase;} 
.footerLeft h3.fax{
	font:bold 10px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FF5656; padding:0 0 0 17px;
	background:url(images/fax_icon.gif) no-repeat 0 6px #2E2E2E; text-transform:uppercase;} 
.footerLeft h3.fax span{
	color:#FFFFFF; background-color:#2E2E2E;
	font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 3px;} 
.footerLeft p{
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#A5A5A5; background-color:#2E2E2E;}
.footerRight{
	width:330px; float:left;}
.footerRight ul{}
.footerRight ul li{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	background-color:#2E2E2E; color:#FFFFFF; float:left;}
.footerRight ul li a{
	font:bold 12px/16px Arial, Helvetica, sans-serif; 
	background-color:#2E2E2E; color:#FFFFFF; padding:0 8px; text-decoration:none;}
.footerRight ul li a:hover{
	font:bold 12px/16px Arial, Helvetica, sans-serif; 
	background-color:#3E3D3D; color:#FFFFFF; padding:0 8px; text-decoration:none;}
.footerRight p{
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#7F7F7F;
	background-color:#2E2E2E; float:left; padding:0 8px;}
a.xhtml{
	width:46px; height:9px; background-color:#CF0101; color:#FFFFFF; float:left;
	text-align:center; text-decoration:none; text-transform:uppercase;
	font:bold 10px/9px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:7px 8px;}
a.xhtml:hover{
	width:46px; height:9px; background-color:#A10303; color:#FFFFFF; float:left;
	text-align:center; text-decoration:none; text-transform:uppercase;
	font:bold 10px/9px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:7px 8px;}
a.css{
	width:29px; height:9px; background-color:#000000; color:#FFFFFF; float:left;
	text-align:center; text-decoration:none; text-transform:uppercase;
	font:bold 10px/9px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:7px 0;}
a.css:hover{
	width:29px; height:9px; background-color:#191919; color:#FFFFFF; float:left;
	text-align:center; text-decoration:none; text-transform:uppercase;
	font:bold 10px/9px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:7px 0;}
.footerRight p.tworld{
	font:normal 11px/15px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#2E2E2E; float:left; padding:0 8px;}
.footerRight p.tworld a{
	font:bold 11px/15px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#2E2E2E; text-decoration:none; text-transform:uppercase;}
.footerRight p.tworld a:hover{
	font:bold 11px/15px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#3E3D3D; text-decoration:none; text-transform:uppercase;}
/* ----------------------------- footer end ------------------------ */
div.transOFF {width: 197px; height:82px; margin:10px 0 0 0; background-color:#240c0c;  }
div.transON {width: 197px; height:82px; margin:10px 0 0 0; background-color: #240c0c;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
div.trans25 {width: 225px; height:59px;  background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.trans75 {width: 225px; height:59px; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }
.yorumlar { background:url(images/yorumlar.jpg) no-repeat ; width:960px; height:300px}
.black{ color:#000000!important; color:#000000;}

div.transOFFsatis {width: 515px; height:29px; margin:0px 0 0 0; background-color: silver;border:1px solid white; padding-left:5px; padding-top:25px }
div.transONsatis {width: 515px; height:29px; margin:0px 0 0 0; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid red; padding-top:25px ; padding-left:5px;}