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

   

/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: white;
	
}


/***************
*
*  1. Arrows
*
****************/


.rsDefault .rsArrow {
	height: 36px;
	width: 24px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;
	
}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0;  }

.rsDefault.rsHor .rsArrowLeft { margin-top: 137px; margin-left: 1px; left: 0; top: 0; background-image: url('http://www.reallygoodstuff.com/images/art/left_arrow.png'); background-repeat: no-repeat; width: 24px; height: 36px; }
.rsDefault.rsHor .rsArrowRight { margin-top: 137px; margin-right: 1px; right: 0; top:0; background-image: url('http://www.reallygoodstuff.com/images/art/right_arrow.png');  background-repeat: no-repeat; width: 24px; height: 36px;}

.rsDefault .rsArrowIcn {		
	
	
	

	
	border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px;  }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none;  }



/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 34;
    
	left: 0;
	bottom: 0;
	width: 97px;
	height: 23px;
	margin-left: 317px; 

	

	text-align: center;
	line-height: 8px;
	overflow: hidden;
	
	
  background: url('http://www.reallygoodstuff.com/images/art/hm_sl_control_background.png') no-repeat;	
}




.rsDefault .rsBullet {
      width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	margin-top: 7px;
	margin-right: 7px;
	margin-left: 5px;		
	
 
	
	
	
}
.rsDefault .rsBullet span {
         	
         display: block;
	width: 8px;
	height: 8px;
         background-image: url("http://www.reallygoodstuff.com/images/art/Ryl_Slider_Background_Btn.gif");       
	
}
.rsDefault .rsBullet.rsNavSelected span {
	width: 8px;
         height: 8px;
	background-image: url("http://www.reallygoodstuff.com/images/art/Ryl_Slider_Active_Btn.gif");
}





/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
	height: 72px;
}
.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
	background: #02874a;
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
	display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
}
.rsDefault .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url('rs-default.png');
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

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

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsHor {
		height: 44px;
	}
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;

	*display:inline; 
	*zoom:1;
}
.rsDefault .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected { 
	color: #FFF;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url('rs-default.png') 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;

}
.rsDefault .rsFullscreenIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(rs-default.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
}
.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('rs-default.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



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

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

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




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
	
}

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	width: 700px;
	
	position: relative;
	

}
.royalSlider > * {
	float: left;
	
}

.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
	
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	
}

img.rsImg {
	max-width: none;
}

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

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

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(blank.gif);
}









/* RoyalSlider old version */


.control_background
   {
	left: 302px;
	  top: 301px;
	  position: absolute;
   z-index: 1;
   background: url('http://www.reallygoodstuff.com/images/art/home_slider_control_background.png') no-repeat;
   width: 96px;
	height: 18px;
   
   }

.control_background_active
{
left: 302px;
	  top: 301px;
	  position: absolute;
   z-index: 1;
  background: url('//cdnll.reallygoodstuff.com/images/art/hm_sl_control_background.png') no-repeat;
   width: 96px;
	height: 18px;
   


}
#banner_rotator { 
	width: 700px;
	height: 320px;
	overflow: hidden; 
}

.royalSlider {  
    position:relative;
    /* set width and height of slider here, in px, % or em*/
    width:700px;
    height:320px;
    /* Used to prevent content "jumping" on page load. this property is removed when javascript is loaded and slider is instanciated */
    overflow:hidden;
    float: left;
    
}



/**

 Slides area (set background here)
**/

.royalSlider .royalWrapper {
    overflow:hidden;    
    position:relative;
    width:100%; 
    height:100%;
}
.royalSlider .royalSlide,
.royalSlider .royalWrapper {
    /* Bakground behind slides */
    background: #ffffff; 
   }
/* slides holder, grabbing container */
.royalSlider .royalSlidesContainer {
    position: relative;
    left: 0;
    top: 0 !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    border: 0 !important;
}


/* slide item */
.royalSlider .royalSlide {
    padding: 0 !important;
    margin: 0 !important;   
    border: 0 !important;
    list-style: none !important;
    
    position:relative;
    float:left; 
    
    overflow:hidden;    
}

/* 

    Direction Navigation (arrows) 

*/
.royalSlider .arrow
{   
    url('//cdnll.reallygoodstuff.com/images/art/left_arrow.png');
    background-repeat: no-repeat;
    background-position: 0 0;

    /* change arrows size here */
    width: 45px;
    height: 90px;
    top:50%;
    margin-top:-25px;    
    cursor: pointer;
    display: block;
    position: absolute;     
    z-index:25;
	
	 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
   opacity: 0; 
   -webkit-transition: 
   opacity 400ms; 
   -moz-transition: 
   opacity 400ms; 
   -o-transition:
    opacity 400ms; 
	transition: opacity 400ms; 
    
}

.royalSlider:hover .arrow {
    	 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
  opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}


.royalSlider .arrow.disabled {
    
}
/* left arrow */
.royalSlider .arrow.left {
    background-position: top left;
    left: 1px; 
    background-image: url('//cdnll.reallygoodstuff.com/images/art/left_arrow.png');
  
}
/* right arrow */
.royalSlider .arrow.right {
    background-position: top right;
    right: 1px;
    background-image: url('//cdnll.reallygoodstuff.com/images/art/right_arrow.png');
}




/* Control navigation container (bullets or thumbs) */
.royalSlider .royalControlNavOverflow {
    width:100%;
    overflow:hidden;
    position:absolute;
    margin-top:-20px;
    z-index:25;
	
}
/* This container is inside ".royalControlNavContainer"  
   and is used for auto horizontal centering */
.royalSlider .royalControlNavCenterer { 
    float: left;
    position: relative;
    width: 96px;
    left: -50%;
    /*background: url('//cdnll.reallygoodstuff.com/images/art/hm_sl_control_background.png') no-repeat;*/
}
/* Control navigation container*/ 
.royalSlider .royalControlNavContainer {
    float: left;
    position: relative;
    left: 50%;  
}


/* Scrollable thumbnails containers */
.royalSlider .royalControlNavThumbsContainer {      
    left:0;
    position:relative;
}
.royalSlider .thumbsAndArrowsContainer {
    overflow:hidden;
    width: 100%;
    position: relative;
}
.royalSlider .royalControlNavOverflow.royalThumbs { 
    width: auto;
    position: relative;
    overflow: hidden;
    margin-top:4px; 
}






/* 

    Control navigation (bullets, thumbnails)
    
*/
.royalSlider .royalControlNavOverflow a {    
    
    background: url('http://cdnll.reallygoodstuff.com/images/art/hm_sl_control.png') no-repeat 4px 0;
    width:13px;
    height:12px;    
    margin-top: 5px;
    margin-left: 8px; 
    cursor:pointer; 
    position:relative;
    display: inline-block;
    text-indent: -9999px;   
}
/* Current control navigation item */
.royalSlider .royalControlNavOverflow a.current {   
    color: #f84a00;
    background-position: -9px 0;
}
/* Hover state navigation item */
.royalSlider .royalControlNavOverflow a:hover { 
   
}

/* Thumbnails */
.royalSlider .royalControlNavOverflow a.royalThumb{ 
    /*background: none no-repeat 0 0;*/
    /*background-color: ;*/
    width:144px;
    height:60px;    
    /* thumbnails spacing, use margin-right only */ 
    margin-right:4px;
    
}
.royalSlider .royalControlNavOverflow a.royalThumb.current {    
    background-position: -3px -3px  !important;
    border:3px solid #C00 !important;
    width:138px;
    height:54px;
}
.royalSlider .royalControlNavOverflow a.royalThumb:hover {  
    background-position: -3px -3px; 
    border:3px solid #00C;
    width:138px;
    height:54px;
}



/* 

    Thumbnails navigation arrows 
    
*/
.royalSlider .thumbsArrow { 
    width: 38px;
    height: 68px;   
    
    cursor: pointer;
    display: block;
    position: relative;     
    z-index: 25;
    
    background: #C99;
    
}
.royalSlider .thumbsArrow.left {    
    float: left;
}
.royalSlider .thumbsArrow.right {   
    float: right;
}
.royalSlider .thumbsArrow:hover  {
    
}
.royalSlider .thumbsArrow.disabled {
    
}



/* Captions container */
.royalSlider .royalCaption {
    z-index:20;
    display:block;
    position:absolute;  
    left:0;
    top:0;
    /*font: normal normal normal 1em/1.5em Georgia, serif;
    color:#FFF;     */
}
/* Caption item */
.royalSlider .royalCaptionItem {
    position:absolute;  
    left:0;
    top:0;
    margin: 0;
    padding: 0;
}



/* Loading (welcome) screen */
.royalSlider .royalLoadingScreen {
    background:#FFF;
    width:100%;
    height:100%;
    position:absolute;
    z-index:99; 
}
/* Loading screen text ("Loading...") */
.royalSlider .royalLoadingScreen p {        
    width:100%;
    position:absolute;  
    margin:0 auto;
    top: 45%;
    text-align:center;
}

/* single slide image preloader */
/*
.royalSlider .royalPreloader {  
    position:absolute;
    width:24px;
    height:24px;
    left:50%;
    top:50%;
    margin-left:-12px;
    margin-top:-12px;   
    z-index:0;  
    background-image:url(../img/preloader.gif);
}

*/




.royalSlider .grab-cursor{cursor:move;}
.royalSlider .grab-cursor{cursor:url("/images/art/grab.png") 8 8,-moz-grab;}
.royalSlider .grab-cursor{*cursor:url(/images/art/grab.cur);}
.royalSlider .grab-cursor{cursor:move\0/;} /* ie8 hack */

.royalSlider .grabbing-cursor{cursor:move;}
.royalSlider .grabbing-cursor{cursor:url("/images/art/grabbing.png") 8 8,-moz-grabbing;}
.royalSlider .grabbing-cursor{*cursor:url(/images/art/grabbing.cur);}


/* Cursor used if mouse dragging is disabled */
.royalSlider .auto-cursor{cursor:auto;}

.royalSlider .royalHtmlContent {
    position: absolute;
    top: 0;
    left: 0;
}
.royalSlider .non-draggable {
    cursor: auto;
}
.royalSlider .fade-container .royalSlide{
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 10;
}
.royalSlider .royalImage {
    max-width:none;
    margin:0;
    padding: 0 !important;
    border: 0 !important;   
}



/* Slider itself */
.royalSlider.default {  
    
}
/* Slider with thumbs (used to add padding based on thumbnails size)*/
.royalSlider.default.with-thumbs {
    padding-bottom: 68px;
}

/* 
    Left and right navigation arrows    
*/
.royalSlider.default .arrow
{   
    background: rgb(50, 50, 50);
    background: rgba(0, 0, 0, 0.5);
    background-image: url('//cdnll.reallygoodstuff.com/images/art/left_arrow.png');
    
    /* change arrows size here */
    width: 30px;
    height: 30px;
    margin-top:-15px;   
    
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;   
}
/* arrow position in slider with thumbs */
.royalSlider.default.with-thumbs .arrow {
    margin-top:-49px;
}
/* Arrow down state */
.royalSlider.default .arrow:active {    
    background-color: rgba(0,0,0,0.6);
}
/* Arrow hover state */
.royalSlider.default .arrow:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; 
}
/* Arrow disabled state */
.royalSlider.default .arrow.disabled {  
    background-color: rgba(0,0,0,0.5) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
    filter: alpha(opacity=20) !important;
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;   
}
/* left arrow */
.royalSlider.default .arrow.left {
    background-position: top left;
    left: 5px;  
}
/* right arrow */
.royalSlider.default .arrow.right {
    background-position: top right;
    right: 5px;
}





/* 
    Bullets and thumbnails navigation   
*/
.royalSlider.default .royalControlNavOverflow a {   
    background-color: transparent;
    background-image: url(/images/art/controls-sprite.png);
    background-position: 0 -164px;
    
    width:18px;
    height:18px;            
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
/* Current bullet */
.royalSlider.default .royalControlNavOverflow a.current {   
    /* background-position: 0 -182px !important; */
    background-position: -9px 0;
}
/* Bullet hover state */
.royalSlider.default .royalControlNavOverflow a:hover {     
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/* Bullets nav sub-container */
.royalSlider.default .royalControlNavCenterer { 
    padding:3px 5px;
    
    background: rgb(50, 50, 50);    
    background: rgba(0,0,0,0.5);
    
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
}
/* Bullets nav or thumbnails main container */
.royalSlider.default .royalControlNavOverflow {
    margin-top:-30px;
}
/* Thumbnails main container */
.royalSlider.default .royalControlNavOverflow.royalThumbs { 
    margin-top:4px; 
}

/* Thumbnails */
.royalSlider.default .royalControlNavOverflow a.royalThumb{ 
    background-color: transparent;  
    background-position: 0 0;
    
    width:60px;
    height:60px;    
    /* thumbnails spacing, use margin-right only */ 
    margin-right:4px;
        
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; 
}
/* Current thumbnail */
.royalSlider.default .royalControlNavOverflow a.royalThumb.current {    
    background-position: -3px -3px  !important;
    border:3px solid #666 !important;
    width:54px;
    height:54px;
}
/* Thumbnail hover state*/
.royalSlider.default .royalControlNavOverflow a.royalThumb:hover {  
    background-position: -3px -3px; 
    border: 3px solid #AAA;
    width: 54px;
    height: 54px;
}



/* 
    Thumbnails navigation arrows    
*/
.royalSlider.default .thumbsArrow {
    background:url(/images/art/controls-sprite.png) no-repeat 0 0;
    width: 28px;
    height: 68px;   
    
    
    -moz-opacity: 0.8;  
    opacity: 0.8;   
}
.royalSlider.default .thumbsArrow.left {
    background-position: -116px -132px;
    left: 0;    
}
.royalSlider.default .thumbsArrow.right {
    background-position: -156px -132px;
    right: 0
}
.royalSlider.default .thumbsArrow:hover  {  
    -moz-opacity: 1;    
    opacity: 1; 
}
.royalSlider.default .thumbsArrow.disabled {    
    -moz-opacity: 1;    
    opacity: 1; 
}
.royalSlider.default .thumbsArrow.left.disabled {   
    background-position: -36px -132px;
}
.royalSlider.default .thumbsArrow.right.disabled {  
    background-position: -76px -132px;
}




/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
 
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */



#featured { 
	width: 700px;
	height: 320px;
	/*background: white url('//cdnll.reallygoodstuff.com/images/art/loader.gif') no-repeat center center; */
	overflow: hidden; 
         
          }
#featured>img,  
#featured>div,
#featured>a { display: none; }





/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; 
	visibility: hidden; 
	}

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background-image: url('//cdnll.reallygoodstuff.com/images/art/rotator-black.png') no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url('//cdnll.reallygoodstuff.com/images/art/timer-black.png') repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('//cdnll.reallygoodstuff.com/images/art/pause-black.png') no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url('//cdnll.reallygoodstuff.com/images/art/pause-black.png') no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    
	opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }


div.slider-nav span {
    width: 24px;
    height: 36px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -27px;
    cursor: pointer; 
	
	}


div.slider-nav span.right {
    background: url('//cdnll.reallygoodstuff.com/images/art/right_arrow.png');
    margin-right: 1px;
	right: 0; 

   }

div.slider-nav span.left {
    background: url('//cdnll.reallygoodstuff.com/images/art/left_arrow.png');
    margin-left: 1px;
	left: 0; 
   
}


/* BULLET NAV - Change bottom here to make bullets move upward
   ================================================== */


.orbit-bullets {
    position: absolute;
    z-index: 5;
    list-style: none;
    background: url('//cdnll.reallygoodstuff.com/images/art/hm_sl_control_background.png') no-repeat;
    bottom: 1px;
    left: 50%;
	margin-left: -40px;
    padding: 0; 
	width: 96px;
	height: 18px;}

.orbit-bullets li {
	margin-top: 4px;
    float: left;
    margin-left: 8px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url('//cdnll.reallygoodstuff.com/images/art/hm_sl_control.png') no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -9px 0; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }
	
	
.orbit-wrapper .slider-nav span 
{ 
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
   opacity: 0; 
   -webkit-transition: 
   opacity 400ms; 
   -moz-transition: 
   opacity 400ms; 
   -o-transition:
    opacity 400ms; 
	transition: opacity 400ms; 
}

.orbit-wrapper:hover .slider-nav span 
{ 
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
  opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}