    .#{$prefix}box-layout-ct {
        overflow: hidden;
        zoom: 1;
    }

    .#{$prefix}box-target {
        position: absolute;
        // This width for the "CSS container box" of the box child items gives them the room
        // they need to avoid being "crushed" (aka, "wrapped"). On Opera, elements cannot be
        // wider than 32767px or else they break the scrollWidth (it becomes == offsetWidth)
        // and you cannot scroll the content.
        width: 20000px;
        // On IE quirks and IE6/7 strict, a text-align:center style trickles down to this el
        // at times and will cause it to move off the left edge. The easy fix is to just always
        // set left:0 here (right:0 in rtl mode). The top:0 part is just being paranoid.
        // The requirement for targetEl is that its origin align with innerCt... this ensures
        // that it does!
        top: 0;
        left: 0;
        // If we don't give the element a height, it does not always participate in the scrollWidth.
        height: 1px;
    }

    @if $include-rtl {
        .#{$prefix}rtl.#{$prefix}box-target {
            left: auto;
            right: 0;
        }
    }

    .#{$prefix}box-inner {
        overflow:hidden;

        zoom:1;

        position:relative;
        left:0;
        top:0;
    }

    .#{$prefix}horizontal-box-overflow-body {
        float: left;
    }

    .#{$prefix}box-scroller {
        position: relative;
        background-repeat: no-repeat;
    }

    .#{$prefix}box-scroller-left,
    .#{$prefix}box-scroller-right {
        float: left;
        height: 100%;
        z-index: 5;
    }

    .#{$prefix}box-scroller-top,
    .#{$prefix}box-scroller-bottom {
        .#{$prefix}box-scroller {
            line-height: 0;
            font-size: 0;
            background-position: center 0;
        }
    }

    .#{$prefix}box-menu-after {
        float: right;
    }

    @if $include-rtl {
        .#{$prefix}rtl.#{$prefix}box-menu-after {
            float: left;
        }
    }