/******************************************************\
*
*  Minimal Light Skin
*
*    1. Arrows(direction) navigation
*    2. Paging navigation
*
\******************************************************/



/******************************************************\
*
*  1. Arrows (direction) navigation
*
\******************************************************/
.touchcarousel.black-and-white .arrow-icon {
	width: 80px;
	height: 80px;
	margin-top: -40px;	
	
	background-image: url('caro-arrows.png');
	background-repeat: no-repeat;
	
	background-color: #c1c1c1;	
 	
 	-moz-opacity: 0.8;	
	-webkit-opacity: 0.8;	
	opacity: 0.8;

}
.touchcarousel.black-and-white .arrow-icon:hover{
	width: 160px;
	height: 80px;
	margin-top: -40px;	
	background-color: #00ccff;	
 	 	-moz-opacity: 0.8;	
	-webkit-opacity: 0.8;	
	opacity: 0.8;

}
.touchcarousel.black-and-white .arrow-holder {
	width: 0px;	
}
.touchcarousel.black-and-white .arrow-holder:active .arrow-icon {	
	-moz-opacity: 0.7 !important;	
	-webkit-opacity: 0.7 !important;	
	opacity: 0.7 !important;	
}
.touchcarousel.black-and-white .arrow-icon.left {
	left: -80px;
	background-position: 0px 0px;		
}
.touchcarousel.black-and-white .arrow-icon.right {
	right: -79px;
	background-position: 0px -80px;	
}
.touchcarousel.black-and-white .arrow-icon.right:hover {
	right: -79px;
	background-position: 80px -80px;	
}
.touchcarousel.black-and-white .arrow-holder:hover .arrow-icon {
	background-color: #00ccff;	
	
	-moz-opacity: 0.9;	
	-webkit-opacity: 0.9;	
	opacity: 0.9;
	
	-webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.touchcarousel.black-and-white .arrow-holder.disabled .arrow-icon.left {
	background-position: 0px 0px;
	width: 80px;
	display: none;
}
.touchcarousel.black-and-white .arrow-holder.disabled .arrow-icon.right {
	background-position: 0px -80px;
	width: 80px;
	display: none;
}

.touchcarousel.black-and-white .arrow-holder.disabled .arrow-icon.left,
.touchcarousel.black-and-white .arrow-holder.disabled .arrow-icon.right {	
	background-color: rgb(200, 200, 200);
	background-color: rgba(0, 0, 0, 0.3);
}

/******************************************************\
*
*  2. Paging navigation
*
\******************************************************/
.touchcarousel.black-and-white .tc-paging-container {	
	margin-top: -22px;
}
.touchcarousel.black-and-white .tc-paging-item {
	width: 10px;
	height: 10px;
	margin-left: 7px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	background-color:#FFF;
		
			
}
.touchcarousel.black-and-white .tc-paging-item.current {	
	background-position:  -95px -22px;
}
.touchcarousel.black-and-white .tc-paging-container {
	margin-top: -25px;
}
.touchcarousel.black-and-white .tc-paging-centerer-inside {

	
	padding: 2px 4px;
}