/************************************
 Category Style 13
 Layout for category page
 12/01/2010
 ************************************/


/**************************************
	Product / Category Containers
**************************************/

/* Category & Product main container */
.categories,
.products {
    width: 100%;
    position: relative;
    padding: 3px 0;
	font-weight: normal; /* reset in case that some container has set bold */
}

/* Row Container for Multiple Categories */
.category-row {
	margin-bottom: 10px;
}

/* First Product or Category in a row */
.rowstart {
    clear: left;
}

/* Individual Products / Categories inside their containers */
.categories .category,
.products .product {
    list-style-type: none;
    margin: 0; /* override default values */
	padding: 0; /* override default values */
    float: left;
    width: 50%;
}



/*******************
	Category (div based layout)
*******************/

/* Individual Category */
.categories .category {
    text-align: center;
}

/* Wrapper for category contents */
.content-category {
    position: relative;
    margin: 0;
}

/* Individual Category Contents */
dl.content-category,
dl.content-category dt,
dl.content-category dd  {
	text-align: center;
}

/* Category Image */
.content-category .category-image img {
    max-width: 175px;
    border: none;
}

/* Category Descriptions */
.content-category .description {
	text-align:center;
    font-weight: normal;
}



/*******************
	Products (table based layout)
*******************/

.productTable {
  border: 1px solid #CCC;
  border-top: 0;
  border-collapse: collapse;
  width: 100%;
}

.productTable .imageRow a:hover {
  border: 0;
}

.productTable img {
  border: 0;
}

.productTable td {
  border: 0 solid #CCC;
  text-align: center;
}

td.imageRow, 
td.titleRow,
td.descRow,
td.priceRow {
  border-width: 0 1px 0 0;
}

td.imageRow {
  border-top-width: 1px;
  padding: 10px 0 5px;
  vertical-align: middle;
}

td.titleRow,
td.descRow {
  padding: 0 2px;
}

td.priceRow {
  vertical-align: top;
  padding-bottom: 5px;
  vertical-align: bottom;
}

td.addToCartRow {
  border-width: 0 1px 0 0;
  padding-bottom: 5px;
}

td.titleRow a {
  font-weight: bold;
}

td.noBorder {
  border-top-width: 1px;
}

td p {
  margin: 0;
  padding: 0;
}