/* MAIN */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, img, strong, b, u, i, ol, ul, li, form, table, caption, tr, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 12px;
vertical-align: baseline;
background: transparent;
font-family: "Arial", sans-serif;
}

body {
line-height: 1;
background: #0f0f0f none repeat scroll 0% 0%;
}

ol, ul {
list-style: none;
}

:focus {
outline: 0px;
}

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

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

p.lainaus {
color: #4d4d4d;
font-style: italic;
}

a {
color: #4d4d4d;
cursor: pointer;
cursor: hand;
}

a:hover {
color: #000000;
}

h1 {
font-size: 1.7em;
color: #4d4d4d;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 0.5em;
}

h2 {
color: #4d4d4d;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.5em;
}

h3 {
color: #000000;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 1em;
font-size: 1.2em;
}

.clear {
clear: both;
}

/* WRAPPER */

#wrapper {
width: 850px;
margin:0px auto;
padding-left: 50px;
}

/* HEADER */

#header {
margin-top: 100px;
margin-left: -50px;
margin-bottom: -5px;
}

/* CONTENT */

#content {
background: #ffffff none repeat scroll 0% 0%;
width: 800px;
padding-bottom: 5px;
}

#contentleft {
width: 175px;
float: left;
padding-top: 75px;
}

#contentcenter {
width: 345px;
float: left;
padding-top: 50px;
padding-right: 15px;
padding-bottom: 15px:
}

#contentcenterkauppa {
width: 595px;
float: left;
padding-top: 50px;
padding-right: 15px;
padding-bottom: 15px:
}

#contentcenterwide img {
margin-top: 8px;
margin-bottom: 15px;
}

#contentright {
float: left;
width: 250px;
}

#contentright img {
margin-bottom: 14px;
margin-top: 6px;
}

/* MENU */

#menu {
margin-left: 45px;
padding-right: 45px;
}

#menu a {
text-transform: uppercase;
text-decoration: none;
color: #363636;
font-stretch: narrowed;
font-size: 11px;
}

#menu a:hover {
color: #838180;
}

#menu li {
margin-bottom: 0.9em;
margin-top: 0.9em;
}

#menu ul {
margin-bottom: 25px;
}

/* FOOTER */

#footer {
width: 800px;
margin-top: 5px;
text-align: center;
color: #595959;
}

#footer p {
color: #595959;
font-size: 0.9em;
}

#footer a {
text-decoration: none;
color: #595959;
font-size: 1em;
}

#footer a:hover {
color: #6b6b6b;
}

/* KAUPPA */

.category {
float: left;
margin: 0px 15px 15px 0px;
}

.product {
border-bottom: 1px solid #cfcfcf;
margin-bottom: 15px;
margin-top: 15px;
padding-bottom: 15px;
}

.product img {
float: left;
width: 150px;
height: 150px;
margin-right: 15px;
margin-bottom: 5px;
}

.product form {
margin-left: 165px;
}

form input {
width: 220px;
border: 1px solid #dbdbdb;
color: #000000;
background-color: #ffffff;
}

form input#maksutapa {
width: 15px;
}

.product form input#amount {
border: 1px solid #dbdbdb;
color: #000000;
background-color: #ffffff;
text-align: center;
margin-right: 2px;
width: 20px;
}

.product form input#amount:hover {
border: 1px solid #b7b7b7;
}

.product form input#add,
form input#submit {
border: 1px solid #ffffff;
background-color: #b7b7b7;
cursor: pointer;
cursor: hand;
margin-right: 2px;
width: 120px;
text-align: center;
}

.product form input#add:hover, 
form input#submit:hover {
background-color: #e8e8e8;
} 

.product form input#add:active {
outline: none;
}

.product form select#color {
border: 1px solid #dbdbdb;
color: #000000;
background-color: #ffffff;
margin-right: 2px;
width: 100px;
}

.product form select#color:hover {
border: 1px solid #b7b7b7;
}

table {
width: 450px;
}

table a {
color: #7a0000;
text-decoration: none;
font-size: 9px;
}

table a:hover {
color: #b7b7b7;
}

table tr {
border-bottom: 1px solid #dbdbdb;
}

table tr.total {
border-top: 3px solid #dbdbdb;
border-bottom: none;
}

table td {
padding-top: 5px;
padding-bottom: 5px;
width: 120px;
}

table td.right {
text-align: right;
width: 70px;
}

form textarea {
width: 450px;
height: 60px;
border: 1px solid #dbdbdb;
color: #000000;
background-color: #ffffff;
}