:root {
	--accent:			#2D6369;
	--accent-soft:		#D9ECEE;
	--accent-line:		#2B474B;
}

body {
	margin:				0px;
	font-family:		"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:			14px;
	color:				#222222;
	background:			#ffffff;
}

a, a:link, a:visited, a:hover, a:active {
	color:				var(--accent);
	text-decoration:	none;
}

.posts td.label {
	width:				52px;
}

.header {
	text-align:			center;
	font-weight:		bold;
	font-size:			16px;
	background-color:	#f7f7f7;
	padding:			11px 20px 10px 20px;
	margin-bottom:		10px;
	border-bottom:		1px solid #cccccc;
}

.header big {
	font-size:			20px;
}

.header .tagline {
	font-weight:		normal;
	color:				#555555;
	font-size:			13px;
}

.layout {
	display:			flex;
	gap:				0px;
	margin:				0 auto;
	max-width:			980px;
	padding:			0 8px;
}

.main {
	flex:				1 1 auto;
	min-width:			0;
}

.side {
	flex:				0 0 270px;
}

.section {
	margin:				4px;
	margin-bottom:		10px;
}

.section_header {
	font-weight:		bold;
	color:				var(--accent);
	background-color:	var(--accent-soft);
	border-top:			1px solid var(--accent-line);
	border-bottom:		1px solid #cccccc;
	padding:			6px;
}

.section_body {
	padding:			8px;
	padding-bottom:		0px;
}

.sub_section {
	padding-bottom:		8px;
}

.sub_section_header {
	background-color:	#f7f7f7;
	border-top:			1px solid var(--accent-line);
	border-bottom:		1px solid #cccccc;
	padding:			3px 3px 3px 6px;
}

.sub_section_title {
	font-weight:		bold;
	color:				var(--accent);
}

.sub_section_body {
	padding:			2px 3px 3px 8px;
}

.group_title {
	font-weight:		bold;
	color:				#333333;
	padding-top:		6px;
}

.products {
	padding-bottom:		4px;
}

ul {
	padding:			0px;
	margin:				4px 0 0 16px;
	list-style:			outside;
}

li {
	margin-bottom:		2px;
}

table {
	font-size:			14px;
	border-collapse:	collapse;
}

td {
	vertical-align:		top;
	padding:			2px 6px 2px 0;
}

td.label {
	color:				gray;
	white-space:		nowrap;
}

@media (max-width: 760px) {
	.layout {
		flex-direction:	column;
		padding:		0 4px;
	}
	.side {
		flex-basis:		auto;
	}
}

.layout.single {
	max-width:			760px;
}