.Magic360 {
    padding: 0 !important;
    outline: 0 !important;
}
.Magic360 img {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.Magic360 .progress {
    background: rgba(255,255,255,0.4);
    width: 200px;
    border-bottom: 1px solid #aaa;
}

.magic-for-ie5 .progress, .magic-for-ie6 .progress, .magic-for-ie7 .progress, .magic-for-ie8 .progress {
   background: transparent !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3cffffff', EndColorStr='#3cffffff');
}

.Magic360 .bar {
    height: 10px;
    background: #ccc;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#aaa));
    background-image: -moz-linear-gradient(0% 100% 90deg,#aaa, #ccc);
    background-image: -o-linear-gradient(90deg,#aaa 0%, #ccc 100%);
}
.Magic360 .magnifier {
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    border-collapse: separate;
    cursor: none;
}
.Magic360.magic-for-ie6 .magnifier, .Magic360.magic-for-ie7 .magnifier, .Magic360.magic-for-ie8 .magnifier {
    border:  3px ridge #e7e7e7;
}

.Magic360 .controls {
    cursor: pointer;
    width: 64px;
    height: 32px;
    background: url('graphics/icons01.png');
}

.Magic360 .controls.magnify {
    background-position: 0px 0px;
}

.Magic360 .controls.spin {
    background-position: 0px 32px;
}

.Magic360 .controls .icon {
    width: 32px;
    height: 32px;
    position: relative;
    float: left;
}

.Magic360 .icon-load {
    background: url('graphics/loader.gif');
    width: 42px;
    height: 42px;
}