/*------------------------------------------------------------
   Catalog Page
------------------------------------------------------------*/
#ecommMessage
{
   padding-top: 20px;
}

#ecommError
{
   padding-top: 20px;
   color: #900;
}

#ecommNav
{
   margin: 0px;
   padding: 0px;
}

#ecommNav td 
{ 
   padding: 1px 0px; 
   width: 205px;
   border-right: solid 0px #999;
}

#ecommNav td select { width: 190px; }

.ecommCatalog
{
   margin: 20px 0px;
}

.ecommCatalog .ecommProduct
{
   float: left;
   width: 180px;
   height: 450px;
   border: solid 1px #ddd;
   overflow: hidden;
   padding: 10px 10px 10px 10px;
   margin: 0px;
}

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

/* Table on Catalog and Product page */
.ecommCatalog table, #ecommProduct table
{
   border-collapse: collapse;
   font-size: 12px;
   font-weight: normal;
   line-height: 120%;
   margin: 10px 0px 0px 0px;
   padding: 0px;
}

.ecommCatalog table .highlight, #ecommProduct .highlight { background-color: #eee; }

.ecommCatalog table th, #ecommProduct table th 
{ 
   font-weight: normal;
   /* color: #000102; */
   color: #222;
   padding: 3px 5px 3px 0px;
}

.ecommCatalog table td, #ecommProduct table td 
{ 
   color: #676f79; 
   padding: 3px 0px 3px 0px;
}

/* Table on Catalog page */
.ecommCatalog table { width: 180px; }
.ecommCatalog table th { width: 75px; }
.ecommCatalog table td { width: 100px; }

.ecommCatalog a.title:link, .ecommCatalog a.title:visited { color: #222; text-decoration: underline; }
.ecommCatalog a.title:hover, .ecommCatalog a.title:active { color: #676f79; text-decoration: underline; }

.ecommCatalog .price, #ecommProduct .price { font-weight: bold; color: #333; }
.ecommCatalog .sale, #ecommProduct .sale { font-weight: bold; color: #c00; }
.ecommCatalog .stock, #ecommProduct .stock { font-weight: bold; color: #c00; }

#ecommPages
{
   font-size: 12px;
   text-align: left; 
   padding: 0px; 
   width: 580px;
}

/*------------------------------------------------------------
   Product Detail Page
------------------------------------------------------------*/
#ecommLargeMatte
{ 
   border: solid 1px #aaa; 
   float: left; 
}

#ecommProduct
{
   width: 300px;
   margin: 0px 0px 0px 20px;
   float: left;
}

#ecommProduct table { width: 300px; }
#ecommProduct table th { width: 100px; }
#ecommProduct table td { width: 200px; }

/*------------------------------------------------------------
  Progress Bar
------------------------------------------------------------*/
#ecommProgress
{
   background: url(../graphics/flow_bar.gif) no-repeat;
   background-position: 80px 0px;
   font-family: arial, helvetica, verdana, sans-serif;
   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
{
   font-family: arial, helvetica, verdana, sans-serif;
   border-collapse: collapse;
   border: 0px;
   margin: 20px 0px;
}

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

/* th */
#ecommCart th 
{ 
   background-color: #920202; 
   border: solid 1px #920202;
   font-size: 11px;
   font-weight: normal;
   text-align: left;
   text-transform: uppercase;
   color: #fff;
   padding: 3px 8px 0px 8px;
}

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

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

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

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

#ecommCol3
{
   float: left; 
   width: 350px;
   padding-bottom: 75px;
}

.ecommNote { color: #888; }

/*------------------------------------------------------------
   Buttons
------------------------------------------------------------*/
#ecommResetButton, #ecommSearchButton,
.ecommCartButton,
#ecommShopButton, #ecommUpdateButton, #ecommCheckoutButton, 
#ecommContinueButton, #ecommModifyButton
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   letter-spacing: 0px;
   padding: 2px 10px 2px 10px;
   margin: 0px;
   border: solid 1px #ccc;
   background-color: #f7a01d;
   cursor: pointer; 
   color: #fff;
   height: 21px;
}

#ecommResetButton
{ 
   background: url(../graphics/button_back_red.gif) no-repeat;
   background-color: #ce373c;
   border: none;
   width: 89px;
   height: 21px;
}

#ecommSearchButton
{ 
   background: url(../graphics/button_back_yellow.gif) no-repeat;
   background-color: #f8a933; 
   border: none;
   width: 89px; 
   height: 21px;
}

.ecommCartButton 
{ 
   background: url(../graphics/button_back_blue.gif) no-repeat;
   background-color: #275da7; 
   border: none;
   margin-top: 4px;
   width: 89px; 
   height: 21px;
}

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

.AuthorizeNetSeal 
{
   float: right;
   margin: 0 20px 20px 0;
}