/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background:#09a83d url(../images/bgr/body.png) repeat-x left top}

/*
  #SomeBox
  {
    position - position [ left , top ] ,
    liquid model - float, clear,
    block modle - display, width, height, margin, padding, overflow,
    visual property - background, border,
    text property - list-style, text-align
   }
*/

/*design*/
  a img{border:0;}

/*navigation*/
  a {font:1em/1.2 "verdana"; color:#0a246e;text-decoration:underline;}
  a:hover {text-decoration:none;}
  :focus, a:active { outline: none; }

/*TAGS*/
  h1 {margin:0 0 8px 0;padding: 0;font: 2.5em "Times New Roman"; color:#3f8d00;}
  h2 {margin:0px 0 8px 0;padding: 0;font:2.1em "Times New Roman";color:#3f8d00;}
  h3 {margin: 0 0 8px 0;padding:0;font:1.9em "Times New Roman";color:#3f8d00;}
  h4 {margin:0 0 2px 0;padding: 0;font:bold 1.4em "Times New Roman";color:#3f8d00;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:0px 0 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:10px 0;padding:0;list-style-type:none}
  li{background: url(../images/marker/li.png) no-repeat left 5px;font-size:1.2em;margin:0 0 0 12px;padding:0 0 0 15px;line-height:1.3}




/*FONT*/
  html {font-size:100%;}
  body {font:62.5%/1.2 verdana, sans; color:#000000}
  table, td, th, ul, textarea, input, select {font: 1em/1.5 Tahoma;}
  th{font:normal 1.6em 'times new roman';color:#3f8d00;padding:2px 0 2px 15px;border-bottom:1px solid #000;text-align:left}
  table td{font:normal 1.6em 'times new roman';color:#000;padding:3px 5px 2px 15px}
  table {width:570px}
  .odd{background:#e5e5e5;}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;}
  .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
  .catalog li.clearing {clear: both;height:0;font-size:0;float:none;margin:0;padding:0;width:100px}

/*layout*/

  /*=HEADER*/
    #header {background: url(../images/bgr/header.jpg) no-repeat left top;height:245px;position:relative}
     #minisite #header {background: url(../images/bgr/minisite.png) no-repeat left top;height:220px;position:relative}
     #minisite #logo{left:26px;top:29px;}
    .fon{position:absolute;left:199px;top:25px}
    #index #header {background: url(../images/bgr/header.jpg) no-repeat left top;height:347px;position:relative}
        .header_swf{position:absolute;top:26px;left:199px;}
        #index .header_swf{position:absolute;top:25px;left:199px;}
        .lang{position:absolute;right:226px;top:34px;margin:0}
        .lang li{float:left;font:1.1em verdana;color:#8a8a8a;text-transform:uppercase;margin:0 5px 0 0;background:none;padding:0}
        .lang a{font:1em verdana;}
        #logo{position:absolute;left:232px;top:41px}
        .tools{position:absolute;left:18px;top:26px;margin:0}
        .tools li{float:left;margin:0 27px 0 0;padding:0;background:none;}
        .tools a{display:block;height:11px;font-size:0}
        .main{background: url(../images/menu/links.png) no-repeat left bottom;width:11px}
        .main:hover{background: url(../images/menu/links.png) no-repeat left top;}
        .map{background: url(../images/menu/links.png) no-repeat -38px bottom;width:12px}
        .map:hover{background: url(../images/menu/links.png) no-repeat -38px top;}
        .mail{background: url(../images/menu/links.png) no-repeat -77px bottom;width:14px}
        .mail:hover{background: url(../images/menu/links.png) no-repeat -77px top;}

        .iso{position:absolute;left:39px;top:49px;text-align:center;width:120px;font:0.9em arial;color:#000;letter-spacing:0;word-spacing:0}
        .phone{position:absolute;right:22px;top:48px}
        .phone dt{font:bold 1.2em arial;color:#0d2670}
        .phone dd{font:2.5em arial;color:#3f8d00}
        .phone dd span{font-size:0.72em;vertical-align:0.15em}

        .lozung{position:absolute;color:#122b73;font:1.9em 'times new roman';top:42px;left:338px;text-align:right}
        .lozung b{font-size:1.2em}
         #minisite .lozung{left:133px;top:34px}
         #minisite .lang{left:435px;top:88px}

  /*=MENU*/wave_banner.swf
    #menu {background: silver;}


  /*CONTENT*/
    #outer_wrapper {min-height:100%;height:100%;position:relative;width:1003px;margin:0 auto;background: url(../images/bgr/outter.png) repeat-x left bottom;}
      html>body #outer_wrapper {height:auto;}
      #wrapper {}
        #container {width: 100%;float: left;}
          #content {float: right;width:100%}
            #main {margin:-16px 216px 150px 216px;position:relative;z-index:10}
            #index #main {margin:214px 216px 320px 216px;position:static}
             #minisite #main {margin:-86px 16px 130px 180px;position:relative;z-index:10}
            #main p{font-size:1.2em}

            .news{margin:0 0 14px 0}
            .news dt{background: url(../images/bgr/news1.png) no-repeat left bottom;width:195px;margin:0 0 6px 0;}
            .news dd{padding:0 0 0 18px;font:1.7em 'times new roman';}
            .distrib dd{width:170px}
            .distrib{position:relative;z-index:10;margin:-23px 0 12px 0;}
            #index .distrib{position:relative;z-index:10;margin:-125px 0 222px 0;}
            .news dd a,.distrib dd a{font:1em 'times new roman';}
            .distrib dd{font-size:1.7em}
            #right .news dt{background: url(../images/bgr/news2.png) no-repeat left bottom;width:195px}
            #right .news dd{padding:0 0 0 12px;}
            #index #right .news dt{background: url(../images/bgr/news.png) no-repeat left bottom;width:195px}
           #right .news dt.shop{background: url(../images/bgr/news.png) no-repeat left bottom;width:195px}

            .more_top{background: url(../images/bgr/top.png) no-repeat left top;height:16px;margin:4px 0 0 0}
            .more_block{background:#f7f7f7 url(../images/bgr/bottom.png) no-repeat left bottom;padding:0 0 20px 0;margin:0 0 4px 0}
            #main .info_main{background: url(../images/bgr/flower.png) no-repeat left top;margin:0 0 0 12px;padding:0px 0 15px 68px;font-size:1.7em;color:#3f8d00}

            #gallery_top{position:absolute;top:357px;left:20px;height:190px;width:955px;;overflow:hidden;}
            #gallery_image{margin:0 50px;position:relative;overflow:hidden;height:190px;background:#fff;}
            #gallery_image div{width:5000px;position:relative;left:0}
            .left_p{background: url(../images/button/pointers.png) no-repeat left top;width:26px;height:44px;position:absolute;left:0px;top:60px;cursor:pointer}
            .right_p{background: url(../images/button/pointers.png) no-repeat right top;width:25px;height:44px;position:absolute;right:0px;top:60px;cursor:pointer}

            .gallery li{float:left;margin:0 23px 0 0;padding:0;background:none;}
            .gallery a{font:1.41em 'times new roman';}
            .gallery dd{width:166px;padding:0 10px 0 20px}
            .gallery{margin:0;float:left}
            .gallery embed{position:relative;z-index:10}
            .gallery dt{position:relative}
            .gallery dt img{position:absolute;left:0px;top:0px;display:block;bottom:0px}


            #gallery_bottom{position:absolute;bottom:157px;left:20px;height:150px;width:955px;;overflow:hidden;}
            #gallery_bottom h2{font:1.9em 'times new roman';color:#3f8d00;margin:0 0 23px 76px}
            #gallery_image_bottom{margin:0 50px;position:relative;overflow:hidden;height:150px;background:#fff;}
            #gallery_image_bottom div{width:5000px;position:relative;left:0}
            .left_p_b{background: url(../images/button/pointers.png) no-repeat left top;width:26px;height:44px;position:absolute;left:0px;top:74px;cursor:pointer}
            .right_p_b{background: url(../images/button/pointers.png) no-repeat right top;width:25px;height:44px;position:absolute;right:0px;top:74px;cursor:pointer}

            .gallery_bottom li{float:left;margin:0 3px 0 0;padding:0}
            .gallery_bottom a{font:1.41em 'times new roman';}
            .gallery_bottom dd{width:166px;padding:0 10px 0 20px}
            .separator{width:55px;height:105px;background: url(../images/bgr/separator.png) no-repeat left top;}
            .gallery_bottom{margin:0}
            .float_img{float:left;margin:0 12px 0px 10px}

            .catalog{margin:20px 0 0 0;padding:0;}
            .catalog:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
            .catalog dt{margin-bottom:3px;position:relative;}
            .catalog li{background:0;margin:0 0 25px 0;padding:0;width:250px;margin-right:35px;float:left}
            #main .catalog p{font-size:1.1em;line-height:1.2;padding:0px 0 5px 0}
            .add{background: url(../images/marker/plus.png) no-repeat 1px 0px;padding:0 0 3px 24px}

            .main_sample:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
            .main_sample dt{float:left;margin-right:12px}
            .main_sample dd{overflow:hidden}

            .exclusive{background: url(../images/bgr/exclusive.png) no-repeat left top;position:absolute;font-weight:bold;color:#fff;width:109px;text-align:center;padding:5px 0 15px 0;left:135px;top:11px}


  /*SIDEBAR*/
    #left {width: 195px;float: left;margin:0 -195px 0 0;padding-bottom:320px;}
     #minisite #left {width: 180px;float: left;margin:0 -180px 0 0;padding-bottom:130px;}
     .main_menu{margin:-194px 0 85px 6px;position:relative;z-index:10}
     .main_menu{margin:-154px 0 85px 6px;position:relative;z-index:10}
     #index .main_menu{margin:-260px 0 344px 6px;position:relative;z-index:10}
      .main_menu li{margin:0 0 9px 0;padding:0;background:none;}
      .main_menu ul{margin:5px 0 0 10px;}
      .main_menu ul a{font-size:1em}
	  .main_menu ul ul a{font-size:1em}
      .main_menu a{font:bold 1.41em 'times new roman';color:#db0202;padding:0 0 0 20px;}
      .main_menu a:hover{background: url(../images/marker/cross.png) no-repeat left 3px;text-decoration:none}
      .main_menu a.current{background: url(../images/marker/cross.png) no-repeat left 3px;text-decoration:none;color:#000;font-weight:normal;cursor:default}
      .main_menu a{display:block}
      #minisite .main_menu{margin-top:-85px}



    #right { float: right; margin:0 0 320px -196px; width:196px;}

  /*FOOTER*/
    #footer {background: url(../images/bgr/footer.png) no-repeat left top;;position:absolute;bottom:0px;width:100%;height:122px;width:1003px}
    #footer a{color:#fff;font-family:verdana}
    .copyright{font-size:1.2em;color:#fff;position:absolute;left:306px;top:29px;padding:0}
    .contact_info{position:absolute;padding:0;left:14px;top:29px;color:#fff;font-size:1.2em}
    .contact_info span{display:block;margin-top:7px}
    .well{position:absolute;top:29px;padding:0;right:82px;color:#fff;font-size:1.2em}
    .pattern{position:absolute;left:0px;top:-110px;width:375px;height:119px;background: url(../images/bgr/pattern.png) no-repeat left top;}


/*form*/
  .field {clear:both;padding:0 0 10px}
  label {width:200px;float:left;text-align:right;}
  .input{width:200px;border:solid 1px #A5ACB2;}
  select{border:solid 1px #A5ACB2;}
  textarea {width:248px;height:100px;border:solid 1px #A5ACB2;}

