@charset "utf-8";
@font-face {
    font-family: 'neosansregular';
    src: url('neosans/neosans-webfont.eot');
    src: url('neosans/neosans-webfont.eot?#iefix') format('embedded-opentype'),
         url('neosans/neosans-webfont.woff') format('woff'),
         url('neosans/neosans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body { font-size: 12px;font-family:'neosansregular',Arial,sans-serif;color: #1a1a18;line-height: 18px; padding:0px; margin:0px;height:100%; font-weight:normal;font-style: normal;}


#body {min-height: 100%;}
.clear { clear:both;}
a {color: #003c47; text-decoration:none;}
a:hover {color:#333333}
img { border:0px}

#top { background-image:url(images/top_bg.png); background-repeat:repeat-x; height:138px;width:100%;}
#topcontent {width:1003px; margin:auto;}
#topcontent .contactphone{ float:left; font-size: 15px; margin: 7px 20px 0px 0px; height:20px; color: #fff;/* margin-left:20px; background-image:url(images/contactphone.png); height:30px; background-repeat:no-repeat*/ width:365px;}
#topcontent .social {float:left; color:#FFFFFF; margin-left:350px}
#topcontent .social ul { margin:0px; padding:0px; list-style:none}
#topcontent .social ul li { float: left; padding-top:6px;}
#topcontent .social ul li a { display: block; padding:0px 5px 0px 0px; text-indent: -9999px;}
#topcontent .social ul li a.facebook { background: url(images/facebook.png) 0 0 no-repeat; width:19px; height:19px; }
#topcontent .social ul li a.facebook:hover { background-position: 0px -19px; }
#topcontent .social ul li a.twitter { background: url(images/twitter.png) 0 0 no-repeat; width:19px; height:19px; }
#topcontent .social ul li a.twitter:hover { background-position: 0px -19px; }
#topcontent .social ul li a.youtube { background: url(images/youtube.png) 0 0 no-repeat; width:19px; height:19px; }
#topcontent .social ul li a.youtube:hover { background-position: 0px -19px; }
#topcontent .social ul li a.googleplus { background: url(images/googleplus.png) 0 0 no-repeat; width:19px; height:19px; }
#topcontent .social ul li a.googleplus:hover { background-position: 0px -19px; }
#topcontent .social ul li a.linkedin { background: url(images/linkedin.png) 0 0 no-repeat; width:19px; height:19px; }
#topcontent .social ul li a.linkedin:hover { background-position: 0px -19px; }

#topcontent .lang { height:30px; float:left; color:#FFFFFF; margin-left:50px;}
/*
#topcontent .lang a { font-family:'neosansregular',Arial,sans-serif; text-align:center; line-height:30px; font-size:12px; color:#1a1a18;  }
#topcontent .lang a:hover { color:#003c47; font-weight:bold;}
*/
#topcontent .logo {width: 225px; height: 100px; float: left; padding-top: 2px;}
#topcontent .menuarea {float:right; padding-top:1px; clear:right; width:725px; margin-left:23px; padding-top:6px;}

#menu, #menu ul { list-style: none; margin: 0; padding: 0; float:right;}
#menu li { position: relative; float: left; white-space: nowrap; line-height:102px; height:102px; text-align:center;}
#menu li a { display: block; padding:0px 22px 0px 22px;   text-decoration: none; text-align:center; color: #1a1a18;  font-weight:normal; font-size:15px; font-style:normal;  font-family: 'neosansregular', sans-serif; }
#menu li a:hover { color:#003c47; font-weight:bold; }
#menu li:hover { background-image:url(images/menu_hoverbg.png); background-repeat:repeat-x;}
#menu li ul { display: none; position: absolute; background-color:#e6102c; z-index:11000!important;}
#menu li ul li { background-color: #e6102c; border-top: 1px solid #dbe701; float: none;line-height:30px !important; height:30px; min-width:200px; z-index:11000!important;}
#menu li ul li:hover { background-color:#cddd0b}
#menu li ul li a {  font-size:14px; color:#fff; text-align:left; padding:0px 20px 0px 20px; font-weight:normal; z-index:11000!important; }
#menu li ul li a:hover {  color:#000000; font-weight:normal;}



#footer { width:100%;height:60px; background:url(images/footer.png); background-repeat:repeat-x; background-position:top center;}
#footer .footercontent { margin:auto; width:1003px; padding-top:15px;}


#footer .catalog { float:left; width:500px;}
#footer .catalog ul { margin:0px; padding:0px}
#footer .catalog  li { list-style:none; display:inline-block; margin-right:5px;}


#footer .coding { float:right; padding-right:10px; padding-top:5px;}
#footer .telif { float:left; line-height:30px; padding-top:7px; color:#FFFFFF; font-size:12px;}



#mainyasla {margin-top:-60px;}


#innercontainer {/*background-image:url(images/corporate_bg.jpg);  background-repeat:no-repeat; background-position:top center;*/ width:100%; clear:both;}
#page { padding-top:23px;width:1003px; margin:auto; padding-bottom:30px;}
#page .pagetitle { background-image:url(images/pagetitle.png); background-repeat:no-repeat; width:1003px; height:42px;}
#page .pagetitle span { font-size:16px; line-height:29px; padding-top:10px; color:#444444; display:inline-block;  margin-left:17px; font-weight: bold;}
#page .pagetitle span a { color:#2b2a2a;}
#page .pagetitle span a:hover { color:#444444;}
#page .pagebg { background-image:url(images/pagebg.png); background-repeat:repeat-y; width:1003px; min-height:400px; }
#page .pagecontent {padding:15px 16px 0px 16px; line-height:22px; text-align:justify; font-size:13px;}
#page .pagebottom { background-image:url(images/pagebottom.png); background-repeat:no-repeat; width:1003px; height:7px;}


#rightcontent{ width:691px; float:left;}
#rightcontent .header { width:671px; padding-left:20px; background-color:#013e49; height:30px; line-height:30px; font-size:16px; color:#ffffff;  margin-bottom:15px;}


#fullcontent{ width:961px; float:left;}
#fullcontent .header { width:941px; padding-left:20px; background-color:#013e49; height:30px; line-height:30px; font-size:16px; color:#ffffff;  margin-bottom:15px;}




#leftmenu{ width:250px; float:left; padding-left:0px; margin-right:30px}
#leftmenu ul{ margin:0px; padding:0px}
#leftmenu ul li{ line-height:30px; height:30px; background-color:#bebebe; border-bottom:1px solid #FFFFFF; list-style:none;}
#leftmenu ul li.cur{background-color:#e6102c;}
#leftmenu ul li.cur a{color: #fff;}
#leftmenu ul li a{ padding-left:20px; color:#003f48; font-size:14px;}
#leftmenu ul li a:hover{ color:#fff}



#leftnav{ width:250px; float:left; padding-left:0px; margin-right:30px}



ul.accmenu, ul.accmenu ul {  list-style-type:none;  margin: 0px;  padding: 0px;  background:#bebebe; }
ul.accmenu a {  display: block;  text-decoration: none;}
ul.accmenu li {  margin-top: 1px;  border-bottom:1px solid #dcdcdb}
ul.accmenu li a {  background: #dbe701;  color: #003e4c;	  padding: 5px; font-size:16px;}
ul.accmenu li a:hover {  background: #003e4c;  color:#ffffff}

ul.accmenu li ul li a { background: #dcdcdb;  color: #003f48;  padding-left: 20px;    font-weight:normal;   font-size:14px;}
ul.accmenu li ul li a:hover {background: #bebebe; color:#000000}
ul.accmenu li ul li a.curp { background: #bebebe; color:#000000}



#picturecontainer1 {  margin:0px; padding:0px; padding-top:10px; margin-top:10px;  }
#picturecontainer1 ul { margin:0px; padding:0px}
#picturecontainer1 ul li { list-style:none; float:left; margin:3px 9px 10px 2px; height:86px; width:114px; background-color:#FFFFFF;}
#picturecontainer1 ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; border:1px solid #eeeeee; overflow:hidden; width: 112px; height: 84px;}
#picturecontainer1 ul li .img:hover { border:1px solid #ffbe06;}
#picturecontainer1 ul li a{ padding:0px;}
#picturecontainer1 ul li .title {text-align:center; height:50px; line-height:25px;}

.urunimaj { text-align:center; float:left; padding:2px; margin:2px;border:1px solid #eeeeee; }

.fiyat{float: right; width: 320px;}
.fiyat h1{text-align: left;}
.fiyat h2{float: left; font-size: 25px; line-height: 25px; margin:0; padding:0;}
.fiyat p{float: left; font-size: 20px; line-height: 26px; margin:0; padding:0; color: #ec172e; margin-left: 10px;}
.fiyat div{font-size: 15px; line-height: 20px; margin:10px 0 0 0; padding:0;  text-align: left;
}


#picturecontainer2 {  margin:0px; padding:0px; padding-top:10px; margin-top:10px;  }
#picturecontainer2 ul { margin:0px; padding:0px}
#picturecontainer2 ul li { list-style:none; float:left; margin:3px 9px 10px 2px; height:86px; width:114px; background-color:#FFFFFF;}
#picturecontainer2 ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; border:1px solid #eeeeee; overflow:hidden; width: 112px; height: 84px; position:relative}
#picturecontainer2 ul li .img .imgdesc { position: absolute; float: left;width: 114px;   height: 86px;   margin-left: 1px;    top: 1px;    left: 0;    background-color:#dee700;   display: none; text-align:center;}
#picturecontainer2 ul li .img:hover .imgdesc { display:block;width: 114px;   height: 86px; }
#picturecontainer2 ul li .img img {  width: 100%; height: 100%;}
#picturecontainer2 ul li a{ color:#023e49}
#picturecontainer2 ul li a:hover{ color:#026476}



/*
#rightcontent ul li{ list-style-image:url(images/list_li.png); padding:0px; margin:0px; line-height:22px; }
*/

#picturecontainer { clear:both; padding-top:20px; margin-top:20px; border-top:1px dotted #d2d2d2}
#picturecontainer ul { margin:0px; padding:0px}
#picturecontainer ul li { list-style:none; float:left; margin:0px 10px 0px 10px}
#picturecontainer ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; text-align: center; border:1px solid #eeeeee; overflow:hidden; width: 200px; height: 150px;}
#picturecontainer ul li .img:hover { border:1px solid #ffbe06;}
#picturecontainer ul li .img img { height: 100%;}
#picturecontainer ul li .title {text-align:center; height:50px; line-height:25px;}



#picturecontainer3 { clear:both; padding-top:10px; }
#picturecontainer3 ul { margin:0px; padding:0px}
#picturecontainer3 ul li { list-style:none; float:left; margin:0px 10px 0px 10px}
#picturecontainer3 ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; border:1px solid #eeeeee; overflow:hidden; width: 200px; height: 150px;}
#picturecontainer3 ul li .img:hover { border:1px solid #ffbe06;}
#picturecontainer3 ul li .title {text-align:center; height:50px; line-height:25px; width:200px;}


#productcontainer { clear:both; padding-top:10px; }
#productcontainer ul { margin:0px; padding:0px}
#productcontainer ul li { list-style:none; float:left; margin:0px 10px 0px 10px}
#productcontainer ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; border:1px solid #eeeeee; overflow:hidden; width: 200px; height: 150px;}
#productcontainer ul li .title {text-align:center; height:50px; line-height:25px; width:200px;}
#productcontainer ul li .title a { font-size:14px;}
.productcontainer ul li .img {height: 300px !important;}


.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #444;   border-bottom: none; /*background-image:url(images/tab_bg.jpg); background-repeat:repeat-x;*/  }
.tab a { font-size: 14px; color:#ffffff; line-height: 1.9em; display: block; padding: 3px 20px; outline: none;   }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #ea1c24;  }
.tab a.active { color:#fff }
.tab-container .panel-container { background: #fff; padding: 10px; min-height:150px; font-size:12px; line-height:22px; text-align:justify; margin-bottom:10px; }


#newslist { padding:0px; margin:0px;}
#newslist li { float:left; display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #EFEFEF; width:100%; }

#newslist li .newsimg { float:left; width:100px; height:75px; overflow:hidden;}
#newslist li .newscontent { float:left; display:block;  border-left:1px solid #EFEFEF;  padding-left:10px; width: 580px;}
#newslist li .newscontent  a { color: #003e49; font-size:16px; font-style:normal; font-weight:normal;}
#newslist li .newscontent  a:hover { color:#89a621;}

#newslist li .newscontent div.newsdesc {  color: #666666; }



.sform input,.sform select{padding:4px;border:solid 1px #cccccc;width:125px; font-size:12px; }
.sform textarea{padding:2px;border:solid 1px #cccccc;width:305px; height:70px; font-size:12px;}
.sform  .sbmt{background-color:#dbe702; padding:5px; color:#003e49; width:125px; font-size:12px;font-weight:bold; border:0px; height:27px;}
.sform  .sbmt:hover{ background-color:#a5bc1a}
.btn { background-color:#b52322; text-align:center; padding:3px 5px 3px 5px; line-height:20px; color:#FFFFFF; font-size:12px; border:0px;} 
.btn:hover { background-color:#e32027; color:#FFFFFF;} 
form label.error{font:10px Tahoma,sans-serif;color:#ED7476;margin-left:1px}
form input.error,form input.error:hover,form input.error:focus,form select.error,form textarea.error{border:1px solid #ED7476;background:#FFEDED}
.errorbox { padding:10px; color:#FF0000; font-size:16px; font-weight:normal; }


#tbl { border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;}
#tbl th { padding:3px 8px 8px 5px; background-image:url(images/th.png); background-repeat:repeat-x; font-weight:normal; font-size:15px; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;}
#tbl td { border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:5px; font-size:11px }
#tbl td a { color:#007a7b;}
#tbl td a:hover { color:#239766;}



.sticky {position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0;}

.pagecontent ul.urun_li li{list-style: none; float: left; margin: 0px 10px 0px 10px;}
.pagecontent ul.urun_li li p{text-align: center;}