/*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;}
  .g-hidden {display:none;}
  .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;}
  .phone_link {padding-left:25px;background:url(../images/icon/phone_icon.png) no-repeat left center;}

   #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;}

  #fancybox-outer {background:none;}
    #fancy-bg-n, #fancy-bg-ne, #fancy-bg-e, #fancy-bg-se, #fancy-bg-s, #fancy-bg-sw, #fancy-bg-w, #fancy-bg-nw {display:none;}
    #fancybox-close {right:20px;top:22px;width:18px;height:18px;background:url(../images/button/close_popup_button.png) no-repeat center 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;}
        
        .footer-counters {margin: 25px 0;}
          #bit {display: inline-block; width:80px; height:21px; margin: 0; background: url(../images/img/bit.gif) no-repeat left top; vertical-align: top; position: relative; top: -5px;}
          .liveinternet {display: inline-block; vertical-align: top;}
          .adverbo-logo {display: inline-block; vertical-align: top; margin:-2px 0 0;}

/*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;}

  .fields_group {margin:0;padding:15px 20px 5px;background:#e4e4e4 url(../images/bgr/vacancies_form_bg.png) repeat-x left top;}

  .field {clear:both;margin:0 0 8px;padding:0 5px 0 140px;}
    .field:after {content:'.';clear:both;display:block;visibility:hidden;height:0;font-size:0;}
    .field dt {position:relative;left:-140px;float:left;width:120px;margin:0 -140px 0 0;padding:3px 0 0;text-align:left;}
    .field dd {float:left;width:100%;margin:0 -5px;padding:0 5px;}
      .field select {width:100%;height:22px;margin:0 -5px;padding:3px 0;border-color:#acadb2 #dcdfe6 #e2e9ef #e3e4e9;border-style:solid;border-width:1px;-khtml-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;vertical-align:middle;color:#000;font-size:11px;line-height:16px;}
      .js_enabled .field .custom_select {display:block;margin:0 -5px;padding:0;}
        .js_enabled .field .custom_select select {margin:0;}
      .js_enabled .field .custom_file {display:block;margin:0 -5px;}
      .field textarea {width:100%;height:50px;margin:0 -5px;padding:0 1px 0 5px;border-color:#acadb2 #dcdfe6 #e2e9ef #e3e4e9;border-style:solid;border-width:1px;-khtml-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
      .field input[type="text"], .field input[type="password"] {width:100%;height:16px;margin:0 -5px;padding:2px 4px;border-color:#acadb2 #dcdfe6 #e2e9ef #e3e4e9;border-style:solid;border-width:1px;-khtml-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;vertical-align:middle;color:#000;font-size:11px;line-height:16px;}
      .field .input_text, .field .input_password {width:100%;height:16px;margin:0 -5px;padding:2px 4px;border-color:#acadb2 #dcdfe6 #e2e9ef #e3e4e9;border-style:solid;border-width:1px;-khtml-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;vertical-align:middle;color:#000;font-size:11px;line-height:16px;}

  .form_buttons {margin:0 0 8px;padding:8px 0 0;text-align:center;}

  .js_enabled .custom_select {position:relative;z-index:1;display:inline-block;background:#fff;border-color:#acadb2 #dcdfe6 #e2e9ef #e3e4e9;border-style:solid;border-width:1px;-khtml-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;overflow:hidden;}
    .js_enabled .custom_select_focus {outline:1px dotted;}
    .js_enabled .custom_select select {position:relative;z-index:3;height:20px;opacity:0;filter:alpha(opacity:0);}
    .js_enabled .custom_select .custom_select_value {position:absolute;left:5px;top:2px;z-index:1;display:block;width:100%;font-size:11px;line-height:16px;vertical-align:middle;white-space:nowrap;}
    .js_enabled .custom_select .custom_select_button {position:absolute;right:0;top:1px;z-index:2;width:15px;height:18px;background:#fff url(../images/button/custom_select_button.png) no-repeat center center;}

  .js_enabled .custom_file {position:relative;z-index:1;display:inline-block;white-space:nowrap;overflow:hidden;}
    .js_enabled .custom_file_focus {outline:1px dotted;}
    .js_enabled .custom_file .custom_file_button {position:relative;display:inline-block;border:1px solid #707070;-khtml-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;vertical-align:middle;overflow:visible;}
      .js_enabled .custom_file .custom_file_button_label {position:relative;z-index:2;display:inline-block;padding:0 10px;height:18px;background:#fff url(../images/button/custom_file_button.png) repeat-x left top;border:1px solid #fff;font-size:11px;line-height:18px;vertical-align:middle;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
      .js_enabled .custom_file .custom_file_button input {position:absolute;left:0;top:0;z-index:3;cursor:pointer;opacity:0;filter:alpha(opacity:0);}
        .js_enabled .custom_file .custom_file_button input:focus {outline:0 none;}
    .js_enabled .custom_file .custom_file_value {display:inline-block;padding:0 0 0 5px;vertical-align:middle;font-size:11px;line-height:16px;white-space:nowrap;}

  .custom_button {position:relative;display:inline-block;margin:0 1em 0 0;padding:0 3px;background:url(../images/button/custom_button.png) no-repeat left 0px;vertical-align:middle;}
    .custom_button_value {position:relative;z-index:2;display:inline-block;width:auto;padding:6px 17px 0;height:22px;background:url(../images/button/custom_button.png) no-repeat center -60px;border:0 none;vertical-align:middle;color:#fff;font-size:12px;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);text-decoration:none;cursor:pointer;}
    input.custom_button_value {height:28px;padding-top:0;padding-bottom:2px;}
    a.custom_button_value {height:21px;padding-top:7px;}
      a.custom_button_value:hover {text-decoration:none;}
    .custom_button_right {position:absolute;right:0;top:0;width:3px;height:28px;background:url(../images/button/custom_button.png) no-repeat right -120px;}
    .custom_button_left_mid {position:absolute;left:3px;top:0;z-index:1;width:50%;height:28px;background:url(../images/button/custom_button.png) repeat-x left -30px;}
    .custom_button_right_mid {position:absolute;right:3px;top:0;z-index:1;width:50%;height:28px;background:url(../images/button/custom_button.png) repeat-x right -90px;}

  #mainContent .vacancies_form {}
    #mainContent .vacancies_form:after {content:'.';clear:both;display:block;visibility:hidden;height:0;font-size:0;}
    #mainContent .vacancies_form .fields_group {float:right;width:320px;}
    #mainContent .vacancies_form_list {float:left;width:360px;margin:0;padding:0;list-style:none;}
      #mainContent .vacancies_form_list_item {margin:0 0 15px;padding:0;background:none;}
    #mainContent .vacancy_item_title {border-bottom:1px dotted #0072bc;cursor:pointer;color:#0072bc;text-decoration:none;}
      #mainContent .vacancy_item_title:hover {border-bottom:0 none;}
    #mainContent .vacancy_item_info {display:block;}
    #mainContent .vacancies_form_list_item_closed .vacancy_item_info {display:none;}
      #mainContent .vacancy_item_info p {margin:0 0 5px;}
      #mainContent .vacancy_item_info_title_bar {padding:15px 0 15px;}
        #mainContent .vacancy_item_info_title {margin:0 15px 0 0;font-size:1.175em;font-weight:bold;}
        #mainContent .vacancy_item_info_close {border-bottom:1px dotted #0072bc;cursor:pointer;color:#0072bc;text-decoration:none;}
          #mainContent .vacancy_item_info_close:hover {border-bottom:0 none;}

  .call_request_form {width:370px;margin:0;}
    .call_request_form input.input_phone_code {width:35px;margin-right:10px;}
    .call_request_form input.input_phone_num {width:55px;}
    .js_enabled .call_request_form .select_date_day {display:inline-block;width:43px;margin-right:10px;}
    .js_enabled .call_request_form .select_date_month {display:inline-block;width:63px;}
    .call_request_form input.input_time {width:15px;text-align:center;}
    .call_request_form .time_separator {padding:0 5px;}
    
    body.popup {padding:0; margin:-12px 0 0; background:#E4E4E4 url(../images/bgr/vacancies_form_bg.png) repeat-x left top;}
      body.popup div.message_error {margin:20px 0 0 35px;}
      body.popup .fields_group {background:none;}