body
{
	background: #000000 url(images/background.jpg) repeat;
	margin: 0;
	padding: 28px 34px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a
{
	color: #333;
}

a:hover
{
	color: #f93;
}

#container
{
	background: #f2f2f2;
	width: 615px;
}

#footer
{
	color: #bababa;
	height: 42px;
	line-height: 20px;
	text-align: center;
	width: 615px;
}
#footer a {
        color: #bababa;
}
#footer a:hover {
        color: #ffffff;
}

h1
{
	margin: 0;
	padding: 0;
	font-size: 1px;
}

h1 a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 615px;
	height: 134px;
	background: url(images/header.jpg) no-repeat left top;
}

h1 span
{
	display: none;
}

h2
{
	font-size: 16px;
}

h3
{
	font-size: 14px;
}

#navi
{
	background: url(images/navi-bg.gif) repeat-x left top;
	height: 60px;
	clear: both;
}

#navi ul
{
	margin: 0;
	padding: 10px 0px 0px 0px;
	list-style: none;
	display: block;
}

#navi li
{
	float: left;
	margin: 0px 25px 0px 25px;
}

#navi li span
{
	display: block;
	height: 40px;
	margin: 0;
	padding: 0;
	background-position: 0 -40px;
}

#navi li span a,
#navi li span a:link
{
	display: block;
	width: 100%;
	height: 40px;
	background-position: 0 0;
}

#navi li span a span
{
	display: none;
}

#navi li span a:hover
{
	background-image: none;
}

li.huolto span,
li.huolto span a
{
	background: url(images/navi-huolto.gif) no-repeat 0px 0px;
}

li.ohjeet span,
li.ohjeet span a
{
	background: url(images/navi-ohjeet.gif) no-repeat 0px 0px;
}

li.linkit span,
li.linkit span a
{
	background: url(images/navi-linkit.gif) no-repeat 0px 0px;
}

li.yhteystiedot span,
li.yhteystiedot span a
{
	background: url(images/navi-yhteystiedot.gif) no-repeat 0px 0px;
}

li.huolto span
{
	width: 58px;
}

li.ohjeet span
{
	width: 57px;
}

li.linkit span
{
	width: 52px;
}

li.yhteystiedot span
{
	width: 103px;
}

#content
{
	width: 614px;
	float: left;
}

#contentpadding
{
	padding: 10px 19px 10px 20px;
}

#content p
{
	margin: 0px 0px 10px 0px;
}

#frontpagelinks,
#links
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#links
{
	width: 570px;
	margin: 0px auto 0px auto;
}

#links li
{
	float: left;
	width: 190px;
	height: 50px;
}

#frontpagelinks li
{
	float: left;
}

#frontpagelinks li a
{
	display: block;
	height: 25px;
	margin: 0px 7px 10px 7px;
}

#links li a
{
	display: block;
	height: 50px;
	margin: 0px auto 0px auto;
}

#frontpagelinks li a span,
#links li a span
{
	display: none;
}

.whirlpool a
{
	background: url(images/logo-whirlpool.gif) no-repeat center center;
	width: 74px;
}

.kenwood a
{
	background: url(images/logo-kenwood.gif) no-repeat center center;
	width: 79px;
}

.lg a
{
	background: url(images/logo-lg.gif) no-repeat center center;
	width: 54px;
}

.gorenje a
{
	background: url(images/logo-gorenje.gif) no-repeat center center;
	width: 73px;
}

.beko a
{
	background: url(images/logo-beko.gif) no-repeat center center;
	width: 72px;
}

.samsung a
{
	background: url(images/logo-samsung.gif) no-repeat center center;
	width: 70px;
}

.ariston a
{
	background: url(images/logo-ariston.gif) no-repeat center center;
	width: 94px;
}

.indesit a
{
	background: url(images/logo-indesit.gif) no-repeat center center;
	width: 90px;
}

.iberna a
{
	background: url(images/logo-iberna.gif) no-repeat center center;
	width: 92px;
}

.frigor a
{
	background: url(images/logo-frigor.gif) no-repeat center center;
	width: 65px;
}

.fagor a
{
	background: url(images/logo-fagor.gif) no-repeat center center;
	width: 76px;
}

.haier a
{
	background: url(images/logo-haier.gif) no-repeat center center;
	width: 53px;
}

.elcold a
{
	background: url(images/logo-elcold.gif) no-repeat center center;
	width: 92px;
}

.blomberg a
{
	background: url(images/logo-blomberg.gif) no-repeat center center;
	width: 97px;
}

.cylinda a
{
	background: url(images/logo-cylinda.gif) no-repeat center center;
	width: 74px;
}

.aseaskandia a
{
	background: url(images/logo-aseaskandia.gif) no-repeat center center;
	width: 73px;
}

.daewoo a
{
	background: url(images/logo-daewoo.gif) no-repeat center center;
	width: 90px;
}

.dyson a
{
	background: url(images/logo-dyson.gif) no-repeat center center;
	width: 66px;
}

.delonghi a
{
	background: url(images/logo-delonghi.gif) no-repeat center center;
	width: 77px;
}

.ariete a
{
	background: url(images/logo-ariete.gif) no-repeat center center;
	width: 70px;
}

.hoover a
{
	background: url(images/logo-hoover.gif) no-repeat center center;
	width: 78px;
}

.candy a
{
	background: url(images/logo-candy.gif) no-repeat center center;
	width: 72px;
}

.clearfloat
{
	clear: both;
}

ul#productlist
{
	background: url(images/electronics.jpg) no-repeat right center;
}

#map
{
	border: 1px solid #000;
	margin-bottom: 10px;
}

input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.formfield
{
	border: 1px solid #999;
	background: #fff;
	padding: 2px;
	width: 300px;
}

textarea.formfield
{
	height: 100px;
}

form
{
	margin: 0px;
	padding: 10px;
}

form fieldset table td
{
	padding: 2px 0px;
}

.formcode
{
	width: 40px;
	margin-right: 5px;
}

.formoffice
{
	width: 249px;
}

fieldset
{
	border: 1px solid #999;
	margin: 0px 0px 5px 0px;
	padding: 8px;
}

legend
{
	font-weight: bold;
}

.formbutton
{
	background: #eee;
	border: 1px solid #999;
}

#phases
{
	margin-bottom: 5px;
	border-collapse: collapse;
}

#phases td
{
	background: #eee;
	border: 1px solid #999;
	font-size: 11px;
	text-align: center;
	padding: 10px;
	color: #ccc;
}

#phases td.done
{
	background: #ddd;
	color: #000;
}

#phases td.active
{
	background: #ccc;
	color: #000;
	font-weight: bold;
}

.minheight
{
	width: 1px;
	height: 365px;
	float: right;
}

.note
{
	font-size: 11px;
	text-align: right;
}

.required
{
	font-size: 11px;
	color: #c00;
}

.errornote
{
	text-align: center;
	color: #c00;
	font-weight: bold;
	border: 1px solid #999;
	padding: 8px;
	margin: 0px 0px 5px 0px;
	background: #eee;
}