/* Output HTML code for catalog product list

    Use stylesheet to modify the following elements of the catalog listing

    1.  span.noProductsMsg
    2.  table.prodList
    3.  td.catalogItemImage
    4.  td.catalogItemText
    5.  a.productName
    6.  span.catalogItemPrice
    7.  span.catalogItemSalePrice
    8.  img
*/

span.noProductMsg{
  color:silver;
}

table.prodList{
  width:100%;
}

td.catalogItemImage img{
  border: 1px solid #C2AFEB;
}
td.catalogItemImage{
  text-align:center;
  vertical-align:top;
}

td.catalogItemText{
  padding-top:10px;
  padding-bottom:10px;
}

td.catalogItemText div{
  width:175px;
}
 
a.productName{
  font-size: 10pt;
  color: #C2AFEB;
}

span.catalogItemPrice{
  color:#fff;
}

span.catalogItemSalePrice{
  color:red;
}

img{
  border: none;
}

td#couponError{
	color: #FFCC00;
	height: 35px;
	text-align:center;
	vertical-align:middle;
}

td.cartBottomRow{
	border-top:1px solid #ccc;
	margin-top:10px;

}

td.cartHeader{
	color:#000000;
	font-size:10pt;
	font-weight:bold;
}

td.cartItem{
    font-weight:bold;
    font-size:10pt;
    padding-top:6px;
    padding-bottom:6px;
}

td.cartPrice{
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:6px;
	padding-bottom:6px;
}

tr.cartHeader{
	background-color:#CCCCCC;
}

img.cartImage{
	width:100px;
	margin:0px 10px 10px 0px;
	border:solid 1px #000;
}