.toolbar {
	border-top:1px #A2A2A2 solid;
	background: #f7f7f7;
	background-image: -moz-linear-gradient(top, #e4e4e4, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#ffffff));
	background-image: -o-linear-gradient(top, #e4e4e4, #ffffff);
	background: linear-gradient(top, #e4e4e4, #ffffff);
	height: 28px;
	padding: 3px 15px;
	position: fixed;
	bottom : 0;
	width: calc(100% - 30px);
	line-height: 31px;
	opacity: 0.9;
	transition: opacity 0.5s ease-in;
	z-index: 9999;
}

.toolbar:hover {
	opacity: 1;
}

.toolbar a.close {
	position: absolute;
	top: 0px;
	right: 10px;
	background: none !important;
	height: auto !important;
	display: block !important;
	color: #020202;
	text-decoration: none;
}

.toolbar-extended {
	display: none;
	position: fixed;
	bottom: 38px;
	background: #F7F7F7;
	padding: 15px;
	z-index: 9999;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
	width: 100%;
}

.toolbar-extended span {
	font-weight: bold;
}

.toolbar-extended ul {
	list-style : none;
}

.toolbar-extended ul li {
	background: none;
}

.toolbar h1 {
	color: #A2A2A2!important;
	margin: 0;
	float: left;
}

.toolbar h1, .toolbar p {
	font-size: 12px;
	line-height: 31px;
}

.toolbar p {
	display: inline-block;
	position: absolute;
	top: 3px;
}

.toolbar p:before {
	content: ' - ';
	width: 15px;
	display: inline-block;
	margin-left: 5px;
}

.toolbar button {
	float: right;
	padding: 4px 6px;
	font-size: 11px;
	margin: 2px 0 0 3px;
}

.toolbar button.rotate {
	transform: rotate(180deg);
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.error_container li {
	background: none;
	padding: 0;
	margin: 0;
}

.error_container li .alert-box {
	margin : 0 10px 0 0;
}

@media only screen and (max-width: 479px) {
	#cache_notice {
		width: calc(100% - 20px);
	}
}

.cart_voucher_errors {
	list-style: none;
}

.cart_voucher_errors li {
	background: none;
}

ul.product_colors {
	list-style: none;
	margin: 10px 0 10px;
}

ul.product_colors li {
	background : none;
	padding-left: 0;
	float: left;
	margin: 0 10px 0 0;
}

ul.product_colors li button, ul.product_colors li a {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	padding : 2px;
	background: none;
	opacity: 0.3;
}

ul.product_colors li button span, ul.product_colors li a span {
	display:block;
	width: 100%;
	height: 100%;
	content: ' ';
	border-radius: 40px;
}

ul.product_colors li button.selected, ul.product_colors li button:hover, ul.product_colors li a.button.selected, ul.product_colors li a.button:hover {
	border: 2px #000000 solid;
	opacity: 1;
}

ul.product_colors.small li a {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	padding: 2px;
	opacity: 1;
	border: 1px #E0E0E0 solid;
}

ul.product_colors.small li a.button.selected, ul.product_colors.small li a.button:hover {
	background: none;
	border: 1px #000000 solid;
	opacity: 0.8;
}

div.product_size a.button, a.button.reset {
	opacity: 0.4;
}

div.product_size a.button:hover, div.product_size a.button.selected, a.button.reset:hover {
	opacity: 1;
}

div.active_filters a.button span {
	display: inline-block;
	font-weight:bold;
	font-size: 10px;
	background: #FFFFFF;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	line-height: 15px;
	color: #202020;
	text-align: center;
	margin: 2px 0 0 10px;
	float: right;
}

section.sort {
	display: block;
	margin: 15px 0 15px;
	overflow: hidden;
}

section.sort span {
	display: inline-block;
	margin: 6px 0 0 0;
}

section.sort form {
	float: right;
	width: 200px;
	margin: 0;
}