/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
  position: relative;
}

.jcarousel-clip {
  /*z-index: 2;*/
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.jcarousel-list {
  /*z-index: 1;*/
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
  float: left;
  list-style: none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 75px;
  height: 75px;
}

/**
* The buttons are added dynamically by jCarousel before
* the <ul> list (inside the <div> described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
  display: none;
}

.jcarousel-prev {
  display: none;
}

/*-------------------------------------------------------------*/
.desc_pane {
  padding-bottom: 0px;
}

.primary-content .desc {
  color: #535353;
  height: 170px;
  padding: 5px 12px 10px;
}

.primary-content .desc .about {
  float: left;
  width: 540px;
}

.primary-content .desc .about big a {
  font-size: 90%;
  padding-right: 10px;
}

.primary-content .desc .composed {
  float: right;
  width: 290px;
}

.primary-content .desc .composed ul li {
  background: url("/bitrix/templates/add-in-express/images/bullet-primary.gif") no-repeat scroll left top transparent;
  margin: 0;
  padding-left: 15px;
}

.adx-carusel {
  margin: 0 0px;
}

.adx-carusel ul li {
  float: left;
  padding: 9px;
  height: 150px;
  width: 128px;
}

#content ul.ax-carusel-ul li {
  background: none;
  padding: 10px 10px 10px 10px;
}

.adx-carusel .ax-carusel-ul {
  width: 100%;
  margin-bottom: 0;
}

.adx-carusel-prev-btn-active {
  cursor: pointer;
  height: 22px;
  position: relative;
  width: 11px;
  float: left;
  top: 60px;
  left: 30px;
}

.adx-carusel-prev-btn-deactive {
  cursor: cursor;
  height: 22px;
  position: relative;
  width: 11px;
  float: left;
  top: 60px;
  left: 30px;
}

.adx-carusel-next-btn-active {
  cursor: pointer;
  height: 22px;
  position: relative;
  width: 11px;
  float: right;
  top: 60px;
  right: 30px;
}

.adx-carusel-next-btn-deactive {
  cursor: cursor;
  height: 22px;
  position: relative;
  width: 11px;
  float: right;
  top: 60px;
  right: 30px;
}

.adx-carusel-li {
  width: 128px;
}

.adx-carusel-li-img-deactive,
.adx-carusel-li-img-active {
  background: url("/images/logos/web/combined-carusel.jpg") no-repeat scroll 0px 0px transparent;
  display: none;
  width: 128px;
  height: 150px;
}

.adx-carusel-li-img-deactive {
  display: block;
}