/******************************
*
*  RoyalSlider Universal Skin
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-universal.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsUni,
.rsUni .rsOverflow,
.rsUni .rsSlide,
.rsUni .rsVideoFrameHolder,
.rsUni .rsThumbs {
}

.rsUni  .rsImg{
	margin: 0px!important;


}
/***************
*
*  3. Thumbnails
*
****************/
.rsUni {
	width: 940px;
	height: 340px;
}
/*.rsUni .rsOverflow {
	width: 750px;
	height: 340px;
}*/
.rsUni .rsThumbsVer {
	width: 160px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsUni.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsUni .rsThumbs{
	padding-left: 10px;

}
.rsUni .rsThumb {
	float: left;
	/*overflow: hidden;*/
	width: 160px;
	height: 66px;
	padding: 3px;


}
.rsUni .rsThumb img {
	width: 160px;
	height: 66px;



}
.rsUni .rsThumb.rsNavSelected {
	/*background: #ff7300;*/

}
.rsUni .rsThumb.rsNavSelected img {
	/*opacity: 0.7;
	filter: alpha(opacity=30);*/
}
.rsUni .rsThumb.rsNavSelected .thumbIco {
	
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0;
	border: 3px solid #ff7300;
	border: 3px solid rgba(255,115,0,0.9);
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
	-webkit-backface-visibility: hidden;
	margin: 3px;



} 

.rsUni .rsThumb.rsNavSelected .thumbIco:before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 3.5px 4px 3.5px 0;
border-color: transparent #ff7300 transparent transparent;
display: block;
position: absolute;
left:-7px;
top:27px;

}



.rsUni .rsTmb {
	display: block;

}





/* Thumbnails arrow icons */
.rsUni .rsThumbsArrow {
	height: 100%;
	width:160px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
}
.rsUni .rsThumbsArrow:hover {

}
.rsUni.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 14px;
}
.rsUni.rsWithThumbsVer .rsThumbsArrowLeft { top: 0px; left: 0; }
.rsUni.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0px;  left: 0; }



.rsUni .rsThumbsArrowIcn {		
	width: 160px;
	height: 14px;
	top: 50%;
	right: 0px;
	margin-top:-7px;	
	margin-right: 1px;
	position: absolute;	
	cursor: pointer;	

}


.rsUni.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background: url(../images/arrowTop.png); }
.rsUni.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background: url(../images/arrowBottom.png); }

.rsUni .rsThumbsArrowDisabled { display: none !important; }






/***************
*
*  7. Preloader
*
****************/

.rsUni .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(../images/preloaders/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}



