/*
 * ============================================================================
 *
 *  Package for: HTML stylesheet
 *
 *  Copyright Vaivaton.com 2005-
 *  Author Ilkka Tiilikainen
 *  Version 1.0, 16.7.2009
 *
 * ============================================================================
*/


/* ============================================================================
 *  Base definitions
 * ==========================================================================*/

body {

  background-color: #ffffff;
  margin: 5px 0px 0px 0px;
}

table {
/*  border: 0; */
/*  border-spacing: 0; */
  padding: 0;
  margin: 0;
}

td {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #303030;
}

input {
  font-family: Arial, Verdana, sans-serif;
  font-size: 16px;
  color: #303030;
}

ul {
  margin-top: 0;
  padding: 0;
}

a:link {
  color: #2e71fc;
}

a:visited {
  color: #2e71fc;
}

a:hover {
  text-decoration: underline;
}

a.MyOpMenu:link, a.MyOpMenu:visited {
  text-decoration: none;
}

a.MyOpMenu:hover {
  text-decoration: underline;
}

a.Plain:link, a.Plain:visited {
  text-decoration: none;
}

a.Plain:hover {
  text-decoration: underline;
}

a.Light:link, a.Light:visited {
  text-decoration: none;
  color: #555555;
}

a.Light:hover {
  text-decoration: underline;
  color: #2e71fc;
}

a.Title:link, a.Title:visited {
  text-decoration: none;
  color: #f78138;
}

a.Title:hover {
  text-decoration: underline;
}

a.Price:link, a.Price:visited {
  text-decoration: none;
  font-weight: bold;
  color: #f52222;
}

a.Price:hover {
  text-decoration: underline;
  font-weight: bold;
}

img {
  border: 0;
}

img.PimgMedium {
  height: 120px;
  width: 120px;
}

img.PimgSmall {
  width: 54px;
  height: 54px;
}

img.PimgMediumBorder {
  height: 120px;
  width: 120px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #afafaf;
  padding: 4px;
  margin: 3px;
  background: #ffffff;
}

.TextSmall {
  font-size: 12px;
  line-height: 1.5;
}

.TextSmallLight {
  color: #505050;
  font-size: 12px;
  line-height: 1.5;
}

.TextMedium {
  font-size: 14px;
  line-height: 1.5;
}

.TextMediumTight {
  font-size: 14px;
  line-height: 1.2;
}

.TextLarge {
  font-size: 16px;
  line-height: 1.5;
}

.TextLarge2 {
  font-size: 18px;
  line-height: 1.5;
}

.TextLarge3 {
  font-size: 22px;
  line-height: 1.5;
}

.PageTitle {
  font-size: 20px;
  font-weight: normal;
  color: #f78138;
}

.VaivatonHeading {
  font-size: 18px;
  color: #ae65aa;
}

.Heading {
  font-size: 18px;
  color: #f78138;
}

.HeadingLarge {
  font-size: 22px;
  color: #f78138;
}

.HeadingLargeRed {
  font-size: 22px;
  color: #f52222;
}

.HeadingMedium {
  font-size: 14px;
  color: #f78138;
}


/* ============================================================================
 *  Input
 * ==========================================================================*/

table.SearchBox {
}

input.SearchInput {
  font-family: Arial, Verdana, sans-serif;
  font-size: 16px;
  padding: 3px 3px 2px 4px;
}

input.SearchSubmit {
}

textarea.FormWide {
  width: 500px;
  height: 200px;
  padding-left: 4px;
  margin: 1px;
}

input.FormWide {
  width: 500px;
  padding-left: 4px;
  margin: 1px;
}

input.Form {
  width: 300px;
  padding-left: 4px;
  margin: 1px;
}

input.FormSubmit {
}

.FormFieldMandatory {
  color: #f52222;
}

.FormRow1 {
  font-size: 14px;
  line-height: 1.5;
  background-color: #eaeaea;
}

.FormRow2 {
  font-size: 14px;
  line-height: 1.5;
  background-color: #fbfbfb;
}

.Form {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #afafaf;
  margin: 6px 3px 6px 3px;
}

.Note {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #f52222;
  padding: 10px 10px 10px 10px;
}


/* ============================================================================
 *  Article
 * ==========================================================================*/

div.Article {
  margin: 0px 50px 20px 80px;
}

div.Article h1 {
  width: 100%;
  font-family: Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  color: #f78138;
}

div.Article h2 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #f78138;
  margin: 0;
  padding: 10px 20px 10px 10px;
}

div.Article p {
  font-family: Arial, Verdana, sans-serif;
  line-height: 1.3;
  font-size: 14px;
  width: 700px;
  margin: 0;
  padding: 10px 20px 10px 10px;
}

div.Article ul {
  font-family: Arial, Verdana, sans-serif;
  line-height: 1.3;
  font-size: 14px;
  padding-left: 50px;
  margin-left: 0px;
}

div.Article ol {
  font-family: Arial, Verdana, sans-serif;
  line-height: 1.3;
  font-size: 14px;
  padding-left: 50px;
  margin-left: 0px;
}

/* ============================================================================
 *  Window
 * ==========================================================================*/

table.MainWindow {

  border: 0;
  border-spacing: 0;
  padding: 0;
  margin: 0;
  width: 1079px;

  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}

table.ContentWindow {

  border: 0;
  border-spacing: 0;
  padding: 0;
  margin: 0;

  width: 100%;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #afafaf;
}

td.ComponentWindow {

  margin: 0;
  height: 500px;
  vertical-align: top;
}

td.FooterWindow {
  color: #d0d0d0;
}

.ShopFrame {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #f78138;
  padding: 5px 10px 5px 10px;
}

/* ============================================================================
 *  Logo
 * ==========================================================================*/

td.LogoText {
  font-size: 12px;
  color: #707070;
}

/* ============================================================================
 *  Menu
 * ==========================================================================*/

table.MyOpMenuWindow {
  border-spacing: 0;
  cell-spacing: 0;
  padding: 3px;
  margin: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #afafaf;
}

table.MenuWindow {

  border-spacing: 0;
  cell-spacing: 0;
  padding: 0;
  margin: 0;
  background: #fafafa;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #afafaf;
}

table.MenuSet {

  width: 100%;
  border: 0;
  border-spacing: 0;
  padding: 0;

}

td.MenuItem {
  font-size: 15px;
  height: 27px;
  text-align: center;
  vertical-align: middle;
  border: 0;
  margin: 0;
  padding-top: 4px;
  padding-bottom: 2px;
}

td.MenuItemSelected {
  font-size: 15px;
  height: 27px;
  text-align: center;
  vertical-align: middle;
  border: 0;
  margin: 0;
  padding-top: 4px;
  padding-bottom: 2px;
}

td.ActiveDisplay {
  background-color: #faba79;
  height: 72px;
  vertical-align: middle;
}

/* ============================================================================
 *  In page menu
 * ==========================================================================*/

td.InPage1Sel {
  width: 177px;
  vertical-align: middle;
  background-color: #faba79;
  padding-right: 15px;
  padding-left: 10px;
  border: 0;
}

td.InPage1Nsel {
  width: 177px;
  vertical-align: middle;
  padding-right: 15px;
  padding-left: 10px;
  border: 0;
}

td.InPage2Sel {
  width: 177px;
  vertical-align: middle;
  background-color: #faba79;
  padding-right: 15px;
  padding-left: 10px;
  border: 0;
}

td.InPage2Nsel {
  width: 177px;
  vertical-align: middle;
  padding-right: 15px;
  padding-left: 10px;
  border: 0;
}


/* ============================================================================
 *  Product view
 * ==========================================================================*/

.ShopTitle {
  font-size: 18px;
  color: #f78138;
}

.ShopTitleSmall {
  font-weight: bold;
  font-size: 16px;
  color: #f78138;
}

.ShopTitleLarge {
  font-size: 22px;
  color: #f78138;
}

.ProdTitleMonthsProduct {
  font-weight: bold;
  font-size: 16px;
  color: #ae65aa;
}

.ReasonMonthsProduct {
  font-weight: bold;
  font-size: 16px;
  color: #f52222;
}

.ProdTitle {
  font-size: 22px;
  color: #f78138;
}

.ProdPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 24px;
  color: #f52222;
}

.ProdPriceMonthsProduct {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #f52222;
}

table.InfoTable {
  border-collapse: collapse;
}

table.InfoTable td {
  font-size: 12px;
  line-height: 1.2;
  vertical-align: middle;
  padding-left: 3px;
  padding-right: 7px;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
  background: #fbfbfb;
}

table.ActiveDisplay {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

td.Separator {
  height: 1px;
  background-color: #f78138;
}

td.SeparatorLight {
  height: 1px;
  background-color: #d0d0d0;
}


/* ============================================================================
 *  Base definitions
 * ==========================================================================*/