#imageSliderWrapper {
	position: relative;
	border: 0px solid green;
}
#mcts1, #mcts13 {
	height: 140px;
	max-width: 1024px; /*width is optional, but height is required.*/
	float: left;
	padding: 0;/*Note: never change this value other than 0*/
	overflow: hidden;
	position: relative;
	text-align: center;
}
/*--------div.item is each slides. It is the child div nodes of #imageSlider, and the wrapper of each slide image--------*/
#mcts1 div.item, #mcts13 div.item {
	width: 250px;
	height: 49px;
	padding: 2px;
	margin-right: 8px;
}
#mcts1 img, #mcts13 img {
	width: 77px; /*height:94px; */
}
.description {
	color: White;
	position: absolute;
	top: 30px;
	left: 10px;
}
/*---------navigation buttons-------*/
/*.navPrev, .navPlay, .navPause, .navNext 
{
    width:29px; height:29px; position:absolute; top:60px; 
    background:url(navbuttons.gif); 
    display:inline-block; z-index:5; cursor:pointer;
}
.navPause {background-position:0 0;left:218px;} .navPlay {background-position:0 -29px;left:218px;} .navPrev {width:21px; height:21px; background-position:0 -79px;left:100px;}.navNext {width:21px; height:21px; background-position:0 -58px;left:125px;} 

.navPrev, .navPlay, .navPause, .navNext 
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}
*/
        
/*---------navigation bullets--------*/

/* Note: When "ScrollAllInView" was set to true in the Javascript, the navBullets won't be displayed.*/
.navBullets {
	/*display:none;*/ /*set it display:none when you want to hide it*/
	z-index: 5;
	cursor: pointer;
	/*Specify the position of navigation buttons*/
	position: absolute;
	top: 20px;
	left: 220px;
	width: 24px;
}
/*.navBullets div defines the style of each bullet*/
.navBullets div {
	width: 8px;
	height: 8px;
	background: transparent url(bullets.png) no-repeat 0 0;
	float: left;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 6px;/*margin-right determines the distance between each list item*/
	_position: relative;/*IE6 hack*/
}
.navBullets div.focus {
	background-position: 0 -8px;
}
.thumb-logo-main a {
}
.thumb-logo-main a:hover {
}
.thumb-main {
	width: 100%;
	height: 49px;
}
.thumb-logo img {
	width: 77px;
	float: left;
}
.thumb-url {
	float: right;
	background-color: #bfbfbf;
	width: 68.5%;
	color: #333333;
}
.thumb-url:hover {
	float: right;
	background-color: #187fc3;
	width: 68.5%;
	color: #FFF;
}
.thumb-url span.our-url {
	font-size: 1.1em;
	line-height: 49px;
}
#mcts12 {
	height: 324px;
	max-width: 1024px; /*width is optional, but height is required.*/
	float: left;
	padding: 0;/*Note: never change this value other than 0*/
	overflow: hidden;
	position: relative;
}
/*--------div.item is each slides. It is the child div nodes of #imageSlider, and the wrapper of each slide image--------*/
#mcts12 div.item {
	width: 205px;
	height: 324px;
	background-color: White;
}
#mcts12 img {
/*width:204px;*/ /*height:94px; */
}
@media (min-width: 481px) and (max-width: 768px) {
#mcts12 {
	width: 740px;
}
#main-content {
	width: 740px;
}
.container {
	width: 740px;
}
#main-content {
	width: 740px;
}
#mcts12 div.item{
width: 148px;
}
#mcts1{width: 740px;}
}
@media (min-width: 321px) and (max-width: 480px) {
#mcts12 {
	width: 450px;
}
#mcts12 div {
	width: 450px;
}
#main-content {
	width: 450px;
}
.container {
	width: 450px;
}
#main-content {
	width: 450px;
}
#mcts12 div.item{
width: 90px;
}
#mcts1{width: 450px;}
}
@media (max-width: 320px) {
#mcts12 {
	width: 275px;
}
#mcts12 div {
	width: 275px;
}
#main-content {
	width: 275px;
}
.container {
	width: 275px;
}
#main-content {
	width: 275px;
}
#mcts12 div.item{
width: 55px;
}
#mcts1{width: 275px;}
}