body
{
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(/kuvat/taustaviiva.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #ffffff;
}

img, div, #ylaosa, #keskiosa, #alaosa
{ 
	behavior: url(iepngfix.htc);
}

#palutelomake form { margin: 0; padding: 0; }

#palautelomake label
{
	float: left;
	width: 250px;
	font-weight: normal;
	color: #4B4B4B;
}

#palautelomake input
{
	width: 250px;
	margin-bottom: 5px;
	border: 0;
	border-bottom: 1px solid;
	border-color: #000000;
	background: none;
}

#palautelomake textarea
{
	width: 250px;
	height: 150px;
	border: 1px solid;
	border-color: #000000;
	background: none;
}

#laheta input
{
	width: 103px;
	margin: 0 0 0 250px;
	border: 0;
	clear: both;

}




h1
{
	COLOR: #ED9601;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 20pt;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
}

h2
{
	COLOR: #ED9601;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 14pt;
	margin: 10px 0 10px 0;
	font-weight: normal;
}

#ylatekstit h1 { color: #B8B6B6; font-size: 14px;}
#ylatekstit h2 { color: #B8B6B6; font-size: 18px;}

h3
{
	COLOR: #5A5A58;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	margin: 10px 0 0 0;
	font-weight: normal;
} 


h4
{
	COLOR: #5A5A58;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	margin: 10px 0 0 0;
	font-weight: normal;
} 



P, div
{
	COLOR: #4B4B4B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
A:link, A:visited, A:active
{
	COLOR: #4B4B4B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none;
}
A:hover
{
	COLOR: #ED9601;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline;
}

.sisalto_tekstipalsta ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.sisalto_tekstipalsta li 
{
	background-image: url(/kuvat/li.png);
	background-position: left center;
	background-repeat: no-repeat;
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	padding-left: 12px;
}


#kuva {
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(/kuvat/puutavaraa.jpg);
	background-position: top right;
	background-repeat: no-repeat;

}

#runko
{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 978px;
}

#ylaosa
{
	margin: 0;
	padding: 50px 0 0 0;
	width: 978px;
	background-color : transparent;
	background-image: url( );
	background-position: top center;
	background-repeat: no-repeat;
}

#ylatekstit
{
	margin: 0 0 40px 20px;
	padding: 0;
}


#ylapalkki
{
	margin: 0;
	padding: 0;
	width: 978px;
	height: 14px;
	background-color : transparent;
	background-image: url(/kuvat/ylaosa.png);
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;
}

#keskiosa
{
	margin: 0;
	padding: 0;
	width: 978px;
	background-color : transparent;
	background-image: url(/kuvat/keskiosa.png);
	background-position: top center;
	background-repeat: repeat-y;
	clear: both;
}


#sisalto
{
	margin: 0;
	padding: 0;
	background-color : transparent;
	background-image: url( );
	background-position: top center;
	background-repeat: repeat-y;
	clear: both;
}

#palstat
{

	width: 917px;
	margin: 0;
	padding: 20px 40px 20px 21px;
	clear: both;
	overflow: hidden;

}


#ostoskori {
	width: 160px;
	height: 52px;
	text-align: center;
	padding: 40px 10px 20px 40px;
	background-color : transparent;
	background-image: url(http://shop.isoviitakoski.fi/kuvat/ostoskori.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.ostoskori { color: #ffffff; }

.ostoskori A:link, .ostoskori A:visited, .ostoskori A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none;
}
.ostoskori A:hover
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline;
}





.vasenpalsta
{
	width: 200px;
	padding: 0;
	margin: 0;
	float: left;
}


.sisalto_logo
{
	width: 200px;
	padding: 0 0 0 0;
	margin: 0;
	text-align: center;
}

.yhteystiedot
{
	width: 200px;
	padding: 0 0 0 0;
	margin: 0;
	text-align: center;
}



.sisalto_tekstipalsta
{
	float: right;
	margin: 0;
	padding: 0;
	width: 698px;
}


#div_main_4
{
	margin: 0;
	padding: 0;
}

.kategoriat-otsikko { color: #ffffff; padding-left: 20px; }

.kategoriat-ylaosa {
	margin: 0;
	padding: 0;
	width: 210px;
	height: 12px;
	background-image: url(http://shop.isoviitakoski.fi/kuvat/navi_tuotteet_yla.png);
	background-position: top left;
	background-repeat: no-repeat;
	clear: both;
}


.kategoriat-keskiosa {
	margin: 0;
	padding: 0;
	width: 210px;
	background-image: url(http://shop.isoviitakoski.fi/kuvat/navi_tuotteet_keski.png);
	background-position: top left;
	background-repeat: repeat-y;
	clear: both;
}


.kategoriat-alaosa {
	margin: 0;
	padding: 0;
	width: 210px;
	height: 12px;
	background-image: url(http://shop.isoviitakoski.fi/kuvat/navi_tuotteet_ala.png);
	background-position: top left;
	background-repeat: no-repeat;
	clear: both;
}



#kat{  margin: 0; padding: 0;}

#kat ul { /* all lists */
		  padding: 0;
		  margin: 0;
		  list-style: none;
		  position: relative;
}


#kat li { /* all list items */
		  width: 180px;
		  display: block;
		  padding-bottom: 5px;
}


#kat li a {
	display: block;
	text-align: left;
	font-size: 10pt;
	padding-left: 20px;

}


#kat li a:link {
	color: #ffffff;
	font-size: 10pt;
	font-weight: normal;
}

#kat li a:visited {
	color: #ffffff;
	font-size: 10pt;
	font-weight: normal;
}

#kat li a:hover {
	color: #ecff5d;
	font-size: 10pt;
	font-weight: normal;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(http://shop.isoviitakoski.fi/kuvat/navi_paatuoteryhma_aktiivinen.png);
	text-decoration: none;
}



#kat li a.current:link {
	color: #ecff5d;
	font-size: 10pt;
	background-image: url(http://shop.isoviitakoski.fi/kuvat/navi_paatuoteryhma_aktiivinen.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;

}

#kat li a.current:hover {
	color: #ffffff;
	font-size: 10pt;
}

#kat li a.current:visited
{
	color: #ecff5d;
	font-size: 10pt;
	background-image: url(http://shop.isoviitakoski.fi/kuvat/navi_paatuoteryhma_aktiivinen.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}



















.tuoteviiva {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 698px;
	height: 4px;
	background-image: url(http://shop.isoviitakoski.fi/kuvat/tuotteet_viiva.png);
	background-position: top left;
	background-repeat: no-repeat;
	clear: both;
}


.tuote {
	clear: both;
	margin: 0;
	padding: 0;
	width: 698px;
}

.tuotekuva {
	float: left;
	width: 250px;
	margin: 0 20px 20px 0;
	padding: 5px 0;
}

.tuotekuvaus {
	float: right;
	width: 428px;
	margin: 0;
	padding: 0;
}

.tuoteotsikko h3 { margin: 0 0 10px 0; }

.tuoteotsikko a { FONT-SIZE: 14pt; font-weight: normal;}
.tuoteotsikko a:link { color: #ED9601;}
.tuoteotsikko a:active { color: #ED9601;}
.tuoteotsikko a:visited { color: #ED9601;}
.tuoteotsikko a:hover { color: #B8B6B6; 	text-decoration: none; }





.kuvapalkki
{
	width: 250px;
	float: right;
	margin: 20px 0 20px 20px;
	padding: 0;
	border: 5px solid #ffffff;

}

.tuotetiedot { margin: 10px 0; clear: both;}
.hinnat { float: left; width: 214px; }
.nappulat { float: right; width: 214px;}

.hinta { float: left;}
.alehinta { float: left; margin: 0 0 0 20px;}

.puna { color: #B10000;}



.tuotesivu_tuotekuva {
	float: left;
	width: 250px;
	margin: 0 20px 20px 0;
	padding: 5px 0;
}

.tuotesivu_tuotetiedot {
	float: right;
	width: 428px;
	margin: 0;
	padding: 0;
}


.tuotesivu_tuotetiedot textarea
{
	width: 428px;
	height: 50px;
	border: 1px solid;
	border-color: #000000;
	background: none;
}


.tuotesivu_tuotekuva input
{
	width: 20px;
	height: 20px;
	border: 1px solid;
	border-color: #000000;
	background: none;
}














.casher {

}

.casher label {
	float: left;
	width: 150px;
}

.casher input
{
	border: 1px solid #7AC6FC;
}

.casher input.text {
	float: left;
	width: 501px;
	border: 1px solid #7AC6FC;
	margin-bottom: 10px;
	color: #25AAE1;
}

.casher textarea {
	float: left;
	padding: 10px;
	width: 481px;
	height: 121px;
	border: 1px solid #7AC6FC;
	color: #25AAE1;
}


.ostoskorinvalintavali { clear: both; margin: 0 0 25px 0;}



#cartForm h1 h2 h3 { margin: 5px 0 5px 0;}





#ostoskorinsisalto a:link { color: #000000;}
#ostoskorinsisalto a:hover { color: #7C1212;}



#ostoskorinsisalto {
	width: 694px;
	padding: 0;
	margin: 0;
}

#ostoskorinsisalto caption {
	padding: 0 0 5px 0;
	width: 700px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#ostoskorinsisalto th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #B6BC96;
	border-bottom: 1px solid #B6BC96;
	border-top: 1px solid #B6BC96;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CBCFB4 url( ) no-repeat;
}

#ostoskorinsisalto th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #B6BC96;
	background: none;
	color: #000000;
}

#ostoskorinsisalto td {
	border-right: 1px solid #B6BC96;
	border-bottom: 1px solid #B6BC96;
	background: #EEF0E1;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

#ostoskorinsisalto tr {
	margin: 0 0 1px 0;
}


#ostoskorinsisalto td.alt {
	background: #CBCFB4;
	color: #797268;
}

#ostoskorinsisalto th.spec {
	border-left: 1px solid #B6BC96;
	border-top: 0;
	background: #fff url( ) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#ostoskorinsisalto th.specalt {
	border-left: 1px solid #B6BC96;
	border-top: 0;
	background: #f5fafa url( ) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}


#deliveryForm { clear: both;}

.hilight{
	/* all the buttons and other shit that changes color at hover */
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	float: left;
}

.valistys{ margin-right: 2px; margin-left: 2px;}

.clear { clear: both; margin: 0; padding: 0;}



#alaosa
{
	margin: 0;
	padding: 0;
	width: 978px;
	min-height: ;
	background-color : transparent;
	background-image: url(/kuvat/alaosa.png);
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;
}

#yhteystiedot
{
	margin: 0;
	padding: 0;
	clear: both;
}


#copyright
{
	padding: 20px 0 0 15px;
	text-align: left;
	COLOR: #B8B6B6;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
#copyright A:link, #copyright A:visited, #copyright  A:active
{
	COLOR: #B8B6B6;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}

#copyright A:hover

{
	COLOR: #ED9601;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}


#painikkeet

{
	width: 958px;
	height: 24px;
	margin: 0 0 0 20px;
	padding: 0;
	clear: both;

}

.painike
{
	float: left;
	width: 103px;
	height: 22px;
	margin: 0 5px 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	background-color : transparent;
	background-position: top center;
	background-repeat: no-repeat;
}

.painike A:hover, div.selected a
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	font-weight: normal;
	text-decoration: underline !important;
	text-transform : uppercase;
}

.painike A:link, .painike A:visited, .painike A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	font-weight: normal;
	text-decoration: none;
	text-transform : uppercase;
}

.oranssi
{
	background-image: url(/kuvat/painike_oranssi.png);
}

.harmaa
{
	background-image: url(/kuvat/painike_harmaa.png);
}



#navigointi 

{

}


#navlist
{
	margin: 0;
	padding: 0;
	float: right;

}
#navlist ul, #navlist li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navlist a:link, #navlist a:visited
{
	color: #000000;
	float: left;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	text-decoration: none;
	text-transform : uppercase;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	background: transparent;
	color: #314A63;
}
#navlist a:hover
{
	color: #314A63;
}

#navlist a:link.english, #navlist a:visited.english, #navlist a:hover.english
{
	color: #650000;
	border: 0;
}