/*  
 *  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 #1
 *---------------------------------*/
.carousel-demo1{width:500px;height:84px;}

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

/* Buttons */
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:0;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn a{display:block;width:15px;height:84px;background:transparent url("../images/arrows-h.png") no-repeat center 0;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev{left:20px;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next{right:20px;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;}
.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.3/*can be set to any value until 1*/;cursor:default;}

/*---------------------------------
 *  Carousel > Demo #2
 *---------------------------------*/
#contents .carousel-demo2 ul {margin:0; padding:0;}
#contents .carousel-demo2 ul li{margin:0; padding:0; list-style: none;margin:0 1px 0 0;}

.carousel-demo2{width:540px;height:228px;margin: 0 0 20px;background-color: #EFEFEF;position: relative;}
a span.sliderText {
	display: block;
	font-size: 12px;
	color: #333333;
	position: absolute;
	top: 178px;
	padding: 0 22px 0;
}


/* Navbar */
.carousel-demo2 .sliderkit-nav{left:10px;bottom:0;width:520px;height:228px;overflow: hidden; top: 10px;}
.carousel-demo2 .sliderkit-nav-clip ul li{float:left;}
.carousel-demo2 .sliderkit-nav-clip ul li {display:block;width:156px;height:210px; border-left: 1px solid #CCCCCC;overflow:hidden;margin:0;opacity:0.8;}
.carousel-demo2 .sliderkit-nav-clip ul li {opacity:1;}

span.vImg {
	display: block;
	height: 170px;
	vertical-align: middle;
	text-align:center;
	display:table-cell;
	margin: 0 auto;
	width: 156px;
}


/* Navbar buttons */
.carousel-demo2 .sliderkit-nav-btn{position:absolute;top:0; z-index: 100;}
.carousel-demo2 .sliderkit-nav-btn span{display:none;}
.carousel-demo2 .sliderkit-nav-btn a{display:block;width:20px;height:40px;background:transparent url("../img/renewal01/slideparts02.png") no-repeat center 0;}
.carousel-demo2 .sliderkit-nav-prev{left:0px; top: 92px;}
.carousel-demo2 .sliderkit-nav-next{right:0px; top: 92px;}
.carousel-demo2 .sliderkit-nav-prev a{background-position: 0px 0px;}
.carousel-demo2 .sliderkit-nav-next a{background-position: 0px -40px;}
.carousel-demo2 .sliderkit-nav-prev a:hover,
.carousel-demo2 .sliderkit-nav-prev a:focus{background-position: 0px 0px;}
.carousel-demo2 .sliderkit-nav-next a:hover,
.carousel-demo2 .sliderkit-nav-next a:focus{background-position: 0px -40px;}

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