  
html, body {
font-family: Verdana, Helvetica, sans-serif, Arial;color: black; text-decoration:none;
font-size:12px;
}

a.frontpage { color: white; text-decoration:underline; }
a.frontpage:hover { color: blue; text-decoration:underline; }
a.menulink { color: #800000; text-decoration:underline; }
a.menulink:hover { color: blue; text-decoration:underline; }

/* main */
#mainbody {width:1000px;
position:absolute;
top:30px;
left:50%;
margin:0px 0em 0em -500px;
border-width:2px;
border-style:dotted;
border-color:#C0C0C0;
height:700px;
min-height:700px;
padding:0px 0em 0em 0em;
text-align:left;

}

/* left */
#left {width:150px;
position:absolute;
top:0px;
left:0px;
margin:0px 0em 0em 0em;
border-width:0px;
border-style:solid;
border-color:black;
height:700px;
background-color:#E48EC3;
min-height:700px;
padding:0px 0em 0em 0em;
background-image:url(img/left_bg.png);
}

/* right */
#right {width:150px;
position:absolute;
top:0px;
left:850px;
margin:0px 0em 0em 0em;
border-width:0px;
border-style:solid;
border-color:white;
height:700px;
background-color:#E48EC3;
min-height:700px;
padding:0px 0em 0em 0em;
background-image:url(img/right_bg.png);
}

/* center-top */
#center-top {width:698px;
position:absolute;
top:0px;
left:150px;
margin:0px 0em 0em 0em;
border-width:0px;
border-style:solid;
border-color:black;
background-color:#FFFFFF;
height:100px;
min-height:100px;
padding:0px 0em 0em 0em;
background-image:url(img/titleF.png);
background-repeat:no-repeat;
}

/* center */
#center {width:698px;
position:absolute;
top:100px;
left:150px;
margin:0px 0em 0em 0em;
border-width:1px; /* pitÃ¤Ã¤ olla 1 */
border-style:dotted;
border-color:black;
background-color:#C0C0C0;
height:550px;
min-height:550px;
padding:0px 0em 0em 0em;
}

/* center-bottom */
#center-bottom {width:698px;
position:absolute;
top:652px;
left:150px;
margin:0px 0em 0em 0em;
border-width:0px;
border-style:solid;
border-color:white;
background-color:#FFFFFF;
height:47px;
min-height:47px;
padding:0px 0em 0em 0em;
text-align:center;
color: #C0C0C0;
}

/* center_left */
#center_left {width:160px;
position:absolute;
top:0px;
left:0px;
margin:0px 0em 0em 0em;
border-width:0px;
border-style:solid;
border-color:black;
height:500px;
background-color:#C0C0C0;
min-height:500px;
padding:0px 0em 0em 0em;
text-align:left;
}

/* center_middle */
#center_middle { width:325px;
position:absolute;
top:40px;
left:175px; /*175px */
border-width:0px;
border-style:solid;
border-color:red;
height:470px;
background-color: #C0C0C0;
min-height:470px;
padding:0.75em 0.75em 0.75em 0.75em;

}

/* center_right */
#center_right {width:160px;
position:absolute;
top:0px;
left:538px;
margin:0px 0em 0em 0em;
border-width:0px;
border-style:solid;
border-color:black;
height:500px;
background-color:#C0C0C0;
min-height:500px;
padding:0px 0em 0em 0em;
text-align:left;
}

/* text_toimitusehdot */
#text_toimitusehdot {width:674px;
position:absolute;
top:100px;
left:150px;
margin:0px 0em 0em 0em;
border-width:1px; /* pitÃ¤Ã¤ olla 1 */
border-style:dotted;
border-color:black;
background-color:#C0C0C0;
height:586px;
min-height:586px;
padding:0em 1em 1em 1em;
}

/* text_tilaa_normal */
#text_tilaa_normal {width:674px;
position:absolute;
top:100px;
left:150px;
margin:0px 0em 0em 0em;
border-width:1px; /* pitÃ¤Ã¤ olla 1 */
border-style:dotted;
border-color:black;
background-color:#C0C0C0;
height:586px;
min-height:586px;
padding:0em 1em 1em 1em;
}

/* text_tilaa_large */
#text_tilaa_large {width:674px;
position:absolute;
top:100px;
left:150px;
margin:0px 0em 0em 0em;
border-width:1px; /* pitÃ¤Ã¤ olla 1 */
border-style:dotted;
border-color:black;
background-color:#C0C0C0;
height:800px;
min-height:800px;
padding:0em 1em 1em 1em;
}

/* cart */
#cart { width:135px;
position:absolute;
top:200px;
left:4px;
margin:0px 0em 0em 0em;
border-width:2px;
border-style:solid;
border-color:black;
height:300px;
background-color:#FFC0FF;
min-height:300px;
padding:0px 0em 0em 3px;
font-family: Verdana, Helvetica, sans-serif, Arial;color: black; text-decoration:none;
font-size:9px;
}

/* cart_large */
#cart_large { width:135px;
position:absolute;
top:200px;
left:4px;
margin:0px 0em 0em 0em;
border-width:2px;
border-style:solid;
border-color:black;
height:495px;
background-color: #FFC0FF;
min-height:495px;
padding:0px 0em 0em 3px;
font-family: Verdana, Helvetica, sans-serif, Arial;color: black; text-decoration:none;
font-size:9px;
}


/* Kuva1 positio*/
#kuva1 {
position:absolute;
top:60px;
margin-left:10px;
}

/* Kuva2 positio*/
#kuva2 {
position:absolute;
top:230px;
margin-left:10px;
}

/* Kuva3 positio*/
#kuva3 {
position:absolute;
top:60px;
margin-left:-15px;
}

/* Kuva4 positio*/
#kuva4 {
position:absolute;
top:230px;
margin-left:-15px;
}

/* links */
#links {
text-align: left;
}

/* text */
#text { width:620px;
position:absolute;
top:0px;
border-width:0px;
border-style:solid;
border-color:black;
height:510px;
background-color:#C0C0C0;
min-height:510px;
padding:0em 3em 3em 3em;
}

/* producttext */
#producttext { width:620px;
position:absolute;
top:0px;
border-width:0px;
border-style:solid;
border-color:black;
height:200px;
background-color:white;/*#C0C0C0;*/
min-height:200px;
padding:2em 2em 2em 2em;
}

/* --------------------------------------- */
/* PRODUCT CENTER VÄRIT 		   */
/* --------------------------------------- */

/* productcenter Marjapuuro*/
#productcenter_marjap {width:685px;
position:absolute;
top:100px;
left:151px;
margin:0px 0em 0em 0em;
border-width:0px;
border-style:dotted;
border-color:red;
background-color: #FD7BB5;
height:595px;
min-height:595px;
padding:0px 5px 0em 5px;
}

#bgmarjap
{
background-color:#FD7BB5;
}

/* productcenter Turkoosi*/
#productcenter_turkoosi {width:685px;
position:absolute;
top:100px;
left:151px;
margin:0px 0em 0em 0em;
border-width:0px;
border-style:dotted;
border-color:red;
background-color: #AEFEFD;
height:595px;
min-height:595px;
padding:0px 5px 0em 5px;
}

#bgturkoosi
{
background-color:#AEFEFD;
}

/* productcenter Lime */
#productcenter_lime {width:685px;
position:absolute;
top:100px;
left:151px;
margin:0px 0em 0em 0em;
border-width:0px;
border-style:dotted;
border-color:red;
background-color:#44F531;
height:595px;
min-height:595px;
padding:0px 5px 0em 5px;
}

#bglime
{
background-color:#44F531;
}


/* productcenter Uniikki ja tarjous */
#productcenter {width:685px;
position:absolute;
top:100px;
left:151px;
margin:0px 0em 0em 0em;
border-width:0px;
border-style:dotted;
border-color:red;
background-color:#C0C0C0;
height:595px;
min-height:595px;
padding:0px 5px 0em 5px;
}

#bgdefault
{
background-color:#C0C0C0;
}


/* infobox */
#infobox { 
background-color:white;
width:650px;
margin-left:0px;
border-width:1px;
border-style:dotted;
border-color:black;
text-align:center;
color: black;
font-size:0.875em;
}

/* infotext_en */
#infotext_en { 
text-align:center;
color:#C0C0C0;
font-size:0.875em;
}

/* storybar */
#storybar {
width:136px;
height:250px;
min-height:250px;
position:absolute;
top:200px;
left:150px;
margin:0px 0em 0em 0em;
padding:0px 2px 0em 2px;
text-align: left;
font-family: Verdana, Helvetica, sans-serif, Arial;color: #000000; text-decoration:none;
background-color: white;
border-width:1px;
border-style:solid;
border-color:#C0C0C0;
font-size:10px;
}

/* tuotetaulukko */
table.dataTable {
	width: 100%;
	border-collapse: collapse;
}

table.dataTable td a {
	padding-right: 5px;

}

table.dataTable tr.row {
	background-color: white;
}

/* link_bar */
#link_bar {
width:678px;
height:50px;
min-height:50px;
position:absolute;
top:605px;
left:160px;
margin:0px 0em 0em 0em;
padding:0px 0em 0em 0em;
text-align: center;
font-family: Verdana, Helvetica, sans-serif, Arial;color: #000000; text-decoration:none;
background-color: white;
border-width:1px;
border-style:solid;
border-color:#C0C0C0;

}

/* validator */
#validator {
position:absolute;
top:670px;
right: 0em;
}

/* validator2 */
#validator2 {
position:absolute;
top:650px;
right: 0em;
}

/* Navigation Menu */
#navcontainer ul
{
position:absolute;
top: 100px;
left: 10px;
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px dotted #800000;
width: 100px;
background-color: #999;
background-image: url(img/menu_btn_down2.gif);
}

#navcontainer a:link, 
#navlist a:visited
{
color: #800000;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px dotted #800000; /* oli */
background-color: #F60;
background-image: url(img/menu_btn_over2.gif);
color: #800000;
font-weight: bold;
}

#active a:link, 
#active a:visited, 
#active a:hover
{
border: 1px dotted #800000;
background-color: #800000;
background-image: url(img/menu_btn_down2.gif);
color: #FFFFFF;
font-weight: bold;
}

#carttitle
{
text-align:center;
font-family: Verdana, Helvetica, sans-serif, Arial;color: red; text-decoration:none;
font-weight: bold;
font-size: 10px;
}