#designconfigurator {
	width: 100%;
	box-sizing: border-box;
	background: #f5f5f5;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

#designconfigurator .designconfi-headline {
	background: #0066a2 url(../../../images/thead.png) top left repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #263c30;
	padding: 8px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#designconfigurator .designconfi-desc {
	text-align: justify;
	line-height: 180%;
	padding: 20px 40px;
}

#designconfigurator .designconfi-mode {
	display: flex;
	gap: 50px;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 10px 0;
}

#designconfigurator .designconfi-mode .designconfi-mode_option {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 6px;
	font-size: 12px;
	width: 20%;
	text-align: center;
}

#designconfigurator .designconfi-design {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 10px;
}

#designconfigurator .designconfi-design .designconfi-header {
	padding: 8px;
	width: 31%;
	height: 151px;
}

#designconfigurator .designconfi-design .designconfi-header .designconfi-headerimg {
	width: 316px;
	height: 150px;
}

#designconfigurator .designconfi-design .designconfi-header .designconfi-headermode {
	position: relative;
	top: -90px;
	text-align: center;
	padding: 8px;
	font-weight: bold;
}