.imgrotate_imgdiv {
    overflow: hidden;
    position: relative; /* to get overflow:hidden work in IE */
    width: 280px;
}
.imgrotate_img {
    width: 280px;
}
.imgrotate_btnbar {
    cursor: pointer;
    background-color: #eee;
    position: relative;
    left: 98px;
}

.imgrotate_btnleft {
    float: left;
    width: 28px; height: 28px;
    background-image: url("turn_left.gif");
}
.imgrotate_btnleft:hover {
    float: left;
    width: 28px; height: 28px;
    background-image: url("turn_left_hover.gif");
}

.imgrotate_btnright {
    float: left;
    width: 28px; height: 28px;
    background-image: url("turn_right.gif");
}
.imgrotate_btnright:hover {
    float: left;
    width: 28px; height: 28px;
    background-image: url("turn_right_hover.gif");
}

.imgrotate_btnplay {
    float: left;
    width: 28px; height: 28px;
    background-image: url("play.gif");
}
.imgrotate_btnplay:hover {
    float: left;
    width: 28px; height: 28px;
    background-image: url("play_hover.gif");
}

.imgrotate_btnpause {
    float: left;
    width: 28px; height: 28px;
    background-image: url("pause.gif");
}
.imgrotate_btnpause:hover {
    float: left;
    width: 28px; height: 28px;
    background-image: url("pause_hover.gif");
}

.imgrotate_loading {
    position: relative;
    left: 0px; top: -192px;
}

.overlay360 {
    background-image: url("sign360.png");
    width: 100px; height: 100px;
    position: relative;
    top:-400px;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
}

.overlay360:hover {
    background-image: url("sign360hover.png");
    width: 100px; height: 100px;
    position: relative;
    top:-400px;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
}

.sign360 {
    width: 57px; height: 82px;
    background-image: url("sign360.jpg");
    background-repeat: no-repeat;
}

.sign360:hover {
    width: 57px; height: 82px;
    background-image: url("sign360hover.jpg");
    background-repeat: no-repeat;
}