/**
* Template by emowes.com               *
* @version 1.0                         *
* @copyright (C) 2007 - Jani Peltonen  *
* @web http://www.emowes.com           *
**/

.productPrice {
font-weight: bold;
white-space: nowrap;
}

/*global resets - eliminates cross browser inconsistancies*/

* { margin:0; padding: 0;}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; } 
li,dd { margin-left: 1em;} 
fieldset { padding: 0.5em; } 
img {border: 0;}
a img {border: 0;}
table { font-size: 1em;}

/*end global resets*/

.clear { clear: both; }

body {

background: #61A4E8 url(../images/body_bg_v2.jpg) 50% 0 no-repeat;
background-attachment:fixed;
font-family: Arial, Tahoma, Verdana, Helvetica;
font-size: 12px;
margin: 0;
}
.keskitys {
text-align: center;
}
.ylin_valikko {
padding: 0;
margin: 0 auto;
text-align:left;
width: 990px;
height: 65px;
position: relative;
z-index: 50;

}
.valikko {
width: 794px;
height: 65px;
float: left;
}
.ulos_kirjautuminen {
background: url(../images/punainen_menu.png) no-repeat;
width: 183px;
height: 46px;
float: left;
}
.sisaan_kirjautuminen {
width: 183px;
height: 46px;
float: left;
}
.container {
position: relative;
padding: 0;
margin: 0 auto;
text-align:left;
width: 970px;
}

/* #### YLÄOSA #### */

.logo {
background: url(../images/logo_v3.png) no-repeat;
width: 450px;
height: 85px;
position: absolute;
left: 0px;
top: 0px;
}
.top_left {
position: absolute;
left: 458px;
top: -10px;
width: 190px;
height: 80px;
}
.top_left_inner {
position: relative;
left: 10px;
top: 7px;
width: 140px;
}
.top_right {
position: absolute;
left: 583px;
top: 5px;
width: 191px;
height: 80px;
}
.top_right_inner {
position: relative;
left: 10px;
top: 7px;
width: 175px;
}
.top_right {
background: url(../images/bg_top_right.jpg) no-repeat;
}
.top_right2 {
background: url(../images/bg_top_right2.jpg) no-repeat;
position: absolute;
left: 778px;
top: 5px;
width: 191px;
height: 80px;
}
.top_right2_inner {
position: relative;
left: 10px;
top: 7px;
width: 175px;
}
.banner_top_right {
position: absolute;
left: 670px;
top: 0px;
z-index: 11;
width: 301px;
height: 87px;
background: url(../images/ostoskorimoduulin_tausta.png) no-repeat;
}

/* #### VASEN PUOLI #### */
.image_set { /*etusivun kuvasettien css*/
width: 554px;
position: relative;
left: 10px;
padding: 10px 0 5px 0;
}
.content_left_bg {
position: absolute;
left: 5px;
top: 90px;
width: 574px;
}
.content_left_bg_top {
background: url(../images/bg_content_left_top.png) no-repeat;
overflow: hidden;
width: 574px;
height: 15px;
}

.content_left_bg_middle {
background: url(../images/bg_content_left_middle_repeat.png) repeat-y;
width: 574px;
}
/* vasemman puolen yläosa jutut */
.left_top {
margin-left: 7px;
}
.left_top_inner1 {
float: left;
width: 188px;
}
.left_top_inner2 {
float: left;
width: 188px;
}
.left_top_inner3 {
float: left;
width: 183px;
}
/* contentti osa */
.content {
width: 554px;
min-height: 480px;
height:auto !important;
height:480px;
position: relative;
left: 10px;
}
.content_left_bg_bottom {
background: url(../images/bg_content_left_bottom.png) no-repeat;
overflow: hidden;
width: 574px;
height: 15px;
}

/* #### OIKEA PUOLI #### */
.content_right_bg {
position: absolute;
left: 583px;
top: 90px;
width: 390px;
}
.content_right_bg_top {
background: url(../images/bg_content_right_top.png) no-repeat;
overflow: hidden;
width: 388px;
height: 15px;
}
.content_right_bg_middle {
background: url(../images/bg_content_right_middle_repeat.png) repeat-y;
width: 388px;
}
.content_right_bg_bottom {
background: url(../images/bg_content_right_bottom.png) no-repeat;
overflow: hidden;
width: 388px;
height: 15px;
}
.module_container {
width: 374px;
margin-left: 8px;
}
.left {
float: left;
width: 183px;
}
.left_1 {
position: relative;
//z-index: 10;
}
.right {
float: right;
width: 183px;
}

/* #### ALAOSA #### */

.content_bottom {
position: relative;
top: 10px;
left:0;
}

.banner_bottom {
width:;
}
.bottom {
width:;
}

/* #### LINKIT #### */
a:link, a:visited {
color: #0F4364;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #0F4364;
text-decoration: underline;
font-weight: normal;
}
li {
list-style-position: outside;
}

/* vasemman puolen linkit boldattu */
div.content a:link, div.content a:visited {
color: #377CA8;
}
div.content a:hover {
font-weight: bold;
text-decoration: none;
}
/* pathwayn linkit takasin mustiksi */

div.polku a:link, div.polku a:visited {
color: #377CA8;
text-decoration: none;



font-weight: normal;
}
div.polku a:hover {
color: #377CA8;
text-decoration: none;
font-weight: bold;
}
/* ostoskorin linkki */
div.top_left_inner a:link, div.top_left_inner a:visited {
font-weight: bold;
}

.toteutus {
text-align: right
}

/* #### FONTIT #### */
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }

/* #### COMPONENTTIEN ASETUKSET #### */
div.componentheading {
	background: url(../images/componentheading.png) no-repeat;
	color: #185175;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
line-height: 20px;
	height: 25px;
	font-weight: bold;
	font-size: 14px;
text-indent: 20px;
padding-bottom: 5px;
}
td.contentheading, h2.contentheading {
/*
	background: url(../images/heading_oranssi.png) no-repeat;

	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
line-height: 32px;
	height: 38px;
text-indent: 40px;
padding-bottom: 5px;
*/
	font-size: 14px;
	font-weight: bold;
	color: #185175;
}
span.componentheading {
background: url(../images/) no-repeat;
	text-align: left;
line-height: 20px;
height: 25px;
font-weight: bold;
font-size: 14px;
text-indent: 20px;

}
span.componentheading a,span.componentheading a img {
padding: 0;
margin: 0;
}
/* #### MODUULIEN ASETUKSET #### */

div.module {
margin-bottom: 15px;
}
div.module h3 {
font-weight: bold;
}
div.module-top_right div div div h3, div.module-top_right2 div div div h3 {
text-align: center;
position: relative;
left: -7px;
}

div.module-kauppa div div div h3 {
text-align: center;
}
/* #### oma3-moduulin css #### */
div.moduuli_oma3_content {
width: 178px;
}
div.moduuli_oma3_content div div div h3 {
font-family: Arial, Tahoma;
color: #414141;
font-size: 11px;
text-transform: uppercase;
width: 100%;
height: 26px;
background: transparent url(../images/module_header_oranssi.png) no-repeat;
text-align: left;
padding: 12px 0 0 0px;
text-indent: 40px;
}
div.moduuli_oma3_content div div div.oma3_middle {
background: transparent url(../images/bg_oma3_middle_repeat.png) repeat-y;
}
div.moduuli_oma3_content div div div.oma3_top {
width: 176px;
height: 12px;
background: transparent url(../images/bg_oma3_top.png) left top no-repeat;
overflow: hidden;
}
div.moduuli_oma3_content div div div.oma3_bottom {
width: 176px;
height: 12px;
background: transparent url(../images/bg_oma3_bottom.png) left bottom no-repeat;
}
div.moduuli_oma3_content div div div.oma3_middle div {
background: transparent;
padding: 0px;
margin: 0px;
width: 158px;
position: relative;
left: 10px;
}
div.oma3_middle div ul, div.oma3_middle div li {
margin-top: 0px;
margin-bottom: 0px;
}
div.oma3_middle div li {
list-style-image : url('../images/indent1.jpg');
list-style-position:outside;
}
/* #### WHITE-SUFFIXIN ASETUKSET #### */
div.module-white div div div h3 {
font-family: Arial, Tahoma;
color: #414141;
font-size: 11px;
text-transform: uppercase;
width: 100%;
height: 42px;
background: transparent url(../images/module_header_oranssi.png) no-repeat;
text-align: left;
padding: 12px 0 0 0px;
text-indent: 40px;
}

div.module-white {
/*background: transparent url(../images/left_module_bg_middle.jpg) repeat-y;*/
margin-bottom: 15px;
}
div.module-white div {
/*background: transparent url(../images/left_module_bg_top.jpg) left top no-repeat;*/
padding-top: 0px;
}
div.module-white div div {
/*background: transparent url(../images/left_module_bg_bottom.jpg) left bottom no-repeat;*/
padding-bottom: 0px;
}
div.module-white div div div {
background: transparent;
padding: 0px 0 0 0px;
margin-top: 0px;
margin-bottom: 0px;
}
div.module-white div div div div {
padding: 0 0 0 0px;
margin: 0px;
}
div.moduuli_content-white {
width: 166px;
position: relative;
left: 6px;
}
/* #### oranssi_tumma-SUFFIXIN ASETUKSET #### */
div.module-oranssi_tumma div div div h3 {
font-family: Arial, Tahoma;
color: #414141;
font-size: 11px;
text-transform: uppercase;
width: 100%;
height: 42px;
background: transparent url(../images/module_header_oranssi_tumma.png) no-repeat;
text-align: left;
padding: 12px 0 0 0px;
text-indent: 40px;
}

div.module-oranssi_tumma {
/*background: transparent url(../images/left_module_bg_middle.jpg) repeat-y;*/
margin-bottom: 15px;
}
div.module-oranssi_tumma div {
/*background: transparent url(../images/left_module_bg_top.jpg) left top no-repeat;*/
padding-top: 0px;
}
div.module-oranssi_tumma div div {
/*background: transparent url(../images/left_module_bg_bottom.jpg) left bottom no-repeat;*/
padding-bottom: 0px;
}
div.module-oranssi_tumma div div div {
background: transparent;
padding: 0px 0 0 0px;
margin-top: 0px;
margin-bottom: 0px;
}
div.module-oranssi_tumma div div div div {
padding: 0 0 0 0px;
margin: 0px;
}
div.moduuli_content-oranssi_tumma {
width: 166px;
position: relative;
left: 6px;
}
/* #### BROWN-SUFFIXIN ASETUKSET #### */

div.module-brown div div div h3 {
font-weight: bold;
line-height: 1.2em;
}
div.module-brown {
background: transparent url(../images/right_module_bg_middle.jpg) repeat-y;
margin-bottom: 15px;
}
div.module-brown div {
background: transparent url(../images/right_module_bg_top.jpg) left top no-repeat;
padding-top: 2px;
}
div.module-brown div div {
background: transparent url(../images/right_module_bg_bottom.jpg) left bottom no-repeat;
padding-bottom: 10px;
width: 183px;
}
div.module-brown div div div {
background: transparent;
width: 176px;
padding: 2px 0 0 5px;
margin-top: 10px;
margin-bottom: 2px;
}
div.module-brown div div div div {
padding: 0px;
margin: 0px;
}

/* #### BROWN_LEFT-SUFFIXIN ASETUKSET #### */

div.module-brown_left div div div h3 {
font-weight: bold;
margin: 0;
line-height: 1em;
}
div.module-brown_left {
background: transparent url(../images/right_module_bg_middle.jpg) repeat-y;
margin-bottom: 5px;
}
div.module-brown_left div {
background: transparent url(../images/right_module_bg_top.jpg) left top no-repeat;
padding-top: 2px;
}
div.module-brown_left div div {
background: transparent url(../images/right_module_bg_bottom.jpg) left bottom no-repeat;
padding-bottom: 10px;
width: 183px;
}
div.module-brown_left div div div {
background: transparent;
width: 176px !important;
width: 186px;

padding: 2px 0 0 5px;
margin-top: 10px;
margin-bottom: 2px;
}
div.module-brown_left div div div div {
padding: 0px;
margin: 0px;
}



/* #### RED-SUFFIXIN ASETUKSET #### */

div.module-brown div div div h3 {

}
div.module-red {
background: transparent url(../images/red_module_bg_middle.jpg) repeat-y;
margin-bottom: 15px;
}
div.module-red div {
background: transparent url(../images/red_module_bg_top.jpg) left top no-repeat;
padding-top: 2px;
}
div.module-red div div {
background: transparent url(../images/red_module_bg_bottom.jpg) left bottom no-repeat;
padding-bottom: 10px;
width: 183px;
}
div.module-red div div div {
background: transparent;
width: 176px;
padding: 2px 0 0 5px;
margin-top: 10px;
margin-bottom: 2px;
}
div.module-red div div div div {
padding: 0px;
margin: 0px;
}
div.module-red a:hover {
color: #F6EFDF;
}

div.module-brown div div div h3, div.module-red div div div h3, div.module-brown_left div div div h3 {
text-align: center;
position: relative;
top: -5px;
}
div.module-brown_left div div div h3 {
text-align: center;
}

/* #### LISTAT #### */
div.module-brown_left li.latestnews, ul.latestnews-brown, li.latestnews-brown, ul.latestnews-brown_left, li.latestnews-brown_left, ul.latestnews-top_right, li.latestnews-top_right, ul.latestnews-top_right2, li.latestnews-top_right2 {
padding: 0;
margin: 0;
line-height: 1.2em;
}
div.module-brown_left li.latestnews, li.latestnews-brown, li.latestnews-brown_left, li.latestnews-top_right, li.latestnews-top_right2 {
list-style-image : url('../images/indent1.jpg');
list-style-position:outside;
margin-left: 18px;
}
/* #### CONTENTIN META #### */
.article-tools {
	width: 100%;
	float: left;
	clear: both;
	display: block;
background: #D8D8D8;
margin-bottom: 10px;
}
.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}
.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}
.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-date.gif) no-repeat 0 2px;
}
.modifydate {
	width: 100%;
	float: left;
}
div.buttonheading {
	float: right;
	width: 15%;
display: block;
position: relative;
top: -2px;
}
.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

/* tooltip */ 
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}
.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}
.tool-text {
	margin: 0;
	font-size: 100%;
}
/* tooltip loppuu */

/* input css */
input.button {
font-size: 1em;
color: #;
/*border: 1px solid #CCCCCC;*/
font-weight:bold;
padding: 0px 5px;
}

input { /* radiobuttonien ja checkboxien tasaaminen tekstin kanssa samalle tasolle */
vertical-align: text-bottom;
padding: 0px;
margin: 2px;
}
.inputbox {
	padding: 2px;
	margin: 1px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}
div.top_left .inputbox {
padding: 0px;
}
/* #### SEKALAISTA #### */
.polku {
}
.sectiontableentry1 {
background-color : #;
}

.sectiontableentry2 {
background-color : #EDEDED;
}
form.editor { /* jce leijuun kaiken päällä */
position: relative;
z-index: 200000;
}
/*customize loppu*/


/* =======================================
Pudotusvalikko
======================================= */
    .moduletable_topmenu{
       padding:0;
       color: #333;
       height: 30px;
       margin: 0;

       font-size: 120%;
    }
    .moduletable_topmenu ul{
       list-style: none;
       margin: 0;
       padding: 0;
    }
    .moduletable_topmenu li{
       margin: 0px 0px 0px 0px;
       float: left;
width: 163px; /* ekan tason linkin leveys*/
    }
    .moduletable_topmenu li ul {
       position: absolute;
       width: 163px;
       left: -999em;
       border: 1px solid #474748;
       border-bottom: none;
       top: 44px; /*pudotusvalikon etäisyys ekan tason linkistä*/
    }
    .moduletable_topmenu li:hover ul {
       left: auto;
    }
    .moduletable_topmenu li ul li {
       width: 163px !important;
       padding: 0;
       border-bottom: 1px solid #474748;
    }
    .moduletable_topmenu li a {
       display: block;
       padding: 0px;
line-height: 46px;
       color: #fff;
       font-weight: bold;
       text-decoration: none;
text-align: center; /* keskitetään linkit */
    }

    html>body .moduletable_topmenu li a {
       width: auto;
    }
    .moduletable_topmenu li ul li a {
       background-color: #fff;
       color: #3777BF;
font-size: 100%;
background-image: none; /* taustakuvan nollaus ettei periydy ekalta tasolta */
line-height: 20px; /* pienennetään korkeus toiselle tasolle */
text-align: left; /* ekan tason keskityksen purku */
padding: 5px;
       /* ---
       filter:alpha(opacity=80);
       -moz-opacity: 0.8;
       opacity: 0.8;*/
    }
    .moduletable_topmenu li a:hover,a#active_menu:link,a#active_menu:visited {
       color: #3777BF;
       text-decoration: none;
       /* ---
       filter:alpha(opacity=100);
       -moz-opacity: 1.0;
       opacity: 1.0;*/
    }
    .moduletable_topmenu li ul li a:hover {
       background-color: #fff;
       color: #3777BF;
       background: url(../images/top_link_bg2_on.png) repeat-y top left;
    }
    .moduletable_topmenu li:hover ul, .moduletable_topmenu li.sfhover ul {
       left: auto;
    }
    .moduletable_topmenu ul li.active a {
       color: #;
       text-decoration: none;
    }
    .moduletable_topmenu li.parent.active a {
       color: #;
       text-decoration: none;
    }
    .moduletable_topmenu li.parent.active a:hover {
       color: #; 
    }
    .moduletable_topmenu li.parent.active ul li a {
       color: #;
       text-decoration: none;
background-color: #fff;
    }
    .moduletable_topmenu li.parent.active ul li a:hover {
       color: #;
       text-decoration: none;
background-color: #d1d1d1;
    }
.moduletable_topmenu li.parent ul li a:hover { /*jos eka taso on aktiivinen niin listan koodi hieman muuttuu */
background-color: #d1d1d1;
}
.moduletable_topmenu li:hover, .moduletable_topmenu li.hover { /* IE7 fixi että menut ei jää auki */
    position:static;
    }
/* IE6 linkkien värimääritykset ku se ei pysty muuten */
.moduletable_topmenu li a:visited, .moduletable_topmenu li a:hover {
color: #fff;
font-weight: bold;
}
.moduletable_topmenu li ul li a:visited, .moduletable_topmenu li ul li a:hover {
font-weight: bold;
color: #3777BF;
}


/** #### PUDOTUSVALIKKO #### **/
/* laita valikkomoduulille menu suffix: -pudotusvalikko */

/* Ensimmäinen taso eli itse menu */
ul.menu-pudotusvalikko {
	z-index: 100;
	float: left;
	margin: 0;
	background: none;
	padding: 0;
	list-style: none;
	line-height: 1.3em; /*rivin korkeuden säätö jotta alavalikot saadaan oikealla kohdalle*/
font-size: 120%;
}
ul.menu-pudotusvalikko li {
	float: left;
	display: inline;
	background: none;
margin: 0px 18px 0px 17px;
	padding: 0;
width: 163px;
}
ul.menu-pudotusvalikko a:link,
ul.menu-pudotusvalikko a:visited {
	display: block;
	margin: 0;
	padding: 0; /*ekan tason linkille rakoa ylös ja alas - rivinkorkeus*/
	color: #fff; /*ekan tason linkin väri*/
	font-weight: bold;
	text-decoration: none;
height: 46px;
line-height: 46px;
text-align: center;

}
ul.menu-pudotusvalikko a:hover {
	background-color: #; /*ekan tason hoverin taustaväri*/
}
ul.menu-pudotusvalikko li.active a {
	background-color: #; /*ekan tason aktiivisen linkin taustaväri*/
}

/* Toinen taso */
ul.menu-pudotusvalikko ul {
	position: absolute;
	left: -999em;
	z-index: 200;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #474748;
}

/* Muut tasot */
ul.menu-pudotusvalikko ul ul {
	margin: -26px 0 0 185px;
	z-index: 300;
}

/* Menu-Itemit */
ul.menu-pudotusvalikko ul li {
	position: relative;
	width: 163px;
	margin: 0;
	background: none;
	padding: 0;
border-bottom: 1px solid #474748;
}
ul.menu-pudotusvalikko ul a:link,
ul.menu-pudotusvalikko ul a:visited {
	display: block;
	background: #fff none;
	color: #3777BF;
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	height: auto;
	line-height: 20px;
        text-align: left;
}
ul.menu-pudotusvalikko ul a:hover,
ul.menu-pudotusvalikko ul li.parent a:hover,
ul.menu-pudotusvalikko ul li.parent li.parent a:hover {
	background-color: #1f3d59;
	color: #ffffff;
}

/* Aktiivinen linkki */
ul.menu-pudotusvalikko ul li.active a,
ul.menu-pudotusvalikko ul li.active li.active a,
ul.menu-pudotusvalikko ul li.active li.active li.active a {
	font-weight: bold;
	color: #DB100E;
}

/* Clear active */
ul.menu-pudotusvalikko ul li.active li a,
ul.menu-pudotusvalikko ul li.active li.active li a {
	font-weight: normal;
	color: #cfdbe5;
}

/* Children expanded */
ul.menu-pudotusvalikko ul li.parent a,
ul.menu-pudotusvalikko ul li.parent li.parent a {
	background: #284d73 url("../images/pudotusvalikko_nuoli.png") no-repeat 95% center;
	padding-right: 10px;
}

/* Clear children expanded */
ul.menu-pudotusvalikko ul li.parent li a,
ul.menu-pudotusvalikko ul li.parent li.parent li a {
	background-image: none;
}

/* Rollover actions */
ul.menu-pudotusvalikko li:hover ul,
ul.menu-pudotusvalikko li.hover ul,
ul.menu-pudotusvalikko li.sfhover ul,
ul.menu-pudotusvalikko li:hover ul li:hover ul,
ul.menu-pudotusvalikko li.hover ul li.hover ul,
ul.menu-pudotusvalikko li.sfhover ul li.sfhover ul,
ul.menu-pudotusvalikko li:hover ul li:hover ul li:hover ul,
ul.menu-pudotusvalikko li.hover ul li.hover ul li.hover ul,
ul.menu-pudotusvalikko li.sfhover ul li.sfhover ul li.sfhover ul {
	left: auto;
}
ul.menu-pudotusvalikko li:hover ul ul,
ul.menu-pudotusvalikko li.hover ul ul,
ul.menu-pudotusvalikko li.sfhover ul ul,
ul.menu-pudotusvalikko li:hover ul li:hover ul ul,
ul.menu-pudotusvalikko li.hover ul li.hover ul ul,
ul.menu-pudotusvalikko li.sfhover ul li.sfhover ul ul,
ul.menu-pudotusvalikko li:hover ul li:hover ul li:hover ul ul,
ul.menu-pudotusvalikko li.hover ul li.hover ul li.hover ul ul,
ul.menu-pudotusvalikko li.sfhover ul li.sfhover ul li.sfhover ul ul {
	left: -999em;
}
ul.menu-pudotusvalikko,
ul.menu-pudotusvalikko li li {
	clear: left;
}
li.item100005 a {
background: url(../images/maan_vihree_menu.png) no-repeat;
}
.item43 a {
background: url(../images/sininen_menu.png) no-repeat;
}
.item34 a {
background: url(../images/oranssi_menu.png) no-repeat;
}
.item27 a {
background: url(../images/kirk_vihree_menu.png) no-repeat;
}
.item100011 a {
background: url(../images/punainen_menu.png) no-repeat;
}

/* #### VIRTUEMART #### */

/* VM uloskirjautuminen - EI KÄYTÖSSÄ */
.ulos_kirjautuminen #login input.button { /*uloskirjautimisnapille omat koodit*/
background: none;
border: none;
padding: 0;
margin: 0;
font-size: 120%;
font-weight: bold;
color: #fff;
position: relative;
left: 0px;
top: 9px;
cursor: pointer;
width: 163px;
text-elign: center;
}

.ulos_kirjautuminen #login input.button:hover {
text-decoration: underline;
color: #000;
}
.ulos_kirjautuminen div.moduletable div form#login {
margin: 0;
}
a.tili, a.tili:visited {
font-size: 100%;
font-weight: bold;
color: #FFD074;
position: relative;
top: 8px;
left: 48px;
}
.terve {
position: absolute;
font-size: 80%;
left: 2px;
}
/* uloskirjautuminen loppuu */

/* VM addtocart nappien css jos ei olla virtuemartissa */
.addtocart_button, .notify_button {
text-align: center;
background-position: left bottom;
width: 94px;
height: 26px;
cursor: pointer;
font-weight: bold;
font-family: inherit;
vertical-align: middle;
overflow-x: hidden;
overflow-y: hidden;
color: #ffffff;
border: none;
}
.addtocart_button {
background-color: transparent;
background-image: url(http://www.ostoksille.com/verkkokauppa/components/com_virtuemart/themes/default/images/lisaa_koriin.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
}

/* VM määrähinnan taulukon css */
#hinta table { border: 1px solid #000; background: #ADD8E6; color: black; line-height: 16px; }
#hinta table td { padding: 2px; border: 1px solid #000;background: #fff; }
#hinta table tr .sectiontableentry1 td {  }
.hintataulu_hinta { color: #FEB300; font-weight: bold; }
.hintataulu_maara { font-size: 14px;}
#hinta table th { font-weight: normal; font-size: 12px;}
#hinta span img {position: relative; top: 4px; }