.navigation {
	border-top: 2px solid #afbfaf;
	border-bottom: 2px solid #afbfaf;
	padding: 10px 0;
	margin: 0 0 15px;
}

.navigation .homeLink {
	padding: 5px 10px;
	font-size: 18px;
}

.navigation .homeLink svg {
	height: 15px;
	width: 23px;
	cursor: pointer;
}

.navigation .homeLink.selected svg {
	margin-top: 1px;
}

.navigation .homeLink.selected svg rect:first-child,
.navigation .homeLink.selected svg polygon {
	fill: #0000ff;
}

.navigation .searchLink {
	margin: 1px 0 0 5px;
}

.navigation .categories {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.navigation .subCategories {
	margin: -5px 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.navigation .categories.showingSubCategories {
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.navigation .category,
.navigation .subCategory {
	padding: 5px 10px;
	font-size: 14px;
	text-shadow: 2px 2px 5px #cccccc;
}

.navigation .categories .selected,
.navigation .subCategories .selected {
	color: #005500;
	cursor: default;
	text-shadow: 2px 2px 2px #cccccc;
	font-size: 15px;
	font-weight: bold;
	margin: -1px -8px;
}