/** 
 *  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 #2
 *---------------------------------*/
.carousel-demo2{width:1176px;height:84px; margin:10px auto 20px;}

/* Navbar */
.carousel-demo2 .sliderkit-nav{left:0;bottom:0;width:1156px;height:67px;padding:10px;}
.carousel-demo2 .sliderkit-nav-clip ul li{float:left;margin:0 11px 0 0; border:1px solid #9f9f9f;}
.carousel-demo2 .sliderkit-nav-clip ul li a{display:block;width:198px;height:67px;overflow:hidden;margin:0;opacity:0.8;}
.carousel-demo2 .sliderkit-nav-clip ul li a:hover{opacity:1;}

/* Navbar buttons */
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:0;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn a{display:block;width:14px;height:24px;background:transparent url("../img/arrows-h.png") no-repeat;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev{left:20px; top:50%; margin-top:-7px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next{right:20px; top:50%; margin-top:-7px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a{background-position:0 0;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a{background-position:-14px 0;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:hover,
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:0 -24px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:hover,
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-14px -24px;}

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