﻿#catalog							{ color: #000; }
#catalog a							{ color: #000; font-size: 11px; }
#catalog a:hover					{ color: green; }
#catalog > div.item					{ float: left; height: 240px; margin: 10px 0 8px 0; text-align: center; width: 25%; }
#catalog > div.item > a				{ display: block; height: 150px; line-height: 150px; }
#catalog > div.item > a > img		{ max-height: 150px; max-width: 150px; }
#catalog > div.item > div			{ font-size: 10px; }
#catalog > div.item > div > img		{ margin: 4px 0 0 0; }
#catalog > div.item h2				{ font-size: 14px; margin: 8px 0 8px 0; }
#catalog > h2						{ clear: both; font-size: 12px; font-style: italic; text-align: center; }

.pager								{ background: #484b3a; border: solid 2px #000; color: #fff; font-size: 10px; margin: 4px 0 4px 0; padding: 3px; width: 990px; }
.pager > div.left					{ float: left; padding: 2px 0 0 0; text-align: left; width: 40%; }
.pager > div.center					{ float: left; padding: 2px 0 0 0; text-align: center; width: 20%; }
.pager > div.right					{ float: left; text-align: right; width: 40%; }
.pager a							{ color: #fdd55c; }
.pager select						{ border: solid 1px #fdd55c; }

.content							{ font-size: 11px; margin: 6px auto 8px auto; position: relative; width: 100%; }
.content img						{ float: left; max-height: 75px; max-width: 75px; margin: 2px 10px 0 0;}
.content h2							{ font-size: 13px; margin: 0; padding: 0; }
.content p							{ margin: 0; }
	
.brands								{ color: #000; font-size: 10px; margin: 4px auto 4px auto; padding: 8px 0 0 0; position: relative; width: 1000px; }
.brands a							{ color: #000; font-size: 11px; }
.brands a:hover						{ color: green; }
.brands h4							{ background: #484b3a; border: solid 2px #000; color: #fff; font-size: 11px; margin: 0 0 8px 0; padding: 4px; }
.brands > div.item					{ float: left; text-align: center; width: 20%; }
.brands > div.item table			{ height: 50px; width: 100%; }
.brands > div.item img				{ border: solid 1px #000; max-height: 50px; max-width: 50px; vertical-align: middle; }
.brands > div.item > a				{ display: block; margin: 0 0 8px 0; }

.categories							{ color: #000; font-size: 10px; margin: 4px auto 4px auto; padding: 8px 0 0 0; position: relative; width: 1000px; }
.categories a						{ color: #000; }
.categories a:hover					{ color: Green; }
.categories h4						{ background: #484b3a; border: solid 2px #000; color: #fff; font-size: 11px; margin: 0 0 8px 0; padding: 4px; }
.categories div.item				{ float: left; height: 24px; margin: 8px 0 8px 0; text-align: center; width: 20%; }

.retailsaleprice					{ text-decoration: line-through; }
.saleprice							{ color: #c00000; }
