
/* basic elements */
body { 
  margin: 4px; 
  background: #226;
  }
p { 
  margin-top: 0px; 
  }
h2 { 
  font: normal 12pt georgia; 
  letter-spacing: 4px; 
  margin-bottom: 0px; 
  color: #7D775C;
  font-weight: bold;
  }

a:hover, a:active { 
  text-decoration: underline; 
  color: #f00;
  }


.frame_top { /* frame top box */
  text-align: center;
  margin-top: 4px;
  color: #eee;
  font-size: 32px;
  font-family: Arial, Arial Narrow, Times New Roman;
  font-weight: bold;
  }

.intro1 { /* top box */
  border: 1px solid #aaaa99;
  text-align: center;
  background: #eeeecc;
  /*
  width: 720px;
  */
  }

.mfg_box {
  font-size: 0.9em;
  margin: 8px 8px 8px 8px;
  background: #ffffff;
  border: 2px solid #ff0000;
  }

.intro1 H1 {
  font-size: 2.0em;
  letter-spacing: 6px; 
  word-spacing: 12px; 
  line-height: 0.9em;
  margin: 2px 2px 0px 2px;
  }

.intro1 H2 {
  font-size: 0.9em;
  margin: 0px 2px 2px 200px;
  letter-spacing: 2px; 
  word-spacing: 12px; 
  color: #ff0000;
  font-family: Arial, Arial Narrow, Times New Roman;
  font-weight: bold;
  }

.intro2 { /* top box */
  border-left: 1px solid #aaaa99;
  border-right: 1px solid #aaaa99;
  text-align: center;
  background: #eeeecc;
  font-size: 13px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 2px;
  }

.intro3 { /* top box - side-by-side text part*/
  text-align: left;
  background: #eeeecc;
  font-size: 13px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 2px;
  }

.head1 {
  font-size: 0.8em;
  margin: 2px;
  text-align: center;
  }

.head1-on {
  font-family: Arial, Arial Narrow, Times New Roman;
  font-size: 0.9em;
  font-weight: bold;
  color: #ff0000;
  padding: 2px;
  text-align: center;
  }


.box_update {
  margin: 4px 20px 4px 20px;
  background: #eee;
  padding: 2px;
  border: 1px solid #0014a8;
  border: 1px solid #000000;
  font-size: 11px;
  font-family: Arial, Arial Narrow, Times New Roman;
  font-weight: bold;
  color: #df0000;
  text-align: center;
  }

.box2 {
  padding: 2px;
  margin: 0px 2px 4px 2px;
  background: #eeeecc;
  border: 1px solid #0014a8;
  padding-bottom: 0.5em;
  }

.box1 {
  margin-bottom: 6px;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #888;
  padding: 4px;
  }

.list2 {
  margin-top: 4;
  margin-right: 6px;
  margin-bottom: 12px;
  margin-left: 0px;
  width: 230px;
  /*
  border-left: 1px solid #0014a8;
  border-top: 1px solid #0014a8;
  border-bottom: 5px solid #333;
  border-right:  5px solid #333;
  */
  }

.box-right {
  padding-bottom: 6px;
  padding-right: 0px;
  border:    1px solid #888;
  border-right:    1px solid #888;
  border-left:    1px solid #888;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 6px;
  }

.head2 {
  margin: 0px;
  background: #888;
  padding: 1px;
  }

.head2-text {
  font-size: 0.8em;
  line-height: 1.5em;
  text-align: center;
  background: #fff;
  font-family: Arial, Arial Narrow, Times New Roman;
  font-weight: bold;
  color: #000;
  background: #dde;
  }

.box-left {
  margin-right: 0px;
  margin-bottom: 12px;
  padding: 0px;
  padding-bottom: 12px;
  /*
  border-right:  1px solid #fff;
  border-bottom:  1px solid #fff;
  */
  }

.list2-header {
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
  border-right: 2px solid #f00;
  font-family: Arial, Arial Narrow, Times New Roman;
  padding: 2px;
  padding-left: 4px;
  font-size: 1.0em;
  font-weight: bold;
  color: #555;
  background: #ffe;
  }

.list2-list {
  font-family: Times New Roman;
  font-size: .8em;
  padding-left: 6px;
  padding-bottom: 6px;
  padding-top: 4px;
  line-height: 1.3em;
  background: #ccc;
  margin-left: 0px;
  border-right: 2px solid #f00;
  border-left: 1px solid #f00;
  border-bottom: 2px solid #f00;
  }

.list2-list-item {
  margin-top:8px;
  margin-bottom:20px;
  font-size: 1.1em;
  }

.list3 {
  margin-bottom: 12px;
  background: #eeeecc;
  padding: 0px 1px 1px 1px;
  padding: 1px;
  width: 230px;
  }

.list3-b {
  background: #eeeecc;
  padding: 2px;
  }

.list3-s {
  margin-bottom: 1px;
  background: #000;
  padding: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #eeeeee;
  text-align: center;
  font-weight: bold;
  font-family: Arial, Arial Narrow, Times New Roman;
  }

.list3-r {
  border: 1px solid #555555;
  margin: 3px;
  padding: 3px;
  background: #eeeecc;
  background: #ffffff;
  text-align: center;
  }

.list3-r2 {
  border: 1px solid #555555;
  margin: 6px 3px 3px 3px;
  padding: 2px;
  background: #eeeecc;
  font-size: 11px;
  font-family: Arial, Arial Narrow, Times New Roman;
  }

.list3-item {
  border-top: 1px solid #555555;
  border-right: 1px solid #555555;
  border-left: 1px solid #555555;
  background: #eeeecc;
  font-family: Arial, Arial Narrow, Times New Roman;
  font-weight: bold;
  font-size: 13;
  padding-left: 6px;
  padding-bottom: 6px;
  padding-top: 4px;
  }

.list3-item-last {
  border: 1px solid #555555;
  background: #eeeecc;
  font-family: Arial, Arial Narrow, Times New Roman;
  font-weight: bold;
  font-size: 13;
  padding-left: 6px;
  padding-bottom: 6px;
  padding-top: 4px;
  }

.legal {
  margin-top: 10px;
  background: #000;
  border: 1px solid #ddd;
  padding: 2px;
  color: #eee;
  font-size: 11px;
  font-family: Arial, Arial Narrow, Times New Roman;
  }

.email {
  margin-bottom: 1px;
  margin-top: 1px;
  background: #000;
  padding: 0px 1px 1px 1px;
  padding: 1px;
  }

.email-img {
  padding: 6px 2px 2px 10px;
  float: left;
  height: 50px;
  }

.email-header {
  margin-left: 50px;
  margin-top: 8px;
  padding: 2px;
  color: #eeeeee;
  text-align: center;
  font-weight: bold;
  font-family: Arial, Arial Narrow, Times New Roman;
  height: 50px;
  }

.email-text {
  padding: 2px;
  color: #eeeeee;
  text-align: center;
  font-size: .8em;
  font-weight: bold;
  }

.item1 {
  border: 2px solid #000;
  padding: 5px;
  margin-right: 6px;
  margin-left: 6px;
  margin-top: 6px;
  font-size: .8em;
  background: #fff;
  }

.item1-pic {
  clear: both; 
  width: 110px; 
  float: left;
  text-align: center;
  font-weight: bold;
  color: #ff0000;
  margin: 2px;
  }

.item1-desc {
  clear: right; 
  padding: 4px 1px 1px 2px;
  font-weight: bold;
  color: #f00;
  text-decoration: underline; 
  font-size: 1.1em;
  }

.item1-text {
  clear: right; 
  padding: 4px 1px 1px 2px;
  }

.item2 {
  padding: 5px;
  /*
  border: 2px solid #f00;
  */
  margin-right: 6px;
  margin-left: 6px;
  margin-top: 6px;
  font-size: .8em;
  background: #fff;
  }

.item2-head {
  clear: both;
  text-align: center;
  font-weight: bold;
  color: #ff0000;
  font-size: 1.8em;
  }

.item2-save {
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
  background: #eeeecc;
  margin: 3px;
  padding: 2px;
  border: 1px solid #000;
  }

.item2-pic {
  clear: both;
  width: 110px;
  float: left;
  text-align: center;
  font-weight: bold;
  color: #ff0000;
  /*
  margin: 2px;
  */
  }

.item2-desc {
  clear: right;
  padding: 4px 1px 1px 2px;
  font-weight: bold;
  color: #f00;
  text-decoration: underline;
  font-size: 1.1em;
  }

.item2-text {
  clear: right; 
  text-align: left;
  padding: 4px 1px 1px 2px;
  }

/******************************************************************************/
.item-sm { /* best sellers item box */
  font-size: .8em;
  border-top: 1px solid #aaa;
  padding-top: 6px;
  padding-bottom: 6px;
  }

.item-new { /* New Item line */
  font-family: Arial, Times New Roman, Courier;
  font-size: 1.2em;
  font-weight: bold;
  color: #003399;
  margin-left: 110px;
  margin-right: 6px;
  text-align: center;
  }

.misc-mfg1 { /* mfg name/categories */
  margin-bottom: 1em;
  font-size: 1.1em;
  text-align: center;
  }

.box2-items { /* best sellers */
  padding: 2px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 6px;
  background: #fff;
  border-style: solid;
  /* border-color: #0014a8; */
  border-color: #888888;
  border-width: 1px 1px 1px 1px;
  text-align: center;
  }

.box2-gift { /* gift certificates */
  padding: 2px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 6px;
  background: #fff;
  border-style: solid;
  border-color: #0014a8;
  border-width: 1px 1px 1px 1px;
  text-align: center;
  }

.box2-help { /* help subscription */
  padding: 2px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 6px;
  background: #fff;
  border-style: solid;
  /* border-color: #0014a8; */
  border-color: #888888;
  border-width: 1px 1px 1px 1px;
  }

.box2-email { /* email subscription */
  padding: 2px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 6px;
  background: #fff;
  border-style: solid;
  /* border-color: #0014a8; */
  border-color: #888888;
  border-width: 1px 1px 1px 1px;
  text-align: center;
  }

.box2-infobox { /* informational boxes in top-middle */
  padding: 2px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 6px;
  background: #fff;
  border-style: solid;
  border-color: #888888;
  border-width: 1px 1px 1px 1px;
  text-align: center;
  }

.box2-notice { /* announcements */
  padding: 2px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 6px;
  background: #fff;
  border-style: solid;
  border-color: #888888;
  border-width: 1px 1px 1px 1px;
  text-align: center;
  }

.box2-toc {
  background: #eeeecc;
  border: 1px solid #0014a8;
  margin: 0px 2px 4px 2px;
  padding-bottom: 0.5em;
  }


.box-center {
  padding: 5px;
  /* 
  border: 1px solid #0014a8; 
  */
  }


/*
.box-icons {
  padding: 2px;
  margin: 2px;
  background: #eeeecc;
  border: 1px solid #0014a8;
  font-size: .8em;
  }
*/

/***** List Entried */



/***** how many items found, pages, etc. *****/
.items-found {
  border: 1px solid #aaaa99;
  margin-bottom: 2px;
  }

.items-found TD {
  font-size: 0.8em;
  background: #eeeecc;
  }

/***** category listing with items *****/
.item-cat {
  border: 1px solid #aaaa99;
  background: #eee;
  }

.item-cat TD { 
  font-size: 1.0em;
  color: #f00;
  }

/***** products in main area *****/
#top-box {  /* main header */
  height: 75px; 
  background: #f4f4f4;
  }
#top-here { /* You Are Here Links */
  width: 100%; 
  height: 20px; 
  background: #ccc;
  font-size: 0.9em;
  font-family: Arial,Times New Roman;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px; 
  border-top: 1px solid #aaa;
  }


#top-search { /* Search */
  width: 100%; 
  height: 1.7em; 
  background: #eee;
  font-size: 0.9em;
  font-family: Arial,Times New Roman;
  /* font-weight: bold; */
  padding-left: 5px;
  border-top: 1px solid #aaa;
  /* 
  background: #aaf;
  */
  background: #eee;
  }

#top-areas {  /* Areas */
  width: 100%; 
  background: #ccc;
  font-size: 0.9em;
  font-family: Arial,Times New Roman;
  font-weight: bold;
  padding-left: 5px;
  padding-bottom: 2px; 
  padding-right: 4px; 
  border-top: 1px solid #aaaaaa;
  /* text-align: right; */
  }
#prod-areas {  /* Areas in product section */
  background: #eee;
  font-size: 0.9em;
  font-family: Arial,Times New Roman;
  /* font-weight: bold;
  width: 100%; 
  padding-left: 5px;
  padding-right: 4px; 
  */
  padding-bottom: 2px; 
  border: 1px solid #aaaaaa;
  margin-bottom: 2px; 
  margin-right: 0px; 
  text-align: center;
  }
