/* Control Bar */

.control {
	background-color: rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.05);
	padding: 1em;
	margin-bottom: 1em;
	line-height: 2em;
}

.sort {
	float: left;
}

.product-listing-toggle {
	display: inline-block;
	float: right;
}

.product-listing-toggle a {
	display: inline-block;
	border: 1px solid #888;
	background-color: #DDD;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#CCC)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #DDD, #CCC); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #DDD, #CCC); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #DDD, #CCC); /* IE10 */
	background-image: -o-linear-gradient(top, #DDD, #CCC); /* Opera 11.10+ */
	background-image: linear-gradient(top, #DDD, #CCC);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DDDDDD', EndColorStr='#CCCCCC'); /* IE6–IE9 */
}

.product-listing-toggle a:hover {
	position: relative;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
	-o-box-shadow: 0 0 3px rgba(0,0,0,.3);
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.product-listing-toggle a.active {
	background: #FFF;
}

.product-listing-toggle img {
	vertical-align: middle;
	padding: 5px 5px 4px 5px;
}

.product-listing-toggle a:last-child {
	border-left: none;
}