﻿#mcts2 {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	/* Do not alter the below settings */
	white-space: nowrap;
	position: relative;
	font-size: 0px;
}
#mcts2>* {
	display: none;
}
/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#mcts2 div.item {
	margin-right: 1px; /* this specifies the distance between each thumbnail */
	position: relative;
}
#mcts2 img {
	border: none;
}

/*---------built-in navigation bullets--------*/
/* Note: the navBullets won't be available when "scrollByEachThumb" was set to false in the Javascript.*/
#mcts2 .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 ------- */
#mcts2 {
	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);
}
