/* facets */

ul.facets { margin: 0; }

ul.facets li { 
	list-style: none;
	margin: 0;
}

ul.facets h3 {
	border-bottom: 2px solid #666;
	margin: 0;
	padding: 5px 10px;
	position: relative;
}

ul.facets h3 a {
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

ul.facets h3.facet-control { cursor: pointer; }
ul.facets h3.facet-control:hover { background: #f0f0f0; }

ul.facets h3 .ui-icon {
	background: url(/static/img/site/arrow-facet.png) no-repeat right top;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 6px;
}

ul.facets h3.active .ui-icon { background-position: left top; }

ul.facets ul { padding: 5px 10px; margin: 0; position: relative; }
ul.facets ul ul { padding: 0 0 5px; }

ul.facets small {
	font-size: 11px;
	color: #999;
}

ul.facets label { 
	cursor: pointer; 
	padding-left: 18px; 
	display: block;
	position: relative;
}
ul.facets label:hover { color: #999; }
ul.facets label input { 
	position: absolute;
	left: 0;
	top: 3px;
}

ul.facets-cat label { padding-left: 0; }

ul.facets-cat label input {
	position: absolute;
	left: -9999em;
}

ul.facets ul.facets-scroll {
	max-height: 290px;
	overflow: auto;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

/* facets - selected */

ul.facets .facets-selected li a {
	position: relative;
	padding-left: 14px;
}

ul.facets .facets-selected li a .facets-remove {
	position: absolute;
	background: url(/static/img/site/icon-remove.png) no-repeat left top;
	width: 11px;
	height: 12px;
	text-indent: -9999em;
	top: 0;
	left: 0;
}

ul.facets .facets-selected li a:hover .facets-remove { background-position: left bottom; }

/* facets - grid */

ul.facets ul.facets-grid { padding-right: 0; }

ul.facets-grid li {
	float: left;
	margin: 0 4px 4px 0;
}

ul.facets-grid label {
	display: block;
	position: relative;
	width: 32px;
	height: 24px;
	overflow: hidden;
	background: #e6e7e8;
	text-shadow: 0 1px 0 #fff;
	font-weight: bold;
	text-align: center;
	padding: 8px 0 0;
	white-space: nowrap;
}

ul.facets-grid label input, ul.facets-grid label small { position: absolute; left: -9999em; }
ul.facets-grid label .facets-checked {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 26px;
	height: 26px;
	text-indent: -9999em;
	text-align: left;
	border: 3px solid #e98820;
}
ul.facets-grid label .facets-checked-inner {
	border: 2px solid #fff;
	display: block;
	width: 22px;
	height: 22px;
}

ul.facets-grid label.on .facets-checked { left: 0; }

ul.facets-swatch label {
text-align: left;
padding: 0;
height: 32px;
}

ul.facets-swatch label img {
display: block;
}

/* pagination */

.pagination {
	text-align: center;
	height: 40px;
	padding: 0 120px 0 250px;
	margin: 0 70px;
	position: relative;
	white-space: nowrap;
	clear: both;
}

.pagination label {
	display: inline;
	padding-right: 4px;
}

.pagination ul { 
	display: inline;
	margin: 0;
}

.pagination ul li {
	display: inline;
	list-style: none;
	padding: 0 4px;
}

.pagination ul li.active,
.pagination ul li.active a { color: #999; }

.pagination-sort {
	position: absolute;
	left: 0;
	top: 0;
}

.pagination-view {}

.pagination-view select {
    width: 120px;
}

.pagination-page {
    padding-top: 6px;
    position: absolute;
    right: -4px;
    top: 0;
}

.pagination-sort select {
    width: 180px;
}

/* product styles */

ul.item li.item-item {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.item-title { font-weight: bold; }
.item-widths { color: #999; font-size: 11px; }

.item-price {
	font-size: 20px;
	line-height: 24px;
	color: #706eb3;
	font-weight: bold;
}

ul.item-meta {
	font-weight: bold;
	color: #999;
	margin: 0;
}

ul.item-meta li {
	display: block;
	margin: 0;
	padding: 0;
}

.item-price-meta { font-weight: bold; }
.item-price-meta-was { color: #999; }
.item-price-meta-save { color: #706eb3; }

.item-total-meta { 
	font-weight: bold;
	color: #999;
}

.item-flag {
	display: block;
	text-transform: uppercase;
	width: 100px;
	text-align: center;
	font-weight: bold;
	padding: 3px 0 2px;
	background: #666;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.item-flag-clearance { background-color: #d61a8a; }
.item-flag-sale { background-color: #d31044; }

a.item-qv {
	font-size: 12px;
}

/* product grid */

ul.item-grid {
	margin: 0 0 10px;
	padding: 0 0 0 2px;
}

ul.item-grid li.item-item {
	float: left;
	width: 170px;
	padding: 10px 12px 20px;
}

ul.item-grid img.item-thumb {
	width: 170px;
	height: 146px;
	display: block;
	margin: 0 0 24px;
}

ul.item-grid .item-title,
ul.item-grid .item-widths { display: block; }

ul.item-grid .item-price {
	display: block;
	padding: 8px 0 0;
}

ul.item-grid .item-price-meta {
	height: 20px;
	white-space: nowrap;
	display: block;
}

ul.item-grid .item-price-meta-was { float: left; }
ul.item-grid .item-price-meta-save { float: right; }

ul.item-grid .item-flag {
	position: absolute;
	left: 47px;
	top: 140px;
}

ul.item-grid a.item-qv {
	position: absolute;
	padding-left: 0;
	padding-right: 0;
	width: 80px;
	text-align: center;
	left: 56px;
	top: -9999em;
	z-index: 5;
}

ul.item-grid li.item-item:hover a.item-qv,
ul.item-grid li.active a.item-qv { top: 10px; }

/* brand */

h1.brand-header {
	padding-left: 130px;
}

h1.brand-header .brand-logo {
	position: absolute;
	left: 15px;
	top: 0;
}

.brand-summary {
	position: relative;
/* 	padding: 0 110px 0 0; */
}

.brand-summary .brand-logo {
/* 	position: absolute; */
/* 	right: 10px; */
/* 	top: 20px; */
	float: right;
}

/* ymal */

#ymal { clear: both; }

#ymal ul.item-grid { padding-left: 5px; }

#ymal ul.item-grid li {
	padding-left: 10px;
	padding-right: 10px;
}