/** 
 *  sliderkit-demos.css
 *	> CSS code for demos
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2012 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*
 *  PHOTOS SLIDERS
 *  ------------------------------------------------
 */


/*---------------------------------
 *  Photos slider > With nav bullets
 *---------------------------------*/
.photoslider-bullets{width:500px;height:335px;}

/* Nav */
.photoslider-bullets .sliderkit-nav{position:absolute;top:10px;right:10px;}
.photoslider-bullets .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;}
.photoslider-bullets .sliderkit-nav-clip ul li a{width:13px;height:13px;background:transparent url("../images/bullet-off.png") no-repeat 0 0;}
.photoslider-bullets .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("../images/bullet-on.png") no-repeat 0 0;}

/*---------------------------------
 *  Photos slider > 1 click
 *---------------------------------*/
.photoslider-1click{width:500px;height:335px;}

/* Nav */
.photoslider-1click .sliderkit-nav{position:absolute;bottom:10px;right:10px;}
.photoslider-1click .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;}
.photoslider-1click .sliderkit-nav-clip ul li a{display:block;padding:2px 6px;color:#fff;background:#000}
.photoslider-1click .sliderkit-nav-clip ul li.sliderkit-selected a{color:#000;background:#fff;}
.photoslider-1click .sliderkit-nav-clip ul a:hover{color:#fff;background:#00668d;}

/*---------------------------------
 *  Photos slider > Vertical
 *---------------------------------*/


/*
 *  PHOTOS SLIDERS #2
 *  ------------------------------------------------
 */
 

/*
 *  CONTENT SLIDERS
 *  ------------------------------------------------
 */
/*
 *  PHOTOS GALLERIES
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Photos gallery > Standard
 *---------------------------------*/
.photosgallery-std{width:500px;height:335px;padding:0 0 76px;}

/* Navbar */
.photosgallery-std .sliderkit-nav{top:160px;left:0;bottom:0;width:429px;height:69px;padding:10px;background:#FFF;}
.photosgallery-std .sliderkit-nav-clip ul li{float:left;margin:0;}
.photosgallery-std .sliderkit-nav-clip ul li a{display:block;width:75px;height:69px;overflow:hidden;margin:0;padding:3px;}
.photosgallery-std .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #fff;}

/* Buttons */
.photosgallery-std .sliderkit-btn{position:absolute;top:0;}
.photosgallery-std .sliderkit-btn span{display:none;}
.photosgallery-std .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;}
.photosgallery-std .sliderkit-btn-disable a:hover{cursor:default;}

/* Navbar buttons */
/*.photosgallery-std .sliderkit-nav .sliderkit-btn a{display:block;width:15px;height:76px;background:transparent url("../images/arrows-h.png") no-repeat center 0;}*/
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev{left:20px;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-next{right:20px;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:hover,
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-next a:hover,
.photosgallery-std .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}
 
/* Panels buttons */
.photosgallery-std .sliderkit-go-btn{position:absolute;top:0;z-index:10;width:32px;height:35px;}
.photosgallery-std .sliderkit-go-prev{left:35px;margin-top:0;}
.photosgallery-std .sliderkit-go-next{right:80px;margin-top:0;}
.photosgallery-std .sliderkit-go-btn a{display:block;width:30px;height:130px;opacity:0.6;cursor:pointer;background-color:#fff;background-repeat:no-repeat;background-position:center center;}
.photosgallery-std .sliderkit-go-prev a{background-image:url(../../../../image/images/gall_left_arrow_82.jpg);}
.photosgallery-std .sliderkit-go-next a{background-image:url(../../../../image/images/gall_right_arrow_82.jpg);}
.photosgallery-std .sliderkit-btn-disable a{opacity:0/*can be set to any value until 1*/;cursor:default;}
.photosgallery-std .sliderkit-go-btn span{display:none;}

/* Panel */
.photosgallery-std .sliderkit-panel{top:9px;left:0;width:500px;height:335px;margin-left:90px;}

/*---------------------------------
 *  Photos gallery > With captions
 *---------------------------------*/


/*
 *  SLIDESHOW
 *  ------------------------------------------------
 */
 
/*---------------------------------
 *  Slideshow > Basic
 *---------------------------------*/
.slideshow-standard{width:500px;height:335px;}

/* Navbar */
.slideshow-standard .sliderkit-nav{left:0;bottom:0;width:295px;padding:10px 0 10px 205px;background:#000;}
.slideshow-standard .sliderkit-nav-clip ul li{float:left;margin:0;}
.slideshow-standard .sliderkit-nav-clip ul li a{display:block;width:75px;height:50px;overflow:hidden;margin:0;padding:3px;}
.slideshow-standard .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #fff;}

/* Buttons */
.slideshow-standard .sliderkit-btn a{position:relative;float:left;display:block;width:20px;height:23px;margin:0 5px;background:transparent url("../images/slideshow-btns.gif") no-repeat 0 0;}
.slideshow-standard .sliderkit-btn span{display:none;}

/* Play button */
.slideshow-standard .sliderkit-play-btn a{background-position:-50px 0;}
.slideshow-standard .sliderkit-play-btn a:hover,
.slideshow-standard .sliderkit-play-btn a:focus{background-position:-50px -23px;}
.slideshow-standard .sliderkit-pause-btn a{background-position:-75px 0;}
.slideshow-standard .sliderkit-pause-btn a:hover,
.slideshow-standard .sliderkit-pause-btn a:focus{background-position:-75px -23px;}

/* Go buttons */
.slideshow-standard .sliderkit-go-prev a{background-position:-25px 0;}
.slideshow-standard .sliderkit-go-next a{background-position:0 0;}
.slideshow-standard .sliderkit-go-prev a:hover,
.slideshow-standard .sliderkit-go-prev a:focus{background-position:-25px -23px;}
.slideshow-standard .sliderkit-go-next a:hover,
.slideshow-standard .sliderkit-go-next a:focus{background-position:0 -23px;}

/* Panel */
.slideshow-standard .sliderkit-panel{top:0;left:0;width:500px;height:335px;}

/*---------------------------------
 *  Slideshow > + Carousel
 *---------------------------------*/
.slideshow-carousel{width:500px;height:335px;padding:0 0 40px;}

/* Navbar */
.slideshow-carousel .sliderkit-nav{left:0;bottom:40px;width:480px;padding:10px;}
.slideshow-carousel .sliderkit-nav-clip ul li{float:left;margin:0;}
.slideshow-carousel .sliderkit-nav-clip ul li a{display:block;width:75px;height:50px;overflow:hidden;margin:0;padding:3px;}
.slideshow-carousel .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #fff;}

/* Controls */
.slideshow-carousel .sliderkit-controls{position:absolute;bottom:0;left:0;width:295px;padding:10px 0 10px 205px;background:#000;}

/* Go buttons */
.slideshow-carousel .sliderkit-go-btn a,
.slideshow-carousel .sliderkit-play-btn a{position:relative;float:left;display:block;width:20px;height:23px;margin:0 5px;background:transparent url("../images/slideshow-btns.gif") no-repeat 0 0;}
.slideshow-carousel .sliderkit-btn span,
.slideshow-carousel .sliderkit-play-btn span{display:none;}
.slideshow-carousel .sliderkit-play-btn a{background-position:-50px 0;}
.slideshow-carousel .sliderkit-play-btn a:hover,
.slideshow-carousel .sliderkit-play-btn a:focus{background-position:-50px -23px;}
.slideshow-carousel .sliderkit-pause-btn a{background-position:-75px 0;}
.slideshow-carousel .sliderkit-pause-btn a:hover,
.slideshow-carousel .sliderkit-pause-btn a:focus{background-position:-75px -23px;}

.slideshow-carousel .sliderkit-go-prev a{background-position:-25px 0;}
.slideshow-carousel .sliderkit-go-next a{background-position:0 0;}
.slideshow-carousel .sliderkit-go-prev a:hover,
.slideshow-carousel .sliderkit-go-prev a:focus{background-position:-25px -23px;}
.slideshow-carousel .sliderkit-go-next a:hover,
.slideshow-carousel .sliderkit-go-next a:focus{background-position:0 -23px;}

/* Panel */
.slideshow-carousel .sliderkit-panel{top:0;left:0;width:500px;height:335px;}


/*
 *  TABS
 *  ------------------------------------------------
 */


/*
 *  ADD-ONS
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Add-on > Counter
 *---------------------------------*/

/* Example 01 */
.counter-demo1 .sliderkit-panel .sliderkit-panel-textbox{bottom:0;left:0;width:500px;height:70px;}
.counter-demo1 .sliderkit-panel .sliderkit-panel-text{height:50px;padding:10px 15px;font-size:0.9em;color:#fff;}
.counter-demo1 .sliderkit-panel .sliderkit-panel-text h4{height:auto;margin:0 0 7px;line-height:1.1em;font-size:1.1em;font-weight:bold;border:none;}
.counter-demo1 .sliderkit-panel .sliderkit-panel-overlay{width:500px;height:70px;background:#000;opacity:0.6;}

/* Example 02 */
.counter-demo2{height:120px;}
.counter-demo2 .sliderkit-count-lines{position:relative;text-align:center;color:#000;background:none;}
.counter-demo2 .sliderkit-count-current{font-weight:bold;}

/*---------------------------------
 *  Add-on > DelayCaption
 *---------------------------------*/

/* Example 01 */
.delaycaptions-02 .sliderkit-panel .sliderkit-panel-textbox{bottom:0;}

/* Example 02 */
.delaycaptions-02 .sliderkit-panel .sliderkit-panel-textbox{width:150px;height:335px;}
.delaycaptions-02 .sliderkit-panel .sliderkit-panel-text{width:120px;height:315px;}
.delaycaptions-02 .sliderkit-panel .sliderkit-panel-overlay{width:150px;height:335px;}

/*---------------------------------
 *  Add-on > Timer
 *---------------------------------*/

/* Example 01 */
.timer-demo01{height:335px;padding:0;}
.timer-demo01 .sliderkit-timer-wrapper{position:absolute;z-index:10;/*top:323px;*/bottom:0;width:500px;height:8px;opacity:0.8;/*background:#0f5f7e;*/}
.timer-demo01 .sliderkit-timer{top:0;height:8px;background:#0089BE url("../images/timer-img01.gif") repeat-x 0 center;}

/*---------------------------------
 *  Add-on > ImageFx
 *---------------------------------*/

/* Example 01 */
.transition-demo01{padding:0 36px 5px;}

.transition-demo01 .sliderkit-go-btn{top:45%;width:30px;height:30px;}
.transition-demo01 .sliderkit-go-btn a{width:30px;height:30px;background:#fff url("../images/h-arrows-round.gif") no-repeat 0 0;}
.transition-demo01 .sliderkit-go-prev{left:0px;}
.transition-demo01 .sliderkit-go-prev a{background-position:0 0;}
.transition-demo01 .sliderkit-go-prev a:hover{background-position:-60px 0;}
.transition-demo01 .sliderkit-go-next{right:0px;}
.transition-demo01 .sliderkit-go-next a{background-position:-30px 0;}
.transition-demo01 .sliderkit-go-next a:hover{background-position:-90px 0;}
.transition-demo01 .sliderkit-btn-disable{display:none;opacity:0/*can be set to any value until 1*/;cursor:default;}
.transition-demo01 .sliderkit-btn-disable a:hover{cursor:default;}

/* Example 02 */
.transition-demo01 .sliderkit-timer-wrapper{position:absolute;bottom:0;width:500px;height:5px;background:#000;}
.transition-demo01 .sliderkit-timer{top:0;height:5px;background:#0089BE url("../images/timer-img01.gif") repeat-x 0 center;}

/* Example 02 > Buttons > Go buttons */
.transition-demo02 .sliderkit-nav-btn{width:15px;}
.transition-demo02 .sliderkit-nav .sliderkit-nav-prev{left:15px;}
.transition-demo02 .sliderkit-nav .sliderkit-nav-next{right:15px;}
.transition-demo02 .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;}
.transition-demo02 .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;}
.transition-demo02 .sliderkit-nav .sliderkit-nav-prev a:hover,
.transition-demo02 .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.transition-demo02 .sliderkit-nav .sliderkit-nav-next a:hover,
.transition-demo02 .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}

/* Example 02 > Buttons > Go buttons */
.transition-demo02 .sliderkit-go-btn{width:10px;}
.transition-demo02 .sliderkit-nav .sliderkit-go-prev{left:40px;}
.transition-demo02 .sliderkit-nav .sliderkit-go-next{right:40px;}
.transition-demo02 .sliderkit-nav .sliderkit-go-prev a{background-position:0 center;}
.transition-demo02 .sliderkit-nav .sliderkit-go-next a{background-position:-20px center;}
.transition-demo02 .sliderkit-nav .sliderkit-go-prev a:hover,
.transition-demo02 .sliderkit-nav .sliderkit-go-prev a:focus{background-position:-40px center;}
.transition-demo02 .sliderkit-nav .sliderkit-go-next a:hover,
.transition-demo02 .sliderkit-nav .sliderkit-go-next a:focus{background-position:-60px center;}