/* CSS Document */

/* Yleiset määritykset */

*, HTML {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
BODY {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-image: url(gui/rightsidebg.gif);
	background-repeat: repeat-y;
	background-position: 960px 100px;

}

H1, H2, H3, H4 {
	color: #314B70;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.8em;
}

P, UL {
	margin-bottom: 10px;
}

P+H1, P+H2 { margin-top: 1em; }  /* ei toimi IE56 */

P { font-size: 1em; }
A {
	color: #314B70;
}

#page {
	position: relative;
	width: 960px !important;

	}
	
#print { display: none;}

/* Yläosa: navi, header */

#topnavi {
	width: 950px;
	height: 25px;
	overflow: hidden;
	padding: 10px 10px 0px 0px;
	color: #314B70;
	font-weight: bold;
	font-size: 0.8em;
}

#topnavi P {
	float: right;
}
#topnavi A { 
	color: #314B70;
	text-decoration: none; 
}

/* navi images */

#navi {
	padding: 2px 0 0 326px;
	float: left;
	background-image: url(gui/navigation.png);
	width: 634px !important;
	height: 33px !important;
	overflow: hidden;
}
#navi IMG {
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	border-width: 0;
	
}
#navi IMG.current  
	{  border-bottom: solid 1px white; }



/*   HEADER  */

#header, #sheader { 
	background-color: #314B70;
	width: 960px;
	height: 202px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	clear: both;
}
#sheader {
	height: 69px;
}


/* Sisältö  */


#contentwrap {
	position: relative;
	width: 910px;
	margin: 0;
	padding: 30px 0 0 50px;
	float: left;
	background-image: url(gui/leftsidebg.png);
	background-repeat: repeat-y;
	background-position: 0px 100px;
	padding-bottom: 20px;
	
}
#contentwrap2 {
	position: relative;
	width: 900px;
	margin: 0;
	padding: 0 0 0 60px;
	float: left;
	background-image: url(gui/leftsidebg.png);
	background-repeat: repeat-y;
	background-position: 0px 100px;

}
#widecol {
	position: relative;
	float: left;
	width: 60%;
	
}
.selcont {
	width: 500px;
	background: #DDD;
	margin-bottom: 1em;
	overflow: hidden;
	height: 300px;
	border: solid 2px #DDD;
	border-right: 0;
	
}
.selcont TD {
	width: 230px;
	vertical-align: top;
	padding: 5px;
	background: #F3F3F3;
	border-right: solid 2px #DDD;
}
.selcont h2.blue img {
	border-bottom: solid 20px #406292;

}

.selcont h2.blue {
	padding: 3px;
}

H1.bigheader { 
	height: 120px;
	margin-left: -9999px;
	margin-bottom: 30px;
	background-image: url(gui/fpbighder.png);
	background-repeat: no-repeat;
	background-position: 9999px 0px;
}

/* product table 2x2 - t= index t2=products */
#product_t {
	width: 525px;
	margin: 1em 0 1em 0;
}
#product_t2 {
	width: 100%;
	margin: 1em 0 1em 0;
}
#product_t H2, #product_t P, #product_t2 H2, #product_t2 P {
	margin: 1em 1em 0 0;
}
#product_t H2, #product_t2 H2 {
	background: #406292;
	background-image: url(gui/tl_corner_s.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 5px;
}
#product_t TD H2 A, #product_t2 TD H2 A {
	display: block;
	color: #FFFFFF;
}
#product_t A, #product_t2 A {
	color: #000000;
	text-decoration: none;
}
#product_t P A:hover, #product_t2 P A:hover {
	text-decoration: underline;
}

/* content divs */

#narrowcol {
	float: right;
	width: 30%;
	
}
.news {
	width: 90%;
	padding: 10px;
	margin-top: 20px;
	border: dashed 1px #CCCCCC;
	font-size: 0.8em;
}
.news IMG { padding: 10px; } 
.news LI IMG {
	margin: 5px;
	text-align: center;
	margin-left: 1em;
}
.news IMG.bullet { padding: 0 5px 0 0; } 
.news A { text-decoration: none; }
.news A:hover {text-decoration: underline;}

/*  content blocks */

.short7, .short7b {
	width: 100%;
	clear: both;
	margin: 30px 0px;
}

DIV.short7 P { 
	width: 70%;
}

.short5 {
	width: 550px;
	padding-bottom: 1em;
	/*clear: left;*/
}
.sbox {
	width: 460px;
	margin: 1em 0;
	padding: 20px 25px 20px 80px;
	background-color: #EAEAEA;
	border: dotted 1px #666666;
	background-image: url(gui/sbox_bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}



/* product table lists in product pages */

TABLE.prodlist {
	border-left: solid thin #406292;
	margin-right: 25px;
}
.prodlist TD {
	border-right: solid thin #406292;
}
.prodlist .blue {
	font-weight: bold;
	padding: 2px;
}
.prodlist UL {
	list-style-type: none;
	padding: 5px;
}



/* content header and other floated images */

.img_s {
	float: right;
	padding: 5px;
	font-size: 2em;
	width: 300px;
	background-color: #CCCCCC;
	margin-left: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: 100px;
	vertical-align: middle;
}
.bigimg {
	float:right;
	padding: 5px 0px 20px 20px;
	
}



/*  spacers  */

.spacer30 {
	margin: 0px;
	padding: 0px;
	height: 3em;
	width: auto;
	
}
.spacer15 {
	margin: 0px;
	padding: 0px;
	height: 2em;
	width: auto;
	
}
/* colors */

.grey {
	background-color: #CCCCCC;
	color: black;
}
.blue {
	background: #406292;
	color: white;
}
.blue H4 {
	color: white;
}
.lblue {
	color: #314B70;
	font-weight: bold;
}

/*  footer */

#footer {
	margin: 0 0 0 0;
	background-image: url(gui/leftsidebg.png);
	background-repeat: repeat-y;
	clear: both;
	font-size: 0.8em;
	width: 960px;
}
#footer P {
	padding: 5px 0;
}

#footer td {
	
	border-top: solid #ddd 1px;
	border-bottom: solid #336699 5px;
	padding-right: 5px;
	/*background-color:#FFFFFF;*/
} 
UL { list-style-type: none;}

/* NEW  tuotteet */

.col2box {
	width: 580px;
	padding: 5px;
	margin-left: 6px;
	float: left;
}
.col3box {
	width: 280px;
	padding: 5px;
	margin-left: 6px;
	float: left;
}
.col3box H2, .col2box H2 {
	color: #314B70;
	font-size: 1.1em;
	padding: 10px 0;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 3px #CCCCCC;
	height: 3em;
	background: url(gui/h2_b_bg.gif) repeat-x bottom;
	
}
.col3box H2 A, .col2box H2 A, .col3box H3 A, .col2box H3 A {
	text-decoration: none;
}
.col2box H3, .col3box H3 {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 2px #406292;
	line-height: 2;
	font-size: 1em;
}
.col3box STRONG, .col2box STRONG {
	color: #314B70;
	font-weight: bold;
}
.col3box IMG.flat, .col2box IMG.flat {
	borner: 0;
	margin: 10px 0;
}
.col3box UL.link LI, .col2box UL.link LI {
	width: 98%;
	border: solid 1px #314B70;
	padding: 5px;
	margin: 5px 0;
}
.col3box LI, .col2box LI {
	margin: 0 0 8px 3px;
}
.col3box LI A, .col2box LI A {
	text-decoration: none;
	color: black;
	border-bottom: dotted 1px black;
}
.col3box UL.link LI:hover, .col2box UL.link LI:hover {
	background: #F3F3F3;
}
.col2box BLOCKQUOTE {
	margin-left: 30px;
}
.lue {
	border-top: solid 1px #314B70;
	line-height: 2;
}

.pp_wrapper {
	width: 900px;
	float: left;
	margin-left: -12px;
	padding-bottom: 10px;
	border-bottom: solid 1px #CCCCCC;
	background: url(gui/pp_bg.gif) repeat-x bottom;
}
.clearall { 
	width: 0;
	height: 1.5em;
	clear: both;
}
.bnavi {
	margin-bottom: 2em;
	margin-top: 1em;
	font-size: 0.8em;
}

DIV.line {
	
	height: 10px;
	border-top: solid 1px #CCCCCC;
}

/* NEW  */
/* PRODUCTS */
.floatwrap {
	overflow: hidden;
	clear: both;
}
.row {
	border-bottom: dotted 2px #bbb;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	overflow: hidden;
}
.float66 {
	float: left;
	width: 66%;
	margin-bottom: 1em;
}
.float40 {
	float: left;
	width: 40%;
	margin-bottom: 1em;
	margin-right: 1em;
}
.float34 {
	float: left;
	width: 33%;
	margin-bottom: 1em;
}
.float20 {
	float: left;
	width: 20%;
	margin-bottom: 1em;
	margin-right: 2em;
	
}
.float66 .clayout {
	margin: 0 1.5em 0 0;
}
.float34 .pc {
	margin-right: 1em;
}
.pc li span {
	color: #314B70;
	font-size: 0.8em;
	font-weight: bold;
	padding: 15px 0;
}
.stprod {
	overflow: hidden;
	padding-left: 1em;
}

/* FRONTPAGE TOP PRODUCT SELECTION */
#frontbox {
	padding: .5em 0 1em;
	background: #f1f1f1;
	margin-bottom: 2em; 
}
#frontbox ul {
	width: 540px;
	margin: 1em auto;

}
#frontbox li {
	display: inline-block;
	margin: .5em 1em .5em .5em;
}

#frontbox span { 
	display: block;
	width: 150px;
	position: absolute;
	color: #314B70;
	font-weight: bold;
	margin: .5em 0;
}