body {
  background-color: #FFFFFF;
  margin: 2px;
}

td.mainMenuCell {
  background-color: #577D04;
  width: 161px;
  padding: 8px;
  letter-spacing: 0.5px;
}

td.mainMenuCell:hover {
  background-color: #414135;
}

a.mainMenu {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
}

a.mainMenu:hover {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 20px;
  font-weight: normal;
  text-decoration: underline;
  color: #FFFFFF;
}

td.categoriesCell {
  background-color: #FFFFFF;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  width: 161px;
  padding: 3px;
  border-bottom: 1px dotted #F56F01;
}

td.categoriesCellSelected {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  width: 161px;
  padding: 3px;
  border-bottom: 1px dotted #F56F01;
}

a.categoriesCellLink {
  color: #000000;
  text-decoration: none;
}

a.categoriesCellLink:hover {
  color: #FF5600;
  text-decoration: underline;
}

a.categoriesCellSelectedLink {
  color: #FF1E00;
  font-size: 12px;
  text-decoration: none;
}

a.categoriesCellSelectedLink:hover {
  color: #577D04;
  font-size: 12px;
  text-decoration: underline;
}

td.categoriesCellRight {
  width: 16px;
  padding: 0px;
  text-align: center;
  border-bottom: 1px dotted #F56F01;
}

td.categoriesCellRightSelected {
  width: 16px;
  padding: 0px;
  text-align: center;
  border-bottom: 1px dotted #F56F01;
}

td.categoriesLeftOver {
  height: 100%;
  background-color: #FFF6E4;
}

td.categoriesLeftOverRight {
  height: 100%;
  background-color: #FFF6E4;
}

td.mainContents {
  padding: 8px;
}

td.naviCell {
  padding: 8px;
}

a.naviLink {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: #FF1E00;
}

a.naviLink:hover {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: #577D04;
}

td.normalCell {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  padding: 4px;
  text-align: left;
  vertical-align: top;
}

td.productsBox {
  width: 172px;
  height: 200px;
  border: 1px dotted #F56F01;
  padding: 0px;
}

td.productsBoxInfo {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  padding: 6px;
  text-align: left;
  vertical-align: top;
}

/* tuotteen näyttäminen: yleinen muotoilu */
td.productsInfo {
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
}

/* tuotteen näyttäminen: riviotsikko */
td.productsInfoHeader {
  width: 150px;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* tuotekuvaus */
td.productsDescription {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 8px;
  line-height: 20px;
  text-align: justify;
  vertical-align: top;
  border: 1px dotted #F56F01;
}

/* pienen ostoskorilaatikon muotoilut */
td.shoppingCartCell {
  background-color: #FFFFFF;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 4px;
  line-height: 20px;
  border-bottom: 1px dotted #F56F01;
}

/* suuren ostoskorin muotoilut */
td.shoppingCartListHeader {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 4px;
  line-height: 20px;
  border-bottom: 1px dotted #000000;
}

td.shoppingCartList {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 4px;
  line-height: 20px;
}

/* ostoskorin sisällä olevat linkit (kuten poista ja tuotelinkki) */
a.shoppingCartLink {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: #FF1E00;
}

a.shoppingCartLink:hover {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: #577D04;
}

td.orderPhase {
  background-color: #CAF18C;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px;
  line-height: 20px;
}

td.orderPhaseInactive {
  background-color: #EBFFCC;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px;
  line-height: 20px;
}

/* ostoskorin sisällä olevat linkit (kuten poista ja tuotelinkki) */
a.orderPhaseLink {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
}

a.orderPhaseLink:hover {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: #FF6600;
}

tr.listings:hover {
  background-color: #E7FFC1;
}

.headers {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: #577D04;
  line-height: 24px;
}

.headersSpecial {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: #FF0000;
}

.subHeaders {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  line-height: 24px;
}

.navi {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FF5600;
  padding-top: 8px;
}

a.navi {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

a.navi:hover {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FF5600;
  text-decoration: underline;
}

a.actionLink {
  background-color: #414135;
  padding: 6px;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  letter-spacing: 1px;
}

a.actionLink:hover {
  background-color: #74A509;
  text-decoration: underline;
}

.inputFields {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  padding: 2px;
  border: 1px solid #F56F01;
}

.inputFieldsRequired {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  padding: 2px;
  border: 1px solid #DB047D;
}

.buttons {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}