@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
html{overflow-x: hidden;}
form{margin:0;padding:0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {background: url(../images/back.png) repeat-x #bbbab9;text-align:center;min-height:468px;min-width:552px;font-family:Calibri, Arial, Helvetica, sans-serif;font-size:16px;color:#9b9b9b;}

a:link {color:#9b9b9b;text-decoration:none;}
a:visited {color:#9b9b9b;text-decoration:none;}
a:hover{color:#9b9b9b;text-decoration:none;}

#inner {width: 1020px;text-align: center;margin-left:auto;margin-right:auto;background: url(../images/ust_serit.png) #FFFFFF top no-repeat;z-index:-1;}
#logo {float:left;width:210px;height:98px;margin:25px 0px 0px 25px;}
#menu {width:580px;height:55px;float:left;margin:50px 0px 0px 195px;text-align:left;z-index:10;}
#content{text-align:left;margin:30px 0px 0px 0px;z-index:0; height:385px; font-size:16px;}
#content h1{ font-size:24px;}
#contentText{width:350px;float:right;margin-right:30px; font-size:14px;}
#aboutText{width:770px;float:left;margin:5px 10px 20px 200px;}

/* İletişim Formu */
#contentContact{text-align:left;margin:30px 0px 0px 0px;z-index:0; height:600px; font-size:16px;}
#contactForm{width:400px; display:block; float:left; margin-left:40px;} 
#contact{width:300px; float:left;}
#contactText{width:770px;float:left;margin:5px 10px 20px 200px;}
/* İletişim Formu Kullanıcı Cevabı */
#contactForm .yay, .oops{font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;}
#contactForm .yay{background:#090;}
#contactForm .oops{background:#f30;}
#contactForm div.error{font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;}

/* İletişim Formu Captcha */
#contactForm img{border:1px solid #777;margin:0 0 0 10px;display:block;}
#contactForm h3{font-size:1.2em;font-weight:400;margin:30px 0 10px 10px;}

/* Dil İndir - Kaldır */
#language {float:left;width:185px;margin:9px 0px 0px 595px;}
#language_text {width:100px;margin-top:8px 100px 0px 0px;padding-top:2px;position:absolute; text-align:right;}
#langContainer{position:absolute;top:7px;margin-left:100px;z-index:20;}
#lang_list{height:25px;width:90px;background:#ebe8d8;display:none;text-align:left;}  
#lang_list li{padding:5px 0px 0px 9px;}
#lang_list li:hover{padding:5px 0px 0px 9px;background:#ffffff;}                    
#langLink{height:25px;width:90px;display:block;cursor:pointer;padding-top:5px;background:#FFFFFF;}
#langLink:hover{background:#ebe8d8;color:#FFFFFF;}


/* Alt Bölüm */
#footer{background:url(../images/footer_back.png) repeat-x top left;height:120px;text-align:left;}
#footer_menu{font-size:13px;margin:5px 0px 5px 0px; text-align:center;}
#footer_menu a:hover { color:#ef3e23;}

.copyrightNotice{ font-size:7px;}

#GroupWebs{width:220px;float:left;position:absolute;margin:0px 0px 0px 20px;}
#GroupWebs ul li{list-style:none;padding:0;margin:0;font-size:12px;}
#GroupWebs li.baslik{font-size:20px;color:#f7bc14;background:url(../images/footerLine.jpg) bottom left no-repeat;margin:5px 0px 5px 0px;padding-bottom:5px;}

#newsLetter{width:220px;float:left;position:absolute;margin:0px 0px 0px 250px;}
#newsletterForm{}
#newsletterFormLeft{float:left;width:6px;height:22px;background:url(../images/newsletter_form_left.png) no-repeat;}
#newsletterFormCenter{float:left;width:130px;height:22px;background: url(../images/newsletter_form_back.png) repeat-x top left;}
#newsletterFormRight{float:left;width:40px;height:22px;}

#newsLetter ul li{list-style: none;padding: 0;margin: 0;font-size:12px;}
#newsLetter li.baslik{font-size:20px;color:#83c341;background:url(../images/footerLine.jpg) bottom left no-repeat;margin:5px 0px 5px 0px;padding-bottom:5px;}

#catalogue{width:220px;float:left;position:absolute;margin:0px 0px 0px 500px;}
#catalogue ul li{list-style: none;padding: 0;margin: 0;font-size:12px;}
#catalogue li.baslik{font-size:20px;color:#ea307b;background:url(../images/footerLine.jpg) bottom left no-repeat;margin:5px 0px 5px 0px;padding-bottom:5px;}

#socialNetwork{width:220px;float:left;position:absolute;margin:0px 0px 0px 750px;}
#socialNetwork ul li{list-style: none;padding: 0;margin: 0;font-size:12px;}
#socialNetwork li.baslik{font-size:20px;color:#22bff0;background:url(../images/footerLine.jpg) bottom left no-repeat;margin:5px 0px 5px 0px;padding-bottom:5px;}

/* Ürün Resimleri */
#products{margin:20px 0px 0px 20px;width:800px;float:left;}
#products img{margin:0px 20px 0px 0px;}
#products h3{ text-align:left; font-size:25px; margin:10px 0px 20px 0px; color:#ff4e95;}
#productsPages{ text-align:right; margin:0px 25px 5px 0px;}

#productsSlide {position:relative; border-bottom:3px #ff4e95 solid; border-top:3px #ff4e95 solid; width:800px; height:250px; margin-bottom:15px; }
#productsSlide IMG {position:absolute;top:0;left:0; z-index:8;opacity:0.0;}
#productsSlide IMG.active {z-index:10;opacity:1.0;}
#productsSlide IMG.last-active {z-index:9;}

/* Sol Menu */
#sol_menu{margin:50px 0px 0px 20px;width:160px;float:left;}
#sol_menu ul li{padding:5px 7px 5px 5px; text-align:left; font-size:14px ; color:#666666; border-bottom:1px solid #999999;}
#sol_menu a:hover {color:#ff4e95;}
#sol_menu li:hover {background:url(../images/arrow.png) no-repeat right;}

/* Resim Onizleme */
#tooltip{position:absolute;border:1px solid #ccc;background: #CCCCCC;padding:5px;color:#fff;}
#tooltipList ul{margin:0px;padding:0px;}
#tooltipList li{float:left;display:block;padding:0px 15px 50px 15px; border-right:1px solid #ebe8d8; font-size:12px; width:128px; height:150px; text-align:left;}

/* Ürün Kategorileri */
#category ul{margin:0px;padding:0px;}
#category li{float:left;display:block;padding:0px 15px 50px 15px; border-right:1px solid #ebe8d8; font-size:12px; width:128px; height:150px; text-align:left;}

/* İndex Slideshow */
#slideshow {position:relative; float:left; width:630px;height:350px;}
#slideshow IMG {position:absolute;top:0;left:0; z-index:8;opacity:0.0;}
#slideshow IMG.active {z-index:10;opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

.clear {clear:both;height:1px;overflow:hidden;}