/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
/*	font-size: 12px;*/
	background-color: #ffffff;
	color: #333333;
	color: #454759;
	margin: 0;
	padding: 0;
	padding: 10px 0 10px 0;
	text-align:center;
	min-width:800px;
}

a{
	color: #6C5BDD;
	text-decoration: none;
}

a:link{
	color: #6C5BDD;
	text-decoration: none;
}

a:visited{
	color: #6C5BDD;
	text-decoration: none;
}

a:hover{
	color: #3E338A;
	text-decoration: underline;
}


form{
	margin: 0;
	padding:0;
	padding:4px 0px 0px 0px;

}

P {
	margin-top: 0px;
	/*margin-bottom: 15px;*/
}

h1{
	font-family: "Times New Roman",serif;
	font-weight: normal;
	font-size: 165%;
	margin-top: 0px;
	margin-bottom: 1.4em;
	color: #6C6692;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 120%;
	color: #961B54;
	margin: 0px;
	margin-bottom: 1.2em;
	padding: 0px;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	/*font-weight: normal;*/
	margin: 0px;
	padding: 0px;
	color: #454759;
}

h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}

h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: disc;
	padding: 0;
	margin: 0;
}

ul ul{
 	list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container {
	position: relative;
	/*top: 0;*/
	width: 800px;
	margin-top:0;
	margin-left: auto;	
	margin-bottom:0;
	margin-right: auto;
	background-image:url(images/Frontpage_bg.jpg);
	background-repeat: no-repeat;
	background-color: #E1E7F5;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#masthead {
	position: relative;	
	height: 85px;
	width: 750px;
	margin: 0;
	padding: 0;
/*	text-align: right;*/
}

#logo {
	position: absolute;
	top: 20px;
	left: 47px;
}

#slogan {
	position: absolute;
	top: 28px;
	left: 180px;
}

#perhonen {
	position: absolute;
/*	top: -7px;
	left: 236px;*/
	top: 0px;
	left: 240px;

}

#frontPicMain
 {
	position: absolute;
	top: 58px;
	left: 300px;

}


#liikkeetNostoFront {
	position:absolute;
	top: 140px;
	left: 600px;
	width:114px;
	background-image:url(images/etusivu_liikenappi_bg.jpg);
	background-repeat: no-repeat;
	z-index:1;
}

.liikenappi h1 {
	color:#ff0000;
	font-family: GillSans,Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 13px;
	margin: 0;
	padding: 22px 10px 22px 10px;
	text-align:center;
}


#kilpailu {
	position: absolute;
	top: 2px;
	left: 466px;
	z-index:1;

}



#langNav {
	color: #3E338A;
	font-size: 0.9em;
	float: right;	
	margin: 0;
	padding:0;
	padding-top: 45px;

}

#langNav a {
	padding-left: 3px; padding-right: 3px; padding-bottom: 0px; padding-top: 0px; color: #3E338A; 
}

#langNav a.langNavSelected {
	padding-left: 3px; padding-right: 03px; padding-bottom: 0px; padding-top: 0px; color: #E1E6F6; 
}


#mainNav2 {
	color: #ffffff;
	font-size: 0.9em;
	clear:both;
	float: right;	
	margin: 0;
	padding:0;
	padding-top: 10px;

}

#mainNav2 a {
	padding-left: 3px; padding-right: 3px; padding-bottom: 0px; padding-top: 0px; color: #ffffff; 
}


#mainNavContainer {
	margin: 0;
	padding: 0;
	float:left;
	padding-left: 45px;
	margin-top: 35px;
	margin-bottom: 12px;

}

.mainNavBox_top {
	width: 169px;
	height: 4px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/naviylaosa.gif);
	background-repeat: no-repeat;
}

.mainNavBox_mid {
	width: 169px;
	margin: 0;
	padding: 10px 0px 10px 0px;
	background-image:url(images/navikeskiosa.gif);
	background-repeat: repeat-y;
	float:left;
	min-height: 176px;
}

.mainNavBox_mid ul {
	margin:0;
	padding: 5px 0px 0px 28px;
	list-style-image: url(images/navibullet.jpg);
}


.mainNavBox_mid ul ul {
	list-style-image: url(images/pagenavi_link_arrow.gif);
	padding: 5px 5px 0px 11px;
	margin:0;

}

.mainNavBox_mid a {color: #3E338A;text-decoration: none;}
.mainNavBox_mid a:link{color: #3E338A;text-decoration: none;}
.mainNavBox_mid a:visited{color: #3E338A;text-decoration: none;}
.mainNavBox_mid a:hover{color: #3E338A; text-decoration: underline;}

.menuselected ul {
	margin:0;
	padding: 0;
	padding: 5px 0px 0px 28px;
	list-style-image: url(images/navibullet_2.jpg);
}

.menuselected ul ul a{
/*	margin:0px 5px 0px -5px;*/
	margin:0;
	padding: 0;
/*	padding: 0px 25px 0px 0px;*/
	font-weight:normal;
/*bold;*/
/*	font-size: 0.9em;*/
	font-size: 0.85em;
}

.menuselected ul ul ul {
	margin:0;
	padding: 0;
	font-weight:bold;
	list-style-image: url(images/pagenavi_link_arrow_3.gif);
}


.submenuselected ul li a {
	margin:0;
	padding:0;
	font-weight:bold;
	/* font-weight:normal;*/
	/* color:#9F99CB;*/
}


.mainNavBox_bottom {
	width: 169px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/navialaosa.jpg);
	background-repeat: no-repeat;
	float:left;
}

.contentPicR {
	float:right;
	padding-left:20px;
}

.contentPicL {
	float:left;
/*	padding-right:20px;*/
	padding:0;

}

/* --------------------	*/
/* Sivupalkin Nostoboxi */
/* --------------------	*/

.sideBarBoxContainer {
	clear:both;
	margin: 0;
	padding: 0;
	float:left;
	padding-left: 45px;
	margin-top: 8px;
}

.sideBarBox {
	margin: 0;
	padding: 0;
	float:left;
}

.sideBarBox_top {
	width: 169px;
	height: 6px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/sideBarBoxyla.gif);
	background-repeat: no-repeat;
}

.sideBarBox_mid {
	width: 165px;
	margin: 0;
	padding: 0px 2px 0px 2px;
	background-image:url(images/sideBarBoxkeski.gif);
	background-repeat: repeat-y;
}

.sideBarBox_bottom {
	width: 169px;
	height: 6px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	background-image:url(images/sideBarBoxala.gif);
	background-repeat: no-repeat;
}


.sideBarBox_mid h1 {
	color:#699A31;
	font-family: GillSans,Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0px 4px 0px 4px;
	text-align:center;
/*	margin-bottom: 1.0em;*/
}

.sideBarBox_mid P {
	margin: 0;
	padding: 0px 4px 0px 8px;
}

.sideBarBox_mid ul {
	list-style-image: url(images/pagenavi_link_arrow_2.gif);
	padding: 0;
	padding-left: 28px;
	margin:0;
}


/* --------------------	*/
/* Tavallinen Nostoboxi */
/* --------------------	*/

.nostoBox {
	margin: 0;
	padding: 0;
	float:left;
	padding: 0px 0px 0px 0px;
}

.nostobox_top {
	width: 169px;
	height: 2px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoBoxyla.gif);
	background-repeat: no-repeat;

}

.nostobox_mid {
	width: 165px;
	margin: 0;
	padding: 0px 2px 0px 2px;
	background-image:url(images/nostoBoxkeski.gif);
	background-color: #ffffff;
}

.nostobox_midC {
	width: 165px;
	margin: 0;
	padding: 0px 2px 0px 2px;
	background-image:url(images/nostoBoxkeski.gif);
	background-color: #ffffff;
	text-align:center;
}

.nostobox_bottom1 {
	width: 169px;
	height: 13px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	padding-right: 12px;
	background-image:url(images/nostoBox1ala.gif);
	background-repeat: no-repeat;
}

.nostobox_bottom2 {
	width: 169px;
	height: 4px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoBox2ala.gif);
	background-repeat: no-repeat;
}


/* --------------------	*/
/* Tuotteiden Nostoboxi */
/* --------------------	*/

.productPicR {
	float:right;
	margin: 0;
	padding: 6px 12px 6px 12px;
	/*text-align:right;*/
	/*padding-left:220px;*/
}

.productPicL {
	float:left;
	margin: 0;
/*	padding: 0px 12px 0px 12px;*/
	padding: 6px 12px 6px 0px;

}

.productPicR2 {
	float:right;
	margin: 0;
	padding: 0px 12px 0px 12px;
	text-align:center;
}
.productPicL2 {
	float:left;
	margin: 0;
	padding: 0px 12px 0px 12px;
	text-align:center;
}


.prodnostobox_top {
	width: 222px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoProdyla.gif);
	background-repeat: no-repeat;

}

.prodnostobox_mid {
	width: 222px;
	margin: 0;
	padding: 6px 0px 6px 0px;
/*	padding-top:12px;*/
	text-align:center;
	background-image:url(images/nostoProdkeski.gif);
	/*background-color: #ffffff;*/
	background-repeat: repeat-y;
}

.prodnostobox_bottom {
	width: 222px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoProdala.gif);
	background-repeat: no-repeat;
}

.prodnostobox2_top {
	width: 116px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoProdyla2.gif);
	background-repeat: no-repeat;

}

.prodnostobox2_mid {
	width: 116px;
	margin: 0;
	padding: 0px 0px 1px 0px;
	text-align:center;
	background-image:url(images/nostoProdkeski2.gif);
	/*background-color: #ffffff;*/
	background-repeat: repeat-y;
}

.prodnostobox2_mid ul li {
	text-align:left;
	margin: 0 0 -2px 6px;
/*	margin: 0;*/
	padding: 0;

}
.prodnostobox2_mid ul a {
	margin: 0 0 0 -2px;
	padding: 0;
}


.prodnostobox2_bottom {
	width: 116px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoProdala2.gif);
	background-repeat: no-repeat;
}

.prodnostobox3_top {
	width:350px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoProdyla3.gif);
	background-repeat: no-repeat;

}

.prodnostobox3_mid {
	width:350px;
	margin: 0;
	padding: 0px 0px 1px 0px;
	text-align:center;
	background-image:url(images/nostoProdkeski3.gif);
	/*background-color: #ffffff;*/
	background-repeat: repeat-y;
}

.prodnostobox3_bottom {
	width:350px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoProdala3.gif);
	background-repeat: no-repeat;
}


.prodnostobox4_top {
	width:500px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoProdyla4.gif);
	background-repeat: no-repeat;

}

.prodnostobox4_mid {
	width:500px;
	margin: 0;
	padding: 0px 0px 1px 0px;
	text-align:center;
	background-image:url(images/nostoProdkeski4.gif);
	/*background-color: #ffffff;*/
	background-repeat: repeat-y;
}

.prodnostobox4_bottom {
	width:500px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoProdala4.gif);
	background-repeat: no-repeat;
}

.prodnostobox5_top {
	width:500px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoProdyla5.gif);
	background-repeat: no-repeat;

}

.prodnostobox5_mid {
	width:500px;
	margin: 0;
	padding: 0px 0px 1px 0px;
	text-align:center;
	background-image:url(images/nostoProdkeski5.gif);
	/*background-color: #ffffff;*/
	background-repeat: repeat-y;
}

.prodnostobox5_bottom {
	width:500px;
	height: 5px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background-image:url(images/nostoProdala5.gif);
	background-repeat: no-repeat;
}


#bottomSection {
	position:relative;
	top:0px;
	left:0px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

#sideBar {
	float: left;
	width: 214px;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
}


#contentColFront {
	float:left;
	width: 570px;
	margin:0;
	font-size:0px;
	padding:0px 0px 0px 12px;
/*	margin-bottom:12px; HUOM! Tämä OK, jos normaali kuva*/
	margin-bottom:2px;
	text-align:left;
}

#contentFront {
	margin:0;
	padding:0;
	margin-top:3px;
}

#contentFrontText {
position: absolute;
top: 50px;
right: 55px;
width: 355px;
color: #000;
font-size: 10px;
z-index: 100;
}
#contentFrontText p {
padding: 0;
margin: 0px 0 10px;
}


#contentColFrontWide {
	float: left;
	margin:0;
	padding:0px 0px 0px 45px;
	width: 750px;
}

#contentColSub {
	float: left;
	width: 500px;
	margin:0;
	padding:0;
	padding:33px 0px 0px 40px;

}

#contentSub {
	margin: 0;
	padding:0;
}

.contentHighlight {
	margin: 0 0px 0 0px;
	padding:0 12px 0 12px;
	border:solid 1px #BBBCE8;
}
.contentHighlight2 {
	margin: 0 0px 0 0px;
	padding:0 6px 0 6px;
	border:solid 1px #BBBCE8;
}

.tuoteryhma {
	clear:both;
}

.tuoteryhma h2 {
	margin:0;
	padding:0;
	margin-bottom:1em;
	padding-bottom:6px;
	border-bottom:solid 1px #BBBCE8;
}

.tuoteryhma ul {	
	margin:0;
	list-style-image: url(images/pagenavi_link_arrow.gif);
	padding: 0px 0px 12px 25px;
	/*margin-left:25px;*/
}

.tuoteryhma li {	
	margin:0;
	padding: 0px 0px 6px 0px;
}

.tuoteryhma ul li a {color: #3E338A;text-decoration: none;}
.tuoteryhma ul li a:link{color: #3E338A;text-decoration: none;}
.tuoteryhma ul li a:visited{color: #3E338A;text-decoration: none;}
.tuoteryhma ul li a:hover{color: #3E338A; text-decoration: underline;}


.muuttuotteet  {
	clear:both;
	margin:0;
	padding:14px 0px 0px 55px;
 	text-align:left;
}
.muuttuotteet img {
margin-right: 30px;
float: left;
border: 0;
margin-bottom: 10px;
}

.ProdDetail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-size: 11px;
	color: #454759;
	margin: 10px;
	padding: 0;
	width:490px;
 	text-align:left;
/*	border:solid 1px #BBBCE8; 	
	border-top:none;*/
}

td a {color: #3E338A;text-decoration: none;}
td a:link{color: #3E338A;text-decoration: none;}
td a:visited{color: #3E338A;text-decoration: none;}
td a:hover{color: #3E338A; text-decoration: underline;}

.ProdDetail2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*float:left;*/
	/*font-size: 0.8em;
	font-size: 11px;*/
	color: #454759;
	margin: 10px;
	padding: 0;
	padding: 0px 0px 6px 0px;
	width:495px;
 	text-align:left;
/*	border:solid 1px #BBBCE8;
	border-top:none;*/
}

.ProdDetail3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*float:left;*/
	/*font-size: 0.8em;
	font-size: 11px;*/
	color: #454759;
	margin: 10px;
	padding: 0;
	padding: 0px 0px 6px 0px;
	width:340px;
 	text-align:left;
/*	border:solid 1px #BBBCE8;
	border-top:none;*/
}

.ProdDetail4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-size: 10px;
	color: #454759;
	margin: 0px;
	padding: 0;
	width:480px;
 	text-align:left;
/*	border:solid 1px #BBBCE8; 	
	border-top:none;*/
}

.eCard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*float:left;*/
	/*font-size: 0.8em;*/
	font-size: 11px;
	color: #454759;
	margin: 10px 10px 10px 10px;
	padding: 0;
	padding: 0px 0px 0px 0px;
	width:500px;
 	text-align:left;
}

.eCard p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454759;
 	text-align:left;
}

.eCard2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454759;
 	text-align:left;
}

.eCard2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*float:left;*/
	/*font-size: 0.8em;
	font-size: 11px;*/
	color: #454759;
	margin: 20px 20px 20px 20px;
	padding: 0;
/*	padding: 20px 0px 6px 150px;*/
	width:550px;
 	text-align:left;
/*	border:solid 1px #BBBCE8;*/
}


#footer {
	background-color: #E1E7F5;
	clear: both;
	float:none;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;	
	color:#B2BDD6;
	width: 100%;
}

.contactInfo {
	margin: 0;
	padding: 40px 0px 10px 55px;
	text-align:left;
	/*margin-top:20px;*/
}

.avainlippuFront {
	clear: left;
	float:right;
	text-align:right;
	display:inline;
	padding: 0px 50px 0px 0px;
	position:relative;
	top:-38px;
}

.avainlippu {
	clear: both;
	float:right;
	padding: 10px 50px 0px 0px;
}


/* SISALTOSIVUT */
#bottomSectionSub {
	background-image:url(images/middlesection_bg_sub.jpg);
	background-repeat:repeat-y;
}

/***********************************************/
/* Components                                  */
/***********************************************/