 /*  
 RoyalSlider RAYBAN Home Page Full 1600px x 1000px
 */
 
.royalSlider {  
   position: absolute;
    /* set width and height of slider here, in px, % or em*/
    width:100%;
    height:1000px;
    /* Used to prevent content "jumping" on page load. this property is removed when javascript is loaded and slider is instanciated */
    overflow:hidden;
    margin:0;
	left:0;
}

.royalSlider a {color:#fff}

/**
*  Slides area (set background here)
*/

.royalSlider .royalWrapper {
    overflow:hidden;    
    position:relative;
    width:100%; 
    height:100%;
}
.royalSlider .royalSlide,
.royalSlider .royalWrapper {
    /*Bakground behind slides*/
    background: #000; 
    /* background: -moz-linear-gradient(top, #111111 0%, #242424 100%);    
    background: -webkit-linear-gradient(top, #111111 0%,#242424 100%); 
    background: -o-linear-gradient(top, #111111 0%,#242424 100%);
    background: -ms-linear-gradient(top, #111111 0%,#242424 100%);  
    background: linear-gradient(top, #111111 0%,#242424 100%);*/
}
/* 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
{   
    /*background:url(../img/controlsSprite.png) no-repeat 0 0;*/
    background-color: #C00;
    background-repeat: no-repeat;
    background-position: 0 0;

    /* change arrows size here */
    width: 45px;
    height: 90px;
    
    /*top:50%;*/
    top:50%;
    margin-top:-45px;   
    
    cursor: pointer;
    display: block;
    position: absolute;     
    
    z-index:4;
    
}
.royalSlider .arrow:hover {
    
}
.royalSlider .arrow.disabled {
    
}
/* left arrow */
.royalSlider .arrow.left {
    background-position: top left;
    left: 0;    
}
/* right arrow */
.royalSlider .arrow.right {
    background-position: top right;
    right: 0;
}




/* Control navigation container (bullets or thumbs) */
.royalSlider .royalControlNavOverflow {
	overflow: hidden;
	position: relative;
	z-index: 2;
	/*top: -52%;*/
	top:-60%;
	width: 960px;
	height: 30px;
	margin: 0 auto;
}
/* This container is inside ".royalControlNavContainer"  
   and is used for auto horizontal centering */
.royalSlider .royalControlNavCenterer {     
    position: relative;   
}
/* Control navigation container*/ 
.royalSlider .royalControlNavContainer {
    
    position: absolute;
	width:auto;
	margin:0;
	right:0;
	display:block;
	/*z-index:7;*/
}


/* 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:#0C0 none no-repeat scroll 0 0;
    width:20px;
    height:20px;    
    float:left; 
    cursor:pointer;
    font-family:TradeGothic;
    font-size:13px;
    position:relative;
    display:block;
    text-indent:-99999px;   
}
/* Current control navigation item */
.royalSlider .royalControlNavOverflow a.current {   
    background-color: #C00;
    text-indent:7px;
    line-height:1.3;
}
/* Hover state navigation item */
.royalSlider .royalControlNavOverflow a:hover { 
    background-color: #00C;
}

/* Thumbnails */
.royalSlider .royalControlNavOverflow a.royalThumb{     
    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: 4;
    
    background: #C99;
    
}
.royalSlider .thumbsArrow.left {    
    float: left;
}
.royalSlider .thumbsArrow.right {   
    float: right;
}
.royalSlider .thumbsArrow:hover  {
    
}
.royalSlider .thumbsArrow.disabled {
    
}

/* Captions container */
.royalSlider .royalCaption {
    z-index:2;
    display:block;
    /*position:absolute;*/
    position:relative;   
    font-size:13px;
    /*left:645px;*/
    /*top:0;*/
    /*right:10px;*/
    /*left:20;*/
	/*top:40%;*/
	top:80%;
	margin-left:20px;
    /*bottom:10px;*/
    /**text-align:right;*/
 
}
/* Caption item */
.royalSlider .royalCaptionItem 
{
    font-family: "TradeGothic";
    letter-spacing:0.5px;
    font-size:13px;
    /*position:absolute;  
    left:0;
    top:0;*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*opacity: 0.80 !important;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

/* .title
{
    color:#D70000;
    text-transform:uppercase;
    opacity:1 !important;
    position:relative !important;
}
.subTitle
{
    color:#FFF;
    text-transform:lowercase;
    opacity:1 !important;
    font-family:Arial;
    position:relative !important;
}*/

/* Loading (welcome) screen */
.royalSlider .royalLoadingScreen {
    background:#FFF;
    width:100%;
    height:100%;
    position:absolute;
    z-index:5; 
}
/* 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/cursors/grab.png") 8 8,-moz-grab;}
.royalSlider .grab-cursor{*cursor:url(../images/cursors/grab.cur);}*/
.royalSlider .grab-cursor{cursor:move\0/;} /* ie8 hack */

.royalSlider .grabbing-cursor{cursor:move;}
/*.royalSlider .grabbing-cursor{cursor:url("../images/cursors/grabbing.png") 8 8,-moz-grabbing;}
.royalSlider .grabbing-cursor{*cursor:url(../images/cursors/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: 1;
}
.royalSlider .royalImage {
    max-width:none;
    margin:0;
    padding: 0 !important;
    border: 0 !important;   
}

.second
{
    text-align: left !important;
    background: #000;
    border: none;
    padding: 0 20px 0 12px !important;
    display: block;
    position: absolute;
    left: 0;
    top: 62px;
    font-family: Arial,sans-serif !important;
}