#mcts1{ width:100%; height:276px; margin: 80px auto 0;
/* Do not alter the below settings*/
white-space:nowrap; position:relative; font-size:0px;}
#mcts1>* {display:none;}
  
/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#mcts1 div.item { margin-right:7px; 
/* this specifies the distance between each thumbnail */ position:relative;}
#mcts1 img { border:none;}

/*---------built-in navigation buttons-------*/
#mcts1 .navPrev, #mcts1 .navNext { width:50px; height:50px; position:absolute; background:url(../images/sprite.png);  display:inline-block; z-index:5; cursor:pointer;}
#mcts1 .navPrev { background-position:-243px 0; transition:background 0.2s ease-in-out; top:-60px;left:442px;}
#mcts1 .navPrev:hover { background-position:-243px -50px;}
#mcts1 .navPrevDisabled, #mcts1 .navPrevDisabled:hover {background-position:0 0;cursor:default;}
#mcts1 .navNext { margin-left:4px; background-position:-300px 0; transition:background 0.2s ease-in-out; top:-60px;right:442px;} 
#mcts1 .navNext:hover {background-position:-300px -50px;} 
#mcts1 .navNextDisabled, #mcts1 .navNextDisabled:hover {background-position:-16px 0; cursor:default;} 
.navPrev, .navNext { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }
       
/*---------built-in navigation bullets--------*/
/* Note: the navBullets won't be available when "scrollByEachThumb" was set to false in the Javascript.*/
#mcts1 .navBullets{ display:none;}
/*--------- 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);}