.MagicScroll { display: none; border: none; z-index: 1; }
.MagicScrollItem { text-align: center; }
.MagicScrollItem img { display: block; margin: 0 auto; }
.MagicScrollArrows { width: 24px; height: 24px; cursor: pointer; background: url('graphics/arrows.png'); padding: 0px !important; }
.MagicScrollArrowTop { background-position: 24px 0; }
.MagicScrollArrowRight { background-position: 0 0; }
.MagicScrollArrowBottom { background-position: 24px 24px; }
.MagicScrollArrowLeft { background-position: 0 24px; }
.MagicScrollSliderWrapper { background: #f3f3f3; border-top: 1px solid #e1e1e1; }
.MagicScrollSlider { background: #f7f7f7; border:1px outset #e1e1e1; border-style: solid outset outset solid; }
.MagicScrollSliderShadow { background: #dfdfdf; border:1px solid #dfdfdf; }
.MagicScroll.msborder { background:#fff; }
.active-thumb{ border: 1px solid #e5e5e5!important;}
.MagicScroll.msborder .MagicScrollItem { background:#fff; padding: 6px 0; }
.MagicScroll.msborder.vertical .MagicScrollItem { border-right:none; border-bottom:1px solid #efefef; }
.MagicScroll.msborder .MagicScrollArrows { width: 36px; height: 36px; background:url(../../images/joma-sprite-b.png) no-repeat 105% -315px; }
.MagicScroll.msborder .MagicScrollArrowTop { background-position: 36px 0; }
.MagicScroll.msborder .MagicScrollArrowBottom { background-position: 36px 36px; }
.MagicScroll.msborder .MagicScrollArrowLeft { background-position: 115% -260px; }
.MagicScroll.mstext .MagicScrollItem { text-align: left; line-height:1.2; padding:9px; border:none; }
@media only screen and (max-width:420px){
    .MagicScrollItem { text-align: center; width: 72px !important;margin: 0px 2px !important;}
}