/* =======================================================
/* =======================================================
   Author      : Polat Inceler

   Author URL  : http://www.polatinceler.com.tr
   ======================================================= */
   
/* =======================================================
   GLOBAL
   ======================================================= */
body {font:11px arial; color:#333;}
a {text-decoration:none; color:#000;}
a:hover {text-decoration:none;}
ul {list-style-type: none;}
p { margin: 0; padding: 0; }

/* =======================================================
   HEADER
   ======================================================= */
#header {width: 960px; margin: 30px auto 0;}
   
   /* Logo */
   a#logo {width:232px; height:46px; background: url(../images/logo.png) no-repeat; display: inline-block; *display: inline; zoom: 1;}
   
   /* topRight */
   #topRight {float: right;}
      
      /* langList */
      ul.langList {margin: 0 0 7px 0; padding: 4px 5px; float: right; display: inline-block; *display: inline; zoom: 1; border: 1px solid #8ACE9E;}
      ul.langList li {display: inline; margin: 0 0 0 6px; padding: 0 0 0 6px; border-left: 1px solid #398651;}
      ul.langList li:first-child {margin-left: 0; padding-left: 0; border: none;}
      ul.langList li a {color: #398651; height: 12px; line-height: 12px; display: inline-block; *display: inline; zoom: 1;}
      ul.langList li a:hover {color: #000;}
      
      /* searchBox */
      #searchBox {float: right; margin: 0 0 7px 0;}
         form#search input {float: left;}
         form#search input[type="text"] {width: 180px; height: 28px; line-height: 28px; padding: 0 10px; color: #5F6465; border: 1px solid #8ACE9E; background-color: #D7EEDE;}
         form#search input[type="submit"] {height: 30px; padding: 0 10px; color: #225231; background-color: #8ACE9E; border: none; cursor: pointer;}
		 a.search { font-size: 11px; color: green; }
   /*#mainMenu */       
   ul#mainMenu {width: 100%; height: 35px; background-color: #8DBE36;}
   ul#mainMenu > li {margin: 0 14px 0 0; float: left; position: relative;}
   ul#mainMenu > li > a { font-weight: bold; height: 35px; line-height: 35px; padding: 0 13px; font-size: 17px; font-family: arial; color: #fff; display: block;}
   ul#mainMenu > li > a:hover, ul#mainMenu li a.active, ul#mainMenu li a.activeSub {background-color: #5F6465;}
      ul#mainMenu li ul {background: #5F6465; position: absolute; z-index: 1001; display: none;}
      ul#mainMenu li ul li {min-width: 200px;}
      ul#mainMenu li ul li a { font-size: 13px; color: #fff; padding: 7px 10px 7px 14px; display: block;}
      ul#mainMenu li ul li a span {padding: 0 0 0 12px; background: url(../images/arrow3.png) left center no-repeat; display: inline-block;}
      ul#mainMenu li ul li a:hover {background: #8DBE36;}
      ul#mainMenu li ul li a:hover span {color: #000; background: url(../images/arrow4.png) left center no-repeat;}


/* =======================================================
   CONTENT
   ======================================================= */
#content {width: 960px; margin: 0 auto;}
   
   /* mainSlider */
   #mainSliderContainer {width: 960px; height: 355px; margin: 7px 0 0 0; position: relative;}
   ul#mainSlider li {width: 960px; height: 355px;}
      .bx-pager {position: absolute; right: 0; bottom: 7px;}
      .bx-pager-item {float: left; margin-left: 4px;}
         a.bx-pager-link {width: 14px; height: 14px; background: url(../images/pager.png) center center no-repeat; display: block; text-indent: -9999px;}
         a.bx-pager-link.active {background: url(../images/pagerActive.png) no-repeat;}
   
   /* indexBlock */
   .indexBlock {width: 230px; height: 150px; padding: 0 45px; margin-bottom: 7px; float: left; background: url(../images/bgBlock.png) left top no-repeat; display: table;}
   .indexBlock.first {background-color: #B5E61D;}
   .indexBlock.second {background-color: #22B14C;}
   .indexBlock.third {background-color: #6DC50E;}
      .indexBlock a {font: 17px 'Trebuchet Ms'; color: #fff; display: table-cell; vertical-align: middle;}
      .indexBlock a:hover {color: #333;}
   
   /* indexBlock2 */
   .indexBlock2 {width: 637px; float: left;}
      .miniTitle {padding: 0 0 0 10px;  background: url(../images/bgTitle.png) left top no-repeat;}
         .miniTitle span {height: 25px; font: 14px/25px 'Trebuchet MS'; color: #18322C; border-bottom: 1px solid #CBD4DC; display: block;}
      ul.indexNews {margin: 8px 0 0 0;}
      ul.indexNews li {width: 310px; float: left; margin: 0 0 0 17px;}
      ul.indexNews li:first-child {margin: 0;}
         .newsContent {height: 140px; padding-right: 5px; font: 14px/17px 'Trebuchet MS'; color: #AAAAAA; text-align: justify;}
            img.newsImg { width:95px; margin: 0 10px 5px 0; padding: 5px; float: left; border: 1px solid #CBD4DC;}
         a.newsBtn, a.newsHistory {height: 19px; margin: 8px 5px 0 0; padding: 0 36px 0 20px; font: 14px/18px 'Trebuchet Ms'; color: #AAAAAA; float: right; background: url(../images/bgBtn.jpg) #E8EAEC right top no-repeat; display: block; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;}
         a.newsHistory {float: left; padding: 0 20px 0 36px; background: url(../images/bgBtn2.jpg) #E8EAEC left top no-repeat; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;}
         a.newsBtn:hover, a.newsHistory:hover {color: #5F6465;}

   /* indexBlock3 */
   .indexBlock3 {width: 315px; float: right;}
      .catalogContent {padding: 11px 0 0 10px; background: url(../images/bgTitle.png) left top  repeat-y; position: relative; top: -1px;}
         .downloadCatalog {height: 74px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #CBD4DC;} 
            a.iconPdf {width: 70px; height: 74px; margin: 0 13px 0 0; float: left; background: url(../images/iconPdf.png) no-repeat; display: block;}
            .pdfLink {width: 280px;}
               .year {font-size: 30px; color: #18322C;}
               .pdfLink a {font: 13px/18px 'Trebuchet MS'; color: #999999;}
               .pdfLink a:hover {color: #18322C;}
         .viewCatalog {min-height: 70px; padding: 0 115px 5px 0; background: url(../images/iconView.png) right top no-repeat;}
            .viewLinkTitle {font-size: 25px; color: #008AD2; display: block;}
            a.viewLink {font: 13px/16px 'Trebuchet MS'; color: #999999; text-align: right; display: block;}
            a.viewLink:hover {color: #008AD2;}

/* =======================================================
   SUBCONTENT
   ======================================================= */
#subContent {width: 960px; margin: 0 auto; font: 14px/18px 'Trebuchet MS'; color: #7F7F7F;}
   
   /* banner */
   #banner {height: 125px; margin-bottom: 1px; position: relative;}
      #bannerText {position: absolute; left: 15px; top: 30px; z-index: 1001; font: bold 24px 'Trebuchet MS'; font-style: italic;}
         .text1 {color: #327846;}
         .text2 {color: #46484A; margin: 0 0 0 90px;}
   
   /* sidebar */
   #sidebar {width:243px; padding: 7px 0 7px 7px; float: left; border: 1px solid #CBD4DC;}
   #sidebar, #rightContent {margin-top: 7px; margin-bottom: 12px;}
   .naviMenuTitle, .subContentTitle {padding: 0 0 6px 0; margin: 0 0 9px 0; border-bottom: 1px solid #CBD4DC;}
   .subContentTitle { border-top: 1px solid #CBD4DC; padding-top: 6px;}
   .naviMenuTitle span, .subContentTitle span {height: 20px; line-height: 20px; padding: 0 0 0 10px; font: 16px arial; color: #5F6465; background: url(../images/bgTitle2.png) left center no-repeat; display: block;}
      
      /* naviMenu */
      ul.naviMenu li {padding: 7px 0 0 0; margin: 7px 0 0 8px; border-top: 1px solid #CBD4DC;}
      ul.naviMenu > li:first-child {border-top: none; margin-top: 0; padding-top: 0;}
      ul.naviMenu li a {font: 15px arial; color: #5F6465;}
      ul.naviMenu li ul li a {font-size: 14px; padding-left: 14px; background: url(../images/bgNaviLi.png) left center no-repeat; display: block;}
      ul.naviMenu li ul li a.active {font-size: 13px; background: url(../images/bgNaviLiActive.png) left center no-repeat; font-weight: bold; color: #444;}      
      ul.naviMenu li ul li a:hover {color: #444;}      


   /* rightContent */
   #rightContent {width: 690px; float: right;}
      
   	  .files { display: block; margin-bottom: 4px; }
      .files .icon-pdf { vertical-align: middle; display: inline-block; margin-right: 10px; width: 29px; height: 40px; background: url(../images/icon-pdf.png) no-repeat; }
      .files .txt { margin-top: -10px; }

   /* productImage */
   div.productImage {width: 200px; margin: 0 30px 30px 0; padding: 6px; text-align: center; float: left; border: 1px solid #CBD4DC;}
   div.productImage img { width: 200px; }
   .howToUse {font: 15px arial; color: #5F6465;}
   
/* =======================================================
   CONTACT
   ======================================================= */
	form#contactForm input {}
       form#contactForm input[type="text"], textarea {width: 80%; line-height: 28px; padding: 0 10px; color: #5F6465; border: 1px solid #8ACE9E; background-color: #D7EEDE;}
       form#contactForm input[type="button"],input[type="reset"] {height: 30px; padding: 0 10px; color: #225231; background-color: #8ACE9E; border: none; cursor: pointer;}
 	   a.search { font-size: 11px; color: green; }
	   

/* =======================================================
   FOOTER
   ======================================================= */
#footer {width: 960px; margin: 10px auto 0; padding: 10px 0 20px 0; color: #9B9EA3; border-top: 3px solid #8DBE36;}
   
   /* footerLeft*/
   #footerLeft {float: left;}
      .copyright {margin: 0 0 6px 0; font-size: 12px; color: #32393F;}
      .brand {margin: 0 0 6px 0;}
      .companyGroup {padding-left: 20px; background: url(../images/bgCompanyGroup.png) left center no-repeat;}

   /* footerRight */
   #footerRight {float: right; text-align: right;}
      #footerRight > div {margin: 0 0 9px 0;}