/* Legacy wrappers (to take care of product tables and other items that 
   are not generated via the template system. */

/*****************************/
/*** Debugging and helpers ***/
/*****************************/
.outline {
  border: 1px dotted #f96;
}
.indent {
  padding-left: 122px;
}
.goleft {
  text-align: left;
}
table.goleft td {
  text-align: left;
}
.gocenter {
  text-align: center;
}
.goright {
  text-align: right;
}
.goleft {
  text-align: left;
}
em {
  color: #5f492d;
  font-weight: bold;
  font-style: normal;    
}
.box1 {
  border-top:1px solid #DADADA; 
  border-bottom:1px solid #DADADA;
}
p.lecart-utils-warning {
  padding: 8px;
  font-weight: bold;
  background-color: #C89197;
  text-align: center;
}

.clearfix {
  clear: both;
}
/*******************************************/
/*** To style h3/h4 like h1/h2 (for SEO) ***/
/*******************************************/
h3.sim-h1,h4.sim-h1 {
  color: #5f492d;
  font-size: 13pt;
  margin: 1px;
  text-align: center;
  letter-spacing: -0.6px;
}

h3.sim-h2,h4.sim-h2 {
  color: #6f593d;
  font-size: 11pt;
  margin: 1px;
  text-align: center;
}


/***************************************************/
/*** Main page containers (header, content, etc. ***/
/***************************************************/
div#ls-header {
  width: 700px;
  padding: 6px 0 0 0;
  margin: 0 auto 0 auto;
}

/* Floaty: Right, tabbish */
div#floaty-nav {
  padding: 0;
  margin: 0;
  height: 15px;
  background-image: url(/graphics/floaty_nav_bg.gif);
  background-position: top right;
  background-repeat: no-repeat;
}
div#floaty-nav ul {
  padding: 2px 0 0 550px; /* ls-header.width - this.width - border(s),padding,etc. */
  margin: 0;
  color: #AAA;
  font-size: 9px;
  text-align: center;
  list-style: none;
}
div#floaty-nav li {
  display: inline;
}
div#floaty-nav a {
  color: #7f694d;
}


/***********************************************************************/
/*** The big box that contains all content (other than the header).  ***/
/***********************************************************************/
div#ls-content {
  width: 700px;
  padding: 0;
  margin: 0 auto 0 auto;
  text-align: center;
}

/***********************************************/
/*** A border for images needing borders.... ***/
/***********************************************/
.border1b {
  border: 1px solid #e4ded6;
}
.border1 {
  border: 1px solid #5f492d;
}
.border0 {
  border: 0px;
}

/****************************************************************/
/*** The "info" boxes that sometimes appears at page headers. ***/
/****************************************************************/
/* Sometimes it is a table. */
table.info {
  width: 700px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  font-style: normal;
  /* font-weight: bold; */
  color: #000000;
  padding: 6px 12px 12px 12px;
  text-align: center;
  background-color: #F6F6F6;
  background-image: url(/graphics/topedge_bg2.gif);
  background-position: top left;
  background-repeat: repeat-x;
}
/* Sometimes it is a div. */
div.info {
  width: 700px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  font-style: normal;
  /* font-weight: bold; */
  color: #000000;
  padding: 6px 0 12px 0;
  text-align: center;
  background-color: #F6F6F6;
  background-image: url(/graphics/topedge_bg2.gif);
  background-position: top left;
  background-repeat: repeat-x;
}
/* Sometimes it is a table with pictures in it (so no gradient) */
table.info-plain {
  width: 700px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  font-style: normal;
  /* font-weight: bold; */
  color: #000000;
  padding: 6px 12px 6px 12px;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  text-align: center;
}
/* And sometimes that div is plain too... */
div.info-plain {
  width: 700px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  font-style: normal;
  /* font-weight: bold; */
  color: #000000;
  padding: 6px 12px 12px 12px;
  text-align: center;
}
/* These let us override .info, .info-plain (or any other element that is centered). */
div.text-left,
table.text-left {
  text-align: left;
}
div.text-right,
table.text-right {
  text-align: right;
}
div.text-center,
table.text-center {
  text-align: center;
}
div.featurebox-horizontal {
  width: 700px;
  /* NRD: Removed 2010-01-26 
  border-bottom: 1px solid #DADADA;
  padding: 8px 0 8px 0;
  */
  border-top: 1px solid #DADADA;
  padding: 8px 0 0 0;
  margin-top: 10px;
  
  font-size: 1.15em;
  font-weight: bold;
  
  /* letter-spacing: 0.3px;  */
  /* Same face as the "Recent Additions" box */
  /*
  font-size: 13pt;

  font-family: Times New Roman,Georgia,Serif;
  font-weight: bold;
  */
}

div.featurebox-horizontal a {
  text-decoration: none;
}

div.featurebox-horizontal img {
  margin: 0 8px 0 8px;
  padding-bottom: 2px;
}

/* Error pages (404, cart pages, etc.). */
div.error-plain {
  width: 500px;
  margin: 12px auto 12px auto;
  padding: 8px 24px 8px 24px;
  /* border-top: 1px solid #DADADA; 
  border-bottom: 1px solid #DADADA;*/
}
div.error-plain h1 {
  border-top: 2px solid #F5DA57;
  border-bottom: 2px solid #F5DA57;
  background-image: url(/graphics/icons/error.png);
  background-repeat: no-repeat;
  background-position: 8px 2px;
}
div.error-plain.e404 h1 {
  background-image: url(/graphics/icons/error_go.png);
  background-repeat: no-repeat;
  background-position: 8px 2px;
}
div.error-plain.noprod h1 {
  background-image: url(/graphics/icons/error_add.png);
  background-repeat: no-repeat;
  background-position: 8px 2px;
}


/*****************************************************************/
/*** The dated 'info' Tables (for Recent Additions, Blog, etc. ***/
/*****************************************************************/
table.dated-info {
  width: 500px;
}
table.dated-info tr.item {
}
table.dated-info td.date {
  color: #5F492D;
  font-weight: bold;
  vertical-align: top;
}
table.dated-info td.info {
  font-weight: normal;
  vertical-align: top;
}

/**
 * The "collection-nav" is a ul/li that is ment for interlinking between pages
 * in a product collection.
 */
ul.collection-nav {
  width: 700px;
  text-align: center;
  border-top: 1px solid #D7CEC7;
  border-bottom: 1px solid #D7CEC7;
  padding: 0;
  margin: 0.75em auto 0.75em auto;
}
ul.collection-nav {
  display:table;
  border-collapse: collapse;
}
ul.collection-nav li {
  display: table-cell;
  list-style: none;
  padding: 0px;
  width: 18.0%; /* NRD: This works for 5 items in a 700px wide layout. */
}
ul.collection-nav li a {
  display: block;
  line-height: 2.0em;
  margin: 2px 1px 2px 1px;
  text-decoration: none;
  background-color: #D7CEC7;
  color: #333;
  padding: 0;
}
ul.collection-nav li a:hover {
  background-color: #E9E4DF;
}
ul.collection-nav li.selected a {
  background-color: #F7F7F7;
  color: #666;
}
ul.collection-nav li.selected a:hover {
  background-color: #F7F7F7;
}

/***********************************/
/*** The default "product" table ***/
/***********************************/

table.prod {
  width: 700px;
  /* border: 1px dotted #00f; */
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 1.0em;
  font-style: normal;
  /* font-weight: bold; */
  color: #000000;
  border-collapse: collapse; /* EJW: 03/20/08 */
}
table.prod h1 {
  /* color: #5f492d;*/
}
table.prod td {
  /* border: 1px dotted #eee; */ /* EJW: Debugging only */
  padding: 3px 12px 6px 12px;
}
table.prod table {
  margin: 0 auto; /* Center tables inside of the prod table */
}
/* Add a few fixed-width td classes (for non-alternating prod tables) */
table.prod td.fixed-img2 {
  width: 200px;
  vertical-align: top;
  text-align: center;
}

/*****************************************/
/*** The 500px default "product" table ***/
/*****************************************/
table.prod500 {
  width: 500px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 1.0em;
  font-style: normal;
  /* font-weight: bold; */
  color: #000000;
  border-collapse: collapse; /* EJW: 03/20/08 */
}
table.prod500 h1 {
  color: #5f492d;
}
table.prod500 td {
  /* border: 1px dotted #eee; */ /* EJW: Debugging only */
  padding: 3px 12px 6px 12px;
}
table.prod500 td.fixed-img2 {
  width: 200px;
  vertical-align: top;
  text-align: center;
}
table.prod500 table {
  margin: 0 auto; /* Center tables inside of the prod table */
}


/*****************************************/
/*** The 300px default "product" table ***/
/*****************************************/
table.prod300 {
  width: 300px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 1.0em;
  font-style: normal;
  /* font-weight: bold; */
  color: #000000;
  border-collapse: collapse; /* EJW: 03/20/08 */
}
table.prod300 h1 {
  color: #5f492d;
}
table.prod300 td {
  /* border: 1px dotted #eee; */ /* EJW: Debugging only */
  padding: 3px 12px 6px 12px;
}
table.prod300 table {
  margin: 0 auto; /* Center tables inside of the prod table */
}

/** 
 * This only works inside of tables with "border-collapse: collapse;" 
 * (table.prod, table.prod-500, table.prod-300, table.bead-prod, etc.)
 **/
tr.rowbox {
  border-top:1px solid #DADADA; 
  background-color: #f0f0f0;
}


/*****************************************************/
/*** Some selectors to modify existing prod tables ***/
/*****************************************************/
table.narrow td {
  /* border: 1px dotted #f00; */ /* EJW: Debugging only */
  padding: 3px 0px 6px 0px;
}


/***********************************************************/
/*** The tables (or rows) created by calls to ls-buyline ***/
/***********************************************************/
td.buy-btn img {
  border: 0;
}

/* Style for the buyline/table.tpl template. */
table.buyline-table {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
table.buyline-table td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-table td.product-id {
  padding: 0 0 0 1.3em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:0 4px;
}

/* Style for the buyline/table1.tpl template. */
table.buyline-table1 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
table.buyline-table1 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-table1 td.product-id {
  padding: 0 0 0 1.3em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:0 4px;
}


/* Style for the buyline/table2.tpl template. */
table.buyline-table2 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
table.buyline-table2 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-table2 td.product-id {
  padding: 0 0 0 1.3em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:0 2px; /* EJW: Why is this 2, when the other buylines are 4? */
}
table.buyline-table2 td.buy-btn {
  text-align: center;
}


/* Style for the buyline/table3.tpl template. */
table.buyline-table3 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}

table.buyline-table3 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}

table.buyline-table3 td.product-id {
  padding: 0 0 0 1.3em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:0 2px; /* EJW: Why is this 2, when the other buylines are 4? */
}

table.buyline-table3 td.buy-btn {
  text-align: center;
}

/* Style for the buyline/table4.tpl template. */
table.buyline-table4 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;  
  width: 100%;
}
table.buyline-table4 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-table4 td.product-id {
  padding: 0 0 0 1.3em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:2px 1px;
}
table.buyline-table4 td.buy-btn {
  text-align: center;
}
table.buyline-table4 td.product-title {
  text-align: center;
}
table.buyline-table4 td.product-id {
  text-align: right;
}
table.buyline-table4 td.product-priceformatted {
  text-align: left;
}

/* Style for the buyline/table5.tpl template. */
table.buyline-table5 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
table.buyline-table5 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-table5 td.product-id {
  padding: 0 0 0 1.3em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:2px 1px;
}
table.buyline-table5 td.product-title {
  text-align: center;
}
table.buyline-table5 td.buy-btn {
  text-align: center;
}
table.buyline-table5 td.product-id {
  text-align: right;
}
table.buyline-table5 td.product-priceformatted {
  text-align: left;
}

/* Style for the buyline/table6.tpl template. */
table.buyline-table6 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
table.buyline-table6 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-table6 td.product-id {
  padding: 0 0 0 1.3em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:0 4px;
}

/* Style for the buyline/table7.tpl template. */
table.buyline-table7 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
table.buyline-table7 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-table7 td.product-title {
  text-align: center;
}
table.buyline-table7 td.product-id {
  padding: 0 0 0 1.3em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:0 4px;
}


/* Style for the buyline/table8.tpl template. */
table.buyline-table8 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
table.buyline-table8 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-table8 td.product-title {
  text-align: center;
}
table.buyline-table8 td.product-id {
   /* padding: 0 0 0 1.3em; 
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:0 4px; */
}
table.buyline-table8 td.buy-btn {
  text-align: center;
}


/* Style for the buyline/table9.tpl template. */
table.buyline-table9 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
table.buyline-table9 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-table9 td.product-title {
  text-align: center;
}
table.buyline-table9 td.product-id {
  padding: 0 0 0 1.3em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:0 4px;
}


/* Style for the buyline/tr1.tpl template. */
table.buyline-tr1 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  font-size: 1.0em;
}
table.buyline-tr1 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-tr1 td.product-id {
  padding: 0 0 0 1.3em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:0 4px;
}
/* Make a separator row. */
table.buyline-tr1 tr.hr1  td {
/*
  border-top: 1px solid #0f0;
  border-bottom: 1px solid #f00;
*/
  border-top: 1px solid #DADADA;
  padding: 0;
  margin: 2px 0 0 0;
  font-size: 0;
  overflow: none;
}

/* Style for the buyline/tr2.tpl template. */
table.buyline-tr2 {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  font-size: 1.0em;
}
table.buyline-tr2 td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  padding: 0 6px 0 6px;
}
table.buyline-tr2 td.product-title {
  padding: 0 0 0 1.6em; /* Add some padding for the graphic. */
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position:0 4px;
}
/* Make a separator row. */
table.buyline-tr2 tr.hr1  td {
/*
  border-top: 1px solid #0f0;
  border-bottom: 1px solid #f00;
*/
  border-top: 1px solid #DADADA;
  padding: 0;
  margin: 2px 0 0 0;
  font-size: 0;
  overflow: none;
}


/*********************************/
/*** Front page list of links. ***/
/*********************************/


/* The "Level0" links */
ul.ls-lvl0 {
  padding-left: 0px;
  margin-left: 0px;
  font-size:1.0em;
  /* font-weight: bold; */
  list-style: none;
}
ul.ls-lvl0 li {
  margin: 1px;
  padding: 0 0 0 0em; /* Bullet spacing - use right pad */
  background-repeat: no-repeat;
  background-position: 0 0;
  border-bottom: 1px solid #DADADA;
}
ul.ls-lvl0 a {
  text-decoration: none;
  display: block; /* Combined with hover color, make a wide hover block */
}
ul.ls-lvl0 a:hover {
  background-color: #F0F0F0;
}


/* The "Level1" links */
ul.ls-lvl1 {
  padding: 0;
  margin: 0.3em 0 0 2.5em; /* Indention - use right pad */
  font-size: 1em;
  /* font-weight: bold; */
  list-style: none;
}
ul.ls-lvl1 li {
  margin: 1px;
  padding: 0 0 0 1.3em; /* Bullet spacing - use right pad*/
  /* background-image: url(/graphics/arrowbullet.png);*/
  background-image: url(/graphics/starbullet3t.gif);
  background-repeat: no-repeat;
  background-position: 0 1px;
  border-bottom: 1px solid #DADADA;
}
ul.ls-lvl1 a {
  text-decoration: none;
  display: block; /* Combined with hover color, make a wide hover block */
}
ul.ls-lvl1 a:hover {
  background-color: #F0F0F0;
}


/* The "Level2" links */
ul.ls-lvl2 {
  padding: 0;
  margin: 0.3em 0 0 2.5em; /* Indention - use right pad */
  font-size: 1em;
  /* font-weight: bold; */
  list-style: none;
}
ul.ls-lvl2 li {
  margin: 1px;
  padding: 0 0 0 1.3em; /* Bullet spacing - use right pad*/
  /* background-image: url(/graphics/arrowbullet.png);*/
  background-image: url(/graphics/starbullet3t.gif);
  background-repeat: no-repeat;
  background-position: 0 1px;
  /*border-bottom: 1px solid #DADADA;*/
}
ul.ls-lvl2 a {
  text-decoration: none;
  display: block; /* Combined with hover color, make a wide hover block */
}
ul.ls-lvl2 a:hover {
  background-color: #F0F0F0;
}


/******************************/
/*** The "topnav" elements. ***/
/******************************/


/* Set up the container for the topnav */
div.ls-topnav {
  /* border: 1px solid #5F492D; */
  font-size: 14px;
  text-align: center;
  width: 700px;
  margin: 0px auto 12px auto; /* centered... */
  /* margin:0 auto;  */
}


/* Format the category topnav */
div.ls-topnav div.category {
  padding: 8px 8px 5px 8px;
  font-weight: normal;
  letter-spacing: 1.25px;
  border-bottom: 1px solid #5F492D;
  background-color: #E7E2DD;
  background-image: url(/graphics/category_bg.gif);
  background-position: top left;
  background-repeat: repeat-x;    
}

/* Format the small "featured" box (for LePen, etc.) */
div.ls-topnav .featured {
  position: relative;
  left: 80px;
  padding: 0;
  margin: 2px 2px 2px 2px;
  border: 1px solid #333;  
}

/* Format the selected category */
div.ls-topnav div.category .selected {
  background-color: #F9F8F3;
  padding: 3px 3px 7px 9px;
  border-top: 1px solid #5F492D;
  border-right: 1px solid #5F492D;
  border-left: 1px solid #5F492D;
  border-bottom: none;
}
div.ls-topnav div.category .selected a {
  /* text-decoration: none; */
  font-weight: bold;
}


/* Allow some control of spacing around the category separators. */
div.ls-topnav div.category span.sep {
  padding-left: 6px;
  padding-right: 6px;
  color: #7F694D;
}

/* Format the subcategory topnav */
div.ls-topnav div.subcategory {
  background-color: #F9F8F3;
  border-bottom: 1px solid #5F492D;
  padding: 8px;
  font-size: 12px;
  font-weight: normal;
  /* letter-spacing: -0.25px; */
}


/* Format the selected subcategory */
div.ls-topnav div.category .selected {
}
div.ls-topnav div.subcategory .selected a {
  /* text-decoration: none; */
  font-weight: bold;
}


/* Allow some control of spacing around the category separators. */
div.ls-topnav div.subcategory span.sep {
  padding-left: 6px;
  padding-right: 6px;
}


/* Format the message topnav */
div.ls-topnav div.message {
  background-color: #F7F7F7;
  border-bottom: 1px solid #5F492D;
  padding: 6px;
  font-size: 11px;
  font-weight: bold;
}


/* Collapse the margins and padding on p tags to match the menu height. */
div.ls-topnav div.message p {
  padding: 0;
  margin: 0;
}

/****************************************/
/*** The "ls-collectionnav" elements. ***/
/****************************************/

/* NRD: Please note that div.ls-collectionnav is generated by 
   ls_collectionnav_bead() and is a completely different than
   the manually coded ul.collectionnav. */

/* Set up the container for the collectionnav */
div.ls-collectionnav {
  padding: 0; 
  border-top: 1px solid #D7CEC7;
  border-bottom: 1px solid #D7CEC7;

  text-align: center;
  width: 700px;
  margin: 0px auto 12px auto; /* centered... */
}

/* Format the collectionnav */
div.ls-collectionnav div.collection {
  font-size: 14px;
  /* letter-spacing: 1.25px; */
  padding: 4px;
  font-weight: bold;
  color: #4F391D;
  background-color: #f9f8f3;
  border-bottom: 1px solid #d7cec7;
}

div.ls-collectionnav div.collection a {
  text-decoration: none;
  color: #4F391D;
}


/* Format the subcollection collectionnav */
div.ls-collectionnav div.subcollection {
  background-color: #EAE6E0;
  padding: 8px;
  /*
  font-size: 13px;
  line-height: 1.25em;
  */
  font-size: 12px;
  font-weight: normal;
}


/* Format the selected subcollection */
div.ls-collectionnav div.collection .selected {
}
div.ls-collectionnav div.subcollection .selected a {
  font-weight: bold;
}


/* Allow some control of spacing around the collection separators. */
div.ls-collectionnav div.subcollection span.sep {
  padding-left: 6px;
  padding-right: 6px;
  color: #bbb4ae;
}


/* Format the message collectionnav */
div.ls-collectionnav div.message {
  background-color: #F7F7F7;
  border-bottom: 1px solid #5F492D;
  padding: 6px;
  font-size: 11px;
  font-weight: bold;
}


/* Collapse the margins and padding on p tags to match the menu height. */
div.ls-collectionnav div.message p {
  padding: 0;
  margin: 0;
}


/*** Footer Elements ***/
table.footer {
  border-top: 1px solid #ccc;
  width: 700px;
  padding: 16px 18px 16px 18px;
  margin: 12px 0 12px 0;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.25px;
  background-color: #F6F6F6;
  background-image: url(/graphics/topedge_bg2.gif);
  background-position: top left;
  background-repeat: repeat-x; 
}
table.footer tr {
  padding:0;
  margin:0;
}
table.footer td {
  vertical-align: top;
  padding:0;
  margin:0;
}
table.footer h1 {
  padding: 8px 8px 4px 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin: 0 0 4px 0;
  padding: 4px;
  text-align: left;
/* EJW: Same treatment as collection nav
  border-bottom: 1px solid #5F492D;
  background-color: #E7E2DD;
  background-image: url(/graphics/category_bg.gif);
  background-position: top left;
  background-repeat: repeat-x;
*/

}
table.footer ul {
  list-style: none;
  margin: 4px 4px 4px 8px;
  padding:0;
  font-size: 0.8em;
}
table.footer li {
  padding: 1px;
}
table.footer blockquote {
  margin:4px 2px 4px 8px;
  font-style: italic;
}

/***********************/
/*** The separators. ***/
/***********************/

/* EJW:
div.sep-hr {
  width: 698px;
  height: 12px;
  margin: 12px auto 16px auto;
  background-color: #f9f8f3;
  border: 1px solid #5f492d;
}
*/

div.sep-hr {
  width: 698px;
  height: 2px;
  margin: 12px auto 12px auto;
  padding: 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 2px solid #F6F6F6;
  font-size: 0px; /* IE6 minimum height hack. */

  background-color: #F0F0F0;
/*
  background-image: url(/graphics/topedge_bg2.gif):
  background-repeat: repeat-x;
  background-position:8px 0;
*/
}

div.sep-text {
  width: 698px;
  margin: 12px auto 12px auto;
  padding: 1px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 2px solid #F6F6F6;
  font-size: 0.9em;
  font-weight: bold;
  color: #5f492d;

  background-color: #F6F6F6;

  background-image: url(/graphics/topedge_bg2.gif);
  background-position: top left;
  background-repeat: repeat-x;
}

/******************************************/
/*** Misc. paragraph and other classes. ***/
/******************************************/


/* Output when products are currently not in the products database. */
p.unavailable {
  font-size: 1.1em;
  padding: 8px;
  font-style: italic;
  border-top: 1px dotted #DADADA;
  border-bottom: 1px dotted #DADADA;
}


/*********************************/
/*** Seach / Swish page Styles ***/
/*********************************/

/* Container for all swish.cgi content */
div.swish-content {
  text-align: left;
}
/* Input form elements. */
div.swish-input {
  margin: 12px 0 12px 0;
  padding: 8px 4px 8px 4px;
  background-color: #F6F6F6;
  background-image: url(/graphics/topedge_bg2.gif);
  background-position: top left;
  background-repeat: repeat-x;
}
/* A single result */
dl.swish-result {
  padding: 4px 4px 8px 4px;
}
dt.swish-title {
  padding: 4px;
  font-size: 1.2em;
}
/* Highlighted phrase in results */
span.highlight {
  background: #F8C1C7;  
}

/******************/
/*** FAQ Styles ***/
/******************/
div.faq {
  width: 700px;
  text-align: left;
  font-size: 1.1em;
}

div.faq .questions {
  padding: 6px 24px 6px 24px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

div.faq .answer {
  margin-top: 24px;
  border-top: 1px solid #ccc;
}
div.faq .answer h1 {  
  margin:0 0 6px 0;
  text-align: left;
  padding: 4px;
  background-color: #D8D0C8;
  background-color: #F6F6F6;
  background-image: url(/graphics/topedge_bg2.gif);
  background-position: top left;
  background-repeat: repeat-x;
}
div.faq .answer p {
  padding: 2px 2px 2px 8px;
}
div.faq .answer h3 {
  padding: 4px;
  margin: 2px;
}
/* Control sublists in the FAQ... */
div.faq .answer ul ul {
  margin: 2px 2px 2px 28px;
  padding: 2px;
}
div.faq .answer ul ul li {
  /* border: 1px solid #f00; */
  padding: 4px;
}

/**************************************/
/*** Misc. options, utilities, etc. ***/
/**************************************/
/*
ul.ls-prod-option-titles {
  list-style: none;
}
*/
ul.ls-prod-option-titles {
  padding: 0;
  margin: 0.3em 0 0 2.5em; /* Indention - use right pad */
  font-size: 1em;
  /* font-weight: bold; */
  list-style: none;
}
ul.ls-prod-option-titles li {
  margin: 1px;
  padding: 1px 1px 1px 1.3em; /* Bullet spacing - use right pad*/
  /* background-image: url(/graphics/arrowbullet.png);*/
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position: 0 1px;
  /* border-bottom: 1px solid #DADADA; */
  list-style: none;
}

p.directto {
  font-size: 1.1em;
  line-height: 1.5em;
  padding: 6px 24px 6px 24px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
p.directto a {
  padding: 1px 1px 1px 1.3em; /* Bullet spacing - use right pad*/
  /* background-image: url(/graphics/arrowbullet.png);*/
  background-image: url(/graphics/starbullet3.gif);
  background-repeat: no-repeat;
  background-position: 0 1px;
}
/******************************************/
/*** For PHPList (mailing list manager) ***/
/******************************************/
.required {
  color: red;
  font-weight: bold;
}








/**********************************/
/*** 123Bead Specific Selectors ***/
/**********************************/

/****************************************/
/*** The default bead "product" table ***/
/****************************************/

table.bead-prod {
  width: 700px;
  /* border: 1px dotted #00f; */
  font-family: Arial, Helvetica, sans-serif;
  /* text-align: center;*/
  font-size: 1.0em;
  font-style: normal;
  /* font-weight: bold; */
  color: #000000;
  border-collapse: collapse; /* EJW: 03/20/08 */
}
table.bead-prod h1 {
  color: #5f492d;
}
table.bead-prod td {
  /* border: 1px dotted #eee; *//* EJW: Debugging only */
  /* padding: 3px 12px 6px 12px; */
}
table.bead-prod table {
  margin: 0 auto; /* Center tables inside of the prod table */
}
/* Add a few fixed-width td classes (for non-alternating prod tables) */
table.bead-prod td.fixed-img2 {
  width: 200px;
  vertical-align: top;
  text-align: center;
}



/*******************************************/
/*** Selectors from the old 123bead site ***/
/*******************************************/

.id-beads-menu {
	border: 1px solid #e4ded6;
}

.id-beads-menu-stone {
	border: 1px solid #5f492d;
}

.id-beads-other-stone {
	border: 1px solid #5f492d;
}

.id-beads-glass-stone {
	border: 1px solid #5f492d;
}

.id-beads-pewter-stone {
	border: 1px solid #5f492d;
}

.id-beads-metal-stone {
	border: 1px solid #5f492d;
}

.id-beads-crystal-stone {
	border: 1px solid #5f492d;
}

.id-beads-glass {
	border: 1px solid #e4ded6;tabular
}

.id-beads-crystal {
	border: 1px solid #e4ded6;
}

.id-beads-metal {
	border: 1px solid #e4ded6;
}

.id-beads-pewter {
	border: 1px solid #e4ded6;
}

.id-beads-other {
	border: 1px solid #e4ded6;
}


/****************************************/
/*** For honest to goodness tables... ***/
/****************************************/
table.tabular1 {
  border: 2px solid #5F492D;
  border-collapse: collapse;
}
table.tabular1 th {
  /* border-bottom: 2px solid #5F492D; */
  background-color: #E2DCD6;
  padding: 4px;
}
table.tabular1 td {
  border: 1px solid #5F492D;
  padding: 4px;
}
/* NRD: allow nested tables to have inherited borders. */
table.tabular1 td table th,
table.tabular1 td table td {
  border: inherit;
}