@charset "utf-8";
/* CSS Document */
body, div, h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0; padding: 0; border: 0; font-family: Arial;}
h1{ font-size: 20px; text-align:left; color: #0e4981;}
h2{color: #204a9a; font-size: 16px; }
h3{font-size: 14px; padding:18px 0 0 14px; font-weight:normal;}
h4{font-size:12px;}
h5{font-size:10px;}
p   {text-align:justify; font-size: 12px; color: #000; padding: 0 0 10px 0;}
span{font-size:13px;}
a   {color: #000; text-decoration: none;}
a:hover{color: #F00;}
label{cursor: pointer;}
img {border:0px;}
body{ background:#2B2E35 repeat scroll;}
th, td{margin: 0; text-align: left; vertical-align: top; font-size: 12px; padding: 5px 0px 5px 4px;}
hr  {margin:0; border: none; border-bottom: 1px dotted #666;}
hr{border: none; border-bottom: 1px dotted #000; padding: 5px 0 0 0; margin: 0 0 5px 0;}
.kutu_button,.kutu_button2{
    color: #fff;
    cursor: pointer;
    padding: 2px 7px;
    border-radius: 5px;
    background: #0D4981;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px solid;
}
.kutu_button{font-size: 13px;}
.kutu_button2{font-size: 15px;}
.sayfalar{width: 98%; text-align: right; float:right; margin:5px 0;}
.sayfalar a{
    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    color: white;
    text-align: right;
    margin-right: 5px;
    padding: 3px 5px 3px 5px;
    background-color: #666;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
}
.aktif{
    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    color: white;
    text-align: right;
    margin-right: 5px;
    padding: 3px 5px 3px 5px;
    background-color: #26649d;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
.AjaxUyari{color: red; font-weight: bold;}
.UyeDetay{width:960px; height:40px; background-color:#024ca1; margin:0 auto;}
.UyeBar {
    float: left;
    width: 890px;
    height: 40px;
    margin:8px 0 0 35px;
    background-color:#0d4981;
}
.UyeBar input[type="text"], .UyeBar input[type="password"] {
    width: 129px;
    height: 22px;
    border: medium none;
    margin: 0px;
    padding: 2px 5px 2px 10px;
    border-radius: 0px;
    color:#a1a0a0;
}
.UyeBar a{font-size: 12px; color:#fff;}
.UyeBar label{ font-size: 12px;color:#fff;}
.UyeBar label:hover,.UyeBar a:hover{font-size: 12px; color:#fff; text-decoration:underline;}

.Uye{margin:7px 0 0 7px;}
.UrunResimYazi{
    padding-top: 6px;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -2px;
    left: -2px;
    background: url(../images/SolUst.png) no-repeat;
}
.UrunTabloListe{ float:right;width:700px; vertical-align: middle;}
.UrunTabloListe th{color: #fff; font-size: 11px; background-color: #acacac;}
.UrunTabloListe th, .UrunTabloListe td{}
.UrunTabloListe tr{background-color: #e7e7e7;}
.UrunTabloListe tr:hover{background-color: #CBCBCB; cursor: pointer;}
.UrunListeResim{max-width: 96px; max-height: 60px; border: 1px solid #fff; }

.UrunTabloListe2{ width:940px; vertical-align: middle;}
.UrunTabloListe2 th{color: #fff; font-size: 11px; background-color: #acacac;}
.UrunTabloListe2 th, .UrunTabloListe2 td{}
.UrunTabloListe2 tr{background-color: #e7e7e7;}
.UrunTabloListe2 tr:hover{background-color: #CBCBCB; cursor: pointer;}
.UrunListeResim{max-width: 96px; max-height: 60px; border: 1px solid #fff;  }
.ResimTD{
    height: 60px;
     max-width: 120px;
    text-align: center;
    position: relative;
}
.UrunDetayResim{
    position: relative;
    /*width: 302px;*/
    height: 190px;
    text-align: center;
    float: left;
}
#UrunResimi{height: 190px; border: 1px solid #B6B7BA;}
#UrunResimi img{max-width: 360px; max-height: 190px;}
#KucukResim{padding-top: 10px; text-align: left;}
#KucukResim img{width: 55px; border: 1px solid gray; padding: 4px; cursor: pointer; margin-right: 6px; vertical-align: middle;}
#KucukResim img:hover{border: 1px solid red;}

.UrunTabloCiftSatir{background-color: #ddd;}
.IncelenenVitrin{
    float: left;
    margin: 0;
    padding: 5px;
    width: 150px;
    height: 160px;
    text-align: center;
}
.IncelenenVitrin:hover{background-color: #eee;}
.IncelenenVitrinResim {
    margin: 0;
    width: 148px;
    height: 95px;
    position: relative;
    border: 1px solid #000;
    background-color:#fff;}
.IncelenenVitrinResim img{max-width: 120px; max-height: 90px;}
.IncelenenVitrin a p{text-align: center; font-size: 11px; margin: 0;}

.UstDis{background: #0d4981 repeat scroll; height: 222px; width: 100%; margin:0px; }
.Ust{
    height: 350px;
    width: 1200px;
}
.Ust img{float: left;}

.DilCubugu{height: 25px; padding: 5px; text-align: right; float: right;}
.DilCubugu img{margin: 1px 5px; height: 20px;}

.MenuBar{overflow: hidden; float:left; margin:5px 0 0 157px; width:475px;}
.Menu{
    margin: 0 auto;
    overflow: hidden;
}
.Menu ul{
    list-style: none;
}
.Menu ul li{
    color: #fff;
    float: left;
    list-style: none;
    text-align: center;
    padding:0 10px;
    margin: 0 3px;
    width: 92px;
    height: 20px;
    border-bottom: #566374 2px solid;
}
.Menu ul li a{color: #fff; font-weight: normal; font-size: 14px;}
.Menu ul li:hover{border-bottom: #ff0000 2px solid;}
/*.Menu ul li a:hover,.MenuAktif{
    /*background:url(../images/menuAktif.jpg) no-repeat; background-position: 8px 18px;
    border-bottom: #ff0000 2px solid;
    width: 92px;
    height: 20px;
    text-decoration: none;
}*/
.MenuLink{height: 2px;
width: 92px;
background:url(../images/menuPasif.jpg) no-repeat; margin-top:5px;
}
.IcerikDis{background:#b6b7ba repeat scroll; width:100%;}
.Icerik{background:#fff repeat-x; width:960px; margin:0 auto; }
.Orta{ width:900px; padding:25px 0px 15px 0px; display:table;}

.Sol{width: 180px; float: left; padding: 5px;}
.Sol h1{font-size: 16px; color: #000; padding: 10px 0 2px 0;}
.Sol h2{font-size: 14px; color: #000; padding: 5px 0;}
.Sol h3{font-size: 12px; color: #000; padding: 5px 0;}

.Sag{width: 800px; float: left; padding: 0 0 0 5px;}
.AltDis{ background:#b6b7ba repeat scroll; width:100%; height: 130px; width: 100%; overflow: hidden;}
.Alt{
    height: 130px;
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    background:#2b2e35 repeat scroll;
}
.Alt table{width: 940px;
padding: 54px 10px 0 10px; border-collapse:inherit; }
.Alt p{color: #fff;}
.Alt h2{color:#fff; padding-top:13px; font-family:Tahoma; font-size: 16px; }
.Sol input[type="text"],.Sol input[type="password"]{width: 170px; text-align: center; color: #b5b5b5;}
.search{width:25px; height: 25px; background:url(../images/search_ara.jpg) no-repeat; border:none; }
.DilCubugu {
    width: 95px;
    height: 22px;
    text-align: right;
    float: right;
}
.MenuDilBar {
    float: left;
    width: 1068px;
    height: 38px;
    color: #FFF;
    font-size: 12px;
    margin-top:8px;
}
.sliderbg{ background:url(../images/slider_bg2.png) repeat scroll;
height:405px;   
}
.slider {
    width: 960px;
    height: 405px;
    background: url("../images/slider_bg.png") repeat scroll 0% 0% transparent;
}
.searchform{float:right; padding-right:10px;}
.UrunGrubu{width:235px; height:350px; float:left; margin-left:35px;}
.UrunPasif{background:url(../images/solmenupasif.jpg) no-repeat; width:232px; height:54px; margin:0 0 5.5px 0px; text-align:left; z-index:999; position:relative; }
.UrunAktif{background:url(../images/solmenuaktif.png) no-repeat; width:250px; height:54px;
margin:0 0 5px 0px; text-align:left; color:#fff;z-index:999; position:relative;}
.UrunPasif h3{font-size: 12px; /*padding:18px 0 0 0px;*/ margin:-33px 0px 0 15px; font-weight:normal; }
.UrunGrubu a:hover{color:#fff;}

.slidermenubar{width:960px; height: 405px;background: url("../images/slider_bg.png") repeat scroll 0% 0% transparent;}
.AnasayfaBaslik{background:#12a3e2; border-radius: 8px; width:890px; height:36px; text-align:center; color:#fff; padding:0px;}
.AnasayfaBaslik h3{font-size: 14px; padding:10px 0 0 0px; font-weight:normal; }
.Baslik{ width:200px; height:36px; text-align:center; color:#fff; padding:0px; background:#12a3e2; border-radius: 8px;}
.Baslik h3{font-size: 14px; padding:10px 0 0 0px; font-weight:normal; }

.Urun {
    width: 892px;
    height: 102px;
}
.Kutu {
    width: 79px;
    height: 78px;
    float: left;
    background: url("../images/kutu.jpg") no-repeat scroll 0% 0% transparent;
    margin: 12px 2px 0px 0px;
}
.Kutu h4 {
    font-weight: normal;
    font-size: 8px;
    line-height: normal;
    text-align: center;
    color: #12a3e2;
    margin-top: -15px;
}
.SepetButon {
    color: #FFF;
    cursor: pointer;
    background: url("../images/view-cart-button.png") no-repeat scroll 0% 0% transparent;
    width:80px;
    height: 35px;
    text-align: right;
    font-weight: bold;
    font-family: "Open Sans",sans-serif;
    border: medium none;
    font-size:9px;
    padding:2px 0 0 20px;
}
.UrunKutu {
    width: 215px;
    height: 103px;
    float: left;
    margin:0 5px 5px 0;
    background: none repeat scroll 0% 0% #c3e2ff;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.ResimKutu{
    border: 1px solid #Fff;
    width: 96px;
    height: 93px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    margin:4px 0 0 4px;
    float:left;
}
.ResimTDD {
    max-height: 93px;
   
    text-align: left;
    position: relative;
    padding: 0px;

}
.Blok {
    width: 230px;
    float: right;
    background: none no-repeat scroll 0% 0% #fff;
}
.sol{width:660px;
float:left;}
.sag{width:230px;float: right;}
.YeniUrunResim {
    text-align: center;
    margin:10px;
}
.vitrin_sol {
    width: 230px;
    text-align: center;
    margin: auto;
}
.FirsatUrun, .FirsatUrun li {
    height: 113px;
    overflow: hidden;
    padding: 0px;
}
.OEM h1, .OEM h2 {
    text-align: center;
    color: #000;
    padding: 2px;
    margin: 0px;
}