@charset "UTF-8";
/* CSS Document */

/* PNG FIX for IE6 */
img, div, td, input {_behavior: url("jscripts/iepngfix.htc");}

/* INIT */
* { 2border:0; margin:0; padding:0; }
html { height:100%; width:100%; }
body { text-align:center; margin:0 0 0 0; background:#f7f9f9; height:100%; width:100%; }

img { border:none; }

.cbox { margin:0 auto; width:950px; text-align:left; }
.wbox { margin:0 auto; width:100%; text-align:center; }
.clr { clear:both; }
.addmtop { margin-top:20px; }
.addmbtm { margin-bottom:5px; }

#header { height:78px; display:table; background:url('../img/top-bg.jpg') 0 0 no-repeat; position:relative; }
#logo { width: 475px; height:57px; float:left; text-align:left; padding-top:21px; }
#topbt { width:475px; height:24px; float:left; padding-top:54px; text-align:right; }

.topbt-span { padding-left: 20px; }

#wrapper { background: #4b86b7; 2height:100%; }

#topnav-wrap { height:38px; background: url('../img/topnav-bg-4.gif'); position:relative; z-index:2; }
#topnav-1 { background: url('../img/topnav-bg-1.gif'); width:1px; height:38px; float:left; }
#topnav-2 { background: url('../img/topnav-bg-2.gif'); width:auto; height:25px !important; height:38px; float:left; padding: 13px 10px 0px 15px;	}
#topnav-3 { background: url('../img/topnav-bg-3.gif'); width:154px; height:38px; float:left; }
#topnav-4 { background: url('../img/topnav-bg-4.gif'); 2width:auto; height:24px; float:right; padding: 14px 30px 0 0; position:relative; }
#topnav-5 { background: url('../img/topnav-bg-5.gif'); width:1px; height:38px; float:right; }

#topnav-sub1 { position:absolute; top:40px; left:-55px; background:grey; width:150px; height:200px; }

#topnavmenu { margin:0; padding:0; }
#topnavmenu li { display:inline; list-style-type:none; margin-left:20px; }

#landing { height:300px; }
#cnt { background: url('../img/cnt-bg.jpg'); height:200px; clear:both; }
#btm { background: url('../img/btm-bg.png'); height:105px; text-align:center; }
#footer-wrap { background: url('../img/footer-bg.png') repeat-x; height:59px; }
#footer-wrap2 { height:59px; }
#footer-boxl { padding-top: 20px; width:518px; float:left; }
#footer-boxr { padding-top: 20px; width:432px; float:left; text-align:right; }

#inpage { 2height:100%; position:relative; display:table; 2overflow:hidden; z-index:1; }
#inpage-nav { width:200px; float:left; 2position:relative; 2height:100%; display:block; padding-bottom:100000px; margin-bottom:-100000px; }
#inpage-cnt { width:750px; float:left; 2position:relative; height:auto; background:white; display:table-cell; }

#inpage-li-top ul { font-size:12px; }
#inpage-li-top ul li { list-style-type:none; line-height:23px; }
#inpage-li-top ul a { color:#ADC9DD; 2padding-left:5px; display:block; width:150px; }
#inpage-li-top ul a:hover { background:#679ECC; color:#FFFFFF; }
#inpage-li-hdr { padding-bottom:3px; }

#inpage-box { width:950px; height:100%; }
#inpage-li-wrap { width:200px; background:url('../img/inpage-nav-m.gif'); vertical-align:top; height:100% }
#inpage-li { height:100%; }
#inpage-li-top { background:url('../img/inpage-nav-top.gif') no-repeat; padding-top:30px; padding-left:20px; vertical-align:top; }
#inpage-li-btm { background:url('../img/inpage-nav-btm.jpg'); width:200px; height:206px; vertical-align:top; }

#inpage-cnt-txt { background:#E0EFF6 url('../img/inpage-cnt-bg.gif') no-repeat; vertical-align:top; padding:25px 20px; }
#inpage-cnt-hdr { height:30px; }
#inpage-cnt-hdr-wrap { width:100%; height:30px; }
#inpage-cnt-hdr-img { padding-right:10px; }
#inpage-cnt-hdr-line-td { width:100%; vertical-align:center; }
#inpage-cnt-hdr-line { height:1px; width:100%; background:#b5cde7; overflow:hidden; }
#inpage-cnt-nav { text-align:right; position:relative; }
#inpage-cnt-subhdr { margin-bottom:8px; }
#inpage-cnt-pbar { clear:left; float:left; width:auto; padding-right:10px; }
#inpage-cnt-pbar-button2 { clear:left; float:right; }
#inpage-cnt-pbar-img { float:left; padding-right:10px; }
#inpage-cnt-pbar-img div, #inpage-cnt-pbar-button { float:left; }
#inpage-cnt-form { clear:left; padding-bottom:80px; }
#inpage-cnt-input td { height:25px; vertical-align:top; }
#inpage-cnt-input-question { 2width:90%; }
#inpage-cnt-table td { vertical-align:top; }
#inpage-cnt-para-line { height:1px; width:90%; background:#b5cde7; overflow:hidden; margin:5px 0px 10px 0px; }
.inpage-cnt-inputfull { width:100% }

#inpage-cnt-li { font-size:12px; border-bottom:1px #C4D9EC solid; float:right; padding-bottom:5px; }
#inpage-cnt-li li, #inpage-cnt-li li a { display:inline; list-style-type:none; width:auto; color:#898989; }
#inpage-cnt-li li a:hover { color:#4d7cc1; }
#inpage-cnt-li li .inpage-cnt-li-hover { color:#4d7cc1; }

.inpage-cnt-main { float:left; width:68%; }
.inpage-cnt-main ol { list-style-position: outside; margin-left: 25px; font-size:14px; }

.inpage-cnt-main2 { float:left; width:68%; margin-right:2%; }
.inpage-cnt-mainfull { float:left; width:100%; }
.inpage-cnt-piccol { float:left; width:30%; margin-right:2%; }
.inpage-cnt-piccol2 { float:left; width:30%; }
.inpage-cnt-piccol-q { float:left; width:30%; margin-right:3%; text-align:center; }
.inpage-cnt-img { border:1px #467ea3 solid; margin-bottom:10px; }
.inpage-cnt-para { position:relative; width:100%; margin-bottom:10px; float:left; }

.inpage-cnt-para-q { position:relative; width:100%; padding-top:80px; margin-bottom:10px; float:left; }
.inpage-cnt-input-alignr { text-align:right; }
.inpage-cnt-input-toppad { padding-top:5px; }
.inpage-cnt-input-itempad { padding-right:5px; white-space:nowrap; }
.inpage-cnt-input-itempad2 { padding-right:15px; white-space:nowrap; }
.inpage-cnt-mainli { font-size:14px; padding:0px 0px 10px 15px; }
.inpage-cnt-warn { color:red; 2display:none; padding-left:5px; }

#inpage-cnt-mailform td p { line-height:25px; padding:0; margin:0; }
.inpage-cnt-mailform-alignr { text-align:right; }

.inpage-radiostyle { padding-right:5px; }
.button { 2height:22px; 2width:50px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 8pt; padding:2px 5px 2px 5px; }
.txtfield { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; }
.txtfieldadd { width:250px; }
.txtfieldunit { width:50px; }
.txtfieldtotal { width:80px; }
.tfwidth { width:350px; }

#inpage-li-top .inpage-ul-hover { background:#679ECC; color:#FFFFFF; }

.landing-line { width:1px; height:300px; background:#5092bc; float:left; }
.landing-img { width:948px; height:300px; float:left; }

.cnt-boxtxt { width:294px; height:190px; float:left; padding:0 0 0 12px; }
.cnt-boxtxt-hdr { width:156px; height:40px; float:left; background:url('../img/zhhk/cnt-boxtxt-hdr.png'); margin-left:-8px; }
.cnt-boxtxt-main { width:256px !important; width:266px; height:120px; float:left; overflow:hidden; padding:10px 10px 10px 15px; margin-top:10px;  2margin-left:10px; background:url('../img/bt-txt.jpg') no-repeat 0 0; }
.cnt-boxtxt-main p { font-size:12px; line-height:14px; padding:0px; margin-bottom:8px; }
.cnt-boxtxt-main .cnt-innertxt { 2line-height:10px; }
.cnt-boxbt { width:306px !important; width:320px; height:150px; float:left; padding:50px 0px 0 11px !important; padding:50px 0px 0 10px; }
.cnt-sprt { width:1px; height:200px; float:left; background:url('../img/cnt-sprt.png'); }

.sitemap { float:left; width:33%; position:relative; }
.sitemap ul { list-style-type:none; }
.sitemap ul li { padding:3px 0; }
.sitemap ul ul { margin-left:18px; }
.sitemap ul ul li { padding:0; }

.problem, .problem2 { margin-bottom:10px; font-size:14px; }
.problem th, .problem2 th { padding-right:5px; text-align:left; color:#444444; }
.problem strong, .problem2 strong { font-weight:normal; color:red; }

.problem-age { width:48%; padding-right:10px; float:left; font-size:14px; color:red; }
.problem-age table { width:100%; margin-bottom:20px; border:1px solid #b5cde7; border-collapse:collapse; border-spacing:0; }
.problem-age table td, .problem-age table th { padding:3px; font-size:14px; border:1px solid #b5cde7; vertical-align:top; }
.problem-age table th { text-align:left; font-weight:bold; color:#444444; }

.problem2 { margin-bottom:40px; }
.problem2 td { padding-bottom:10px; }
.problem2 .photo { width:100%; }
.problem2 .photo th { 2font-size:12px; }

/* TXT */
p { margin-bottom:15px; font-size:14px; line-height:19px; }
#inpage-cnt-table p, #inpage-cnt-input p { margin:0; padding:0; }
#inpage-cnt-input .pmg { margin-bottom:5px; }
.small { font-size:12px; line-height:14px; }
#inpage-cnt-txt .important { color:#9e0b0f; }

h1 { font-size:18px; font-weight:normal; }
h2 { margin-bottom:3px; font-size:15px; font-weight:normal; }
h3 { margin-bottom:3px; font-size:13px; font-weight:normal; }

body { font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }
body a { text-decoration:none; color:#FFFFFF; }
body a:hover { color:#CCCCCC;  }

.topbt-txt { font-size: 11.5px; }

.topnav-txt { color:#C5C5C5; }
.topnav-txt a { color:#C5C5C5; }
.topnav-txt a:hover { color:#959595; }

#inpage-cnt-txt, #inpage-cnt-txt p, #inpage-cnt-txt table { color:#6A6A6A; } /* #959595 */
#inpage-cnt-txt h1, #inpage-cnt-txt h2, #inpage-cnt-txt h3 { color:#4D7CC1; }
#inpage-cnt-input p { padding-right:10px; }
#inpage-cnt-mailform { width:100%; }
#inpage-cnt-mailform td { padding-right:10px; vertical-align:top; }
.inpage-cnt-mailform-piccol { width:225px; vertical-align:top; }

.cnt-innertxt { color:#333333; }
.cnt-innertxt a { color:#333333; }
.cnt-innertxt a:hover { color:#444444; }

.footer-txt { font-size: 10px; color:#959595; }
.footer-txt a, .inpage-cnt-para a { color:#959595; }
.inpage-cnt-para a { text-decoration:underline; }
.footer-txt a:hover, .inpage-cnt-para a:hover { color:#505050; }

.hide { visibility:hidden; height:17px; }
.hidepic { display:none; }

.sitemap ul { color:#999999; line-height:16px; font-size:12px; }
.sitemap ul ul{ color:#999999; line-height:16px; font-size:10px; }
.sitemap ul a { text-decoration:none; color:#999999; }
.sitemap ul a:hover { color:#347094; }

/* DEBUG */
.d-bg { background:black; }