@import "/files/leaf/css/xylitol.css";

/* Ksylitolikauppa
----------------------------------------------- */

#mainnav {
	width: 800px;
}

#kauppalogo {
	display:block;
	margin: 0px 0 0 120px;
	overflow: hidden;
	cursor: pointer;
	background: url(/files/leaf/kauppa/ksylitolikauppa.png);
	width: 123px;
	height: 107px;
	text-indent: -1000px;

}

#content {
	width: 494px;
	zoom: 1;
}

#content h1 {
	text-align: right;
	font-size: 23px;
	letter-spacing: 0;
	color: #e5182f;
}

#ostoskori-iso {

}

#ostoskori-yla {
	width: 198px;
	height: 41px;
	background: url(/files/leaf/kauppa/ostoskori-yla.png);
}

#ostoskori-sisalto {
	width: 198px;
	background: url(/files/leaf/kauppa/ostoskori-tausta.png) repeat-y;
}

#ostoskori-info {
        padding-left: 10px;
	width: 188px;
	background: url(/files/leaf/kauppa/ostoskori-tausta.png) repeat-y;
}

#ostoskori-ala {
	width: 198px;
	height: 46px;
	background: url(/files/leaf/kauppa/ostoskori-ala.png);
}


.tuote {
	width: 162px;
	height: 290px;
	float: left;
	border-bottom: 1px solid #70c7e9;
	position: relative;
}

.tuote p {
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0px 10px 0px 10px;
}

.tuote p.nimi {
	margin: 0px 10px 0px 10px;
	font-weight: bold;
	font-size: 12px;
}

.tuote p.nimi a {
	font-weight: bold;
	color: #434448;
}

.tuote p.nimi a:hover {
	text-decoration: none;
}


.tuotekuva {
	height: 110px;
	line-height: 120px;
}

.tuote .tuotekuva img {
	margin: 10px auto 0px auto;
}


.tuote input {
	width: 15px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#product-image {
	float: left;
	width: 150px;
}


#product-desc {
	float: right;
	width: 300px;
	text-align: right;
}

#product-desc p {
	margin-bottom: 3px;
}

.lisaa-tuotteita {
	float: right;
	width: 200px;
}

.lisaa-tuotteita input {
	width: 15px;
	float: none;
	text-align: right;
	height: 11px;
}

.lisaa-tuotteita img {
	display: inline;
	position: relative;
	top: 5px;
}


#product-desc h1 {
	text-align: right;
	font-weight: bold;
}

#ravintoarvot {
	float: left;
	width: 200px;
}

#tuoteseloste {
	float: right;
	width: 270px;
	margin: 0px 10px 0px 0px;
}


h3.variant1 {
	font-size: 18px;
	color: #0082a4;
}

.tuotelista {
	display:none;
}

.tuotelista.akt {
	display:block;
}

.tuoteryhmat {
	clear: both;
	height: 21px;
	border-bottom: 5px solid #2da6cf;
}

.tuoteryhma, .vaihe {
	width: 109px;
	height: 21px;
	float: left;
	text-align: center;
	color: #0088c8;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
}

.tuoteryhma a {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer;
}

.tuoteryhma.akt, .vaihe.akt {
	background: url(/files/leaf/kauppa/tuoteryhma-akt.png);
	color: #fff;
}
.tuoteryhma.akt a {
	color: #ffffff;
}

.lisaa-ostoskoriin {
	cursor: pointer;
	position: absolute;
	bottom: 13px;
	right: 15px;
}

.tuotenro {
	display: none;
}

.ostoskorituote {
	margin: 0px 10px 0px 10px;	
	padding: 5px 0px 5px 0px;
}

hr {
	clear: both;
	background: #2da6cf;
	border-top: 1px solid #2da6cf;
	margin: 12px 0px;
}

.content_text {
	position: relative;
	zoom: 1;
}

#ostoskori-iso {
	border-top: 5px solid #2da6cf;
}

.ostoskorituote-iso {
	clear: both;
	border-bottom: 1px solid #2da6cf;
	padding-top: 15px;
}

.ostoskorituote-iso .poista {
	float: right;
}

.ostoskorituote-iso p {
	color: #2da6cf;
	font-weight: bold;
	margin: 0px;
	font-family: Arial;
}	

.ostoskorituote-iso input {
	width: 15px;
	text-align: right;
}

#ostoskori-iso .tuotekuva {
	float: left;
	width: 155px;
	height: 125px;

}

p.yhteensa {
	border-top: 5px solid #2da6cf;
	border-bottom: 5px solid #2da6cf;
	padding: 3px 0px 3px 200px;
}

.hidden {
	display: none;
}

table.yhteenveto {
	margin: 15px 0px;
}

table.yhteenveto td {
	text-align: right;
	border-bottom: 1px solid #2da6cf;
	height: 35px;
	vertical-align: middle;
}

table.yhteenveto .alabold td{
	border-bottom: 5px solid #2da6cf;
}

table.yhteenveto .ylabold td{
	border-top: 4px solid #2da6cf;
}

table.yhteenveto .nobold td{
	border: 0px;
}

input[type=text] {
	width: 220px;
	padding: 0px;
	height: 20px;
}

input[type=password] {
	width: 218px;
	height: 20px;
	border: 1px solid #9ac6e4;
	background: #dfedf6;
}

input.muuta, input.maara {
	width: 25px;
	text-align: center;
	margin-right: 5px;
}

input.kw {
	width: 150px;
}

textarea {
	width: 218px;
	border: 1px solid #9ac6e4;
	background: #dfedf6;
	font-family: Verdana;
	color: #434448;
	font-size: 11px;

}

.poista {
	cursor: pointer;
}