body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: Verdana, sans-serif, tahoma, Verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

button_to {
    vertical-align: middle;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

h2.page_title {
    font-family: verdana;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	color: #393939;
}

h2.compact_title {
    font-family: verdana;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	color: #393939;
	line-height: 0.5em;
	margin-bottom: 0.8em;
}

h3 {
    font-family: verdana;
	text-align: center;
	font-weight: bold;
	color: #393939;
	line-height: 0.5em;
	margin-bottom: 0.8em;
}   

label {font-weight: bold; color: #393939;}
.label {font-weight: bold; color: #393939;}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: black; background-color:gainsboro; text-decoration: underline;}

a.no_change, a.no_change:visited { color: #000; text-decoration: underline;}
a.no_change:hover { color:darkred;;}

.fieldWithErrors {
  margin:0px;
  padding: 0px;
  background-color: #FFFF90;
  display: table;
}

#errorExplanation {
  width: 400px;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #cccc00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.notice {
    color: green;
    font-family: tahoma, arial;
    font-size: 12px;
    font-weight: normal;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

tr.list-line-even {
  background:   #e0f8f8;
}

tr.list-line-odd {
  background:   whitesmoke;
}

td.list-line-even {
  background:   #e0f8f8;
}

td.list-line-odd {
  background:   whitesmoke;
}

td.soft {
    font-family: verdana, tahoma;
    font-size: 12px;
    border-style: solid;
    border-width: 2px;
    border-color: whitesmoke;
    color: #696969;
}

td.contrast {
  font-family: tahoma, sans-serif;
  padding-left: 2px;
  font-size: 13px;
  line-height: 11px;
  font-weight: bold; 
  color: white;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

table.soft {
  border-style: solid;
  border-width: 2px;
  border-color: whitesmoke;
}

table.cart {
    border-style: solid;
    border-width: 2px;
    border-color: whitesmoke;
}
        
.headers {
    font-family: verdana, tahoma;
    font-size: 13px;
    color: #595959;
    font-weight: bold;
    text-decoration: none;
}    

.category {
    font-family: tahoma, sans-serif;
    font-size: 13px;
    color: darkblue;
    text-decoration: none;
} 
.category_on, .category_on:visited, .category_on:hover {
    font-family: tahoma, sans-serif;
    font-size: 13px;
    color: darkblue;
    font-weight: bold;   
    text-decoration:none;  
    background-color: white;
}
.category:visited {
    font-size: 13px;
    color: darkblue;
    text-decoration: none;
}


.category:hover {
    font-size: 13px;
    color: red;
    font-weight: normal;
    background-color:whitesmoke; 
    text-decoration: underline;
}

.subcategory {
    font-size:   12px;
    font-weight: normal;
    color: darkblue;
    text-decoration: none;
}
.subcategory:visited {
    font-size:   12px;
    font-weight: normal;
    color: darkblue;
    text-decoration: none;
}
.subcategory:hover {
    font-size:   12px;
    font-weight: normal;
    color: red;
    background-color:whitesmoke; 
    text-decoration: underline;
}

.product {
    font-size:   13px;
    font-family: verdana;
    font-weight: normal;
    color: darkblue;
    text-decoration: none;
}
.product:visited {
    color: darkblue;
    text-decoration: none;
}
.product:hover {
    font-size: 13px;
    color: red;
    background-color:ivory; 
    text-decoration: underline;
    font-weight: normal;
}

.action {
    font-size:   13px;
    font-family: arial;
    font-weight: normal;
    color: black;
    text-decoration: underline
}
.action:visited {
    color: grey;
}
.action:hover {
    font-size: 13px;
    color: black;
    background-color:ivory; 
    font-weight: bold;
}

.notes { 
    font-size: 10px;
    font-weight: normal;
    color: #696969;
    line-height: 1.3;
}

a.popup:active, a.popup:visited{
    font-size:   11px;
    font-weight: normal;
    color: darkgreen;
    text-decoration: none;
}
a.popup:hover{
    background-color: ivory;
    text-decoration: underline;
}

.basic {
  font-family: Verdana, sans-serif, tahoma, Verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  font-weight: normal;
  line-height: 18px;
  color: #393939;
}

a.management{
    font-family: tahoma;
    font-size:   14px;
    font-weight: bold;
    color: black;
    text-decoration: none;
}
a.management:hover{
    background-color: ivory;
    text-decoration: underline;
}
input{
    font-family: tahoma;
    font-size: 14px;
}
select{
    font-family: tahoma;
    font-size: 14px;
}

input.transp {
    font-family: tahoma;
    font-size: 14px;
    background-color:transparent;
}

td.report_no {
    text-align: right;
    padding-right: 1em;
}
td.report_text {
    text-align: left;
    padding-right: 1.5em;
}
td.label {
    padding-right: 2em;
}

table.buybox {
    background-image: url(/images/blue_cart_box.bmp);
    background-repeat: repeat-x;
    border: solid #696969;
    border-width: 1px;
}

td.buynow {
   font-family: tahoma;
    font-size: 14px;
    color: maroon;
    font-weight: bold;
    text-decoration: none;
}    

a.item_added {
   font-family: tahoma;
   font-size: 13px;
   color: maroon;
   text-decoration: none;
}
a.item_added:hover {
  background-color: whitesmoke;
}

a.h2_link {
    color: #666;
    background-color: ivory;
}
a.h2_link:hover {
    color: darkblue;
    background: whitesmoke;
}
a.h2_link:visited {
    color: #666;
} 
    
td.item_added {
   border: dotted maroon;
   border-width: 1px;
   text-align: center;
}

.savings {
    color: sienna;
}

ul.no_type {
    list-style-type: none;
}

ol.left {
    list-style-position: outside;
}

.nickname {
    text-decoration: underline;
}

td.address1 {
    border: 1px dotted lightgrey;
}
td.address2 {
    border-top: 1px dotted lightgrey;
    border-right: 1px dotted lightgrey;
    border-bottom: 1px dotted lightgrey;
}
td.address3 {
    border-left: 1px dotted lightgrey;
    border-right: 1px dotted lightgrey;
    border-bottom: 1px dotted lightgrey;
}
td.address4 {
    border-right: 1px dotted lightgrey;
    border-bottom: 1px dotted lightgrey;
}
        
td.padded{
    padding-top: 0.5em;
    padding-bottom: 1.5em;
}
    
ul.prices {
    list-style: disc inside;
    padding-left: 0.5em;
    margin-left: 0.5em;
    
}

li.prices {   
    margin-bottom: 1em;
}

ul.buttons {
    margin-top: 0.7em;
    list-style: circle inside;
    padding-left: 0.5em;
}

li.buttons {    margin-bottom: 0.3em;}
    
