/*
== jquery thumbnail/image scroller ==
Plugin URI: http://manos.malihu.gr/jquery-thumbnail-scroller/
*/



.shirtscroller, .shirtscroller-title
	{
	overflow: hidden;
	height: auto;
	position: relative;
	padding: 10px;
	border: 4px solid rgba(0,0,0,.25);
	background: rgba(0,0,0,.35);
	border: 2px solid #404040;
	margin: 2px auto;
	width: 85%;
    	border-radius: 16px;
	}
	
.shirtscroller-title
	{
	padding: 0px;
	margin-bottom: 8px;
	font-size: 25px;
	font-weight: bold;
	background: rgba(255,255,255,.35);
	border: 2px solid #404040;
	background-image: url(../images/bg-title.png);
	background-size: 100% 100%;
	color: rgba(255,200,35,1);
	text-shadow: 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000, 
	2px 2px 0 #000, -2px -2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000;
	text-align:center;
	}

.shirtscroller li{ margin: 0 4px; }

.shirtscroller li a
	{
	display: block;
	border: 4px solid rgba(0,0,0,.75);
	border-radius: 8px;
	}

.shirtscroller img
	{
	border-radius: 8px;
	}
/* 
------------------------------------------------------------------------------------------------------------------------
BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mThumbnailScroller{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mThumbnailScroller.mTS_no_scroll, .mThumbnailScroller.mTS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

.mTSWrapper{
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mTSContainer{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.mTSContainer, ol.mTSContainer{ list-style: none; }

.mTSThumb, 
ul.mTSContainer > li img{ vertical-align: bottom; }

.mTS_vertical .mTSContainer{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mTS_horizontal .mTSContainer{
	margin-left: 0 !important;
	margin-right: 0 !important;
}






/* 
------------------------------------------------------------------------------------------------------------------------
THUMBNAILS STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

/* thumbnail container (default: li) */

.mTS_horizontal .mTSThumbContainer, 
.mTS_horizontal ul.mTSContainer > li{ float: left; }