/*
	* **********************************
	* Stylesheet for common webbrowsers
	* **********************************
*/

/* clears all the margins and paddings for elements, expect for tables */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { margin: 0;padding:0;}

/* clearfix */
.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%;
}

a { outline: none;} /* removes borders from links on Mozilla Firefox */

body { 
	background:#ffffff url(/pics/fenestra/body.gif) center top repeat-x;
	font-family: Arial, verdana, sans-serif;
	color:#4b4b4b;
	font-size: 12px;
	}
	#wrapper { position: relative; width: 1000px; margin: 0 auto; top: 5px; padding-top: 16px; /* background: url(/pics/72h/wrapper.gif) center top repeat-y; */ }
		#header { position: relative; width: 598px; margin: 0 auto; }
			#doorModelSelector { position: relative; width: 575px; padding-left: 23px; padding-top: 15px; background:#6d6e6c url(/pics/72h/doorModelSelector.gif) left top no-repeat; min-height: 130px;}
				#doorModelSelector h2 { font-size: 26px; color:#fff; margin-bottom: .75em;}
				.doorCol { float:left;}
					.doorCol ul { list-style-type: none;}
					.doorCol li {  padding-bottom: 0.5em;}
					.doorCol li a { color:#fff; text-decoration: none; font-style: italic; font-size: 14px;}
				#doorModelSelector .leftCol { width: 118px;  margin-right: 22px;}
				#doorModelSelector .middleCol { width: 200px;  margin-right: 22px;}
				#doorModelSelector .rightCol { width: 111px;}
				#doorModelSlideShowWrapper { position:absolute; left: 485px; top: 20px;}
			#doorModelSelector-footer { position: relative; width: 598px; background: url(/pics/72h/doorModelSelector-footer.gif) left top no-repeat; height: 6px;} 
		
			#mainImageArea { position: relative; width: 598px; height: 246px; background: url(/pics/72h/frontpage.jpg) no-repeat; margin-bottom: 16px;  }
				#mainImageArea h1 { display: none;}
					#solutionsSelector { position: absolute; width: 598px; height: 106px; top: 140px;}
						#solutionsSelector p, #solutionsSelector h1, #solutionsSelector h2, #solutionsSelector h3, #solutionsSelector h4, #solutionsSelector h5, #solutionsSelector a { color:#fff; font-size: 18px; font-style: italic;}
						.solution { float:left; width: 46%; padding: 2%;}
			.liftArea { position: relative; width: 598px; margin-top: 16px;}
				.liftArea 
				.liftArea p { margin-bottom: 0.5em;} 
					.liftArea a { color:#f57d17;}
				.liftCol { float:left; width: 220px; padding-left: 13px; height: 150px;}
					#content .liftCol h3 { font-size: 18px; color:#002c5b; margin-bottom: .75em; padding-bottom: 0.25em; border-bottom: 1px solid #dcdcdc;}
					.liftCol div { position: relative; width: 99%;}
					.colNro-3 { border:none; padding-left: 0; width: 180px;}
					.colNro-5 { width: 120px;}
						.colNro-5 div { width: 120px; padding-top: 32px;}
		#page { position: relative; width: 598px; margin: 0 auto; padding-top:16px;}
			#content-header { position: relative; width: 598px; height: 15px; background: url(/pics/72h/content-header.gif) left top no-repeat;}
			#content { position: relative; width: 566px; padding:0 16px; background: url(/pics/72h/content.gif) left top repeat-y; padding-bottom: 20px;}
				#backIndex { position: absolute; right: 16px; top: 15px;}
					#content #backIndex a { color:#868686; text-decoration: none;}
						#content #backIndex a:hover { text-decoration: underline;} 
			/* text styles */
			#content h1.pageName { font-size: 26px; color:#002c5b; font-weight: normal; padding-bottom: 0.25em; margin-bottom: .75em; border-bottom: 1px solid #dcdcdc;} /* page title style */
			#content h2  { font-size: 20px; color:#2a2a2a; margin-top: 0.75em; margin-bottom: .25em; font-weight: normal;}
			#content h3 { font-size: 18px; color:#2a2a2a; margin-top: 0.75em; margin-bottom: .25em; font-weight: normal;}				
			#content h4 { font-size: 16px; color:#2a2a2a; margin-top: 0.75em; margin-bottom: .25em; font-weight: normal;}
			#content ul,#contentArea ol { margin-left:2em; }
				#content ul ul,#content ol ol { margin-left:1em; }
				#content li { margin-bottom:0.5em;}
			#content p { margin: .25em 0 0.5em 0;}
			#content a { color:#D76F23;}
			#content img {}
			#content a img { border:none;}
			#content table {}
			
			#content-footer { position: relative; width: 598px; height: 15px; background: url(/pics/72h/content-footer.gif) left bottom no-repeat; }
			
		#subnavigation { position: absolute; top: 203px; left: 0px;}
			#subnavigation ul { list-style-type: none;}
						#subnavigation li { border-bottom: 1px solid #d8d8d8; padding-bottom: 10px;  padding-left: 10px; background: url(/pics/fenestra/subnavi.gif) -99999px 0px  no-repeat;}
							#subnavigation li a { display: block; width: 180px; font-size: 12px; color:#6f6f6f; text-decoration: none; padding-top: 10px;}
							#subnavigation li.active, #subnavigation a.active { background:url(/pics/fenestra/subnavi.gif)  right center  no-repeat;}
							#subnavigation li.active a { color:#3b3b3b;}
							#subnavigation li.active li a {  color:#6f6f6f; }
							#subnavigation li li.active li a  { color:#000; }
						#subnavigation ul ul { margin-top: 0.5em; margin-left: 1em;}	
							#subnavigation li li { border-bottom:none; padding: 0.25em 0;} 	
								#subnavigation li li a { font-size: 12px; text-decoration: none; }
								#subnavigation li li li { margin-top: 2px; padding-bottom: 2px;}
								#subnavigation li li li a { font-size: 12px; color:#000; text-decoration: none; }	
						#subnavigation li a:hover { text-decoration: underline;}
		#footer-wrapper { position: relative; width: 950px; margin: 0 auto;  padding-top: 22px; }
		#footer { position: relative; width: 598px; margin: 0 auto; height: 70px;}
			#footer h4 { position: absolute; left:0px; width: 165px; height: 51px; background: url(/pics/72h/footer-logo-fenestra.jpg) no-repeat; text-indent: -999999px; }
			#footer h5 { position: absolute; right:0px; top:0px; width: 54px; height: 51px; background: url(/pics/72h/footer-logo-72h.jpg) no-repeat; text-indent: -999999px; }
			#footer p { position: absolute; left: 230px; top: 15px; color:#868686;}
				#footer p a { color: #868686; }
		
	/*
		Resellers
		pagetemplates/72-jalleenmyyntihaku.jsp
	*/
		td.resellerName { border-bottom: 1px solid #ddd; padding-top: 1em; padding-bottom: 1em;}