body {
      font-family : Verdana, Arial, sans-serif;
      background : url(http://ranta-keurula.fi/kuvio3.jpg);
      margin : 0.5em;
      font-size : 0.9em;
      }
h1 {
      font-size : 1.2em;
      clear : left;
      }
h2 {
      font-size : 1em;
      clear : left;
      }
p, h1, h2 {
      padding-right : 0.5em;
      padding-left : 0.5em;
      }
.text_ok {
      color : #006600;
      }
.text_fail {
      color : #cc0000;
      }
.page {
      margin : 0 auto;
      width : 740px;
      }
.main {
      float : left;
      background-color : #ffffff;
      border : 2px outset #ae7959;
      line-height : 1.3em;
      min-height : 25em;
      }
.main_menu {
      background-color : #8f6247;
      float : left;
      text-align : center;
      width : 740px;
      margin : 0;
      border-bottom : 2px ridge #8f6247;
      }
.main_menu ul {
      padding : 0;
      margin : 0;
      }
.main_menu li {
      font-weight : normal;
      padding-right : 0.5em;
      display : inline;
      }
a {
      border : 0;
      background : transparent none;
      text-decoration : none;
      color : #8f6247;
      }
a:visited {
      color : #603000;
      background : transparent;
      border : 0;
      color : purple;
      }
a:hover {
      border : 1px solid #a19a90;
      padding : 0;
      }
.main_menu a, .footer .a {
      color : #ffffcc;
      }
.versions {
      float : left;
      text-align : right;
      margin-top : 0;
      width : 740px;
      margin : 0;
      border-bottom-width : 1px;
      border-bottom-color : silver;
      border-bottom-style : ridge;
      }
.versions li {
      font-weight : normal;
      font-size : 0.8em;
      display : inline;
      padding-right : 0.5em;
      }
.versions ul {
      padding-top : 0;
      padding-bottom : 0.5em;
      padding-left : 0.5em;
      padding-right : 0.5em;
      margin : 0;
      }
.main_content {
      float : left;
      width : 533px;
      margin : 0;
      }
.sub_content {
      color : #6f2400;
      width : 195px;
      font-size : 0.75em;
      float : left;
      margin : 0;
      padding : 0;
      }
.sub_menu, .tools, .links, .picture_link, .prod_group {
      float : left;
      width : 100%;
      border : 1px outset silver;
      margin : 0;
      margin-top : 0.5em;
      }
.links h1, .tools h1, .picture_link h1 {
      font-size : 1.1em;
      }
.sub_menu ul {
      list-style-image : url(http://ranta-keurula.fi/keltainen_kukka.png);
      }
.sub_menu li {
      padding-top : 0.3em;
      }
.tools ul {
      padding: 0.5em;
      list-style : none;
      }
.links ul {
      list-style-image : url(http://ranta-keurula.fi/lehti.jpg);
      }
.header {
      width : 740px;
      height : 126px;
      margin : 0;
      padding : 0;
      }
div .header img {
      border-bottom : 2px ridge #8f6247;
      }
.text {
      float : left;
      padding-top : 0;
      padding-bottom : 1em;
      padding-left : 1em;
      padding-right : 1em;
      font-size : 0.9em;
      background-color : #ffffff;
      }
div .text img {
      border : 2px groove #8f6247;
      }
.footer {
      float : left;
      font-size : 0.7em;
      line-height : 1.0em;
      background-color : #c89a76;
      text-align : left;
      width : 740px;
      margin : 0;
      padding: 0;
      padding-top : 0.5em;
      padding-bottom: 0.5em;
      height : auto;
      border-top-width : 1px;
      border-top-color : silver;
      border-top-style : groove;
      }
.page_info {
      float : right;
      text-align : left;
      width : auto;
      }
.address {
      float : left;
      text-align : left;
      width : auto;
      }
.menu{
      border-bottom: 1px grey solid;
}
.price{
      color:#8f6247;
      list-style-type: none;
      font-size: 1.1em;
      padding-bottom:1em;
      padding-left:1em;
}

form {
      font-size : 0.85em;
      font-family : Verdana, Arial, sans-serif;
      }
p label {
      float : left;
      width : 30%;
      clear : left;
      }
form b {
      color : red;
      float : left;
      width : 100%;
      }
form table td {
      width : 20%;
      }
.item_colors {
      color : #6f2400;
      font-size : 0.75em;
      float : left;
      margin : 0;
      }
.item_colors td {
      width : 5em;
      vertical-align : top;
      text-align : left;
      }
div.item {
      float : left;
      min-width : 240px;
      text-align : left;
      height : 13em;
      padding : 0;
      margin : 0;
      }
.item h2, .item a, .item p {
      padding-left : 0;
      }
.item img {
      float : left;
      }
.item_img {
      float : left;
      width : 210px;
      }
.item_desc {
      margin-left : 1em;
      float : left;
      font-size : 0.9em;
      width : 260px;
      }
.item_desc h2 {
      font-size : 1.1em;
      }
.item_price a, .item_price p {
      color : #333333;
      font-weight : bold;
      }
div.thumbs {
      background-color : #fff1af;
      }
thumbs a {
      padding : 2px;
      border : 0;
      background : transparent none;
      text-decoration : none;
      color : #a19a90;
      }
thumbs a:visited {
      color : #603000;
      background : transparent;
      padding : 2px;
      border : 0;
      color : purple;
      }
thumbs a:visited img {
      padding : 2px;
      text-decoration : none;
      border : 0;
      }
thumbs a:link img {
      padding : 2px;
      border : 0;
      text-decoration : none;
      }
thumbs a:hover img {
      border : 2px solid black;
      padding : 0;
      }
thumbs a:visited:hover img {
      border : 2px solid purple;
      padding : 0;
      }
div.picture {
      float : left;
      width : 175px;
      text-align : center;
      height : 13em;
      }
.picture p, .picture a {
      margin : 0;
      font-size : smaller;
      overflow : hidden;
      padding : 0;
      }
.prev_picture {
      float : left;
      margin-left : 1em;
      margin-bottom : 2em;
      }
.next_picture {
      float : right;
      margin-right : 1em;
      margin-bottom : 2em;
      }
.big_picture {
      text-align : center;
      margin-right : 1em;
      margin-bottom : 2em;
      }
.picture_info {
      text-align : center;
      margin-right : 1em;
      margin-bottom : 2em;
      }
.picture_info h1 {
      font-size : 1em;
      }
.thumbs img, .text img {
      border : 1px solid #a19a90;
      }
.lisakuvat{
      color : #6f2400;
      font-size : 0.75em;
      text-align : left;
      margin : 0;
      padding : 0;
      }
.lisakuvat li{
      display : inline;
      padding-right: 0.7em;
}
.kuvateksti{
      color : #333333;
      font-size : 0.75em;
      margin : 0;
      margin-bottom: 1em;
}