/*------------------------------
	PRODUCT-CSS
------------------------------*/
/*------------------------------
	INDEX:
	CAROUSEL styling
		.selectd*
		#slider*
	CLASS styling
		.tab*
		.tabbable*
		.thumbnail*
------------------------------*/

/*------------------------------
	CAROUSEL styling
------------------------------*/
	.selected img {
		opacity: 0.5;
	}

	div#slider-thumbs ul {
		height: 120px;
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-behavior: smooth;
	}

	div#slider-thumbs img {
		height: 100px;
		width: auto;
	}

/*------------------------------
	CLASS styling
------------------------------*/
/* class: <tab, tabbable> */

	div.tab-pane h4 a {
		font-weight: bold;
		color: #333333;
	}

	div.tab-pane h4 a:hover {
		color: #005580;
	}

	.nav-tab li a {
		color: #333333;
		font-weight: bold;
	}

	.tabbable,
	.tabbable .nav {
		margin-bottom: 20px;
	}

	.tabbable a {
		font-size: 100%;
	}

	.tabbable table,
	.tabbable td,
	.tabbable th {
		border: 0px solid #333333;
		margin: 1.6667% 0 0 0;
		padding: 5px;
		vertical-align: top;
		margin: 1% 0 2% 0;
	}

/* class: <thumbnail> */
	.thumbnail,
	a.thumbnail:hover,
	a.thumbnail:focus {
		background-color: transparent;
		border: none;
		padding: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.thumbnail img {
		border: 2px solid #006737;
		border-radius: 4px;
		margin-bottom: 2px;
		width: 100%;
	}

	.thumbnail a > img {
		margin: 6.6666% 6.6666% 2.6667% 0;
	}