/*---Menu---*/
.darkbg { background: #222a30 url("../images/darkbg.png"); }
#menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/topshd.png") no-repeat 50% 0; }
   #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; }
   #menubar .lcol { overflow: hidden; height: 50px; }
    #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px; }
     #menubar .lcol ul li { background: url("../images/mbar.png") no-repeat; }
     #menubar .lcol ul a { padding: 0 11px 0 12px; color: #fff; height: 50px; text-decoration: none; }
     #menubar .lcol ul a:hover { color: #277FCC; background: url("../images/mbar.png") no-repeat 50% 100%; }

   /*---search---*/
   .searchbar { margin-top: 12px; border: 1px solid #3f464c; border-width: 0 1px 1px 0; float: right; width: 217px; height: 26px; background: #191f24 url("../images/search.png") no-repeat; }
    .searchbar li { float: left; height: 26px; }
    .searchbar .lfield { width: 180px; padding-left: 7px; overflow: hidden; }
     .searchbar .lfield input { font-style: italic; color: #8b99a8; float: left; height: 15px; width: 180px; border: 0 none; background: none; margin-top: 6px; }
      
    .searchbar .lbtn input { width: 30px; height: 26px; background: #2276CB url("../images/search.png") no-repeat 0 -26px; }
     .searchbar .lbtn input:hover { background-position: -30px -26px; }

</span>
   <div class="headlinks">
   <ul class="reset">
   <li><a href="/news/"><i>Новости</i></a></li>
   <li><a href="/index/kontakty/0-7"><i>О Компании</i></a></li>
   <li><a href="/index/supplier/0-19"><i>Поставщикам</i></a></li>
   <li><a href="/index/dostavka_i_oplata/0-5"><i>Доставка и Оплата</i></a></li>
   </ul>
   </div>
   </div>
   </div>
   <div class="shadlr"><div class="shadlr">
   <div class="container">
   <div class="darkbg"><div id="menubar">
   <div class="lcol">
   <ul class="reset">
   <li><a href="/shop/videoregistratory">Видеорегистраторы</a></li>
   <li><a href="/shop/radar-detektory">Радар-детекторы</a></li>
   <li><a href="/shop/gps-navigatory">GPS навигаторы</a></li>
   <li><a href="/shop/mp3-pleery">MP3 плееры</a></li>
   <li><a href="/shop/ehlektronnye-knigi">Электронные книги</a></li>
   <li><a href="/shop/aksessuary">Аксессуары</a></li>
   </ul>
   </div>

<form action="/search/" style="margin: 0pt;" method="get" onsubmit="this.sfSbm.disabled=true">
   <form method="post" action=''>
   <input type="hidden" name="do" value="search" />

   <input type="hidden" name="subaction" value="search" />
   <ul class="searchbar reset">
   <li class="lfield"><input id="story" name="story" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" /></li>
   <li class="lbtn"><input title="Найти" alt="Найти" type="image" src="/images/spacer.gif" /></li>
   </ul>
   </form>
   </div></div>
   <div class="body">

<div id='cssmenu'>
<ul>
     <li><a href='/shop/videoregistratory'><span>Видеорегистраторы</span></a></li>
     <li><a href='/shop/radar-detektory'><span>Радар-детекторы</span></a></li>
     <li><a href='/shop/gps-navigatory'><span>GPS навигаторы</span></a></li>
     <li><a href='/shop/mp3-pleery'><span>MP3 плееры</span></a></li>
     <li><a href='/shop/ehlektronnye-knigi'><span>Электронные книги</span></a></li>
     <li class='has-sub '><a href='/shop/aksessuary'><span>Аксессуары</span></a>
        <ul>
           <li><a href='/'><span>Аккумуляторы</span></a></li>
           <li><a href='/'><span>Зарядные устройства</span></a></li>
           <li><a href='/'><span>Чехлы/Сумки</span></a></li>
           <li><a href='/'><span>Защитные пленки</span></a></li>
           <li><a href='/'><span>USB кабели</span></a></li>
        </ul>
     </li>
</ul>
</div>

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
    margin: 0;
    padding: 0;
    position: relative;
}
#cssmenu {
    height: 49px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background: #141414;
    background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
    background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
    background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
    border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
    content: '';
    display: block;
    clear: both;
}
#cssmenu a {
    background: #141414;
    background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
    background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
    background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
    color: #ffffff;
    display: inline-block;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 49px;
    padding: 0 20px;
    text-decoration: none;
}
#cssmenu ul {
    list-style: none;
}
#cssmenu > ul {
    float: left;
}
#cssmenu > ul > li {
    float: left;
}
#cssmenu > ul > li:hover:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0fa1e0;
    margin-left: -10px;
}
#cssmenu > ul > li:first-child a {
    border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child a {
    border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active a {
    box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    background: #070707;
    background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
    background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
    background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
}
#cssmenu > ul > li:hover > a {
    background: #070707;
    background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
    background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
    background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
    box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
    z-index: 1;
}
#cssmenu .has-sub:hover > ul {
    display: block;
}
#cssmenu .has-sub ul {
    display: none;
    position: absolute;
    width: 200px;
    top: 100%;
    left: 0;
}
#cssmenu .has-sub ul li {
    *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
    background: #0fa1e0;
    border-bottom: 1px dotted #6fc7ec;
    filter: none;
    font-size: 11px;
    display: block;
    line-height: 120%;
    padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
    background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
    display: block;
}
#cssmenu .has-sub .has-sub ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
    background: #0c7fb0;
    border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
    background: #095c80;
}