@import url(typography.css);
@import url(forms.css);

* { padding:0; margin:0; }

html { height: 100%; margin-bottom: 1px; }

body {
	font: normal 76%/140% arial, helvetica, sans-serif;
	color: #333;
	background: #828282 url(bg.jpg) repeat-x center top; 
	text-align:center;
}

#wrapper {
	position: relative;
	width: 800px;
	background:#FFF;
	margin:0 auto;
	text-align:left;
}


#menucontainer {height:22px; background:url(menu_bg-off.gif); border-bottom:1px solid #ddd}
#menu {position:relative; display:block; font-size:10px; font:bold 10px/20px Arial, Verdana, sans-serif }
#menu ul{margin:0px; padding:0; list-style-type:none; width:auto;}
#menu ul li{ display:block; float:left; margin:0 1px 0 0;}
#menu ul li a{ display:block; float:left; color:#fff; text-decoration:none; padding:0px 10px; height:22px; background:url(menu_bg-off.gif) no-repeat top left;}
#menu ul li a:hover{color:#fff; background:url(menu_bg-over.gif) no-repeat top right;}
#menu ul li a.current ,#menu ul li a.current:hover{color:#000; background:#fff;}

#header * { text-decoration:none !important; border:none !important}

#info { width: 200px; padding: 0px 25px 0px; color:#444; vertical-align:top}

#content { width: 500px; padding: 20px 50px 10px 0; vertical-align:top}

#footer { background: #828282; text-align:left }
#footer p { padding: 0.5em; }
#footer a { color:#bbb; }



img { border: 0; }

.hide  { display: none; }

#content table {width:480px}
#content table td {padding:2px 4px 2px 0}
#content tr.border td {border-bottom:1px dotted #ddd;}

.tuotteet table img {}
.tuotteet table {}
.tuotteet table td {border-bottom:1px dotted #ccc; vertical-align:bottom}
.tuotteet table td.tuotemerkki {border-bottom:none !important; vertical-align:top !important; width:150px}

#edustukset {text-align:center; border-top:1px solid #ddd;}
#edustukset img {margin:3px}

table#etusivu td {padding:6px}

.kuvaa {float: left; margin-right: 5px;}