html, body 			{ margin: 0; padding: 0; }
body 				{ background: #fff; font: 70%/1.3em  verdana, Helvetica, helvetica, sans-serif; color: #646464;	 }

/** Headings **/
h2, h4				{ color:#858585; font-family: Arial,Helvetica,Geneva; font-size:160%; font-weight: normal; margin-top: 0; line-height: 1.1em; }
h4					{ margin-bottom: 0; padding-bottom: 0; }
h2 span				{ font-size: 80%; color: #646464 }
h3					{ color:#646464; font-family: Arial,Helvetica,Geneva; font-size:100%; font-weight: bold; margin: 15px 0 5px 0; padding: 0;  }

/** Misc **/
a:link, a:visited, a:hover, a:active	{ text-decoration: underline; color: #4F81BA; }
a:hover 			{ color: #729AC8; }
img					{ border: 0; }
p 					{ margin: 0 0 10px 0; padding: 0; }
.left 				{ float: left; }
.right 				{ float: right; }
.right-txt 			{ text-align: right; }
.arrow				{ color: #4F81BA; } /** Gives right color to link arrows **/
.arrow-black		{ color: #666; text-decoration: none; } /** Gives right color to link arrows **//*vesa*/
.underline			{ text-decoration: underline; }

.bg-grey			{ background: #f7f7f7; }
.updated			{ float: left; padding: 1px 0 0 20px; }
.padding-8			{ padding: 8px 8px 0 8px; }

/** Form elements **/
form				{ margin: 0; padding: 0; }
select				{ font-size: 11px; width: 175px; margin: 0; padding: 0; color: #666; }
.input-ecard		{ width: 179px; color: #666; }
.checkboxi			{ margin: 0 0 0 28px;  } /** "Tilaa tiedote" section**/
.tuotehaku			{ }
.tuotehaku input	{ float: left; width: 121px; height: 15px; font-size: 11px; margin: 0 5px 0 0; color: #666; }
.tuotehaku img		{ float: left; padding: 2px 0 0 0; }
.hakutulokset-haku	{ }
.hakutulokset-haku input, .hakutulokset-haku select	{ float: left; width: 121px; height: 15px; font-size: 11px; margin: 0 5px 0 0; color: #666; }
.hakutulokset-haku select	{ width: 170px; }
.hakutulokset-haku select 	{ margin: 5px 0 0 0; }
.hakutulokset-haku img		{ float: left; padding: 2px 0 0 0; }

#container			{ width: 880px; } /** Page width **/
#container table	{ font-size: 100%; } /** IE 5.x needs this to get right font size **/
#header 			{ height: 50px; width: 880px; margin: 0; padding: 0; text-align: right; background: #fff; } /** Marimekko logo is in this **/

/** Nav **/
.navi 				{ width: 880px; height: 23px; background: #fff url(../images/nav/bg.gif) top left repeat-x; } /** Top/bottom nav **/
#navi2 				{ width: 880px; height: 21px; background: #fff url(../images/nav/nav-2nd/bg-2nd.gif) top left repeat-x; } /** 2nd nav **/
#navi2-none			{ width: 880px; height: 21px; background: #fff url(../images/nav/nav-2nd/bg-none.gif) top left repeat-x; } /** when there is mo 2nd nav **/

ul#navi-3rd			{ margin-left: 0; padding: 0; line-height: 1.2em; }
ul#navi-3rd li		{ margin-bottom: 5px; list-style: none;  }
ul#navi-3rd ul		{ margin-left: 15px; padding: 5px 0 0 0; }

#lifestyle			{ background: #fff; width: 880px; height: 440px; clear: both; } /** Flash in front page comes here **/
#lifestyle2			{ background: #fff; width: 880px; clear: both; padding: 12px 0 38px 0; } /** Content with tables etc comes inside this **/
#lifestyle3			{ background: #fff; width: 880px; clear: both; padding: 12px 0 38px 0; } /** Content with tables etc comes inside this **/

/** Used in front page(s) (pages that has flash) text content comes inside this **/
#content 			{ width: 438px; height: 134px; background: #f3f4f4; color: #383838; padding: 26px 26px 0 56px; line-height: 1.5em; }
#content p			{ font-size: 100%; }

/** Used im fronpage. 1,2,3 flash lift-ups are inside this **/
#sidebar 			{ width: 360px; margin: 0; padding: 0; height: 160px; text-align: right; }

.left-side			{ padding: 18px 28px; width: 308px; line-height: 1.5em; } /** Used in Designers pages, they have wide left side **/
.left-side-wide		{ padding: 18px 28px; width: 316px; line-height: 1.5em; } /** Used in Press release pages, they have wide left/middle side **/
.left-side-narrow	{ padding: 21px 39px 21px 28px; width: 185px; line-height: 1.5em; } /** Used in pages with dropdown menu (products etc) in left side **/
.left-side-narrow p	{ line-height: 1.2em; }
.left-side-narrow-txt	{ padding: 18px 28px; width: 182px; line-height: 1.4em; } /** Used in pages with text only (history etc) **/

/** txt content (designers txt content etc)**/
.txt-section1		{ background: #f7f7f7; padding: 25px 29px 15px 26px; width: 230px; }
.txt-section2		{ background: #f7f7f7; padding: 25px 30px 15px 0; width: 229px; }

/** txt content with box in right side and text in the "grey box" (products pages etc) **/
.txt-section1-narrow, .txt-section1-narrow2 { background: #f7f7f7; width: 188px; padding: 20px 0 20px 14px; }
.txt-section1-narrow2 { padding-right: 16px; }
.txt-section1-wide, .txt-section1-wide2	{ background: #f7f7f7; width: 624px; padding: 20px 10px 20px 14px; height: 17px; }/*vesa*/
.txt-section1-wide2	{  width: 410px; }
.txt-section1-wide img	{ float: left; }
.txt-section1-wide-box	{ background: #f7f7f7; width: 638px; padding: 0; }
.txt-section2-wide	{ background: #f7f7f7; width: 437px; }

/** Box includes product shots etc **/
.box				{ }
.box-top			{ background: transparent url(../images/shadow_top.gif) bottom left no-repeat; width: 437px; height: 14px; }
.box-bottom			{ background: transparent url(../images/shadow_bottom.gif) top left no-repeat; width: 437px; height: 14px; }
.box-left			{ background: transparent url(../images/shadow_left.gif) top right repeat-y; width: 22px; }
.box-right			{ background: transparent url(../images/shadow_right.gif) top left repeat-y; width: 22px; }
.box-content		{ border: 2px solid #fff; width: 404px; height: 404px; }
.box-content table.grid td { height: 134px; width: 134px; text-align: center; background: #f3f3f3; } 
.box-content table.grid td.row-top-1 { border-bottom: 1px solid #fff; border-right: 1px solid #fff; } 
.box-content table.grid td.row-top-2 { border-bottom: 1px solid #fff; border-right: 1px solid #fff; } 
.box-content table.grid td.row-top-3 { border-bottom: 1px solid #fff; } 
.box-content table.grid td.row-middle-1 { border-bottom: 1px solid #fff; border-right: 1px solid #fff; } 
.box-content table.grid td.row-middle-2 { border-bottom: 1px solid #fff; border-right: 1px solid #fff; } 
.box-content table.grid td.row-middle-3 { border-bottom: 1px solid #fff; } 
.box-content table.grid td.row-bottom-1 { border-right: 1px solid #fff; } 
.box-content table.grid td.row-bottom-2 { border-right: 1px solid #fff; } 
.box-content table.grid td.row-bottom-3 { }
.box-pagenumbers	{ background: transparent url(../images/bg_page_numbers.gif) top left repeat-x; height: 27px; }
.box-numbers		{ text-align: center; width: 100%; font-size: 120%; letter-spacing: 0.2em; color: #A2A2A2; }
.box-numbers span	{ color: #373737; }
.box-info			{  }
.box-info-pic		{ text-align: center; height: 322px; background: #f3f3f3; }
.box-info-txt		{ height: 60px; background: #fff; padding: 11px 13px; }
.box-info-txt p.left, .box-info-txt p.right { margin: 0px 0 0 0; padding: 0; }
.box-info-kuosi		{ background: #ECEDEE; width: 80px; border-left: 1px solid #fff;  }
.box-wide			{ background: #fff; width: 599px; }
.box-wide-top		{ background: transparent url(../images/shadow_top_wide.gif) bottom left no-repeat; height: 12px; }
.box-wide-bottom	{ background: transparent url(../images/shadow_bottom_wide.gif) top left no-repeat; height: 12px; }

.box-wide2			{ background: #fff; width: 617px; }
.box-wide2-paddings	{ padding: 9px 9px 9px 13px; } /** used in "Tilaa tiedote" section **/

/** These two are used in Pörssitiedotteet/Taloudellinen kehitys etc **/
.box-header			{ background: #F0F0F0; height: 21px; border: 1px solid #fff; padding: 0 0 0 8px; }
.box-header-right	{ border-left: 1px solid #fff; padding: 0 8px 0 8px; }

/** "Ajankohtaista" section **/
.uutinen			{ padding: 9px 9px 9px 13px; }
.uutinen img		{ padding: 0 0 0 106px; }
.uusimmat			{ width: 602px; height: 19px; background: #F0F0F0; display: block; font-weight: normal; padding: 2px 0 0 13px; border: 1px solid #fff; }
.uusimmat 			{ \width: 617px; w\idth: 602px; } /** IE 5.x fix (will use 617px width) **/

.ecard				{ width: 599px; margin: 15px 16px 16px 3px; }
.tabular-data		{ background: #F0F0F0; height: 42px; border: 1px solid #fff; }
.tabular-data td	{ border: 1px solid #fff; padding: 0 8px 0 8px; }
.tabular-data tr.color { background: #fff; }
.tabular-data-left	{ background: #F0F0F0; height: 21px; padding: 0 0 0 8px; border: 2px solid #fff; border-right: 1px solid #fff; color: #7e7e7e; }
.tabular-data-right { background: #F0F0F0; height: 21px; padding: 0 0 0 8px; border: 2px solid #fff; border-left: none; color: #7e7e7e; }

/** Tuotehaku **/
.search-icon		{ background: #f3f3f3; height: 66px; width: 67px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }

/** Tuotekortti **/
.tuotekortti-vasen			{ padding: 0 15px 30px 0; font-family: Arial, Helvetica, sans-serif; }
.tuotekortti-oikea-pysty	{ text-align: left; margin: 10px 0 30px 82px; font-family: Arial, Helvetica, sans-serif; font-size: 90%; }
.tuotekortti-oikea-vaaka	{ text-align: left; margin: 10px 0 30px 17px; font-family: Arial, Helvetica, sans-serif; font-size: 90%; }

/** MYYMALAHAKU 2006-11-22 **/

#shopSearchDescription	{
	margin: 20px 0px 20px 0px;
	width: 638px;
}

#shopSearchDescription p.title	{
	margin-bottom: 25px;
}

#shopSearchDescription td.description	{
	vertical-align: top;
	padding: 0px 40px 20px 15px;
}

#shopSearchDescription td.img	{
	padding: 0px 15px 20px 0px;
	vertical-align: top;
}

#shopSearchDescription td.img p	{
	margin: 0px 0px 15px 0px;
}

#shopSearchResults	{
	margin-bottom: 20px;
}

#shopSearchResults td	{
	vertical-align: top;
	padding: 0px 40px 20px 15px;
}

#shopSearchResults .category	{padding-top: 20px; padding-bottom: 25px;}
#shopSearchResults .shopName	{padding-bottom: 0px;}
#shopSearchResults h3			{margin: 0px 0px 5px 0px;}
#shopSearchResults h5			{padding-top: 0px; padding-bottom: 0px; margin: 0px 0px 0px 0px;}

.dgitem input 
{
	width : 600px;
}

/** WSSFormTool 06.11.2007 **/
.titleLong	{}
.txtLong	{width: 385px; display:block;}
.areaLong	{width: 385px; display:block;} 

#lifestyle2 IFRAME
{
	 padding-left: 13px;
}