.jcarousel-skin-ju .jcarousel-container {
}

.jcarousel-skin-ju .jcarousel-container-horizontal {
    width: 576px;
    height: 390px;
    padding: 0px 0px;
}

.jcarousel-skin-ju .jcarousel-container-vertical {
    width: 160px;
    height: 554px;
    padding: 19px 0px;
}

body.designpage .jcarousel-skin-ju .jcarousel-container-vertical {
    height: 476px;
    /*height: inherit;*/
}
body.archivepage .jcarousel-skin-ju .jcarousel-container-vertical {
    width: 666px;
    height: 476px;
}

.jcarousel-skin-ju .jcarousel-clip-horizontal {
    width:  576px;
    height: 390px;
}

.jcarousel-skin-ju .jcarousel-clip-vertical {
    width:  161px;

}
body.newspage .jcarousel-skin-ju .jcarousel-clip-vertical {
    width:  161px;
    height: 554px;
}

body.designpage  .jcarousel-skin-ju .jcarousel-clip-vertical {
    height: 476px;    
    /*height: inherit;*/
}
body.archivepage  .jcarousel-skin-ju .jcarousel-clip-vertical {
    width: 666px;
}

.jcarousel-skin-ju .jcarousel-item {
    width: 161px;
    height: 85px;
}
body.archivepage .jcarousel-skin-ju .jcarousel-item,
body.designpage .jcarousel-skin-ju .jcarousel-item {
    height: 72px
}

body.archivepage #contentdetails-container .jcarousel-skin-ju .jcarousel-item {
    height: 390px;
}

body.designpage .jcarousel-skin-ju .jcarousel-item-horizontal,
.jcarousel-skin-ju .jcarousel-item-horizontal {
    margin: 0;
    width: 576px;
    height: 390px;
}
/*.jcarousel-skin-ju .jcarousel-item-horizontal img {
    width: 576px;
    height: 390px;
}*/

.jcarousel-skin-ju .jcarousel-item-vertical {
    margin-bottom: 4px;
}

.jcarousel-skin-ju .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ju .jcarousel-next-horizontal {
    background:transparent url(img/arrow-right-wide-sprite.png) no-repeat scroll 0 0;    
    position: absolute;
    top: 0px;
    right: -15px;
    width: 14px;
    height: 390px;
    cursor: pointer;

}

.jcarousel-skin-ju .jcarousel-next-horizontal:hover {
    background-position: -14px 0;
}

.jcarousel-skin-ju .jcarousel-next-horizontal:active {
    background-position: -14px 0;
}

.jcarousel-skin-ju .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ju .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ju .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -42px 0;
}

.jcarousel-skin-ju .jcarousel-prev-horizontal {
    background:transparent url(img/arrow-left-wide-sprite.png) no-repeat scroll 0 0;
    
    cursor:pointer;
    height:390px;
    left:-15px;
    position:absolute;
    top:0;
    width:14px;   
}

.jcarousel-skin-ju .jcarousel-prev-horizontal:hover {
    background-position: -14px 0;
}

.jcarousel-skin-ju .jcarousel-prev-horizontal:active {
    background-position: -14px 0;
}

.jcarousel-skin-ju .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ju .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ju .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -42px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ju .jcarousel-next-vertical {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(img/arrow-down-sprite.png) no-repeat top left;
    text-align:center;
    display: block;
    width:159px;
    height: 16px;    
    cursor: pointer;
}
body.archivepage .jcarousel-skin-ju .jcarousel-next-vertical {
    background: url(img/arrow-down-wide-sprite.png) no-repeat top left;
    width:666px;
}
body.archivepage .jcarousel-skin-ju .jcarousel-next-vertical:hover, 
.jcarousel-skin-ju .jcarousel-next-vertical:hover {
    background-position: 0 -15px;
}
body.archivepage .jcarousel-skin-ju .jcarousel-next-vertical:active, 
.jcarousel-skin-ju .jcarousel-next-vertical:active {
    background-position: 0 -15px;
}

.jcarousel-skin-ju .jcarousel-next-disabled-vertical,
.jcarousel-skin-ju .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ju .jcarousel-next-disabled-vertical:active,
body.archivepage .jcarousel-skin-ju .jcarousel-next-disabled-vertical,
body.archivepage .jcarousel-skin-ju .jcarousel-next-disabled-vertical:hover,
body.archivepage .jcarousel-skin-ju .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -48px;
}


.jcarousel-skin-ju .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    background: url(img/arrow-up-sprite.png) no-repeat top left;
    text-align:center;
    display: block;
    width:159px;
    height: 16px;        
}
body.archivepage .jcarousel-skin-ju .jcarousel-prev-vertical {
    background: url(img/arrow-up-wide-sprite.png) no-repeat top left;
    width:666px;
}

body.archivepage .jcarousel-skin-ju .jcarousel-next-vertical,
body.archivepage .jcarousel-skin-ju .jcarousel-prev-vertical {
    width: 666px;
}


.jcarousel-skin-ju .jcarousel-prev-vertical:hover,
body.archivepage .jcarousel-skin-ju .jcarousel-prev-vertical:hover {
    background-position: 0 -16px;
}

.jcarousel-skin-ju .jcarousel-prev-vertical:active,
body.archivepage .jcarousel-skin-ju .jcarousel-prev-vertical:active {
    background-position: 0 -16px;
}

.jcarousel-skin-ju .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ju .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ju .jcarousel-prev-disabled-vertical:active,
body.archivepage .jcarousel-skin-ju .jcarousel-prev-disabled-vertical,
body.archivepage .jcarousel-skin-ju .jcarousel-prev-disabled-vertical:hover,
body.archivepage .jcarousel-skin-ju .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -48px;
}