@charset "utf-8";
/* CSS Document */

body {
line-height:150%;
}
	
* { margin: 0; padding: 0; list-style: none; }
html, body { display: block; width: 100%; height: 100%; }
body { font-family:  Arial, "Lucida Sans Unicode", Tahoma,  Verdana; font-size: 12px; color: #0398c3; background: #cae9f4 repeat-x  left top;  }
.mainpage a {  text-decoration:none}
.mainpage a:link {  text-decoration:none}
.mainpage a:visited { text-decoration:none}
.mainpage a:hover { text-decoration:underline;}
.mainpage a:active {  text-decoration:none}
.mainpage a:unknown { text-decoration:none}

a { color: #0398c3;}
a:hover { color: #990066; }
img { border:0px;}
p { padding-bottom:5px;}

ul { padding-top:10px; font-size:12px; line-height:12px;}
 ul li { padding-bottom:8px;}

#container { width:960px; height:auto; margin-left:20px;  margin-bottom:0px; position:relative; }
#container #head{ width:960px; height:auto; position:absolute; z-index:99; overflow:hidden; padding-top:0px;}
#container #head div.logo{ width:211px; float:left; padding-right:99px;}
#container #head div.menu{ width:auto; height:auto; margin-top:0px; float:left; padding-top:0px;}

#container #content{ width:960px; height:auto; padding-top:0px; padding-bottom:0px; background-color:#FFFFFF;}
#container #content div.banner { width:960px; padding-top:4px; height:auto; background-color:#cae9f4; border-top: solid 0px #d8d8d8; border-left: solid 0px #d8d8d8; border-right: solid 0px #d8d8d8; border-bottom: solid 0px #d8d8d8;}
#container #content div.slogan {  line-height:18px; padding-top:3px; padding-bottom:3px; font-family: Arial, Helvetica, sans-serif; font-size: 15px;  color: #990066; width:800; height:auto; background-color:#f5f5f5; border-top: solid 0px #d8d8d8; border-left: solid 0px #d8d8d8; border-right: solid 0px #d8d8d8; border-bottom: solid 0px #d8d8d8}
#container #content div.subContent{ overflow:hidden; padding-top:5px; background-color:#FFFFFF;}
#container #content div.subContent div.left { width:210px;  background-color:#ffffff; padding-right:7px; float:left;}
#container #content div.subContent div.center { width:500px;  background-color:#ffffff; height:100%; float:left;}

#container #content div.subContent div.center div.breadcrumbs { width:490px;  background-color:#d8d8d8; color: #0398c3; padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; float:left;}
#container #content div.subContent div.right { width:220px; background-color:#f5f5f5; padding-left:7px;   float: right; padding-right:7px;  }
#container #footer { width:960px; height:100px; margin-bottom:0px;  padding-bottom:0px; background: #ffffff no-repeat  left top; padding-top:10px; overflow:hidden; font-size:10px;  }
#container #footer div.text{ padding:50px 20px 0 10px; float:left; width:300px;}
#container #footer div.menu{ padding:50px 0 0 10px; float:left;}


/* Ürünler */

#container #content div.subContent div.right #productsContainer { width:605px; height:auto; overflow:hidden; margin-bottom:50px; padding:10px;}
#container #content div.subContent div.right #productsContainer div.left { width:150px; height:auto; float:left; margin-right:25px;}
#container #content div.subContent div.right #productsContainer div.left img { border:solid 1px #cacaca}
#container #content div.subContent div.right #productsContainer div.right { width:400px; height:auto; float:left;}
#container #content div.subContent div.right #productsContainer div.right ul { padding-top:10px; font-size:12px; line-height:12px;}
#container #content div.subContent div.right #productsContainer div.right ul li { padding-bottom:8px;}
#container #content div.subContent div.right #productsContainer div.right h1 { color:#339999}
#container #content div.subContent div.right div.tables { clear:both; background-color:#fafafa; width:570px;}
#container #content div.subContent div.right div.tables ul { overflow:hidden; padding-left:3px; padding-bottom:2px; margin-bottom:2px; 	border-bottom: solid 1px #f2f2f2;}
#container #content div.subContent div.right div.tables ul.baslik { color:#fff; padding:2px; background-color:#00CCFF; font-weight:bold; margin-bottom:10px;}
#container #content div.subContent div.right div.tables ul li{ float:left; padding-right:10px;}
#container #content div.subContent div.right div.tables ul li.kod { width:150px;}
#container #content div.subContent div.right div.tables ul li.ebt { width:100px;}
#container #content div.subContent div.right div.tables ul li.amb { width:200px;}
#container #content div.subContent div.right div.tables ul li.kol { width:60px;}

/*ana sayfa*/

#container #content div.subContent div.eposta { float:left; width:270px; }
#container #content div.subContent div.eposta h1 { padding:0 0 10px 10px; }
#container #content div.subContent div.eposta ul{ clear:both; overflow:hidden; padding-left:10px; padding-bottom:2px;}
#container #content div.subContent div.eposta ul li{ float:left; padding-right:5px;}
#container #content div.subContent div.eposta ul li.basligi{ width:70px;}
#container #content div.subContent div.eposta ul li label { padding-right:3px;}
#container #content div.subContent div.eposta ul li input.frm1 { border:0px; background: url(../_img/bg_formname.gif) #FFF no-repeat  left top; 
padding:4px 0 2px 10px; 
font-size:11px;
width:125px; height:20px;}

#container #content div.subContent div.eposta ul li input.frm2 { border:0px; background: url(../_img/bg_formmail.gif) #FFF no-repeat  left top; 
padding:4px 0 2px 10px; 
font-size:11px;
width:160px; height:20px;}

#container #content div.subContent div.eposta ul li input.kaydet { border:0px; background: url(../_img/bg-formkaydet.gif) #FFF no-repeat  left top; 
padding:2px 0 2px 0px; 
font-size:11px;
width:62px; height:27px;
font-weight:bold; cursor:pointer;}

#container #content div.subContent div.seperator { float:left; padding:0 5px 0 30px; width:3px; background: url(../_img/bg-seperator.gif) #FFF repeat-y  center top; height:170px;}
#container #content div.subContent div.ebs { float:left; width:200px;}
#container #content div.subContent div.ebs h1 { padding:0 0 10px 0; }

#container #content div.subContent div.haber { float:left; width:285px;}
#container #content div.subContent div.haber h1 { padding:0 0 10px 0; }
#container #content div.subContent div.haber ul { clear:both; overflow:hidden; padding-bottom:5px; font-size:10px;}
#container #content div.subContent div.haber ul li{ padding:0px;}
#container #content div.subContent div.haber ul li.tarih { padding:1px; color:#00FFFF;}