/*<![CDATA[*/  

  body { background: #dedede; text-align: center; padding: 0 20px }
  body, td, th, input, textarea { font: 11px Arial; color: #636363 }

  *    { text-align: left; margin: 0; padding: 0 }

  #page   { margin: auto; width: 940px; padding-top: 20px } 
  #header, #flash, #wouter, #workspace, #footer, #ftop, #fbottom { float: left; width: 940px }
  #conteiner { float: left; width: 907px }
  #flash     { height: 221px }

  #logo, #splash, #menu, #lng { float: left; height: 149px }

  #header     { background: url(../i/bg_header.jpg) no-repeat  }
  #logo       { width: 252px }
  #logo img   { margin-left: 33px; margin-top: 37px; width: 182px; height: 46px }
  #splash     { width: 369px }
  #splash img { width: 369px; height: 119px }
  #menu       { width: 155px; height: 110px; padding-left: 27px; padding-top: 27px; background: url(../i/bg_header_menu.gif) no-repeat; wid\th/* */: 128px; hei\ght/* */: 83px}
  #lng        { width: 130px; padding-top: 47px; padding-left: 47px; background: url(../i/bg_lng.gif) 29px 37px no-repeat; wid\th/* */: 83px; heig\ht/* */: 102px }

  #lng a, 
  #lng span { float: left; display: block; width: 26px; height: 15px; margin-right: 6px; text-align: center; font: 9px Arial; text-decoration: none; color: #636363; padding-top: 2px; heig\ht/* */: 13px }
  #lng span { background: #3bbcf1; color: #fff }


  #wouter        { background: url(../i/bg_wouter.gif) left repeat-y } 
  #interhet-shop { float: right; position: relative; padding-right: 33px; margin-top: -14px; margin-bottom: -15px }
  #workspace { background: url(../i/bg_workspace.gif) bottom left no-repeat; padding-left: 33px; padding-bottom: 33px; wid\th/* */: 907px } 
  
  #cleft, #cwide  { float: left; width: 607px; padding: 0 30px; padding-bottom: 49px; background: #ededed url(../i/bg_cleft.gif) no-repeat; wid\th/* */: 547px }
  #content { float: left; margin-top: 20px; width: 547px; padding: 28px; background: #fff url(../i/bg_content.gif) bottom right no-repeat; wid\th/* */: 493px }
  #cright  { float: right; width: 270px }
  #cwide   { width: 907px; text-align: center; wid\th/* */: 847px }

  #cright .basket { height: 53px; padding-left: 78px; padding-top: 14px; background: url(../i/bg_right_basket.gif) no-repeat; 
                    font-size: 14px; wid\th/* */: 192px; heig\ht/* */: 39px }

  #cright .basket p    { float: left; width: auto; padding-left: 8px }
  #cright .basket span { float: left; display: block; text-align: center; color: #fff; padding-top: 4px; padding-left: 6px; padding-right: 7px; margin-left: 10px; margin-top: -4px; background: red; height: 23px; heig\ht/* */: 19px }

  #navigation    { background: #2e1d86 url(../i/bg_navigation_bottom.gif) bottom no-repeat; padding-bottom: 25px }
  #navigation ul { background: url(../i/bg_navigation_top.gif) top no-repeat; list-style: none; padding-top: 19px; font-size: 12px; color: #fff }

  #navigation li { padding-left: 40px; padding-bottom: 2px;}
  #navigation li { display: block; height: 1px; displ\ay/* */: inline }
  html>body #navigation li { heig\ht/* */: auto }

  #navigation li.current     { margin: 7px 0; padding-left: 0; padding-top: 8px; padding-bottom: 0; font-weight: bold; background:  #e60004 url(../i/bg_navigation_current_top.gif) no-repeat }
  #navigation li.current div { padding-left: 40px; padding-bottom: 10px; background: url(../i/bg_navigation_current_bottom.gif) left bottom no-repeat }

  #navigation div ul { padding-top: 10px; background: none; font-weight: normal; padding-bottom: 5px }
  #navigation div li { padding-left: 7px }
  
  #navigation div li.current  { margin: 0; padding: 0; background: none; 
  font-weight: normal; padding-bottom: 2px; color: #000;
  background: url(../i/bg_navigation_inner_a_hover.gif) 7px 6px no-repeat; padding-left: 16px}


  #navigation div a        { background: url(../i/bg_navigation_inner_a.gif) 0 6px no-repeat; padding-left: 10px }
  #navigation div a:hover  { background-image: url(../i/bg_navigation_inner_a_hover.gif); color: #000 }

  #navigation div a { float: left; float/* */: none /* fix ie 5.01 */}

  #navigation a { color: #fff }

  #projects     { float: left; padding-top: 40px}
  #projects div { float: left; width: 270px; height: 76px  }
  #projects img { width: 270px; height: 66px }

  #products            { float: left; width: 100%; padding-top: 10px }
  #products div        { float: left; width: 100%; padding-top: 10px }
  #products div img    { float: left; }
  #products div img.tmp_product { width: 133px; height: 120px }
  #products div div         { float: right; width: 404px; height: 120px; padding: 0; background: #fff url(../i/bg_products_item.gif) bottom right no-repeat }
  #products div table       { float: right; width: 404px }

  #products div.info   { float: left; width: 404px; height: 81px; padding-left: 22px; padding-top: 17px; background: none; wid\th/* */: 382px; heig\ht/* */: 64px }
  #products div.action,
  #products.basket div.action { float: left; display: inline; width: 394px; height: 34px; margin-left: 5px; padding-left: 17px; padding-top: 4px; background: #ededed url(../i/bg_products_action.gif) right bottom no-repeat; wid\th/* */: 377px; heig\ht/* */: 30px}

  #products div.action div          { float: left; width: 20px; height: 26px; background: #ededed; border-right: 1px solid #fff }
  #products div.action div.code     { width: 81px; wid\th/* */: 80px }
  #products div.action div.price    { width: 79px; padding-left: 20px; wid\th/* */: 58px }
  #products div.action div.quantity { width: 100px; border: 0; padding-left: 25px; wid\th/* */: 75px }
  #products div.action div.button   { float: right; width: 86px; padding-top: 5px; border: 0; background: none }
  #products div.action div.button a { float: left; display: block; height: 17px; width: 75px; background: url(../i/bg_a_add_basket.gif) left 2px no-repeat; padding-left: 20px; wid\th/* */: 55px }
  #products div.action div.button.basket a { float: right; display: inline; padding: 0; height: 13px; width: 13px; margin-top: 2px; margin-right: 17px; background: none }


  #products h2 { font-size: 12px }
  #products h6 { font-size: 11px; color: #e60004; margin-top: -3px }
  
  #products div.action input { width: 49px; height: 14px; font-size: 9px; padding: 0 5px; padding-top: 1px; border: 0; color: #636363; wid\th/* */: 39px; heig\ht/* */: 13px }

  #products.basket            { padding-top: 20px }
  #products.basket div        { float: left; width: 100%; padding: 0; padding-bottom: 10px }
  #products.basket div div    { float: left; width: 547px; height: auto; padding: 0; padding-bottom: 10px; background: #fff url(../i/bg_products_item.gif) bottom right no-repeat }
  #products.basket div.info   { float: left; width: 404px; height: auto; padding-left: 22px; padding-top: 6px; padding-bottom: 10px; background: none; wid\th/* */: 382px }
  #products.basket div.action { width: 537px; padding-bottom: 0px; background: #ededed url(../i/bg_products_action.gif) bottom right no-repeat; wid\th/* */: 520px }

  #products.basket div.action div           { float: left; width: 20px; height: 26px; padding-bottom: 0; background: #ededed; border-right: 1px solid #fff }  
  #products.basket div.action div.button    { float: right; width: 110px; background: none  }
  #products.basket div.action div.button a  { width: 105px; wid\th/* */: 85px }

  #products.basket div.action div.code     { width: 100px; wid\th/* */: 100px }
  #products.basket div.action div.price    { width: 99px; padding-left: 20px; wid\th/* */: 78px }
  #products.basket div.action div.quantity { width: 100px; padding-left: 25px; wid\th/* */: 75px }

  #products.basket div.total     { float: left; width: 100%; background: none; padding-top: 10px; padding-bottom: 0 }
  #products.basket div.total div { float: left; background: none; padding-bottom: 0 }

  #products.basket div.cost      { width: 150px; padding-left: 22px; font-size: 12px; font-weight: bold; color: #e60004 }
  #products.basket div.cost span { display: block; float: left; color: #636363; font-size: 26px; font-weight: normal }

  #products.basket div div.submit   { float: right; width: 350px }

  #products.basket div.submit a,
  #search div.submit a,
  #form div.submit a                 { float: right; display: block; height: 44px; width: 140px; padding-top: 15px; margin-left: 10px;  background: url(../i/bg_a_submit.gif) right no-repeat; text-align: center;font-size: 14px; color: #fff; wid\th/* */: 130px; heig\ht/* */: 29px }
  #products.basket div.submit a.send { width: 180px; widt\h/* */: 170px }

  #products.basket div.vat   { float: left; width: 350px; padding: 0; padding-left: 22px; padding-top: 20px }


  #search        { float: left; width: 100%; padding-top: 20px }
  #search p      { padding-left: 22px }
  #search p span { color: #e60004; font-weight: bold }

  #search div.results    { margin-top: 20px }
  #search div.results li { list-style: none; background: #fff url(../i/bg_search_item.gif) right bottom no-repeat; padding: 13px 22px; padding-bottom: 16px; margin-bottom: 10px}

  #search div.new       { margin-top: 20px }
  #search div.new div   { float: left }
  #search div.new input { width: 385px; wid\th/* */: 374px; } 

  #search div.submit    { width: 116px }
  #search div.query     { width: 431px; height: 55px; padding: 0 17px; padding-top: 14px; background: #d4d4d4; wid\th/* */: 397px; heig\ht/* */: 41px }
  #search div.submit a  { width: 116px; height: 55px; background-color: #e60004; background-position: right bottom; padding-top: 18px; wid\th/* */: 106px; heig\ht/* */: 37px }


  #form       { float: left; padding-top: 22px; padding-left: 22px } 
  #form p     { font-size: 12px; padding-left: 2px; margin-bottom: 5px } 
  #form input, #form textarea { height: 37px; width: 385px; margin-bottom: 10px; wid\th/* */: 374px; heig\ht/* */: 21px } 

  #form div.submit    { float: left; margin-top: 20px; width: 100%; }
  #form div.submit a  { float: left; margin: 0; width: 140px  }

  #form p.fio, #form p.question, #form p.topic, #form p.via  { font-weight: bold }
  #form input.fio, #form input.topic { width: 455px; margin-bottom: 30px; wid\th/* */: 444px; }
  #form input.email                  { margin-bottom: 30px }

  #form textarea { height: 120px; width: 455px; wid\th/* */: 444px;  }

  #form div.checkboxes { float: left; width: 472px; background: #e6e6e6; padding: 10px 0 }
            
  #form div.checkboxes input { float: left; clear: none; background: none; border: 0; margin: 0; padding: 0; width: auto; margin-left: 25px  }
  #form div.checkboxes input { background: inherit }
  #form div.checkboxes label { float: left; font-size: 12px; margin-top: 2px; padding-left: 6px; cursor: hand; cursor: pointer; margin-right: 17px }


  #content p  { padding-bottom: 17px; }
 
  /* contacts info */
  div.contacts              { float: left; width: 100% }
  div.contacts div          { float: left; width: 268px; padding: 24px 27px; padding-right: 0; margin-top: 10px; background: #f6f6f6 url(../i/bg_contacts_inner_block.gif) bottom right no-repeat; wid\th/* */: 240px;}
  div.contacts div.wide     { width: 547px; padding-top: 17px; padding-bottom: 17px; padding-bottom: 30px; background: #fff url(../i/bg_content.gif) bottom right no-repeat; wid\th/* */: 519px }
  div.contacts div.wide div { background: none; padding: 0; margin: 0; width: 278px }
  div.contacts div.wide div.right { width: 200px; padding-top: 14px }

  div.contacts h2   { font-size: 11px; color: #e60004 }
  div.contacts span { display: block; font-size: 9px }
  div.contacts div.right  { margin-left: 10px }

  /* sitemap */ 
  #sitemap                      { margin: auto; margin-top: 20px; width: 637px }
  #sitemap div                  { float: left; width: 100%; background: url(../i/bg_sitemap.gif) repeat-y }
  #sitemap div div              { padding-bottom: 19px; background: url(../i/bg_sitemap_bottom.gif) bottom no-repeat }
  #sitemap div div div          { background: #fff; width: 297px; padding: 0; padding-top: 25px; padding-bottom: 10px; padding-left: 37px; wid\th/* */: 260px }
  #sitemap div div div.products { margin-right: 43px }

  #sitemap li    { font-size: 12px; list-style: none; margin-bottom: 3px }
  #sitemap li ul { margin-left: 10px; margin-top: 5px }

  #sitemap li    { font-weight: bold }
  #sitemap li li { font-weight: normal }

  #sitemap div.site li    { padding-bottom: 15px }
  #sitemap div.site li li { padding-bottom: 0 }

  /* images inside text */
  div.images     { float: left; width: 100%; padding-bottom: 20px }
  div.images img { float: left; width: 157px; height: 78px }
  div.images img.center { margin: 0 10px }

  /* footer common styles */
  #fspecial   { float: left; width: 485px; height: 223px; padding-left: 33px; padding-top: 10px;  background: url(../i/bg_fspecial.gif) no-repeat; wid\th/* */: 452px; heig\ht/* */: 213px }
  #fproducts  { float: left; width: 455px; height: 223px; background: url(../i/bg_fproducts_borders.gif) no-repeat }

  #fspecial h1  { float: left; width: 422px; height: 39px; padding-top: 12px; text-align: center; font: bold 12px Arial; background: url(../i/bg_special_title.jpg) top left no-repeat; heig\ht/* */: 27px }
  #fspecial img { float: left }

  #fspecial a        { color: #fff; text-decoration: none }
  #fspecial a:hover  { text-decoration: underline }

  #fproducts li        { display: block; float: left; width: 134px; 
                         padding: 0 20px; padding-top: 31px; text-align: center; wid\th/* */: 94px }
  #fproducts li.center { margin: 0 10px; wid\th/* */: 94px; }

  #fproducts li div        { overflow: hidden; height: 83px; width: 82px; margin: auto; border-bottom: 10px solid red; margin-bottom: 9px }
  #fproducts li.center div { border-bottom-color: #2e1d86 }
  #fproducts li div img    { width: 133px; height: 120px }

  #fbottom        { height: 140px; background: url(../i/bg_fbottom.gif) no-repeat }
  #fcontacts      { float: left; width: 417px; padding-left: 33px; padding-top: 28px; wid\th/* */: 384px}
  #fcontacts div  { float: left; width: 155px }
  #fcontacts span { color: #e60004; font-weight: bold }

  #fsearch       { float: left; height: 78px; margin-top: 27px; width: 254px; background: url(../i/bg_fsearch.gif) no-repeat; heig\ht/* */: 51px; }
  #fsearch div   { padding: 12px }
  #fsearch input { float: left; width: 173px; widt\h/* */: 162px }
  #fsearch a     { float: left; margin-left: 18px; margin-top: 6px }

  #ficons       { float: left; margin-top: 35px; margin-left: 20px; width: 17px }
  #ficons img   { margin-bottom: 1px }
  #ficons.three { margin-top: 26px }

  #fcopyright     { float: right; width: 200px; margin-top: 28px; padding-right: 30px }
  #fcopyright img { float: right }
  #fcopyright p   { text-align: right; margin-bottom: 3px; padding-right: 2px }

  #location    { float: left; display: inline; list-style: none; margin-left: 23px; margin-top: 14px; margin-bottom: 14px }
  #location li { float: left; display: block; padding-left: 7px; color: #e60004; font: 9px Arial; text-transform: lowercase }
  #location a  { float: left; display: inline-block; padding-right: 8px; background: url(../i/bg_location_li.gif) right no-repeat }
  #location li.last a { background: none }

  #printpage { float: right; display: inline; margin-top: -18px; margin-right: -2px }


  table.pages           { height: 33px; background: #dedede url(../i/bg_table_pages.gif) top right no-repeat; border-collapse: collapse }
  table.pages.bottom    { background: #dedede url(../i/bg_table_pages_bottom.gif) bottom left no-repeat }
  table.pages td        { width: 100px  }
  table.pages td a      { float: left; display: inline-block; margin-left: 20px; padding-left: 21px; height: 15px; background: url(../i/bg_arrow_prev.gif) 0 2px no-repeat; }
  table.pages td.next a { float: right; margin-right: 20px; padding:0;  padding-right: 25px; background: url(../i/bg_arrow_next.gif) right 2px no-repeat }
  table.pages th        { width: 337px; text-align: center; font-size: 11px }
  table.pages a               { color: #636363 }
  table.pages th span         { width: 7px; padding: 2px; text-align: center }
  table.pages th span.current { color: #e60004; margin: 0 3px }
  table.pages th span a       { color: #636363 }

  a       { color: #636363; cursor: pointer /* cursor style for opera..*/ }
  a:hover { text-decoration: none }

  h1 { font: normal 18px Arial; color: #e60004; margin-top: 20px }

  input, textarea  { color: #000; background: #f7f7f7; height: 27px; padding: 5px; padding-bottom: 0; border: 1px solid #dfdfdf; border-right: 0; border-bottom: 0; heig\ht/* */: 21px } 

  img              { border: 0; display: block }
  img.contacts.map { margin-top: 20px }

  .error      { color: #e60004  }
  span.error  { font-size: 11px; font-weight: normal }
  input.error, textarea.error { background: #e60004; color: #000 }

  #page #form p.error { color: #636363 }

  
  @media all and (min-width: 0px) {
    input { padding-top: 2px }
  }

  /* print page correction */

  body.print              { background: #fff; color: #000 }
  #page.print             { margin: auto; width: 607px }

  #page.print #pheader     { float: left; width: 100%; height: 69px; background: url(../i/bg_print_header.gif) top left no-repeat }
  #page.print #pheader img { float: right; margin-top: 8px; margin-right: 15px }

  #page.print #pconteiner  { float: left; width: 607px; padding: 20px 29px; background: #ededed url(../i/bg_pconteiner.gif) top left no-repeat; wid\th/* */: 549px }

  #page.print h1           { margin: 0; padding: 0; color: #000}

  #page.print table.pages  { display: none }

  #page.print #pfooter     { float: left; padding-bottom: 60px; padding-left: 29px }
  #page.print #pfooter div { float: left; width: 177px; padding-top: 14px; padding-right: 25px; wid\th/* */: 152px }

  #page.print a   { color: #000 }

  /*]]>*/