/* CSS Document */

html * { margin:0; padding:0; outline:none; }

body { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px; background-image:url(../images/bg.jpg); background-color:#eaeaf3; background-position:top center; background-repeat:no-repeat; }

a { text-decoration:none; color:#000; }

.mr2 { margin-right:2px; }

.mt5 { margin-top:5px; }

.pt2 { padding-top:1px; }

.mt15 { margin-top:15px; }

.fl25 { padding-left:25px; }

.fl { float:left; }

.fr { float:right; }

.clear { clear:both; }

.pt5 { padding-top:5px; }

.pt10 { padding-top:10px; }

.pt20 { padding-top:20px; }

.pt25 { padding-top:25px; }

.pt30 { padding-top:30px; }

.pt35 { padding-top:35px; }

.pt70 { padding-top:70px; }

.pt50 { padding-top:50px; }

.pl5 { padding-left:5px; }

.pl10 { padding-left:10px; }

.pl20 { padding-left:20px; }

.pl2 { padding-left:2px; }

.pl50 { padding-left:72px; }

.pl24 { padding-left:24px; }

.pl25 { padding-left:25px; }

.pl30 { padding-left:30px; }

.pl35 { padding-left:35px; }

.pl45 { padding-left:62px; }

.pl15 { padding-left:15px; }

.p20 { padding:20px; }

.pr5 { padding-right:5px; }

.pr10 { padding-right:10px; }

.pr20 { padding-right:20px; }

.pr30 { padding-right:30px; }

.pb20 { padding-bottom:20px; }

.pb10 { padding-bottom:10px; }

.pb15 { padding-bottom:15px; }

.pr9 { padding-right:4px; }

.pb5 { padding-bottom:5px; }

.pb3 { padding-bottom:3px; }

.pb2 { padding-bottom:2px; }

.pl20 { padding-left:20px; }

.mr20 { margin-right:20px; }

.p10 { padding:10px; }

.pr9 { padding-right:9px; }

.pr13 { padding-right:14px; }

.pr20 { padding-right:20px; }

.mt30 { margin-top:30px; }

.ml30 { margin-left:30px; }

.mb10 { margin-bottom:10px; }

.mr35 { margin-right:35px; }

.mb20 { margin-bottom:20px; }



.center { text-align:center; }
.pl40{ padding-left:40px;}

#page{ width:1098px; margin:auto;}
.page_ust{background-image:url(../images/ust_bg.png); height:79px; padding:30px 50px 0 50px;}
.page_orta{ background-image:url(../images/orta_Bg.png); padding:30px 50px 0 60px;}


.page_footer{ background-image:url(../images/footer_bg.png); height:57px; background-position:bottom center;}

.sepet{ font-size:11px; color:#a0a0a0; float:right; padding-top:3px;}
.search{ background-image:url(../images/ara_bg.png); width:161px; height:24px; float:left; margin-left:20px; margin-top:-5px;}
.teklifiste{ float:left; font-size:11px;} 
.teklifiste span{ color:#4e5aab;}
.teklifiste img{ margin-top:-5px;}


#menu { margin-top:20px;}	
#menu ul{ padding:0; margin:0; list-style-type:none;}
#menu ul li{ float:left; background-image:url(../images/li_bg.png); background-position:top right; background-repeat:no-repeat;}

#menu {
	margin-top:20px;
}
#menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#menu ul ul {
	margin-top:0;
	margin-bottom:0;
	float:left;
}
#menu ul li a {
	display:block;
	font-size:12px;
	margin-top:1px;
	color:#2f2f3f;
	float:left;
	line-height:32px;
	padding:0 0px;
	font-weight:bold;
}
/*#menu ul li a.on,
#menu ul li a:hover  {
	background-image:url(../images/mn-on.png);
	background-repeat:repeat-x;
	background-position:bottom center;
	color:#4d59ab;
	/*margin-bottom:2px;
	display:block;
	font-weight:bold;
}*/

.text-hb {
	line-height:18px;
	font-size:12px;	
}
.text-hb h1{ color:#4e5aab; font-size:14px; padding-right:10px; padding-top:5px;}

.box1{ background-image:url(../images/box1.png); width:188px; height:168px; float:left; margin-top:20px; font-size:11px; color:#666666; }
.box2{ background-image:url(../images/box2.png); width:183px; height:158px; float:left; margin-left:10px; margin-top:20px; padding-top:10px; padding-left:5px;}

.kampanya{ background-image:url(../images/kampanya.png); width:188px; height:168px; float:left; margin-right:8px; margin-top:20px;}

.referans{ background-image:url(../images/ref.png); width:188px; height:168px; float:left; margin-top:20px; margin-right:5px;}

.content{ background-color:#fff; padding:10px; width:960px; margin-top:10px;}

.content1{ background-color:#fff; padding:10px; width:960px; margin-top:10px;}
.content h1{ font-size:14px; color:#4d59ab; padding:0; margin:0;}

.urunler{ background-image:url(../images/urun_bg.png); width:188px; height:168px; margin:3px; float:left; text-align:center; font-size:11px; color:#4d59ab; font-weight:bold;}
.urunler a{ color:#4d59ab; display:block;}
.urunler a span{ display:block; padding-top:14px; padding-left:8px; padding-right:8px;}

#tabs-container{ }
.tabs_title{ background-color:#4e5aab; height:40px;}
#tab-panels h1{ color:#4e5aab; font-size:14px; padding-right:10px; padding-top:10px;}
#tab-panels{ margin-top:0px; }
#tabs-container ul.tabs{ height:30px; padding-top:12px; padding-left:5px;}
#tabs-container ul.tabs li{  list-style-type:none; float:left; }
#tabs-container ul.tabs li a{ display: block; color:#4e5aab; background-color:#cbcbe6; font-weight: bold; padding: 5px 15px; font-size: 13px;}
#tabs-container ul.tabs li a:hover,
#tabs-container ul.tabs li.active a
{ background-color: #fff; text-decoration:none; color:#4e5aab;}

#tabs-container .tab-content
{
	margin-top: 10px;
	color:#111a55;
}

.resimler ul{ list-style-type:none; padding:0; margin:0;}
.resimler ul li{float:left; margin:10px;}

.urun_kod{ background-color:#eaeaf3; padding:5px; font-size:12px; font-weight:bold; color:#5c5c5c; float:right; margin-right:1px;}
.urun_kod span { color:#4e5aab; font-weight:bold;}

.teklif { float:right; margin-top:-150px;}
.teklif a {display:block; width:184px; height:40px; background-image:url(../images/teklif.jpg); background-position:0 0;}
.teklif a:hover{ background-position:0 -40px;}

.teklif_on { float:right; margin-top:-150px; width:184px; height:40px; background-image:url(../images/sepette.jpg); }

.kampanya_text{ color:#666666; font-size:10px; line-height:15px; padding:20px 10px 10px 10px; height:105px;}
.kampanya_text img{ margin-right:5px;}
.kampanya_text a{ color:#666666;}
.kampanya_title{ color:#4d59ab; font-weight:bold; font-size:13px; padding:8px 5px 0 8px; line-height:13px;}
.kampanya_title a{color:#4d59ab; }


span.ref{ display:block; padding-left:10px; padding-top:10px;}
span.ref img{ margin-right:5px;}
span.ref_title{ display:block; padding-left:5px; padding-right:8px; color:#666666; font-weight:normal; }

.tablo1 td{ padding:10px;}

.footer{ padding:0 40px 0 40px; font-size:10px; color:#949494;}
.footer a{ color:#c3c2c2;}
.footer .fr { text-align:right;}

.marka{ float:right; margin-right:10px;}
.marka select{ width:220px;}