/* Tags */
HTML {
 	overflow: -moz-scrollbars-vertical; /* for FX vertical moving if scrollbar is shown */
	margin-top: 0px; /* for FX */
	margin-top: 7 px; /* for IE6 */
	position: relative;
}
table, tr, td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
/*	border-collapse: collapse;*/
}
body {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #333333;
	width: 885px;
}
form {
}
input, select, textarea, td	{
	color: #333333;
	font: 12px Arial, Helvetica, sans-serif;
}
a:link, a:active, a:visited, a:link font, a:active font, a:visited font  {
	color: #666666;
	text-decoration: none;
}
a:hover, a:hover font {
	color: #000000;
	text-decoration: underline;
}
a img {
	border-width:  0px 0px 0px 0px;
}
p { 
	text-align:left;
}
#richtext_narrow p { 
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
.content ul {
	list-style: none;
}
.content li {
	padding: 0px;
	background-image: none;
/*	background: url(file/bullet_arrow/$file/bullet_arrow.gif) 0px 5px no-repeat; */
}
/* IDs */
#page {
	clear: both;
	position:relative;
	width: 897px;
}
#iFrame{
	width: 897px;
	height: 900px;
}
#top_fi, #top_en,#top_se {
	vertical-align: bottom;
	width: 895px;
	padding: 9px 0px 3px 0px;
	height: 30px;
}
#bottom_lang{
	visibility: hidden;
	float: right;
	width: 140px;		
}
#bottom_lang ul		{float: right;}
#bottom_lang li		{padding: 0px 0px 0px 0px;}
#general_se #bottom_lang .tool1	{background-image: url(file/lang/$file/svenska.gif); width: 65px;}
#general_se #bottom_lang .tool2	{background-image: url(file/lang/$file/in_english.gif); width: 47px;}
#general_se #general_lang .tool1	{background-image: url(file/lang/$file/svenska.gif); width: 65px;}
#general_se #general_lang .tool2	{background-image: url(file/lang/$file/in_english.gif); width: 47px;}
#general_en #general_lang .tool1	{background-image: url(file/lang/$file/svenska.gif); width: 65px;}
#general_en #general_lang .tool2	{background-image: url(file/lang/$file/in_english.gif); width: 47px;}
#top_left {
	margin-top: 16px;
	width: 600px;
	float: left;
	text-align: left;	
	height: 19px;
}
#top_left ul {
	display: block;	
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	height: 19px;
}
#top_left li {
	display: inline;
	height: 19px;
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	float: left;	
	margin-right: 17px;
}
#top_left  ul li a {
	overflow: hidden;
	height: 19px;			
	float: left;
	margin: 0px 0px 0px 0px;
	display: block;	
	background-repeat: no-repeat;
	color: #fff;
	text-align: right;
	font-size: 1%;
}
#top_left a.navi {
	overflow: hidden; 
	height: 19px;
}
#top_left a.navi:hover img { 
	margin-top : -19px;
}
#top_left a.navi img.hilight { 
	margin-top : -19px;
}
#top_left span	{
	display: none;
}
/* for IE6 */
#top_left a:hover, #top_left a.hilight {
	background-position: 0px -0px;
}
#top_logo{
	width: 50px;
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
}
.search_query {
	border: solid 1px #888888;
}
#main_wide, #main_narrow {
	clear: both;
	float: left;
	position: relative;
	margin-top: 1px;
	width: 897px;
}
#main_wide {
}
#main_narrow {
}
#center {
	text-align: left;
	height: 400px; /* 'cos IE doesn't know min-height */
}
#campaign	{
	float: left;
	margin-right: 5px;
	height: 460px;
	margin-bottom: 0px;	
}
#campaignrighttop	{
	float: right;
	height: 150px;
	width: 220px;
	margin-bottom: 5px;
	margin-top: -2 px;
}
#campaignrightbottom	{
	float: right;
	height: 305px;
	width: 220px;
}
#storepic {
	float: right;
	height: 305px;
	width: 220px;
	margin-right: 5px;
	margin-right: 3 px;
}
#contentleft	{
	float: left;
	width: 445px;
	margin-right: 5px;
}
#contenttext {
	float:left;
	width:100%;
}
#contentright	{
	float: left;
	width: 220px;
}
#banner {
	float: left;
	/* for IE6 */
	margin-right: -5px;
}
#frontpageMainImage	{
	z-index:-1;
}
#bannerslot	{
	float: left;
	margin-right: 5px;
	width: 220px;
	height: 150px;
}
#contentrighttext 	{
	float: right;
	width: 220px;	
	margin-top: 62px;
	padding: 0px 0px 5px 0px;
	
}
#contentslottop	{
	float: right;	
	width: 220px;
	height: 150px;
}
#contentslot	{
	float: right;	
	width: 220px;
	height: 150px;
	margin-top: 5px;
}
#StoreContent{
	width: 675px;
	float: left;
	/* for IE6 */
	margin-right: -5 px;
}
#StoreSlot	{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 220px;
	height: 70px;
	border: solid #666666 0px;
}
#ProductImage {
	height:420px; 
	width:445px;
	float: left;
}
#hovertext {
	position:relative;
	width: 400px;
	height: 100px;
	left:20px;
	top:-10px;	
	margin-bottom: -100px;
	z-index:1;
}
#panel {
	float: left;
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
#main_wide #panel {
	width: 895px;
}
#main_narrow #panel {
	width: 675px;
}
#image {
	position: relative;
	float: left;
}
#stores {
	float: left;
	width: 445px;
	height: 305px;
	text-align: left;
	overflow: auto;
}
#stores ul {
	float: left;
	margin-left: 0px;
	text-align: left;
}
#top_right  input {
	float: right;
	width: 174px;
	height: 17px;
	margin-top: 1px;	
}
#top_right  a.search_button span {
	display: none;	
}
#top_se  a.search_button {
	width: 46px;
	height: 18px;
	background-image: url(file/sok/$file/sok.gif); 	
	background-repeat: no-repeat;
	color: #fff;	
	display: block;
	float: right;
}
#top_en  a.search_button {
	width: 46px;
	height: 18px;
	background-image: url(file/sok/$file/search.gif); 	
	background-repeat: no-repeat;
	color: #fff;	
	display: block;
	float: right;
}
#ingress {
	width: 100%;
	border-top: 5px solid #fff;
	padding: 20px 20px 20px 20px;
	height: 60px;
	
}
#ingress_left {
	width: 400px;
	float: left;
}
#ingress_right {
	width: 400px;
	float: right;
}

#ingress_right ul {
	color: #666666;
	margin: 0px;
	list-style: none;
}

#ingress_right ul li {
	padding: 0px;
	background-image: none;
}

#ingress_right ul li {
/*	background: url(file/bullet_arrow/$file/bullet_arrow.gif) 0px 5px no-repeat; */
	padding: 0px 0px 3px 15px;
}
#tablewareImages {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	border-width:  0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#product_test{
	margin-top:36px;
}
#product {
	/*height: 60px;*/
	position: absolute;
	height: 36px;
	width:885px;
	top: 300px;
	background-color:rgb(243,243,243);	
}
#product_swfa {
	/*height: 60px;*/
	position: absolute;
	height: 36px;
	width:885px;
	top: 348px;
	background-color:rgb(243,243,243);
}
#product_swf {
	/*height: 60px;*/
	position: absolute;
	height: 36px;
	width:885px;
	top: 300px;
	background-color:rgb(243,243,243);
}
#subproduct {
	height: 120px;
	position: relative;
	background: url(file/astiasarjat_navigation/$file/productheader_bg.gif) top left no-repeat;
}
#product_title {
	clear:both;
	position: absolute;
	top: 20px;
	margin-left: 20px;
}
#product_navi {
	top: 4px;
	position: absolute;	
	height: 23px;
}
#product #product_navi {
	bottom: 0px;
	height: 33px;
}
#subproduct #product_navi {
	top: 79px;
}
#product_navi_en {
	position: absolute;
	height: 23px;
}
#product #product_navi_en {
	bottom: 0px;
	height: 33px;
}
#subproduct #product_navi_en {
	top: 79px;
}
#product_storelink {
	position: absolute;
	/*height: 30px;*/
	/*top: 299px;*/
	top: 1px;
	margin-left: 705px;
}
#product #product_storelink {
	/*top: 296px;*/
}
#subproduct #product_storelink {
	top: 76px;
}

#product_navi ul, #product_storelink ul {
	margin: 4px 0px 0px 22px;
	margin-left: 11px;
	padding: 0px;
	float: left;
	list-style: none;
}
#product_navi_en ul{
	margin: 4px 0px 0px 22px;
	margin-left: 11px;
	padding: 0px;
	float: left;
	list-style: none;
}


#product_navi li, #product_storelink li {
	display: inline;
	list-style: none;
	height: 23px;
	float: left;
	padding: 0px 0px 0px 0px;
}

#product_navi_en li{
	display: inline;
	list-style: none;
	height: 23px;
	float: left;
	padding: 0px 0px 0px 0px;
}

#product_navi a, #product_storelink a {
	width: 138px;
	float: left;
	display: block;
	height: 23px;
	background-repeat: no-repeat;
	color: #f5f5f5;
	text-align: right; 
	font-size: 1%;
}
#product_navi_en a{
	width: 168px;
	float: left;
	display: block;
	height: 23px;
	background-repeat: no-repeat;
	color: #f5f5f5;
	text-align: right; 
	font-size: 1%;
}
#product_storelink a {
	width: 150px;
	height: 26px;
}

#product_navi a:hover, #product_navi a.selected { background-position: 0px -23px;}

#product_storelink a:hover, #product_storelink a.selected { background-position: 0px -26px;}

#product_title span, #product_navi span, #product_storelink span {display: none;}

#link {
	position: relative;
	width: 100%;
}
#selection {
	position: relative;
	display: block;
	float: left;
	clear: both;
	background: #fff;
	border: 0px solid #fff; 
	margin-top: 0px;
}
#selectionheader {
	float: left;
	width: 585px;	
	height: 40px;
	margin-top: 15px;
}
#main_wide #selection {
	width: 884px; /* compromise between 883px of IE and 885px of FX */
}
#main_narrow #selection {
	width: 675px;
}
#main_narrow #selection_left {
	width: 130px;
	float: left;				
}
#main_narrow #selection_left_border {
	width: 130px;
	float: left;
	border-right: 1px solid #888888;	
}
#main_narrow #selection div.product_list {
	font-size: 9px;
	background:  url('file/vara_produkter_pil/$file/pil.gif');
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 152px;
	padding: 0px 0px 0px 0px;
}
#main_narrow #selection div.product_list span {
	text-align: center;
 }
#main_narrow #selection_right {
	
/*	border-left: 1px solid #888888; */
	float: left;
	width: 540px;
	height: 450px;
	padding: 0px 2px 0px 2px;
}
#main_narrow #selection_right_border {	
	border-left: 1px solid #888888;
	float: left;
	width: 540px;	
	padding: 0px 2px 0px 2px;
}
#selection a {
	text-decoration: none;
}
#selection ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	list-style: none;	 
}

#selection li {
	background-image: none;
	float: left;
	padding: 0px 0px 0px 0px;	
	display: inline;	 
	width: 125px;
}

.spacer {
	height: 5px;
	background-color: #fff;
	font-size: 5px;
	line-height: 5px;
	clear:both;
	width: 100%;
}
#main_narrow .spacer {
	width: 663px;
}
#image_table {
}
#image_table ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#image_table ul li {
	float: left;

	background-image: none;
	display: inline;
	padding: 0px 4px 4px 0px;
	width: 217px;
	height: 207px;
}
#image_table ul li img {
	width: 217px;
	height: 207px;
}
#image_table ul li img {
}
#image_table .note {
	position: relative;
	float: left;
	top: -40px;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 10px 0px 10px;
	width: 180px;
	line-height: normal;
}

#image_table .note span  {
	background: url(file/astiasarjat_osat_ja_varit/$file/note_bg_right.gif) top right no-repeat;
	color: #fff;
}

#image_table .note span span	{
	padding: 0px 5px 2px 5px;
	background: transparent url(file/astiasarjat_osat_ja_varit/$file/note_bg_left.gif) no-repeat;
}

#image_table .info {
	position: relative;
	float: left;
	top: -40px;
	margin: 0px 13px 0px 13px;
	width: 180px;
	height: 32px;
}
#richtext {
	float: left;
	padding:  12px 0px 20px 0px;
	text-align: left;
	
}
#richtext_narrow {	
	float: left;
	padding:  12px 20px 20px 0px;
	text-align: left;
	width: 445px;
}
#main_narrow #content {
	width: 672px;
}
#richtext ul {
	margin-left: 0px;
	padding:  0px 0px 0px 0px;
}
#richtext ul li {
	list-style: none;
}
#richtext ul li span {	
	margin-left: 0px;
}
#content {		
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	align:left;
	float:left;
}
#main_wide #richtext {
	float: left;
	width: 885px;
}
#main_narrow #richtext {
	float: left;
	width: 633px;
}
#main_wide #richtext_narrow {
	float: left;
	width: 548px;
}
#main_wide #more {
	width: 297px;
	height: 227px;
	float: right;
	background: #f4f4f4 url(file/background/$file/teaser_bg.gif) bottom left no-repeat;
}
#main_wide #more #more_image {
	height: 207px;
	width: 298px;
	float: left;
	padding: 1px 0px 0px 6px;		
}
#main_wide #more #more_text {
	padding: 15px 0px 0px 25px;
	float: left;
	
}
/* Old for #more#more_text
	height: 227px;
	padding: 15px 0px 0px 25px;
*/
#more_text ul  {
	padding: 0px 0px 5px 0px;
	border-width: 0px 0px 0px 0px;
}
#more_text li {
/*	background: url(file/bullet_arrow/$file/bullet_arrow.gif) 0px 5px no-repeat; */
	padding: 2px 0px 2px 15px;
	line-height: 12px;
	list-style: none;
}
#main_narrow #more {
	height: 227px;
	width: 222px;
	float: right;
	background: #f4f4f4 url(file/background/$file/teaser_bg_inspiration.gif) bottom left no-repeat;
}
#main_narrow #more #more_text {
	padding: 15px 0px 0px 25px;
	float: left;
	
}
#main_narrow #richtext_narrow {
	float: left;
	width: 450px;
}
#right {
	float: right;
	clear: both;
	width: 220px; 
	height: 460px;
	color: #666666; 
	border-width:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-image: url(file/menu_bg/$file/menu_bg.gif);
	background-repeat: no-repeat;
}
#right select{
	width: 185px;
}
#right ul	{
	padding: 19px 15px 0px 15px;
	color: #666666;
	margin: 0px;
	list-style: none;
}
#right ul li {
	padding: 0px;
	background-image: none;
}
#right li.sub {
	padding-left: 20px;
	line-height: 5px;
}
#right ul h1 {
	font-size: 18px;
	padding: 0px 0px 2px 0px;
}
#right ul ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
#right ul ul li	{
/*	background: url(file/bullet_arrow/$file/bullet_arrow.gif) 0px 5px no-repeat; */
	padding: 0px 0px 9px 0px;
}
#right ul .selected	{
	font-weight: bold;
}
#right h1	{
	font-size: 18px; 
	width: 187px; 
	margin: 0px 0px 0px 0px;
}
#map {
	float: left;
	position:relative;
}
.column {
}

ul.sitemapColumn {
	padding:  0px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 200px;
}
#sitemap ul {
	list-style: none;
}

#sitemap ul ul {
	display: inline;
	margin: 0px 10px 25px 0px;
	list-style: none;
}

#sitemap li {
	padding: 0px;
	margin: 0px;
}

#sitemap h2 {
	margin: 0px; 
	background:none;
}
#sitemap strong {
	color: #666666;
}
#general_fi, #general_en, #general_se {
	float:left;
	width: 898px;
	height: 130px;
	border-top:solid 1px #888888;
	margin-top: 5px;
}
#general_fi ul,#general_se ul, #general_en ul	{margin: 0px; padding: 0px; list-style: none; height: 18px;}
#general_fi li,#general_se li, #general_en  li	{background-image: none; display: inline; float: left;}
#general_fi a,#general_se a, #general_en  a	{display: block; 	height: 18px; background-repeat: no-repeat;}
#general_fi span,#general_se span, #general_en span	{display: none;}
#general_link		{float: left; padding: 18px 0px 16px 0px; width: 600px;}
#general_link li		{padding: 0px 14px 0px 0px;}
#general_fi #general_link .tool1	{background-image: url(file/navigation_fi/$file/toolnavi1.gif); width: 87px;}
#general_fi #general_link .tool2	{background-image: url(file/bottom_navi/$file/2007.gif); width: 30px;}
#general_fi #general_link .tool3	{background-image: url(file/bottom_navi/$file/pul.gif); width: 25px;}
#general_fi #general_link .tool4	{background-image: url(file/bottom_navi/$file/cookies.gif); width: 35px;}
#general_fi #general_link .tool5	{background-image: url(file/navigation_fi/$file/toolnavi5.gif); width: 50px;}
#general_fi #general_link .tool6	{background-image: url(file/navigation_fi/$file/toolnavi6.gif); width: 26px;}
#general_se #general_link .tool1	{background-image: url(file/navigation_fi/$file/toolnavi1.gif); width: 87px;}
#general_se #general_link .tool2	{background-image: url(file/bottom_navi/$file/2007.gif); width: 38px;}
#general_se #general_link .tool3	{background-image: url(file/bottom_navi/$file/pul.gif); width: 18px;}
#general_se #general_link .tool4	{background-image: url(file/bottom_navi/$file/cookies.gif); width: 35px;}
#general_se #general_link .tool5	{background-image: url(file/navigation_fi/$file/toolnavi5.gif); width: 50px;}
#general_se #general_link .tool6	{background-image: url(file/navigation_fi/$file/toolnavi6.gif); width: 26px;}
#general_se #general_link .tool7	{background-image: url(file/bottom_navi/$file/iittalagroup.gif); width: 120px;}
#general_en #general_link .tool1	{background-image: url(file/navigation_en/$file/toolnavi1.gif); width: 87px;}
#general_en #general_link .tool2	{background-image: url(file/bottom_navi/$file/2007.gif); width: 38px;}
#general_en #general_link .tool3	{background-image: url(file/bottom_navi/$file/pul.gif); width: 18px;}
#general_en #general_link .tool4	{background-image: url(file/navigation_en/$file/toolnavi4.gif); width: 63px;}
#general_en #general_link .tool5	{background-image: url(file/navigation_en/$file/toolnavi5.gif); width: 50px;}
#general_en #general_link .tool6	{background-image: url(file/navigation_en/$file/toolnavi6.gif); width: 56px;}
#general_en #general_link .tool7	{background-image: url(file/bottom_navi/$file/iittalagroup.gif); width: 120px;}
#general_lang		{float: right; padding: 18px 0px 2px 0px; width: 120px;}
#general_lang ul	{float: right; width: 120px; float: right;}
#general_lang li		{padding: 0px 0px 0px 0px;}
	
#general_lang .lang1	{background-image: url(file/navigation_fi/$file/lang_fi.gif); width: 48px;}
#general_lang .lang2	{background-image: url(file/navigation_en/$file/lang_en.gif); width: 49px;}
#bottom_fi, #bottom_en,#bottom_se {
	clear: both;
	border-top: 1px solid #e8e8e8;
	width: 885px;
	color: #ccc;
}
#bottom_left {
	padding: 15px 0px 20px 0px;
	width: 400px;
	float: left;
	text-align: left;
}
#bottom_fi a, #bottom_en a,#bottom_se a {
	color: #cccccc;
}
#bottom_right {
	padding: 15px 0px 20px 0px;
	width: 400px;
	float: right;
	text-align: right;
}
/* Popup */
#popup {
	position: absolute;
	left: 0px;
	top: -10px;
	width: 400px;
	height: 490px;
	background: #fafafa url(file/background/$file/content_bg.gif) bottom left no-repeat;
}
#popup_richtext {
	width:370px;
	float:left;
	padding: 0px 15px 25px 15px;
}
#popup_logo {
	float: right;
	padding: 15px 15px 0px 0px;
}
#popup_center {
	clear: both;
	width:370px;
	margin: 0px 15px 15px 15px;
}
#popup_center input, #popup_center textarea, #popup_center select {
	width: 208px; 
	border: 1px solid #7f9db9; 
	color: #666666;
	margin-bottom: 4px;
}
#popup_left {
	width:185px;
	float:left;
	text-align:left;
}
#popup_right {	
	width:185px;
	float:left;
	text-align:left;
}
#popup_button {
	padding-top: 20px;
	float:right;
}
#alert{
	visibility: hidden;
	display: none;
	height: 52px;
	background: #fafafa url(file/yleiset_ota_yhteytta_alert/$file/alert.gif) bottom left no-repeat;
}
#feedback td {
	padding-right : 5px;
}
#feedback input, #feedback select {
	width: 400px; 
	border: 1px solid #7f9db9; 
	color: #666666;
	margin-bottom: 4px;
}
#feedback textarea {
	width: 477px; 
	border: 1px solid #7f9db9; 
	color: #666666;
	margin-bottom: 4px;
}
#popup_button .btn, #feedback .btn {
	 width: 94px;
	 height: 24px;
	 border: 0px;
	 background: #e7e7e7 url(file/button/$file/btn.gif) no-repeat;
	 font-weight: bold;
	 color: #666666;
}
#feedback .chk {
	 width: 20px;
	border-width:  0px 0px 0px 0px;
}
#fleaform {
}
#fleaform td {
	padding-right : 5px;
}
#fleaform input, #feedback select {
	width: 263px; 
	border: 1px solid #7f9db9; 
	color: #666666;
	margin-bottom: 4px;
}
#fleaform .btn {
	width: 94px;
	height: 24px;
	border-width:  0px 0px 0px 0px;
	background: #e7e7e7 url(file/button/$file/btn.gif) no-repeat;
	font-weight: bold;
	color: #666666;
}
#top_right {
	width: 221px;
	float: right;
	text-align: left;
	margin-top: 16px;	
	
}
h1 {
	font-size: 24px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	color: #666666;
	text-align:left;
}
li h1 {
	text-align:left;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding-top: 0px;
	color: #666666;
	text-align:left;
}
h3	{
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	text-align:left;
	color: #000000;
	text-align:left;
}
h4	{
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding-top: 0px;
	text-align:left;
}
#hoverbig {
	position:absolute;
	left: 0px;
	top: 220px;
	height: 230px;
	width: 350px;
	z-index: 1;	
	text-align: left;
	margin-left: 35px;
	color: #000000;
}
#hoverbig.top {
	top: 155px;
	height: 400px;
}