@charset "utf-8";
/* DAIHEN Advanced Component,Inc. */
html {font-size:100%;}

body {color:#444;
	font: 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#f9f9f9 url(images/bg_side_nav.gif) left top repeat-y;
	line-height:18px;
}


* {margin:0; padding:0;}


input{ margin:0; padding:0;}
:focus {outline: none;}
a img{border:none; text-decoration:none;}
img{border:none; margin:0;}
a, a:link, a:visited {color:#0400f9; text-decoration:none; outline:none;}	
a:hover {text-decoration:underline; color:#0400f9;}	
.displayBlock{ display:block;}
table{ border:none; padding:0; border-spacing:0;}
table td{ padding:0; margin:0;}
ul{list-style:none; margin:0;}
ul li{ background:url(../images/bullet_arw_gray.gif) 2px 3px no-repeat; line-height:14px; font-size:12px; padding:0px 0px 8px 13px;}
ul li ul{ padding:10px 0px 0px 15px;}
ul li ul>li{ background:none; list-style:outside square; padding-left:0px; padding-bottom:6px;}

.imgBorder{border:1px solid #d9d9d9;}
.italic {font-style:italic;}
.gray{color:#929294;}
.black{ color:#080808;}

.clr { clear:both; height:0px;}
.hide { display: none; }
.fltLft {float:left; }
.fltRgt {float:right; }
.alignRgt{text-align:right;}
.hide{display:none;}
.alignLft{ text-align:left;}
.alignRgt{ text-align:right;}
.alignCenter{ text-align:center;}

h1{color:#ec1a75; font: bold 17px Arial, Helvetica, sans-serif; line-height:17px; margin:0; padding:0px 0px 3px 0px;}
h2{color:#78797d; font: bold 30px Arial, Helvetica, sans-serif; line-height:34px; height:34px; margin:0; padding:0px 0px 0px 0px;}
h3{color:#fff; padding:0px 8px 0px 8px; font:normal 27px Arial, Helvetica, sans-serif; line-height:35px; height:35px; margin:0;  display:block; width:auto;}

h4{ margin:0; background:url(../images/icon_arw_cir.gif) left 4px no-repeat; padding:0px 0px 12px 23px; margin:0px 0px 0px 0px; font: normal 18px Verdana, Geneva, sans-serif; line-height:20px; color:#000;}

p{padding:0px 0px 17px 0px; line-height:18px;}


.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }
.noPadRight{ padding-right:0px !important;}

blockquote {margin:12px 0px 15px 0px; font-size:11px; font-style:italic; font-family:Arial, Helvetica, sans-serif; line-height:14px !important; color:#929294; padding: 0px 0px 0px 50px; }

.box {height: auto;width:auto; margin:0; padding:0; position:relative;}
.poRelative{ position:relative;}
.poAbsolute{ position:absolute;}

/*--  containers -------*/

#headContainer{ width:952px; height:96px; padding:0px; margin:0 auto; padding:0px 36px 0px 36px; background:#fff; position:relative;}
#bannerContainer{ width:952px; margin:0 auto; padding:0px 36px 0px 36px;}
#whiteBg{ background:#fff;}
#bannerBg{ background:#d8d9db;}
#bodyContainer{ width:1024px; margin:0 auto;  padding:0px 0px 0px 0px; background-color:#fff; position:relative; vertical-align:top;}
#footContainer{ width:952px; height:100px; margin:0 auto;  padding:0px 36px 0px 36px;}
#footBg{ background:#e6e7e9 url(../images/bg_footer2.gif) 0 0 repeat-x;}

/*------------------header----------------------------*/

.logo{ width:111px; height:63px; display:block; margin:17px 0px 0px 0px; background:url(../images/logo.gif) left top no-repeat; float:left;}
.topLink{ background:url(../images/bullet_sq_blue.gif) 0 center no-repeat; font: 12px Arial, Helvetica, sans-serif;line-height:14px; padding-left:11px; position:absolute;  top:12px; right:36px;}
.topLink a, .topLink a:visited{ color:#6f6f6f;}

.breadcrumb{ width:687px; padding:2px 3px 18px 3px; font:11px Verdana, Geneva, sans-serif; line-height:13px;}
.breadcrumb a, .breadcrumb a:visited{ color:#444; text-decoration:none;}
.breadcrumb a:hover{ text-decoration:underline;}
.breadcrumb .here{color:#444;}

h5.pageTitle{color:#699622; border-bottom:3px solid #699622; font:24px normal Verdana, Geneva, sans-serif; line-height:26px; margin:0 3px 13px 3px;   padding:0px 0px 6px 0px; letter-spacing:0.04em;}

/*--------- top nav ---------*/
.navBox{ width:810px; padding: 51px 0px 0px 0px; float:right;}
ul#nav{ height:45px; list-style:none;}
ul#nav li{ float:left; height:29px; position:relative; padding:16px 0px 0px 0px; background:none;} /* ie6 */
ul#nav>li{ float:left; height:45px; position:relative; padding:0; background:none; }
ul#nav li.drop{background:url(../images/nav_drop_lft.gif) left top no-repeat;}
ul#nav li div{ padding:16px 25px 13px 25px; height:16px; display:inline;} /* ie6 */
ul#nav li>div{ padding:16px 25px 13px 25px; height:16px; display:inline-block;}
ul#nav li.drop>div{background: url(../images/nav_drop_rgt.gif) right top no-repeat;}

ul#nav li a, ul#nav li a:visited{ padding:0px 0px 0px 16px; height:16px; font:14px Verdana, Geneva, sans-serif; line-height:16px; letter-spacing:0.04em; text-decoration:none; color:#000; white-space:nowrap; background:url(../images/icon_nav.gif) 0 center no-repeat;}

ul#nav li a:hover, ul#nav li.active a{color:#0400f9; text-decoration:none;}
*html ul#nav li.active a{color:#0400f9 !important; text-decoration:none;} /* ie6 */
ul#nav li:hover{ background-position:left bottom;}
ul#nav li:hover>div{ background-position:right bottom;}
ul#nav li:hover>span{ height:1px; background-color:#fff; width:96%; position:absolute; left:3px; bottom:-1px; z-index:25;}

ul#nav li ul{ display:none; background:url(../images/nav_drop_t.png) 0 0px no-repeat; padding:5px 0px 2px 0px;  position:absolute; top:45px; left:0px; z-index:20; width:241px;}
ul#nav li.drop:hover ul{ display:block; list-style:none;}
ul#nav li ul li{float:none; width:191px; padding:5px 25px 5px 25px; display:block; background:url(../images/nav_drop_m.png) 0 0 repeat-y; height:auto; position:relative;}
ul#nav li ul div{ background:url(../images/nav_drop_b.png) 0 0 no-repeat; width:241px; height:6px; display:block; position: absolute; left:0px; bottom:-6px;}
ul#nav li ul li a{ font-size:12px; background:url(../images/bullet_sq_blue.gif) 3px 5px no-repeat; padding:0px 0px 0px 16px; line-height:14px; display:block; color:#000;}


ul#nav li.drop ul dl{ background:url(../images/nav_drop_b.png) 0 bottom no-repeat;  width:241px; padding-bottom:6px; display:block; margin:0;}
ul#nav li.drop ul dl dd{ background:url(../images/nav_drop_m.png) 0 0 repeat-y; width:191px; padding:5px 25px 5px 25px; display:block; height:auto;}
ul#nav li.drop ul dl dd > a{font:12px Verdana, Geneva, sans-serif !important; color:#000; background:url(../images/bullet_sq_blue.gif) 3px 5px no-repeat; padding:0px 0px 0px 16px; line-height:14px; display:block;}
ul#nav li.drop ul dl dd > a:hover{color:#0400f9 !important; text-decoration:none;}

ul#nav ul:after{ content:"."; visibility:hidden; display: block; height:0; clear:both;}

/*---------------------- home banner -------------------*/
#homeBanner{ width:952px; height:267px; padding:0px; margin:0; display:block; background:url(../images/banner_home.jpg) 0px 0px no-repeat;}
#bannerContainer img{ padding:0; margin:0;}

/* ------------ side nav ----------------*/
.sidenavBox{ width:221px; float:left; padding:22px 0px 225px 36px;}
.sidenavBg{ background:#fff url(../images/sidenav_bg_grad.gif) 36px 0px repeat-y; margin:0px 0px 0px 0px; width:1024px;}

#sidenav { width:221px; padding-bottom:0px;}
#sidenav h3{ height:18px; width:213px; padding:9px 3px 9px 3px; background:url(../images/sidenav_title_bg.gif) left top repeat-x;}
#sidenav h3 a{ font: normal 14px Verdana, Geneva, sans-serif; line-height:18px; height:18px; background:url(../images/icon_arw_cir2.gif) left top no-repeat; color:#000; padding-left:27px; display:block;}
#sidenav.active h3 a, #sidenav h3 a:hover{ background-position: left bottom; text-decoration:none;}
#sidenav dl{ padding:1px 5px 15px 30px; margin:0; display:none;}
#sidenav dl dt{ color:#000; font:14px normal Verdana, Geneva, sans-serif; line-height:16px; padding-bottom:8px; padding-top:10px;}
#sidenav dl dd{ padding:0px 0px 6px 17px; font:12px normal Verdana, Geneva, sans-serif; line-height:14px; background:url(../images/sidenav_subarw.gif) left 3px no-repeat;}
#sidenav dl dd a, #sidenav dl dd a:visited{ text-decoration:none; color:#3f3f3f;}
#sidenav dl dd a:hover, #sidenav dl dd.active a{ color:#0000fe;}
#sidenav.active dl{ display:block;}

.sideAddress{ width:199px; padding:22px 20px 40px 0px; background:#fff url(../images/sidenav_addr_bg.gif) left top repeat-x; font-size:11px; line-height:17px; position:absolute; left:36px; bottom:0px;}


/*----------------- main -----------------------------*/
.featureBox{ width:952px; padding:15px 36px 30px 36px; margin:0px 0px; background:url(../images/feature_divider.gif) center bottom no-repeat;}
.featureItem{ float:left; width:295px; color:#444444;}
.featureItem img{ width:295px; height:133px; display:block; padding-bottom:10px;}
.featureDivider{background:url(../images/featureitem_divider.gif) 311px top repeat-y; width:952px;  position:relative;}

.featurePadLft{ padding-left:16px;}
.featurePadLftRgt{ padding-right:17px; padding-left:16px;}
.featurePadRgt{ padding-right:17px;}

.link{ background:url(../images/bullet_arw_blue.gif) left 3px no-repeat; padding-left:11px; font-size:12px; line-height:15px; display:inline-block; clear:both; margin-top:3px;}
.backTop{ background:url(../images/arw_top.gif) left center no-repeat; padding:0px 36px 0px 12px; font-size:12px; line-height:15px; display:inline-block; float:right; margin:20px 0 0px 0;}

.homeContent{ padding:5px 33px 35px 33px;}
.homeLft{ width:145px; padding:0px 0px 0px 4px; float:left; font-size:11px; color:#5d5d5d;}
.homeRgt{ width:796px; float: right;}

.newsBox{ float:left; padding-right:27px; display:inline;}
.newsDate{ font-weight:bold;}

#niceBox{ background:#fff url(../images/box/box_m.gif) left top repeat-x;}
#niceBox .l{ background: url(../images/box/box_l2.gif) left top repeat-y;}
#niceBox .r{ background:url(../images/box/box_r2.gif) right top repeat-y;}
#niceBox .t{ background:url(../images/box/box_t.gif) left top repeat-x;}
#niceBox .b{ background:url(../images/box/box_b.gif) left bottom repeat-x;}
#niceBox .lt{ background:url(../images/box/box_lt.gif) left top no-repeat;}
#niceBox .rt{ background:url(../images/box/box_rt.gif) right top no-repeat;}
#niceBox .lb{ background:url(../images/box/box_lb.gif) left bottom no-repeat;}
#niceBox .rb{ background:url(../images/box/box_rb.gif) right bottom no-repeat; padding:12px 4px 15px 21px; display:block;}
#niceBox .content{ padding:0px 0px 3px 0px; color:#3e3e3e;  overflow-y:auto; overflow-x:hidden;}
#niceBox p{ line-height:17px; color:#3e3e3e; padding-bottom:18px;}
#niceBox img{ display:block;}

.featureLft{ float:left; width:auto; padding:15px 0px 13px 25px;}
.featureLft img{ border:1px solid #d9d9d9;}
.featureRgt{ float:right; width:680px; padding:15px 25px 13px 0px;}

/*---  sub page  -------------*/
.subpageRgtBox{ width:693px; float:right; padding:11px 33px 20px 0px;}

.subpageRgtBoxIn{ width:683px; padding:0px 5px;}

h4.product{ background:url(../images/product_title_bar.gif) left top no-repeat; width:661px; height:21px; padding:12px 16px 13px 16px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:13px; line-height:16px; color:#282828;}

.productBox{ width:693px; padding-bottom:20px;}

.productDetailLft{ float:left; width:270px; padding:10px 0 20px 5px;}
	.productDetailLft img{ padding-bottom:10px;}
.productDetailRgt{ float:right; width:388px; padding:10px 3px 20px 0;}

table#productInfo{ margin:0; width:388px; background:url(../images/product_mid.gif) left top repeat-y; border-spacing:0; padding:0; border-collapse:collapse;}
table#productInfo .row1{ width:132px; padding:4px 16px 4px 16px; color:#121313;}
table#productInfo .row2{ width:196px; padding:4px 16px 4px 12px;}
table#productInfo .top{ background:url(../images/product_top.gif) left top no-repeat; height:8px; width:388px;}
table#productInfo .btm{ background:url(../images/product_btm.gif) left bottom no-repeat; height:8px; width:388px;}
table#productInfo td{ line-height:13px; font:11px Verdana, Geneva, sans-serif; vertical-align: top;}

.extraDetail{ background:url(../images/product_divider.gif) 3px top no-repeat; width:683px; padding:12px 5px 10px 5px;}
.extraDivider{ background:url(../images/ver_divider.gif) 340px top repeat-y; padding-bottom:10px;}


#landBox{ background:#fff url(../images/landing_box/land_m.gif) left 204px repeat-x;}
#landBox .l{ background: url(../images/landing_box/land_l.gif) left top repeat-y;}
#landBox .r{ background:url(../images/landing_box/land_r.gif) right top repeat-y;}
#landBox .t{ background:url(../images/landing_box/land_t.gif) left top repeat-x;}
#landBox .b{ background:url(../images/landing_box/land_b.gif) left bottom repeat-x;}
#landBox .tl{ background:url(../images/landing_box/land_tl.gif) left top no-repeat;}
#landBox .tr{ background:url(../images/landing_box/land_tr.gif) right top no-repeat;}
#landBox .bl{ background:url(../images/landing_box/land_bl.gif) left bottom no-repeat;}
#landBox .br{ background:url(../images/landing_box/land_br.gif) right bottom no-repeat; display:block; overflow:hidden; padding:4px 4px 4px 4px;}
#landBox .content{  padding:10px 22px 15px 22px; color:#3e3e3e;  overflow-y:auto; overflow-x:hidden;}
#landBox .content a, #landBox .content a:visited{color:#3e3e3e;}
#landBox .content a:hover{ color:#65921f; text-decoration:none;}
#landBox .content a:hover span{color:#000; text-decoration:none;}
#landBox p{ line-height:17px; color:#3e3e3e; padding-bottom:18px;}
#landBox img{ height:200px;}

dl.landList{ margin:0; padding:0 30px 0px 20px; width:291px; float:left;}
dl.landList dt{ font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding-top:5px;}
dl.landList dd{background:url(../images/bullet_arw_blue.gif) left 3px no-repeat; padding:0 0 2px 11px; font-size:12px; line-height:15px; block; clear:both; margin-top:3px; margin-left:12px;}

.profileLft{ width:190px; float:left;}
.profileLft img{ width:188px; border:1px solid #d9d9d9;}
.profileRgt{ width:445px; float:right;}

table.profileInfo{ border-spacing:0; border-collapse:collapse; padding:0;}
table.profileInfo td.row1{padding:0px 12px 0 0px; font-weight:bold; color:#3f3f3f;}
table.profileInfo td{ padding-bottom:4px; line-height:17px; letter-spacing:0.02em; vertical-align:top;}
table.profileInfo th{ font-weight:bold; font-size:16px; color:#78aa29; text-align:left; padding-bottom:6px;}

.title{ font:18px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:0px 0px 12px 0px; line-height:20px; color:#000; display:block;}

.subLandTableDescri{ font-size:10px; display:block; line-height:12px;}
.subLandTableDescri .one{ background:url(../images/symbol_result.gif) left center no-repeat; padding-left: 13px; display:inline;}
.subLandTableDescri .two{ background:url(../images/symbol_development.gif) left center no-repeat; padding-left: 13px; display:inline;}
.subLandTableDescri .three{ background:url(../images/symbol_seespec.gif) left center no-repeat; padding-left: 13px; display:inline;}

table#subLandTable{ padding:0; margin:0; border: 1px solid #a9a9a9; border-spacing:0; border-collapse:collapse; letter-spacing:normal; text-align:center;}
table#subLandTable th{padding:4px 5px 4px 5px; line-height:12px; font-size:11px; font-weight:bold;border: 1px solid #a9a9a9; background:#cfcfcf; color:#000;}
table#subLandTable td{ padding:3px 5px 3px 5px; line-height:12px; font-size:11px; border: 1px solid #a9a9a9;}
table#subLandTable td.side{background:#cfcfcf; color:#000;}
table#subLandTable td.result{background:#d6e3c9;}
table#subLandTable td.spec{background:#9be3fa;}
table#subLandTable td.dev{background:#f2c9ea;}
table#subLandTable th.corner{background:#045bc0; width:60px; color:#fff;}


.bodyFull{ width:952px; padding:15px 36px 15px 36px;}


/*----- next & previous page navigation ------*/
.page-nav {
	clear: both;
	height: 23px;
	width:560px;
	padding-bottom: 0px;
	
}
.page-nav a, .page-nav a:visited {
	color: #6c4558;
	text-decoration: none;
}
.page-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.previous-entries a {
	float: left;
	padding-left: 20px;
	background: url(images/page_lft.gif) no-repeat left center; width:250px; height:23px; line-height:23px;
}
.next-entries a {
	float: right;
	padding-right: 20px;
	background: url(images/page_rgt.gif) no-repeat right center; width:250px; text-align:right; height:23px; line-height:23px;
}



/*----------------- foot --------------------------------*/
.footNavBox{ height:36px; background:url(../images/bg_footnav_body.gif) 0 0 repeat-x; float:left; display:inline-block; width:335px;}
.footNavBox2{ height:36px; background:url(../images/bg_footnav_lft.gif) 0 0 no-repeat; display:}
.footNavBox3{ height:14px; background:url(../images/bg_footnav_rgt.gif) right 0 no-repeat; padding:10px 8px 12px 8px; color:#4e4e4e; }

.footNavBox3 a, .footNavBox3 a:visited{ margin:0 12px; line-height: 14px; font:11px Arial, Helvetica, sans-serif; display:inline; color:#4e4e4e;}

.copyRight{ font:11px Arial, Helvetica, sans-serif; color:#888; line-height:13px; padding-top:15px; width:400px; text-align:right; float:right;}
.copyRight a, .copyRight a:visited{color: #b0b4b6;}
.copyRight a:hover{ color:#333; text-decoration:none;}

/*------------------ contact form -------------------------*/

table.contact td { padding:0 12px 10px 0; vertical-align:top; }
.contactInput { margin-right:55px; height:18px; }
.contactInputTitle { text-align:right; }
.contactInputTitle strong { color:#F00; }
.contactInput, .contactInputMsg { border:1px solid #999; }
contactInputTitle.error { margin-left: 253px; }


/*---------------------------space-----------------------*/
.padRgt10{ padding-right:10px;} /* for subLandTableDescri */
.padRgt32{ padding-right:32px;}
.mgnRgt32{ margin-right::32px;}
.padTop55{padding-top:55px;}
.padTop25{padding-top:25px;}
.padTop12{padding-top:12px;}
.padTop1{padding-top:1px;}
.padTop2{padding-top:2px;}
.padTop3{padding-top:3px;}
.padTop4{padding-top:4px;}
.padTop5{padding-top:5px;}
.padTop6{padding-top:6px;}
.padTop7{padding-top:7px;}
.padTop8{padding-top:8px;}
.padTop9{padding-top:9px;}
.padTop10{padding-top:10px;}
.padTop15{padding-top:15px;}
.padTop17{padding-top:17px;}
.padTop45{padding-top:45px;}
.padTop60{padding-top:60px;}
.padTop70{padding-top:70px;}
.mgnTop18{margin-top:18px;}
.padTop18{padding-top:18px;}
.mgnTop20{margin-top:20px;}
.mgnTop25{margin-top:25px;}
.mgnTop28{margin-top:28px;}
.padTop20{padding-top:20px;}
.padTop24{padding-top:24px;}
.padTop26{padding-top:26px;}
.padTop28{padding-top:28px;}
.padTop30{padding-top:30px;}
.padTop35{padding-top:35px;}
.padTop40{padding-top:40px;}
.padTop38{padding-top:38px;}
.padTop80{padding-top:80px;}
.padTop100{padding-top:100px;}
.padTop120{padding-top:120px;}
.mgnTop10{margin-top:10px;}
.mgnTop20{margin-top:20px;}
.mgnTop30{margin-top:30px;}
.mgnTop40{margin-top:40px;}
.mgnTop45{margin-top:45px;}
.padLft10{padding-left:10px;}
.padLft12{padding-left:12px;}
.padLft15{padding-left:15px;}
.padLft20{padding-left:20px;}
.padLft25{padding-left:25px;}
.padLft30{padding-left:30px;}

.lineH11{ line-height:11px;}
.lineH12{ line-height:12px;}