/* CSS Document */
br#clear {
	clear:both;
	}

body#brown {
	background-image:url("images/backgrounds/bg_basic.gif");
	}
	
body#blue {
	background-image:url("images/backgrounds/bg_blue.gif");
	}
	
body#green {
	background-image:url("images/backgrounds/bg_green.gif");
	}
	
body#pink {
	background-image:url("images/backgrounds/bg_pink.gif");
	}
	
body#yellow {
	background-image:url("images/backgrounds/bg_yellow.gif");
	}
	
body#grey {
	background-image:url("images/backgrounds/bg_yllapito.gif");
	}

p, h1, h2, span#kassa, input#kassa, a#help {
	padding: 0;
	margin: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	}

form#taustakuva {
	border:0;
	margin:0 0 0 24px;
	float:left;
	width:192px;
	}

input#taustakuva {
	width:58px;
	height:66px;
	}
	
br.clear { 
 	clear:both; 
	}

.sivu {
	width:800px;
	margin-top:48px;
	margin-left:auto;
	margin-right:auto;
	}

p#boxKuva {
	display:block;
	/*float:left;*/
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:290px;
	/*border:2px #8AE solid;*/
	background-image:url("images/layout/blue_mid_bg.gif");
	}
	
p#ylaotsikko {
	color:#132;
	font-size:10px;
	position:absolute;
	top: 88px;
	padding: 0 0 0 24px;
	}

img#ylaotsikko {
	float:left;
	border:0;
	padding: 0 4px 0 0;
	}
	
img#ylaotsikko:hover {
	padding: 4px 4px 0 0;
	}
img#valmistajat {
	border:none;
	padding: 4px;
	}
	
img#valmistajat:hover {
	border:2px lightgreen solid;
	padding: 2px;
	}

a#help {
	text-decoration:none;
	color:#361;
	background-color:#AE8;
	padding:2px 8px 2px 8px;
	border:2px #361 dotted;
	}

a#help:hover {
	padding:2px 4px 2px 12px;
	border:2px #8A6 dotted;
	background-color:#CEA;
	}

a span#valmistajat {
	display:none;
	}
	
a:hover span#valmistajat {
	display:block;
	position:absolute;
	background-color:white;
	width:320px;
	height:36px;
	color:#480;
	top:132px;
	}
	
img#galleria {
	margin:4px;
	width:80px;
	height:80px;
	float:left;
	border:0;
	}
	
img#galleriaiso{
	border:none;
	width:160px;
	height:160px;
	}

a#tuotteet {
	display:block;
	width:176px;
	height:80px;
	float:left;
	background-color:#8A4;
	color:#DF9;
	text-decoration:none;
	padding:4px;
	margin:8px;
	}
	
a#tuotteet:hover {
	background-color:#AC6;
	}

img#tuotteet {
	float:left;
	margin:0 2px 0 0;
	border: none;
	background-color:white;
	}

img#tuotekuva {
	float:left;
	}
	
img#kuvia {
	padding:12px 20px 6px 20px;
	}
	
a span#galleria, a span#galleriateksti {
	display:none;
	}

a:hover span#galleria {
	display:block;
	position: absolute;
	padding:0 0 0 16px;
	top:188px;
	}

a:hover span#galleriateksti {
	position: absolute;
	top:180px;	
	color:#38A;
	background-color:#EEF;
	border:2px #38A dotted;
	display:block;
	padding:8px 16px 8px 216px;
	width:380px;
	height:180px;
	}
	
table#kuitti {
	padding:0;
	background-image:url("images/layout/keskiosa_tausta.gif");
	color:#482;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:center;
	}

td#pari {
	border-bottom:2px #CF7 solid;
	}
td#paril {
	border-bottom:2px #CF7 solid;
	border-left:2px #CF7 solid;
	}
	
td#paright {
	color:#372;
	border-bottom:2px #CF7 solid;
	text-align:right;
	}
	
td#pariyht {
	color:#251;
	text-align:right;
	}	
	
input#pari {
	float:left;
	padding:0;
	margin:0;
	background-color:#CF7;
	color:#372;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:center;
	border:0;
	}

input#pari:hover, a#muuta:hover, a#poista:hover {
	background-color:#CFA;
	}
a#muuta {
	padding:0 8px 0 8px;
	margin:0;
	text-decoration:none;
	color:darkgreen;
	background-color:#CF7;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:center;
	}
	
a#poista {
	padding:0 8px 0 8px;
	margin:0;
	text-decoration:none;
	color:darkred;
	background-color:#F96;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:center;
	}
	
img#otsikko {
	display: block;
	margin:0;
	padding:0;
	border:0;
	}

img#kuvitus {
	padding: 0 3px 0 0;
	float:left;
	}
	
a#linkki {
	display:block;
	width: 96px;
	/*margin-right:16px;
	margin-left:auto;*/
	margin: 8px 4px 0 4px;
	padding:5px 0 5px 0;
	color:#EEF;
	background-image:url("images/layout/button_bg_off.gif");
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	float:left;	
	}

a#linkki:hover {
	color:#269;
	background-image:url("images/layout/button_bg_on.gif");
	}
		
img#auki {
	float:left;
	}
p#green, p#blue, p#pink, p#red, p#yellow, p#yllapito, h1#yllapito, form#yllapito, form#poistakuva, form#green, h1#green {
	text-align:justify;
	padding: 3px 92px 5px 92px;
	display: block;
	width:616px;
	}

p#green, form#green, h1#green {
	color:#241;
	background-image:url("images/layout/green_mid_bg.gif");
	}

p#blue {
	color:#124;
	background-image:url("images/layout/blue_mid_bg.gif");
	}

p#pink {
	color:#421;
	background-image:url("images/layout/pink_mid_bg.gif");
	}

p#yellow, p#auki {
	color:#330;
	background-image:url("images/layout/yellow_mid_bg.gif");
	}
	
p#auki {
	text-align:center;
	padding:8px;
	}
	
p#yllapito, h1#yllapito {
	color:#444;
	background-image:url("images/layout/keskiosa_tausta.gif");
	}

input#kassanappi {
	font-size:10px;
	background-color:lightgreen;
	color:green;
	width:96px;
	height:16px;
	padding:0;
	margin:0;
	border:0;
	}

input#kassanappi:hover {
	color:lightgreen;
	background-color:green;
	}

form#yllapito/*, form#poistakuva*/ {
	display:block;
	background-image:url("images/layout/keskiosa_tausta.gif");
	}
	
span#kassa {
	color:#480;
	display:block;
	width:240px;
	padding: 0 8px 0 0;
	text-align:right;
	float:left;
	}

input#kassa {
	border:0;
	margin:0 0 4px 0;
	background-color:#BF7;
	}

/*	
input#poistakuva {
	margin:0;
	padding:0;
	width:256px;
	height:24px;
	}
	
input#poistakuva:hover {
	width:256px;
	height:24px;
	border:2px red solid;
	}
*/
a#poistakuva {
	margin:4px 8px 4px 8px;
	}

a span#poistakuva {
	display:none;
	}

a:hover span#poistakuva {
	position:absolute;
	top:64px;
	display:block;
	}

img#poistakuva {
	width:48px;
	height:48px;
	border:2px red dotted;
	}
	
a#yllapito, input#muuta, input#yllapito {
	text-decoration:none;
	border:2px white solid;
	padding:4px 8px 4px 8px;
	color:#CCC;
	background-color:#777;
	}
	
a span#yllapito {
	display:none;
	}

a:hover span#yllapito {
	color:#999;
	padding:2px 4px 2px 4px;
	background-color:#FFD;
	border:2px #FEB dotted;
	display:block;
	height:48px;
	width:360px;
	position:absolute;
	top:60px;
	}
	
input#muuta {
	background-color:#474;
	padding:3px 8px 3px 8px;
	margin:2px;	
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	}
	
a#yllapito:hover, input#muuta:hover, input#yllapito:hover {
	color:white;
	background-color:#BBB;
	border-color:#AAA;
	}
	
textarea#yllapito {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	}

.keskita {
	diplay:block;
	width:928px;
	margin-left:auto;
	margin-right:auto;
	}
	
.valikko {
	position:absolute;
	top:148px;
	/*left:-10px;*/
	display:block;
	width:128px;
	}
	
.ylemma {
	position:relative;
	top:-196px;
	}

a#valikko {
	display: block;
	width:128px;
	background-image:url("images/layout/valikko_bg.gif");
	}
	
img#valikko {
	border:0;
	padding: 0 0 0 8px;
	}

img#valikko:hover {
	padding: 0 0 0 12px;
	}

.kirjautuminen {
	display:block;
	position:relative;
	left:800px;
	}