/*html, body, #holder { min-height: 100%; width: 100%; height: 100%; } html>body, html>body #holder { height: auto; }*/ * { margin:0; padding:0; } body { margin: 0; padding: 0; border: 0; background: #fff;} /* holder */ #holder { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 994px; text-align: left; } #hhead { position: relative; width: 100%; height: 213px; margin: 0; padding: 0; background: #fff url(pics/bgHeader.jpg) no-repeat 0 0; } #hbody { position: relative; width: 100%; height: auto; clear: both;} * html body #hbody { height: 100%;} #hfoot { position: absolute; width: 100%; height: 23px; clear: both; bottom: 0; left: 0; margin: 0; background: #fff;} #hhead .hhead, #hbody .hbody, #hfoot .hfoot { position: relative; margin: 0; padding: 0; width: 100%;} #hhead .hhead { height: 100%; } #hbody .hbody { margin: 0 0 30px 0; min-height: 510px; width:100%; background: #fff url(pics/bgBody.gif) no-repeat center top; } * html body #hbody .hbody { height: 510px; } /* head */ #hhead #generalMenu { position:absolute; display: block; top: 0; right: 22px; padding: 0; margin: 0; width: 224px; height: 120px; } #hhead .logo { position:absolute; display: block; bottom: 0; right: 0; padding: 0; margin: 0; width: 100%; height: 56px; } .addressBox .logo2 { position:absolute; display: block; bottom: -56px; right: 0; padding: 0; margin: 0; width: 100%; height: 56px; } #hhead .logo3 { position:absolute; display: block; bottom: -75px; right: 0px; padding: 0; margin: 0; width: 100%; height: 56px; } /* body */ #hbody .tpl { position: relative; width: 584px; margin: 0 190px 0 205px; } #hbody .tpl .column { position: relative; width: 175px; height: auto; } #hbody .tpl #menuBox { float: left; display: inline; margin-left: -183px; z-index: 10;} #hbody .tpl #menuBox h1, #hbody .tpl #menuBox h2 { position: relative; height: 21px; margin: 0; padding: 10px 0 0 16px; background: #fff url(pics/bgTitle.gif) no-repeat center top; font: bold 11px/11px Arial, Helvetica, sans-serif; color: #fff; } #hbody .tpl #menuBox .loginholder { position: relative; width: 175px; margin: 0; padding: 0; background: #fff url(pics/bgNewsbox.gif) no-repeat center top; } #hbody .tpl #menuBox .loginholder div { position: relative; width: 147px; margin: 0; padding: 10px 14px 0 14px; overflow: hidden; } #hbody .tpl #menuBox .loginholder input { position:relative; width: 140px; margin: 1px; padding: 1px; font: 11px/13px Arial, Helvetica, Verdana, sans-serif; } #hbody .tpl #menuBox .loginholder p { margin: 0; padding: 10px 14px; } #hbody .tpl #menuBox .loginholder a { float:right; margin: 2px 2px 4px 0; padding: 4px; width:60px; height:11px; color:#5f6363; font:bold 11px/11px Arial,sans-serif; } #hbody .tpl #menuBox .loginholder a:hover { text-decoration:none; } #hbody .tpl #menuBox .longEnd { position: relative; width: 175px; height: 59px; margin: 0 0 16px 0; padding: 0; background: #fff url(pics/bgNewsboxLongend.gif) no-repeat center top; } #hbody .tpl #newsBox { float: right; margin-right: -175px; right: -8px; top: 0; } #hbody .tpl #newsBox h2 { position: relative; height: 21px; margin: 0; padding: 10px 0 0 16px; background: #fff url(pics/bgTitle.gif) no-repeat center top; font: bold 11px/11px Arial, Helvetica, sans-serif; color: #fff; } #hbody .tpl #newsBox .newsholder { position: relative; width: 175px; margin: 0; padding: 0; background: #fff url(pics/bgNewsbox.gif) no-repeat center top; } #hbody .tpl #newsBox .newsholder p { margin: 0; padding: 10px 14px; } #hbody .tpl #newsBox .newsholder ul { margin: 0; padding: 5px 14px; list-style: none; color: #000;} #hbody .tpl #newsBox .newsholder ul li { position: relative; width: 100%; overflow: hidden; font: 11px/11px Arial, sans-serif; padding: 5px 0; } #hbody .tpl #newsBox .newsholder ul li a { color: #5f6363; } #hbody .tpl #newsBox .newsholder ul li a.more { position: relative; display: block; height: 11px; float: right; font-weight: bold; color: #000; padding: 4px; } #hbody .tpl #newsBox .newsholder h3 { font: bold 11px/13px Arial, sans-serif; color: #000; } #hbody .tpl #newsBox .newsholder h4 { font: bold 11px/13px Arial, sans-serif; color: #fd1912; } #hbody .tpl #newsBox .longEnd { position: relative; width: 175px; height: 59px; margin: 0 0 16px 0; padding: 0; background: #fff url(pics/bgNewsboxLongend.gif) no-repeat center top; } #hbody .tpl #newsBox .addressBox { color: #959595; padding-left: 14px; background: #fff url(pics/kiwa_logos.png) no-repeat top right; min-height: 102px; padding-top: 9px; } #hbody .tpl #newsBox .addressBox a { color: #959595; text-decoration: none; } #hbody .tpl #newsBox .addressBox a:hover { text-decoration: underline; } #hbody .tpl #mainMenu { position: relative; left: 0; width: 175px; margin: 0; padding: 0; background: #fff url(pics/bgMainmenu.gif) no-repeat left top; z-index:100; } * html body #hbody .tpl #mainMenu { height: 10%; } #hbody .tpl #content { position: relative; padding: 0 10px; width: 564px; overflow:hidden; } #content .text { position: relative; padding: 10px 4px; } #content .text h1 { font: bold 11px/13px Arial, sans-serif; color: #000; } /* foot */ #hfoot .hfoot { height: 13px; overflow: hidden; padding: 5px 0; } #hfoot .footNav { position: relative; height: 13px; line-height: 11px; margin: 0 0 0 26px; color: #959595; } /* breadcrum */ #breadcrum { position: relative; height: 22px; margin-bottom: 6px; background: url(pics/bgBreadcrum.gif) no-repeat center bottom; } #breadcrum ul.breadcrumMenu { position: relative; height:12px; padding: 4px; margin: 0; list-style: none; color: #959595; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; z-index: 1; } #breadcrum ul.breadcrumMenu li { position: relative; float: left; height: 12px; padding: 0 10px 0 0; margin: 0 4px 0 0; background: url(pics/dividerBreadcrums.gif) no-repeat 100% center; } #breadcrum ul.breadcrumMenu li.lastNode { background: none; } #breadcrum ul.breadcrumMenu li a, ul.breadcrumMenu li a:link, ul.breadcrumMenu li a:visited { color: #959595; text-decoration: none; padding: 0; line-height: 11px; text-transform: lowercase; } #breadcrum ul.breadcrumMenu li a:hover, ul.breadcrumMenu li a:active, ul.breadcrumMenu li a.active, ul.breadcrumMenu li a:visited.active { text-decoration: underline; } #breadcrum ul.breadcrumMenu li span { line-height: 12px; } /* general menu */ #generalMenu ul.generalMenu { position:relative; margin: 10px 0 0 8px; height: 11px; font: bold 11px/11px Arial, Helvetica, sans-serif; background: #fff;} #generalMenu ul.generalMenu li { position:relative; float: left; height: 13px; padding: 0; background: #fff; border-right: 1px solid #959595; } #generalMenu ul.generalMenu li.lastNode { border: 0; } #generalMenu ul.generalMenu li a, #generalMenu ul.generalMenu li a:link, #generalMenu ul.generalMenu li a:active, #generalMenu ul.generalMenu li a:visited { position: relative; padding: 0 5px; text-decoration: none; text-transform: lowercase; color: #959595; font: bold 11px/11px Arial, Helvetica, sans-serif; } #generalMenu ul.generalMenu li a:hover, #generalMenu ul.generalMenu li a.active, #generalMenu ul.generalMenu li a.active:link, #generalMenu ul.generalMenu li a.active:visited, #generalMenu ul.generalMenu li a.active:hover, #generalMenu ul.generalMenu li a.active:active { position: relative; text-decoration: none; padding: 0 5px; color: #fd1912; } /* main menu */ #mainMenu ul.mainMenu { display: block; padding: 8px 6px 12px 8px; font: bold 11px/11px Arial, Helvetica, sans-serif; background: url(pics/bgMainmenuEnd.gif) no-repeat center bottom; z-index: 100;} #mainMenu ul.mainMenu li { position:relative; margin: 0; padding: 1px; border: 0; background: transparent; z-index: 1; } #mainMenu ul.mainMenu ul { position: absolute; width: 132px; top: -2px; margin-left: 159px; padding: 6px 0 3px 0; background: url(pics/bgMainmenuSub.gif) no-repeat center top; } #mainMenu ul.mainMenu li ul li { position:relative; padding: 0; margin: 0; width: 100%; min-height: 21px; background: #FD1912; } * html #mainMenu ul.mainMenu li ul li { height: 21px; } #mainMenu ul.mainMenu li ul li.end { position: absolute; top: 100%; margin-bottom: -3px; height: 3px; background: url(pics/bgMainmenuSubEnd.gif) no-repeat center top; } #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:link, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; margin: 0; display: block; min-height: 13px; height:auto; width: auto; text-decoration: none; padding: 4px 8px; line-height: 13px; color: #636363; z-index: 1; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.mouse, #mainMenu ul.mainMenu li a.active:link, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { position: relative; display: block; min-height: 13px; text-decoration: none; padding: 4px 8px; line-height: 13px; background: url(pics/bgMainmenuSelected.gif) no-repeat 0 0; color: #fd1912; z-index: 0; } #mainMenu ul.mainMenu ul li a, #mainMenu ul.mainMenu ul li a:link, #mainMenu ul.mainMenu ul li a:visited, #mainMenu ul.mainMenu ul li a:active, #mainMenu ul.mainMenu ul li a.active { display: block; min-height: 13px; width: auto; text-decoration: none; padding: 2px 8px; line-height: 13px; background:#FD1912; color: #000;} #mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active, #mainMenu ul.mainMenu ul li a.active:visited, #mainMenu ul.mainMenu ul li a.mouse, #mainMenu ul.mainMenu ul li a.active:hover, #mainMenu ul.mainMenu ul li a.active:active { display: block; min-height: 13px; width: auto; text-decoration: none; padding: 2px 8px; line-height: 13px; background:#FD1912; color: #fff;} /*#mainMenu ul.mainMenu ul ul a, #mainMenu ul.mainMenu ul ul a:link, #mainMenu ul.mainMenu ul ul a:visited { display: block; height:3.8ex; text-decoration: none; padding: 0 0 0 0.8em; line-height:3.8ex; font-weight: bold; color: #000; } #mainMenu ul.mainMenu ul ul a:hover, #mainMenu ul.mainMenu ul ul a.active, #mainMenu ul.mainMenu ul ul a.active:link, #mainMenu ul.mainMenu ul ul a.active:visited, #mainMenu ul.mainMenu ul ul a.active:hover, #mainMenu ul.mainMenu ul ul a.active:active { display: block; height:3.8ex; text-decoration: none; padding: 0 0 0 0.8em; line-height:3.8ex; color: #a4294a; background: #fff; }*/ /*#mainMenu ul.mainMenu ul ul { display: none; visibility: hidden; } */ #mainMenu ul.mainMenu ul ul { top: -6px; margin-left: 130px; } /* footer */ #footMenu ul.footMenu { display: inline; position: relative; height: 13px; overflow: hidden; font: 11px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; list-style: none; } #footMenu ul.footMenu li { float: left; border-right: 1px solid #959595; text-align: center; } #footMenu ul.footMenu li.lastNode { border-right: 0; } #footMenu ul.footMenu li a { padding: 0 8px; margin: 0; line-height: 13px; text-decoration: none; color: #959595; text-transform: lowercase; } * html body #footMenu ul.footMenu a {display: inline; } #footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #959595; } #footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline; color: #f00;} #footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; }