HTML
{
	width: 100%;
	height: 100%;
}

/* Shopping cart styles, applies to shopping cart table area */

TD.cartbasic {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

P.cartbasic {

} 

TD.carttotal {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

P.carttotal {

font-weight : bold;
} 


/* Progress bar styles, applies to progress bar area */

P.pb {
font-size : 70%;
color : #785060;
} 

TD.pbactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
font-weight: bold;
} 

TD.pbinactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
font-weight: normal;
}



body
{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(kuvat/taustakuva_pattern.jpg);
	background-color: #434343;
	width: 100%;
	height: 100%;
	border: 0px;
}

#container
{
	text-align: left;
	margin-right: auto;
	position: relative;
	margin-left: auto;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;

	border-collapse: collapse;

	border-width: 0px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}


#table_vasen
{
	padding: 0px;
	margin: 0px;
	border-width: 0px;

	background-image: url(kuvat/taustakuva_vasen.jpg);
	background-position: right top;
	background-repeat: repeat;

	width: auto;
}


#table_ylapalkki
{
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	width: 1013px;
	height: 212px;
}

.ylapalkki
{
	display: block;
	border: 0px;
	height: 212px;
}

#table_oikea
{
	padding: 0px;
	margin: 0px;
	border-width: 0px;

	background-image: url(kuvat/taustakuva_oikea.jpg);
	background-position: left top;
	background-repeat: repeat;

	width: auto;
}


#table_valikko
{
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	width: 1013px;
	height: 34px;
}


#valikko_vasen
{
	height: 34px;
	display: inline;
}

#valikko
{
	height: 34px;
	width: 1013px;
}

#valikko_oikea
{
	height: 34px;
	display: inline;
}

#valikko_ostoskori
{
	height: 34px;
	display: inline;
	border: 0px;
}

#table_vasen_reuna
{
	padding: 0px;
	margin: 0px;
	border-width: 0px;

	background-image: url(kuvat/taustakuva_vasen_reuna.jpg);
	background-repeat: repeat-y;

	width: 43px;
}


#table_sivuvalikko
{
/*	padding: 0px; */
	padding-left: 17px;
	padding-top: 60px;
	padding-right: 0px;
	margin: 0px;
	border-width: 0px;

	width: 224px; /* 241 ilman paddingiä */
	vertical-align: top;

	background-color: #ffffff;
}

#sivuvalikko
{
/*	margin-left: 17px;
	margin-top: 80px; 
	margin-right: 0px;
	margin-bottom: 0px;
*/
}


#table_sivuvalikko_napit
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-width: 0px;
}


.sivuvalikko_nappi
{
	width: 180px; /* ilman paddingia 220px */
	height: 28px; /* ilman paddingiä 28 */
	border: 0px;
	margin: 0px;

	border-width: 0px;
	padding-left: 40px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;

	text-align: left;

	background-image: url(kuvat/sivuvalikko_nappi.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

.sivuvalikko_nappi_alavalikko
{
	border: 0px;
	margin: 0px;

	border-width: 0px;
	padding-left: 41px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 0px;

	text-align: left;

	background-color: #ffffff;
}


.sivuvalikko_nappi_alavalikko_valittu
{
	border: 0px;
	margin: 0px;

	border-width: 0px;
	padding-left: 41px;
	padding-top: 2px;
	padding-bottom: 2px;

	text-align: left;

	background-color: #ffffff;
}


.sivuvalikko_nappi_alin
{
	width: 180px; /* ilman paddingia 220px */
	height: 95px; /* ilman paddingiä 28 */
	border: 0px;
	margin: 0px;

	border-width: 0px;
	padding-left: 40px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;

	text-align: left;
	vertical-align: top;

	background-repeat: no-repeat;
	background-color: #ffffff;

	background-image: url(kuvat/sivuvalikko_nappi_alin.jpg);
}


#table_teksti
{
/*	margin-left: 93px;
	margin-top: 50px;
	margin-right: 105px;
*/
	padding-left: 93px;
	padding-top: 50px;
	padding-right: 105px;

	margin: 0px;
	border-width: 0px;
	width: 461px; /* ilman paddingiä 659px */

	background-color: #ffffff;
	vertical-align: top;
}

#teksti
{
	width: 461px;
}

#teksti img
{
	border: 0px;
}

#table_oikea_reuna
{
	padding: 0px;
	margin: 0px;
	border-width: 0px;

	background-image: url(kuvat/taustakuva_oikea_reuna.jpg);
	background-repeat: repeat-y;

	width: 70px;
}


#table_alapalkki_ostoskori
{
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	width: 900px;
	height: 40px;
	text-align: center;
	vertical-align: center;
	background-color: #ffffff;
}

#sivupalkki_yhteystiedot
{
	padding-top: 50px;
	margin: 0px;
	border-width: 0px;
	text-align: center;
	vertical-align: top;
	color: #b3d36f;
	line-height: 140%;
}

#table_alapalkki_lbi
{
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	width: 900px;
	height: 40px;
	text-align: center;
	vertical-align: center;
	background-color: #ffffff;
}

td
{
	padding: 0px;
	border: 0px;
	margin: 0px;
}


.teksti
{
	font-family: arial;
	color: #785060;
	font-size: 80%;
	line-height: 170%;
}

.teksti_sivuvalikko
{
	font-family: arial;
	color: #785060;
	font-size: 80%;
	line-height: 100%;
}


.teksti_sivuvalikko_valittu
{
	color: #b3d36f;
	font-weight: bold;
}


.paaotsikko
{
	font-family: Arial;
	font-weight: bold;
	color: #b0d266;
}

.alaotsikko
{
	font-weight: bold;
}

.vihrea
{
	color: #b0d266;
}

a:visited, a:link
{
	color: #785060;
    text-decoration: none;
}

a:active, a:hover
{
	color: #785060;
    text-decoration: underline;
}

a.vihrea:visited, 
a.vihrea:link
{
	color: #b0d266;
    text-decoration: none;
}

a.vihrea:active,
a.vihrea:hover
{
	color: #b0d266;
    text-decoration: underline;
}

#sivupalkki_yhteystiedot a:visited,
#sivupalkki_yhteystiedot a:link,
#sivupalkki_yhteystiedot a:active,
#sivupalkki_yhteystiedot a:hover
{
	color: #b0d266;
    text-decoration: none;
}


.sivuvalikko_nappi_alavalikko a:visited,
.sivuvalikko_nappi_alavalikko a:link
{
	color: #785060;
    text-decoration: none;
}

.sivuvalikko_nappi_alavalikko_valittu a:visited,
.sivuvalikko_nappi_alavalikko_valittu a:link
{
	color: #b3d36f;
    text-decoration: none;
    font-weight: bold;
}


.sivuvalikko_nappi_alavalikko a:active,
.sivuvalikko_nappi_alavalikko a:hover
{
	color: #785060;
    text-decoration: none;
}

.sivuvalikko_nappi_alavalikko_valittu a:active,
.sivuvalikko_nappi_alavalikko_valittu a:hover
{
	color: #b3d36f;
    text-decoration: none;
    font-weight: bold;
}


#kuva
{
	z-index: 2;
	top: 91px;
	position: absolute;
	left: 487px;
}

