#mcts1, #mcts1 div {
    box-sizing: content-box;
}

#mcts1 {
    box-sizing: content-box;
    width: 700px;
    height: 197px;
    padding: 10px;
    margin-top: 4px;
    border: 1px solid #d4c597;
    background: #f0efdd url(../../common/img/slider/loading.gif) no-repeat 50% 50%;
    box-shadow: 0px 2px 6px #DDDDDD;
    border-radius: 4px;
    /* Do not alter the below settings */
    white-space: nowrap;
    position: relative;
    font-size: 0px;
    z-index: 5;
}

    #mcts1 > a, #mcts1 > div, #mcts1 > img {
        display: none;
    }

    /*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
    #mcts1 div.item {
        padding: 0;
        margin-right: 0; /* this specifies the distance between each thumbnail */
        border: none;
        text-align: left;
        position: relative;
        z-index: 0;
    }

    /*-------- style of user defined class ---------*/
    #mcts1 div.each {
        text-align: justify;
        white-space: normal;
        padding: 10px;
        width: 680px;
        height: 197px;
        font: normal 10pt tahoma;
        background-color: White;
        border-radius: 6px;
        line-height: 150%;
        z-index: 5;
    }

    #mcts1 .each .content {
        float: right;
        padding-left: 10px;
        padding-right: 10px;
        width: 380px;
        height: 197px;
        overflow: hidden;
        text-align: right;
        z-index: 5;
    }

    #mcts1 .each img {
        border: none;
        float: left;
        width: 278px;
        height: 180px;
        margin-top: 15px;
        border: 1px solid gray;
        border-radius: 2px;
        z-index: 5;
    }