/* TT CSS */

html {
min-height: 100%;
}

* {
margin: 0;
padding: 0;
}

body, form, div  {
margin: 0px;
padding: 0px;
}

body, div, td, p {
line-height: 1.5em;
}

p,code,ul {
padding-bottom: 1.2em;
}

img {
border-style: none;
}

body {
background: #FFF url('kuvat/tausta.jpg') repeat-x fixed;
color: #444;
font: normal 10px Tahoma,Verdana,sans-serif;
}

h2 {
font-size: 18px;
padding-top: 6px;
padding-bottom: 10px;
}

h3 {
font-size: 14px;
padding-top: 6px;
padding-bottom: 6px;
}

.container {
margin: 0 auto;
width: 980px;
background: #FFF;
font-size: 1.2em;
padding: 0 10px 10px;
margin-bottom: 10px;
}

.header {
width: 980px;
background: #FFF;
font-size: 1.2em;
height: 150px;
margin: 0 auto;
margin-top: 10px;
padding: 10px 10px 5px;
}

.header .logo {
background: #FFF;
color: #000;
height: 150px;	
}

.header .logo {
background: #FFF url('kuvat/logo.png') no-repeat;
font: normal 2.8em "Trebuchet MS",sans-serif;
line-height: 150px;
text-align: center;	
width: 980px;
}

.main {
border-top: 4px solid #FFF;
background: url('kuvat/bg.png') repeat-y;
min-height: 400px;
}

.sidenav {
float: left;
width: 220px;
text-align: center;
}

.content {
float: right;
margin: 10px 0;
padding: 0 16px;
width: 721px;
}

.content p {
font: normal 12px Tahoma, Verdana, sans-serif;
line-height: 1.5em;
}

.footer {
border-top: 1px solid #CFD1D4;
border-bottom: 1px solid #CFD1D4;
background-color: #EBEDEE;
color: #000;
font: bold 1em sans-serif;
line-height: 35px;
text-align: center;
}

.clearer {
clear: both;
}

/* Linkit */

a:active,a:visited,a:link {
color: #444BAF;
text-decoration: none;
}

a:hover {
color: #666666;
text-decoration: underline;
}

a[rel="external"] {
background: url('kuvat/external.png') 99% 40% no-repeat;
padding-right: 15px;
}

/* Menu */

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu {
text-align: left;
width: 190px;
margin: 10px;
border-style: solid solid none solid;
border-color: #BCD2E6;
border-size: 1px;
border-width: 1px;
}

#menu li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu li a:link, #menu li a:visited {
color: #8BADCF;
display: block;
background:  url('kuvat/menu.gif');
padding: 8px 0 0 10px;
font-size: 12px;
font-weight: bold;
}

#menu li a:hover {
color: #627EB7;
background:  url('kuvat/menu.gif') 0 -32px;
padding: 8px 0 0 10px;
font-size: 12px;
font-weight: bold;
}

/* Verkkokauppa */

table.taulukko, table.tuotteet, table.ostoskori {
border-collapse: collapse;
border: 1px solid #AACCEE;
background-color: #FFF;
}

table.taulukko th, table.tuotteet th, table.ostoskori th {
padding: 2px;
border-bottom: 1px solid #AACCEE;
background-color: #EBF3FB;
}

table.taulukko td {
padding: 4px;
}

table.tuotteet td {
border-bottom: 1px solid #AACCEE;
padding: 2px;
}

table.ostoskori {
margin: 10px;
border: 1px solid #BCD2E6;
background-color: #FFF;
text-align: left;
}

table.ostoskori td {
border-bottom: 1px dotted #BCD2E6;
padding: 2px;
}


/* Ilmoitukset */

div.virhe {
margin: 0px auto;
width: 80%;
font-size: 12px;
color: #CB2026;
font-weight: bold;
border-top: 1px solid #EAAEAE;
border-bottom: 1px solid #EAAEAE;
padding: 10px 10px 10px 50px;
background: #F9E1E1 url('kuvat/error.png') no-repeat 20px 50%;
}

div.ilmoitus {
margin: 0px auto;
width: 80%;
font-size: 12px;
color: #1E9145;
font-weight: bold;
border-top: 1px solid #8FAD3D;
border-bottom: 1px solid #7CA330;
padding: 10px 10px 10px 50px;
background: #EEF4D4 url('kuvat/success.png') no-repeat 20px 50%;
}

/* Input */

button.ostoskori {
background: url('kuvat/ostoskori.png') no-repeat;
cursor: pointer;
width: 118px;
height: 22px;
border: none;
vertical-align: bottom;
}