.scrollable,
.slider-item,
.browse {
  float: left; }

.slider-item {
	position: relative;
}

.slider-container,
.scrollable {
  overflow: hidden;
  position: relative; }

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

.browse {
  color: #7d7d7d;
  cursor: pointer;
  font-size: 42px;
  display: block; }
  .browse:hover {
    color: #f2018a; }
  .browse.disabled {
    color: #d7d7d7;
    cursor: default; }

.navi {
  height: 26px;
  padding-bottom: 6px;
  position: relative;
  text-align: center; }
  .navi > a {
    background: transparent url("//us-cdn.sd-assets.com/media/images/shared/navi-item.png") 0 3px no-repeat;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    height: 10px;
    padding: 3px 0 14px;
    position: relative;
    width: 16px; }
    .navi > a:hover, .navi > a.active {
      background-position: -16px 3px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .navi a {
    background: transparent url("//us-cdn.sd-assets.com/media/images/shared/navi-item_x2.png") 0 3px no-repeat;
    background-size: 32px 10px; }
  .navi:hover, .navi.active {
    background-position: -16px 3px;
    background-size: 32px 10px; } }