@import url("base.css");

#categories .item
{
	float: left;
	margin-right: 1%;
	width: 49%;
}

#categories .item h3
{
	font-size: 0.85em;
}

#categories .item a
{
	display: block;
	text-decoration: none;
	vertical-align: middle;
}

#categories .item a img
{
	margin: 0 1em 0 0;
	vertical-align: middle;
}

.category-navigation
{
	float: left;
	width: 60%;
}

.sorter
{
	margin: 1em 0;
	text-align: right;
}

ul.product-list
{
	clear: both;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

ul.product-list li
{
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.product-list h3
{
	float: right;
	margin: 0 0 1em 0;
	width: 645px;
}

ul.product-list img
{
	float: left;
	margin-right: 20px;
}

ul.product-list .description
{
	margin: 0 10em 2em 270px;
	padding: 0;
}

ul.product-list .description p
{
	margin: 0;
	padding: 0;
}

ul.product-list .purchase-details
{
	float: right;
	/* right: 0;
	top: 2.5em;
	position: absolute; */
	text-align: right;
}

ul.product-list .purchase-details .price, ul.product-list .purchase-details .sale-price
{
	margin-bottom: 0.5em;
}

ul.product-list .purchase-details .price.with-sale
{
	text-decoration: line-through;
}

ul.product-list .purchase-details .sale-price
{
	color: #d00;
}

ul.product-list .purchase-details .add
{
	margin-top: 0.5em;
}