#mcts1
{
    width: 180px;
    height: 90px;
   
}
#mcts1 > *
{
    display: none;
}

/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#mcts1 div.item
{
    
    margin-right: 6px; /* this specifies the distance between each thumbnail */
    text-align: center;
    position: relative;
}


#mcts1 img
{
    border: none;
}


/*---------built-in navigation buttons-------*/
#mcts1 .navPrev, #mcts1 .navNext, #mcts1 .navPlay, 
{
    width: 16px;
    height: 22px;
    position: absolute;
    background: url(navbuttons.png);
    display: inline-block;
    z-index: 5;
    cursor: pointer;
}

/*--------- class1 that is for the slide with HTML content------------*/
.class1
{
    width: 130px;
    height: 80px;
    background: #444;
    text-align: center;
    color: White;
    font: normal 11px/14px Arial;
    white-space: normal;
}
.class1 p
{
    margin-top: 0;
    margin-bottom: 6px;
    padding-top: 6px;
    font: bold 13px Verdana;
    color: #F90;
}


/* --------- Others ------- */
#mcts1
{
    transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}