html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #666666;
	background: white;
}
#menu ol, #menu ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;

}
caption, th, {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CSS Document */

body {
margin:0;
padding:0;
text-align:center;
background-color:#fbfbfb;
background-image:url(/files/gif/12/body_bg.gif);
background-position:top center;
background-repeat:repeat-y;
}
#wrapper {
margin: auto;
position:relative;
width:888px;
}
#header {
position:relative;
width:888px;
height:80px;

}
#header_logo {
position:relative;
float:left;
width:237px;
height:80px;

background-repeat:no-repeat;
}
#header_mokki {
position:relative;
float:right;
width:316px;
height:80px;
background-image:url(/files/gif/21/kauppa-logo.gif);
background-repeat:no-repeat;
background-position:right;
}
#menu {
	position:relative;
	width:888px;
	height:35px;
	background-image:url(/files/gif/13/menuebg.gif);
	background-repeat:no-repeat;
	text-align:left;
}



#menu ul{display:block; text-align:left;}
#menu li{
	list-style:none;
	display:inline;
	font-family:Arial,"Trebuchet MS" ;
	font-size:13px;
	line-height:38px;
	background-image:url(/files/gif/15/divider.gif);
	background-position:right;
	background-repeat:no-repeat;
height:35px;
padding:12px 0 10px 0;
}
#menu li a{
	color:#00a6eb;
	text-decoration:none;
	font-weight:bold;
	padding:11px 20px 10px 20px;
}
#menu li a:hover{
        color:#4fa312;
}
#menu li a.current{
        color:#4fa312;
	background:transparent url(/files/gif/14/menu_hover.gif) top right no-repeat;
}

/* UUSI MENU */
#menunew {
	position:relative;
	width:888px;
	height:35px;
	background-image:url(/files/jpeg/392/menuebgnew.gif);
	background-repeat:no-repeat;
	text-align:left;
}

#menunew ul{display:block; text-align:left;}
#menunew li{
	list-style:none;
	display:inline;
	font-family:Arial,"Trebuchet MS" ;
	font-size:13px;
	line-height:38px;
	background-position:right;
	background-repeat:no-repeat;
height:35px;
padding:12px 0 10px 0;
}
#menunew li a{
	color:#00a6eb;
	text-decoration:none;
	font-weight:bold;
	padding:11px 20px 10px 20px;
}
#menunew li a:hover{
        color:#4fa312;
}
#menunew li a.current{
        color:#4fa312;
	background:transparent url(/files/gif/14/menu_hover.gif) top right no-repeat;
}
/* UUSI MENU */


#content {
margin-top:30px;
position:relative;
width:888px;
min-height: 400px;
height:auto !important;
height:400px;
}
#left {
position:relative;
float:left;
width:220px;

}

.donation_box {
text-align:left;
background-color:#d0f0fb;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
}
.donation_box h1, .donation_box h2, .donation_box h3 {
font-weght:bold;
font-family:Arial, Helvetica, sans-serif;
}

#left_donation {
clear:both;
text-align:left;
position:relative;
float:left;
width:220px;
font-family:Arial, Helvetica, sans-serif;


}

#info_donation {
margin-right:5px;
clear:both;
margin-top: 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color: #666666;
text-align:left;
line-height: 1.2;
}

/* TUOTEMENU --> */

#tuotteet {
width:200px;
text-align:left;
font-size:12px;
background-color:#F1F0F0;
border-left:1px solid #E1E1E1;
border-right:1px solid #E1E1E1;
border-bottom:1px solid #E1E1E1;
}
#tuotteet ul {display:block;}
#tuotteet li {
list-style:none;
font-family:arial, verdana;
border-top:1px solid #E1E1E1;
line-height:25px;
padding:0 0 0 10px;
}
#tuotteet li a {
color:#00a6eb;
text-decoration:none;
font-weight:bold;
padding:0 0 0 10px;
}

#tuotteet li a:hover {text-decoration:underline;}

#tuotteet li a.act {
color:#4fa312;
text-decoration:none;
font-weight:bold;
padding:0 0 0 10px;
}

#tuotteet li li {
list-style:none;
font-family:arial, verdana;
border-top:1px solid #E1E1E1;
line-height:25px;
}
ul#taso1 {background-color:#F6F6F6; color:#00A6EB;}
ul#taso1 li {font-weight:bold;}
li#taso2 {background-color:#EDFBE3; color:#00A6EB;}
li#taso2 li {font-weight:normal;}
li#taso3 {background-color:#DEFAC9; color:#00A6EB;}
ul#taso3 {background-color:#DEFAC9; color:#00A6EB;}
li#taso4 {background-color:#CCEDB4; color:#00A6EB;}
ul#taso4 li {font-size:11px;}

/* <-- TUOTEMENU */

#center a {
color:#e75286;
text-decoration:underline;
font-size:12px;
font-family: Arial, Verdana, "Trebuchet MS";
}

#ostoskori {
width:192px;

text-align:left;
background-color:#DEFAC9;
padding:15px 0 10px 10px;
}
#ostoskori p, #ostoskori table td {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:1.1;
color:#00a6eb;
}
#ostoskori_header {
margin-top:40px;
padding-top:5px;
position:relative;
background-color:#7cd2f5;
width:202px;
height:28px;
}
#ostoskori_header h1 {
font-family:arial, verdana;
font-size:22px;
color:#FFFFFF;
}
#center {
font-family:Arial, Helvetica, sans-serif;
position:relative;
float:left;
width:450px;
text-align:left;
}
#centerorder {
font-family:Arial, Helvetica, sans-serif;
position:relative;
float:left;
width:655px;
text-align:left;
font-size: 12px;
}

#right {
 position:relative;
 width:205px;
 float:right;
}

#pikkukuvat {
margin:10px 0 80px 0;
position:relative;
width:650px;
height:135px;
}

#slogan{
font-family:Arial, Helvetica, sans-serif;
font-size:14pt;
font-weight:bold;
color: #00a6eb;
text-align:left;
line-height: 30px;
height:280px;
}

#info {
clear:both;
margin-top: 35px;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color: #666666;
text-align:left;
line-height: 1.2;
}

#tuotetaulukko {margin:20px;}
td.product img {margin-right:10px;}
td.bank_logo img {margin: 0 3px;}

div.product {
float:left;
width:220px;
height:auto !important;
min-height:500px;
height:500px;
margin-right:5px;
}

h1 {font-size:20px; font-weight:bold; color:#00a6eb;}
h2 {font-size:16px; font-weight:bold; color:#00a6eb;}
h3 {font-size:14px; font-weight:bold; color:#00a6eb;}
h4 {font-size:12px; font-weight:bold; line-height:1.1;}
h5 {font-size:12px; font weight:bold; color:#333333;}
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 1.2;}
strong {font-weight:bold;}

.row0 td {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
border-bottom: 1px solid #ebebeb;
padding: 2px;
} 

.row1 td {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
background-color: #f9f9f9;
border-bottom: 1px solid #ebebeb;
padding: 2px;
} 

.row2 td {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
border-bottom: 1px solid #ebebeb;
padding: 2px;
} 

.rowtotal td {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
padding: 2px;
} 


ul.errorlist {
       margin: 0px;
       padding-left: 15px;
       padding-bottom: 15px; 
}

ul.errorlist li{
       color: #d41b22;
       margin: 0px;
       padding: 0px;
}
#center ul {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
       margin-left: 0px;
list-style:none;
}

#center li {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
    margin-left: 15px;
line-height: 1.5;
}

#center ul li ul{
list-style:disc;
}

#center ul li ul li ul {
list-style:none;
}

#footer {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
line-height:30px;
clear:both;
width:924px;
height:30px;
margin-left: -18px;
background-color:#F1F0F0;
position:relative;
color:#666666;
}

#footer_secondary {
text-align:left;
color:#999999;
line-height:13px;
}
#footer a {color:#666666;}

#footer_secondary a {color:#999999;}

#credits {
float:right;
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
color:#999999;
}

#credits a, #credits a:hover {
color:#999999;
}

table.donation {
border:1px solid #ddf4ac;
background-color:#f3fbe3;
margin-bottom:30px;
}

table.donation p,table.donation h1 {
margin:0;
padding:0;
}

table.donation td img,table.donation_slide_color td img {
border:none;
}

table.donation_slide_color {
border:1px solid #d0f0fb;
background-color:#ffffff;
background-image: url(/files/jpeg/257/slide_color.jpg);
background-repeat:repeat-x;
}

p.info {
color:#f38631;
}
