@charset "utf-8";

body {background:#e1e1e1 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat-y center; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a {text-decoration:none; color:#000;}
a:hover {color:#666;}

#main-wrapper {width:1000px; margin:0 auto; margin-bottom:20px;}

.header {width:100%; height:145px;}
.header .header-left {float:left;width:41%;margin-top:23px;}
.header .header-right{float:right;width:55%;}

.header-menu {margin-top:20px;font-size:13px;color:#666;}
.header-menu ul li {float:right;}
.header-menu ul li a {color:#333;}
.header-menu ul li a:hover {color:#000;}
.header-content {float:right;background:transparent url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat 0 center;height:50px;width:159px;padding-left:30px;margin-top:80px;font-size:14px;color:#666;}

.main-content {background-color:#fff; border:1px solid #ccc; border-radius:5px;}

.main-menu {padding:10px; background-color:#f3f3f3;margin-bottom:20px;}
.main-menu .main-head {margin-bottom:10px;width:100%;border-radius:5px;background-color:#333;}
.main-menu .main-head .main-news {display:inline-block;color:#fff;font-size:13px;width:160px;padding:10px 0;text-align:left; margin-left:10px; font-weight:bold;}
.main-menu .main-head .main-flash {display:inline-block;width:763px;padding:10px;padding-left:0;}
.main-menu .main-head .main-flash a{color:#fff;}
.search-advance {}
.search-advance-left {background:transparent url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat center center;height:134px;float:left; padding:10px; padding-bottom:0;width:180px;}
.search-advance-right {float:left; padding:10px 0 0 10px;}
.search-advance-right .column1{float:left; margin-right:20px;}
.search-advance-right .column2{float:left; margin-right:20px;}
.search-advance-right .column3{float:left;}

select { background:#FFF; width:140px; margin-bottom:10px; border:1px solid #ccc; padding:8px; border-radius:5px; font-family:Ubuntu, "Trebuchet MS"; color:#999;}
select:hover {box-shadow:0 0 5px #ddd; color:#666;}
select:focus {border:1px solid #ccc; box-shadow:inset 0 0 5px #ddd; color:#666;}

.input { background:#FFF; border:1px solid #ccc; padding:8px; border-radius:5px; font-family:Ubuntu, "Trebuchet MS"; color:#999;}
.input:hover {box-shadow:0 0 5px #ddd; color:#666;}
.input:focus {border:1px solid #ccc; box-shadow:inset 0 0 5px #ddd; color:#666;}

.inputbt {background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); border:1px solid #ccc; padding:5px; margin-top:5px; border-radius:5px; font-family:Ubuntu, "Trebuchet MS"; color:#999; cursor:pointer;}
.inputbt:hover {border:1px solid #ccc; box-shadow:0 0 5px #ddd; color:#666;}
.inputbt:active {border:1px solid #999;}

.topmenu {width:170px; margin-bottom:10px; background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") bottom repeat-x; border:1px solid #ccc; border-radius:5px; margin-left:10px; padding:10px; font-size:14px;}
.topmenu ul li {padding:5px 0;background:transparent url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat 5px center;padding-left:20px;}

.katmenu {width:170px; background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") top; border:1px solid #ccc; border-radius:5px; margin-left:10px; margin-bottom:10px; padding:10px; padding-top:5px; font-size:14px;}
.katmenu2 {width:190px; background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") top; border:1px solid #fff; border-radius:5px; margin-left:2px; margin-bottom:10px; padding:10px; padding-top:5px; font-size:14px;}
.katmenu ul li {padding:5px 0;}
.katmenu ul li ul {padding:5px 10px;}

.solkisim {float:left;}
.ortakisim {float:left; width:580px;margin-bottom:10px;}
.sagkisim {float:left;margin-bottom:10px;}

.slayt img {width:540px; height:200px; margin-left:10px;}

.vitrin {border:1px solid #ccc; border-radius:5px; margin-top:10px; width:540px; margin-left:25px;}
.vitrinbaslik {background-color:#f5f5f5; font-size:14px; color:#333; padding:10px; border-radius:5px; border-bottom:1px solid #ccc;margin-bottom:10px;}

.urunler {padding-bottom:5px;}
.urun {border:1px solid #ccc;width:257px;height:170px;float:left;margin-left:7px;margin-top:7px;border-radius:5px;}
.urun:hover {border:1px solid #999; box-shadow:0 0 5px #ccc;}
.urun img {float:left; margin:5px;}
.urun li.uad {padding:5px;border-bottom:1px solid #ccc;width:265px;height:32px;display:table-cell;vertical-align:middle;font-size:12px;text-transform:uppercase;font-weight: bold; background:#EFEFEF; color:#bb9a1a;}
.urun ul li {display:block;}

.eskifiyat {display:block; font-size:14px; color:#666; text-decoration:line-through; padding:5px;}
.yenifiyat {display:block; font-size:18px; color:#000; padding:5px;}
.mkare {padding:5px;}
.oda {padding:5px;}
.yer {padding:5px;}
.satildi {position:absolute;margin-top:37px;margin-left:-6px;}
.satildi img {width:auto; height:auto;}

#firsaturunleri {margin-bottom:10px;}
#firsaturunleri ul {width:100%; display:block; list-style:none;}
#firsaturunleri ul li {width:120px; border:1px solid #ddd; float:left; background:#FFF; padding:5px; margin:10px 6px 0 0;}
#firsaturunleri ul li:hover {border:1px solid #999;}
#firsaturunleri ul li p {padding:0 0 5px 0;}
#firsaturunleri ul li img {width:118px; height:120px; border:1px solid #ddd;}

.seeall {padding:10px;}

.gununilani {text-align:center;}
.gununilani {width:170px; margin-bottom:10px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) bottom repeat-x; border:1px solid #ccc; border-radius:5px; margin-left:10px; padding:10px; font-size:16px;}
.gununilani ul {text-align:center;}
.gununilani ul li {padding:5px 0; float:left; text-align:center;}
.gununilani img {width:170px;}
.gununurunu img {width:auto; height:auto;}
.gununurunu {position:absolute; margin-left:-10px;}
.gununurunu2 img {width:auto; height:auto;}
.gununurunu2 {position:absolute; margin-left:-10px; }

.reklam {border:1px solid #ccc; border-radius:5px; margin-left:10px; margin-top:10px;}
.reklam img {border-radius:5px;}

.yazisayfasi {background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) repeat-x top left; padding:10px; width:755px; border:1px solid #ccc; border-radius:5px; float:left; margin-left:10px; margin-bottom:10px;min-height:600px;}
.urundetaysayfasi {background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) repeat-x top left; padding:10px; width:955px; border:1px solid #ccc; border-radius:5px; float:left; margin-left:10px; margin-bottom:10px; line-height:18px;}

.kategorisayfasi {background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) repeat-x top left; padding:10px; width:755px; border:1px solid #ccc; border-radius:5px; float:left; margin-left:10px; margin-bottom:10px;min-height:600px;}
.kategorisayfasi .urun {border:1px solid #ccc; width:365px; height:auto; float:left; margin-left:7px; margin-top:7px; border-radius:5px;}
.kategorisayfasi .urun:hover {border:1px solid #999; box-shadow:0 0 5px #ccc;}
.kategorisayfasi .urun img {float:left; width:auto; height:110px; margin:5px;}
.kategorisayfasi .urun li.uad {padding:5px;border-bottom:1px solid #ccc;width:365px;height:28px;display:table-cell;vertical-align:middle;font-size:12px;text-transform:uppercase;font-weight: bold;}
.kategorisayfasi .urun ul li {display:block;}
.kategorisayfasi .eskifiyat {display:block; font-size:14px; color:#666; text-decoration:line-through; padding:5px;}
.kategorisayfasi .yenifiyat {display:block; font-size:18px; color:#000; padding:5px;}
.kategorisayfasi .mkare {padding:5px;}
.kategorisayfasi .oda {padding:5px;}
.kategorisayfasi .yer {padding:5px;}
.kategorisayfasi .satildi {position:absolute;margin-top:32px;margin-left:-7px;}
.kategorisayfasi .satildi img {width:auto; height:auto;}

.insankaynaklari h1 {font-size:12px; border-left:2px solid #ccc; padding-left:10px;}
.insankaynaklari table tr td {padding:5px 0;}
.insankaynaklari table tr:hover {background:#f7f7f7;}

.box-heading{background:transparent url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat 0 center; padding-left:12px; margin-bottom:8px;line-height:26px;border-bottom:1px solid #e3e3e3; font-size:13px; color:#333;}

.urunbaslik {font-size:18px; padding-bottom:5px; margin-bottom:5px; color:#333; text-shadow:1p 1px 0 #000; border-bottom:1px solid #ccc;}
.urunresimleri {background:#e3e3e3; padding:5px; border-radius:5px; margin-bottom:10px;}
.urunresimleri img {width:640px; height:480px;}
.urunresimleri #imageList ul li {float:left; padding-top:5px; margin-right:5px;}
.urunresimleri #imageList ul li img {width:104px; height:74px; border:1px solid #fdeb4d;}
.urunresimleri #imageList ul li img:hover {border:1px solid #fff; box-shadow:0 0 5px #999;}
.urunresimleri #prodImageList ul li {float:left; padding-top:5px; margin-right:5px;}
.urunresimleri #prodImageList ul li img {width:94px; height:auto; border:1px solid #fdeb4d;}
.urunresimleri #prodImageList ul li img:hover {border:1px solid #fff; box-shadow:0 0 5px #999;}

.usol {width:650px; float:left;}
.usol table tr td p {float:left; width:80px; border-right:1px solid #ccc; margin-right:5px;}
.usol table tr td {padding:5px;}
.usag {float:left;width:295px;height:550px;margin-left:10px;}

.modul {background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) bottom center repeat-x; border-radius:5px; padding:10px; border:1px solid #ccc; margin-bottom:10px;}
.modul ul li p {float:left; width:80px;}

.iletisimresmi {width:270px;padding-top:10px;padding-bottom:10px;}
.iletisimresmi img {border:1px solid #ccc;width:100px;height:100px;float: left;margin-right: 10px;}

.socialmenu img {float:left; padding:5px;}
.socialmenu ul li {padding:5px; display:block; vertical-align:middle; line-height:30px;}
.socialmenu {width:170px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) bottom repeat-x; border:1px solid #ccc; border-radius:5px; margin-left:10px; padding:10px; font-size:12px;}
.socialmodul ul li {float:left; width:135px; padding:5px 0;}
.socialmodul p {padding:5px 0;}

.digerozellik h1 {padding:5px; border-bottom:1px solid #ccc; margin-bottom:5px; font-size:14px;}
.ozellikleri ul li {padding:5px; float:left; width:200px; margin:1px; border:1px solid #CCC;}
.ozellikleri ul li:hover {border:1px solid #ccc; background:#f1f1f1;}
.ozellikleri ul li img {padding:0 5px;}

#container{margin:0 auto;margin-bottom:20px;margin-top:10px;margin-left:10px;line-height:20px;width:190px;}
#container ul{list-style: none;list-style-position: outside;}
#container ul.menu li{float: left;margin-right: 5px;margin-bottom: -1px;}
#container ul.menu li{font-size:10px;display: block;padding:5px 5px;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) repeat-x;border-radius:5px;margin-bottom:2px;border:1px solid #ccc;position: relative;text-shadow:1px 1px 0 #fff;color: #999;cursor: pointer;float:left;}
#container ul.menu li.active{background: #f1f1f1;padding:5px 5px;color: #999;}

.content{margin: 0pt auto;background: #efefef;background: #fff;border: 1px solid #ccc;border-radius:5px;text-align: left;padding:0 10px;font-size: 11px;}
.content h1{line-height: 1em;vertical-align: middle;height: 48px;font-size: 32px;}
.content.news h1{background: transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top;}
.content.news{display: block;}
.content.tutorials h1{background: transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top;}
.content.tutorials{display: none;}
.content.links h1{background: transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top;}
.content.links{display: none;}
.content.videos h1{background: transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top;}
.content.videos{display: none;}

.boxShadow{box-shadow:0px 6px 5px -4px #ccc;-moz-box-shadow:0px 6px 5px -4px #ccc;-webkit-box-shadow:0px 6px 5px -4px #ccc;-o-box-shadow:0px 6px 5px -4px #ccc;-ms-box-shadow:0px 6px 5px -4px #ccc;}

					
#footer-wrap{width:100%;padding:0;background-color:#e3e3e3;margin:0 auto;margin-top:0;}
#footer-wrap2{width:100%;margin:0 auto;}

#footer-wrap-social{width:100%;margin:0 auto;height:42px;background-color:#ccc;border-top:1px solid #999;border-bottom:1px solid #999;}	
#footer-wrap-social #eNews{float:right;width:240px;overflow:hidden;margin-top:5px;padding:0;background:#f5f5f5;border:1px solid #aaa;}
#footer-wrap-social .button-eNews{border:none;outline:none;margin:0;padding:0;}
#footer-wrap-social .button-eNews{float:right;background:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') center center no-repeat;width:34px;height:30px;cursor:pointer;}
#footer-wrap-social #eNews input{float:left;background:none;width:168px;height:20px;padding:5px;border:none;font-style:italic;}
#footer-wrap-social #eNews, #footer-wrap-social #eNews input{color:#666 !important;}
#footer-wrap-social #eNews div{display:inline;}

#footer{width:980px;margin:10px auto;clear:both;overflow:hidden;min-height:80px;padding:10px 0;}
#footer h3{color:#333;font-size:12px;font-family:verdana;margin:0;padding-bottom:5px;}
#footer .column{float:left;width:16%;border-right:1px dotted #999;padding-left:10px;min-height:80px;}
#footer .column ul{margin:0;padding:0;list-style:none;}
#footer .column ul li{padding:3px 0;font-family:arial;font-size:12px;color:#666;}
#footer .column a{text-decoration:none;color:#666;}
#footer .column a:hover{text-decoration:underline;}

#footer-seperator2{width:100%;background:#333;}	
#footer-seperator-content{width:980px;height:51px;margin:0 auto;}

#powered{width:980px;height28px;margin:0 auto;padding:5px 0;overflow:hidden;}
#powered .footer-left{float:left;color:#fff;width:40%;text-decoration:none;line-height:14px;font-size:11px;margin-top:2px;}
#powered .footer-right{float:right;color:#fff;width:auto;padding:0;}
#powered a{color:#fff;text-decoration:none;font-size:11px;}
#powered a:hover{text-decoration:underline;}

