﻿
#rightcol {
	position: relative;
	padding-top: 8px;
}

#rightcol #cookietrail {
	/*position: fixed;
	top: 101px;
	width: 100%;
	z-index: 9999;
	background: #e1e1e1;
	padding: 30px 0;*/
}

#cookietrail a.ctrail {
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 5px;
	color: #000;
}

#cookietrail a.productttl {
	color: #6B470E;
}

#cookietrail span {
	display: inline-block;
	padding: 0 20px;
	font-size: 20px;
}

#extrainfo {
	border: none;
	padding: 50px 0 20px 0;
}

#extrainfo ul[role="tablist"] {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(7, auto);
	padding: unset;
	border: none;
	background: transparent;
	color: #182C5C;
}

#extrainfo > ul li a,
#extrainfo > ul li a * {
	font-size: 20px;
	text-align: left;
}

#extrainfo .ui-helper-clearfix:before,
#extrainfo .ui-helper-clearfix:after {
	display: none;
}

#extrainfo > ul li:first-child {
	border-right: none !important;
}

#extrainfo ul li.ui-state-active a,
#extrainfo ul li.ui-state-active a * {
	text-decoration: underline;
	text-underline-offset: 8px;
	color: #182C5C;
	font-weight: 600;
}

#extrainfo .ui-tabs-panel {
	padding-left: 0;
	margin-top: 30px;
}

#extrainfo .ui-tabs-panel:first-of-type {
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0;
}

#extrainfo .ui-tabs-panel h4 {
	margin-bottom: 20px;
	margin-top: 35px;
}

#extrainfo .ui-tabs-panel p,
#extrainfo .ui-tabs-panel p * {
	text-transform: none;
	font-size: 18px;
	line-height: 27px;
	text-align: justify;
}

#extrainfo .ui-tabs-panel p:not(:last-child) {
	margin-bottom: 15px;
}

#extrainfo .ui-tabs-panel p:has(strong) {
	margin-top: 40px;
}

#extrainfo .ui-tabs-panel p strong {
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 30px;
	color: #6B470E;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 5px;
}

#extrainfo #fragment-1 ul li {
	position: relative;
	font-size: 18px;
	line-height: 27px;
	text-transform: none;
	padding-bottom: 10px;
	padding-left: 3px;
}

#extrainfo #fragment-1 ul li::before {
	color: #6B470E;
	content: " ";
	width: 16px;
	left: -20px;
	top: 10%;
	position: absolute;
	background-image: url(../gfx/OY_Brand_Icon.png);
	height: 16px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

#extrainfo .ui-tabs-panel table {
	margin: 30px 0px 0px;
	border: none;
}

#extrainfo .ui-tabs-panel table td {
	border: none;
	text-transform: none;
	font-size: 18px;
	line-height: 27px;
}

.tabhimage, .tabhr {
	margin: 30px 0 !important;
}

.tabhimage img {
	width: 100%;
}

@media screen and (max-width: 1640px) {
	#content {
		padding-top: 120px;
	}

	#rightcol .enquirebox {
		display: none;
	}
}

@media screen and (max-width: 1300px) {
	#extrainfo ul[role="tablist"] {
		grid-template-columns: repeat(3, auto);
	}
}

@media screen and (max-width: 999px) {
	#extrainfo ul[role="tablist"] {
		grid-template-columns: repeat(5, auto);
	}

	#rightcol #cookietrail {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.enquirebox, #enquirebtn2 {
		position: fixed;
		right: 5vw;
		z-index: 9999;
	}

	.enquirebox {
		top: calc(85vh - 51px);
	}

	#enquirebtn2 {
		top: 85vh;
	}
}

@media screen and (max-width: 767px) {
	.enquirebox, #enquirebtn2 {
		display: none !important;
	}
}

@media screen and (max-width: 760px) {
	#extrainfo ul[role="tablist"] {
		grid-template-columns: repeat(3, auto);
	}
}

@media screen and (max-width: 500px) {
	#extrainfo > ul li {
		width: 100%;
	}

	#extrainfo ul[role="tablist"] {
		grid-template-columns: repeat(1, auto);
	}

	#extrainfo > ul li {
		width: 100%;
	}

	#extrainfo > ul li a,
	#extrainfo > ul li a * {
		font-size: 18px;
	}

	#extrainfo .ui-tabs-panel p,
	#extrainfo .ui-tabs-panel p * {
		font-size: 14px;
		line-height: 23px;
	}
}
