/* default.css, //_css/
   Default Style Sheet
   (c) Network Design Consulting - http://www.netdcon.com
   --------------------------------------------------------------------
   03/22/2007  1.0.0  rmg  Complete revision
   -------------------------------------------------------------------- */
/* css: top right bottom left;                                          */
/* ******************************************************************** */

/* ********************************************************************
   Defaults
   ******************************************************************** */
html {
  font-family: Verdana, Arial; font-size: 0.7em; }
p {
  margin: 0px 0px 0px 0px; padding: 0.5em 0.5em 0.5em 1em; }
hr {
  width: 98%; height: 1px; color: #009900; background-color: #ffffff; }
pre {
  font-family: Consolas, Courier; font-size: 1em; }
h1 { 
  font-size: 1.4em; color: #006600; font-weight: bolder; margin-top: 0.5em; margin-bottom: 0.2em; }
h2 { 
  font-size: 1.2em; color: #006600; font-weight: bolder; margin-top: 0.5em; margin-bottom: 0.2em; }
h3 { 
  font-size:   1em; color: #006600; font-weight: bolder; margin-top: 0.5em; margin-bottom: 0.2em; }
h4 { 
  font-size: 1.4em; color: #FFCC00; font-weight: bolder; margin-top: 0.5em; margin-bottom: 0.2em; }
h5 { 
  font-size: 1.2em; color: #FFCC00; font-weight: bolder; margin-top: 0.5em; margin-bottom: 0.2em; }
h6 { 
  font-size:   1em; color: #FFCC00; font-weight: bolder; margin-top: 0.5em; margin-bottom: 0.2em; }
a { 
  color: #006600; text-decoration: none; }
a:hover { 
  color: #006600; text-decoration: underline; }
table {
  font-family: Verdana, Arial; font-size: 1em; }
img { 
  border: 0; }
img.icon {
  border: 0; vertical-align: middle; }
li {                                            
  text-align: left; }
input {
  font-family: Verdana, Arial; font-size: 1em; }
select {
  font-family: Verdana, Arial; font-size: 1em; }  
/* ********************************************************************
   Page geometry
   ******************************************************************** */
/* css: top right bottom left;                                          */
/* Header ----------------------------------------------------- */
#header {
  top: 0px;
  color: #333333; background-color: #336633; }
div.httl { 
  top: 0; vertical-align: top; 
  height: 100%; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
  background-image: url(../_art/head.php); background-repeat: no-repeat; }
div.hbkg { 
  top: 0; vertical-align: top; 
  height: 100%; padding: 0px 0px 0px 0px;
  background-image: url(../_art/headbg.php); background-repeat: repeat-x; }

/* Side bar --------------------------------------------------- */  
#sidenav {
  padding: 0px 0px 0px 0px;  text-align: center;
  background-image: url(../_art/sidebg.php); background-repeat: repeat-y;
  color: #333333; background-color: #336633; }
button.navb {
  width: 84%; text-align: center;
  font-family: Verdana, Arial; font-size: 1em;
  border: 4px groove #009900;
  color: #ffffff; background: transparent; }
button.navo {
  width: 84%; text-align: center;
  font-family: Verdana, Arial; font-size: 1em;
  border: 4px groove #009900;
  color: #006600; background: #FFCC66; }

/* Status line ---------------------------------------- */
table.stat {
  width: 98%; font-family: Verdana, Arial; font-size: 1em; }
td.stat_left {
  width: 70%; vertical-align: middle; text-align: left; }
td.stat_right {
  width: 30%; vertical-align: middle; text-align: right; }
form.stat {
  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
  font-family: Verdana, Arial; font-size: 1em; }
select.stat {
  padding: 0px 0px 0px 0px; 
  font-family: Verdana, Arial; font-size: 1em; }
  
/* Content ---------------------------------------------------- */  
#content {
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #339933;
  color: #333333; background-color: #ffffff;
  background-image: url(../_art/pagebg.jpg);
  background-position: top right;
  background-repeat: no-repeat; }
  
/* ---------------------------------------------------- */
p.info { 
  width: 96%; text-align: center; }  
a.info {
  color: #006600;
  text-decoration: none; }
a.info:hover {
  color: #FFCC00;
  text-decoration: none; } 
table.info {
  width: 100%; text-align: center;
  font-family: Verdana, Arial; font-size: 1em; }
  
/* ********************************************************************
   Category/Brand listings (nc*d, mafd)
   ******************************************************************** */
/* css: top right bottom left; */
/* Category/Brand listings ------------------------------------ */
table.ncxd {
  width: 100%;
  border: 0;
  text-align: center; }
td.ncxd {
  vertical-align: top;
  text-align: left; }
img.ncxd {
  border: 0;
  text-align: center; }

/* ********************************************************************
   Product / Stock display (prmd)
   ******************************************************************** */
/* css: top right bottom left; */
/* Product info ----------------------------------------------- */
table.prmd {
  width: 96%;
  padding: 0 0 0 8%;
  border: 0;
  text-align: center;
  vertical-align: middle; }
img.prmd {
  border: 0;
  text-align: center; }
/* Product image processing table --------------------- */
table.prmg {
  width: 98%;
  padding: 0 0 0 0;
  border: 0;
  font-size: 8pt;
  text-align: center;
  vertical-align: middle; }
td.imgc {
  font-weight: bolder; }
td.prev {
  text-align: left;
  font-size: 8pt;
  font-weight: bolder; }
td.next  {
  text-align: right;
  font-size: 8pt;
  font-weight: bolder; }

/* Stock info ----------------------------------------- */
table.skud { /* Stock display table */
  width: 96%;
  margin: 0 2% 0 2%;
  padding: 0 0 0 0;
  border: 0;
  text-align: center; }
th.skud  { /* Header row */
  color: #ffffff;
  background-color: #333333;
  height: 20px;
  padding: 0 1em 0 1em; }
tr.skue { /* Even-numbered row */
  height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; border: 0; color: #333333; background-color: #cccccc; }
tr.skuo { /* Odd-numbered row */
  height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; border: 0; color: #333333; background-color: #ffffff; }
tr.skum { /* Mouseover row */
  height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; border: 0; color: #333333; background-color: #ccffcc; }
td.skud { /* Stock element cell */
  padding: 0 1em 0 1em;
  text-align: right; }
td.skuz {
  font-size: 8pt;
  background-color: #ffffff; }
input.skud {
  font-family: Verdana, Arial; font-size: 1em; text-align: right; }
em.skur {
  text-align: right;
  color: #CC0000;
  font-weight: normal; }

/* Shopping cart -------------------------------------- */
table.pcae { /* Cart display table */
  width: 96%;
  margin: 0 2% 0 2%;
  padding: 0 0 0 0;
  border: 0;
  text-align: center; }
tr.pcae { /* Even-numbered row */
  height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; border: 0; color: #333333; background-color: #cccccc; }
tr.pcao { /* Odd-numbered row */
  height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; border: 0; color: #333333; background-color: #ffffff; }
tr.pcam { /* Mouseovered row */
  height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; border: 0; color: #333333; background-color: #ccffcc; }
th.pcae  { /* Header row */
  color: #ffffff;
  background-color: #333333;
  height: 20px;
  padding: 0 1em 0 1em; }
td.pcae { /* Stock element cell */
  padding: 0 1em 0 1em;
  text-align: right; }
input.pcae { /* Item quantity */
  text-align: right; }
em.pcar {
  text-align: right;
  color: #CC0000;
  font-weight: bolder; }

/* ********************************************************************
   Record edit form
   ******************************************************************** */
/* css: top right bottom left;                                          */
form.edit {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: normal; font-size: 8pt; }

table.edit {
  margin: 0px 2% 0px 2%;
  border: 0; font-size: 8pt; }

td.edit_50 {
  width: 50%;
  padding-right: 10pt;
  text-align: left; vertical-align: top;
  font-size: 8pt; }

td.edit_lab {
  text-align: right; vertical-align: top; white-space: nowrap;
  font-weight: bolder; font-size: 8pt; color: #99cc99; }
td.edit_nfo {
  text-align: left; vertical-align: top; white-space: nowrap;
  font-weight: normal; font-size: 8pt; color: #333333; }

input.edit_chr {
  text-align: left; vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt; }
input.edit_chr:disabled {
  text-align: left; vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt; color: #666666; background-color: #eeeeee; }
input.edit_num {
  text-align: right; vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt; }
input.edit_num:disabled {
  text-align: right; vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt; color: #666666; background-color: #eeeeee; }

select.edit {
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt; }
select.edit:disabled {
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #666666; background-color: #eeeeee; }
optgroup.edit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: italic;
  font-variant: small-caps; }
option.edit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-variant: normal; }

textarea.edit {
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt; }
textarea.edit:disabled {
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #666666; background-color: #eeeeee; }

button.dflt {
  font-size: 8pt;
  color: #333333; }
td.edit_wrn {
  height: 20px; padding: 0.5em 0.5em 0.5em 0.5em;
  font-size: 8pt; border: #cc9933 1px solid; background-color: #ffffcc; }
td.edit_err {
  height: 20px; padding: 0.5em 0.5em 0.5em 0.5em;
  font-size: 8pt; border: #cc3333 1px solid; background-color: #ffcccc; }

span.fmsg {
  font-size: 90%; white-space: nowrap;
  color: #990000; }

button.subm {
  font-size: 8pt;
  height: 24px; vertical-align: middle;
  color: #006600; }
button.cncl {
  font-size: 8pt;
  height: 24px; vertical-align: middle;
  color: #660000; }


/* Footer ------------------------------------------------------------- */
#footer { width: 100%; 
  color: #333333; background-color: #ffffff; }
table.foot {
  vertical-align: top; width: 98%;
  font-size: 88%;
  color: #333333; background-color: #ffffff; }
td.foot_left {
  width: 30%; text-align: left; }
td.foot_center {
  width: 40%; text-align: center; }
td.foot_right {
  width: 30%; text-align: right; }

/* ********************************************************************
   Update processing
   ******************************************************************** */
/* css: top right bottom left;                                          */
p.updt { width: 96%; margin: 0 2% 0 2%; }
p.updt_aok {
  width: 96%; margin: 0 2% 0.5em 2%; padding: 4px 2px 4px 2px;
  text-align: left;
  border: #339933 1px solid;
  background-color: #ccffcc; }
p.updt_nfo {
  width: 96%; margin: 0 2% 0.5em 2%; padding: 4px 2px 4px 2px;
  text-align: left;
  border: #333399 1px solid;
  background-color: #ccccff; }
p.updt_wrn {
  width: 96%; margin: 0 2% 0.5em 2%; padding: 4px 2px 4px 2px;
  text-align: left;
  border: #cc9933 1px solid;
  background-color: #ffffcc; }
p.updt_err {
  width: 96%; margin: 0 2% 0.5em 2%; padding: 4px 2px 4px 2px;
  text-align: left;
  border: #cc3333 1px solid;
  background-color: #ffcccc; }  

/* ********************************************************************
   Miscellaneous
   ******************************************************************** */
/* css: top right bottom left;                                          */
/* Session initialization --------------------------------------------- */
p.error {
  margin: 0px 0px 0px 0px; padding: 0.5em 0.5em 0.5em 0.5em; 
  width: 98%; text-align: center; color: #cc0000; } 
p.zzzz {                                      
  width: 98%; text-align: center; font-size: 88%; color: #cccccc; }
a.zzzz {
  text-decoration: none; color: #cccccc; background-color: transparent; }
a.zzzz:hover {
  text-decoration: none; color: #999999; background-color: transparent; }