/** 
 *  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/>
 *
 */

/*
 *  CAROUSEL
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Carousel > Demo #1
 *---------------------------------*/
.carousel-demo1{width:1000px;height:50px;padding:0 30px;}

/* Navbar */
.carousel-demo1 .sliderkit-nav{left:0px;top:0px;width:1000px;height:50px;padding:0px;background:#fff;}
.carousel-demo1 .sliderkit-nav-clip {left:30px;float:left;}
.carousel-demo1 .sliderkit-nav-clip ul li{float:left; margin:0px 3px 0px 0px;width:180px; }
.carousel-demo1 .sliderkit-nav-clip ul li a{display:inline;height:50px;overflow:hidden;margin:0;opacity:1;}
.carousel-demo1 .sliderkit-nav-clip ul li a:hover{opacity:1;}

/* Buttons */
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:8px;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn a{display:block;width:25px;height:27px;cursor:pointer;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev{left:0px;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next{right:0px;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev a{background:transparent url("../../../images/main/bnn_prev.gif") no-repeat center 0; background-position: 0 0;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next a{background:transparent url("../../../images/main/bnn_next.gif") no-repeat center 0; background-position: 0 0; }
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev a:hover,
/*.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next a:hover,
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}
*/

/* Buttons > Disable */
.carousel-demo1 .sliderkit-btn-disable{opacity:0.6/*can be set to any value until 1*/;cursor:default;}


/*---------------------------------
 *  Carousel > Demo #2
 *---------------------------------*/
.carousel-demo2{width:100% !important; height:150px;}

/* Navbar */
.carousel-demo2 .sliderkit-nav{left:0;top:0px;width:100% !important;height:150px;padding:0px;background:#fff;}
.carousel-demo2 .sliderkit-nav-clip {right:0px;float:left; width:100% !important;}
.carousel-demo2 .sliderkit-nav-clip ul li{float:left;margin:0px 30px 0px 0px;}
.carousel-demo2 .sliderkit-nav-clip ul li a{display:line;height:150px;overflow:hidden;margin:0;opacity:1;}
.carousel-demo2 .sliderkit-nav-clip ul li a:hover{opacity:1;}

/* Buttons */
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:8px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn a{display:block;width:25px;height:27px;cursor:pointer;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev{right:50px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next{right:20px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a{background:transparent url("../../../images/item_left.jpg") no-repeat center 0; background-position: 0 0;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a{background:transparent url("../../../images/item_right.jpg") no-repeat center 0; background-position: 0 0; }
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:hover,
/*.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:hover,
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}
*/

/* Buttons > Disable */
.carousel-demo2 .sliderkit-btn-disable{opacity:0.6/*can be set to any value until 1*/;cursor:default;}




/*
 *  EXTERNAL CONTROLS
 *  ------------------------------------------------
 */
#content .sliderkit-pagination ul{display:inline;margin:0 0 10px;list-style:none;}
#content .sliderkit-pagination ul li{display:inline;}
#content .sliderkit-pagination ul li.selected a{color:#fff;background:#000;}
#content .sliderkit-pagination ul li a{padding:5px;}
#content .sliderkit-pagination ul li a:hover{color:#fff;background:#006a91;}


/*
 *  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;}

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

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

/* Nav */
.photoslider-1click .sliderkit-nav{position:absolute;bottom:10px;right:10px;}
.photoslider-1click .sliderkit-nav-clip ul li{float:left;margin:0 3px 0 0;line-height:22px;font-size:11px;font-family:tahoma;}
.photoslider-1click .sliderkit-nav-clip ul li a{display:block;padding:2px 6px;color:#fff;background:#444;border-radius:2px;}
.photoslider-1click .sliderkit-nav-clip ul li.sliderkit-selected a{color:#444;background:#dddddd;}
.photoslider-1click .sliderkit-nav-clip ul a:hover{color:#fff;background:#00668d;}