/**
	Style definitions for
	"Nopean toimituksen ovet"-pages
**/

* { margin:0;padding:0;}
.clear { clear:both;}
body {
	background:#004062 url(/pics/72h/body.gif) repeat;
	font-family:verdana,arial,serif;
	font-size:11px;
	color:#575d60;
	}

	#wrapper {
		width:656px;
		margin:0 auto;
		margin-top:30px;
	}	
	#wrapperSubpage {
		width:643px;
		margin-left:250px;
		margin-top:30px;
	}
		/**
			72h-index.jsp
		**/
		#serviceDescription {
			position:relative;
			width:630px;
			height:237px;
			background:transparent url(/pics/72h/bg-service.jpg) no-repeat;
			margin-bottom:10px;
	
		}
			#serviceDescription h1 {
				position:absolute;
				background:transparent url(/pics/72h/title-service.jpg) no-repeat;
				text-indent:-999999px;
				width:397px;
				height:45px;
				left:20px;
				top:18px;
			}
			#serviceDescription h2 {
				position:absolute;
				background:transparent url(/pics/72h/logo-72h.jpg) right top no-repeat;
				width:167px;
				height:171px;
				text-indent:-999999px;
				right:-26px;
				top:-28px;
			}
			#serviceDescription p {
				position:absolute;
				top:84px;
				left:17px;
				width:469px;
				height:108px;
				text-indent:-999999px;
				background:transparent url(/pics/72h/p-introduction.gif) no-repeat;
			}
			#serviceDescription a {
				display:block;
				margin-top:112px;
				margin-left:520px;
				width:83px;
				height:17px;
				background:transparent url(/pics/72h/a-toimitusehdot.gif) no-repeat;
				text-indent:-999999px;
				
			}
		#doorModels {
			position:relative;
			width:630px;
			height:147px;
			margin-bottom:10px;
			background:transparent url(/pics/72h/bg-doorModels.jpg) no-repeat;
			
		}
			#doorModels h3 {
				position:absolute;
				background:transparent url(/pics/72h/title-doorModels.jpg) no-repeat;
				text-indent:-9999999px;
				width:102px;
				height:30px;
				margin-top:15px;
				left:20px;
			}
			#doorModels ul {
				list-style-type:none;
				margin-left:1em;
				margin-top:51px;
				float:left;
				width:18%;
			}
			#doorModels ul.rightColumn {
				width:25%;
				margin-left:0em;
			}
			#doorModels ul.middleColumn {
				width:37%;
				margin-left:1.5em;
			}
				#doorModels ul li {
					padding:0.5em 2em 0.5em 1em;
				}
				#doorModels ul li a {
					font-size:11px;
					font-weight:bold;
					color:#ffffff;
					text-decoration:none;
				}
				#doorModels ul li a:hover { background:#ffffff;border:2px solid #4d7a92;color:#005681; }
			
			
			prdSlideShow { position:absolute; width: 135px; height: 110px; background: transparent !important;}
				.frontpage { position:absolute; top:20px; right:125px; background: transparent !important;}
				.subpage { position:absolute; top:40px; right:135px; background: transparent !important;}
		#doorStructure,
		#resellerSearch,
		#faq  {
			float:left;
			width:197px;
			height:147px;
			background:transparent url(/pics/72h/frontpageSlashBox.gif) no-repeat;
			}
		#resellerSearch,
		#faq  { margin-left:19px; }
			
			#doorStructure h3 {
				width:125px;
				height:30px;
				margin-top:17px;
				margin-left:15px;
				background:transparent url(/pics/72h/title-doorStructure.gif) no-repeat;
				text-indent:-999999px;
			}
			
			#doorStructure p,
			#resellerSearch p,
			#faq p { 
				margin-top:1em;
				padding:0 1.5em;
				color:#ffffff;
				font-size:10px;
				}
			
			#doorStructure p a,
			#resellerSearch p a,
			#faq p a { color:#ffffff;}
				

			#resellerSearch h3 {
				width:125px;
				height:30px;
				margin-top:17px;
				margin-left:15px;
				background:url(/pics/72h/title-resellerSearch.gif) no-repeat;
				text-indent:-999999px;
			}
						
			#faq h3 {
				width:212px;
				height:28px;
				background:transparent url(/pics/72h/title-faq.gif) no-repeat;
				margin-left:15px;
				margin-top:17px;
				text-indent:-999999px;
			
			}	
		
		
		/**
			HEADER,
			72h-template.jsp
		**/
		#header {
			position:relative;
			background:transparent url(/pics/72h/header.jpg) left top no-repeat;
			width:643px;
			height:161px;
			margin-left:20px;
		}
			#doorModelsNavi { }
			
				#doorModelsNavi h1 {
				position:absolute;
				background:transparent url(/pics/72h/title-doorModels.jpg) no-repeat;
				text-indent:-9999999px;
				width:102px;
				height:30px;
				margin-top:20px;
				left:30px;
			}
				#doorModelsNavi ul {
					list-style-type:none;
					margin-left:2em;
					margin-top:61px;
					float:left;
					width:20%;
				}
				#doorModelsNavi ul.middleColumn {
					width:37%;
					margin-left:1.2em;
				}
				#doorModelsNavi ul.rightColumn {
					width:25%;
					margin-left:0em;
				}
					#doorModelsNavi ul li {
						padding:0.5em 2em 0.5em 1em;
					}
					#doorModelsNavi ul li a {
						font-size:11px;
						font-weight:bold;
						color:#ffffff;
						text-decoration:none;
					}
					#doorModelsNavi ul li a:hover { background:#ffffff;border:2px solid #4d7a92;color:#005681; }
					
					#doorModelsNavi object { 
						position:absolute;
						margin-top:26px;
						right:22px;
						}
		/**
			Navigation on left side
		**/
		#navi {
			position:absolute;
			left:0px;
			top:123px;
		}
			#navi ul {}
			#navi ul li {
				display:block;
				width:199px;
				height:46px;
				background:transparent url(/pics/72h/li-navi.gif) no-repeat;
				margin-bottom:5px;	
			}
			#navi ul li a { 
				display:block;
				width:199px;
				height:46px;	
				text-indent:-999999px;	
				
			}
			#navi a#ovien_rakenne { background:transparent url(/pics/72h/navi-ovien_rakenne.gif) left center no-repeat;}
			#navi a#jalleenmyyjahaku { background:transparent url(/pics/72h/navi-jalleenmyyjahaku.gif) left center no-repeat;}
			#navi a#usein_kysytyt_kysymykset { background:transparent url(/pics/72h/navi-faq.gif) left center no-repeat;}
	
		/**
			Content area
		**/	
		#page {
			position:relative;
			width:643px;
			background:transparent url(/pics/72h/page.gif) repeat-y;
			margin-left:20px;
			min-height:390px;
			/** ie6 min-height hack **/
			height:auto;
			_height:390px;
			
		}
			#content {
				position:relative;
				width:643px;
				background:transparent url(/pics/72h/page.jpg) 3px 0px no-repeat;
				min-height:300px;
				/** ie6 min-height hack **/
				height:auto;
				_height:300px;
			}
				
				 
				#content h3.pageName {
					position:absolute;
					height:100px;
					color:#ffffff;
					text-indent:60px;
					margin-top:-6px;
					margin-left:20px;
					padding-top:0.5em;
					font-size:20px;
					font-weight:normal;
					background:transparent url(/pics/72h/h3-pagename.jpg) no-repeat;
				}
				#contentArea {
					padding:0em 2em;
					padding-top:90px;
				
				}
				/**
					text-style definitions, not taken from text.css
				**/
				#contentArea h1,#contentArea h2,#contentArea h3 { font-size:19px;color:#004062;margin-top:1em;font-weight:normal;}
				#contentArea h4,#contentArea h5,#contentArea h6 { font-size:13px;color:#004062;margin-top:1em;}
				#contentArea p { margin-bottom:1em;line-height:1.3em;}
				#contentArea ul,#contentArea ol {
					margin-left:2em;
				}
				#contentArea ul ul,#content ol ol { margin-left:1em; }
				#contentArea li { font-size:11px;margin-bottom:0.5em;}
				#contentArea a { color:#fe6317;}
				#contentArea img {}
				#contentArea table {}
				
				#backIndex {
					position:relative;
					width:100%;
					height:3em;
					text-align:right;
				}			
				#backIndex a { font-size:11px;color:#fe6317; }
			
		/**
			FOOTER
		**/
		#footer,#footerSubpage {
			position:relative;
			width:100%;
			clear:both;
			top:5px;
			
			vertical-align:top;
		
		}
		#footer {}
		#footerSubpage { left:40px;}
			#footer a img,#footerSubpage a img { border:none;}
			#footer p,#footerSubpage p { position:absolute;top:1em;text-align:right;right:35px;color:#949495;font-weight:bold;font-size:10px;}
			#footer a,#footerSubpage a { color:#949495;text-decoration:none;}
			#footer a:hover,#footerSubpage a:hover {text-decoration:underline; }
/**
	J�lleenmyyntihaun taulukon tyylit
	72h-jalleenmyyntihaku.jsp
**/		
		#contentArea {
			padding-bottom:1em;
		}
		#contentArea p.helpText {
			float:left;
			width:70%;
		}
		#contentAreaform {float:left;width:27%;display:inline;}
		#contentArea input.startSearch { position:absolute;margin-top:3px;margin-left:10px; }
		
		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;}