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

/*
 *  PLUGIN BASICS
 *  ------------------------------------------------
 */
.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit img{border:0;margin-left: 18px;}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}

/* Nav > Clip */
.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; background: url("../image/category_back.png") repeat scroll 0 0 transparent;}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn{z-index:10;}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}

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

/*---------------------------------
 *  Counter
 *---------------------------------*/
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}

/*---------------------------------
 *  Loader
 *---------------------------------*/
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}

.slider_product{width:/*550*/273px;height:219px;margin:5px 0 0;}

/* Navbar */
.slider_product .sliderkit-nav{left:0;bottom:0;width:550px;height:218px;padding:0;background:none;}
.slider_product .sliderkit-nav-clip ul li{
    border: 1px solid #353535;
    float:left;
    width:150px;
    margin:0 18px 0 0;
    text-align:left;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px; 
    position: relative;
    height: 180px;
}

/* Buttons */
.slider_product .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:25px;}
.slider_product .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.slider_product .sliderkit-nav .sliderkit-nav-btn a{display:block; width:16px; height:102px;background:transparent url("../image/button-carousel.png") no-repeat 0 0;}
.slider_product .sliderkit-nav .sliderkit-nav-prev{left:0px;}
.slider_product .sliderkit-nav .sliderkit-nav-next{right:0px;}
.slider_product .sliderkit-nav .sliderkit-nav-prev a{}
.slider_product .sliderkit-nav .sliderkit-nav-next a{background-position: -16px 0;}
.slider_product .sliderkit-nav .sliderkit-nav-prev a:hover,
.slider_product .sliderkit-nav .sliderkit-nav-prev a:focus{}
.slider_product .sliderkit-nav .sliderkit-nav-next a:hover,
.slider_product .sliderkit-nav .sliderkit-nav-next a:focus{}
.slider_product .sliderkit-nav .sliderkit-btn-disable a{cursor:default;}
.slider_product .sliderkit-nav .sliderkit-nav-prev.sliderkit-btn-disable a{background-position: 0 -102px;}
.slider_product .sliderkit-nav .sliderkit-nav-next.sliderkit-btn-disable a{background-position: -16px -102px;}
.slider_product .product_list {margin:0}

.slider_product .sliderkit-nav-clip ul li:hover{
    border: 1px solid #ffffff;
}
.slider_product .sliderkit-nav-clip ul li a{
    display: block;
    padding-top: 10px;
    height: 100%;
    position: relative;
    z-index: 3;
}
.slider_product .sliderkit-nav-clip ul li div.desc{
    text-align: center;
    margin-top: 8px;
    position: absolute;
    top: 118px;
    left: 0;
    z-index: 2;
    width: 150px;
}
.slider_product .sliderkit-nav-clip ul li div.desc p{
    padding: 0px 5px 0px 5px;
    font-size: 14px;
    text-align: center;
}


.slider_information{width:550px;height:100px;margin:5px 0 0;}

/* Navbar */
.slider_information .sliderkit-nav{left:0;bottom:0;width:550px;height:100px;padding:0;background:none;}
.slider_information .sliderkit-nav-clip ul li{
    float:left;
    width:87px;
    margin:0 18px 0 0;
    text-align:left;
    position: relative;
    height: 58px;
    border: 1px solid transparent;
}
.slider_information .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:-19px;}
.slider_information .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.slider_information .sliderkit-nav .sliderkit-nav-btn a{display:block; width:16px; height:102px;background:transparent url("../image/button-carousel.png") no-repeat 0 0;}
.slider_information .sliderkit-nav .sliderkit-nav-prev{left:0px;}
.slider_information .sliderkit-nav .sliderkit-nav-next{right:0px;}
.slider_information .sliderkit-nav .sliderkit-nav-prev a{}
.slider_information .sliderkit-nav .sliderkit-nav-next a{background-position: -16px 0;}
.slider_information .sliderkit-nav .sliderkit-nav-prev a:hover,
.slider_information .sliderkit-nav .sliderkit-nav-prev a:focus{}
.slider_information .sliderkit-nav .sliderkit-nav-next a:hover,
.slider_information .sliderkit-nav .sliderkit-nav-next a:focus{}
.slider_information .sliderkit-nav .sliderkit-btn-disable a{cursor:default;}
.slider_information .sliderkit-nav .sliderkit-nav-prev.sliderkit-btn-disable a{background-position: 0 -102px;}
.slider_information .sliderkit-nav .sliderkit-nav-next.sliderkit-btn-disable a{background-position: -16px -102px;}
.slider_information .product_list {margin:0}

.slider_information .sliderkit-nav-clip ul li:hover{
    border: 1px solid #ffffff;
}
.slider_information .sliderkit-nav-clip ul li a{
    display: block;
    position: relative;
    z-index: 3;
}
.slider_information .sliderkit-nav-clip ul li a img{
    margin: 0;
}
.slider_information .sliderkit-nav-clip ul li div.desc{
    text-align: center;
    margin-top: 8px;
    position: absolute;
    top: 118px;
    left: 0;
    z-index: 2;
    width: 150px;
}
.slider_information .sliderkit-nav-clip ul li div.desc p{
    padding: 0px 5px 0px 5px;
    font-size: 14px;
}