/* elements we want to clean up entirely: */
html, body, form, fieldset, h1, h2, h3, p, ul, ol, label, select, table, td, th, div {
  margin:0;
  padding:0;
}

/* set miscellaneous defaults */
body {
  font:11px Verdana, Arial, sans-serif;
}
ul, ol {
  margin-left:25px;	
}
p, ul, ol {
   margin-bottom:10px;
}
fieldset {
  margin:4px 0px;
  border:1px solid #cccccc;
}
legend {
  color:#000000;
  margin-top:2px;
  margin-left:5px;
}
input, select, textarea {
   font-size: 100%;
   font:12px Arial, sans-serif;
}
br {
  clear:both; /* clear needs to be inside div if used a float */
}
hr {
  color:#cccccc;
  background-color:#cccccc;
  height: 1px;
}

a:link { color:#336699; text-decoration:underline; }
a:visited { color:#336699; text-decoration:underline;  }
a:hover { color:#336699; text-decoration:underline;  }
a:active { color:#336699; }


#logo {
   font-size:20px;
   background-color:#CCDAE5;
   background-image: url("http://www.catherineshinn.com/logo.gif");
   background-repeat: repeat-x;
   text-indent:20px;
   padding:3px 0px;
}

#size {
   position:absolute;
   top: 10px;
   right:10px;
}
#size span { 
   font-size:9px;
}

#menu {
  width:100%;
  margin:0px 0px 20px 0px; /* top right bottom left */
  padding:0px;
  background-color:#CCDAE5;
  border-bottom:1px solid #6D99B6;
}
#menu ol {   
  background-color:#CCDAE5;
  margin:0px;
}
#menu ol li {
  float:left;
  display: block;
  background-color:#CCDAE5;   
}
#menu ol li a { 
  display: block;
  padding:3px 15px;
  text-decoration: none;
  color:#000000;
}
#menu ol li a:hover {
  background-color:#E7ECF2;
}

#content, #submenu {
  width:93%;
  margin:10px auto; /* Right and left margin widths set to "auto" */
}
#foot {
  width:90%;
  margin:10px auto 5px auto;
  font-size: 9px;
  color:#8C8C8C; 
  text-align:center;
}
#foot table {
  width:100%;
}

#submenu {
  border-bottom:1px solid #cccccc;	
  padding: 2px;
}

#submenu h1 {
  float:left;
}
#submenu ol {
  float:right;
  margin:7px 0px 0px 0px;
}
#submenu ol li {
  float:left;
  display: block;   
}
#submenu ol li a {   
  padding:5px;  
}

h1 { 
  font-size:18px;   
}

/* common classes */
.indent {
  margin:12px 50px 12px 20px;
}
.error, .success {
  margin:12px 50px 12px 20px;
}
.error {
  color:red; 
}
.success {
  color:green;
}
.email {
  color:#336699;
}
.grey {
  color:#cccccc;
}
.l {
  float:left;
}
.del { /* item can be deleted color */
 color:red;
}
.error2 { /* error item with no padding */
 color:red;
}
.indent {
  margin-left:20px;
}
.emp {
  font-style:italic; 
}
.print_address { /* for printing css sheets only */
  display:none;
}
/* link colors */
a.red:link { color:red; text-decoration:underline; }
a.red:visited { color:red; text-decoration:underline;  }
a.red:hover { color:red; text-decoration:underline;  }
a.red:active { color:red; }

/* link colors */
a.green:link { color:green; text-decoration:underline; }
a.green:visited { color:green; text-decoration:underline;  }
a.green:hover { color:green; text-decoration:underline;  }
a.green:active { color:green; }

/* no link a - for anchors */
a.no:link { color:#000000; text-decoration:none; }
a.no:visited { color:#000000; text-decoration:none;  }
a.no:hover { color:#000000; text-decoration:none;  }
a.no:active { color:#000000; }

/* custom table cells */
td.vert, th.vert { /* for tall table cells */
  vertical-align:top;
  padding-top:5px;
}
.pad, .pad_merge {
  padding-left:50px;
}
.merge select, .merge input, .pad_merge select, .pad_merge input {
/* merge into adjacent boxes */
  margin-right:-1px;
}
.padbot {
  padding-bottom:10px;
}
.margbot {
  margin-bottom:30px;
}


/* file input boxes */
input.upload {
  width:600px; /* no way to do this in firefox */ 
  padding: 2px;
  font:13px Arial, sans-serif;
}
input[type="file"]
 {
  width:220px; /* sort of correction for firefox */
 }

/*  text input boxes  */
input.std, textarea.std {
  width:200px;
  border:1px solid #7F9DB9;
  padding: 2px;
}
input.wide, textarea.wide {
  width:450px;
  border:1px solid #7F9DB9;
  padding: 2px;    
}
input.med {
  width:60px;
  border:1px solid #7F9DB9;
  padding: 2px;    
}
input.short  {
  width:30px;
  border:1px solid #7F9DB9;   
  padding: 2px;  
}
input.qty  { /* qty box */
  width:50px;
  text-align:center;
  border:1px solid #7F9DB9;
  padding: 2px;  
}
input.dim  { /* dimension box */
  width:50px;
  text-align:center;
  border:1px solid #7F9DB9;
  padding: 2px;    
}
input.money {
  width:50px;
  text-align:right;
  border:1px solid #7F9DB9; 
  padding: 2px;   
}

/* fixed width select */
select.std {
  width:206px; 
}


/* form - titles and footers */
form h2, form h3, table.title {
  background-color:#EBEBEB;
}
form h2 {
  font-size:12px;
  font-weight:bold;
  color:#336699;
  padding:5px 10px;
  text-align:left;
}
form h3 {
  font-weight:normal;
  padding:2px 5px;
  text-align:right;
}
form table.title { /* alternative to a h2 for the title */
  border-collapse:collapse;
  width:100%;  
  margin:0;    
}
form table.title td {
  padding:1px 5px 1px 10px;    
}
form table.title h2 {
  padding-left:0;
}
form table.title table {
  border-collapse:collapse;
  width:auto;
  padding:0;
  margin:0; 
}
form table.title table td {
  padding:0px 1px;  
}

/* form - tables */
form table { /* left aligned table */
  margin:10px 10px;
}
form table.centered { /* centered table */
  margin-left:auto;
  margin-right:auto;
}
form table th {
  font-weight:normal; 
}
form table tbody th { /* left aligned table */
  text-align:right;
  width:160px;
}
form table.centered th { /* centered table */
  width:auto;
}
form table thead th {
  text-align:center;
  font:10px Arial, verdana, sans-serif;
}


/* form - lists of checkboxes or radio buttons */
form label {
  margin-left:30px;
}
form ul {
  margin:0;
  list-style-type:none;  
}
form ul li {
  height:17px;
}
label input {
  margin-right:1px;
}

/* form - data tables */
table.data {
  width:100%;
  margin:10px 0px; /* so it doesnt stetch outside of screen */
}
table.data th span {
  font:9px Verdana, Arial, sans-serif;
}
table.data td {
  padding:0px 3px; 
}
table.data th {
  text-decoration:underline;
  background-color:#f9f9f9;
  border:1px solid #f1f1f1;
  padding:2px 3px;
}
table.data thead th {
  white-space:nowrap;
  font:11px verdana, Arial, sans-serif;
}
table.data tbody td.f { /* image display area */
  width:100px;
}
table.data td.r, table.data tfoot th, table.data tfoot td {
  padding-right:15px;
} 
table.data tbody td.l, table.data tbody.l td {
  text-align:left;
}
table.data tbody td.lnw, table.data tbody.lnw td, table.data tbody.c td.l {
  text-align:left;
  white-space:nowrap;
}
table.data tbody td.r, table.data tbody.r td {
  text-align:right;
  white-space:nowrap;
}
table.data tbody td.c, table.data tbody.c td {
  text-align:center;
}
table.data tfoot th, table.data tfoot td {
  text-align:right;
  white-space:nowrap;
}

/* checkbox cells */
table.data td.nopad {
  padding-left:0px;
}
table.data td.nopad table {
  float:left;
  margin:0;
}
table.data td.nopad table td {
  padding:0;
}

/* inventory item text layout */
form table.item table {
  margin:0;
}
form table.item th {
  color:#666666;
  text-align:right;
  padding:0px 2px 4px 0px;
  white-space:nowrap;
}
form table.item table th, form table.item table td {
  vertical-align:top; 
}

/* info table */
form table.info th {
  text-decoration:underline;
}
form table.info td, form table.info th {
  padding:2px 4px 2px 0px;
}

/* search term table */
table.search {
  margin:10px 0px 20px 30px;
}
table.search td {
  padding:0px 3px; 
}
table.search th {
  padding:2px 3px;
  width:70px;
}
table.search thead th {
  font:11px verdana, Arial, sans-serif;
}
table.search tbody tr.darker {
  background-color:#E7ECF2;
}
table.search tbody td.l, table.search tbody.l td {
  text-align:left;
}
table.search tbody td.lnw, table.search tbody.lnw td, table.search tbody.c td.l {
  text-align:left;
  white-space:nowrap;
}
table.search tbody td.r, table.search tbody.r td {
  text-align:right;
  white-space:nowrap;
  background-color:#ffffff;
}
table.search tbody td.c, table.search tbody.c td {
  text-align:center;
}
table.search tfoot th, table.search tfoot td {
  text-align:right;
  white-space:nowrap;
}





1