/** 
 *  sliderkit-core.css
 *	> Core CSS styles
 *  
 *  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/>
 *
 */

/*
 *  PLUGIN BASICS
 *  ------------------------------------------------
 */
/* This code can be reduced and pasted in any other CSS file :

Here is a compact version :
-------------------------------
*/
.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;}
.sliderkit img{border:0;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}


/*---------------------------------
 *  Carousel > Demo #1
 *---------------------------------*/
.carousel-demo1{width:580px;height:25px; margin-left:10px;}

/* Navbar */
.carousel-demo1 .sliderkit-nav{left:0;bottom:0;width:560px;height:25px;background:none; display:block; margin-left:20px;}
.carousel-demo1 .sliderkit-nav-clip ul li{float:left;margin:0 0 0 0; text-align:center;overflow:visible; }
.carousel-demo1 .sliderkit-nav-clip ul li a{min-width:170px;height:20px;line-height:20px;}
.carousel-demo1 .sliderkit-nav-clip ul li a:hover{color:#333;}

/* Buttons */
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:0; margin-left:-20px;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn a{display:block; width:22px; height:22px;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev{}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next{right:0px;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev a{background:url(../../img/setab_left.png); background-repeat:no-repeat;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next a{background:url(../../img/setab_right.png); background-repeat:no-repeat;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev a:hover,
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev a:focus{}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next a:hover,
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next a:focus{}

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

/*---------------------------------
 *  Carousel > Demo #2
 *---------------------------------*/
.carousel-demo2{width:660px;height:120px; margin-left::0px;}

/* Navbar */
.carousel-demo2 .sliderkit-nav{left:10px;bottom:0;width:660px;height:120px; display:block;}
.carousel-demo2 .sliderkit-nav-clip ul li{width:100px; float:left; margin:0 0 0 0; text-align:left; margin-left:25px;}
.carousel-demo2 .sliderkit-nav-clip ul li a{}
.carousel-demo2 .sliderkit-nav-clip ul li a:hover{color:#333;}

/* Buttons */
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:35px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn a{display:block; width:22px; height:22px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev{margin-left: 0px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next{left:620px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a{background:url(../../img/setab_left.png); background-repeat:no-repeat;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a{background:url(../../img/setab_right.png); background-repeat:no-repeat;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:hover,
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:focus{}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:hover,
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:focus{}

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