/* styles for the header */

.h_banner_container {
	border-width: 10px;
	border-style: solid;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.h_banner_container > img {
	width: 100%;
}

.h_category_info_container {
	padding-bottom: 20px;
}

.h_category_info {
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.h_category_info_title {
	font-weight: bold;
	font-size: 12pt;
}

.h_category_info_link {
	margin-left: 10px;
}

/* other page elements */

.s_demo_only {
	padding: 8px;
	font-weight: bold;
	font-size: 24pt;
	border-width: 5px;
	border-style: solid;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 999;
}

#tempo-body-content {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
}

/* hacks in place to accommodate the fact that ordering pages are not yet responsive,
 * and have a fixed width of 790px */

.header--container, .page-section--container, .footer--container {
	min-width: 830px;
}

.header--menu {
	min-width: 790px;
}