html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, font, img, strong, tt, b, u, i, ul, li, form, label, table, caption, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-size: 11px;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}

* {
font-family: "Arial", sans-serif;
color: #3d3c3f;
}

.clear {
clear: both;
}

.red {
color: #ff0000;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

:focus {
outline: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

body {
background: #484849 url('img/bg-iso-2.jpg') fixed center;
}

#wrapper {
width: 900px;
background: #ffffff url('img/bg-content.jpg') repeat-x scroll 0% 0%;
margin-left: auto; 
margin-right: auto; 
margin-top: 5%;
}

#header {
width: 250px;
height: 150px;
float: left;
}

#menu {
float: left;
width: 600px;
height: 80px;
margin-right: 50px;
text-align: right;
padding-top: 70px;
}

#menu ul li {
display: inline;
text-transform: lowercase;
}

#menu ul li a {
margin-right: 15px;
margin-left: 15px;
font-size: 12px;
color: #3d3c3f;
}

#menu ul li a:hover {
color: #7b7980;
}

#menu ul li a.this {
color: #ce2c84;
}

#banneri {
width: 630px;
margin-bottom: 50px;
}

#contentleft {
width: 250px;
margin-left: 50px;
float: left;
}

#contentleft ul {
list-style: none; 
margin-bottom: 1em;
line-height: 1.8em;
}

#contentright ul {
line-height: 1.4em;
margin-bottom: 1em;
}

#contentleft a {
color: #ce2c84;
}

#contentleft a:hover {
color: #484849;
}

#contentleft p {
width: 225px;
}

#contentright {
float: right;
width: 550px;
margin-bottom: 15px;
padding-right: 50px;
}

#contentleft ul li a {
line-height: 1.5em;
text-transform: uppercase;
color: #3d3c3f;
}

#contentleft ul li a:hover {
color: #7b7980;
}

#contentwide {
margin-left: 50px;
}

.contentbox {
width: 250px;
margin-right: 25px;
float: left;
margin-bottom: 20px;
}

.contentboxleft {
width: 550px;
float: left;
margin-right: 25px;
margin-bottom: 20px;
}

a {
color: #ce2c84;
}

a:hover {
color: #484849;
}

h1 {
font-size: 16px;
font-weight: 100;
margin-bottom: 0.5em;
}

h2 {
font-size: 12px;
margin-bottom: 0.5em;
margin-top: 1.5em;
font-weight: 100;
text-transform: uppercase;
}

p {
margin-bottom: 1em;
line-height: 1.4em;
}

#footer {
border-top: 1px solid #e5e5e5;
width: 800px;
height: 30px;
text-align: center;
padding-top: 20px;
padding-bottom: 1px;
margin-top: 30px;
margin-left: 50px;
margin-right: 50px;
}

#footer ul {
margin-bottom: 1em;
}

#footer ul li {
display: inline;
}

#footer ul li span {
margin-right: 7px;
margin-left: 5px;
}

#footer a {
color: #484849;
}

table.lomake {
width: 345px;
}

table.lomake td + td {
text-align: right;
}

table.lomake tr {
height: 2em;
}

table.kauppa {
width: 160px;
float: left;
margin-right: 25px;
}

form#kauppa input {
width: auto;
}

table.kauppa td + td + td {
text-align: right;
}

#kauppamenu {
margin-top: -30px;
margin-bottom: 20px;
margin-left: -5px;
}

#kauppamenu a {
text-transform: uppercase;
padding-left: 5px;
padding-right: 5px; 
color: #484849;
}

#kauppamenu a:hover {
color: #ce2c84;
}

.product {
width: 175px;
float: left;
margin-right: 5px;
margin-bottom: 20px;
background-color: #f2f2f2;
height: 250px;
}

.product:hover {
background-color: #dddddd;
}

.product h2,
.product p {
margin: 10px;
}

p#response {
font-size: 11px;
margin-top: 1em;
margin-bottom: 0px;
}

.omakuva {
width: 225px;
background-color: #f2f2f2;
float: left;
margin-right: 20px;
padding: 15px;
}

.kehysmalli {
background-color: #f2f2f2;
width: 275px;
margin-bottom: 5px;
margin-left: 275px;
height: 60px;
}

.kehysmalli p {
padding-top: 5px;
}

.kehysmalli img {
float: left;
margin-right: 15px;
}

.product h2,
.omakuva h2 {
margin-top: 10px;
margin-bottom: 5px;
}

.product input#submit,
.omakuva input#submit,
.tilauslomake input#submit,
.omakuva input#laskehinta,
.omakuva input#lataakuva {
background-color: #7a7a7a;
border: none; 
color: #ffffff;
height: 20px;
margin-top: 10px;
width: 115px;
cursor: pointer;
}

.product select {
width: 175px;
margin-bottom: 5px;
height: 20px;
}

.omakuva select {
width: 225px;
margin-bottom: 5px;
height: 20px;
}

.omakuva img {
width: 225px;
margin-bottom: 5px;
}

.product input#submit:hover,
.omakuva input#submit:hover,
.tilauslomake input#submit:hover,
.omakuva input#laskehinta,
.omakuva input#lataakuva {
background-color: #adadad;
}

.omakuva input#laskehinta:hover,
.omakuva input#lataakuva:hover {
background-color: #d7d7d7;
}

table.hinnasto {
width: 255px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

table.tilaukset {
width: 800px;
}

table.tilaukset td {
min-width: 40px;
}

table.hinnasto a {
color: #3d3c3f;
}

table.hinnasto td.red a {
color: #ff0000;
}

table.ostoskori {
width: 450px;
margin-bottom: 20px;
}

table.tilauslomake {
width: 450px;
}

table.tilauslomake td.ohje {
padding-left: 5px;
color: #878787;
font-size: 0.9em;
}

table.ostoskori td.right,
table.tilauslomake td.right {
text-align: right;
}

table.hinnasto td,
table.ostoskori td,
table.tilaukset td {
padding: 7px;
vertical-align: middle;
}

table.hinnasto h2 {
margin-top: 5px;
margin-bottom: 5px;
}

table.hinnasto tr,
table.ostoskori tr,
table.tilaukset tr {
border-bottom: 2px solid #ffffff;
background: #f2f2f2;
}

table.hinnasto tr:hover,
table.hinnasto tr.gray:hover,
table.ostoskori tr:hover,
table.tilaukset tr:hover {
background: #ffffff;
}

table.hinnasto tr.gray {
background: #d9d9d9;
}

table.hinnasto tr.darkgray {
background: #ffffff;
border-bottom: 1px solid #a0a0a0;
}

h1.price {
color: #ce2c84;
margin-top: 1em;
}

table.tilauslomake td {
padding: 2px;
vertical-align: middle;
}

table.tilauslomake input {
width: 200px;
}

table.hinnasto input {
width: 20px;
text-align: center;
}

table.tilauslomake textarea {
width: 300px;
height: 50px;
}