.SpecPresetNav {
	background-color: #f47920;
	overflow: hidden;
	transition: all 500ms;
}
.SpecPresetNav.closed {
	height: 35px;
}

/*heading*/

.SpecPresetNav .heading {
	text-align: center;
	position: relative;
	padding: 7px 0;
	cursor: pointer;
}
.SpecPresetNav .heading .title {
	color: #000;
	font-size: 110%;
	text-transform: uppercase;
	transition: all 500ms;
}
.SpecPresetNav .heading .title:before {
	content: '';
	width: 20px;
	height: 20px;
	transform: rotate(45deg) scale(1,1);
	transform-origin: center center;
	position: absolute;
	margin-left: -40px;
	margin-top: -5px;
	border: 3px solid #555555;
	display: inline-block;
	border-width: 0px 3px 3px 0px;
	transition: all 200ms;
}
.SpecPresetNav.open .heading .title { color: #fff; }
.SpecPresetNav.open .heading .title:before {
	border-color: #fff;
	margin-top: 5px;
	transform: rotate(45deg) scale(-1,-1);
}

/*body*/

.SpecPresetNav .body {
	background-color: #fff;
}

.SpecPresetNav .presets {
	padding: 20px 0;
	vertical-align: top;
}
@media all and (min-width: 800px) { .SpecPresetNav .presets { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } }
@media all and (min-width: 600px) and (max-width: 799px) { .SpecPresetNav .presets { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } }
@media all and (min-width: 400px) and (max-width: 599px) { .SpecPresetNav .presets { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

.SpecPresetNav .presets .item {
	display: block;
	line-height: 200%;
	padding: 0 10px 0 0;
	transition: all 250ms;
	color: #555;
}
.SpecPresetNav .presets .item:hover {
	background-color: #f2f2f2;
	padding: 0 0 0 10px;
	color: #f47920;
}