/***********************************
************************************
***
** 1. Defaults
** 2. Helpers
** 2. Common
** 3. Navigation
** 4. Modules
** 5. Structure
** 6. Installation specific
*

Guidelines:
- Please maintain the files general structure as is.
- Maintain style selectors' (tree like) indentations.
- Insert special pages style overrides next to the original style.
- Exception to previous: Structure overrides of some template pages with major
  modifications are to be placed as a separate block at the end of the file.
- Header styles are in components.css, but place color their definitions here.
- Default font should be placed in components.css AND in the first selector
  of this file.
- ID-selectors must always include the element name (i.e. div#search_box)
- Class-selectors, same thing. If you want to allow all element types
  use the star-selector i.e. *.class
 
/****************************************************************************
                     Defaults
*****************************/
html, body { height: 100%; }
* html .floater_holder { height: 100%; }

#cart_bar{
	display: block;
	position: absolute;
	top: 0px;
	left:50%;
	z-index:9999;
	width:942px;
	margin: 0 -471px 0 -471px;
/* 	padding: 12px; */
	background: transparent;
	text-align:left;
/*	border: solid 2px #f00;*/
}

#overlay{
	display: none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
/*	height:300%;*/
	z-index:5000;
	background-color:#000000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

/* Default font (normal_text). Same as in components.css */
	body, table, td, li, *.normal_text {
		font-size: 12px;
		line-height: 18px;
		font-family: Arial, sans-serif;
		color: #646464;
	}

	body {
		background: white;
		color: #333333;
		padding: 0; margin: 0;
		
		/* Centers main container for IE. Requires text-align: left;
		 * in the container, because center seems to be inherited.
		 */
		text-align: center;  
	}
	img {
		border: 0;
	}
	table {
		border-collapse: collapse; /* setting cellspacing is therefore redundant */ 
		empty-cells: show;
		margin: 0;
	}
	td { vertical-align: top; padding: 0; }
	th { text-align: left; font-weight: bold; }

	p {/* margin: 0; padding: 0; */
	line-height: 16px;
	}

	ul, ol {
		padding: 0;
		margin: 0;
		margin-left: 15px;
		list-style-position: outside;
		text-indent: 0;
	}
	ul { list-style-type: disc }
	ol { list-style-type: decimal; }

	form { padding: 0; margin: 0; }
	


/****************************************************************************
                       Helpers
*****************************/

	h1.left	 { display: block; margin-bottom: 5px; font-weight: bold; }
	h1.right { display: block; margin-bottom: 5px; font-weight: bold; }

	*.tiny_text					{ font-size: 10px; }
	*.small_text				{ font-size: 11px; }
	*.large_text				{ font-size: 16px; }
	*.huge_text					{ font-size: 18px; }
  *.underlined				{ text-decoration: underline; }

	input.short_width	 { width: 100px; }
	input.normal_width { width: 150px; }
	input.long_width	 { width: 200px; }

	input.button			 {	}
	input.text				 {	}

	*.nopad							{ margin: 0 !important; padding: 0 !important; }
	*.bmargin						{ margin-bottom: 15px; }
	*.padblock					{ display: block; padding: 10px 0; }

	*.error							{ font-weight: bold; color: red; }
	*.ok								{ font-weight: bold; color: green; }

	td.align_middle			{ vertical-align: middle; }
	td.align_top				{ vertical-align: top; }
	td.align_bottom			{ vertical-align: bottom; }
	*.align_left				{ text-align: left; }
	*.align_center			{ text-align: center; }
	*.align_right				{ text-align: right; }

	*.verdana						{ font-family: 'Verdana', 'san-serif'; }
	*.arial							{ font-family: 'Arial', 'san-serif'; }

/** add you own here **/
	.upper { text-transform: uppercase; }

/** Required Fields **/
span.req {
	color: #92AF00;
	margin: 0 4px;
	display: inline !important;
	width: 14px !important;
}

/**************** 
									ERRORS 
******************************************************************/

div.error_box {
	border: 1px solid #92AF00;
	padding: 5px 8px;
	width: 450px;
	color: #dd0000;
	font-weight: bold;
	margin-bottom: 8px;
}

#page_content .lomake_item span.field_error {
	display: inline;
	color: #dd0000;
	position: absolute;
	margin-left: 5px;
}

/*****************************
                       Common
*****************************/

/****
links
*****/

	/** Normal links within text etc. **/
	a, a:visited {
		color: #a2bf00;
		text-decoration: none;
	}
	a:hover	{
		color: #92af00;
		text-decoration: underline;
	}
	
	/* internal_link and file_link */
	table.link { padding-bottom: 10px; }
		table.link a {  }
	
	table.internal_link   {  }
		table.internal_link td.bullet { vertical-align: top; padding-right: 3px; width: auto; }
		table.internal_link td.link   { vertical-align: top; }
			table.internal_link a {  }
	
	table.file   {  }
		table.file td.bullet { padding-right: 3px; width: auto; vertical-align: middle; }
		table.file td.link   {  }
			table.file a {  }
			table.file .filesize {  }

	.clear {
		clear: both;
		margin-top: 8px;
		height: 8px;
		margin-bottom: 8px;
	}
	
	.c { clear: both; }

	.clearfix:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
	}

	.clearfix {
			display: inline-block;
	}

	html[xmlns] .clearfix {
			display: block;
	}

	* html .clearfix {
			height: 1%;
	}

	h1, h2, h3, h4, h5 {
		margin: 9px 0px 0px;
	}

	h4 {
		font-size: 14px;
	}

/*****
header
******/


/*****
footer
******/

	div#footer {}
		div#footer table { width: 100%; }
			div#footer table td { 
				height: 30px; 
				vertical-align: middle; 
				text-align: center;
				border: 1px solid black;
			}
				div#footer .footer a,
				div#footer .footer a:visited {}
				div#footer .footer a:hover {}
				div#footer .powered_by, 
				div#footer .powered_by a, 
				div#footer .powered_by a:visited {}
				div#footer .powered_by a:hover {}

/****************************************************************************
                   Navigation
*****************************/

/***
path
****/

	div#path { height: 20px; }
		div#path div {  }
			div#path a,
			div#path a:visited { text-decoration: none; }
			div#path a:hover   { text-decoration: underline; }

/*************
top navigation
**************/

	div#top_nav {
		float: left;
		clear: right;
		margin-top: 0px;
		width: 705px;
		text-align: left;
	}
		div#top_nav table.level_1 {}
			div#top_nav table.level_1 td { 
				height: 40px;
				vertical-align: middle;
			}

			div#top_nav table td a { 
				display: block;
				text-indent: -9999px;
				height: 40px;
				vertical-align: text-top;
			}

		div#top_nav table.level_2 {
			margin-left: 5px;
		}

			div#top_nav table.level_1 td a#Etusivu {	width: 88px; }
			div#top_nav table.level_1 td a#Tuotteet {	width: 85px; }
				div#top_nav table.level_2 td a#Sanakirjat {	width: 92px; }
				div#top_nav table.level_2 td a#Konekaantaminen {	width: 134px; }
				div#top_nav table.level_2 td a#Kielentarkistus {	width: 116px; }
				div#top_nav table.level_2 td a#Yritysratkaisut {	width: 117px; }
				div#top_nav table.level_2 td a#Kielioppaat { width: 97px; }
			div#top_nav table.level_1 td a#Yritys {	width: 71px; }
				div#top_nav table.level_2 td a#Kumppanit {	width: 96px; }
				div#top_nav table.level_2 td a#Jalleenmyyjat {	width: 113px; }
			div#top_nav table.level_1 td a#Yhteystiedot {	width: 112px; }
				div#top_nav table.level_2 td a#Sanakirjat {	width: 92px; }
			div#top_nav table.level_1 td a#Asiakaspalvelu {	width: 128px; }
				div#top_nav table.level_2 td a#Usein_Kysyttya {	width: 61px; }
				div#top_nav table.level_2 td a#Kayttovinkit_ja_-ohjeet { width: 160px; }

			div#top_nav table a:hover {
						background-image: none;
						background: none !important;
				}
			div#top_nav table.level_1 td a#Frontpage {	width: 76px; }
			div#top_nav table.level_1 td a#Products {	width: 85px; }
				div#top_nav table.level_2 td a#Dictionaries {	width: 101px; }
				div#top_nav table.level_2 td a#Machine_Translation {	width: 152px; }
				div#top_nav table.level_2 td a#Machine_Translations {	width: 152px; }
				div#top_nav table.level_2 td a#Language_Proofing {	width: 107px; }
				div#top_nav table.level_2 td a#Proofreading {	width: 107px; }
				div#top_nav table.level_2 td a#Enterprise_Solutions {	width: 148px; }
				div#top_nav table.level_2 td a#Language_guides {	width: 120px; }

  		div#top_nav table.level_1 td a#Company {	width: 91px; }
		div#top_nav table.level_1 td a#Partners {	width: 86px; }
  		div#top_nav table.level_1 td a#Customer_Service {	width: 153px; }
  		div#top_nav table.level_1 td a#Contacts {	width: 90px; }
				div#top_nav table.level_2 td a#FAQ {	width: 61px; }
				div#top_nav table.level_2 td a#User_Tips_And_Instructions { width: 148px; }
				div#top_nav table.level_2 td a#Tips_and_User_Guides { width: 148px; }

/**************
side navigation
***************/

	div#side_nav {  }
		ul#side_menu {
			list-style-type: none;
			marker-offset: 0;
			padding: 0;
			margin: 0;
			text-indent: 0;
			margin-top: 10px; 
		}
		ul#side_menu li        { padding-bottom: 10px; }
			ul#side_menu li a {
				background: url('/images/bullet1.gif') left top no-repeat;
				padding-left: 14px;
				display: block;
				
				text-decoration: none;
				font-weight: bold;
				font-size: 13px;
				line-height: 14px;
			}
			ul#side_menu li a.inactive { color: #787878; }
			ul#side_menu li a.active   { color: #000000; }
			ul#side_menu li a.active_parent   { color: DarkBlue; }
		ul#side_menu li.level1 { padding-left:  0px; }
			ul#side_menu li.level1 a {
				background: url('/images/bullet1.gif') left top no-repeat;
			}
		ul#side_menu li.level2 { padding-left: 15px; }
			ul#side_menu li.level2 a {
				background: url('/images/bullet2.gif') left top no-repeat;
			}

/******************** table version

	div.side_nav {}
	
	div.side_menu_links_lvl1     {}	/ * All lvl 1 items + children * /
	div.side_menu_links_lvl1_act {}	/ * Selected lvl 1 item + children * /
	table.side_menu_links_lvl1 	 {} / * Any one lvl 1 item * /
	a.side_menu_links_lvl1, a.side_menu_links_lvl1:visited { }
	a.side_menu_links_lvl1_act, a.side_menu_links_lvl1_act:visited { 
		font-weight: bold;
	}
	
	div#side_menu_links_lvl2   { padding-left: 10px; } / * All lvl 2 items + children * /
	table.side_menu_links_lvl2 {}
	a.side_menu_links_lvl2, a.side_menu_links_lvl2:visited { }
	a.side_menu_links_lvl2_act, a.side_menu_links_lvl2_act:visited { 
		font-style: italic;
	}
	
	table.side_menu_links_lvl3 {}
	a.side_menu_links_lvl3, a.side_menu_links_lvl3:visited { }
	a.side_menu_links_lvl3_act, a.side_menu_links_lvl3_act:visited { 
		text-decoration: underline;
	}
	
	table.side_menu_links_lvl4 {}
	a.side_menu_links_lvl4, a.side_menu_links_lvl4:visited { }
	a.side_menu_links_lvl4_act, a.side_menu_links_lvl4_act:visited { 
		 font-variant: small-caps;
	}
	
	*/


/****************************************************************************
                      Modules
*****************************/

/**
FAQ
***/

	*.faq_question, *.faq_questioner,
	*.faq_answer, *.faq_answerer { display: block; margin-bottom: 15px; }
	
	*.faq_answer     { }
	*.faq_answerer   { }
	*.faq_question   { }
	*.faq_questioner { }
	
	*.faq_back { }

/******
sitemap
*******/

	div#sitemap { }
		div#sitemap table { width: 100%; }
			div#sitemap table td      { width: 300px; padding-right: 20px; }
			div#sitemap table td.last { padding-right: 0px; }
				div#sitemap span.level_1,
				div#sitemap a.level_1 { 
					color: #A2BF00;
					display: block;

					margin: 9px 0 0; 

					font-family: Verdana, sans-serif;
					font-size: 16px;
					font-weight: bold;
		    }

				div#sitemap ul       { margin-left: 0px; list-style-type: none; }
					div#sitemap ul li  { }
					div#sitemap ul a { 
						color:#A2BF00;
						text-decoration:none;
					}
				div#sitemap ul.level_2    { }
					div#sitemap li.level_2  { }
						div#sitemap a.level_2 { }
				div#sitemap ul.level_3    { }
					div#sitemap li.level_3  { }
						div#sitemap a.level_3 { }

/***************************
 product card - tuotekortti
****************************/
	div#product_card { }
	div#product_card h1 {
		width: 100%;
		border-bottom: 1px solid #A2C000;
		line-height: 24px;
		margin-bottom: 14px;
	}
	div#product_card .description {
		width: 475px;
		float: left;
		margin-right: 35px;
	}
	div#product_card .widget_button {
		clear: right;
	}

	div#product_card #variations {
		clear: both;
		width: 475px;
		margin-top: 18px;
	}

	div#product_card #variations td {
		height: 16px;
	}

	div#product_card #variations td.right {
		text-align: right;
		padding-right: 8px;
	}

	div#product_card #variations td.card_key {
		color: #023590;
		padding-right: 24px;
		white-space: nowrap;
	}

	div#product_card #variations tr.even td, table.product_data tr.even td {
		background: #f5f5f5;
	}

	table.buttons {
		margin-top: 40px;
		margin-left: 200px;
		margin-right: 45px;
	
	}

	*.product_category_link {  }

/***********************************
 Emotuotekortti - Main Product Card
************************************/

	div.product_link { padding-bottom: 15px; }
	*.product_category_link {  }

/************
person folder - henkilökortti
*************/

	div.embedded_person {  }
	table.view_person_folder {  }

/*******
feedback - palaute
********/

	table.feedback_form {  }
	td.feedback_error { padding-bottom: 15px; }

/*******
sendlink - kerro kaverille
********/

	table.sendlink_form {}

/************
Search - haku
*************/

	div#search_box        {  }
		div#search_box form {  }
		div#search_box form input.text { width: 100px; }
	
	/* RESULTS */
	div#search { }
		div#search form { }
			div#search form table#inputs {
				vertical-align: top;
				
			}
			div#search form table#inputs td.field input {
				border: silver solid 1px;
				border-width: 2px 1px;
				clear: both;
				color: #999999;
				font-size:13px;
				height: 17px;
				margin-top: 3px;
				padding: 0 5px;
				margin-right: 14px;
				width: 150px;
				}

			div#search form table#inputs td.submit input {
				width: 90px;
				margin-top: 2px;
			}
		div#search_results { padding-top: 15px; }
			div#search_results div.no_results { }
			div#search_pages { width: 250px; padding-top: 15px; }
				div#search_pages span.previous { padding-right: 15px; }
				div#search_pages span.next { }
				div#search_results table.results td { padding-bottom: 20px; }
				div#search_results table.results td.number { width: 20px; }
				div#search_results table.results td.target { }
				div#search_results div.result_link a.search_result, div#search_results div.result_link a.search_result:visited, div#search_results td.number {
						color:#A2BF00;
						text-decoration:none;
					}
					div#search_results div.result_link a.search_result:hover   { text-decoration: underline ;}
					div#search_results div.result_description { }
					div#search_results div.result_path { }
						a.search_result_path, 
						a.search_result_path:visited { color: #666666; }
						a.search_result_path:hover   { color: black; }
					div#search_results table.search_pages {
						width: auto;
						margin: 14px 0;
					}
						div#search_results table#search_pages td.previous {
						}
						div#search_results table#search_pages td.page_links {
							text-align: center;
							width: 550px;
						}
						div#search_results table#search_pages td.page_links a.page_link, div#search_results table#search_pages td.page_links span.page_link {
							margin-right: 6px;
							padding: 6px;
						}

						div#search_results table#search_pages td.next {
						}


/*************
News - Uutiset
**************/
	
	div#news       {  }
		div#news_nav {  }
		a.news, 
		a.news:visited, 
		a.news:hover {  }
		
	/* Nostot */
	div#news_hoist {  }
		div#news_hoist div.list_item { margin-bottom: 10px; }
			a.news_hoist, 
			a.news_hoist:visited, 
			a.news_hoist:hover {  }
		
	div#news_list  {  }
		div#news_list  div.list_item { margin-bottom: 10px; }
	
	div#news .news_lead,
	div#news_list .news_lead,
	div#news_hoist .news_lead { display: block; }
	
	div#news .date,
	div#news_list .date,
	div#news_hoist .date { display: block; }


/****************************************************************************
                    Structure
*****************************/

	table#page {
		margin: 0;
		padding: 0;
	}

	#topcenter, #midcontainer {
		width: 950px;
		min-width: 950px;
	}

	#topcenter {
		height: 120px;
		background-image:url('/images/customer/body_background_repeater.gif');
	}

	#midcontainer {
	}

/* elastiset marginaalit */
	#topleft, #topright, #midleft, #midright {
		background-repeat:repeat-x;
		width:50%;
	}

	#topleft {
		background-image:url('/images/customer/body_background_repeater.gif');
		height: 120px;
	}

	#topright {
		background-image:url('/images/customer/body_background_repeater.gif');
		height: 120px;
	}

/* Header Elements */
	#quicklinks {
		clear: both;
		width: 950px;
		height: 31px;
	}

	#quicklinks table#quicksearch {
		padding: 0px; border: 0px;
		float: right;
		width: 182px;
		height: 30px;
	}

	#quicklinks table#quicksearch #decoleft, #quicklinks table#quicksearch #decoright {
		height: 25px;
		width: 13px;
		background-color: red;
		background: url('/images/customer/search_left.gif') no-repeat left top;
	}

	#quicklinks table#quicksearch #decoright {
		background: url('/images/customer/search_right.gif') no-repeat left top;

	}

	#quicklinks table#quicksearch form {
		margin: 0px;
		height: 28px;
		background-image: url('/images/customer/search_repeater.gif');
	}

	#quicklinks table#quicksearch form input#search_terms {
		line-height: 12px;
		font-size: 9px;
		width: 100px;
		margin-left: 14px;
		vertical-align: 9px;
	}

	#quicklinks table#quicksearch form img#search_button {
		margin-left:5px;	
	}

	#logo {
		float: left;
		clear: left;
		/* margin-top: 6px;	*/
	}

	#navpad {
		width: 50%;
		height: 300px;
		background: url('/images/customer/logo_repeater.gif') repeat-x;
		vertical-align: top;
	}

	div#top_nav table td#navpad a {
		text-indent: 0 !important;

		float: right;
		margin-right: 8px;
	}

/* Mid content */
	#left_content {
		clear: left;
		float: left;
		width: 250px;
		margin-bottom: 48px;
	}

	#frontpage #page_content {
		margin-top: -6px;
		width: 691px;
		line-height: 18px;
	}

	#page_content {
		clear: right;
		float: right;
		text-align: left;
		width: 683px;
		padding-bottom: 50px;
		line-height: 18px;
	}
	
	#narrow {
		width: 458px;
	}

	#product_search img.title_img, #login_box img.title_img {
		width: 238px;
	} 

	#product_search {
		width: 238px;
		background-image: url('/images/customer/box_horizontal_repeater.gif');
		background-repeat: repeat-y;
		margin-top: 2px;
		margin-bottom: 16px;
		margin-left: 5px;
	}

	#product_search .tabs {
		margin: 7px 0 6px 4px;
		height: 25px;
		width: 224px;
		clear: both;
		float: left;
		text-align: left;
		background: url('/images/customer/tab_repeater.gif') repeat-x;
	}

	#product_search .tabs a.tab, #product_search .tabs a.tab span {
		background-image: url('/images/customer/tab_plain.gif');	
	}

	#product_search .tabs a.tab_active, #product_search .tabs a.tab_active span {
		background-image: url('/images/customer/tab_active.gif');	
	}

	#product_search .tabs a.tab {
		display:-moz-inline-box;
		display:inline-block;
		cursor:pointer;
		order:none;
		font-size:0;
		line-height:1.3; /* IE6, IE8 CompaView ainaskin, tuotehakulaatikon tabeissa j-merkistä leikkautui alasakara pois kun oli 1. */

		background-position:0 0;
		background-repeat:no-repeat;
		height: 25px;
		text-decoration:none;
		color:#2e523b;
		font-style:normal;
		margin:0 6px 0px 1px;
		padding:0 10px 0 0;	
		vertical-align:middle;	
		
		padding-top:-2px;
		_position:relative;
		_width:10px;	
		_overflow-y:hidden;
	}


	#product_search .tabs a.tab span {
		white-space:nowrap;
		cursor:pointer;
		color:#222;
		display:-moz-inline-box;
		display:inline-block;
		line-height:1.3; /* IE6, IE8 CompaView ainaskin, tuotehakulaatikon tabeissa j-merkistä leikkautui alasakara pois kun oli 1. */
		letter-spacing:0 !important;
		font-family:"Arial" !important;
		font-size:12px !important;
		font-style:normal;    
		background-color:transparent;
		background-position:100% 0;
		background-repeat:no-repeat;
		height:25px;
		padding:6px 20px 0 5px;
		margin:0 -16px 0 10px;
		border:none;
		vertical-align:text-top;
		zoom:1;
		_position:relative;
		_padding-left:0px;
		_padding-right:12px;
		_margin-right:-10px;	
		_display:block;
		_top:0;
		_right:-5px;
	}

	#product_search .tabs a.tab_active {
		display:-moz-inline-box;
		display:inline-block;
		cursor:pointer;
		border:none;
		font-size:0;
		line-height:1.3; /* IE6, IE8 CompaView ainaskin, tuotehakulaatikon tabeissa j-merkistä leikkautui alasakara pois kun oli 1. */

		background-position:0 0;
		background-repeat:no-repeat;
		height:25px;
		text-decoration:none;
		color:#2e523b;
		font-style:normal;
		margin:0 6px 0px 0;
		padding:0 10px 0 0;	
		vertical-align:middle;	
		
		padding-top:-2px;
		_position:relative;
		_width:10px;	
		_overflow-y:hidden;
	}

	#product_search .tabs a.tab_active span {
		white-space:nowrap;
		cursor:pointer;
		color:#222;
		display:-moz-inline-box;
		display:inline-block;
		line-height:1.3; /* IE6, IE8 CompaView ainaskin, tuotehakulaatikon tabeissa j-merkistä leikkautui alasakara pois kun oli 1. */
		letter-spacing:0 !important;
		font-family:"Arial" !important;
		font-size:12px !important;
		font-style:normal;    
		background-color:transparent;
		background-position:100% 0;
		background-repeat:no-repeat;
		height:25px;
		padding:6px 10px 0 4px;
		margin:0 -19px 0 5px;
		border:none;
		vertical-align:text-top;
		zoom:1;
		_position:relative;
			_padding-left:0px;
		_padding-right:12px;
		_margin-right:-10px;	
		_display:block;
		_top:0;
		_right:-5px;
	}

	#product_search div.search_view {
		width: 239px;
		clear: both;
		text-align: left;
		background: url('/images/customer/box_bottom.gif') no-repeat left bottom;	
	}

	#product_search div.search_view table {
		margin-left:7px;
		text-align:left;
		width:232px;
	}

	#product_search .search_view table td {
		text-align: right;
		padding-top: 9px;
		margin-left: 7px;
	}

	#product_search table td.label {
		width: 95px;
		text-align: left;
	}
	#product_search table td.label img {
		width: 27px;
		text-align: left;
	}	

	#product_search table td select {
		width: 120px;
		margin-right: 14px;
	}

	.selectbox {
	}

/*
	#product_search select.kieli,
	#product_search select.laite,
	#product_search select.kayttajamaara {
		text-transform: lowercase;
	}
*/
	#product_search table td input#vapaa  {
		margin-left:1px;
		margin-right:14px;
		width: 117px;

		border: 1px solid #A2BF00;
	}

	#product_search table td.submit a.search_help {
		float: left;
	}
	
	#product_search table td.submit input {
		float: right;
		margin-right: 13px;
		margin-bottom: 16px;
	}
	#product_search table td.submit input.sub_but {
		width: 76px;
	}
 
	#product_search {

	}

	#product_search #result_list {

	}

/** Otsikot **/
	#midcontainer #page_content h1.first_heading 
	{
		text-transform: uppercase;	
		margin-bottom: 10px;
	}

	#midcontainer #page_content h1.sub_heading 
	{
		margin-bottom: 0px;
	}

	#page_content #etu_nostopino h1.first_heading
	{
		text-transform: none;	
	}
	
	#page_content #case_left_col h1.sub_heading
	{
		margin-bottom: 0px;
	}
	
	#page_content div.html_area_block span.normal_text p
	{
		margin-top: 0px;
	}
	
/********** Tulossivu  ***********************/

	.result_list h1 {
		text-transform: uppercase;	
	}

	.result_list tr.items {
		background: url('/images/customer/dashed_green_line.gif') repeat-x bottom left;
	}

	.result_list th {
		text-align: left;
		padding-top: 3px;
		padding-bottom: 0px;
		padding-right: 8px;
		border: 0px;
	}

	.result_list td.item, .result_list td.price, .result_list td.controls  {
		vertical-align: top;
		border: 0px;
		padding: 8px 0px;
	}

	.result_list {
		border-collapse: collapse;
	}

	.result_list .item {
		width: 460px;

	}

	.result_list .price {
		width: 105px;
		text-align: center;
	}

	.result_list .controls {
		width: 95px;
		vertical-align: middle;
	}

	table#product_search_paging {
		width: 660px;
		margin-top: 45px;
	}

	table#product_search_paging #left {
		width: 190px;
	}

	table#product_search_paging #center {
		width: 275px;
		text-align: center;
	}

	table#product_search_paging #right {
		width: 195px;
		text-align: right;
	}
	
/** Kirjautumislaatikko **/
	a#help {
		width: 27px;
		height: 26px;
		background-image: url('images/customer/icon_help.gif');
		background-repeat: no-repeat;
		display: block;
		}

	#login_box {
		width: 238px;
		background: transparent url('/images/customer/box_horizontal_repeater.gif') repeat-y 0 0;
		margin-bottom: 16px;
		margin-left: 5px;
		line-height: 16px;
	}

	#login_box #login_error {
		display:block;
		margin:9px 0 0 9px;
		width:200px;
	}

	#login_box #login_content {
		background: url('/images/customer/box_bottom.gif') no-repeat left bottom;
		text-align: left;
		line-height:7px;
		padding-bottom: 4px;
	}

	#login_box #login_content form {
		margin-left: 5px;
	}

	#login_box #login_content input {
		font-size: 12px;
		
		padding: 4px 0;
		
		width: 79px;

		vertical-align: middle;
		text-align: center;

		border: 1px solid #B0C927;
		margin: 11px 0 6px 7px;

		color: #999999;
	}

	#login_box #login_content input#login_submit {
		vertical-align: middle;
		border: none;
		margin: 12px 0 6px 4px;
		width: auto;
	}

	#login_box #login_links {
		text-align: left;
		margin: 8px 7px;
	}

	#login_box #login_links a {
		text-decoration: underline;
	}

	#order_demo {
		float: left;
	}

/** Footer **/

	#footer {
		text-align: center;
		margin: 12px auto 12px auto;

		width: 942px;
		border-top:1px solid #a2bf00;
	}

	#footer a {
		color: #9a9a9a;
		text-decoration: none;
	}

	#footer a:hover {
		text-decoration: underline;
	}

	#footer span {
		margin-top: 7px;
		padding-bottom: 36px;
		font-size: 9px;
		color: #9a9a9a;
	}

	#footer span#foo_contact {
		float: left;
	}

	#footer span#foo_links {
		float: right;
	}

	#footer span#powered_by {
		float: right;
		margin-right: 3em;
	}

	#bottom_floater {
		position: fixed;
		left: 0;
		bottom: 0;

		clear: both;

		width: 100%;
		text-align: center;
	}

	* html #bottom_floater {
		position: absolute;
	}

	#cart_footer {
		border: 0; 
		border-collapse: collapse;
		padding: 0px;

		clear: both;
		height: 35px;
		width: 942px;

		/*background: url('/images/customer/ostoskori_repeater.gif') repeat-x;*/

		margin-left: auto; 
		margin-right: auto; 
		text-align: center;
	}

	#cart_footer td {
		vertical-align: middle;
	}
	
	td#title,
	td#items,
	td#show_contents,
	td.checkout {
		background: url('/images/customer/ostoskori_repeater.gif') repeat-x;
	}

	#cart_footer a img {
		margin-top: 6px;
		}

	#cart_footer .end {
		width: 3px;
	}

	#cart_footer #title {
		width: 135px;
	}
	#cart_footer #items {
		padding-left: 106px;
		width: 265px;
	}

	#cart_footer #items select {
		width: 325px;
	}

	#cart_footer #show_contents {
	}

	#cart_footer #show_contents * {
		text-align: left;
	}

	#cart_footer #checkout {
	}

	#cart_footer #checkout a img {
		margin-top: 3px;
	}

	#cart_bubble {
		position: absolute;
		height: 160px;
		width: 286px;

		left: 36%;
		bottom: 40px;
		
		text-align: center;

		background: url('/images/customer/cart_notification_bg.gif') 0 0 no-repeat;	*/
	}

	#cart_bubble #bubble_content {
		padding-top: 14px;
		width: 220px;
		height: 100px;
		margin: 0 auto;
		text-align: center;
	}

	#cart_bubble #bubble_content #lefty {
		float: left;
	}
	#cart_bubble #bubble_content #sulje a, #cart_bubble #bubble_content a:hover  {
		text-decoration: none;
		text-transform: lowercase;
	}
	#cart_bubble #bubble_content #sulje {
		text-transform: lowercase;
		vertical-align: 5px;
		color: silver;
	}
		
	#cart_bubble #bubble_content .righty {
		float: right;

	}
	#cart_bubble #bubble_content #message{
		margin:0; padding:0;

		height: 54px;
		color: black;
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
		font-family: Verdana;
		clear: both;
		text-align: left;
	}

/************************/
/******* Frontpage ******/
/************************/
	/* Usually quite different from default template and therefore separate 
   block of styles. if there are only minor modifications, please insert 
	 them into the normal structure (above) at the appropriate tree level. 
	 All this applies to other templates also. */


/* Etusivun nostokuvat */

	#frontpage #imagerow div.left_img {
		float: left;
	}

	#frontpage #imagerow div.right_img {
		float: right;
	}

	#frontpage #imagerow div.html_area_block {
		display: inline;
	}

	#frontpage #imagerow div.html_area_block img {
		margin: 0px;
	}

	#etu_nostorivi {
		height: 150px;
		clear: both;
		block: inline;
		margin-left: 3px;
		margin-top: 6px;
	}

	#etu_nostorivi div.nosto_kapee {
		float: left;
		width: 229px;
		min-height:130px;
		background: url('/images/customer/nosto_small_bg.jpg') no-repeat top left;
	}

	#etu_nostorivi div.nosto_kapee .spacer { 
		height: 111px; 
		width: 1px; 
		float: left;
	}

	#etu_nostorivi div.nosto_kapee div.fwrap {
		margin: 19px 19px 0 19px;
		text-align: left;
	}

	#etu_nostorivi div.nosto_kapee p {
		margin-top: 0px;
	}


	#etu_nostorivi div.nosto_kapee div.fwrap .html_area_block h1, #etu_nostorivi div.nosto_kapee div.fwrap .html_area_block h2, #etu_nostorivi div.nosto_kapee div.fwrap .html_area_block h3, #etu_nostorivi div.nosto_kapee div.fwrap .html_area_block h4 {
	font-size: 14px;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	margin-bottom: 7px;
	}

	#etu_nostopino .nosto_levee {
		margin-left: 1px;
		clear: both;
		background: url('/images/customer/nosto_wide_bg.jpg') no-repeat top left;
		border: 1px solid white;
		min-height: 84px;
	}

	 #etu_nostopino .nosto_levee .spacer { 
		height: 65px; 
		width: 1px; 
		float: left;
	}

	#etu_nostopino div.nosto_levee div.fwrap {
		margin: 19px 0 0 22px;
		text-align: left;
	}

	#etu_nostopino div.nosto_levee div.fwrap h1.first_heading
	{
		margin-bottom: 0px;
	}
	
	#etu_nostorivi div.nosto_kapee h1, #etu_nostopino div.nosto_levee div.fwrap .html_area_block h1,
	#etu_nostopino div.nosto_levee div.fwrap .html_area_block h2, #etu_nostopino div.nosto_levee div.fwrap .html_area_block h3,
	#etu_nostopino div.nosto_levee div.fwrap .html_area_block h4 {
		font-size: 12px;
	}

	#etu_nostopino div.nosto_levee p {
		margin: 0px 235px 0 0px;
		text-align: left;
	}

	#etu_nostorivi a, #etu_nostopino a {
		color: #a2bf00;
		text-decoration: none;
	}

/** Asiakaspalvelu **/

	#page_banner_duo {
		clear: both;
		margin-bottom: 12px;
		border: 5px solid red;
	}

/** Lomaketyylit - Form styles **/
	#page_content #narrow form {
		clear: both;
		text-align: left;
	}

	#page_content form .input_title, #page_content form input, #page_content form textarea {
		clear: both;
	}

	#page_content form input, #page_content form select {
		margin-bottom: 12px;
	}

	#page_content form label.error {
		margin-left: 14px;
	}

	#page_content form textarea {
		width: 100%;
		height: 175px;
		margin-bottom: 12px;
	}

	#page_content h5 {
		font-size: 12px;
	}

	#page_content form input.submit {
		clear: both;
	}
/************************/
/***** Default page *****/
/************************/

/*************************/
/***** Product Views *****/
/*************************/
	#page_content #products_top_col {
		width: 694px;
		clear: both;
	}

	#page_content #products_top_col h1.first_heading {
		margin-bottom: 12px;
		text-transform: uppercase;
	}
	
	#page_content #products_top_col h1.sub_heading {
		margin-bottom: 0px;
	}
	
	#page_content #products_left_col {
		width: 300px;
		margin-right: 40px;
		clear: left;
		float: left;
	}

	#page_content #products_left_col h1.first_heading,
	#page_content #products_right_col h1.first_heading {
		margin-bottom: 0px;
		text-transform: none;
	}
	
	#page_content #products_left_col h1.sub_heading,
	#page_content #products_right_col h1.sub_heading {
		margin-bottom: 0px;
		text-transform: none;
	}

	#page_content #products_right_col {
		width: 300px;
		margin-right: 40px;
		clear: right;
		float: right;
	}

/*************************/
/***** Case          *****/
/*************************/

	#page_content #case_left_col {
		width: 435px;
		margin-right: 8px;
		clear: left;
		float: left;
	}

	#page_content #case_nosto {
		width: 230px;
		margin-top: 33px;
		clear: right;
		float: right;
	}

	#page_content #case_nosto div.nosto_kapee {
		float: left;
		width: 230px;
		height:130px;
		background: url('/images/customer/nosto_small_bg.jpg') no-repeat top left;
	}

	#page_content #case_nosto div.nosto_kapee div.fwrap {
		margin: 19px 19px 0 19px;
		text-align: left;
	}

	#page_content #case_nosto div.nosto_kapee .html_area_block p {
		margin: 0px;
	}

	#case_nosto div.nosto_kapee div.fwrap h1, #case_nosto div.nosto_kapee div.fwrap h2 {
		text-transform: uppercase;
		font-size: 12px;
	}
	
	#case_nosto div.nosto_kapee div.fwrap .internal_link a {
		font-weight: bolder;
	}

	#case_nosto div.nosto_kapee div.fwrap .internal_link p {
		margin-bottom: 1px;
	}
	
	#page_content #case_nosto div.nosto_kapee div.fwrap h1.first_heading 
	{
		margin-bottom: 10px;
	}
	
/*************************/
/***** Campaign *****/
/*************************/

	#page_content #campaign_title {
		clear: both;
	}

	#page_content #campaign_left_col {
		width: 360px;
		margin-right: 5px;
		clear: left;
		float: left;
	}

	#page_content #campaign_image {
		width: 300px;
		margin-top: 9px;
		clear: right;
		float: right;
	}
	
	#page_content #campaign_left_col h1.first_heading
	{
		text-transform: none;
		margin-bottom: 0px;
	}
	
/*************************/
/***** Partners **********/
/*************************/

#page_content #partners_cms {
	width: 510px;
	clear: left;
}

#page_content div#partners_img {
	width: 162px;
	float: right;
	clear: right;
}


/*************************/
/***** Aspal *************/
/*************************/

	div#page_content form.aspa {
		margin-top: 16px;
	}

	div#page_content form#kk_form div.lomake_item textarea#asiakaspalvelu_viesti {
		width: 450px;
		height: 150px;
	}

/*************************/
/***** Shop Extranet *****/
/*************************/

	#page_content .lomake_2col {
			width: 504px;
	}

	#page_content .lomake_2col h2 {
		clear: both;
	}

	#page_content .lomake_item {
			margin-top: 2px;
			margin-right: 0px;
			padding: 0;

			width:250px;
			float: left;
	}

	.lomake_submit {
		clear: both;
	}
	
	.lomake_submit input { border: 0; }

	#page_content .wide {
		width: 500px;
		margin-bottom: 5px;
	}

	#page_content div.lomake_item span {
			height: 18px;
			width:170px;
			clear: left;
			display: block;
	}
	
	#page_content div.lomake_item span.req { display: inline !important; color: #a2bf00; font-weight: bold; width: 15px; clear: none; }

	#page_content .lomake_item input, #page_content .lomake_item select, #page_content form input.text, #page textarea#asiakaspalvelu_viesti {
			clear: both;
			width: 170px;

			margin: 0px;
			margin-top: 3px;

			font-size: 13px;
			color: #999999;

			border: 2px solid #777777;
			border-bottom: 2px solid silver;
			border-top: 2px solid silver;
	}
	
	#page_content .lomake_item input, #page_content form input.text, #page textarea#asiakaspalvelu_viesti {
		padding: 2px 5px;
	}
	
	#page_content .lomake_item select {
		width: 184px;
		padding: 2px 2px 2px 5px;
	}
	
	#page_content .lomake_item input.radiobutton, #page_content div.lomake_item input.cbox {
		width: 14px;
		height: 16px;
		margin: 2px;
		border: 0px;
	}

	#page_content .lomake_item input.leftist {
			float: left;
			clear: left;

			width: 14px;
			margin-right: 5px;
			height: 12px;

			border: 1px solid #777777;
	}

	#page_content .lomake_item input.disabled {
		background: silver;
	}

	#page_content .lomake_item select.disabled {
		background: silver;
	}

	#page_content .lomake_item div {
		height: 14px;
		margin-top: 3px;

	}

	#page_content .lomake_2col .widget_button {
		float: right;
	}

	#kirjautunut #linkit {
		width: 450px;
		height: 230px;
		float: left;
		clear: left;
	}

	#kirjautunut #omat_nosto {
		float: right;
		clear: right;
		width: 230px;
		height:130px;
		background: url('/images/customer/nosto_small_bg.jpg') no-repeat top left;
	}

	#kirjautunut #omat_nosto h4 {
		font-size: 14px;
		text-transform: uppercase;
	}

	#kirjautunut #omat_nosto * {
		margin:19px 19px 0;
		text-align: left;
	}

	#kirjautunut #omat_nosto p {
		margin-top: 9px;
	}

	#kirjautunut #omat_nosto table.internal_link {
		margin: 0px;
		margin-top: 9px;
	}

	#kirjautunut #omat_nosto table.internal_link a {
		text-decoration: underline;
	}

	#kirjautunut #tuotenosto_lev {
		margin-top: 58px;
		clear: both;
	}

	#kk_form input, textarea {
	border: 1px solid #646464;
	}

#kk_form div.widget_button input {
	border: 0px;
}
/****************************************************************************
				 Installation specific
*****************************/

input.required_error { border: solid 1px #f00 !important; }

div#product_search select { font-size: 11px;  }
select.wideboxxx { width: 220px !important; }


table#order-demo-form td.caption {}