/* CSS Document */

ul.menu-nav li a.prod {
  background-position: 15px -24px;
}

#center {
  background: transparent url('../images/back_products_center.gif') repeat-y 0 0;
}

#center div {
  display:block; position:relative; float:left; overflow:hidden;
}
  ul.left {
    display:block; margin:0; float:left; overflow:hidden;
    width:190px; height:auto;
    z-index:5;
    /*background-color:#333333;*/
  }
  ul.left li, ul.left li a {
    display:block; margin-top:10px; padding-left:22px;
    height:auto;
    color:#FFFFFF; font-size:12px;
    text-transform:uppercase; text-decoration:none; text-align:left; /*text-indent:22px;*/
    line-height:normal;
  }
  ul.left li {
    position:relative; z-index:5; padding-left:0; padding-right:22px;
    /*cursor:pointer;*/
    text-align:center;
  }
    ul.left li a {
      margin-top:0;
    }
      ul.left li a:hover {
        background-color:#e5ac00;
      }
  ul.left li.title {
    width:100%; height:36px;
    font-weight:bold; font-size:22px; color:#FFFFFF;
    line-height:36px;
    background: transparent url('../images/back_products_list_dotline.gif') repeat-x 0 bottom;
  }
  ul.left li.form-cont {
    background: transparent url('../images/back_prodlist.gif') repeat-x 0 0;
  }
    ul.left li.form-cont {
      padding:0 0 10px 0; margin:0; overflow:hidden;
      width:100%;
    }
    ul.left li.form-cont select {
      display:block; clear:both; margin:auto;
      width:130px;
      border:1px solid #78767b;
      background-color:#b2b2b2;
    }
    ul.left li.form-cont label {
      display:block; margin-top:10px;
      width:100%;
      font-size:10px;
      text-transform:uppercase;
    }
    ul.left li.form-cont input.butt {
      margin-top:15px; padding:0;
      width:63px; height:17px;
      cursor:pointer;
      background:transparent url('../images/buttons/butt_submit.gif') no-repeat 0 0;
      border:0;
    }
    ul.left li ul.popmenu {
      display:block; position:absolute; overflow:hidden; top:0; left:190px; margin:0; padding:0;
      z-index:10;
      width:100px;
      background-color:#e5ac00;
      visibility:hidden;
    }
      ul.left li ul.popmenu li {
        width:100px; overflow:hidden; position:relative; margin:0; padding:0;
        /*background-color:#AAAAAA;*/        
      }
        ul.left li ul.popmenu li a {
          color:#333333; margin:0; padding:0 0 0 3px;
          text-transform:none; text-align:left;
          /*background-color:#FF0000;*/
        }
          ul.left li ul.popmenu li a:hover {
            color:#FFFFFF;
          }
  
  
  .middle {
    margin:0;
    width:auto; height:auto;
    width:780px;
    /*background-color:#DEDCDC;*/
  }
    .middle div.desc, .middle div.photobox {
      margin-top:18px; position:relative;
      width:780px; height:auto;
      background-color:#999999;
    }
      .middle div.photobox {
        height:auto; /*390px;*/
        background-color:#000000;
      }
        /*.middle div.photobox img {
          margin:2px 0 0 2px;
          border:1px solid #333333;
        }*/
        .middle div.photobox div.photobig {
          display:block; float:left; overflow:hidden; margin:18px 0 0 21px;
          width:502px; height:334px; 
          text-align:center; line-height:334px;        
          background-color:#333333;
          border:2px solid #333333;
        }
        .middle div.photobox p.photodesc {
          position:absolute; top:368px; left:25px;
          width:489px; height:auto; 
          font-size:11px; color:#eeeeee;
          text-align:left;
        }
        .middle div.photobox ul.photolist {
          display:block; float:left; overflow:hidden; margin:18px 0 0 15px;
          width:234px;
        }
          .middle div.photobox ul.photolist li {
            display:block; overflow:hidden; margin:0 10px 12px 0; float:left;
            width:107px; height:82px;
            text-align:right;
            cursor:pointer;
            background: #333333 url('../images/back_photobox_list2.gif') no-repeat center bottom;
          }
            .middle div.photobox ul.photolist li img {
              overflow:hidden;
              height:68px;
              border:2px solid #333333;
            }
      
      .middle div.photobox div.cat-desc {
        margin:38px 0 0 30px;
      }      
        .middle div.photobox div.cat-desc h2 {
          color:#FFFFFF; font-weight:bold; font-size:40px;
          text-transform:uppercase;
        }
        .middle div.photobox div.cat-desc p {
          overflow:hidden; padding-left:10px;
          width:105px;
          font-size:11px; font-weight:bold;
          text-align:left;
          background: transparent url('../images/arrow_left.gif') no-repeat 0 5px;
        }
      .middle div.photobox div.cat-img {
        overflow:hidden; margin:44px 0 0 43px;
        width:420px; height:280px;
        background-color:#333333;
        border:2px solid #333333;
      }        
      
      .middle div.desc ul {
        display:block; float:left; overflow:hidden; margin:11px 0 0 30px;
        height:auto; /*108px;*/
        text-align:left;
        /*background-color:#FF0000;*/
      }
        .middle div.desc ul.prod-desc {
          width:752px; margin-left:15px;
        }
          .middle div.desc ul.prod-desc li {
            display:block; float:left; overflow:hidden; padding:6px 6px 6px 0;
            width:720px; height:auto;
            /*font-weight:bold;*/ font-size:12px; color:#333333;
            /*line-height:20px; /*text-indent:10px;*/
            /*background: transparent url('../images/back_products_list_dotline.gif') repeat-x -1px bottom;*/
          }
            .middle div.desc ul.prod-desc li.title {
              width:752px; height:33px; padding:0; padding-left:10px; position:relative;
              color:#ffcc00; font-weight:bold; font-size:16px; text-transform:uppercase;
              line-height:33px;
              background-color:#666666;
            }
              .middle div.desc ul.prod-desc li.title a.videobutt {
                position:absolute; top:5px; right:15px;
              }
              
            .middle div.desc ul.prod-desc li ul {
              margin:0;              
            }
              .middle div.desc ul.prod-desc li ul li {
                margin:0; padding-left:10px;
              }
              .middle div.desc ul.prod-desc li ul.second li {
                /*background-color:#A19FA1;*/
                border-left:1px solid #636563;
              }
            
        .middle div.desc ul.info {
          margin:22px 0 0 50px;
          width:180px;
          font-size:12px; font-weight:bold; color:#660000;
          text-align:right;
        }
          .middle div.desc ul.info span {
            font-size:30px; font-weight:bold; color:#cccccc;
          }
          .middle div.desc ul.info a {
            color:#333333; font-size:11px; font-weight:bold;
            text-transform:uppercase;
          }
      
      .middle div.desc p {
        display:block; float:left; margin:20px 0 0 48px; clear:none; overflow:hidden;
        width:325px;
        font-size:11px; font-weight:bold; color:#333333;
        text-align:left;
        /*background-color:#FF0000;*/
      }
        .middle div.desc p.red {
          color:#660000;
        }
          .middle div.desc p.red a {
            font-weight:bold; color:#f7cf31;
          }