/*
	****************************
	** Stylesheet for
	** www.fenestra.fi
	****************************
*/
* { margin:0;padding:0;}
br.clear { clear:both;}
blockquote { margin-left:20px;}
a { outline:none;}
body {
	background:#d3d2cd url(/pics/body.gif) repeat;
	font-family:arial,verdana,serif;
	font-size:12px;
	margin-bottom:15px;
}
	
	#wrapper {
		position:relative;
		top:15px;
		width:945px;
		border:6px solid #fff;
		background:#fff;
		margin:0 auto;
	}
		/**
			**
			** Definitions for header
			**
		**/	 		
		#header {
			position:relative;
			width:100%;
			background:#eaeae6;
			height:149px;
			border-bottom:6px solid #fff;
		}

			#header a#logo { position:absolute;display:block;left:17px;top:18px;width:288px;height:79px;background:transparent url(/pics/logo.gif) no-repeat;text-indent:-99999px;}
			
			#quickLinks {
				position:absolute;
				right:10px;
				top:106px;
			}
				#quickLinks ul { 
					list-style-type:none;
					}
					#quickLinks li { display:inline; color:#022d5a;font-size:90%;margin-left:1em;}
						#quickLinks li a { color:#022d5a;text-decoration:none;}
						#quickLinks li a:hover { text-decoration:underline;}
			
			/** Main navigation **/
			#mainMenu	{
				position:absolute;
				width:100%;
				height:27px;
				background:#002c5b;
				top:123px;
			}
				#mainMenu ul { list-style-type:none;margin-left:1em;}
					#mainMenu li { display:inline;font-size:14px;}
						#mainMenu li a { 
							color:#fff;
							text-decoration:none;
							margin-right:2em;
							display:block;
							float:left;
							text-indent:-9999px;
							height:27px;
							outline: none;
							}
						#mainMenu li a:hover { text-decoration:underline;}
						#mainMenu li a.selected { font-weight:bold;}
						/* basic state FI */
						#mainMenu li#palvelut a { background:transparent url(/pics/linkPalvelut.gif) 0px 0px no-repeat;width:57px;}
						#mainMenu li#ovet a { background:transparent url(/pics/linkOvet.gif) 0px 0px no-repeat;width:33px;}
						#mainMenu li#ikkunat a {background:transparent url(/pics/linkIkkunat.gif) 0px 0px no-repeat;width:52px;}
						#mainMenu li#suunnittelijalle a {background:transparent url(/pics/linkSuunnittelijalle.gif) 0px 0px no-repeat;width:112px;}
						#mainMenu li#pyyda_tarjous a {background:transparent url(/pics/linkTarjous.gif) 0px 0px no-repeat;width:96px;}	
						#mainMenu li#esitteet a{background:transparent url(/pics/linkEsitteet.gif) 0px 0px no-repeat;width:57px;}
						#mainMenu li#fenestra a{background:transparent url(/pics/linkFenestra.gif) 0px 0px no-repeat;width:61px;}	
						#mainMenu li#kysy_jyrkilta a{background:transparent url(/pics/linkKysyJyrkilta.gif) 0px 0px no-repeat;width:99px;}	

						/* mouseOver FI */
						#mainMenu li#palvelut a:hover { background:transparent url(/pics/linkPalvelut.gif) 0px -27px no-repeat;width:57px;}
						#mainMenu li#ovet a:hover { background:transparent url(/pics/linkOvet.gif) 0px -27px no-repeat;width:33px;}
						#mainMenu li#ikkunat a:hover {background:transparent url(/pics/linkIkkunat.gif) 0px -27px no-repeat;width:52px;}
						#mainMenu li#suunnittelijalle a:hover {background:transparent url(/pics/linkSuunnittelijalle.gif) 0px -27px no-repeat;width:112px;}
						#mainMenu li#pyyda_tarjous a:hover {background:transparent url(/pics/linkTarjous.gif) 0px -27px no-repeat;width:96px;}	
						#mainMenu li#esitteet a:hover {background:transparent url(/pics/linkEsitteet.gif) 0px -27px no-repeat;width:57px;}
						#mainMenu li#fenestra a:hover {background:transparent url(/pics/linkFenestra.gif) 0px -27px no-repeat;width:61px;}	
						#mainMenu li#kysy_jyrkilta a:hover {background:transparent url(/pics/linkKysyJyrkilta.gif) 0px -27px no-repeat;width:99px;}	
						
						/* active FI */
						#mainMenu li#palvelut a.selected  { background:transparent url(/pics/linkPalvelut-a.gif) no-repeat;width:57px;}
						#mainMenu li#ovet a.selected  {background:transparent url(/pics/linkOvet-a.gif) no-repeat;width:33px;}
						#mainMenu li#ikkunat a.selected  {background:transparent url(/pics/linkIkkunat-a.gif) no-repeat;width:52px;}
						#mainMenu li#suunnittelijalle a.selected  {background:transparent url(/pics/linkSuunnittelijalle-a.gif) no-repeat;width:112px;}
						#mainMenu li#pyyda_tarjous a.selected  {background:transparent url(/pics/linkTarjous-a.gif) no-repeat;width:96px;}	
						#mainMenu li#esitteet a.selected  {background:transparent url(/pics/linkEsitteet-a.gif) no-repeat;width:57px;}
						#mainMenu li#fenestra a.selected {background:transparent url(/pics/linkFenestra-a.gif) no-repeat;width:61px;}	
						#mainMenu li#kysy_jyrkilta a.selected  {background:transparent url(/pics/linkKysyJyrkilta.gif) 0px -27px no-repeat;width:99px;}							
						
						
						
						
						
						/* basic state EN */
						#mainMenu li#products a { background:transparent url(/pics/linkProducts.gif) 0px 0px no-repeat;width:65px;}
						#mainMenu li#company  a { background:transparent url(/pics/linkCompany.gif) 0px 0px no-repeat;width:60px;}
						#mainMenu li#contact  a {background:transparent url(/pics/linkContact.gif) 0px 0px no-repeat;width:56px;}
						#mainMenu li#references  a {background:transparent url(/pics/linkReferences.gif) 0px 0px no-repeat;width:75px;}
						#mainMenu li#windows  a {background:transparent url(/pics/linkWindows.gif) 0px 0px no-repeat;width:64px;}
						#mainMenu li#doors  a {background:transparent url(/pics/linkDoors.gif) 0px 0px no-repeat;width:44px;}
						
						
						/* mouseOver EN */
						#mainMenu li#products a:hover { background:transparent url(/pics/linkProducts.gif) 0px -27px no-repeat;width:65px;}
						#mainMenu li#company  a:hover { background:transparent url(/pics/linkCompany.gif) 0px -27px no-repeat;width:60px;}
						#mainMenu li#contact  a:hover {background:transparent url(/pics/linkContact.gif) 0px -27px no-repeat;width:56px;}
						#mainMenu li#references  a:hover {background:transparent url(/pics/linkReferences.gif) 0px -27px no-repeat;width:75px;}
						#mainMenu li#windows  a:hover {background:transparent url(/pics/linkWindows.gif) 0px -27px no-repeat;width:64px;}
						#mainMenu li#doors  a:hover {background:transparent url(/pics/linkDoors.gif) 0px -27px no-repeat;width:44px;}
						
						/* active EN */
						#mainMenu li#products a.selected { background:transparent url(/pics/linkProducts-a.gif) no-repeat;width:65px;}
						#mainMenu li#company  a.selected { background:transparent url(/pics/linkCompany-a.gif) no-repeat;width:60px;}
						#mainMenu li#contact  a.selected {background:transparent url(/pics/linkContact-a.gif) no-repeat;width:56px;}
						#mainMenu li#references  a.selected {background:transparent url(/pics/linkReferences-a.gif) no-repeat;width:75px;}
						#mainMenu li#windows  a.selected {background:transparent url(/pics/linkWindows-a.gif) no-repeat;width:64px;}
						#mainMenu li#doors  a.selected {background:transparent url(/pics/linkDoors-a.gif) no-repeat;width:44px;}					
						
						
						
						
						/* basic state SE */
						#mainMenu li#produkter  a { background:transparent url(/pics/linkProdukter.gif) 0px 0px no-repeat;width:74px;}
						#mainMenu li#foretag   a { background:transparent url(/pics/linkForetag.gif) 0px 0px no-repeat;width:54px;}
						#mainMenu li#kontakt   a {background:transparent url(/pics/linkKontakt.gif) 0px 0px no-repeat;width:57px;}
						#mainMenu li#referenser   a {background:transparent url(/pics/linkReferenser.gif) 0px 0px no-repeat;width:77px;}
						#mainMenu li#fonster   a {background:transparent url(/pics/linkFonster.gif) 0px 0px no-repeat;width:55px;}
						#mainMenu li#dorrar   a {background:transparent url(/pics/linkDorrar.gif) 0px 0px no-repeat;width:52px;}
						
						/* mouseOver SE */
						#mainMenu li#produkter  a:hover { background:transparent url(/pics/linkProdukter.gif) 0px -27px no-repeat;width:74px;}
						#mainMenu li#foretag   a:hover { background:transparent url(/pics/linkForetag.gif) 0px -27px no-repeat;width:54px;}
						#mainMenu li#kontakt   a:hover {background:transparent url(/pics/linkKontakt.gif) 0px -27px no-repeat;width:57px;}
						#mainMenu li#referenser   a:hover {background:transparent url(/pics/linkReferenser.gif) 0px -27px no-repeat;width:77px;}
						#mainMenu li#fonster   a:hover {background:transparent url(/pics/linkFonster.gif) 0px -27px no-repeat;width:55px;}
						#mainMenu li#dorrar   a:hover {background:transparent url(/pics/linkDorrar.gif) 0px -27px no-repeat;width:52px;}
						
						/* active SE */
						#mainMenu li#produkter  a.selected  { background:transparent url(/pics/linkProdukter-a.gif) no-repeat;width:74px;}
						#mainMenu li#foretag   a.selected  { background:transparent url(/pics/linkForetag-a.gif) no-repeat;width:54px;}
						#mainMenu li#kontakt   a.selected  {background:transparent url(/pics/linkKontakt-a.gif) no-repeat;width:57px;}
						#mainMenu li#referenser   a.selected  {background:transparent url(/pics/linkReferenser-a.gif) no-repeat;width:77px;}
						#mainMenu li#fonster   a.selected  {background:transparent url(/pics/linkFonster-a.gif) no-repeat;width:55px;}
						#mainMenu li#dorrar   a.selected  {background:transparent url(/pics/linkDorrar-a.gif) no-repeat;width:52px;}
						
			
			/** Language selection **/
			#languageSelection {
				position:absolute;
				right:1em;
				top:121px;
			}
				#languageSelection p { color:#fff;}
				#languageSelection a { color:#fff;text-decoration:none;}
				#languageSelection a:hover { text-decoration:underline;}
				#languageSelection a.curLanguage { font-weight:bold;}
				
			/**
				**
				** Content area
				**
			**/
			#page {
				position:relative;
				width:100%;
				clear:both;
				
			}
				.frontpage { background:transparent url(/pics/page.gif) repeat-y;min-height: 610px; height:auto; _height: 610px;} /** added min-height for frontpage Uniikki-element **/
				.subpage { background:transparent url(/pics/subpage.gif) repeat-y;}
				.productsSubpage { background:#fff;}
				/** Elements for frontpage **/
				#frontpageImage {
					position:relative;
					border-bottom:6px solid #fff;
					height:148px;
					overflow:hidden;	
				}			
				/** frontpage flash navi configurator **/
				#configurator {
					position:absolute;
					width:686px;
					height:281px;
					top:110px;
					left:0px;
				}
					#configurator p {
						display:none;
					}
				
				 
				/** Left column on the frontpage **/
				#frontpageLeftCol {
					float:left;
					width:687px;
					margin-right:6px;
				}
					/** Services description text for English and Swedish **/
					#introductionText {
						position:relative;
						width:90%;
						margin:0 auto;
						padding-top:1em;
					}
				
				#frontpageBanner {
					position:relative;
					/* width:611px; */
					height:121px;
					left:14px;
					top:-12px;
					margin:0;
					padding:0;
					
				}					
					#frontpageBanner a img { border: none;}	
				
				/** Right column on the frontpage **/
				#frontpageRightCol {
					float:left;
					width:242px;
					padding-top:1em;
					padding-left:10px;
					padding-bottom:0em;
				}
					#searchBox {
						position:relative;
						width:232px;
					}
						#searchBox input {
							width:224px;
							height:22px;
							color:#9b9a96;
							padding-top:2px;
							padding-left:2px;
							background:transparent url(/pics/searchBox.gif) right top no-repeat;
							border:none;	
							width: 200px;
							}
						#searchBox input.submitButton {
							position:absolute;
							right:0px;
							top:2px;
							width:24px;
							height:24px;
							background:transparent url(/pics/submitButton.gif) no-repeat;
							border:none;
							text-indent:-99999px;
						}
					/** News area **/
					#bulletin {
						position:relative;
						top:10px;
						width:229px;
						background:#fff;
						border-left:1px solid #c3c3c3;
						border-right:1px solid #c3c3c3;	
						border-bottom:1px solid #c3c3c3;
						padding-top:25px;	
					}
						#bulletin h3 {
							position:absolute;
							top:0px;
							left:0px;
							height:22px;
							width:229px;
							margin:0;
							padding-top:0.5em;
							color:#fff;
							font-size:90%;
							text-indent:-9999px;
							
						}
							#bulletin h3.suomi { background:#fff url(/pics/h3-bulletin.gif) no-repeat; }
							#bulletin h3.english { background:#fff url(/pics/h3-bulletin-en.gif) no-repeat; }
							#bulletin h3.svenska { background:#fff url(/pics/h3-bulletin-se.gif) no-repeat; }
							
						#newsItem {
							padding:1em 0;
							width:100%;margin:0;
						}
						#newsItem p { width:90%;margin:0 auto;margin-bottom:0.5em;}
							#newsItem p strong { color:#58585a;}
								#newsItem a { color:#58585a;text-decoration:none;}
								#newsItem a:hover { text-decoration:underline;}
								
					#ads {
						position:relative;
						clear:both;
						top:10px;
						width:231px;
					}
						.adBanner {
						 	position:relative;
						 	width:231px;
						 	margin:0 auto;
						 	margin-top:2em;	
						}
							.adBanner img { border:none;}
							
			
					#additionalAds {
						position:absolute;
						width:687px;
						height:111px;
						background:#f4f5f4;
						bottom:0px;
					}
						#bannerOne { position:absolute;left:0px;top:0px;width:235px;height:111px;}
							#bannerOne h4 { text-indent:-99999px;width:235px;height:111px;}
								#bannerOne h4 a { display:block;width:235px;height:111px;background:transparent url(/pics/ads/bannerEdustaja.gif) no-repeat;}
						#bannerTwo { position:absolute;left:235px;top:0px;width:235px;height:111px;}
							#bannerTwo h4 { text-indent:-99999px;width:235px;height:111px;}
								#bannerTwo h4 a { display:block;width:235px;height:111px;background:transparent url(/pics/ads/bannerTarjous.gif) no-repeat; }
						#bannerThree { position:absolute;left:470px;top:0px;width:217px;height:111px;}
							#bannerThree h4 { text-indent:-99999px;width:217px;height:111px;}
								#bannerThree h4 a { display:block;width:217px;height:111px;background:transparent url(/pics/ads/bannerEsite.gif) no-repeat; }
							
			
			/** 
				**
				** Styles for subpages 
				**
			**/
			.subpage #contentCol {
				float:left;
				width:690px;
			}
			
			.productsSubpage #contentCol {
					float:left;
					width:100%;
				}
			
				#cookiePath {
					position:relative;
					top:1em;
					margin-left:1em;
					margin-bottom:3em;
					color: #58585a;
					font-size:11px;
					
				}
					#cookiePath a { color: #58585a;text-decoration:none;}
					#cookiePath a:hover { text-decoration:underline;}
				
				#leftCol {
					float:left;
					width:200px;
				}
					/** Navigation for subpages **/
					#subNavi {
						position:relative;
						width:190px;
						margin:0 auto;
					}
						#subNavi ul {
							list-style-type:none;
							margin-left:0.5em;
							width:95%;
							
						}
							#subNavi li { margin-bottom:0.5em;}
							#subNavi li a { color:#58585a;text-decoration:none;font-size:13px;}
								#subNavi ul ul { margin-left:1em;margin-top:0.5em;}
									#subNavi ul ul li {}
									#subNavi ul ul li a {}
							#subNavi a:hover {}
							#subNavi a.currentPage { text-decoration:underline;color:#000;}
				
					#subNavi h2 { margin-top: 0; }
				
				.subpage #middleCol { 
					float:left;
					width:489px;
					}
				.productsSubpage #middleCol {
					float:left;
					width:90%;
				}
				.subpage  #content {
						float:left;
						width:470px;
						margin-right:5px;
					}
				.productsSubpage #content {
						float:left;
						width:700px;
					}
					
						#content h2.pageName { font-size:24px;font-weight:normal;color:#58585a;margin-bottom:1em;margin-top:0;}
						#content ul,#content ol  { margin-left:2em;}
							#content li { color:#58585A;}
								#content ul ul, #content ol ol { margin-left:1em;}
						#content a { color:#f48221;}
						
						#content table.u-arvot td { border: 1px solid #8b95ad;}		/* to be used only for u-arvot -tables */		
							#content table.u-arvot td { padding: 0.2em;}
			#contentRightCol { 
				float:left;
				width:240px;
				padding-top:1em;
				padding-left:12px;
				padding-bottom:20px;
			}
		
			#contentRightCol a { color:#f48221; }
				#imagePlace {
					position:relative;
					width:250px;
					height:189px;
					left:-7px;
					top:-12px;
					border-bottom:6px solid #fff;
				}
				#contentRightCol #newsItem a { color:#58585a;text-decoration:none;}
	/*
		**
		** Footer
		**
	*/
			
	#footer {
		top:1em;
		position:relative;
		clear:both;
		text-align:right;
		width:945px;
		margin:0 auto;
	}			
		#footer p {
			font-size:11px;
		}	
		#footer p img { vertical-align:middle;}	
/**
	**
	** services.jsp
	**
**/		
	#servicesConfigurator {
		position:relative;
		width:686px;
		height:281px;
		left:0px;
		margin:0 auto;
		}	
/**
	**
	** referenssit.jsp
	**
**/
/* REFENSSISIVUPOHJA */  
  
	#ref_kuva-alue {
	  border-left: 1px solid #A3C9D4;
	  border-right:1px solid #A3C9D4;;
	  margin: 0px;
	  text-align:center;
	  }
	#ref_header {
	  background-image: url(/pics/tr-bg-referenssi-header.gif);
	  background-repeat: no-repeat;
	  height: 24px;
	  width: 406px;
	  text-align: left;
	  }
	  
	  #ref_header p  {
	  font: normal bold 11px verdana, sans-serif;
	  color: #FFF;
	  margin: 5px;
	  } 
	
	#ref_header  a  {
	  font: normal normal 11px verdana, sans-serif; 
	  color: #FFF;
	  text-decoration: none;
	  margin: 5px;
	  margin-left: 2px;
	  } 
	
	#ref_footer {
	  background-image: url(/pics/tr-bg-referenssi-footer.gif);
	  background-repeat: no-repeat;
	  height: 24px;
	  width: 406px;
	  text-align: left;
	  }
	  
	  #ref_footer p  {
	  font: normal bold 11px verdana, sans-serif;
	  color: #FFF;
	  margin: 5px;
	  } 
	
	#ref_footer  a  {
	  font: normal normal 11px verdana, sans-serif; 
	  color: #FFF;
	  text-decoration: none;
	  margin: 5px;
	  margin-left: 2px;
	  } 
	  
/**
	**
	** styles products pages
	**
**/
	.productsView ul { list-style-type:none;}
	.productsView li { border-bottom:1px solid #e9eae8;padding-bottom:0.5em; padding-left:0.5em;margin-top:0.5em;width:50%;}
	
	
/**
	**
	** toimipisteet.jsp
	**
**/
	.personInfo {
		clear:both;
		margin-top:2em;
		padding-bottom:1em;
		border-bottom:1px solid #e9eae8;
		margin-bottom:1em;
	}
	
/**
	**
	** Jälleenmyyntihaku - resellers-doors.jsp
	**
**/

	table#resellersTable {
			clear:both;
			margin:0;
			padding:0;
			border-collapse:collapse;
			vertical-align:top;
			font-size:11px;
			border:1px solid #009acf;
			padding:1px;
			width:100%;
		}
		table#resellersTable th  {
			font-size:11px;
			background:transparent url(/pics/th-resellers.gif) repeat-x;
			border-bottom:1px solid #a6cae3;
			padding:0.5em;
			}
		table#resellersTable td {
			border-bottom:1px solid #a6cae3;
			padding:0.5em;
			vertical-align:top;
		}
		table#resellersTable td.resellerName { width:40%; }
		table#resellersTable td.odd { background:#e2f5fb;width:15%; }
		table#resellersTable td.odd { width:15%; }
		table#resellersTable img { text-align:center;}