.menubgharmaa {
	background-image: url(images/menuharmaa.gif);
	background-repeat: repeat;
}
.menubgindoc {
	background-image: url(images/menupuna.gif);
	background-repeat: repeat;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 18px 0 0 0;

}
body.bottom {
	margin: 0;
}

td {
	vertical-align: top;
}


a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C0321A;
	text-decoration: none;
}


a:hover {
	color: #333333;
}

a.white,
a.shop,
a.black {
	font-weight: bold;
}

a.white {  font-size: 10px; color: #333333; text-decoration: none}
a.white:hover { text-decoration: none}

a.shop { font-size: 9px; color: #C0321A; text-decoration: none }
a.shop:hover { color: #333333; text-decoration: none}

a.black {
	font-size: 10px; font-weight: normal; color: #000000; text-decoration: none
}
a.black:hover {
	color: #333333; text-decoration: none;
}

input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #666666;
}

input.radio { border: 0; }

input.button {
	color:#FFFFFF;
	background-color: #C0312A;

	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-weight: normal;
	background-repeat: repeat;
}

input.text {

}

input.textfield {

}

textarea {

}

input.checkbox {
	border: 0;
}

select {
	font-size: 9px;
}

a.menuala {
	font-weight: normal;
	color: #C0321A;
}

a.menuala:hover {
	font-weight: normal;
	color: #333333;
}

.ylapalkki {
	background-image: url(images/td1_bg.jpg);
	background-repeat: repeat-x;
}
.ostostaus {
	background-image: url(images/td4_bg.gif);
	background-repeat: repeat-x;
	padding-top: 3px;
	text-align: left;
	vertical-align: middle;
}

.bgoikharmaa {
	background-image: url(images/oikharmaa.gif);
	background-repeat: repeat;
}

.border3 {
	padding-left: 2px;
}

.tuotepunbg {
	background-color: #C0321A;
	vertical-align: top;
	background-repeat: repeat;
	padding: 2px;
	text-align: center;
}

.otstuote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #EEEEEE;
}

a.otstuotelink {
	font-size: 9px;
	font-weight: bold;
	color: #C0321A;
}

a.otstuotelink:hover {
	font-weight: bold;
	color: #333333;
}

.tdtuotelink {
	padding-top: 6px;
	vertical-align: top;

}
.bgalapalkk {
	background-image: url(images/bgalapalk.gif);
	background-repeat: repeat-x;
}
.yhttiedot {
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.ostostext {
	font-size: 10px;
	font-weight: bold;
	color: #EEEEEE;
}

.valibg {
	background-image: url(images/valibg.gif);
	background-repeat: repeat-y;
}

.lineharmaa {

}

.taustaharmaat {
	background-image: url(images/tausharmaa.gif);
	background-repeat: repeat-y;
}

.ostostausvasen {
	background-image: url(images/td4_bg.gif);
	background-repeat: repeat-x;
	padding-top: 3px;
	text-align: right;
	vertical-align: middle;
}

p {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-right:10px;
	margin-left:10px;
}

.yhttiedottaus {
	background-image: url(images/td4_bg.gif);
	background-repeat: repeat-x;
	text-align: left;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

.tableheight {
	height: 100%;
	width: 100%;
}

.valiotsikko {
	background-image: url(images/valipun.gif);
	background-repeat: repeat;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 4px;
}

.korttiots {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

.korttipunbg {
	background-color: #C0321A;
	vertical-align: top;
	background-repeat: repeat;
	padding: 2px;
}

.korttiotsoikea {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.korttipunbgoikea {
	background-color: #C0321A;
	vertical-align: top;
	background-repeat: repeat;
	padding: 2px;
	text-align: right;
}

.bold10 {
	font-weight: bold;
	font-size: 10px;
}

.korttipohja {
	background-image: url(images/korttiharm.gif);
	background-repeat: repeat;
	margin-top: 2px;
}

.hinta {
	font-size: 11px;
	font-weight: bold;
	color: #C0321A;
}

.vots1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}

.vots2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

h1 {
	background-image: url(images/valipun.gif);
	background-repeat: repeat;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 2px;
}

h2 {
	font-size: 12px;
	color: #C0321A;
	margin: 0 0 0 10px;

}

.img_right {
	border: 1px solid #C0321A;
	float: right;
	margin: 3px;
}

.img_left {
	border: 1px solid #C0321A;
	float: left;
	margin: 3px;
}

.img_	{
	border: 1px solid #C0321A;
	margin: 3px
}

.lomake {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

.admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

.teksti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.tdtopleftcenter {
	border-left: 1px solid #C0321A;
	padding: 5px;
	text-align: left;
}

.tdtopleftrightcenter {
	border-left: 1px solid #C0321A;
	padding: 5px;
}

.tdleftrightcentervalk,
.tdleftrightcenterpuna {
	border-left: 1px solid #C0321A;
	font-size: 10px;
	color: #000000;
	text-align: center;
}

.tdleftrighttextleftvalk {
	border-left: 1px solid #C0321A;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding-left: 5px;
}

.tdleftrighttextleftpuna {
	border-left: 1px solid #C0321A;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	background-image: url(images/menupuna.gif);
	padding-left: 5px;
}

.tablereunuspun {
	border: 1px solid #C0321A;
	border-left: 0;
}

.ostoscenterpuna {
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	background-image: url(images/menupuna.gif);
	background-repeat: repeat;
	text-align: center;
}

.ostosleftpuna {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-image: url(images/menupuna.gif);
	background-repeat: repeat;
}

.ostoscenterpunabold {
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/menupuna.gif);
	background-repeat: repeat;
	text-align: center;
}

.ostosleftpunabold {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/menupuna.gif);
	background-repeat: repeat;
}

.ostoscentervalk {
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	background-color: #FFFFFF;
}

.ostosleftvalk {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF;
}

.ostoscentervalkbold {
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	background-color: #FFFFFF;
}

.ostosleftvalkbold {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
}

.tablereunus {
	border: 1px solid #C0321A;
}

/*
	Korjaukset nov.2007
*/
span.prod_outofstock {
	font-size: 9px;
	font-weight: bold;
	color: #999999;
}

div.notify {
	width: 90%;
	padding: 5px 5px 5px 25px;
	margin: 0 10px 10px 10px;
	font-size: 10px;
	border: 2px solid #C0321A;
	background: #FFFFFF url('images_bup/ep_notify.jpg') no-repeat scroll left top;
}

	div.notify span {
		font-size: 11px;
		font-weight: bold;
	}

/*
	Floater notify, 18.1.2008
*/
div#floater {
	position:absolute;
	top: 50%;
	left: 50%;
	width:20em;
	height:4em;
	margin-top: -2em; /*set to a negative number 1/2 of your height*/
	margin-left: -10em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #e0e0e0;
	padding: 10px;
	background-color: #fefefe;
	text-align: center;
	z-index: 10;
}

	div#floater div {
		border: 2px solid #C0321A;
	}

	div#floater h1 {
		font: normal normal bold 12px/100% Verdana;
		color: #FFFFFF;
		background: #C0321A;
		padding: 5px;
		margin: 0;
		text-align: center;
	}

	div#floater p {
		text-align: center;
		font: normal normal normal 11px/100% Verdana;
	}

div#backdrop {
	background-color: #FFFFFF;
	display: block;
	position: absolute;
	top: 0pt; left: 0pt;
	z-index: 5;
	width: 100%;
	height: 2000px;
	opacity: .75;
	filter: alpha(opacity=75);
}


/*Update 01/08*/

/*Etusivun tyylit*/
.img_etusivu {
	margin: 10px 20px 0 25px;
	border: 1px solid #D0D0D0;
	}

div.login {
	width: 270px;
	padding: 10px;
	margin: 10px 30px 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #040404;
	border: 1px solid #C0312A;
	}

	div.login h1 {
		font-size: 11px;
		font-weight: bold;
		color: #040404;
		background-image: none;
		font-style: normal;
		font-variant: normal;
		text-transform: uppercase;
		margin: 5px 5px 10px 0;
		}


	div.login input {
		display: block;
		margin: 5px 0 0 100px;
		width: 140px;
		}

	span.label {
		float: left;
		}


/*Yhteystiedot sivun oikeassa yläkulmassa*/
div.yhttiedot {
	width: 250px;
	margin: 5px 0 0 5px;
	padding: 0;
	text-align: left;
	}


/*Tuoteryhmät-sivun tyylit*/
div.tuoteryhma {
	width: 200px;
	border: 2px solid #C0321A;
	margin: 10px 10px 10px 20px;
	background-color: #C0321A;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	}

div.ryhmanimi {
	width: 195px;
	padding: 3px 0 5px 3px;
}

div.tuotelinkit {
	background-color: none;
	color: #C0321A;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	}

div.tuotelinkit ul {
	margin: 1px 0 0 45px;
	padding: 0;
	}

div.tuotelinkit li {
	line-height: 12px;
	margin: 0;
	padding: 0;
	}


/*Tuotteet-sivun tyylit*/
div.tuote {
	clear: both;
	border-top: 1px solid #CCCCCC;
	padding: 3px;
	margin: 0;
}

div.tuote.odd {
	background-color: #F0F0F0;
}

div.ainesosat,
div.tuoteteksti {
	width: 250px;
	font-size: 9px;
	margin: 0 0 0 210px;
	}

div.ainesosat p,
div.tuoteteksti p {
	font-size: 9px;
	}

div.tuotekuva {
	float: left;
	width: 204px;
	margin: 0;
	padding: 2px 0 0 0;;
	background-color: #C0321A;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

	div.tuotekuva img {
		border: 2px solid #C0321A;
	}

div.tuoteotsikko{
	width: 130px;
	overflow: hidden;
	margin: 0 3px 0 2px;
	}

div.tuotenumero {
	float: right;
	font-size: 14px;
	text-align: right;
	margin: 0 2px 0 0;
	}


div.lisateksti {
	clear: both;
	font-size: 9px;
	font-weight: normal;
	margin: 0 0 3px 2px;
	}

	div.lisateksti span{
		float: right;
		text-align: right;
		margin: 0 2px 3px 0;
		}


div.tuotekoodi {
	background-color: #FFFFFF;
}

div.odd div.tuotekoodi {
	background-color: #F0F0F0;
}

	div.tuotekoodi ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

		div.tuotekoodi li {
			border-bottom: 1px solid #D8D8D8;
			font-size: 10px;
			color: #000000;
			font-weight: bold;
			margin: 0;
			padding: 2px;
			}

		div.tuotekoodi span {
			float: right;
			text-align: right;
			font-weight: normal;
			}


div.spacer {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	}

div.tuote div.price {
	float: right;
	width: 100px;
	text-align: right;
	padding-top: 2px;
}

	div.tuote div.price b {
		font-size: 12px;
		color: #C0321A;
	}

	div.tuote div.price i {
		font-size: 9px;
		font-style: normal;
		color: #666666;
		display: block;
	}

div.tuote p.addtocart {
	font-size: 9px;
	color: #999999;
	font-weight: bold;
	text-align: center;
}

	div.tuote p.addtocart a {
		display: block;
		width: 140px;
		padding: 2px;
		color: #C0321A;
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}

		div.tuote p.addtocart a:hover {
			border: 1px solid #C0321A;
		}


/*Oikean palstan tyylit*/
div.ainesinfo {
	width: 180px;
	background-color:#FFFFFF;
	border: 1px solid #D79084;
	margin: 10px;
	padding: 5px;
	font-size: 10px;
	font-weight: normal;
}

	div.ainesinfo div.lyhenne {
			width: 30px;
			float: left;
			text-align: right;
			font-weight: bold;
			margin-right: 5px;
			}

	div.ainesinfo div.selitys {
			width: 100px;
			text-align: left;
			font-weight: normal;
			margin-left: 50px;
			}