/*  
 *  sliderkit-demos.css
 *	> CSS code for demos
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2011 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:984px;
	height:140px;
	padding:14px 0 5px 30px; 
	

}

/* Navbar */
.carousel-demo2 .sliderkit-nav{
	
	width:984px;
	margin-left:15px;
	margin-top:13px;

}
.carousel-demo2 .sliderkit-nav-clip ul li{float:left;margin:0 20px 0 0;}
.carousel-demo2 .sliderkit-nav-clip ul li a{display:block; width:147px; height:99px;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:10px; z-index:9999;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn a{display:block; width:28px; height:80px; margin-top:15px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev{ background:url(../images/l.png) top center no-repeat; background-position:8px 30px;
	left:-44px;
}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next{right:55px; background:url(../images/r.png) top center no-repeat; background-position:0px 30px; top:10px;}
.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-nav .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;}

/*---------------------------------
 *  Carousel > Demo #3
 *---------------------------------*/
#carousel-demo3{width:300px;height:84px;}
#carousel-demo3 .sliderkit-nav{width:280px;}

/*---------------------------------
 *  Carousel > Continuous
 *---------------------------------*/
.carousel-continuous{width:570px;height:84px;}

/* Navbar */
.carousel-continuous .sliderkit-nav{left:0;bottom:0;width:550px;height:64px;padding:10px;background:#ccc;}
.carousel-continuous .sliderkit-nav-clip ul li{float:left;margin:0 5px 0 0;}
.carousel-continuous .sliderkit-nav-clip ul li a{display:block;width:96px;height:64px;overflow:hidden;margin:0;opacity:0.8;}
.carousel-continuous .sliderkit-nav-clip ul li a:hover{opacity:1;}

/* Navbar buttons */
.carousel-continuous .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:0;}
.carousel-continuous .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-continuous .sliderkit-nav .sliderkit-nav-btn a{display:block;width:15px;height:84px;background:transparent url("../images/arrows-h.png") no-repeat center 0;}
.carousel-continuous .sliderkit-nav .sliderkit-nav-prev{left:10px;}
.carousel-continuous .sliderkit-nav .sliderkit-nav-next{right:10px;}
.carousel-continuous .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;}
.carousel-continuous .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;}
.carousel-continuous .sliderkit-nav .sliderkit-nav-prev a:hover,
.carousel-continuous .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.carousel-continuous .sliderkit-nav .sliderkit-nav-next a:hover,
.carousel-continuous .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}

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

/*---------------------------------
 *  Carousel > Demo #5
 *---------------------------------*/
#carousel-demo5{width:700px;height:180px;margin:20px 0 0;}

/* Navbar */
#carousel-demo5 .sliderkit-nav{left:0;bottom:0;width:700px;height:180px;padding:0;background:none;}
#carousel-demo5 .sliderkit-nav-clip ul li{float:left;width:130px;margin:0 60px 0 0;text-align:left;}
#carousel-demo5 .sliderkit-nav-clip ul li > a{display:block;width:130px;height:87px;overflow:hidden;margin:0;opacity:0.8;border:1px solid #eee;}
#carousel-demo5 .sliderkit-nav-clip ul li > a:hover{opacity:1;}
#carousel-demo5 .sliderkit-nav-clip ul li h3{margin:5px 0;font-size:1em;}
#carousel-demo5 .sliderkit-nav-clip ul li p{font-size:0.9em;}
#carousel-demo5 .sliderkit-nav-clip ul li .rlt-link-readmore:hover{text-decoration:underline;}

/* Buttons */
#carousel-demo5 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:74px;}
#carousel-demo5 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
#carousel-demo5 .sliderkit-nav .sliderkit-nav-btn a{display:block;width:26px;height:31px;background:transparent url("../images/arrows-h-btn.gif") no-repeat 0 0;}
#carousel-demo5 .sliderkit-nav .sliderkit-nav-prev{left:20px;}
#carousel-demo5 .sliderkit-nav .sliderkit-nav-next{right:20px;}
#carousel-demo5 .sliderkit-nav .sliderkit-nav-prev a{background-position:0 0;}
#carousel-demo5 .sliderkit-nav .sliderkit-nav-next a{background-position:0 -31px;}
#carousel-demo5 .sliderkit-nav .sliderkit-nav-prev a:hover,
#carousel-demo5 .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-26px 0;}
#carousel-demo5 .sliderkit-nav .sliderkit-nav-next a:hover,
#carousel-demo5 .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-26px -31px;}
#carousel-demo5 .sliderkit-nav .sliderkit-btn-disable a{cursor:default;}
#carousel-demo5 .sliderkit-nav .sliderkit-nav-prev.sliderkit-btn-disable a{background-position:-52px 0;}
#carousel-demo5 .sliderkit-nav .sliderkit-nav-next.sliderkit-btn-disable a{background-position:-52px -31px;}


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

/*---------------------------------
 *	Tabs > Standard
 *---------------------------------*/	
.tabs-standard{width:550px;height:185px;}

/* Nav */
.tabs-standard .sliderkit-nav{position:relative;width:550px;height:22px;text-align:left;}
.tabs-standard .sliderkit-nav-clip{margin:0;}
.tabs-standard .sliderkit-nav-clip li{height:22px;padding:0 0 0 5px;margin:0 2px 0 0;}
.tabs-standard .sliderkit-nav-clip li,
.tabs-standard .sliderkit-nav-clip li a{float:left;background:transparent url("../images/tabs-menu.gif") no-repeat 0 0;}
.tabs-standard .sliderkit-nav-clip li a{height:18px;margin:0;padding:4px 10px 0;color:#fff;text-decoration:none;background-position:right -22px;}
.tabs-standard .sliderkit-nav-clip li.sliderkit-selected{background-position:0 -44px;}
.tabs-standard .sliderkit-nav-clip li.sliderkit-selected a{color:#000;background-position:right -66px;}

/* Panel */
.tabs-standard .sliderkit-panels{width:528px;height:140px;overflow:hidden;padding:10px;border:1px solid #a3a3a3;background:#fff;}
.tabs-standard .sliderkit-panel{width:528px;height:140px;background:#fff;}

/* News block */
.tabs-standard .sliderkit-news h3,
.tabs-standard .sliderkit-news h3 a{color:#000;font-weight:bold;}
.tabs-standard .sliderkit-news h3{font-size:1.2em;margin:0 0 15px;}
.tabs-standard .sliderkit-news img{float:right;width:130px;height:auto;margin:0 0 0 10px;overflow:hidden;}
.tabs-standard .sliderkit-news p{margin:0;}

/*---------------------------------
 *	Tabs > No height
 *---------------------------------*/	
.tabs-noheight{width:550px;}

/* Nav */
.tabs-noheight .sliderkit-nav{position:relative;width:550px;height:22px;text-align:left;}
.tabs-noheight .sliderkit-nav-clip{margin:0;}
.tabs-noheight .sliderkit-nav-clip li{height:22px;padding:0 0 0 5px;margin:0 2px 0 0;}
.tabs-noheight .sliderkit-nav-clip li,
.tabs-noheight .sliderkit-nav-clip li a{float:left;background:transparent url("../images/tabs-menu.gif") no-repeat 0 0;}
.tabs-noheight .sliderkit-nav-clip li a{height:18px;margin:0;padding:4px 10px 0;color:#fff;text-decoration:none;background-position:right -22px;}
.tabs-noheight .sliderkit-nav-clip li.sliderkit-selected{background-position:0 -44px;}
.tabs-noheight .sliderkit-nav-clip li.sliderkit-selected a{color:#000;background-position:right -66px;}

/* Panel */
.tabs-noheight .sliderkit-panels{width:528px;padding:10px;border:1px solid #a3a3a3;background:#fff;}
.tabs-noheight .sliderkit-panel{position:relative;}

/* News block */
.tabs-noheight .sliderkit-news h3,
.tabs-noheight .sliderkit-news h3 a{color:#000;font-weight:bold;}
.tabs-noheight .sliderkit-news h3{font-size:1.2em;margin:0 0 15px;}
.tabs-noheight .sliderkit-news img{float:right;width:130px;height:auto;margin:0 0 0 10px;overflow:hidden;}
.tabs-noheight .sliderkit-news p{margin:0;}

/*---------------------------------
 *	Tabs > Imbricate
 *---------------------------------*/	
.tabs-imbricate{width:550px;height:200px;}
.tabs-imbricate img{border:none;}

/* Nav */
.tabs-imbricate .customtabs-nav{position:relative;width:550px;height:22px;text-align:left;}
.tabs-imbricate .customtabs-nav-clip{margin:0;}
.tabs-imbricate .customtabs-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.tabs-imbricate .customtabs-nav-clip li{height:22px;padding:0 0 0 5px;margin:0 2px 0 0;}
.tabs-imbricate .customtabs-nav-clip li,
.tabs-imbricate .customtabs-nav-clip li a{float:left;background:transparent url("../images/tabs-menu.gif") no-repeat 0 0;}
.tabs-imbricate .customtabs-nav-clip li a{display:block;overflow:hidden;height:18px;margin:0;padding:4px 10px 0;color:#fff;text-decoration:none;background-position:right -22px;}
.tabs-imbricate .customtabs-nav-clip li.customtabs-selected{background-position:0 -44px;}
.tabs-imbricate .customtabs-nav-clip li.customtabs-selected a{color:#000;background-position:right -66px;}

/* Panel */
.tabs-imbricate .customtabs-panels{width:528px;height:150px;padding:10px;border:1px solid #a3a3a3;}
.tabs-imbricate .customtabs-panel{z-index:1;position:absolute;overflow:hidden;width:528px;height:150px;background:#fff;}
.tabs-imbricate .customtabs-panel-active{z-index:5;}
.tabs-imbricate .customtabs-panel-old{z-index:4;}

/* News block */
.tabs-imbricate .customtabs-news h3,
.tabs-imbricate .customtabs-news h3 a{color:#000;font-weight:bold;}
.tabs-imbricate .customtabs-news h3{font-size:1.2em;margin:0 0 15px;}
.tabs-imbricate .customtabs-news img{float:right;width:130px;height:auto;margin:0 0 0 10px;overflow:hidden;}
.tabs-imbricate .customtabs-news p{margin:0;}

/* Imbricated carousel */
.tabs-imbricate .carousel-demo2{width:528px;}
.tabs-imbricate .carousel-demo2 .sliderkit-nav{width:508px;}

/*---------------------------------
 *	Tabs > Pagination
 *---------------------------------*/	
.pagination-basic .sliderkit-nav{margin:0 0 10px;text-align:right;}
.pagination-basic .sliderkit-nav li{display:inline;margin:0 2px;}
.pagination-basic .sliderkit-nav li a{padding:1px 3px;border:1px solid #ccc;text-decoration:none;}
.pagination-basic .sliderkit-nav li.sliderkit-selected a,
.pagination-basic .sliderkit-nav li a:hover{color:#fff;border:1px solid #666;background:#666;}

/* Content block */
.pagination-basic .sliderkit-block{margin:0 0 10px;padding:15px;border:1px solid #666;}


/*
 *  MENUS
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Menus > Vertical menu list
 *---------------------------------*/
.vertical-menulist{width:200px;height:400px;margin:15px 0 0;}

/* Nav */
.vertical-menulist .sliderkit-nav-clip{text-align:left;border:1px solid #ccc;}
.vertical-menulist .sliderkit-nav-clip,
.vertical-menulist .sliderkit-nav-clip ul li{width:198px !important;margin:0;}
.vertical-menulist .sliderkit-nav-clip ul li a{display:block;padding:5px 10px;}
.vertical-menulist .sliderkit-nav-clip ul li a:hover{color:#fff;background:#666;}

/* Buttons */
.vertical-menulist .sliderkit-controls{width:200px;margin:0 0 5px;text-align:center;}
.vertical-menulist .sliderkit-controls .sliderkit-btn-disable a{cursor:default;color:#b2ceea;}


/*
 *  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 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;}
.leftbuttonbg{float:left; width:57px; height:137px; background:url(../../images/scrol-leftbg.jpg) left top no-repeat;}
.rightbg{float:left; width:57px; height:137px; background:url(../../images/scroll-rightbg.jpg) left top no-repeat;}
