/* -------------- FADER ------------------------------- */

.jflow-content-slider {float:left; width:615px; height:350px; position:relative; overflow:hidden;}
.jflow-content-slider #jFlowSlide {width:615px; height:289px; text-align:left;}

/* controls */
.jflow-content-slider #myController {padding:0;}
.jflow-content-slider .jFlowPrev {position:absolute; top:310px; left:0; z-index:100;}
.jflow-content-slider .jFlowNext {position:absolute; top:310px; right:0; z-index:100;}
.jflow-content-slider .jFlowControl, .jFlowPrev, .jFlowNext {cursor:pointer;}
.jflow-content-slider .jFlowControl {font-weight:bold; display:block; color:White; float:left; width:170px; height:34px; line-height:34px; margin-right:3px; background:url(/images/interface/Slider/WhiteCircleOff.png);}
.jflow-content-slider #myController span.jFlowSelected {width:170px; height:41px; line-height:41px; color:Black; text-align:center; background:url(/images/interface/Slider/WhiteCircleOn.png);}
.jflow-content-slider .Controls {position:absolute; top:253px; left:41px; z-index:9999;}
.jflow-content-slider .BookNowButton {position:absolute; top:230px; left:440px; margin:0; padding:0;  z-index:100;}


.jflow-content-slider .Numbers {position:absolute; top:300px; left:50px; width:200px; height:50px;}
.jflow-content-slider #myController span.jFlowSelected .ControlTitle, 
    .jflow-content-slider .jFlowControl .ControlTitle {position:absolute; top:4px; right:8px; display:block; font-size:1.1em; padding:0; color:#000;} 


.jflow-content-slider .CTA, #Tapestry .BookNowButton {position:absolute; bottom:10px; right:10px; padding:0; z-index:999;}
.jflow-content-slider .CTA button, .jflow-content-slider .CTA input[type=submit], 
    #Tapestry .BookNowButton {background:transparent url(/images/interface/RoyalandDerngate/Largebuttonbg.png) top left no-repeat; 
                              font-size:12px; height:22px; line-height:22px; padding:0 7px 3px 14px; margin:0 0 0 -2px; font-family:Arial; cursor:pointer;}

#slideshow .Text {width:600px;}
#slideshow .productionItem {width:595px; height:289px;}
#slideshow .productionItem .cover  {position:absolute; left:0px; background:#000; width:595px; opacity:0.65; padding:10px; 
                                    /* For IE 5-7 */  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);  
                                    /* For IE 8 */  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; z-index:9;}
.jflow-content-slider .blacktxt a, .jflow-content-slider .blacktxt {color:#fff;}
.jflow-content-slider p {color:#fff;}


#slideshow .SharePanelbtn {background:transparent url(/images/interface/RoyalandDerngate/Largebuttonbg.png); height:22px; line-height:22px; padding:0 7px 0px 14px; cursor:pointer;}

#slideshow .SharePanelbtn a, #slideshow .SharePanelbtn a:hover {text-decoration:none; font-weight:bold; font-size:12px; font-family:Arial; height:22px; line-height:22px; cursor:pointer;}
    #slideshow .SharePanelContent {position:absolute; bottom:53px; left:-37px; max-width:220px; border:2px solid #fff; display:none; background:#000; padding:10px; color:#fff; z-index:999; border-radius:6px;}
    #slideshow .ShareArrow {position:absolute; bottom:-27px; left:40px;}