/*------------------------------------------------------------
   Catalogs / Products
------------------------------------------------------------*/
.ecommCatalog
{
   margin: 20px 0px;
}

.ecommNav
{
   text-align: left;
   margin: 0px;
   padding: 0px 0px 8px 0px;
}

.ecommProduct
{
   width: 350px;
   margin: 0px 0px 0px 20px;
   float: left;
}

.ecommTable
{
   margin-top: 10px !important;
   padding: 0px !important;
   border-collapse: collapse !important;
}

.ecommTable td 
{
   padding: 3px 3px 3px 0px;
}

#ecommLargeMatte, .ecommProduct #largeMatte 
{ 
   border: solid 1px #aaa; 
   float: left; 
}

.ecommCatalog .ecommProduct
{
   float: left;
   height: 300px;
   border: solid 1px #ddd;
   overflow: hidden;
   padding: 15px 15px 15px 15px;
   margin: 0px;
}

.ecommProduct .thumbMatte
{
   border: solid 1px #aaa;
   padding: 0px;
   margin: 0px;
}

.ecommProduct h3 { margin-top: 15px; }
.ecommProduct .price { font-weight: bold; }
.ecommProduct .sale { font-weight: bold; color: #c00; }
.ecommProduct .stock, .ecommTable .stock  { font-weight: bold; color: #c00; }

/*------------------------------------------------------------
  Progress Bar
------------------------------------------------------------*/
#ecommProgress
{
   background: url(../graphics/flow_bar.gif) no-repeat;
   background-position: 80px 0px;
   margin-left: -50px;
   width: 650px;
   height: 55px;
}

#ecommProgress .ecommStep
{
   float: left;
   text-align: center;
   width: 130px;
   color: #888;
}

#ecommProgress .ecommStep img { margin-bottom: 5px; }
#ecommProgress .ecommStep #selected { color: #000; }

/*------------------------------------------------------------
  Cart
------------------------------------------------------------*/
#ecommCart
{
   border-collapse: collapse;
   border: 0px;
   margin: 20px 0px;
}

h2 + #ecommCart { margin-top: 5px; }

/* th */
#ecommCart th 
{ 
   background-color: #000; 
   border: solid 1px #000;
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   vertical-align: bottom;
   color: #fff;
   padding: 3px 8px;
}

/* td */
#ecommCart td
{
   border: solid 1px #ddd;
   vertical-align: top;
   font-size: 12px;
   font-weight: normal;
   padding: 4px 8px;
}

#ecommCart .highlight td { background-color: #eed; }
#ecommCart #buttons td { background-color: #eee; padding: 10px; }

/*------------------------------------------------------------
   Billing, Shipping, Credit Card Forms
------------------------------------------------------------*/
#ecommCol1
{
   float: left; 
   width: 225px; 
   border-right: solid 1px #999;
}

#ecommCol2
{
   float: left; 
   width: 25px; 
}

#ecommCol3
{
   float: left; 
   width: 375px; 
}

.ecommNote { color: #888; }

/*------------------------------------------------------------
   Buttons
------------------------------------------------------------*/
.ecommAddButton, .ecommDetailButton,
#ecommShopButton, #ecommUpdateButton, #ecommCheckoutButton, 
#ecommContinueButton, #ecommModifyButton
{
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   padding: 2px 10px 2px 10px;
   margin: 0px;
   border: solid 1px #ccc;
   background-color: #feb306;
   cursor: pointer; 
   color: #fff;
}

#ecommUpdateButton { margin: 0px 50px; }
#ecommCheckoutButton { background-color: #aa9c12; }
#ecommContinueButton { background-color: #aa9c12; }