.jqueryslidemenu{
font: bold 12px Verdana;
background: #3168c3 url("/img/bg.jpg"); /* Фоновый цвет всего меню  */
width: 100%; /* Ширина меню  */
}

/* Убираем поля , отступы и маркеры для основного списка  */
.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Выстраиваем элементы списка горизонтально*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Стили ссылок пунктов списка верхнего уровня*/
.jqueryslidemenu ul li a{
display: block;
background: #3168c3 url("/img/bg.jpg");  /*Фоновый цвет ячеек меню в обычном состоянии*/
padding:8px 12px;     /*Отступы  элементов меню: сверху-снизу   и справа-слева*/
border-right: 1px solid #d3d3c5; /*Стиль перегородки между ячейками*/
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*Хак специально для IE6, чтобы достичь корректного отображения*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white; /*Цвет текста ячеек меню*/
}

.jqueryslidemenu ul li a:hover{
background: #0040ff;  /*Цвет фона ячеек меню при наведении*/
color: #ffffff;/* Цвет текста меню при наведении*/
}


.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
margin:0;
}


.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}


.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Стили для подменю */
.jqueryslidemenu ul li ul li a{
background:#3168c3;  /* фоновый цвет подменю в обычном состоянии */
font: normal 12px Verdana;  /* стиль шрифта элементов подменю */
width: 100%; /*ширина подменю*/
padding: 6px; /*отступы*/
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;   /*  стиль перегородки между пунктами подменю */
}

.jqueryslidemenu ul li ul li a:hover{
background: #0040ff; /* фоновый цвет подменю при наведении */
color: #FFFFFF;  /* цвет текста подменю при наведении */
}

/* ######### Стили для изображений (стрелочки вниз и вправо) ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 7px;
right: 5px;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 20em;
}

ul#menu a {
  display: block;
  text-decoration: none;
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #3168c3 url("/img/bg.jpg");
  color: #fff;
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #0041C3;
}

ul#menu li ul li a {
  background: #93BFD8;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #72A9C8;
  color: #fff;
  border-left: 5px #3168c3 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }