/*  Orta Anadolu CSS
    Nerdverk, 2008
    www.nerdverk.com    */
   
/* Generic */

.missing{background-color:#c00;color:#fff;}

form, input, ul, ol, li, h1, h2, h3, h4, p, label, dl, dt, dd { margin:0px; padding:0px; }
body { margin:0px; padding:0px; background-color:#DDE4EB;color:#333333; background-image:url(../img/interface/backbody2.png); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; }
p, ul, dl { font-size:1.2em;line-height:18px;margin-bottom:18px; }
ul p, ul span, ul h1, ul h2, ul h3, ul h4, input { font-size:1em; }
a img { border:0px; }
a { text-decoration:none; }
blockquote {font-family:Georgia, Arial; margin:10px 0px; font-size:1.6em; padding:20px 160px 10px 10px; height:48px; color:#FFF; background:url(../img/interface/blockquote.png) no-repeat; }
a:link, a:visited { text-decoration:none; color:#006699; }
a:hover, a:active { text-decoration:underline; }

/* Layout */
#bar { background-color:#172326; height:20px; }
#page { width:950px; margin:0px auto; overflow:auto; background-repeat:no-repeat;  position:relative; top:0px; z-index:1; }
#header { margin:0px; height:135px; overflow:hidden; }
#container { clear:both; overflow:hidden;  }
#left { float:left; width:710px; }
#right { float:left; width:230px; margin-left:10px; display:inline; }
#end { height:10px; padding:10px 0px; background-image:url(../img/interface/backend.gif); margin-top:20px; }
#end div { margin:0px auto; width:950px; }
#end a { display:block; float:right; width:55px; height:9px; background-image:url(../img/interface/nerdverk.png); }
#end a span { display:none; }
div.single {border-top:1px dashed #27363B; padding-top:20px; }
div.languages { padding-top:30px; }
.clearfix{clear:both;margin:0;padding:0!important;}
.clear { clear:left; }

/* Header */
#logo { float:left; width:300px; margin:85px 0px 0px 15px; }
#menu { float:right; overflow:hidden; background-color:#27363B; height:64px; background-image:url(../img/interface/backmenu.png); margin-top:0px; padding:0px 10px; list-style-type:none; color:#FFF; font-size:1.4em; }
#b2b { float:right; clear:right; width:100px; margin-top:-10px; background:url(../img/interface/bg-b2b.gif); }

/* Menus */
#menu li { float:left; padding:0px 8px; background-color:#172326; background-repeat:no-repeat; }
#menu span { display:none; }
#menu a { display:block; height:34px; padding:20px 0px 0px 0px; text-decoration:none; outline:none; }
#menu a:link, #menu a:visited { color:#668A9F; }
#menu a:hover, #menu a:active { color:#FFFFFF; background:url(../img/interface/menuhover.gif) repeat-x top; }
#menu li.start a { width:16px; background-image:url(../img/interface/menuhome.gif); background-repeat:no-repeat; background-position:8px 0px; padding-left:8px; }
#menu li.end a { width:16px; background-image:url(../img/interface/menulogin.gif); background-repeat:no-repeat; background-position:0px 0px; padding-right:8px; }
#menu li.start a:hover, #menu li.start a:active { background-position:8px -60px; }
#menu li.end a:hover, #menu li.end a:active { background-position:0px -60px; }
#menu li a.selected:link, #menu li a.selected:visited { color:#FFFFFF; background:url(../img/interface/menuhover.gif) repeat-x top;  }
#menu li.start a.selected { background:url(../img/interface/menuhome.gif) no-repeat 8px -60px; }

#submenu { border-top:1px solid #395864; list-style-type:none; font-size:1.5em; }
#submenu li {border-bottom:1px dotted #395864; }
#submenu li a { display:block; height:15px; padding:10px 0px 10px 20px; text-decoration:none;background-repeat:no-repeat;}
#submenu a:link, #submenu a:visited { color:#101819; }
#submenu a.selected:link, #submenu a.selected:visited { background-color:#395864; color:#FFF; }
#submenu a:hover, #submenu a:active { background-color:#395864; color:#FFF; }

#submenu .sirket-profili { background-image:url(../img/interface/sirket-profili-small.png); }
#submenu .degerlerimiz { background-image:url(../img/interface/degerlerimiz-small.png); }
#submenu .haberler { background-image:url(../img/interface/haberler-small.png); }
#submenu .uretim-sureclerimiz { background-image:url(../img/interface/uretim-sureclerimiz-small.png); }
#submenu .kalite-sertifikalari { background-image:url(../img/interface/kalite-sertifikalari-small.png); }
#submenu .basinda-biz { background-image:url(../img/interface/basin-odasi-small.png); }
#submenu .insan-kaynaklari { background-image:url(../img/interface/insan-kaynaklari-small.png); }

/* Headings */
h1 {margin:10px 30px 10px 0px; height:40px; width:920px; text-align:right; color:#172326; font-size:3.6em; font-weight:bold; letter-spacing:-2px;}
h2 {color:#c33; font-size:2em; line-height:30px;margin-bottom:18px;font-weight:bold;letter-spacing:-1px; border-bottom:1px solid #c33;}
h3, legend {color:#395864;font-size:1.6em;line-height:24px;margin-bottom:9px;font-weight:bold;letter-spacing:-1px;}
h4 {margin-bottom:3px; font-size:1.3em;font-weight:normal;color:#395864; }
h6 {font-size:1.4em; font-weight:bold; letter-spacing:-1px; color:#CC0000; margin:0px; padding:0px; }
.contentboxes h2 { margin:0px; letter-spacing:-0.06em; font-weight:bold; font-size:1.6em; height:75px; width:105px; padding-top:5px; text-align:left; border:0px; }
.office h3 { background-position:left; background-repeat:no-repeat;padding-left:22px; }

#news li h3 { font-size:1.2em; }
#experience h3 {margin:0;padding:0;border-bottom:none;font-size:1.2em;}

/* Languages */
#lang { position:absolute; top:0px; }
#lang ul { list-style-type:none; margin-top:4px; }
#lang li { float:left; margin-right:3px; }
#lang li a { display:block; width:16px; height:11px; }
#lang span { display:none; }
#lang #tr a { background-image:url(../img/interface/lang/lang-tr.png); }
#lang #en a { background-image:url(../img/interface/lang/lang-en.png); }
#lang #jp a { background-image:url(../img/interface/lang/lang-jp.png); }
#lang #kr a { background-image:url(../img/interface/lang/lang-kr.png); }
#lang #cn a { background-image:url(../img/interface/lang/lang-cn.png); }
#lang #tr a:hover, #lang #tr a.selected { background-image:url(../img/interface/lang/lang-tr-hover.png); }
#lang #en a:hover, #lang #en a.selected { background-image:url(../img/interface/lang/lang-en-hover.png); }
#lang #jp a:hover, #lang #jp a.selected { background-image:url(../img/interface/lang/lang-jp-hover.png); }
#lang #kr a:hover, #lang #kr a.selected { background-image:url(../img/interface/lang/lang-kr-hover.png); }
#lang #cn a:hover, #lang #cn a.selected { background-image:url(../img/interface/lang/lang-cn-hover.png); }

/* Content */
.content p {}
.content ul {list-style-position:outside; margin:0px 0px 18px 0px; }
.content ul li, .content ol li {line-height:18px;}
.content ul.dot { list-style-type:none; list-style-position:outside;}
.content ul.dot li {background:url(../img/interface/bullet.gif) no-repeat;padding-left:18px;  }

.frame { width:340px; padding:20px 10px 10px 10px; margin:0px; background: url(../img/interface/backframe.png) center center no-repeat; }
.single .frame { float:left; margin:0px 15px 10px 0px; }
.single .frame div, #foreign .frame div { margin:-50px 0px 0px 0px; padding:10px 10px; position:relative; top:0px; z-index:5; background-color:#FFFFFF; }
.trend .frame div { padding:10px 10px; }
.service .frame div {margin-top:-24px;}
#left .frame { float:right; margin:-75px -10px 0px 10px; }
#left .frame div {background-color:#fff; margin-top:-25px; padding:10px 10px 10px 10px; position:relative; top:0px; z-index:5; }

#foreign .frame { float:right; margin:0px -10px 10px 15px; }
#foreign img.right { clear:right; }
#foreign h2 { clear:left; }

.content img.right { float:right; margin:0px 0px 10px 10px;border:1px solid #eee;padding:5px;}
.content img.left { float:left; margin:0px 5px 2px 0px; }

.overflow { overflow:auto;}

.block { margin:0; padding:0px 0px;cursor:pointer; }
.block:hover p{}

.contentbox { background-image:url(../img/interface/backbox.png); padding:20px;  }
.content { background-color:#FFFFFF; padding:20px; overflow:visible; }
.contentboxes { overflow:auto; }
.contentboxes h2{line-height:normal;}
.contentboxes .contentbox { width:210px; padding:10px; float:left; margin:0px 10px 10px 0px; }
.contentboxes .end { margin:0px 0px 10px 0px; }
.contentboxes .content { background-position:120px 15px; background-repeat:no-repeat; padding:20px 20px 10px 20px; }
.contentboxes .content div {  text-align:right;font-size:1.1em; }
.contentbox #sirket-profili { background-image:url(../img/content/about/sirket-profili.png); }
.contentbox #degerlerimiz { background-image:url(../img/content/about/degerlerimiz.png); }
.contentbox #uretim-sureclerimiz { background-image:url(../img/content/about/uretim-sureclerimiz.png); }
.contentbox #kalite-sertifikalari { background-image:url(../img/content/about/kalite-sertifikalari.png); }
.contentbox #insan-kaynaklari { background-image:url(../img/content/about/insan-kaynaklari.png); }
.contentbox #basinda-biz { background-image:url(../img/content/about/basin-odasi.png); }
.contentbox #haberler { background-image:url(../img/content/about/haberler.png); }
.contentboxes p { border-top:1px dotted #D2DBDD; border-bottom:1px dotted #D2DBDD; padding:10px 0px 0 0; margin-bottom:10px; height:100px; text-align:left; }
.contentboxes a, .contentboxes a:link, .contentboxes a:visited{color:#CC0000; }
.related {}

#left .content { padding:20px 30px; }

ul.listing { list-style-type: none; margin:0px; padding:0px; }
ul.listing span { color:#333; font-size:0.85em; }

div.press{display:block;overflow:auto; clear:both;border-bottom:1px dotted #D2DBDD;margin-bottom:10px;padding-bottom:10px;}
div.press img{ float:right; margin-left:5px; }

.files li { background-position:top right; background-repeat:no-repeat; min-height:30px; }

.pdflink{padding:12px 22px;background:url(../img/icons/acrobat.png) left no-repeat;}
.documentlink{padding:12px 22px;background:url(../img/icons/word.png) left no-repeat;}

.content .related { padding:0px 0px; }
.trend .related a { margin-right:5px; }

/* Home Page */
.home {width:280px; margin-right:15px; float:left; }
.home h2 {margin:0px; padding:0px; border:0px;line-height:normal; }
.home .description {font-size:1.1em;color:#666; border-bottom:1px solid #CC3333;padding-bottom:8px;line-height:normal;margin-bottom:9px;}
.home ul {list-style-type:none; margin:0px; }
.home ul li {border-bottom:1px dotted #D2DBDD;padding:10px 0;}
.home ul li p{margin-bottom:0px;}
.fbover { padding-top:10px }

/* Denim Experience */
#experience a {width:70px;height:80px;padding:5px 0 0px 10px;display:block; float:left;}
#experience li { overflow:auto; }

/* Recent News*/
#news ul li a {color:#CC3333; text-align:right;font-size:11px;}
#news ul li { overflow:auto; }
.datetime {font-size:11px;color:#666;}
p.datetime { margin-bottom:0px; }

/* Sign up to Mailing List*/
#signup { background:url(../img/interface/signup.png) top right no-repeat; height:71px; padding:5px 50px 5px 0px; margin-top:10px; }
#signup h3 { border:0px; font-size:1.4em;}
#signup p { font-size:12px;line-height:12px; }
#signup a { text-decoration:none; color:#999; }

/* Brands */
#brands, #services{padding-top:10px;}
.brand { clear:left; overflow:auto; margin-bottom:10px; min-height:145px; }
.brand .logo { float:left; width:180px; padding:30px 90px; background:url(../img/interface/bg-marka.png) 10px center no-repeat; margin-right:15px; }
.brand .description { float:left; width:490px; }

/* Services */
.service {clear:left; overflow:auto; margin-bottom:10px; }
.service .description { float:left; width:490px; }

/* Contact */
#maincontacts {width:270px;float:left;}
#map{width:580px; height:340px; float:right;}
#officesworldwide { overflow:hidden; }
div.office{float:left; width:202px; height:100px; margin:0px 20px 10px 0px;}
div.last{margin:0px 0px 10px 0px;}
#almanya{background-image:url(../img/interface/flag/flag-de.gif);}
#avustralya{background-image:url(../img/interface/flag/flag-au.gif);}
#italya{background-image:url(../img/interface/flag/flag-it.gif);}
#kolombiya{background-image:url(../img/interface/flag/flag-co.gif);}
#malezya{background-image:url(../img/interface/flag/flag-ml.gif);}
#belcika{background-image:url(../img/interface/flag/flag-be.gif);}
#amerika{background-image:url(../img/interface/flag/flag-us.gif);}
#japonya{background-image:url(../img/interface/flag/flag-jp.gif);}
#maincontacts dl { margin-bottom:10px; }
#maincontacts dt { float:left; width:30px; font-weight:bold; }

/* Trendbook */
#gallery { background-image:url(../img/interface/more.png); background-repeat:no-repeat; background-position:top center; padding:30px 0px; text-align:center; }
.trend { overflow:visible; display:none; }
.trend .text { width:495px; float:left; }
.trend .text img { margin-bottom:18px; }
.trend h2{display:none;}
.steps { margin-bottom:10px; }
.steps div { display:none; }
.steps div.step1, .steps div.related { display:block; }
.related .sstep { color:#333!important; }

/* Main Page Promotion Area */
#promo { overflow:hidden; margin-top:15px; margin-bottom:10px; color:#FFF; font-size:1em; }
#promo a { color:#999; text-decoration:none;}
#slides { width:950px; height:330px; display:block; }
#slides div { width:950px; height:330px; display:none; background-repeat:no-repeat; }
#slides div.slide0 { display:block; }
#slides a { display:none; }
#slider { float:left; overflow:hidden; margin-right:20px; height:20px; width:300px; }
#slider #detail { display:none; }
#slider div { float:left; padding:2px 10px 0px 15px; }
#slider ul { list-style-type:none; float:left; font-weight:normal; font-size:0.85em; margin:0px; padding:0px; list-style-position:inside; }
#slider ul li { display:inline; background-color:#A7B0B5; margin:0px 1px 0px 1px; padding:0px; width:10px; line-height:20px; }
#slider ul li a { padding:3px 5px; color:#FFF; }
#slider ul li.active { background-color:#D2DBDD; }
.slide0 {  }
.slide1 {}
.slide2 {}

#homebar { overflow:hidden; background-image:url(../img/interface/homebar.gif); background-repeat:repeat; height:20px; width:940px; padding:5px; color:#A7B0B5;  font-size:1.4em;  }

.news { overflow:auto; clear:left; }

/* Newsletter */
#facebox .content { padding:0px 10px 10px 10px; }
#nbox { width:480px; min-height:158px; background:url(../img/interface/newsletter.gif) no-repeat 330px 0px; font-family:Arial, Verdana; color:#666; font-size:12px; }
#nbox h1 { padding-top:10px; width:260px; font-size:28px; letter-spacing:-2px; color:#172326; font-weight:normal; line-height:28px; text-align:left; font-family:Georgia, Arial; }
#nbox p { width:315px; margin:30px 0px 20px 0px; font-weight:normal; }
#nbox input, #nbox label { display:block; width:98%; }
#nbox input { margin-bottom:10px; padding:2px; }
#nbox label { margin-bottom:3px; }
#nbox #submit { margin-top:17px; }
#nbox .errors { clear:left; width:480px; display:none; text-align:right; color:#FF0000;  }
#nbox .result { clear:left;  }
#nbox .field { float:left; width:47%; margin:0px 20px 0px 0px; }
#nbox .last { margin:0px 0px 0px 0px; }
#success { display:none; }
#success h2 { width:310px; }
.floading { display:none; padding:10px 0px 0px 100px; }
#unsubscribe { width:300px; height:300px; margin-left:-150px; margin-top:-150px; position:absolute; top:50%; left:50%; }
#unsubscribe h1 { display:none; }
#unsubscribe h2 { margin:0px; border:0px; font-size:16px; font-weight:bold; line-height:20px; }
#unsubscribe p { margin:10px 0px 5px 0px; }
#unsubscribe .tr { font-style:italic; }
#unsubscribe hr { height:10px; border:0px; border-bottom:1px dotted #526376; }
#unsubscribe a { float:right; color:#CC0000; font-size:12px; margin-bottom:10px; display:block; }

/* 3rd Party: Lightbox */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 50px; }
#lightbox-loading {	position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height:0; }
#lightbox-nav {	position: absolute;	top: 0;	left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0px; float: left; }
#lightbox-nav-btnNext { float: right; right:0px; position:absolute; }
#lightbox-secNav-btnClose {	width: 50px; /*float: right;*/ position:absolute; /*margin-left:100%; margin-right:-50px;*/ top:0px; right:0px;	display:block;}
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto; line-height: 1.4em;	overflow: auto;	width: 100%;	padding: 0 50px 0;}
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 100%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; clear: left; padding-bottom: 1.0em;	}

/* 3rd Party: Facebox */
#facebox .b { background:url(../img/facebox/b.png) repeat; }
#facebox .tl { background:url(../img/facebox/tl.png); }
#facebox .tr { background:url(../img/facebox/tr.png);}
#facebox .bl { background:url(../img/facebox/bl.png);}
#facebox .br { background:url(../img/facebox/br.png);}
#facebox { position: absolute; top: 0;  left: 0;  z-index: 200;  text-align: left; }
#facebox .popup {  position: relative;}
#facebox table {  border-collapse: collapse;}
#facebox td {  border-bottom: 0;  padding: 0;}
#facebox .body {  padding: 10px; background: #fff;  width: 370px;}
#facebox .loading {  text-align: center;}
#facebox .image {  text-align: center;}
#facebox img {  border: 0;  margin: 0;}
#facebox .footer {  text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {  height: 10px;  width: 10px;  overflow: hidden;  padding: 0;}
#facebox_overlay {  position: fixed;  top: 0px;  left: 0px;  height:100%;  width:100%;}
.facebox_hide {  z-index:-100;}
.facebox_overlayBG {  background-color: #000;  z-index: 99;}
* html #facebox_overlay { /* ie6 hack */  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}