body {
	margin: 0px;
	padding: 0px;
	background: #1a61ba url(../../../images/dark-bg.gif) repeat;
}


/**********************************************************************
*	Yläreunan liput ja ankka
***********************************************************************/
#liput{
	position: absolute; 
	top: 0;
	left: -170px;
	z-index: 10;
}


#ankka{
	position: absolute; 
	top: 650px;
	left: 530px;
	z-index: 12;
}


/**********************************************************************
*	header
***********************************************************************/
#header {
	height: 321px;
	background: url(../../../images/header_en.gif) no-repeat top;
	margin: 0;
	padding: 0;
}

#header_fi, #header_se, #header_en{
	background: url(../../../images/header_fi.gif) no-repeat top !important;
	height: 321px;
	margin: 0;
	padding: 0;
}

#header_us{
	background: url(../../../images/header_en.gif) no-repeat top !important;
	height: 321px;
	margin: 0;
	padding: 0;
}

/**********************************************************************
*	headerin logo
***********************************************************************/
#logo{
	position: absolute; 
	top: 49px;
	left: 400px;
}

#logo img{
	border: none;
}

#logoutLink{
	padding: 0;
	margin: 0;
	display: none;
}

#logoutLink img{
	border: none;
}

/**********************************************************************
*	Sivutyylin divit
***********************************************************************/
#footer-bg{
	background: transparent url(../../../images/footer-bg.gif) repeat-x bottom left;
}

#dark-bg{
	background: #1a61ba url(../../../images/header-loop.gif) repeat-x;
}

#wrapcontainer{
	margin:0;
	padding: 0;
	text-align: left;
	width: 978px;
}

#container{
	margin:0;
	padding: 0;
	margin-left: 67px;
}

#wrapcontent{
	background: transparent url(../../../images/content-bg_new.gif) no-repeat top;
	margin:0;
	padding: 0;
}

#content{
	padding: 0;
	margin: 0;

	min-height: 200px;
	height: auto !important;
	height: 200px;
}

#footerDiv-bg{
	background: transparent url(../../../images/footer-bg-short.gif) repeat-x bottom left;
	width: 100%;

	min-height: 152px;
	height: auto !important;
	height: 152px;

	vertical-align: bottom;
}

#footerDiv{
	margin-left: 67px;
	padding-top: 110px;
}

#footerBorder{
	border-top: 2px solid #67AFF0;
	width: 876px;
}


#footerBorder #footerTable{
	color: #67AFF0;
	font-size: 11px;
	font-weight: bold;
	width: 100%;
}

#footerBorder #footerTable td.copyright{
	text-align: right;
}

#footerBorder ul{
	padding: 0;
	margin: 0;
}

#footerBorder ul li{
	display: inline;
}

#footerBorder ul li .link{
	float: left;
	padding-top: 2px;
}

#footerBorder ul li .linkDot{
	float: left;
	padding: 0 3px 0 3px;
}

#footerBorder ul li a, #footerBorder ul li a:visited{
	color: #67AFF0;
}

#footerBorder ul li a:hover{
	color: white;
	text-decoration: none;
}


/**********************************************************************
*	Pagecontent divin asetukset
***********************************************************************/
#content-margin{
	padding: 65px 0 0 0px;
}

#pagecontent{
	float: left;
	margin: 0;
	padding: 0;
	/*width: 520px;*/
}

.pagecontent-Splashkansio, 
.pagecontent-Splash, 
.pagecontent-Ordering, 
.pagecontent-FAQ_2,
.pagecontent-Info,
.pagecontent-Contact{
	width: 470px;
}


/**********************************************************************
*	Rightcontent divin asetukset
***********************************************************************/
#rightcontent{
	float: left;
	
}

.rightcontent-Splashkansio, .rightcontent-Splash{
	padding-left: 150px;
}


/**********************************************************************
*	Floattien poisto
***********************************************************************/
.c{
	clear: both;
}


/**********************************************************************
*	Elementtien piilotus
***********************************************************************/
.hideElement{
	display: none;
}


/**********************************************************************
*	Lomakkeet
***********************************************************************/
input.button, input.button2{
	background: url(../../../images/button-bg.gif) repeat-x;
	border: 2px solid #C5EDFF;
	color: white;
	font-size: 11px;
	font-weight: bold;
	height: 26px;
}

input.button2{
	margin-top: 3px;
}

input{
	font-family:"Trebuchet MS";
}

input.text, input.login_text, .formTable textarea{
	background:	#6bc6ef;	/* #4ea8dc;	*/
	border: none;
	border-right: 1px solid #054292;
	border-bottom: 1px solid #054292;
	color: white;
	padding: 2px 3px 2px 3px;
	width: 200px;
}

input.width400px{
	width: 400px;
}

input.login_text{
	width: 150px !important;
}

input.kirjauduButton{
	background: url(../../../images/bttn_kirjaudu.gif) no-repeat top;
	width: 128px;
	height: 29px;
	border: none;
}

input.kirjauduButtonIso{
	border: none;
	background: url(../../../images/bttn_kirjaudukuva.gif) no-repeat top;
	width: 135px;
	height: 115px;
}

.webkauppa-login-iso{
	margin-left: 250px;
}

/**** formTable ****/
.formTable{
	
}

.formTable td{
	padding-right: 10px;
}

.formTable select{
	width: 207px;
}

.formTable select.width400px{
	width: 407px;
}

.formTable textarea{
	width: 400px;
	height: 100px;
}

a.buttonLook{
	background: url(../../../images/button-bg.gif) repeat-x;
	border: 2px solid #C5EDFF;
	color: white;
	font-size: 11px;
	font-weight: bold;
	height: 28px;
	padding: 2px;
	padding-top: 4px;
}


/**********************************************************************
*	Message div
***********************************************************************/
.message{
	border: 2px solid #ffcc00;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.message p{
	padding: 0;
	margin: 5px;
	font-weight: bold;
}


/**********************************************************************
*	Bng image hack
***********************************************************************/
img {
	border: none;
	behavior: url("../pngbehavior.htc");
}


/**********************************************************************
*	Taulukko
***********************************************************************/
.taulukko{
	width: 100%;
	font-size: 11px !important;
	border: 1px solid #1F6FAF;
}

.taulukko tr th{
	background: #3B86CF;
	border-bottom: 1px solid #1F6FAF;
}

.taulukko tr.valiotsikko th{
	border-top: 1px solid #1F6FAF;
}

.taulukko tr th, .taulukko td{
	padding: 2px 8px 2px 8px;
}

.taulukko tr.savy1, .lisatieto_savy1{
	background-color: #63a1dc;
}

.taulukko tr.savy2, .lisatieto_savy2{
	background-color: #3b86cf;
}

.lisatieto_savy1, .lisatieto_savy2{
	padding: 0px 8px 0px 8px;
	margin: 0;
	border: 1px solid transparent;
}

.lisatieto2px{
	
}

.taulukko td.border-bottom{
	border-bottom: 1px solid #1F6FAF;
}

.taulukko td.lisatietoTd{
	margin: 0;
	padding: 0 0 2px 0;
}

.taulukko tr.tilastot-top th{
	background: transparent;
}

.taulukko tr.yhteensa td{
	border-top: 1px solid white;
}

.taulukko td.ylaviiva{
	border-top: 1px solid white;
}


/**********************************************************************
*	Ajankohtaiset asiat
***********************************************************************/
.ajankohtaistaDiv{
	padding: 0;
	margin: 0;
}

.ajankohtaistaText{
	margin-top: 3px;
	width: 420px;
}

.ajankohtaistasivuDiv{
	padding: 0;
	margin: 0;
	width: 500px;
}

/**********************************************************************
*	Help div
***********************************************************************/
#helpDiv{
	display: none;
	position: absolute;
	border: 1px solid #FFCC00;
	background: #79C2FA;
}

#helpText{
	width: 100%;
	max-width: 500px;
	padding: 5px;
	line-height: 15px;
}

#helpText table.jsInfo td{
	padding: 0 2px 0 2px;
}


/**********************************************************************
*	Tuotesivu
***********************************************************************/
.tuotevalintatable td{
	vertical-align: bottom;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid red;
	background-color: red;*/
}

.tuotevalintatable tr.sivutus td{
	height: 2em;
	font-size: 14px;
	/*font-weight: bold;*/
	text-align: center;
	vertical-align: bottom;
	/*background-color: red;*/
}
.tuotevalintatable tr.sivutus td p{
	height: 2em;
	text-align: center;
	vertical-align: bottom;
	/*background-color: red;*/
}
.tuotevalintatable tr td.tuotevalinta{
	vertical-align: top;
	width: 290px;
	padding-left: 10px;
}

.tuotevalintatable tr td table.tuotevalinta{
	width: 100%;
}

.tuotevalintatable tr td table.tuotevalinta .kplvalinta{
	width: 170px !important;
	font-size: 11px !important;
}

.tuotevalintatausta{
	/*background-color: #0066BA;*/
	padding-left: 0px;
	text-align: left;
}

.digioptioDisabled{
	
}

/**********************************************************************
*	Pikkukuvaasetukset
***********************************************************************/
.pikkukuvattable td{
	vertical-align: bottom;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid red;
	background-color: red;*/
}

.pikkukuvattable tr.sivutus td{
	height: 2em;
	font-size: 14px;
	/*font-weight: bold;*/
	text-align: center;
	vertical-align: bottom;
	/*background-color: red;*/
}
.pikkukuvattable tr.sivutus td p{
	height: 2em;
	text-align: center;
	vertical-align: bottom;
	/*background-color: red;*/
}

div.webshopimg
  {
  margin: 0px;
  /*border: 1px solid #0000ff;*/
  height: auto;
  width: 100%;
  float: left;
  text-align: center;
  margin-left: auto;
	margin-right: auto;
  }
div.webshopimg img
  {
  margin-right: 0px;
  display: inline;
  margin: 3px;
  margin-bottom: 0px;
  border: 2px solid #65abed;
  }
div.webshopimg a:hover img
  {
  border: 2px solid #ffffff;
  }
div.webshopdesc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }


/**********************************************************************
*	Lightbox taulukko
***********************************************************************/
.lightboxTaulukko{
	
}

.lightboxTaulukko td{
	padding-right: 3px;
}

.lightboxTaulukko td a img{
	border:2px solid #65ABED;
}

.lightboxTaulukko td a:hover img{
	border:2px solid #FFFFFF;
}


/**********************************************************************
*	Kielivalinta
***********************************************************************/
.langSelectedDiv{
	position: absolute; 
	top: 20px;
	right: 0px;
}

.langSelectedDiv table tr td{
	padding-right: 10px;
}

.langSelectedDiv a, .langSelectedDiv a:hover, .langSelectedDiv a:visited{
	color: #1F72C0 !important;
	font-weight: bold;
}