/*Horizontale Tabs */
.tabs,.ctabs,.stabs,.ttabs {
	margin:1em 0;
	padding:0;
}

.tooltips[data-title]:hover {
	color:red;
	position:relative;
}

.tooltips[data-title] {
	color:#900;
	text-decoration:none;
}

.tabImg {
	border:3px solid #199bca;
	border-radius:1em;
	margin-right:10.2em;
}

p.tooltips {
	border:1px solid #000;
	border-radius:60px;
	height:60px;
	margin:0.2em;
	width:60px;
}

.tooltips[data-title]:hover:after {
	background-image:linear-gradient(to bottom,#eee 0%,#ccc 100%);
	border-radius:0.2em;
	box-shadow:0 0 4px #222;
	color:#333;
	content:attr(data-title);
	left:0;
	padding:4px 8px;
	position:absolute;
	top:0;
	white-space:nowrap;
	z-index:20;
}

.tooltips>img {
	border:1px solid #000;
	border-radius:1em;
	height:100px;
	margin:0.2em;
	width:150px;
}

.ProductColors>li,.veneers>li,.veneersi>li {
	float:left;
}

.tabs>label:hover>span,.ctabs>label:hover>span,.stabs>label:hover>span,.ttabs>label:hover>span {
	border:1px solid #94ccd3;
	border-bottom:0;
}

.tabs>label>span,.ctabs>label>span,.stabs>label>span,.ttabs>label>span {
	background:#839caa;
	border:1px solid #333;
	border-bottom:0;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	color:#FFF;
	cursor:pointer;
	display:block;
	font-size:1.2em;
	font-weight:700;
	line-height:40px;
	margin:0;
	padding:4px 0.2em;
	text-decoration:none;
	transition:all .3s ease-in-out;
}

.tabs>label,.tabs>label,.ctabs>label,.stabs>label,.ttabs>label {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

.tabs input[type=radio][name=tabs],.ctabs input[type=radio][name=ctabs],.stabs input[type=radio][name=stabs],.ttabs input[type=radio][name=ttabs] {
	height:0;
	margin:0;
	opacity:0;
	padding:0;
	width:0;
}

.tabs>label>span:active,.ctabs>label>span:active,.stabs>label>span:active,.ttabs>label>span:active {
	color:#FFF;
	text-shadow:0 0 0;
}

.tabs>input[type=radio][name=tabs]:checked+label>span,.ctabs>input[type=radio][name=ctabs]:checked+label>span,.stabs>input[type=radio][name=stabs]:checked+label>span,.ttabs>input[type=radio][name=ttabs]:checked+label>span {
	background:#199bca;
	color:#FFF;
	text-shadow:0 0 0;
}

/* ProductColors */
.tabs>#tab1:checked ~ .tabcontent[data-title=tab1],.tabs>#tab2:checked ~ .tabcontent[data-title=tab2],.tabs>#tab3:checked ~ .tabcontent[data-title=tab3],.tabs>#tab4:checked ~ .tabcontent[data-title=tab4],.ctabs>#ctab1:checked ~ .ctabcontent[data-title=ctab1],.ctabs>#ctab2:checked ~ .ctabcontent[data-title=ctab2],.ctabs>#ctab3:checked ~ .ctabcontent[data-title=ctab3],.ctabs>#ctab4:checked ~ .ctabcontent[data-title=ctab4],.stabs>#stab1:checked ~ .stabcontent[data-title=stab1],.stabs>#stab2:checked ~ .stabcontent[data-title=stab2],.stabs>#stab3:checked ~ .stabcontent[data-title=stab3],.stabs>#stab4:checked ~ .stabcontent[data-title=stab4],.ttabs>#ttab1:checked ~ .ttabcontent[data-title=ttab1],.ttabs>#ttab2:checked ~ .ttabcontent[data-title=ttab2],.ttabs>#ttab3:checked ~ .ttabcontent[data-title=ttab3],.ttabs>#ttab4:checked ~ .ttabcontent[data-title=ttab4] {
	border:1px solid #333;
	clear:both;
	height:auto;
	margin:0;
	opacity:1;
	padding:0.2em;
	width:auto;
}

.tabs>.tabcontent,.ctabs>.ctabcontent,.stabs>.stabcontent,.ttabs>.ttabcontent {
	border:none;
	clear:both;
	height:0;
	margin:0;
	opacity:0;
	overflow:hidden;
	padding:0;
	transition:all .8s ease-in-out;
	width:0;
}

.tabs>.tabcontent>h2,.ctabs>.ctabcontent>h2,.stabs>.stabcontent>h2,.ttabs>.ttabcontent>h2 {
	background:#777;
	text-align:center;
	color:#FFF;
	border:1px solid #fff;
	border-radius:6px;
	margin:1em auto;
}