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

/*
 *  PHOTOS SLIDERS
 *  ------------------------------------------------
 */

 
/*
 *  PHOTOS GALLERIES
 *  ------------------------------------------------
 */


/*---------------------------------
 *  Photos gallery > Vertical
 *---------------------------------*/
.photosgallery-vertical{width:655px; height:347px; overflow:hidden;}
.photosgallery-vertical img.alpha{ width:100%; height:auto; vertical-align:bottom; max-width:520px; min-height:347px; overflow:hidden;} 
/*.photosgallery-vertical img.beta{ width:auto; height:347px; vertical-align:bottom; max-width:520px; min-height:347px; overflow:hidden; text-align:center; display:block; margin-left:130px; background:#000;}*/

.sliderkit-panels .alpha img{ width:100%; height:auto; vertical-align:bottom; max-width:520px; min-height:347px; overflow:hidden;} 
.sliderkit-panels .beta{ width:100%;background:#000;max-width:520px; } 
.sliderkit-panels .beta img{ width:auto !important; height:347px; vertical-align:bottom; max-width:520px; min-height:347px; overflow:hidden; text-align:center; display:block; margin-left:130px; background:#000;} 

#sumai_select .photosgallery-vertical{
	width:900px;height:482px;
	margin-left:auto;
	margin-right:auto;}
/* Nav */
.photosgallery-vertical .sliderkit-nav{top:0;right:0;width:126px;height:347px;}
#sumai_select .photosgallery-vertical .sliderkit-nav{top:0;right:0;width:167px;height:482px;}
.photosgallery-vertical .sliderkit-nav-clip{top:35px;left:0;}
.photosgallery-vertical .sliderkit-nav-clip ul li{margin:0;padding:0;}
.photosgallery-vertical .sliderkit-nav-clip ul li a{display:block;width:120px;height:80px;overflow:hidden;padding:3px; margin-bottom:3px;}
.photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #1d5198;}
/*.photosgallery-vertical .sliderkit-nav-clip ul li img{width:120px;height:80px;margin-bottom:-3px;}*/
.photosgallery-vertical .sliderkit-nav-clip ul li img{ width:100%;max-width:120px; min-height:80px; overflow:hidden;margin-bottom:6px; height:auto;}

#sumai_select .photosgallery-vertical .sliderkit-nav-clip ul li a{display:block;width:161px;height:106px;overflow:hidden;padding:3px;}
#sumai_select .photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #1d5198;}
#sumai_select .photosgallery-vertical .sliderkit-nav-clip ul li img{width:167px;height:112px;margin-bottom:-3px;}

/* Nav buttons */
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn{position:absolute;left:0;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a{display:block;width:126px;height:22px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a span{display:none;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev{top:0;background-position:top;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next{bottom:0;background-position:bottom;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a{background:url(../../js/model-slider/images/btn_04.jpg) no-repeat center 0px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:hover{background:url(../../js/model-slider/images/btn_04_on.jpg) no-repeat center 0px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a{margin-top:7px;background:url(../../js/model-slider/images/btn_05.jpg) no-repeat center 0px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:hover{margin-top:7px;background:url(../../js/model-slider/images/btn_05_on.jpg) no-repeat center 0px;}

#sumai_select .photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a{display:block;width:167px;height:35px;}
#sumai_select .photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a{background:url(http://www.toyotahome-nagoya.jp/renew/js/model-slider/images/btn_06.gif) no-repeat center 0px;}
#sumai_select .photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:hover{background:url(http://www.toyotahome-nagoya.jp/renew/js/model-slider/images/btn_06_on.gif) no-repeat center 0px;}
#sumai_select .photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a{margin-top:7px;background:url(http://www.toyotahome-nagoya.jp/renew/js/model-slider/images/btn_07.gif) no-repeat center 0px;}
#sumai_select .photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:hover{margin-top:7px;background:url(http://www.toyotahome-nagoya.jp/renew/js/model-slider/images/btn_07_on.gif) no-repeat center 0px;}

.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:hover,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:focus{}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:hover,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:focus{}

/* Go Buttons */
.photosgallery-vertical .sliderkit-go-btn a{width:200px;height:300px;background:#ccc;opacity:.8;}
.photosgallery-vertical .sliderkit-go-prev{top:0;left:0;}
.photosgallery-vertical .sliderkit-go-next{top:0;right:0;}

/* Panel */
.photosgallery-vertical .sliderkit-panel{top:0;left:0;width:664px;height:347px;}
#sumai_select .photosgallery-vertical .sliderkit-panel{top:0;left:0;width:720px;height:482px;}
.photosgallery-vertical .sliderkit-panels #BG{position:absolute;left:0;top:0;background:transparent url("http://www.toyotahome-nagoya.jp/renew/images/modelhouse/slide-bg-01.png") no-repeat center 0;z-index:50;}

/* Panel > Textbox */
/*.photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox{bottom:0;left:0;height:30px;width:664px;}
.photosgallery-vertical .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;}*/
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-text{height:30px;padding:10px 15px 10px 10px;font-size:0.9em;color:#000;}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-overlay{height:30px;background:#FFF;opacity:0.85;}

/*.sliderkit-panels .sliderkit-panel .sliderkit-panel-textbox .sliderkit-panel-text{position:absolute;z-index:3;top:300px;left:0; color:#333;}*/
#sumai_select .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text{height:30px;padding:0px;padding-left:10px;font-size:14px;color:#fff;}
#sumai_select .photosgallery-vertical .sliderkit-panel .sliderkit-panel-overlay{height:40px;background:#000;opacity:0.5;width:100%;}