@import url(ware_card.css);
@import url(news.css);
@import url(menu.css);

  BODY,
  HTML
  {
    font-family: Tahoma !important;
    margin: 0;
    padding: 0;
    border: none;
  }
  
  A IMG
  {
    border: none;
  }
  
  A:link
  {
    color: #2e4f9d;
  }
  
  A:visited
  {
    color: #909;
  }
  
  A:hover
  {
    color: #c00;
    text-decoration: none;
  }

  #page
  {
    position: relative;
    min-width: 1000px;
    height: 100% !important;
    _width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px":"auto");
  }

  #head
  {
    background: url('../img/head_bg.jpg') repeat-x bottom;
    height: 220px;
    position: relative;
    padding-top: 30px;
  }
  
  #top_menu {position: absolute; z-index: 2000; top: 8px; left: -500px;}
  
  #top_menu,
  #top_menu li
  {
    list-style: none;
  }
  
  #top_menu li {float: left; margin-right: 5px;}
  
  #top_menu li a
  {
    color: #2e4f9d;
    font-size: 90%;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 3px;
    -moz-border-radius: 3px;
  }
  
  #top_menu li a:hover
  {
    color: #c00;
    background: #eee;
    border: 1px solid #aaa;
  }
  
  #top_menu li.active a
  {
    background: url('/img/price_back.jpg') 50% 50%;
    color: #fff;
    border: 1px solid transparent;
    text-decoration: none;
    cursor: default;
  }
  
  #head .back
  {overflow: hidden;
    position: relative;
    height: 300px;
  }
  
  #head .image
  {
    display: block;
  }
  
  #circle1
  {
    position: absolute;
    top: 90px;
    left: 10%;
    z-index: 10;
  }
  
  #circle1 .image
  {
    background: url('../img/circle1.png') no-repeat;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/circle1.png', sizingMethod='scale');
    height: 41px;
    width: 42px;
  }
  
  #circle2
  {
    position: absolute;
    top: 110px;
    left: 17%;
    z-index: 9;
  }
  
  #circle2 .image
  {
    height: 58px;
    width: 59px;
    background: url('../img/circle2.png') no-repeat;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/circle2.png', sizingMethod='scale');
  }
  
  #circle3
  {
    position: absolute;
    top: 60px;
    left: 15%;
    z-index: 7;
  }
  
  #circle3 .image
  {
    background: url('../img/circle3.png') no-repeat;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/circle3.png', sizingMethod='scale');
    height: 81px;
    width: 82px;
  }
  
  #circle4
  {
    position: absolute;
    top: 40px;
    left: 30%;
    z-index: 6;
  }
  
  #circle4 .image
  {
    background: url('../img/circle4.png') no-repeat;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/circle4.png', sizingMethod='scale');
    height: 114px;
    width: 114px;
  }
  
  #lines
  {
    position: absolute;
    top: 77px;
    lefft: 5%;
    
    width: 100%;
    height: 200px;
    margidn-left: 100px;
    
  }
  
  #lines .container
  {
    margin-left: 5%;
  }
  
  #line
  {
    
    margdin-left: 600px;
    widgth: 100%;
    heigght: 183px;
    background: #000;
    height: 200px;
    margin-left: 400px;
    background: url('../img/lines_bg.gif') repeat-x;
  }
  
  #linebg
  {
    background: url('../img/lines.jpg') no-repeat;
    height: 210px;
    width: 514px;
  }
  
  #car
  {
    position: absolute;
    top: 50px;
    left: 5%;
    background: url('../img/car.png') no-repeat;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/car.png', sizingMethod='scale');
    height: 229px;
    width: 715px;
    z-index: 8;
  }
  
  #logo
  {
    position: absolute;
    top: 150px;
    left: 30px;
    z-index: 11;
    opacity: .85;
    cursor: pointer;
    filter: alpha(opacity=80);
  }
  
  #logo .image
  {
    background: url('../img/logo.png') no-repeat;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png', sizingMethod='scale');
    height: 69px;
    width: 178px;
  }

  #logo:hover
  {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  
  #cloud
  {
    width: 324px;
    height: 84px;
    background: url(/img/cloud.png);
    position: absolute;
    right: 30px;
    top: 110px;
    
    z-index: 130;
  }
  
  #cloud span
  {
    font-size: 80%;
    color: #993301;
    font-family: arial;
    font-style: italic;
    font-weight: bold;
    margin: 15px 0 0 15px;
    display: block;
  }
  
  
  #basket-layer
  {
    position: absolute;
    right: 280px;
    top: 28px;
  }
  
  #basket-layer A
  {
    display: block;
    text-align: right;
    color: #666;
    font-style: italic;
    font-family: arial;
    padding-right: 50px;
    position: relative;
    text-decoration: none;
  }
  
  
  #basket-layer A:hover
  {
  color: #333;
  }
  
  #basket-layer A .i
  {
    background: url(/img/basket_sprite.png) 0 0 no-repeat;
    position: absolute;
    top: 8px;
    right: 0;
    width: 35px;
    height: 25px;
  }
  
    #basket-layer A:hover .i
    {
      background-position: 0 -55px;
    }
  
  #basket-layer A B.t
  {
    display: block;
  }
  
  .contacts
  {
    font-family: arial;
    position: absolute;
    right: 30px;
    top: 15px;

  }
  
  .contacts P
   {
    margin: 0;
    padding: 0;
  }
  
  .contacts .phone
  {
    font-size: 180%;
    font-style: italic;
  }
  
  .contacts .code
  {
    font-size: 60%;
    color: #666;
  }
  
  .contacts .overip
  {
    font-size: 80%;
    vertical-align: top;
  }
  
  .contacts .overip SPAN
  {
    line-height: 14px;vertical-align: top;
  }
  
  #title
  {

    margin-top: 40px;
    z-index: 90;
  }
  
  #title H1
  {
    padding: 0;
    margin: 0;
    font-family: arial;
    margitn-left: 30px;
    line-height: 1em;
    font-weight: normal;
  }
  
  #container
  {
    position: relative;
    border-left: solid 300px #fff;
    border-rigfht: solid 300px #fff;
    _border-left: none;
    _border-right: none;
    clear: both;
  }

  #inner
  {
    position: relative;
    margin-left: -300px;
    margin-rifght: -300px;
  }

  #left_block
  {
    position: relative;
    left: 0;
    float: left;
    width: 290px;
    z-index: 0;
    zoom: 1;
    height: 1%;
    _margin-right: -3px;
  }
  
  #content_layer
  {
    margin-left: 300px;
    margin-right: 30px;
    position: relative; 
    _zoom: 1;
    _margin-left: -3px;
    _margin-right: -3px;
  }
  
  #article UL
  {
    margin-left: 30px;
    overflow: hidden;
  }
  
  #article.sertificates A
  {
    display: block;
    border: 2px solid #aaa;
    padding: 20px 15px;
    float: left;
    margin-left: 1em;
    margin-top: 1em;
    opacity: .8;
  }
  
  #article.sertificates A:hover
  {
    opacity: 1;
    background: #eee;
  }
  
  #article.sertificates A IMG
  {

  }
  
  h1 
  {
    font-size: 100%;
    line-hteight: 24em;
  }
  
  h1 .path
  {
    color: #000;
    font-family: Arial;
    font-size: 180%;
    line-height: 1.2em;
    margin-top: 1.5em;
  }
  
  .ware_layer
  {
    float: left;
    width: 50%;
  }
  #hueblock
  {
      padding-left: 20px;
    overflow: hidden;
  }
  
  .wares_layer .man_image
  {
    display: none;
  }
  
  .ware_row .prc
  {

    float: left;
    margin-right: 10px;
  }
  
  .ware_row .prc span
  {
    background: url('/img/price_back.jpg') 50% 50%;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    font-style: italic;
    font-sizfe: 130%;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 2px;
  }
  
  .ware_row
  {
    clear: both;
    padding-bottom: 20px;
    overflow: hidden;
  }
   
  .ware_layer .image_layer
  {
    float: left;
  }
  
  .ware_layer .short_desc,
  .ware_layer .ware_features
  {
    padding-left: 20px;
    margin-right: 20px;
    overflow: hidden;
    zoom: 1;
  }
  
  .ware_layer .ware_features
  {
    _margin-top: 10px;
  }
  
  #ware_features
  {
    margin-top: 20px;
  }
  
  TABLE
  {
    font-size: 100%;
  }
  
  #ware_card .ware
  {
    float:left;
  }
  
  #ware_card #right-block
  {
    overflow: hidden;
  }
  
  #full_desc
  {
    margin-top: 10px;
  }
  
  .main_table
  {
    width: 100%;
  }
  
  .feature_group
  {
    font-weight: bold;
    background: #eee;
    color: #222;
    tegxt-align: center;
  }
  
  .group_title
  {
    padding: 3px 10px;
    font-size: 110%;
    display: block;
  }
  
  .inner TD
  {
    border-bottom: 1px solid #eee;
    padding: 3px 10px;
    text-alifgn: right;
    width: 50%;
  }
  
  .inner TD.value
  {
    text-aligfn: left;
  }
  #content
  {
    margin: 0 1px;
    border-left: 1px solid #eee;
    font-size: 80%;
    padding-left: 30px;
    padding-right: 10px;
    padding-bottom: 4em;
    _height: 1%;
    padding-top: 20px;
    _padding-top: 60px;
    overflow: hidden;
  }
  
  #content .images
  {
    tedxt-align: center;
    _height: 1%;
  }
  
  #content .image
  {
    float: left;
    margin: 0;
    displady: inline;
    position: relative;
  }
  
  #content .image .comment_cnt
  {
    position: absolute;
    background: #fff;
    top: 2px;
    left: 2px;
    padding: 2px 6px;
    filter: alpha(opacity=70);
    opacity: .7;
  }
  
  #content H2
  {
    font-size: 110%;
  }

  #content .news_row
  {
    margin: 10px 0;
    border-top: 1px dotted #aaa;
    padding-top: 10px;
  }
  
  #content .dayandmonth
  {
    float: left;
    height: 100%;
    border: 1px solid #7376b8;
    text-align: center;
    padding: 10px 0;
    margin: 0;
    font-size: 70%;
    margin-right: 10px;
    _margin-right: 7px;
    margin-top: 2px;
    background: #fff200;
    width: 55px;
  }
  
  #content .day
  {
    font-size: 180% !important;
    font-weight: bold;
  }
  
  #content .month
  {
    display: block;
  }
  
  #content .news
  {
    display: block;
    _margin: 0;
    overflow: hidden;
    zoom: 1;
  }
  
  #content .news P
  {
    margin: 0;
    margin-bottom: 10px;
  }
  
  #content .map,
  #content .map LI
  {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  #footer
  {
    margin-top: 8px;
    clear: both;
    color: #fff;
    position: absolute;
    width: 100%;
    background: url('/img/footer_bg_lines.jpg') repeat-x;
    height: 108px;
  }
  
  #footer .wheels
  {
    position: absolute;
    left: 0;
    top: 0;
    background: url('/img/footer_bg.jpg') no-repeat top right #fff;
    width: 590px;
    height: 108px;
  }
  
  #footer #copyright
  {
    position: absolute;
    z-index: 10;
    left: 530px;
    bottom: 0;
    padding: 10px 0;
    color: #666;
    font-size: 70%;
  }
  
  #footer  #copyright P
  {
    margin: 0;
    padding: 0;
    margin-left: 30px;
    font-size: 80%;
    color: black;
  }
  
  #counter
  {
    position: absolute;
    right: 30px;
    bottom: 5px;
  }
  
  .clear
  {
    clear: both;
  }
  
  
  #hueblock .hui
  {
    margin: 3px 0 0 0; 
    overflow: hidden;
  }

  #hueblock .hui 
  { 
    font-family: arial;
    font-style: italic;
    font-weight: bold;
  }
  
  .availability0 .availability
  {
    color: #090 !important;
  }
  
  .availability1 .availability
  {
    color: #009 !important;
  }
  
  .availability2 .availability
  {
    color: #a00 !important;
  }