/** 
 *  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 gallery > Vertical
 *---------------------------------*/
.photosgallery-vertical{width:881px;height:411px;padding:0 0 0 21px;background:transparent url(../images/main_bg.jpg) no-repeat 0 0; display:none !important;}
.photosgallery-vertical h2{height:21px;padding:10px 0 0 5px;}

.photosgallery-vertical .sliderkit-panels{width:660px;height:366px;position:relative;overflow:hidden;}
/* Nav */
.photosgallery-vertical .sliderkit-nav{top:28px;right:19px;width:199px;height:367px;}
.photosgallery-vertical .sliderkit-nav-clip{left:0;}
.photosgallery-vertical .sliderkit-nav-clip ul li{margin:0;padding:1px 3px 0 11px;cursor:pointer;}
.photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected{margin:0;background:transparent url(../images/navi_on.jpg) no-repeat 0 0;}
.photosgallery-vertical .sliderkit-nav-clip ul li span{display:block;width:175px;height:96px;overflow:hidden;padding:6px;}
.photosgallery-vertical .sliderkit-nav-clip ul li img{width:175px;height:96px;margin-bottom:0;}

/* Nav buttons */
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn{position:absolute;left:0;cursor:pointer;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn{display:block;width:175px;height:16px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn span{display:block;text-indent:-1000.0em;overflow:hidden;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev{top:0;left:17px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next{bottom:0;left:17px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev{background:transparent url(../images/navi_arrow01.gif) no-repeat center 0;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next{background:transparent url(../images/navi_arrow02.gif) no-repeat center 0;}

/* 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:660px;height:366px;}


/*---------------------------------
 *	Tabs > No height
 *---------------------------------*/	
.tabs-noheight{margin:20px 0 0 0;width:902px;}

/* Nav */
.tabs-noheight .sliderkit-nav{display:none;}

/* Panel */
.tabs-noheight .sliderkit-panel{width:902px;padding:0;overflow:hidden;}
.tabs-noheight .sliderkit-panel{position:relative;}


.tabs-noheight .sliderkit-panel ul{margin: 0 0 10px;padding: 0;list-style:none;width:926px;position:relative;clear:both;}
.tabs-noheight .sliderkit-panel li{margin:24px 24px 0 0;width:282px;border:1px solid #a3a3a3;float:left;background:#fff;}
.tabs-noheight .sliderkit-panel li a{display:block;padding:10px;}

.tabs-noheight .sliderkit-panel ul:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

@media screen and (max-width: 960px) {
	.tabs-noheight {
		width: auto;
	}
	.tabs-noheight .sliderkit-panel {
		width: auto;
	}
	.tabs-noheight .sliderkit-panel ul {
		width: auto;
	}
	.tabs-noheight .sliderkit-panel li {
		width: calc(100% / 3 - 18px);
		margin: 16px 16px 0 0;
	}
}

@media screen and (max-width: 750px) {
/*---------------------------------
 *	Tabs > No height
 *---------------------------------*/	
.tabs-noheight{
	width:100%;
	margin-top:0;
	padding-top:10px;
	background-color:#fff;
}

/* Panel */
.tabs-noheight .sliderkit-panel{
	width:auto;
}
.tabs-noheight .sliderkit-panel ul{
	margin:0;
	width:auto;
}
.tabs-noheight .sliderkit-panel li{
	min-height:0px !important;
	width:auto;
	margin:0;
	float:none;
	border:none;
	border-bottom:1px dotted #ccc;
}
.tabs-noheight .sliderkit-panel li a{
	height:auto !important;
	padding: 0.5em 40px 0.5em 15px;
	position:relative;
	overflow:hidden;
}
.tabs-noheight .sliderkit-panel li a:after{
	content:'';
	width:18px;
	height:18px;
	margin-top:-9px;
	position:absolute;
	top:50%;
	right:10px;
	background-image: url(https://shutto.s3.amazonaws.com/links/links-bk2.png);
	background-repeat:no-repeat;
	background-position: -36px 0;
}
.productLineupImg{
	margin-top: 25px;
	float: left;
	margin-right: 10px;
	padding: 0.2em 0;
	width:90px;
}
.productLineupImg img{
	max-width:100%;
	height:auto;
}
.productLineupTxt{
	font-size: 0.8rem;
	margin-left: 100px;
	line-break: break-all;
	word-break: break-all;
	word-wrap: break-word;
	padding: 0.2em 0;
}
.productLineupTxt p{
	clear:none;
	margin:0;
}
.productLineupTxt p.icon img{
	margin:3px 3px 0 0;
}
}