
.touchcarousel{
	position:				relative;
	width:					877px;
	height:					421px;
	overflow:				hidden; 
}
.touchcarousel .touchcarousel-container{
	position:				relative;    
    margin:					0;
    padding:				0;
    list-style:				none;    
	left:					0;
}

.touchcarousel .touchcarousel-wrapper{
	position:				relative;
	overflow:				hidden;
	width:					100%;
	height:					100%;
}

.touchcarousel .touchcarousel-item{
	margin:					0 0 0 0;
	padding:				0;	
	float:					left;		
}

.touchcarousel .touchcarousel-item.last {
	margin-right:			0 !important;		
}

.touchcarousel .arrow-holder {
	height:					100%;
	width:					45px;
	position:				absolute;
	top:					0;
	display:				block;
	cursor:					pointer;	
	z-index:				25;
}

.touchcarousel .arrow-holder.left {	
	left:					0;	
}

.touchcarousel .arrow-holder.right {	
	right:					0;
}

.touchcarousel .arrow-icon{
	width:					45px;
	height:					90px;
	top:					50%;
	margin-top:				-45px;	
	position:				absolute;	
	cursor:					pointer;	
}

.touchcarousel .arrow-icon.left{
}

.touchcarousel .arrow-icon.right{
}

.touchcarousel .arrow-holder:hover .arrow-icon{
}

.touchcarousel .arrow-holder.disabled{
	cursor:					default;
}

.touchcarousel .arrow-holder.disabled .arrow-icon{
	cursor:					default;
}

.touchcarousel .tc-paging-container{
	width:					100%;
	overflow:				hidden;
	position:				absolute;
	margin-top:				-20px;
	z-index:				25;
}

.touchcarousel .tc-paging-centerer{
	float:					left;
	position:				relative;
	left:					50%;
}

.touchcarousel .tc-paging-centerer-inside{
	float:					left;
	position:				relative;
	left:					-50%;
}

.touchcarousel .tc-paging-item{			
	float:					left;	
	cursor:					pointer;
	position:				relative;
	display:				block;
	text-indent:			-9999px;
}

.touchcarousel .tc-paging-item.current{
}

.touchcarousel .tc-paging-item:hover{
}

.touchcarousel .scrollbar-holder{
	position:				absolute;
	z-index:				30;
	left:					6px;
	right:					6px;	
	bottom:					5px;
	height:					4px;
	overflow:				hidden;
}

.touchcarousel .scrollbar{
	position:				absolute;
	left:					0;	
	height:					4px;
	bottom:					0px;
}

.touchcarousel .scrollbar.dark{
	background-color:		rgb(130, 130, 130);	
	background-color:		rgba(0, 0, 0, 0.5);
}

.touchcarousel .scrollbar.light{
	background-color:		rgb(210, 210, 210);	
	background-color:		rgba(255, 255, 255, 0.5);
}

.touchcarousel .grab-cursor{
	cursor:					url(../image/grab.png) 8 8, move;
}

.touchcarousel .grabbing-cursor{
	cursor:					url(../image/grabbing.png) 8 8, move;
}

.touchcarousel .auto-cursor{
	cursor:					auto;
}

.touchcarousel.three-d .arrow-holder.disabled .arrow-icon{	
	-ms-filter:				"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:					alpha(opacity=0);
	-moz-opacity:			0;
	-khtml-opacity:			0;
	opacity:				0;
}

.touchcarousel.three-d .arrow-icon.left,
.touchcarousel.three-d .arrow-icon.right{
	width:					42px;
	height:					42px;
	-ms-filter:				"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:					alpha(opacity=70);
	-moz-opacity:			0.85;
	-khtml-opacity:			0.85;
	opacity:				0.85;
}

.touchcarousel.three-d .arrow-icon.left{
	left:					25px;
	background:				url('../image/left_arrow_circle.png') no-repeat;
}

.touchcarousel.three-d .arrow-icon.right{
	right:					25px;
	background:				url('../image/right_arrow_circle.png') no-repeat;
}

.touchcarousel.three-d .arrow-icon.left:hover,
.touchcarousel.three-d .arrow-icon.right:hover{
	-ms-filter:				"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:					alpha(opacity=100);
	-moz-opacity:			100;
	-khtml-opacity:			100;
	opacity:				100;
}

.touchcarousel.three-d .tc-paging-container{		
	width:					100%;
	float:					none;
	margin-top:				0;
	margin-left:			auto	!important;
	margin-right:			auto	!important;
	text-align:				center;
	bottom:					30px;
}

.touchcarousel.three-d .tc-paging-centerer{
	float:					none;
	position:				relative;
}

.touchcarousel.three-d .tc-paging-centerer-inside{	
	position:				relative;
	left:					0;
	float:					none;
}

.touchcarousel.three-d .tc-paging-item{
	background:				url('../image/sprite.png') no-repeat -95px -4px;
	width:					16px;
	height:					16px;
	-moz-opacity:			0.8;
	-webkit-opacity:		0.8;
	opacity:				0.8;
}

.touchcarousel.three-d .tc-paging-item.current{	
	background:				url('../image/sprite.png') no-repeat -95px -22px;
}

.touchcarousel.three-d .tc-paging-item:hover{
	-moz-opacity:			1;
	-webkit-opacity:		1;
	opacity:				1;
}
