.scroll-container .browse {
  height: 160px;
  width: 20px;
  float: left;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  color: #1c1c1c;
  margin: 10px 0;
}

.scroll-container .browse.disabled:hover {
  cursor: default;
  border: none;
}

.scroll-container .browse:not(.disabled):hover {
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
}

.scroll-container .browse.prev,
#layout .scroll-container .browse.disabled.prev {
  background: #fff url(../images/left-arrow-grey-on-white.png) no-repeat center;
  margin-left: 10px;
}

.scroll-container .browse.prev:hover {
  background: #fff url(../images/left-arrow-red-on-white.png) no-repeat center;
}

.scroll-container .browse.next,
#layout .scroll-container .browse.disabled.nextPage {
  background: #fff url(../images/right-arrow-grey-on-white.png) no-repeat center;
}

.scroll-container .browse.next:hover {
  background: #fff url(../images/right-arrow-red-on-white.png) no-repeat center;
}

.scroll-container {
  margin-top: 30px;
  height: 180px;
  background-color: #ececec;
}

.scroll-container .summary {
  background-color: #f6f6f6;
  height: 160px;
}

.scroll-container > * {
  float: left;
}

.scrollable {
  position: relative;
  overflow: hidden;
  width: 574px;
  height: 180px;
}

.scrollable .items {
  width: 10000px;
  position: absolute;
}

.scroll-container .items li {
  margin: 0 0 0 12px;
}

.scroll-container li .wrapper {
  background-color: #f6f6f6;
  height: 130px;
}

.scroll-container li .wrapper.active {
  background-color: #fff;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
}

.items {
  padding-top: 10px;
  clear: left;
}

.items li {
  width: 175px;
  height: 160px;
  float: left;
  padding: 0;
  position: relative;
}

.items li h5 {
  margin-top: 12px;
  margin-bottom: 0;
}

.items li .info p {
  font-size: 0.98em;
  margin-top: 7px;
}

.items li .info p.meta {
  color: #666666;
}

.items li a {
  color: #333;
  display: block;
  position: relative;
}

.items li .wrapper.active {
  width: 145px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.items li .wrapper.active h5 {
  color: #000000;
}

.items li .wrapper:hover {
  cursor: pointer;  
}

.items .wrapper .info {
  display: none;
}

.items .wrapper.active .info {
  display: block;
}

.items .wrapper {
  padding: 15px;
}