/*
	CUSTOMER SPECIFIC CLASSES

	Tämä tiedosto on asiakaskohtainen. Tänne voi laittaa ihan mitä vaan stylejä haluaa
	PAITSI
	stylet h1, h2, h3, h4, h5, h6, p, ol, li, a jotka tulevat tideostoon components.css.

	HUOM!
	Muista määritellä input ja select stylet.
*/

/************************* GENERAL *************************************/
	body
	{
		font-family: Arial, Helvetica, sans-serif;
		padding: 0px;
		margin: 0px;
		background: #ffffff;
	}
	tbody {
		padding: 0px;
		margin: 0px;
	}
	
	textarea, input, select
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #000000;
		padding: 0px;
		margin: 0px;
		vertical-align: middle;
	}
	.right_header {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px;
		text-align: left;
		font-weight: bold;
		color: #000000;
		display: block;
	}
	
	img.icon {
		border: 0px;
		vertical-align: middle;
		margin-right: 5px;
		padding: 0px;
		line-height: 6pt;
	}
	img.dotline {
		margin-left: 0px;
		margin-right: -20px;
	}
	
	
	.small_text, .small_text *, .small_text:visited {
		font-size: 10px;
	}
	.blue_text {
		color: #37637d;
	}
	.orange_text {
		color: #996600;
	}
	.light_text {
		color: #666666;
	}
	.bold_text {
		font-weight: bold;
	}
	.valiotsikko {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		color: #996600;
	}
	a:link, a:active, a:visited {
		font-size: 8pt;
		color: #996600;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
/*********************** / GENERAL *************************************/

/**************************** PATH *************************************/

	.path, a.path, a.path:link, a.path:visited
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 11px;
		color: #996600;
		padding: 0px;
		text-decoration: none;
	}
	
	a.path:hover { text-decoration: underline; }
	
	table#customer_path {
		margin-top: 1px;
		width: 462px;
	}

/************************** / PATH *************************************/

/**************************** CONTENT **********************************/
	table.content_with_dropshadow {
		width: 882px;
		background: url(/images/customer/bkgrnd_content.gif) white;
		background-repeat: repeat-y;
	}
	table.wide_content_with_dropshadow {
		width: 882px;
		background: url(/images/customer/bkgrnd_wide_content.gif) white;
		background-repeat: repeat-y;
	}
	table.frontpage_content_with_dropshadow {
		width: 882px;
		background: url(/images/customer/bkgrnd_frontpage.gif) white;
		background-repeat: repeat-y;
	}	
	td.content {
		width: 846px;
		padding: 0px;
		padding-right: 18px;
		padding-left: 18px;
	}
	td.wide_content {
		width: 839px;
		padding: 0px;
		padding-right: 25px;
		padding-left: 18px;
	}
/************************** / CONTENT **********************************/


/*************************** TOP NAVIGATION ****************************/
	div.paavalikko {
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		height: 21px;
		padding: 0px; margin: 0px;
		background: #ffcc00;
	}
	div.paavalikko_sisa {
		border-top: 1px solid #FFFF99;
		border-bottom: 1px solid #CC9900;
		height: 19px;
		padding: 0px; margin: 0px;
		
		background: #ffcc00;
	}
	div.paavalikko_sisa span {
		height: 10px;
	}
	
	a.paavalikko, a.paavalikko:visited, a.paavalikko:active {
		font-size: 11px;
		color: black;
		font-family: Verdana, Helvetica, sans-serif;
	}
	
	a.paavalikko_act, a.paavalikko_act:visited, a.paavalikko_act:active {
		font-weight: bold;
		font-size: 11px;
		color: black;
		font-family: Verdana, Helvetica, sans-serif;
	}
	
	td.paavalikko {
		padding-left: 3px; padding-right: 3px;
	}
	td.paavalikko_act {
		background: white;
		height: 19px;
		padding-left: 3px; padding-right: 3px;
		border-left: 1px solid black;
		border-right: 1px solid black;
	}
/************************** / TOP NAVIGATION ****************************/

/*************************** LEFT NAVIGATION ***************************/

	div.left_nav {
		padding-top: 0px;
		font-size: 11px;
		font-family: Verdana, Helvetica, sans-serif;
	}
	div.left_nav_title {
		width: 189px;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #666666;
		background: #FFEDA5;
		height: 22px;
		padding: 0px;
		margin: 0px;
	}
	div.left_nav_title div {
		left: 10px;
		top: 3px;
		height: 20px;
		position: relative;
		padding-right: 10px;
	}
	/*********************** LEVEL 1 ***********************/
		.left_nav_lvl1_arrow
		{
			font-weight: bold;
			color: #37637D;
			padding: 0px;
		}		
		
		.left_nav_lvl1
		{
			font-weight: bold;
			color: #333333;
			line-height: 12px;
			padding-right: 0px;
			padding-bottom: 2px;	
			padding-top: 8px;
			padding-left: 0px;
		}		
		
		
		
		a.left_nav_lvl1, a.left_nav_lvl1:visited, a.left_nav_lvl1:link
		{
			line-height: 12px;
			font-size: 11px;
			font-weight: bold;
			color: #333333;
		}
		a.left_nav_lvl1:hover, .active, .active:visited { 
			text-decoration: underline;	
		}
	
	/********************* / LEVEL 1 ***********************/
	
	/*********************** LEVEL 2 ***********************/
		.left_nav_lvl2
		{
			font-size: 11px;
			color: #333333;
			line-height: 12px;
			padding-right: 0px;
			padding-bottom: 0px;	
			padding-top: 4px;
			padding-left: 0px;
			margin: 0px;
		
		}
		.left_nav_lvl2_bullet
		{
			font-size: 10px;
			color: #000000;
			line-height: 11px;
			padding: 0px;
			margin: 0px;
		
		}
		
		a.left_nav_lvl2:link, a.left_nav_lvl2:visited
		{
			font-size: 10px;
			color: #333333;
			line-height: 11px;
			padding: 0px;
		}
		a.left_nav_lvl2:hover {	text-decoration: underline;	}
		
	/********************* / LEVEL 2 ***********************/
	
	/*********************** LEVEL 3 ***********************/
		.left_nav_lvl3
		{
			font-size: 11px;
			color: #996600;
			padding-right: 2px;
			padding-bottom: 0px;
			padding-top: 4px;
			padding-left: 0px;
			margin: 0px;
		}

		a.left_nav_lvl3:link, a.left_nav_lvl3:visited
		{
			font-size: 10px;
			color: #996600;
			padding: 0px;
		}
		a.left_nav_lvl3:hover {	text-decoration: underline;	}
		
		.left_nav_lvl3_bullet
		{
			font-size: 11px;
			color: #996600;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-top: 4px;
			padding-left: 0px;
			margin: 0px;
		}
		
	/********************* / LEVEL 3 ***********************/
	
	/*********************** LEVEL 4 ***********************/
		.left_nav_lvl4
		{
			font-size: 10px;
			color: #666666;
			line-height: 12px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-top: 4px;
			padding-left: 0px;
			margin: 0px;
			margin-left: 0px;
		}
		
		
		
		a.left_nav_lvl4:link, a.left_nav_lvl4:visited
		{
			font-size: 10px;
			color: #666666;
			line-height: 11px;
			padding: 0px;
		}
		a.left_nav_lvl4:hover {	text-decoration: underline;	}

	/*********************** / LEVEL 4 ***********************/

/************************** /LEFT NAVIGATION ***************************/

/******************************** FRONT PAGE ***************************/

	.hoist_pvm
	
	{
		font-size: 8pt;
		line-height: 9pt;
		margin: 0px;
		color: #666666;
		padding: 0px;
	}


	
	
	a.poweredby:link, a.poweredby:visited
	{	
		text-decoration: none;	
		color: #999999;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 12px;
		margin: 0px;	
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	
	
	a.poweredby:hover 
	
	{
	text-decoration: underline;
	}


/****************************** / FRONT PAGE ***************************/


/****************************** CENTER CELLS ***************************/
	.ingres_pad
	{
	
		padding-top: 10px;
		padding-right: 370px;
		padding-bottom: 10px;
		padding-left: 0px;
	}
	
	.rightblock
	{
		font-size: 11px;
		color: #000000;
		line-height: 11px;
		padding-right: 0px;
		padding-bottom: 4px;	
		padding-top: 4px;
		padding-left: 0px;
	}
	.righttd
	{
		padding-right: 0px;
		padding-bottom: 10px;	
		padding-top: 10px;
		padding-left: 0px;
		margin-left: 0px;
	}
	td.content_left {
		width: 190px;
		padding: 0px;
	}
	td.content_center {
		width: 464px;
		padding-left: 1px;
		padding-right: 1px;
	}
	td.wide_content_center {
		width: 586px;
		padding-left: 1px;
		padding-right: 1px;
	}
	div.content_center {
		padding: 15px 11px 15px 15px;
		padding-top: 0px;
		font-size: 8pt;
	}
	.content_right {
		padding: 0px;
		padding-top: 15px;
		margin: 0px;
		font-size: 8pt;
		line-height: 6pt;
		position: relative;
		/*left: -1px;*/
		width: 190px;
	}
	.content_right a {
		font-size: 8pt;

	}
	table.upper_right {
		background: #FFF5CC;
		border: 1px solid black;
		border-left: 0px;
		border-right: 0px;
		padding: 0px;
		color: #000000;
		font-family: verdana, sans-serif;
		font-size: 10px;
		margin-bottom: 15px;
		width: 190px;
	}

	table.upper_right div.htmlarea a { display: block; margin: 1px 0 1px 4px; padding-left: 15px; background: url('/images/icon_externallink.gif') left no-repeat; }
	
	.leftblock
	{
		font-size: 11px;
		color: #333333;
		line-height: 11px;
		padding: 0px;
	}
	
/**************************** / CENTER CELLS ***************************/

.separator_line {
	margin-top: 10px;
	margin-bottom: 10px;
}
.quicklinks {
	margin: 10px;
	margin-top: -10px;
	margin-right: 0px;
	padding-left: 5px;
}


.footer
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	
	margin: 0px;
	padding: 0px;
	padding-left: 8px;
}

/* Yleensä käytetty oikeassa laidassa, kun ei haluta tyhjää ympärille */
table.no_pad {
	padding: 0px;
	margin: 0px;
}


/* Tämä on oikean laidan filen style */
table.oikealaita, div.oikealaita {
	display: block;
	margin: 0px;
	margin-right: 5px;
	text-align: left;
}
a.oikealaita { font-size: 10px; }

table.file {
	margin: 0px;
} 
.filesize {
	color: #333333;
	font-size: 10px;
}

a.embedded_product, a.embedded_product_category, a.internal_link,
a.embedded_product:visited, a.embedded_product_category:visited, 
a.internal_link:visited, a.internal_link:active, a.file, a.file:visited, a.file:active
{
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}

/**************************** person.xsl ***************************/
	table.embedded_person, table.embedded_person td {
		background: white;
		font-size: 8pt;
		color: #333333;
		vertical-align: top;
	
	}
/************************** / person.xsl ***************************/


/**************************** sitemap.xsl ***************************/
	/********************* LEVEL 1 ***********************/
		a.sitemap_lvl1, a.sitemap_lvl1:visited, a.sitemap_lvl1:active {
			font-size: 11px;
			font-weight: bold;
			color: #996600;
		}
	/******************* / LEVEL 1 ***********************/

	/********************* LEVEL 2 ***********************/
		a.sitemap_lvl2, a.sitemap_lvl2:visited, a.sitemap_lvl2:active {
			font-size: 10px;
			font-weight: normal;
			color: #000000;
		}
	/******************* / LEVEL 2 ***********************/
	

/**************************** /sitemap.xsl ***************************/

/**************************** faq.xsl *******************************/
	span.faq_kysyja, span.faq_vastaaja {
		color: #666666;
		font-size: 11px;
	}
	ul.faq_kysymyslista {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
/************************** / faq.xsl *******************************/


/**************************** news.xsl ******************************/
	a.news_header {
		font-size: 12px;
	}
/************************** / news.xsl ******************************/

/*************************** forum.xsl ******************************/

	table.forum_post td {
		vertical-align: middle;
		text-align: right;
	}
	
	hr.forum_separator {
		color: #666666;
		width: 100%;
		height: 1px;
	}

	div.forum_reply {
		width: 400px;
		overflow: auto;
	}
/************************** / news.xsl ******************************/







/**************************** shop.xsl ******************************/
	.product_link {
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.product_link a {
		font-size: 12px;
	}
	.product_header {
		text-align: right;
	}
	.odd td, .even td {
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 12px;
	}
	.odd, td.shop_grey  { background-color: #e6e6e6; }
	.even,td.shop_white { background-color: #ffffff; }
	
	span.shop_nav_act {
		font-weight: bold;
		color: #333333;
	}
	th {
		color: #666666;
		font-weight: bold;
		font-size: 10pt;
		text-align: left;
		white-space: nowrap;
	}
	table.shopping_cart, table.shop_userinfo {
		text-align: right;
	}
	table.shop_userinfo h1, td.input {
		text-align: left;
	}
	table.shop_payment {
		text-align: center;
		vertical-align: middle;
	}
	td.shop_payment_header {
		background: #37637d;
		color: white;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12pt;
	}
	
	.shopping_cart_alert {
		padding-left: 12px;
	}
	.shopping_cart_alert li, .shopping_cart_alert ul {
		margin: 0px;
		padding: 0px;
	}

/************************** / shop.xsl ******************************/

/************************** pikavalikot ******************************/
a.pikavalikko:link				    		{ color: #996600; font-weight: bold; text-decoration: none; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 100%}
a.pikavalikko:active 				   		{ color: #996600; font-weight: bold; text-decoration: underline; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 100%}
a.pikavalikko:visited	 			  		{ color: #996600; font-weight: bold; text-decoration: none; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 100%}
a.pikavalikko:hover 				   		{ color: #996600; font-weight: bold; text-decoration: underline; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 100%}

a.pikavalikko_gray:link				    	{ color: #666666; font-weight: bold; text-decoration: none; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 100%}
a.pikavalikko_gray:active 				   	{ color: #666666; font-weight: bold; text-decoration: underline; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 100%}
a.pikavalikko_gray:visited	 			  	{ color: #666666; font-weight: bold; text-decoration: none; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 100%}
a.pikavalikko_gray:hover 				   	{ color: #666666; font-weight: bold; text-decoration: underline; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 100%}
/************************** / pikavalikot ******************************/

/************************** Työhakemus *********************************/
th.tyohakemus_leftcell { width: 100px; font-weight: normal; font-size: 11px; font-family: verdana; color: #000000; }
#TyohakemusFormi td { width: 250px;}  
#TyohakemusFormi tr td { font-size: 11px; font-family: verdana, arial; margin: 0px; padding: 0px; }
.separator_row { height: 1px; background: url("/images/customer/dotline_549.gif"); border: 0px; margin-top: 10px; margin-bottom: 4px; padding: 0px; }
#TyohakemusFormi textarea { height: 6em; width: 541px; }
#hakemus_laheta_container { margin-left: 494px; margin-top: 14px;}
input.aika { width: 12em; } 
#hakemus_osaaminen td { width: 541px; }
/************************** / Työhakemus *******************************/

.bold { font-weight: bold; }
.align_right { text-align: right; }
.align_top { vertical-align: top; }
.pad_right { padding-right: 8px; }

/*************** Jälleenmyyjähaku - Distributor Search *****************/

div#distributor_search { }
	div#distributor_search form { margin: 0; padding: 0; }
	div#distributor_search h1 { 
		background: url(/images/customer/dotline_549.gif) bottom left no-repeat; 
	}
	
	div#distributor_search table.form {}
	div#distributor_search div.jm_search_results {}
		div#distributor_search div.jm_search_results table {
			width: 558px;
			border-collapse: collapse;
		}
			div#distributor_search div.jm_search_results table td {
				padding: 6px 8px;
				vertical-align: top;
			}
			div#distributor_search td.dots_left {
				background: url(/images/customer/dotline_vert.gif) left repeat-y;
			}
			div#distributor_search td.dots {
				padding: 0 !important;
				background: url(/images/customer/dotline_549.gif) bottom left no-repeat;
				height: 3px;
			}
			div#distributor_search td.jm_search_list { width: 40%; }
				div#distributor_search td.jm_search_list p { margin-bottom: 5px; }
			div#distributor_search td.jm_search_details {}
	
	/* fonts */
	div#distributor_search td.jm_search_details h3 {
		padding: 0;
		margin: 0 0 5px 0;
		display: block; 
		font-family: Verdana,Helvetica,sans-serif;
		font-size: 8pt;
		font-weight: bold;
		color: #996600;
	}
	div#distributor_search td.jm_search_details div.sold_products { margin: 10px 0; }
	div#distributor_search td.jm_search_details div.sold_products strong { font-weight: bold !important; font-size: 11px; }
	p.jm_combo_title,
	div#distributor_search div.jm_search_results * { font-size: 10px; }
	div#distributor_search td.jm_search_list a { font-size: 8pt; }


/************* / Jälleenmyyjähaku - Distributor Search *****************/


/** Referenssit - References **/

div.reference {
	float: left; 
	padding-left: 32px;
	padding-top: 20px; 
}
div.reference div.padding {
	height: 155px;
	width: 170px;
}
div.reference a { font-size: 8pt !important; }