/*page*/
  html, body {width:100%; height: 100%;}
  body {padding:0; margin:0;background: #fff;}

/*design*/
  a img{border:0;}

/*navigation */
  a{font:1em "Tahoma"; color:#0072bc; text-decoration:underline;}
  a:hover{text-decoration:none;}
  :focus, a:active{outline: none;}

       #menu {padding: 0; margin: 0;  background: #fff;list-style:none;}
       #menu li {position: relative; z-index: 40;float:left; width: 198px; height: 152px; border-left: 1px solid #fff;}
       #menu li img {width: 120px; height: 26px; margin: 68px 0 0 44px;}
        .menuListOne {background: #d92e03 url(../images/menu/menu_bg_red.jpg) no-repeat left top;border-bottom: 1px solid #fff;}
        .menuListTwo {background: #f4d900 url(../images/menu/menu_bg_yel.jpg) no-repeat left top;border-bottom: 1px solid #fff;}
        .menuListThr {background: #0063b7 url(../images/menu/menu_bg_dark.jpg) no-repeat left top;border-bottom: 1px solid #fff;}
        .menuListFour {background: #18cbfe url(../images/menu/menu_bg_blue.jpg) no-repeat left top;border-bottom: 1px solid #fff;}
        .menuLink {display: block;width: 198px; height: 152px;}
      #menu ul {display:block; list-style:none;}
         .menuSecLevel {float:left; width: 198px; margin: -1px 0 0 0; border-right: 1px solid #fff; border-top: 1px solid #fff;list-style:none;}
           #menu .menuSecLevel li{height: auto;border-left: 0px; }
            .menuSecLevel a {display:block; padding: 6px 5px 7px 53px; text-decoration:none; color: #fff; font-weight: bold; }
            .menuListOne .menuSecLevel a:hover {background:#f44203;}
            .menuListTwo .menuSecLevel a:hover {background:#eccf36;}
            .menuListThr .menuSecLevel a:hover {background:#3d72ca;}
            .menuListFour .menuSecLevel a:hover {background:#50d3ff;}
            .menuThreeLevel {position: absolute;width: 198px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
            .menuFourLevel {width: 198px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
        .menuThreeLevel a {padding: 6px 0px 7px 20px;font-weight: normal; }
              #menu li ul img {width: 10px; height: 7px; margin: 0; padding: 0;}
              .menuSection a img {padding: 0; margin: 0; background: url(../images/marker/marker_menu.gif) no-repeat right 1px;}
     .menuSecBg {position: absolute; top: 153px; left: 0;z-index: 20; width: 198px;height:100%; }
     .menuThreeBg {position:absolute; top: 0; left: 199px;z-index: 30;width: 198px;height: 100%; margin: 0 0 0 -1px;}
     .menuFourBg {position:absolute; top: 0; left: 199px;z-index: 40;width: 198px;height: 100%;  margin: 0 0 0 -1px;}
     .menuSec,.menuThree,.menuFour {height:100%; padding: 0 0 10px 0;}
     .menuListOne .menuSec, .menuListOne  .menuThree, .menuListOne  .menuFour {background: url(../images/menu_bg.png) no-repeat left top;}
     .menuListTwo .menuSec, .menuListTwo .menuThree, .menuListTwo  .menuFour {background: url(../images/menu_bg.png) no-repeat -216px top;}
     .menuListThr .menuSec, .menuListThr .menuThree, .menuListThr  .menuFour {background: url(../images/menu_bg.png) no-repeat -432px top;}
     .menuListFour .menuSec, .menuListFour .menuThree, .menuListFour .menuFour {background: url(../images/menu_bg.png) no-repeat -648px top;}
     .menuSec:after,.menuThree:after,.menuFour:after {content: '.'; display: block; clear: both;visibility: hidden;height:0px;font-size:0;}
     #menu2, #menu3, #menu4, #menu5,#menu6,#menu7 {visibility: hidden;}
     #contact_menu, #about_sub_menu, #about_menu, #products_menu, #producers_menu, .producers_menu, .colors_menu {visibility: hidden;}


/*TAGS*/
  h1 {margin: 0; padding:0; font: 1.7em/1.3 "Tahoma"; color: #000; margin:0 0 11px 0;}
  h2 {margin: 0; padding: 0; font: 1.5em/1.3 "Tahoma"; color: #000; }
     form h2 {margin: 0 0 20px 0;}
  h3{margin: 0;padding:0; font: 1.25em/2.3 "Tahoma"; color:#000;}
  h4{margin:0;padding: 0;font: 1em "Tahoma"; color:#000;}
  dl, dt, dd, form {margin:0;padding: 0;}
  dl, dd {display: block;}
  input {margin:0;vertical-align:middle;}
  p {display: block; padding: 0px; margin: 10px 0;}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;text-align:left;vertical-align:top;}
  ul {margin: 0;padding:0; zoom:1;}
  ul:after {content: '.'; display: block; clear: both;visibility: hidden;height:0px;font-size:0;}

/*FONT*/
  html {font-size:100%;}
  body{font:62.5%/1.3 Tahoma, sans; color:#000000; background: #e8e8e8 url(../images/bgr/bg.jpg) left top;}
  table, td, th, ul, textarea, input, select {font: 1em "Tahoma";}
  #wrapper {font-size:1.1em;}

  .notify_zone {font:1.2em Arial;}
    .notify_zone span {color:#666666;text-decoration:none; cursor: pointer;}
    .notify_zone span:hover{text-decoration: underline;}


/*Misc*/
  .clearing {clear: both;height:0;font-size:0;}
  .clearFix {zoom:1;}
    .clearFix:after {content: '.'; display: block; clear: both;visibility: hidden;height:0px;font-size:0;}

  .notify_zone {position:relative;clear:both;margin:10px 0 25px;padding:13px 16px;background: #dff6dd;border:1px solid #c4e4b1;overflow:hidden;_height:1%;_overflow:visible;}
    .notify_zone .close {position:absolute;right:10px;padding:0 16px 0 0;background: url(/shared/cms/images/icon/close.gif) no-repeat right center;}
    .notify_zone .message {margin: 0 5em 0 0;}

   #wrapper_popap {position:fixed;top:50%;left:50%;z-index:90;min-width:220px;min-height:150px;background: url(../images/bgr/bg1_popap.jpg) repeat-y left top;border:3px solid #c2c2c2;}
    .popap {margin: 0 0 0 37px;background: url(../images/bgr/bg2_popap.jpg) repeat-y right top;}
      #header_popap {margin:0 37px 0 0;border-bottom:3px solid #c2c2c2;background: #fff;}
      .content_popap {margin: 0 40px 0 3px;background: #fff;text-align:center;}


/*=Top*/
    #wrapper {position: relative;width:995px;height: auto;_height: 100%;min-height: 100%;margin: 0 auto;background: url(../images/bgr/shadow.jpg) repeat-y -1px top;}
      #top {position: relative; z-index:20; width: 797px; margin: 0 0 0 102px; background: #fff; zoom:1;}
      #nameCompany {position:absolute;left: -10000px;}
       #logo {width: 500px; height:188px; margin: 0 0 0 210px; }
       #logo object {margin: 0 ; padding: 0;}
        #secondaryImg {position: absolute; top: -5px;left:-34px; width: 233px; height:189px; background: url(../images/bgr/secondary_img.jpg) no-repeat left top;}
        #mainPage #secondaryImg {display:none;}
        #contacts {display: none;}
        #mainPage #contacts {display: block;position: absolute; top:44px; left:35px;font-size: 1.3em;font-weight: bold;}

     #mainPage .mainImg {position: relative; z-index: 10; height:315px;clear: both;  background: url(../images/bgr/main_img.jpg) no-repeat left top;}
     #mainPage .mainImgBot {position: absolute; top: 273px; left:0; height:42px; width: 100%;background: url(../images/bgr/main_img_bot.png) no-repeat left top;}

/*=CONTENT*/
    #mainContent {position: relative; z-index: 2; width: 737px; margin: 0 0 0 102px;padding: 30px 30px 290px 30px; overflow-x: hidden;}
     #mainContent ul li {padding: 0 0 0 12px; background: url(../images/marker/marker.gif) no-repeat left 5px;}
        table {margin: 5px 0 0 0; text-align: left;border:solid 1px #000;}
        table th, table td {padding: 2px; border:solid 1px #000; vertical-align: top;}
          #mainContent table img {margin: 5px 0 0 0;}
          #mainContent ul {margin: 0 0 20px -10px; list-style:none;}

          .coloristicTable {margin: 10px 0 20px 0; padding:0;}
          .coloristicTable td {padding:4px 12px;}
           .coloristicTable a {color: #000;text-decoration:none;}

       /*Emerging description */
      .color {display:block;  text-decoration: none;position:relative;}
        .description {position: absolute;z-index:3000;display:none;padding: 5px;}
          .color:hover .description {position:absolute;top: -20px;left:15px;display: block;width:130px; padding: 5px; background-color: #f3f3f3; border: 1px solid #5f5e5e;text-align: left;font-weight: normal;}
          .colorHover .description {display: block;}

      .news {padding: 0 0 18px 0; zoom:1;}
      .news:after {content: '.'; display: block; clear: both;visibility: hidden;height:0px;font-size:0;}
         .news dd strong {display: block;}
        .newsImage {float: left; margin: 2px 10px 0 0;padding:3px;border:1px solid #c2c2c2;}
        .image_detail_news {float: left; margin: 8px 10px 0 0;padding:3px;border:1px solid #c2c2c2;}
        .news p {display: block;margin:0;}
        .newsDate {display: block;margin:0 0 3px 0;}

      .colorTableLink {display: block; margin: 0 0 20px 0;}
      .productColor {margin: 15px 0 15px 0;}
      .productDescription {display: block;}
      .productDescription dt {float: left;margin: 0 5px 0 0;font-weight: bold;}

     #bg {position: absolute;bottom:0;z-index: 1;width:797px;height: 550px;margin: 0 0 0 102px;background: #fff url(../images/bgr/bg_bottom.gif) repeat-x left bottom;}

/*=Footer*/
     #footer {position: absolute;bottom:0;z-index: 3;width:707px;margin: 0 0 0 102px;   padding: 30px 45px 0 45px;text-align: center; }
        #footer .banner {display: block;width:531px;margin: 0 auto;}
        #copyright {margin: 5px 0 0 0;}
        #bit {display: block; width:80px; height:21px; margin: 25px auto; background: url(../images/img/bit.gif) no-repeat left top;}

/*form */
    form {margin: 25px 0 0 0; }
    form dl {margin: 10px 0 0 0;}
     .contactsForm dl dt {width: 90px;text-align: left;}
     .contactsForm {width: 368px;}
      .contactsForm label {width: 90px;line-height:1.5em; float:left;font-weight: bold;}
      .contactsForm input {width: 254px; padding:1px 3px;border:solid 1px #7d7c74;}
      textarea {width:254px;height:168px;margin:0;padding:1px 3px;border:solid 1px #7d7c74; }

    form dt {float: left; padding: 0 10px 0 0px;}
      form .formButtons {margin: 0; }
      .formButtons dd {padding: 0 6px 0 0; text-align: right;}
      .formButtons .button {width: 86px; height: 27px; border: 0; color: #fff; padding: 0 0 4px 0; margin: 0; cursor: pointer;}
        .butClear {background: url(../images/button/but_red.gif) no-repeat left top;}
        .butSend {background: url(../images/button/but_blue.gif) no-repeat left top;}