@charset "utf-8";
/* 08.03.2009 - Marla Interactive */

@import 'Structure.css';

html { width:100%; height:100%; }
body { width:100%; height:100%; margin:0 0 0 0 ; padding:0 0 0 0 ; background:transparent url(../images/body/background.jpg) repeat-x top left; }

#header { width:960px; position:relative; margin:17px auto 0; height:120px; clear:both; background: transparent url(../images/body/header.png) no-repeat top left ;}
#main { width:918px; margin:0 auto; background-color:#FFF;  clear:both; border-left:1px solid #aCaCaC; border-right:1px solid #CCC; padding-bottom:20px; }
#footer { width:920px; margin:0 auto; height:113px; background:transparent url(../images/body/footer.jpg) no-repeat top left; clear:both; }

.logo { width:300px; height:65px;}
.logo img { margin:7px 0 0 20px; }
.inset { width:558px; height:218px; clear:both; background:#FFF url(../images/body/inset_bg2.jpg) no-repeat top; position:relative; padding:50px 0 0 360px; }
.inset h1 { font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#4a4a4a; line-height:33px; /*position:absolute; top:50px; left:370px;*/ }
.inset p { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:24px; width:480px; margin:10px 0 0 0; }
.ayrac { width:100%; }
.main_bottom { width:920px; height:9px; margin:0 auto; }
.main_bottom img { width:920px; height:9px; }

/* Alt Yönlendirici Linkler */

ul.bottom-nav { width:100%; /*border-top:1px solid #929292;*/ margin:20px 0 0 0; background:transparent url(../images/body/ayrac.jpg) no-repeat top; }
ul.bottom-nav li { width:44%; float:left; padding:0 3%; line-height:30px; }
ul.bottom-nav li.lf { text-align:left; }
ul.bottom-nav li.rg { text-align:right; }
ul.bottom-nav li a { color:#929292; text-decoration:none; }
ul.bottom-nav li a:hover { color:#900; text-decoration:none; }
ul.bottom-nav li a span { font-size:9px; }

/* Navigasyon */

div#header ul#nav { z-index:1000; width:373px; display:block; /*float:right; margin:29px 0 0 0;*/ position:absolute; right:15px; top:29px; height:20px; padding:0; }
* html div#header ul#nav { width:393px; }
div#header ul#nav li { display:inline; float:left; }
div#header ul#nav li a { display:block !important; margin:0 22px 0 0; float:left; text-indent:-9999px; background:transparent url(../images/body/menu_nav.jpg); }

div#header ul li a#nav-1 { width:67px; height:20px; background-position:0 0}
div#header ul li a#nav-2 { width:77px; height:20px; background-position:-77px 0}
div#header ul li a#nav-4 { width:77px; height:20px; background-position:-161px 0}
div#header ul li a#nav-3 { width:61px; height:20px; background-position:-245px 0} 
div#header ul li a#nav-5 { width:60px; height:20px; background-position:-313px 0}

div#header ul li.active a#nav-1, div#header ul li a#nav-1:hover { width:67px; height:20px; background-position:0 20px}
div#header ul li.active a#nav-2, div#header ul li a#nav-2:hover { width:77px; height:20px; background-position:-77px 20px}
div#header ul li.active a#nav-4, div#header ul li a#nav-4:hover { width:77px; height:20px; background-position:-161px 20px}
div#header ul li.active a#nav-3, div#header ul li a#nav-3:hover { width:61px; height:20px; background-position:-245px 20px}
div#header ul li.active a#nav-5, div#header ul li a#nav-5:hover { width:60px; height:20px; background-position:-313px 20px}

/* Navigasyon bitiş */

.address-bar { display:none; width:440px; clear:both; border-left:5px solid #d7000f;  margin:25px 0 0 480px; padding:0 0 0 10px; font-size:11px; color:#757575; line-height:11px; }
* + html .address-bar { margin-top:50px !important; overflow:hidden; }
.address-bar span { font-size:9px; letter-spacing:-2px; }


/* Slider */
#scroller { width:918px; clear:both; height:150px; background-color:#FFF; margin:13px 0 0 0; }
/* Slider */

/* Portlet */
.portlet-wrap { width:890px; margin:15px; background-color:#FFF; height:103px; }
.portlet { width:290px; height:103px; background:transparent url(../images/body/portlet_bg.jpg) no-repeat top left ; float:left; }
.portlet h2 { line-height:32px; font-size:16px; font-weight:bold; color:#3b4a58; padding-left:13px; font-family:"Trebuchet MS", Arial; }
.portlet div a { display:block; width:100%; color:#656366; }
.portlet div a:hover { display:block; width:100%; color:#656366; text-decoration:underline; }
.p1, .p2 { margin-right:10px; }
.p1 div, .p2 div { padding-left:73px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; }
.portlet div { margin-top:6px; padding-right:10px; }
.p1 div { background:transparent url(../images/body/p1_bg.jpg) no-repeat 12px 0; }
.p2 div { background:transparent url(../images/body/p2_bg.jpg) no-repeat 8px 0; }
.p3 div { margin:6px 0 0 15px; } 
.ebultenform { margin:4px 0 0 0 !important; padding:0 !important; }
.ebultenform input { width:155px; height:24px; font-size:15px; padding:5px 0 0 5px; border:3px solid #c8d0d8; float:left; }
.ebultenform img { float:left; margin:0 0 0 8px; }

/* Portlet */

/* Footer */
.firmaismi { float:left; width:185px; height:30px; color:#FFF; font-weight:bold; font-size:14px; padding:12px 0 0 10px; }
.bottommenu { float:left; width:290px; color:#FFF; height:30px; padding:12px 0 0 435px; }
.firmaismi, .bottommenu { margin-top:32px; }
.bottommenu a { color:#FFF; text-decoration:none; display:inline; }
.bottommenu a:hover { text-decoration:underline; }



/* Subpage */

body.subpage #main { background:#FFF url(../images/body/inset_bg.jpg) no-repeat top; }
.subpage #main .product-page { width:870px; margin:0 24px 0 24px; }
.subpage .subpage-header { width:100%; height:30px; }
.subpage .x1 { margin:10px 0 0 0; }
.subpage .x2 { margin:30px 0 0 0; }
.subpage .subpage-header h1 { font-weight:normal; font-size:22px; line-height:22px; font-weight:normal; color:#900; }
.subpage .product-detail { width:870px; /*background-color:#933;*/ }
.subpage .product-detail .detail { width:435px; float:left; /*background-color:#06C;*/ }
.subpage .subheader { width:100%; border-bottom:1px solid #8a8a8a; }
.subpage .subheader h2 { background:transparent url(../images/body/h2bg.jpg) repeat-x top left; font-size:16px; color:#282828; line-height:32px; font-weight:normal; width:125px; padding:0 10px; }
.subpage .product-detail p { font-size:12px; color:#282828; padding:10px 0; line-height:18px; }

.subpage .product-detail .product-pic { width:435px; float:left; /*background-color:#099;*/ }
.subpage .product-detail .product-pic img { padding:4px; background-color:#FFF; border:1px solid #999; }
.product-features { width:100%; margin:10px 0; padding:0; }
.product-features dt { width:100px; float:left; }
.product-features dd { width:335px; float:left; }
.product-features dt, .product-features dd { font-size:12px; color:#282828; line-height:20px; }

.give-info { width:100%; background:transparent url(../images/body/giveinfobg.jpg) repeat-x left top; height:52px; margin:40px 0 0 0; padding:0; }
.give-info img { float:left; margin:0 15px; }
.give-info-label { float:left; font-size:14px; line-height:52px; color:#282828; }
.give-info-label span { color:#900; }
.give-info-actions { float:right; }
.give-info-actions div.button { float:left; margin:10px 10px 0 0; background:transparent url(../images/body/button_div_bg.jpg) no-repeat top right; height:33px; }
.give-info-actions div.button span { background:transparent url(../images/body/button_span_bg.jpg) no-repeat top left; display:block; height:33px; padding:0 10px; }
.give-info-actions div.button span a { color:#FFF; font-size:16px; text-align:center; text-decoration:none; line-height:33px; font-weight:bold;}
.give-info-actions div.button span a:hover { color:#EEE; }

.m1 { margin:20px 0 0 0; }
.other-product-list { float:left; width:217px; margin:10px 0 0 0; }
.other-product-list h3 { font-size:13px; line-height:27px; }
.other-product-list ul li { font-size:11px; line-height:18px; }
.other-product-list ul li a { color:#4e4e4e; text-decoration:none; }
.other-product-list ul li a:hover { color:#900; text-decoration:none; }


/* Content */

.content-wrap { margin:13px 0 0 0; width:100%; }
.content-wrap p { font-size:12px; line-height:18px; color:#282828; }

/*Devepolment by ali evdi */

.product-thumb { float:left; width:132px; }
.product-thumb img { padding:4px; background-color:#fff; border:1px solid #9e9e9e; }
.product-description { float:left; width:638px; }
ul#product-list { border-top:1px solid #6b6b6b; }
ul#product-list li { padding:16px 0 16px 0; border-bottom:1px solid #cbcbcb; min-height:105px; height:auto !important; height:105px; }
ul#product-list .product-description h4 { line-height:32px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#282828; }
ul#product-list .product-description p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#505050; line-height:16px; width:736px; }

.product-description div.button { float:left; margin:10px 10px 0 0; w\idth: 83px; background:transparent url(../images/body/button_small_div_bg.jpg) no-repeat top right; height:24px; }
.product-description div.button span { background:transparent url(../images/body/button_small_span_bg.jpg) no-repeat top left; display:block; height:24px; padding:0 10px; }
.product-description div.button span a { color:#FFF; font-size:11px; font-weight:bold; text-align:center; text-decoration:none; line-height:24px; }
.product-description div.button span a:hover { color:#EEE; }

/* Contact Form */

.contact-form { width:100%; margin:50px 0 0 20px; }
.contact-form dl { width:510px; /*background-color:#0066FF;*/ }
.contact-form dl dd, .contact-form dl dt { display:block; float:left; height:35px; overflow:hidden; }
.contact-form dl dt { width:150px; }
.contact-form dl dd { width:350px; }
.contact-form dl .wide { height:100px !important;  }

.contact-info { width:100%; border-bottom:1px solid #ccc; }


.text-input, .text-textarea { font-family:Arial; border:1px solid #a9a9a9; font-weight:bold; padding:3px; line-height:17px; font-size:12px; }
.text-input { width:200px; height:17px; line-height:17px; }
.text-textarea { width:270px; overflow:hidden; height:80px; line-height:17px; }
.button-input { background:transparent url(../images/body/send_imgbutton.jpg) no-repeat top left; border:0; width:86px; height:33px; cursor:pointer; }