@charset "utf-8"; @media screen and (-webkit-min-device-pixel-ratio:0) { img.color1{position: absolute;right: 61px !important; top:; z-index: 10;} img.color2 {position: absolute;right:61px !important ;top:;} img.color3{position: absolute;right: 243px !important; top:; z-index: 10;} img.color4 {position: absolute;right:243px !important ;top:;} img.color5{position: absolute;right: 425px !important; top:; z-index: 10;} img.color6 {position: absolute;right:425px !important ;top:;} #wrap-toilet div.products {float:left;height:561px;width:500px; padding-left:2px !important; left:59px; position:relative;} #wrap-toilet a.arrow-right { background:url(images/arrow-right-bg.png) no-repeat 0 0; width:23px; height:25px; float:right; text-indent:-9999px; margin:270px 12px 0 0 !important; z-index:9999;} #wrap-product a.arrow-right { background:url(images/arrow-right-bg.png) no-repeat 0 0; width:23px; height:25px; float:right; text-indent:-9999px; margin:270px 12px 0 0 !important; z-index:9999;} div.bread-crumb ul li ul { position:absolute;left:-18px !important; display:none; margin:0px 0 0 -1px; width:93px; list-style:none; background: url(images/breadcrumb-bg.png); padding-top:10px; padding-right:5px; padding-left:0px; height:auto; z-index:9999;} div.bread-crumb.two ul li ul { position:absolute;left:-30px !important; display:none; margin:0px 0 0 -1px; width:93px; list-style:none; background: url(images/breadcrumb-bg.png); padding-top:10px; padding-right:5px; padding-left:0px; height:auto; z-index:9999;} div.bread-crumb.four ul li ul { position:absolute;left:-6px !important; display:none; margin:0px 0 0 -1px; width:93px; list-style:none; background: url(images/breadcrumb-bg.png); padding-top:10px; padding-right:5px; padding-left:0px; height:auto; z-index:9999;} #thumbs{ } } @charset "utf-8"; /* CSS Document */ /*\*/ /*html>body*.img.color1{position: absolute;right: 61px !important; top:; z-index: 10;} html>body*.img.color2 {position: absolute;right:61px !important ;top:;}*/ /*body:nth-of-type(1) img.color1{position: absolute;right: 61px !important; top:; z-index: 10;} body:nth-of-type(1) img.color2 {position: absolute;right:61px !important ;top:;} body:nth-of-type(1) #wrap-toilet div.products {float:left;height:561px;width:540px; padding-left:2px !important; left:59px; position:relative;}*/ /**/ * :focus { outline: 0; } body { margin:0; background-color: #EDECE9 ; overflow-x:hidden; padding:30px 0;} body.landing { margin:0; background-color: #000000; overflow-x:hidden; margin-bottom:30px;} img { border:none; background: none; margin:0; padding:0; } p { font-family:Arial, Helvetica, sans-serif; margin:0; font-size:12px; color:#87746a;} p.chinese { font-family:黑体,Arial, Helvetica, sans-serif; color:#476177; width:680px; text-align:; margin: 0 auto; margin-bottom:20px; font-size:12px; text-align:center;} p.walltext { width:960px; color:#87746a; margin:0 auto 5px; text-align:left;} p.toilet {font-family:黑体,Arial, Helvetica, sans-serif; color: #666; position:relative; left:-100px; top:100px;; width:250px;} p.toilet2 {font-family:黑体,Arial, Helvetica, sans-serif; color: #597186; position:relative; bottom:107px; left:650px; background:url(images/magify.png) no-repeat; padding-left:20px; line-height:16px;} a.toilet2 {font-family:黑体,Arial, Helvetica, sans-serif; color: #597186; position:relative; bottom:97px; left:650px; font-size:12px; text-decoration:none;} a.toilet2.features-link {left: 675px; position: relative; top: -106px;} a.toilet2.features-link img{margin-left:-24px; position:relative; top:4px;} a.toilet2.features-link span {position:relative; top:-12px; left:-2px;} a.toilet2.intelligent-features-link img{margin-left:-24px; position:relative; top:4px;} a.toilet2.intelligent-features-link span{position:relative; top:-12px; left:-2px;} span.toilet2 {background:url(images/magify.png) no-repeat; padding-left:20px; width:16px; position: relative; top: 0px;} ul { margin:0;} li { display:inline; font-family:Arial, Helvetica, sans-serif;} h1 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3d3d3d; margin:0 0 0 0;} h1.category { background:url(images/toilet-title.png) no-repeat; width:54px; height:18px; text-indent:-9999px; position:relative; top:25px; left:646px;} h2 { font-family: Arial, Helvetica, sans-serif; color:#87746a; font-size:21px; font-weight: normal; letter-spacing:.15em; margin-top:25px;} h3 { font-family: Arial, Helvetica, sans-serif; color:#87746a; font-size:21px; font-weight: normal; letter-spacing:.15em; margin-top:25px;} .floatr { float:right;} .active { color: #88746a;} .clear { clear:both;} #wrap.gallery { min-height:0px;} #value-nav { margin:25px auto 5px; width:323px; height:20px; padding-bottom:40px;} #value-nav ul { padding:0;} #value-nav ul li{ padding:0 20px 0 20px; border-right:1px solid #999; float:left; display:block;} a.value-nav-1:hover{ background: url(images/home-value-nav.png) no-repeat 0 -17px ; width:31px; height:17px; display:block; float:left; text-indent:-9999px;} a.value-nav-1{ background: url(images/home-value-nav.png) no-repeat 0 1px; width:31px; height:17px; display:block; float:left;text-indent:-9999px;} a.value-nav-2:hover{ background: url(images/home-value-nav.png) no-repeat -41px -17px ; width:31px; height:17px; display:block; float:left; text-indent:-9999px;} a.value-nav-2{ background: url(images/home-value-nav.png) no-repeat -41px 1px ; width:31px; height:17px; display:block; float:left;text-indent:-9999px;} a.value-nav-3:hover{ background: url(images/home-value-nav.png) no-repeat -81px -17px ; width:31px; height:17px; display:block; float:left; text-indent:-9999px;} a.value-nav-3{ background: url(images/home-value-nav.png) no-repeat -81px 1px ; width:31px; height:17px; display:block; float:left;text-indent:-9999px;} a.value-nav-4:hover{ background: url(images/home-value-nav.png) no-repeat -120px -17px ; width:31px; height:17px; display:block; float:left; text-indent:-9999px;} a.value-nav-4{ background: url(images/home-value-nav.png) no-repeat -120px 1px ; width:31px; height:17px; display:block; float:left;text-indent:-9999px;} a.value-nav-5:hover{ background: url(images/home-value-nav.png) no-repeat -160px -17px ; width:31px; height:17px; display:block; float:left; text-indent:-9999px;} a.value-nav-5{ background: url(images/home-value-nav.png) no-repeat -160px 1px; width:31px; height:17px; display:block; float:left;text-indent:-9999px;} #gallery.content.gallery { width:960px; height: 100%; background: #eeeae8; margin:0 auto;} div#content { float:; height:auto; width:800px; padding-top:382px; margin:0 auto; position:relative; } h2.culture { background:url(images/title-h3-culture-1.png) no-repeat; width:72px; height:17px; text-indent:-9999px; margin:0 auto; display:block; z-index:9999 !important;} h2.value { background: url(images/title-h3-culture-2.png) no-repeat; width:74px; height:17px; text-indent:-9999px; margin:0 auto; display:block; z-index:9999 !important;} div#content h2{ font-size:21px; font-weight: bold; } div#content h3{ font-size:16px; font-weight: bold; } div#content em { color: #666666; font-size:15px; padding:10px; display:block;} div#content p{ font-size:12px; font-weight:normal; line-height:1.6em; margin-bottom:15px; } /* testing css */ body.test { margin:0; background-color: #92b1cd; overflow-x:; } #wrap.home.test { background:url(images/home-bg.gif) no-repeat center; min-width:960px; margin: 0; padding: 0; height:713px !important; background-color:#212629;} #wrap.home.test1 { background:url(images/home-bg.gif) no-repeat center; min-width:960px; margin: 0; padding: 0; height:950px !important; background-color:#212629;} .header.test { margin:0 auto 20px;} .header.line.test { display:none; clear:both; width:100%; height:1px; position:relative; top:80px; z-index:1; margin:0 auto;} #wrap.home { background: #EDECE9 ; min-width:960px; margin:0 0 0 0; padding:0; height:auto;} #wrap.terms { min-width:960px; margin:0 0 0 0; padding:0;} #wrap.landing { background:url(images/landing.jpg) no-repeat center; width:1279px; height:620px; margin:100px auto 0;} #wrap.cata { background:#EDECE9; width:auto; margin: 0; padding: 0; margin:0; padding:0; } #wrap.category { background:url(images/catagory-bg.jpg) no-repeat center 0; min-width:960px; margin:0; } #wrap-hold { width:960px; margin:0 auto;} #category-container { width:571px; height:601px; background:#000000;} /* landing css */ #enter { width:320px; height:200px; margin:0 auto ; padding-top:435px;} #hold {} a#enter-eng { background:url(images/enter-button.png) 0 0; width:69px; height:20px; float:left; text-indent:-9999px;} a#enter-eng:hover { background:url(images/enter-button.png) 0 -20px; width:69px; height:20px; float:left; text-indent:-9999px;} a#enter-chi { background:url(images/enter-button.png) -100px 0; width:42px; height:20px; float:right; text-indent:-9999px;} a#enter-chi:hover { background:url(images/enter-button.png) -100px -20px; width:42px; height:19px; float:right; text-indent:-9999px;} /* Start new content bg */ #wrap-round { width:960px; margin: 15px auto; } #wrap-round.small { width:910px; margin: 15px auto; } #wrap-round.test{ background: none; } #wrap-bot { width:960px; background:#EDECE9 ; height:20px; clear:both; } #wrap-body { width:891px; float:; background: #EDECE9; margin-top:1px; margin:0 auto;} #wrap-body.value { width:910px; float:left; background:#EDECE9 ; margin-top:0px; margin-bottom:10px;} #wrap-body-head { background:#dddddd; width:910px; height:26px; float:left; margin-top:1px;} #wrap-round-left { width:50px; float:left; height:auto;} #wrap-round-left-corner { background:url(images/wrap-round-left-top.png) no-repeat; width:50px; height:26px; margin-top:1px;} #wrap-round-left-body {height:668px; background:url(images/wrap-round-left-body-cata.png) repeat-y;} #wrap-round-right { width:19px; float:left; margin-top:1px; width:65px; height:600px; background:#dddddd; } #wrap-round-right-corner { background:url(images/wrap-round-right-top.png) no-repeat; width:19px; height:26px;} #wrap-round-right-corner.category { background:url(images/wrap-round-right-top-category.png) no-repeat; width:19px; height:26px; margin-top:1px;} #wrap-round-right-body.category { background:url(images/wrap-round-right-body-category.png) repeat-y; width:19px; height:575px;} #wrap-round-right-body { background: #000000; width:19px; height:670px;} #wrap-round-left-body.who-we-are{ height:659px;} #wrap-round-left-body.value{ height:431px;} #wrap-round-right-body.value{ height:427px;} #wrap-round-right-body.terms {height:1085px;} #wrap-round-left-body.terms{ height:1083px; background:url(images/wrap-round-left-body-cata.png) repeat-y; } #wrap-round-right-body.faq {height:1042px;} #wrap-round-left-body.faq{ height:1041px; background:url(images/wrap-round-left-body-cata.png) repeat-y; } #wrap-round-right-body.map {height:764px;} #wrap-round-left-body.map{ height:762px; background:url(images/wrap-round-left-body-cata.png) repeat-y; } #wrap-round-right-body.career {height:189px;} #wrap-round-left-body.career{ height:188px; background:url(images/wrap-round-left-body-cata.png) repeat-y; } #wrap-round-left-body.cata { background:url(images/wrap-round-left-body-cata.png) repeat-y; height:574px;} #wrap-round-left-body.category { background: url(images/wrap-round-left-body-category.png) no-repeat;} #wrap-round-left-corner.cata { background:url(images/wrap-round-left-top-cata.png) no-repeat;} #wrap-round-left-corner.category{ background: url(images/wrap-round-left-top-category.png) no-repeat;} #wrap-round-right-body.cata{ height:575px;} #wrap-round-left-body.cata { height:574px;} #cata-nav { float:left; background: #EDECE9; width:155px; margin-top:1px; height:600px;} #cata-content, #wrap-round #slideshow1 { float:left; height:580px; width:802px; background: #FFF; margin:25px 0 0 0; background-image:url(images/sub-category/product-top-bg.png); background-repeat:no-repeat;} #cata-content, #wrap-round #category { float:left; height:601px; width:716px; background: url(images/category-bg.png); margin:1px 0 0 0; padding:0;} /* end new content bg */ #gallery-inside { padding-top:40px; clear:both;} #gallery-inside.category { padding-top:25px; clear:both;} #gallery-inside.gallery { min-height:;} #gallery-inside.sitemap { padding-top:40px;} #gallery-home { margin:0 auto; width:891px; height:340px; text-align:left; padding-top:60px; clear:both;} .wrap {background:#f5f3f4; width:100%; height:auto; margin:0 auto; text-align:center; background-position:center;} .wrap.gallery{background:#f5f3f4; width:100%; height:auto; margin:0 auto; text-align:center; background-position:center;} .wrap.home {background:#EDECE9; height:auto; margin:0 auto; text-align:center; background-position:center; padding-top:0; width:100%; float:left;} .wrap.bc {background: #dddddd; width:960px; height:auto; margin:0 auto; text-align:center; background-position:center;} .wrap.wn {background:#f5f3f4; width:100%; height:auto; margin:0 auto; text-align:center; background-position:center;} .wrap.ca {background:#f5f3f4; width:100%; height:auto; margin:0 auto; text-align:center; background-position:center;} #values-single { margin:0 auto 0; text-indent:-9999px; padding-bottom:} .value-head { width:960px; height:20px; background: #dddddd; display:block;} #values-single .value-simplicity { background:url(images/gallery/branding-values-04.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-comfort { background:url(images/gallery/branding-values-02.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-vatality { background:url(images/gallery/branding-values-05.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-modern { background:url(images/gallery/branding-values-03.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-eco { background:url(images/gallery/branding-values-01.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .who-we-are { background: url(images/gallery/who-we-are.jpg) no-repeat; width:960px; height:600px; margin:0 auto; text-indent:-9999px; padding-bottom:20px;} #values-single .value-living { background: url(images/gallery/living.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-nature { background: url(images/gallery/nature.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-fashion { background: url(images/gallery/fashion.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-soul { background: url(images/gallery/soul.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-co-contact { background: url(images/gallery/co-contact.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-co-contact.career{ background: url(images/gallery/career.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-co-contact.after { background: url(images/gallery/after-contact.jpg) no-repeat; width:910px; height:382px; margin:0 auto; text-indent:-9999px;} #values-single .value-whatsnew { background: url(images/gallery/whats-new.jpg) no-repeat; width:960px; height:395px; margin:0 auto; text-indent:-9999px;} #values-single a.after-sales{ background:url(images/email-after-sales.png) no-repeat; width:138px; height:12px; text-indent:-9999px; display:block; position:relative; top:171px; left:542px;} #values-single a.corporate{ background: url(images/email-contact.png) no-repeat; width:126px; height:12px; text-indent:-9999px; display:block; z-index:9999; position:relative; top:171px; left:542px;} #values-single a.arrow-left { background:url(images/arrow-left-bg.png) no-repeat 0 0; width:23px; height:25px; float:left; margin: 120px 0 0 30px;} #values-single a.arrow-left:hover { background:url(images/arrow-left-bg.png) no-repeat 0 -25px; width:23px; height:25px;} #values-single a.arrow-right { background:url(images/arrow-right-bg.png) no-repeat 0 0; width:23px; height:25px; float:right; text-indent:-9999px; margin:120px 30px 0 0 ;} #values-single a.arrow-right:hover { background:url(images/arrow-right-bg.png) no-repeat 0 -25px; width:23px; height:25px;} #values-single .value-co-contact .info { width:350px; height:200px; position:relative; z-index:9999; padding:120px 0 0 435px; text-align:left;} #values-single .value-co-contact .info ul li{ display:block; color: #FFFFFF; font-family:黑体,Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; margin-bottom:6px;} #values-single .value-co-contact .info ul li a{ display:block; color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none;} #values-single .value-co-contact .info ul { display: block; padding:0;} #values-single .value-co-contact p { color:#FFFFFF; font-family:黑体,Arial, Helvetica, sans-serif; margin-bottom:5px;} .wrap.text{background:#f5f3f4; width:100%; height: auto; margin:0 auto; text-align:center; background-position:center;} div.wrap.culture {background: #87746a no-repeat; width:100%; height: auto; margin:0 auto; text-align:center; background-position: top;} div.wrap.design {background:url(images/bg-design.jpg) no-repeat; width:100%; height:593px; margin:0 auto; text-align:center; background-position:center;} div.wrap.living {background:url(images/bg-living2.jpg) no-repeat; width:100%; height:593px; margin:0 auto; text-align:center; background-position:center;} div.wrap.products {background:url(images/bg-products.jpg) no-repeat; width:100%; height:593px; margin:0 auto; text-align:center; background-position:center;} div.wrap.showroom {background:url(images/bg-showroom.jpg) no-repeat; width:100%; height:593px; margin:0 auto; text-align:center; background-position:center;} ul.contact { padding:0; color:#FFFFFF;} ul.contact li{ font-family:Arial, Helvetica, sans-serif; margin:0; font-size:12px; color:#FFFFFF; display:list-item; list-style:none; margin-bottom:10px;} div.caption span.contactf { padding-right:35px; color:#FFFFFF; font-weight:bold;} div.caption span.contactf1 { padding-right:32px; color:#FFFFFF; font-weight:bold;} div.caption span.contactf2 { padding-right:15px; color:#FFFFFF; font-weight:bold;} div.caption span.contactf3{ padding-right:18px; color:#FFFFFF; font-weight:bold;} /* nav chinese simplfied bg */ #nav ul li a.nav-a:hover { background: url(images/nav-kata-chinese.png) 0 -16px no-repeat !important; width:29px !important; height:16px !important; display:block !important; text-indent:-9999px !important;} #nav ul li a.nav-a { background: url(images/nav-kata-chinese.png) 0 0 no-repeat; width:29px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-a.active { background: url(images/nav-kata-chinese.png) 0 -16px no-repeat; width:29px; height:16px; display:block; text-indent:-9999px;} /*Before: nav-b,c width:80px*/ #nav ul li a.nav-b:hover { background: url(images/nav-kata-chinese.png) -38px -16px no-repeat; width:64px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-b { background: url(images/nav-kata-chinese.png) -38px 0 no-repeat; width:64px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-b.active { background: url(images/nav-kata-chinese.png) -38px -16px no-repeat; width:64px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-c:hover { background: url(images/nav-kata-chinese.png) -128px -16px no-repeat; width:70px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-c { background: url(images/nav-kata-chinese.png) -128px 0 no-repeat; width:70px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-c.active { background: url(images/nav-kata-chinese.png) -128px -16px no-repeat; width:70px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-d:hover { background: url(images/nav-kata-chinese.png) -218px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-d { background: url(images/nav-kata-chinese.png) -218px 0 no-repeat; width:58px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-d.active { background: url(images/nav-kata-chinese.png) -218px -16px no-repeat; width:58px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-e:hover { background: url(images/nav-kata-chinese.png) -286px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px; border:none;} #nav ul li a.nav-e { background: url(images/nav-kata-chinese.png) -286px 0 no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-e.active { background: url(images/nav-kata-chinese.png) -286px -16px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-f:hover { background: url(images/nav-kata-chinese.png) -354px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px; border:none;} #nav ul li a.nav-f { background: url(images/nav-kata-chinese.png) -354px 0 no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-f.active { background: url(images/nav-kata-chinese.png) -354px -16px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-g:hover { background: url(images/nav-kata-chinese.png) -422px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px; border:none;} #nav ul li a.nav-g { background: url(images/nav-kata-chinese.png) -422px 0 no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-g.active { background: url(images/nav-kata-chinese.png) -422px -16px no-repeat; width:58px; height:16px; display:block;} /* #nav ul li a.nav-h:hover { background: url(images/nav-kata-chinese.png) -490px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px; border:none;} #nav ul li a.nav-h { background: url(images/nav-kata-chinese.png) -490px 0 no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-h.active { background: url(images/nav-kata-chinese.png) -490px -16px no-repeat; width:58px; height:16px; display:block;} */ #nav ul li a.nav-i:hover { background: url(images/nav-kata-chinese.png) -558px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px; border:none;} #nav ul li a.nav-i { background: url(images/nav-kata-chinese.png) -558px 0 no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-i.active { background: url(images/nav-kata-chinese.png) -558px -16px no-repeat; width:58px; height:16px; display:block;} /* #nav ul li a.nav-h:hover { background: url(images/nav-menu2.png) 0 0px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px; border:none;} #nav ul li a.nav-h { background: url(images/nav-menu1.png) 0 0 no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-h.active { background: url(images/nav-menu1.png) 0 -16px no-repeat; width:58px; height:16px; display:block;} */ /*NAV MAIN TRADITIONAL CHINESE*/ #nav ul li a.nav-trad-a:hover { background: url(images/nav-kata-trad-chinese.png) 0 -16px no-repeat !important; width:29px !important; height:16px !important; display:block !important; text-indent:-9999px !important;} #nav ul li a.nav-trad-a { background: url(images/nav-kata-trad-chinese.png) 0 0 no-repeat; width:29px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-trad-a.active { background: url(images/nav-kata-trad-chinese.png) 0 -16px no-repeat; width:29px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-trad-b:hover { background: url(images/nav-kata-trad-chinese.png) -38px -16px no-repeat; width:80px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-trad-b { background: url(images/nav-kata-trad-chinese.png) -38px 0 no-repeat; width:80px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-trad-b.active { background: url(images/nav-kata-trad-chinese.png) -38px -16px no-repeat; width:80px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-trad-c:hover { background: url(images/nav-kata-trad-chinese.png) -128px -16px no-repeat; width:81px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-trad-c { background: url(images/nav-kata-trad-chinese.png) -128px 0 no-repeat; width:81px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-trad-c.active { background: url(images/nav-kata-trad-chinese.png) -128px -16px no-repeat; width:81px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-trad-d:hover { background: url(images/nav-kata-trad-chinese.png) -218px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-trad-d { background: url(images/nav-kata-trad-chinese.png) -218px 0 no-repeat; width:58px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-trad-d.active { background: url(images/nav-kata-trad-chinese.png) -218px -16px no-repeat; width:58px; height:16px; display:block;text-indent:-9999px;} #nav ul li a.nav-trad-e:hover { background: url(images/nav-kata-trad-chinese.png) -286px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px; border:none;} #nav ul li a.nav-trad-e { background: url(images/nav-kata-trad-chinese.png) -286px 0 no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-trad-e.active { background: url(images/nav-kata-trad-chinese.png) -286px -16px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-trad-f:hover { background: url(images/nav-kata-trad-chinese.png) -354px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px; border:none;} #nav ul li a.nav-trad-f { background: url(images/nav-kata-trad-chinese.png) -354px 0 no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-trad-f.active { background: url(images/nav-kata-trad-chinese.png) -354px -16px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-trad-g:hover { background: url(images/nav-kata-trad-chinese.png) -422px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px; border:none;} #nav ul li a.nav-trad-g { background: url(images/nav-kata-trad-chinese.png) -422px 0 no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-trad-g.active { background: url(images/nav-kata-trad-chinese.png) -422px -16px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-trad-i:hover { background: url(images/nav-kata-trad-chinese.png) -558px -16px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px; border:none;} #nav ul li a.nav-trad-i { background: url(images/nav-kata-trad-chinese.png) -558px 0 no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-trad-i.active { background: url(images/nav-kata-trad-chinese.png) -558px -16px no-repeat; width:58px; height:16px; display:block;} /*start su - SIMPLIFIED CHINESE*/ #nav ul li a.nav-sub-a:hover { background: url(images/nav-sub-kata-chinese.png) 0 -19px no-repeat; width:69px !important; height:16px !important; display:block; text-indent:-9999px !important;} #nav ul li a.nav-sub-a { background: url(images/nav-sub-kata-chinese.png) 0 0 no-repeat; width:69px !important; height:16px; display:block; text-indent:-9999px !important;} #nav ul li a.nav-sub-a.active { background: url(images/nav-sub-kata-chinese.png) 0 -19px no-repeat; width:69px; height:16px; display:block;} #nav ul li a.nav-sub-b:hover { background: url(images/nav-sub-kata-chinese.png) -70px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-b { background: url(images/nav-sub-kata-chinese.png) -70px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-b.active { background: url(images/nav-sub-kata-chinese.png) -70px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-c:hover { background: url(images/nav-sub-kata-chinese.png) -133px -19px no-repeat; width:59px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-c { background: url(images/nav-sub-kata-chinese.png) -133px 0 no-repeat; width:59px; height:16px; display:block;} #nav ul li a.nav-sub-c.active { background: url(images/nav-sub-kata-chinese.png) -133px -19px no-repeat; width:59px; height:16px; display:block;} #nav ul li a.nav-sub-d:hover { background: url(images/nav-sub-kata-chinese.png) -201px -19px no-repeat; width:59px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-d { background: url(images/nav-sub-kata-chinese.png) -201px 0 no-repeat; width:59px; height:16px; display:block;} #nav ul li a.nav-sub-d.active { background: url(images/nav-sub-kata-chinese.png) -201px -19px no-repeat; width:59px; height:16px; display:block;} #nav ul li a.nav-sub-e:hover { background: url(images/nav-sub-kata-chinese.png) -268px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-e { background: url(images/nav-sub-kata-chinese.png) -268px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-e.active { background: url(images/nav-sub-kata-chinese.png) -268px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-f:hover { background: url(images/nav-sub-kata-chinese.png) -335px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-f { background: url(images/nav-sub-kata-chinese.png) -335px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-f.active { background: url(images/nav-sub-kata-chinese.png) -335px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-g:hover { background: url(images/nav-sub-kata-chinese.png) -402px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-g { background: url(images/nav-sub-kata-chinese.png) -402px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-g.active { background: url(images/nav-sub-kata-chinese.png) -402px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-h:hover { background: url(images/nav-sub-kata-chinese.png) -469px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-h { background: url(images/nav-sub-kata-chinese.png) -469px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-h.active { background: url(images/nav-sub-kata-chinese.png) -469px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-i:hover { background: url(images/nav-sub-kata-chinese.png) -536px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-i { background: url(images/nav-sub-kata-chinese.png) -536px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-i.active { background: url(images/nav-sub-kata-chinese.png) -536px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-j:hover { background: url(images/nav-sub-kata-chinese.png) -603px -19px no-repeat; width:60px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-j { background: url(images/nav-sub-kata-chinese.png) -603px 0 no-repeat; width:60px; height:16px; display:block;} #nav ul li a.nav-sub-j.active { background: url(images/nav-sub-kata-chinese.png) -603px -19px no-repeat; width:60px; height:16px; display:block;} /* TRADITIONAL CHINESE: */ #nav ul li a.nav-sub-trad-a:hover { background: url(images/nav-sub-kata-trad-chinese.png) 0 -19px no-repeat; width:57px !important; height:16px !important; display:block; text-indent:-9999px !important;} #nav ul li a.nav-sub-trad-a { background: url(images/nav-sub-kata-trad-chinese.png) 0 0 no-repeat; width:57px !important; height:16px; display:block; text-indent:-9999px !important;} #nav ul li a.nav-sub-trad-a.active { background: url(images/nav-sub-kata-trad-chinese.png) 0 -19px no-repeat; width:57px; height:16px; display:block;} #nav ul li a.nav-sub-trad-b:hover { background: url(images/nav-sub-kata-trad-chinese.png) -66px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-trad-b { background: url(images/nav-sub-kata-trad-chinese.png) -66px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-b.active { background: url(images/nav-sub-kata-trad-chinese.png) -66px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-c:hover { background: url(images/nav-sub-kata-trad-chinese.png) -133px -19px no-repeat; width:59px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-trad-c { background: url(images/nav-sub-kata-trad-chinese.png) -133px 0 no-repeat; width:59px; height:16px; display:block;} #nav ul li a.nav-sub-trad-c.active { background: url(images/nav-sub-kata-trad-chinese.png) -133px -19px no-repeat; width:59px; height:16px; display:block;} #nav ul li a.nav-sub-trad-d:hover { background: url(images/nav-sub-kata-trad-chinese.png) -201px -19px no-repeat; width:59px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-trad-d { background: url(images/nav-sub-kata-trad-chinese.png) -201px 0 no-repeat; width:59px; height:16px; display:block;} #nav ul li a.nav-sub-trad-d.active { background: url(images/nav-sub-kata-trad-chinese.png) -201px -19px no-repeat; width:59px; height:16px; display:block;} #nav ul li a.nav-sub-trad-e:hover { background: url(images/nav-sub-kata-trad-chinese.png) -268px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-trad-e { background: url(images/nav-sub-kata-trad-chinese.png) -268px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-e.active { background: url(images/nav-sub-kata-trad-chinese.png) -268px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-f:hover { background: url(images/nav-sub-kata-trad-chinese.png) -335px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-trad-f { background: url(images/nav-sub-kata-trad-chinese.png) -335px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-f.active { background: url(images/nav-sub-kata-trad-chinese.png) -335px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-g:hover { background: url(images/nav-sub-kata-trad-chinese.png) -402px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-trad-g { background: url(images/nav-sub-kata-trad-chinese.png) -402px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-g.active { background: url(images/nav-sub-kata-trad-chinese.png) -402px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-h:hover { background: url(images/nav-sub-kata-trad-chinese.png) -469px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-trad-h { background: url(images/nav-sub-kata-trad-chinese.png) -469px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-h.active { background: url(images/nav-sub-kata-trad-chinese.png) -469px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-i:hover { background: url(images/nav-sub-kata-trad-chinese.png) -536px -19px no-repeat; width:58px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-trad-i { background: url(images/nav-sub-kata-trad-chinese.png) -536px 0 no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-i.active { background: url(images/nav-sub-kata-trad-chinese.png) -536px -19px no-repeat; width:58px; height:16px; display:block;} #nav ul li a.nav-sub-trad-j:hover { background: url(images/nav-sub-kata-trad-chinese.png) -603px -19px no-repeat; width:60px; height:16px; display:block; text-indent:-9999px;} #nav ul li a.nav-sub-trad-j { background: url(images/nav-sub-kata-trad-chinese.png) -603px 0 no-repeat; width:60px; height:16px; display:block;} #nav ul li a.nav-sub-trad-j.active { background: url(images/nav-sub-kata-trad-chinese.png) -603px -19px no-repeat; width:60px; height:16px; display:block;} #nav { margin-top:0; display:block; } #nav ul{ padding: 8px 0 10px 55px; float:; margin:0; width:535px; float:right;} #nav ul.reg{ padding: 8px 0 10px 55px; float:; margin:0; width:625px; float:right;} #nav li{ margin:0 0 0 0; float:left; display:block; width:; background:; position:relative; font-family:"Century Gothic", Arial; z-index:500; } #nav a{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; } #nav a:hover{ color: #575757;} #nav ul li ul{ position:absolute; left:0; display:none; margin:0 50px 0 -1px; padding:0; list-style:none; background: url(images/sub-nav-bg.png); padding-top:3px; padding-right:10px; width:430px; } #nav ul li ul.no-extend { width:200px;} #nav ul li ul li { width:; float:left; border-top:; background: none; margin:5px 0 5px 2px; } /* display block will make the link fill the whole area of LI */ #nav ul li ul a { display:block; height:15px; padding: 0; color: #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-indent:-9999px; } #nav ul a:hover { text-decoration:underline; } /* sub-category dropdown */ ul.toilet a.cate-drop-active { color:#4d3426;} ul.toilet li{ position:relative; } ul.toilet li a { font-size:12px; color: #666666; text-decoration:none;} ul.toilet li ul { position:absolute; top:-25px; left:60px; display:none; margin:0px 0 0 -1px; padding:0; list-style:none; background:; padding-top:0px; padding-right:0; padding-left:5px; height:auto; z-index:9999;} ul.toilet.fix li ul { position:absolute; top:0px; left:-15px; display:none; margin:0px 0 0 -1px; padding:0; list-style:none; background:; padding-top:0px; padding-right:0; padding-left:5px; height:auto; z-index:9999; top:-25px;} ul.toilet.vera2 li ul { position:absolute; top:-24px;;left:-10px; display:none; margin:0px 0 0 -1px; padding:0; list-style:none; background:; padding-top:0px; padding-right:0; padding-left:5px; height:auto; z-index:9999;} ul.toilet li ul li, ul.toilet.fix li ul li{ border-top:; background: none; width:80px; text-align:left; text-decoration:none; padding-bottom:2px; border:none; display:block;} ul.toilet li ul a, ul.toilet.fix li ul a { margin-bottom:5px; padding-bottom:2px; border-bottom:1px #CCCCCC solid; display:block;} ul.toilet li ul a:hover, ul.toilet li.fix ul a:hover { color:#655d57;} ul.toilet li ul a.p1 { background:url(images/sub-category/page-nav.png) 0 0 no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p1:hover { background:url(images/sub-category/page-nav.png) -36px 0 no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p1.active { background:url(images/sub-category/page-nav.png) -36px 0 no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p2 { background:url(images/sub-category/page-nav.png) 0 -24px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p2:hover { background:url(images/sub-category/page-nav.png) -36px -24px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p2.active { background:url(images/sub-category/page-nav.png) -36px -24px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p3 { background:url(images/sub-category/page-nav.png) 0 -48px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p3:hover { background:url(images/sub-category/page-nav.png) -36px -48px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p3.active { background:url(images/sub-category/page-nav.png) -36px -48px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p4 { background:url(images/sub-category/page-nav.png) 0 -72px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p4:hover { background:url(images/sub-category/page-nav.png) -36px -72px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p4.active { background:url(images/sub-category/page-nav.png) -36px -72px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p5 { background:url(images/sub-category/page-nav.png) 0 -96px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p5:hover { background:url(images/sub-category/page-nav.png) -36px -96px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p5.active { background:url(images/sub-category/page-nav.png) -36px -96px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p6 { background:url(images/sub-category/page-nav.png) 0 -120px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p6:hover { background:url(images/sub-category/page-nav.png) -36px -120px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} ul.toilet li ul a.p6.active { background:url(images/sub-category/page-nav.png) -36px -120px no-repeat; width:36px; height:13px; text-indent:-9999px; display:block;} /* bread-crumb category dropdown */ div.bread-crumb a.cate-drop-active { color:#CCE1F5;} #nav div.bread-crumb ul { float:right; padding-right:5px; width:auto; padding-top:8px !important; padding-left:20px !important;} #nav div.bread-crumb ul li { font-size:12px; color: #999999; float:right !important; position:relative; text-decoration:none; border:none; padding:0 2px;} #nav div.bread-crumb ul li a { font-size:12px; color: #94AEC9; text-decoration:none; float: right; font-weight:normal;} #nav div.bread-crumb ul li a:hover { font-size:12px; color: #597186; text-decoration:none; float: right;} #nav div.bread-crumb ul li ul { position:absolute;left:-18px; display:none; margin:0 0 0 -1px; width:93px; list-style:none; background: none; padding-top:20px; padding-right:5px; padding-left:0px; height:auto; z-index:9999; width:50px; } #nav div.bread-crumb.two ul li ul { position:absolute;left:-30px; display:none; margin:0px 0 0 -1px; width:93px; list-style:none; background: url(images/breadcrumb-bg.png); padding-top:10px; padding-right:5px; padding-left:0px; height:auto; z-index:9999;} #navdiv.bread-crumb.four ul li ul { position:absolute;left:-7px; display:none; margin:0px 0 0 -1px; width:93px; list-style:none; background: url(images/breadcrumb-bg.png); padding-top:10px; padding-right:5px; padding-left:0px; height:auto; z-index:9999;} #nav div.bread-crumb ul li ul li{ float:left; border-top:; background: none; width:30px; text-align:left; text-decoration:none; padding-bottom:5px; display:block;} #nav div.bread-crumb ul li ul li.first { margin-top:15px;} #nav div.bread-crumb ul li ul a { display:block; text-align:right; height:15px;padding: 2px 8px 2px 2px; color: #CCCCCC; font-family:Arial, Helvetica, sans-serif; text-decoration:none;} #nav div.bread-crumb ul li ul a:hover { color:#CCE1F5;} /* language dropdown */ .header div.lang { padding: 0 5px 0 0; width:80px; margin:0 0 0 30px; !important; float:left;} .header div.lang ul { float:right; font-size:11px; width:78px; padding:10px 0 0 0 ; text-align:right; position:; margin-top:10px; z-index:5;} .header div.lang ul li { font-size:12px; color: #CCCCCC; float:left; position:relative; text-decoration:none; border:none !important; padding:0 3px 0 0;} .header div.lang ul li a { font-size:12px; color:#597186 ; text-decoration:none; padding-bottom:6px;} .header div.lang ul li ul { position:absolute; left:-20px; display:none; margin:0 0 0 -1px; padding:0; list-style:none; background:; padding-top:10px; padding-right:10px; padding-left:5px; height:auto; z-index:5;} .header div.lang ul li ul li{ float:left; border-top:; background: none; /*width:31px;*/ text-align:left; text-decoration:none; padding-bottom:5px; display:inline; padding-right:5px;} .header div.lang ul li ul a { display:; height:15px; padding: 30px 2px 0; color: #94AEC9; font-family:Arial, Helvetica, sans-serif; font-weight: normal; text-decoration:none; width:auto;} .header div.lang ul li ul a:hover { color: #597186;} #gallery-bg.culture { width:960px; height:auto; background:#eeeae8; padding-top:0;} #gallery-bg.toilet { width:960px; height:auto; background:none; padding-top:0;} #gallery-bg.culture2 { width:960px; height:auto; background: url(images/culture2-bg.jpg) #FFFFFF no-repeat; padding-top:0;} #gallery-bg { width:570px; height:400px; margin:0 auto; background: url(images/gallery-bg-culture.png); padding-top:20px;} #gallery-bg-text { width:696px; height: auto; margin:0 auto; background: #dddddd ; padding-top:20px;} #gallery-bg.design { width:559px; height:411px; margin:0 auto; background:url(images/design-bg-square.png) no-repeat;} #gallery-bg.living { width:559px; height:411px; margin:0 auto; background:url(images/living-bg-square.png) no-repeat;} #gallery-bg.products { width:559px; height:411px; margin:0 auto; background:url(images/products-bg-square.png) no-repeat;} #gallery-bg.showroom { width:559px; height:411px; margin:0 auto; background:url(images/showroom-bg-square.png) no-repeat;} a.cap { display:block; padding-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; width:150px;} div.content a.cap:hover{ text-decoration:none; color:#d5b7a8;} div.content-copy.bc-1 { background:url(images/who-we-are-header-bg.jpg) no-repeat; width:559px; height:265px; margin:0 auto;} h1.site { color:#9eb4c9; font-size:19px; font-family:黑体,Arial, Helvetica, sans-serif; margin-bottom:20px;} div.content-footlink h2 { font-family:黑体,Arial, Helvetica, sans-serif; letter-spacing:normal; font-size:13px; font-weight:bold; color:#9eb4c9} div.content-footlink h3 { font-family:黑体,Arial, Helvetica, sans-serif; letter-spacing:normal; font-size:12px; font-weight:bold; color: #9eb4c9;} div.content-footlink ul { padding:5px 0 5px 0;} div.content-footlink ul li { display:list-item; font-size:12px;font-family:黑体,Arial, Helvetica, sans-serif; color: #718491; list-style:disc inside;} div.content-footlink p { font-size:12px; color:#718491; margin-bottom:5px; font-family:黑体,Arial, Helvetica, sans-serif;} div.content-footlink { width:710px; height:auto;} #wrap-body div.caption.sitemap { color:#666666; height:auto; margin:0 auto; padding:20px 0 0 0; text-align:left; width:710px; } #wrap-body div.caption p { line-height:1.6em; font-family:#wrap-body,Arial, Helvetica, sans-serif; } span.dash-line{ border-bottom:1px dashed #666666; display:block; padding-top:20px;} p.cap { width:250px; height: auto; font-size:13px; line-height:1.9em; color: #87746a; float:;} h1.culture { font-size:18px; font-weight:bold; color: #87746a; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Console", Arial; letter-spacing:.05em; width:200px; float:;} .header { height:auto; background-color:none; margin:0 auto; width:960px; display:block; text-align:center; } .header ul { text-align:left; width:470px; float:; padding-left:0 !important; margin:0 auto;} .header ul li { padding-right:15px; padding-left:15px; border-right: #999999 1px solid; line-height:.9em; text-decoration:none;} .header ul li a{ font-size:13px; /*color:#e3e3e3;*/ color:#597186; text-decoration:none;} .header ul li a:hover{ font-size:13px; color: #b8aaa1;} .header .contain{ width:700px; height:30px; margin:10px auto 0; padding-top:0; float:left; display:block;} .header.line { border-bottom; display:block; clear:both; width:100%; height:1px; position:relative; top:60px; z-index:1; margin:0 auto;} div.logo, div.fi { height:70px; width:145px; float:left;} div.logo.series a#logo { border-right:1px solid #9a9a9a; line-height:1em; vertical-align: middle; padding-left:25px;} #logon { width:960px; margin:0 auto;} a#logo { background: url(images/kata-logo.png) no-repeat; width:157px; height:53px; display:block; text-indent:-9999px; float: left; margin-top:6px; margin-right:10px; z-index:10; position:relative; bottom:8px;} a#logo.category { background: url(images/kata-logo-category.png) no-repeat; width:183px; height:65px; display:block; text-indent:-9999px; float: left; margin-top:10px; margin-right:10px; z-index:10; position:relative; bottom:8px;} ul.contact { padding:0;} ul.contact li{ font-family:Arial, Helvetica, sans-serif; margin:0; font-size:12px; color:#87746a; display:list-item; list-style:none; margin-bottom:10px;} span.contactf { padding-right:35px; color:#655248; font-weight:bold;} span.contactf1 { padding-right:32px; color:#655248; font-weight:bold;} span.contactf2 { padding-right:15px; color:#655248; font-weight:bold;} span.contactf3{ padding-right:18px; color:#655248; font-weight:bold;} #category { width:810px; height:500px; margin:10px auto 0; padding:10px 0 0 0 ;} #category2 { width:804px; height:500px; margin:10px auto 0; padding:10px 0 0 0 ;} a.product-name { display: block; text-align:center; font-size:12px; color:#666666; padding-top:5px;} div.cate-sub{ float:left; width:250px; height:370px; margin:0 10px;} div.cate-sub a { text-align:center; padding-top:10px; font-family:Arial, Helvetica, sans-serif; color:#87746a; display:block; font-size:13px;} div.cate-sub a:hover { color:#666666;} #category2 ul.thumb-sub { width:804px; padding:; height:auto; margin:0 auto; padding:0;} #category2 ul.thumb-sub li{ float:left; padding:10px; } #category3 ul.desc { display:block; clear:; float:left; padding-left:50px; display:; width:400px;} #category3 ul.desc li { list-style:disc; display:list-item; color:#666666; text-align:left; font-size:12px; color:#666666; margin-bottom:10px;} #category3 { width:800px; margin:30px auto 0; height:400px;} #category3 img { float:left; padding:3px; border:#999999 1px solid;} /*styles for gallery*/ #gallery-bg-text div.caption div.sitemap { color:#CCCCCC !important;} #gallery-bg-text div.caption div.sitemap a { color:#9EB4C9 !important;} #gallery-bg-text div.caption div.sitemap h2 { font-size:13px; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal; font-weight:bold; border-bottom:1px solid #999999; padding-bottom:3px; color:#9EB4C9;} #gallery-bg-text div.sitemap ul li.primary { display: block; padding-bottom:15px; list-style: inside disc;} #gallery-bg-text div.sitemap ul li.primary-foot { display: ; margin-bottom:0px; padding-right:40px; padding-top:10px; float:left; list-style: inside disc;} #gallery-bg-text div.sitemap ul li.primary-foot-1 {display: ; margin-bottom:0px; padding-right:56px; padding-top:10px; float:left; list-style: inside disc;} #gallery-bg-text div.sitemap ul li.primary-foot-2 {display: ; margin-bottom:0px; padding-right:56px; padding-top:10px; float:left; list-style: inside disc;} #gallery-bg-text div.sitemap ul { padding-bottom:5px;} #gallery-bg-text div.sitemap ul li.primary ul { padding-top:10px; padding-left:5px; list-style:outside disc;} #gallery-bg-text div.sitemap ul li.primary ul li { list-style: inside; margin-right:10px; font-weight:normal; display:list-item;} #gallery-bg-text div.sitemap ul li.primary ul li a { font-weight:normal; text-decoration:underline;} /*styles for sub-category nav*/ ul.toilet { padding-left:0;} #wrap-toilet div.nav ul.toilet li { display:block;} #wrap-toilet div.nav ul.toilet { padding-left:35px; width:58px;} h2.catagoy-title { background:url(images/sub-category/catagory-title.png) no-repeat; width:81px; height:20px; text-indent:-9999px; margin:25px 0 30px 0; } h2.catagoy-title-test1 { background:url(images/sub-category/catagory-title-test1.png) no-repeat; width:81px; height:20px; text-indent:-9999px; margin:25px 0 20px 35px; } h2.catagoy-title.fix { background:url(images/sub-category/catagory-title.png) no-repeat; width:81px; height:20px; text-indent:-9999px; margin:25px 0 20px 40px; } h2.new-title { background: url(images/sub-category/whatsnew-title.png) no-repeat; width:81px; height:20px; text-indent:-9999px; margin:25px 0 20px 35px; } a.sub-1:hover { background:url(images/sub-category/category-nav.png) no-repeat 0 0; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-1 { background:url(images/sub-category/category-nav.png) no-repeat -57px 0; width:57px; height:24px; display:block; text-indent:-9999px; } a.sub-1.active { background:url(images/sub-category/category-nav.png) no-repeat 0 0; width:57px; height:24px; display:block; text-indent:-9999px; } a.sub-1.fea { background:url(images/sub-category/category-nav.png) no-repeat -57px 0; width:29px; height:24px; display:block; text-indent:-9999px; } a.sub-1:hover.fea { background:url(images/sub-category/category-nav.png) no-repeat 0 0; display:block; text-indent:-9999px; width:29px; height:24px;} a.sub-1.active.fea { background:url(images/sub-category/category-nav.png) no-repeat 0 0; width:29px; height:24px; display:block; text-indent:-9999px; } a.sub-2 { background:url(images/sub-category/category-nav.png) no-repeat -57px -24px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-2:hover{ background:url(images/sub-category/category-nav.png) no-repeat 0 -24px; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-2.active { background:url(images/sub-category/category-nav.png) no-repeat 0 -24px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-2.fea { background:url(images/sub-category/category-nav.png) no-repeat -57px -24px; width:43px; height:24px; display:block;text-indent:-9999px; } a.sub-2:hover.fea{ background:url(images/sub-category/category-nav.png) no-repeat 0 -24px; display:block; text-indent:-9999px; width:43px; height:24px;} a.sub-2.active.fea { background:url(images/sub-category/category-nav.png) no-repeat 0 -24px; width:43px; height:24px; display:block;text-indent:-9999px; } a.sub-3:hover{ background:url(images/sub-category/category-nav.png) no-repeat 0 -48px; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-3 { background:url(images/sub-category/category-nav.png) no-repeat -57px -48px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-3.active { background:url(images/sub-category/category-nav.png) no-repeat 0 -48px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-4:hover{ background:url(images/sub-category/category-nav.png) no-repeat 0 -73px; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-4 { background:url(images/sub-category/category-nav.png) no-repeat -57px -73px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-4.active { background:url(images/sub-category/category-nav.png) no-repeat 0 -73px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-5:hover{ background:url(images/sub-category/category-nav.png) no-repeat 0 -97px; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-5 { background:url(images/sub-category/category-nav.png) no-repeat -57px -97px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-5.active { background:url(images/sub-category/category-nav.png) no-repeat 0 -97px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-6:hover{ background:url(images/sub-category/category-nav.png) no-repeat 0 -120px; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-6 { background:url(images/sub-category/category-nav.png) no-repeat -57px -120px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-6.active { background:url(images/sub-category/category-nav.png) no-repeat 0 -120px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-6:hover.fea{ background:url(images/sub-category/category-nav.png) no-repeat 0 -120px; display:block; text-indent:-9999px; width:29px; height:24px;} a.sub-6.fea { background:url(images/sub-category/category-nav.png) no-repeat -57px -120px; width:29px; height:24px; display:block;text-indent:-9999px; } a.sub-6.active.fea { background:url(images/sub-category/category-nav.png) no-repeat 0 -120px; width:29px; height:24px; display:block;text-indent:-9999px; } a.sub-7:hover{ background:url(images/sub-category/category-nav.png) no-repeat 0 -144px; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-7 { background:url(images/sub-category/category-nav.png) no-repeat -57px -144px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-7.active { background:url(images/sub-category/category-nav.png) no-repeat 0 -144px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-8:hover{ background:url(images/sub-category/category-nav.png) no-repeat 0 -168px; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-8 { background:url(images/sub-category/category-nav.png) no-repeat -57px -168px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-8.active { background:url(images/sub-category/category-nav.png) no-repeat 0 -168px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-8:hover.fea{ background:url(images/sub-category/category-nav.png) no-repeat 0 -168px; display:block; text-indent:-9999px; width:43px; height:24px;} a.sub-8.fea { background:url(images/sub-category/category-nav.png) no-repeat -57px -168px; width:43px; height:24px; display:block;text-indent:-9999px; } a.sub-8.active.fea { background:url(images/sub-category/category-nav.png) no-repeat 0 -168px; width:43px; height:24px; display:block;text-indent:-9999px; } a.sub-9:hover { background:url(images/sub-category/category-nav.png) no-repeat 0 -192px; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-9{ background:url(images/sub-category/category-nav.png) no-repeat -57px -192px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-9.active { background:url(images/sub-category/category-nav.png) no-repeat 0 -192px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-9:hover.fea { background:url(images/sub-category/category-nav.png) no-repeat 0 -192px; display:block; text-indent:-9999px; width:29px; height:24px;} a.sub-9.fea{ background:url(images/sub-category/category-nav.png) no-repeat -57px -192px; width:29px; height:24px; display:block;text-indent:-9999px; } a.sub-9.active.fea { background:url(images/sub-category/category-nav.png) no-repeat 0 -192px; width:29px; height:24px; display:block;text-indent:-9999px; } /* a.sub-10:hover{ background:url(images/sub-category/category-nav.png) no-repeat 0 -216px; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-10 { background:url(images/sub-category/category-nav.png) no-repeat -57px -216px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-10.active { background:url(images/sub-category/category-nav.png) no-repeat 0 -216px; width:57px; height:24px; display:block;text-indent:-9999px; } */ a.sub-10:hover{ background:url(images/sub-category/added-nav2.png) no-repeat 0 0; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-10 { background:url(images/sub-category/added-nav2.png) no-repeat -57px 0; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-10.active { background:url(images/sub-category/added-nav2.png) no-repeat 0 0; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-11:hover{ background:url(images/sub-category/added-nav.png) no-repeat 0 0; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-11 { background:url(images/sub-category/added-nav.png) no-repeat -57px 0; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-11.active { background:url(images/sub-category/added-nav.png) no-repeat 0 0; width:57px; height:24px; display:block;text-indent:-9999px; } /* a.sub-11:hover{ background:url(images/sub-category/category-nav.png) no-repeat 0 -240px; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-11 { background:url(images/sub-category/category-nav.png) no-repeat -57px -240px; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-11.active { background:url(images/sub-category/category-nav.png) no-repeat 0 -240px; width:57px; height:24px; display:block;text-indent:-9999px; } */ /*NAV MENU FOR INTELLIGENT TOILET: */ a.sub-12:hover{ background:url(images/sub-category/added-nav4.png) no-repeat 0 0; display:block; text-indent:-9999px; width:70px; height:24px;} a.sub-12 { background:url(images/sub-category/added-nav4.png) no-repeat -72px 0; width:70px; height:24px; display:block;text-indent:-9999px; } a.sub-12.active { background:url(images/sub-category/added-nav4.png) no-repeat 0 0; width:70px; height:24px; display:block;text-indent:-9999px; } /*NAV MENU FOR BIDET: */ a.sub-13:hover{ background:url(images/sub-category/added-nav3.png) no-repeat 0 0; display:block; text-indent:-9999px; width:57px; height:24px;} a.sub-13 { background:url(images/sub-category/added-nav3.png) no-repeat -57px 0; width:57px; height:24px; display:block;text-indent:-9999px; } a.sub-13.active { background:url(images/sub-category/added-nav3.png) no-repeat 0 0; width:57px; height:24px; display:block;text-indent:-9999px; } /*styles for sub--sub-category-faucet nav*/ a.sub-faucets-1:hover { background: url(images/sub-category/sub-faucets-nav.png) no-repeat 0 0; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-faucets-1 { background:url(images/sub-category/sub-faucets-nav.png) no-repeat -57px 0; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-faucets-1.active { background:url(images/sub-category/sub-faucets-nav.png) no-repeat 0 0; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-faucets-2:hover { background: url(images/sub-category/sub-faucets-nav.png) no-repeat 0 -24px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-faucets-2 { background:url(images/sub-category/sub-faucets-nav.png) no-repeat -57px -24px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-faucets-2.active { background:url(images/sub-category/sub-faucets-nav.png) no-repeat 0 -24px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-faucets-3:hover { background: url(images/sub-category/sub-faucets-nav.png) no-repeat 0 -48px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-faucets-3 { background:url(images/sub-category/sub-faucets-nav.png) no-repeat -57px -48px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-faucets-3.active { background:url(images/sub-category/sub-faucets-nav.png) no-repeat 0 -48px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-faucets-4:hover { background: url(images/sub-category/sub-faucets-nav.png) no-repeat 0 -72px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-faucets-4 { background:url(images/sub-category/sub-faucets-nav.png) no-repeat -57px -72px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-faucets-4.active { background:url(images/sub-category/sub-faucets-nav.png) no-repeat 0 -72px; width:57px; height:14px; display:block;text-indent:-9999px; } /*styles for sub--sub-category-sinks nav*/ a.sub-sinks-1:hover { background: url(images/sub-sinks-nav.png) no-repeat 0 0; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sinks-1 { background:url(images/sub-sinks-nav.png) no-repeat -57px 0; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-1.active { background:url(images/sub-sinks-nav.png) no-repeat 0 0; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-2:hover { background: url(images/sub-sinks-nav.png) no-repeat 0 -24px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sinks-2 { background:url(images/sub-sinks-nav.png) no-repeat -57px -24px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-2.active { background:url(images/sub-sinks-nav.png) no-repeat 0 -24px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-3:hover { background: url(images/sub-sinks-nav.png) no-repeat 0 -48px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sinks-3 { background:url(images/sub-sinks-nav.png) no-repeat -57px -48px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-3.active { background:url(images/sub-sinks-nav.png) no-repeat 0 -48px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-4:hover { background: url(images/sub-sinks-nav.png) no-repeat 0 -72px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sinks-4 { background:url(images/sub-sinks-nav.png) no-repeat -57px -72px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-4.active { background:url(images/sub-sinks-nav.png) no-repeat 0 -72px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-5:hover { background: url(images/sub-sinks-nav.png) no-repeat 0 -96px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sinks-5 { background:url(images/sub-sinks-nav.png) no-repeat -57px -96px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-5.active { background:url(images/sub-sinks-nav.png) no-repeat 0 -96px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-6:hover { background: url(images/sub-sinks-nav.png) no-repeat 0 -120px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sinks-6 { background:url(images/sub-sinks-nav.png) no-repeat -57px -120px; width:57px; height:14px; display:block;text-indent:-9999px; } a.sub-sinks-6.active { background:url(images/sub-sinks-nav.png) no-repeat 0 -120px; width:57px; height:14px; display:block;text-indent:-9999px; } /*styles for sub--sub-category nav*/ a.sub-sub-1 { background:url(images/sub-category/category-sub-nav.png) no-repeat 0 0; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sub-1:hover { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px 0; width:57px; height:14px;} a.sub-sub-1.active { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px 0; width:57px; height:14px;} a.sub-sub-2 { background:url(images/sub-category/category-sub-nav.png) no-repeat 0 -24px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sub-2:hover { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -24px; width:57px; height:14px;} a.sub-sub-2.active { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -24px; width:57px; height:14px;} a.sub-sub-3 { background:url(images/sub-category/category-sub-nav.png) no-repeat 0 -48px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sub-3:hover { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -48px; width:57px; height:14px;} a.sub-sub-3.active { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -48px; width:57px; height:14px;} a.sub-sub-4 { background:url(images/sub-category/category-sub-nav.png) no-repeat 0 -72px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sub-4:hover { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -72px; width:57px; height:14px;} a.sub-sub-4.active { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -72px; width:57px; height:14px;} a.sub-sub-5 { background:url(images/sub-category/category-sub-nav.png) no-repeat 0 -96px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sub-5:hover { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -96px; width:57px; height:14px;} a.sub-sub-5.active { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -96px; width:57px; height:14px;} a.sub-sub-6 { background:url(images/sub-category/category-sub-nav.png) no-repeat 0 -120px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sub-6:hover { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -120px; width:57px; height:14px;} a.sub-sub-6.active { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -120px; width:57px; height:14px;} a.sub-sub-7 { background:url(images/sub-category/category-sub-nav.png) no-repeat 0 -144px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sub-7:hover { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -144px; width:57px; height:14px;} a.sub-sub-7.active { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -144px; width:57px; height:14px;} a.sub-sub-8 { background:url(images/sub-category/category-sub-nav.png) no-repeat 0 -168px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sub-8:hover { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -168px; width:57px; height:14px;} a.sub-sub-8.active { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -168px; width:57px; height:14px;} a.sub-sub-9 { background:url(images/sub-category/category-sub-nav.png) no-repeat 0 -192px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sub-9:hover { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -192px; width:57px; height:14px;} a.sub-sub-9.active { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -192px; width:57px; height:14px;} a.sub-sub-10 { background:url(images/sub-category/category-sub-nav.png) no-repeat 0 -216px; display:block; text-indent:-9999px; width:57px; height:14px;} a.sub-sub-10:hover { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -216px; width:57px; height:14px;} a.sub-sub-10.active { background:url(images/sub-category/category-sub-nav.png) no-repeat -57px -216px; width:57px; height:14px;} /*styles for sub-category*/ #wrap-product a.arrow-right { background:url(images/arrow-right-bg.png) no-repeat 0 0; width:23px; height:25px; float:right; text-indent:-9999px; margin:245px 36px 0 0 ; z-index:9999;} #wrap-product a.arrow-right:hover { background:url(images/arrow-right-bg.png) no-repeat 0 -25px; width:23px; height:25px;} #wrap-toilet a.arrow-right { background:url(images/arrow-right-bg.png) no-repeat 0 0; width:23px; height:25px; float:right; text-indent:-9999px; margin:270px 32px 0 0 ; z-index:9999;} #wrap-toilet a.arrow-right:hover { background:url(images/arrow-right-bg.png) no-repeat 0 -25px; width:23px; height:25px;} #wrap-toilet a.arrow-left { background:url(images/arrow-left-bg.png) no-repeat 0 0; width:23px; height:25px; float:right; text-indent:-9999px; margin:270px 32px 0 0 ; z-index:9999;} #wrap-toilet a.arrow-left:hover { background:url(images/arrow-left-bg.png) no-repeat 0 -25px; width:23px; height:25px;} .left { float:left;} .right { float:right;} #wrap-toilet { width:960px; height:560px; background-color:none; margin:0 auto} #wrap-toilet div.nav { background: url(images/sub-category/nav-block.jpg) no-repeat; width:230px; height:562px; float:left; margin-right:0px;} #wrap-toilet div.products { width:540px; height:565px; float:left; margin-left:1px;} /*styles for slideshow*/ #slideshow1 { width:540px; height:565px; float:left; position:relative; margin-left:1px; background-image:url(images/sub-category/product-top-bg.png); background-repeat:no-repeat; } #slideshow1 #slidesContainer { width:540px; height:565px; float:left; /* allow scrollbar */ position:relative; margin-left:0px; padding-left:0;} #slideshow1 #slidesContainer .slide {margin:0 0 0 0; width:520px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:561px;} /** * Slideshow controls style rules. */ .control {display:block;width:39px;height:263px;text-indent:-10000px;position:absolute;cursor: pointer;} #leftControl {background:url(images/arrow-left-bg.png) no-repeat 0 0; width:23px; height:25px; float:none; text-indent:-9999px; margin:0 ; z-index:9999; position:absolute; right:580px; top:282px;} #leftControl:hover {background:url(images/arrow-left-bg.png) no-repeat 0 -25px; width:23px; height:25px; float:none; text-indent:-9999px; margin:0 ; z-index:9999; position:absolute; right:580px; top:282px;} #rightControl {background:url(images/arrow-right-bg.png) no-repeat 0 0; width:23px; height:25px; float:none; text-indent:-9999px; margin:0 ; z-index:9999; position: absolute; left:580px; top:282px;} #rightControl:hover {background:url(images/arrow-right-bg.png) no-repeat 0 -25px; width:23px; height:25px; float:none; text-indent:-9999px; margin:0 ; z-index:9999; position: absolute; left:580px; top:282px;} #wrap-toilet .left-block { background:url(images/sub-category/left-block.jpg) no-repeat; width:80px; height:562px; float:left; margin-right:2px;} #wrap-toilet div.right-block { background:url(images/sub-category/right-block.jpg) no-repeat; width:105px; height:561px; float:right;} img.color1a{position: absolute;right: 0; top:; z-index: 10;} img.color2a {position: absolute;right:0 ;top:;} img.color3a{position: absolute;right: 0; top:187px; z-index: 10;} img.color4a {position: absolute;right:0; top:187px;} img.color5a{position: absolute;right: 0; top:374px; z-index: 10;} img.color6a {position: absolute;right:0; top:374px;} img.color7a{position: absolute;right: 0; top:189px; z-index: 10;} img.color8a {position: absolute;right:0; top:189px;} img.color9a{position: absolute;right: 0; top:189px; z-index: 10;} img.color10a {position: absolute;right:0; top:189px;} img.color11a{position: absolute;right:0; top:189px; z-index: 10;} img.color12a{position: absolute;right:0; top:189px;} img.color13a{position: absolute;right:0; top:378px; z-index: 10;} img.color14a{position: absolute;right:0; top:378px;} img.color15a{position: absolute;right:0; top:378px; z-index: 10;} img.color16a{position: absolute;right:0; top:378px;} img.color17a{position: absolute;right:0; top:378px; z-index: 10;} img.color18a{position: absolute;right:0; top:378px;} img.color1{position: absolute;right: 0px; top:; z-index: 10;} img.color2 {position: absolute;right:0px ;top:;} img.color3{position: absolute;right: 180px; top:; z-index: 10;} img.color4 {position: absolute;right:180px; top:;} img.color5{position: absolute;right: 360px; top:; z-index: 10;} img.color6 {position: absolute;right:360px; top:;} img.color7{position: absolute;right: 0; top:187px; z-index: 10;} img.color8 {position: absolute;right:0; top:187px;} img.color9{position: absolute;right: 180px; top:187px; z-index: 10;} img.color10 {position: absolute;right:180px; top:187px;} img.color11{position: absolute;right:360px; top:187px; z-index: 10;} img.color12{position: absolute;right:360px; top:187px;} img.color13{position: absolute;right:0; top:374px; z-index: 10;} img.color14{position: absolute;right:0; top:374px;} img.color15{position: absolute;right:180px; top:374px; z-index: 10;} img.color16{position: absolute;right:180px; top:374px;} img.color17{position: absolute;right:360px; top:374px; z-index: 10;} img.color18{position: absolute;right:360px; top:374px;} a.bw { position:relative;} a.toilet-01{ position:relative; float:right; text-indent:-9999px;} a.toilet-02{ position:relative; float:right;} /*three home banners */ #three-banners { background:none; margin-top:40px;} #three-banners .new { background:url(images/news-banner.jpg) no-repeat; width:311px; height:145px; display:block; float:left; padding:10px 0 0 12px;} #three-banners .new ul li a{ font-size:13px; color:#646464; font-family:黑体,Arial, Helvetica, sans-serif;} #three-banners .product { background:url(images/products-banner.jpg) no-repeat; width:311px; height:145px; display:block; float:left; padding:10px 0 0 12px;} #three-banners .portfolio { background:url(images/portfolio-banner.jpg) no-repeat; width:314px; height:145px; display:block; float:left; padding:10px 0 0 0;} #three-banners h3 { font-size:14px; color:#64819b; font-family:黑体,Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px;} #three-banners .portfolio h3 { padding-left:11px;} #three-banners ul li { display:block; padding-left:0px;} #three-banners ul li.arrow-banner { background:url(images/arrow-three-banner.gif) center left no-repeat; padding-left:15px;} #three-banners ul li a{ font-size:13px; color:#989898; font-family:黑体,Arial, Helvetica, sans-serif;} #three-banners ul li.arrow-banner a { font-size:13px; color:#646464; font-family:黑体,Arial, Helvetica, sans-serif;} #three-banners .product ul li, #three-banners .portfolio ul li { padding-left:0;} #three-banners .product ul li a, #three-banners .portfolio ul li a{ font-size:13px; color:#646464; font-family:黑体,Arial, Helvetica, sans-serif;} #three-banners .portfolio ul li { padding-left:12px;} a.more { background:url(images/arrow-three-banner.gif) no-repeat center right; display:block; width:35px; font-size:13px; margin-top:5px; font-weight:bold; padding-right:10px; padding-left:15px;} a.more-p { background:url(images/arrow-three-banner.gif) no-repeat center right; display:block; width:35px; font-size:13px; margin-top:5px; font-weight:bold; padding-right:10px; padding-left:0; margin-top:45px;} a.more-pe { background:url(images/arrow-three-banner.gif) no-repeat center right; display:block; width:35px; font-size:13px; margin-top:5px; font-weight:bold; padding-right:10px; padding-left:12px; margin-top:45px;} /*styles for category*/ #wrap-vera { width:960px; height:560px; background-color:#eeeae8; margin:0 auto} #right-panel { width:480px; height:560px; float:right;} #left-panel { width:240px; height:560px; float:left;} #content-vera { color:#eeeae8; padding:0px; width:240px; height:560px; float:right; margin:0px;} #content-vera h2 { color:#857970; font-size:16pt; font-weight: normal; letter-spacing:-.05em; margin-bottom:30px; text-align:left; padding-left:27px; margin-left:29px;} #content-vera p{ line-height:1.6em; color:#4e4e4e; font-size:15px;} #content-wrap-vera { width:200px; height:auto; margin:25px auto 0;} ul.vera { text-align:left; padding-left:27px;} ul.vera li{ display:block; padding-bottom:0;} ul.vera li a{ color: #666666; text-decoration:none; font-size:14px; font-weight:; font-family:Arial, Helvetica, sans-serif;} ul.vera li a:hover { color: #000000;} a.cate-01 { background: url(images/category/category-01.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-01:hover { background: url(images/category/category-01.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-02 { background: url(images/category/category-02.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-02:hover { background: url(images/category/category-02.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-03 { background: url(images/category/category-03.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-03:hover { background: url(images/category/category-03.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-04 { background: url(images/category/category-04.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-04:hover { background: url(images/category/category-04.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-05 { background: url(images/category/category-05.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-05:hover { background: url(images/category/category-05.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-06 { background: url(images/category/category-06.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-06:hover { background: url(images/category/category-06.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-07 { background: url(images/category/category-07.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-07:hover { background: url(images/category/category-07.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-08 { background: url(images/category/category-08.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-08:hover { background: url(images/category/category-08.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-09 { background: url(images/category/category-09.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-09:hover { background: url(images/category/category-09.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-10 { background: url(images/category/category-10.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-10:hover { background: url(images/category/category-10.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-11 { background: url(images/category/category-11.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-11:hover { background: url(images/category/category-11.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-12 { background: url(images/category/category-12.jpg) no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} a.cate-12:hover { background: url(images/category/category-12.jpg) 0 -140px no-repeat; width:240px; height:140px; display:block; text-indent:-9999px; float:right;} /*styles for product page*/ .copy { position:absolute; display:inline; padding:0; z-index:1; width:200px;} #gallery .copy ul { position: relative; top:0; padding-left:0;} #gallery .copy h3 { font-size:16px; color:#9a9a9a; font-weight:bold; letter-spacing: normal; margin-top:0; margin-bottom:30px;} .copy ul li {font-family:黑体,Arial, Helvetica, sans-serif; color:#7d7970; font-size:12px; padding-bottom:2px; font-weight:normal; text-decoration:none; display:block; letter-spacing: normal;} .copy span.coro { font-family:Arial, Helvetica, sans-serif; color:#7d7970;letter-spacing: normal; margin:0;} /*styles for single product*/ #wrap-product { width:960px; height:490px; background-color:none; margin:0 auto} #wrap-product div.nav { background: url(images/nav-product-indi-left.jpg) no-repeat; width:175px; height:491px; float:left; margin-right:0px;} #wrap-product div.right-block { background: url(images/nav-product-indi-right.jpg) no-repeat; width:111px; height:491px; float:right;} #wrap-product div.product-image { float:left;} #wrap-product div.container-loop { float:left;} ul.pagination a { margin:0 10px 0 0;} .loopedSlider a.specs { background:url(images/sub-category/product-indi/nav-product-indi.png) 0 0 no-repeat; width:73px; height:16px; text-indent:-9999px; display:block; float:left;} .loopedSlider a.specs:hover { background:url(images/sub-category/product-indi/nav-product-indi.png) -73px 0 no-repeat; width:73px; height:16px; text-indent:-9999px; } .loopedSlider a.feature { background:url(images/sub-category/product-indi/nav-product-indi.png) 0 -28px no-repeat; width:73px; height:16px; text-indent:-9999px; display:block; float:left;} .loopedSlider a.feature:hover { background:url(images/sub-category/product-indi/nav-product-indi.png) -73px -28px no-repeat; width:73px; height:16px; text-indent:-9999px;} .loopedSlider a.tech-drawing{ background:url(images/sub-category/product-indi/nav-product-indi.png) 0 -55px no-repeat; width:73px; height:16px; text-indent:-9999px; display:block; float:left;} .loopedSlider a.tech-drawing:hover { background:url(images/sub-category/product-indi/nav-product-indi.png) -73px -55px no-repeat; width:73px; height:16px; text-indent:-9999px; } #wrap-product h3.title-toilet{ background: url(images/sub-category/product-indi/title-toilets-product.png) no-repeat; width:262px; height:42px; text-indent:-9999px; margin:5px 0 0 27px;} /*start sidebar-slider css*/ /* * Required */ .container { width:305px; height:491px; overflow:hidden; position:relative; cursor:pointer; margin-right:0px; } .slides { position:absolute; top:0; left:0; clear:both;} .slides li { clear:both;} .slides div { position:absolute; top:0; width:305px; display:none; } .slides p { font-family: Arial, Helvetica, sans-serif; font-size:11px; width:305px; height:40px; color:#002445;} /* * Optional */ ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .loopedSlider { margin:0 auto; width:620px; position: absolute; clear:; margin-right:0px; padding-top:115px; margin-top:0px; height:444px;} #gallery ul.pagination { list-style-type:none; margin:0; padding:0; margin:0 auto 5px; width: 305px; height:20px; clear:both; top:350px;} /*ul.pagination li { float:left; margin:0 5px; } ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(pagination.png); background-position:0 0; background-repeat:no-repeat;} ul.pagination li.active a {background-position:0 -12px}*/ a.previous { position:absolute; top:200px; left:-32px; } a.next { position:absolute; top:200px; right:-32px; } .slides_container { width:700px; height:430px; overflow:hidden; position:relative; display:block !important; margin-top:62px; top:-60px; } #gallery .slides_container_inside img { float:left; width:274px; height:348px; border:0px solid #7D98BE;} #gallery .slides_container_inside .copy-contain img { float:left; width:120px; height: auto;} #gallery .slides_container_inside .copy-contain img.magnify { position:relative; bottom:20px; left:110px; width:auto; height: auto;} div.product-content { float:left; width:343px; height:430px; display:block; padding:55px 10px 10px 20px; overflow:auto; position:relative; top:0px;} div.product-content.intelligent-toilet {width:735px !important; } div.with-series-head {position:relative; } div.product-content h2.toilet{ background:url(images/sub-category/toilet/kata-toilets-title.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.toilet-ch{ background:url(images/sub-category/toilet/toilets-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; margin-top:0; border-bottom:1px solid #7d98be;} div.product-content h2.toilet-ch-no-border{ background:url(images/sub-category/toilet/toilets-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; margin-top:0;} div.under-title { float:right; border:6px solid #7d98be !important; } div.product-content h2.squatting-pan-ch{ background:url(images/sub-category/squatting-pan/squatting-pan-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.urinal-ch{ background:url(images/sub-category/urinal/urinal-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.bathtub-ch{ background:url(images/sub-category/bathtub/bathtub-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.ategor-ch{ background:url(images/sub-category/faucet/faucet-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.furniture-ch{ background:url(images/sub-category/furniture/furniture-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.wash-basin-ch{ background:url(images/sub-category/wash-basin/wash-basin-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.bathroom-accessories-ch{ background:url(images/sub-category/bathroom-accessories/bathroom-accessories-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.shower-enclosure-ch{ background:url(images/sub-category/shower-enclosure/shower-enclosure-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.faucet-ch{ background:url(images/sub-category/faucet/faucet-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.shower-pillar-ch{ background:url(images/sub-category/shower-pillar/shower-pillar-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.bidet-ch{ background:url(images/sub-category/bidet/bidet-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} div.product-content h2.intelligent-toilet-ch{ background:url(images/sub-category/intelligent-toilet/intelligent-toilet-title-ch.gif) no-repeat; text-indent:-9999px; padding-bottom:0px; border-bottom:1px solid #7d98be; margin-top:0;} .slides-kata { position:absolute; /*top:12px;*/ top:32px; padding-top:0px; margin-top:0px; left:4px; z-index:100; display:block !important; visibility:visible; } div.icons-category { margin:20px 0 0;} /*.pagination { margin:26px auto 0; width:100px; } .pagination li { float:left; margin:0 1px; } .pagination li.current { width:83px !important; } .pagination li.current a.specs { background:url(images/sub-category/product-indi/nav-product-indi.png) -73px 0 no-repeat; width:73px; height:16px; text-indent:-9999px; } .pagination li.current a.feature { background:url(images/sub-category/product-indi/nav-product-indi.png) -73px -28px no-repeat; width:73px; height:16px; text-indent:-9999px; } .pagination li.current a.tech-drawing { background:url(images/sub-category/product-indi/nav-product-indi.png) -73px -55px no-repeat; width:73px; height:16px; text-indent:-9999px; } .pagination li a { display:block; width:12px; height:0; float:left; overflow:hidden; } .pagination li.current a { }*/ /*end sidebar-slider css*/ /*fullscreen css*/ #background { height:auto; left:0; position:; top:0; width:100%; z-index:1; min-width:960px; } #background img { height:auto; width:100%; } div.icons { float:left; width:500px;} div.copy { float:left; width:200px; display:block; position:relative; background:#FFF;} div.copy-contain { margin-top:30px;} dv.copy-contain { float:left; width:400px;} div.copy-contain a { display:block; float:left; width:120px;} div.icons ul li { float:right; margin-left:15px;} img.series { padding-top:7px; padding-left:15px;} img.category { padding-top:16px; padding-left:15px;} div.content-series { width:960px; min-height:400px; background:#FFF;} div.content-series p {font-family:黑体,Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#828282; width:385px; z-index:1; position: relative;} div.content-series.kobar { border-top:3px solid #B8C976;} div.content-series-contain { padding:30px 30px 10px;} #wrap-round.series { margin-top:30px; } #wrap-round.series .top {} div.series-img { margin:40px 0; width:900px; height:auto; position:relative;} div.series-img h3{ color:#b8c976; background-color:#FFF; padding:10px; font-size:15px; position:absolute; font-weight:bold; top:-20px; left:50px; width:100px; height:30px; z-index:2; text-align:center; word-spacing:normal;} div.series-img div.images { position:relative; z-index:3; margin:30px 0 0 0;} div.series-img div.images ul li { float:left; padding-left:1px;} div.line { border-bottom:1px #b8c976 solid; position:relative; z-index:1;} div.series-product { margin:40px 0; width:900px; height:auto;} /***************************************************/ /* ADDED 07/05/11 - News CSS */ div.news-wrap { width:auto; float:left; /* background-image:url(images/sub-category/news/arrow1.jpg); background-position:510px 0px; background-repeat:no-repeat; */ } div.news-excerpt-column { width:220px; padding-left:80px; float:left; margin-top:27px; color:#828282; } div.news-excerpt h3{ font-size:13px; font-weight: bold; letter-spacing:1px; color:#828282; } div.news-excerpt div.excerpt-date { font-size:11px; padding:0; margin:0; } div.news-excerpt { font-size:12px; padding:10px 0px 0px; border-bottom: 1px solid #828282; margin-bottom:20px; } div.news-excerpt div { padding-bottom:10px; padding-top:10px; } div.news-excerpt:first-child { padding-top:0px; } div.news-excerpt:last-child { border-bottom:0px; } div.news { width:600px; float:left; } div.news #p1 { width:700px; background-image:url(images/sub-category/news/arrow1.jpg); background-position:510px 0px; background-repeat:no-repeat; } div.news #p2 { width:700px; background-image:url(images/sub-category/news/arrow2.jpg); background-position:510px 0px; background-repeat:no-repeat; } div.news #p3 { width:700px; background-image:url(images/sub-category/news/arrow3.jpg); background-position:510px 0px; background-repeat:no-repeat; } div.news #p4 { width:700px; background-image:url(images/sub-category/news/arrow4.jpg); background-position:510px 0px; background-repeat:no-repeat; } div.news div.top { padding-bottom:40px; width:600px; } div.news div.main-article { width:600px; } div.news h3 { font-size:16px; color:#597186; font-weight: bold; letter-spacing:1px; } div.news div.tagline { font-size:12px; color:#989898; padding-left:15px; } div.news .main-article div.article-content { font-size:12px; padding-bottom:30px; color: #476177; letter-spacing:1px; } div.news .main-article img { padding-bottom:30px; } /*****************************************************/ /* FEATURES CSS: */ div.features { font-size:13px; } div.features h3{ background-color: #FFFFFF; color: #597186; font-size: 16px; font-weight: bold; height: 30px; left: 50px; padding: 0px; position:relative; top:20px; text-align: center; letter-spacing:1px; width: 80px; word-spacing: normal; z-index: 2; } div.features div.line { border-bottom: 1px solid #597186 !important; margin-bottom:40px; } div.features .currently-browsing { float:right; font-size:13px; color:#597186; font-weight:bolder; position:relative; bottom:10px; } .currently-browsing span { float:left; position:relative; top:5px; right:15px; } ul.features-nav { list-style: none outside none !important; width: 535px !important; } ul.features-nav li{ display: block !important; list-style-type: none !important; padding-right: 20px !important; float:left; } .left-icons { clear:both; width:200px; min-height:67px; border:0px solid red; position:relative; float:left; padding-right:20px; text-align:right; } .left-icons img{ margin-bottom:20px; clear:both; } .right-features { width:530px; min-height:67px; float:left; padding-bottom:20px; } .right-features h4{ font-weight:bolder; padding-bottom:10px; color: #597186; } .fea { width:} /*************************************************** /* ADDED 07/06/11 */ /* BRAND CONCEPT CSS */ .brand-concept h3 { width: 120px !important; } div.brand-concept { /* min-height:500px; background-image:url(images/sub-category/brand-concept/brand-concept-bg.jpg); background-position:0px 180px; background-repeat: no-repeat; */ letter-spacing:1px; } /*************************************************** /* ADDED 07/06/11 */ /* CAREER CSS */ div#career-list { padding-left:70px; float:left; color:#828282; letter-spacing:1px; } div#career-list .job-position { font-weight:bold; padding-bottom:30px; } div#career-list .job-position a { color:#828282; } div#career-list .job-position a.selected { color:#597185; } div.job-description { float:left; width:615px; padding-left:60px; letter-spacing:1px; } div.job-description p { color: #597185; font-size: 19px; font-weight: 800; padding-bottom:15px; } div.job-description span { color: #597185; font-weight:bold; } div.job-description ol { padding:15px 0 15px 20px; } /****************************************/ /* FAQS CSS */ #faqs h2{ font-size:16px; font-weight: 100; color:#597185; padding-bottom:5px; } #faqs p{ width:800px !important; padding-bottom:15px; padding-left:25px; } #faqs ul li { color:#828282; font-size:13px; } #faqs ul { padding-bottom:20px; padding-left:25px; } #aftersales p { margin:0; padding:0; } /**************************************** /* CASES CSS */ div.case-content { font-size:12px; padding-bottom:30px; color: #476177; letter-spacing:1px; width:180px; line-height:20px; float:left; } div.cases #p1 { width:700px; background-image:url(images/sub-category/cases/arrow1.jpg); background-position:510px 0px; background-repeat:no-repeat; min-height:800px; } div.cases #p2 { width:700px; background-image:url(images/sub-category/cases/arrow2.jpg); background-position:510px 0px; background-repeat:no-repeat; min-height:800px; } div.cases #p3 { width:700px; background-image:url(images/sub-category/cases/arrow3.jpg); background-position:510px 0px; background-repeat:no-repeat; min-height:800px; } div.cases #p4 { width:700px; background-image:url(images/sub-category/cases/arrow4.jpg); background-position:510px 0px; background-repeat:no-repeat; min-height:800px; } div.cases #p5 { width:700px; background-image:url(images/sub-category/cases/arrow1.jpg); background-position:510px 0px; background-repeat:no-repeat; min-height:800px; } div.cases #p6 { width:700px; background-image:url(images/sub-category/cases/arrow2.jpg); background-position:510px 0px; background-repeat:no-repeat; min-height:800px; } div.cases #p7 { width:700px; background-image:url(images/sub-category/cases/arrow3.jpg); background-position:510px 0px; background-repeat:no-repeat; min-height:800px; } /******************************************* /* TERMS & CONDITIONS CSS */ .terms-conditions ol li { display: list-item !important; list-style: decimal outside none; color:#597185; margin-left:24px; padding-bottom:5px; } .terms-conditions p{ padding-bottom:15px; padding-left:0px !important; } .disclaimer li { color:#828282 !important; width: 776px; font-family: 黑体,Arial,Helvetica,sans-serif; font-size: 13px; line-height: 18px; margin-left:24px; } .disclaimer li:last-child { padding-bottom:15px; } /***************************************************/ /* ADDED 07/04/11 */ div.content-series.rene { border-top:3px solid #bbb264;} div.content-series.ciras { border-top:3px solid #aaacaf;} div.content-series.caron { border-top:3px solid #bd8a1b;} div.content-series.calmona { border-top:3px solid #ad90b0;} div.content-series.recuro { border-top:3px solid #d9c297;} div.content-series.sterno { border-top:3px solid #aacad0;} #temp-series-menu { text-align:left; font-size:12px; margin: -28px 0 20px 0px; color:#CCC; } #temp-series-menu li:first-child { border-left:1px solid #ccc; } #temp-series-menu li{ padding-right:20px; padding-left:20px; border-right:1px solid #ccc; } #temp-series-menu li a{ color: #999; } /************************************************/ /* ADDED 06/27/11 */ div.top img#series-head { float:left; border:0px solid black; padding-right:30px; border-right:1px solid #9a9a9a; margin-right:30px; } /* Fix positioning of image / text / image */ div.series-slide { width:801px; height:auto; margin:0px auto; } div.mid-column-text { float:left; padding:60px 0px 0px 60px; width:240px; /*width:267px;*/ vertical-align:middle; } div.mid-column-text h3 { text-align:left;font-size:16px; color:#9a9a9a; font-weight:bold; letter-spacing: normal; margin:0; padding:0px; position:relative; top:0; left:0; margin-bottom:30px;width:240px; } div.mid-column-text .copy{ width:240px; } div.series-slide div.right-column { padding-top:60px; } div.right-column p.toilet2 { position:relative;bottom:92px; left:565px; } .product-pic { width:267px ; border:0px solid black; } img.technical-pic { float:left; width:120px; height: auto; } /***********************************************/ div.series-slide img{ height:auto; margin:20px auto 0; float:left; height:auto; margin:20px auto 0;} #seris-product-wrap { margin-top:20px; position:relative; z-index:3; font-family:Arial, Helvetica, sans-serif;} #seris-product-wrap ul { margin-top:30px;} #seris-product-wrap ul li { margin-right:25px;} #seris-product-wrap ul li a{font-family:黑体,Arial, Helvetica, sans-serif; font-size:14px; color:#9eb544; text-decoration:none;} #seris-product-wrap ul li a.selected { color:#424242; text-decoration:none;} div.slideshow.two { float:left; width:400px; height:50px; display:block;} /*styles for products - indivisual*/ /*styles for feature-list*/ div#feature_list { width: 750px; height: 240px; overflow: hidden; position: relative; } div#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; } ul#tabs { left: 0; z-index: 2; width: 320px; } ul#tabs li { font-size: 12px; font-family: Arial; } ul#tabs li img { padding: 5px; border: none; float: left; margin: 10px 10px 0 0; } ul#tabs li a { color: #222; text-decoration: none; display: block; padding: 10px; height: 60px; outline: none; } ul#tabs li a:hover { text-decoration: underline; } ul#tabs li a.current { background: url('feature-tab-current.png'); color: #FFF; } ul#tabs li a.current:hover { text-decoration: none; cursor: default; } ul#output { right: 0; width: 463px; height: 240px; position: relative; } ul#output li { position: absolute; width: 463px; height: 240px; } ul#output li a { position: absolute; bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #000; -moz-border-radius: 5px; } ul#output li a:hover { background: #D33431; } /*styles for mocha*/ #container{ width: 732px; margin-left: auto; margin-right: auto; padding: 30px 0 0 0; position: relative; height:540px; margin-right:50px; } img{ display: block; } #gallery, #thumbs{ float: left; } #gallery{ width: 620px; height: 385px; overflow: hidden; background:none; position:relative; top:23px; } #gallery ul{ position:absolute; top:540px; } #gallery .icons-category ul { position: absolute; top:300px; padding:0;} #gallery .icons-category ul li { display: block; float:left; width:34px; height:34px; padding-right:10px;} #gallery .icons-category ul li a img, #gallery .icons-category ul li a {width:34px; height:34px; display:block;} #gallery img{ position:; display:block; } #thumbs img{ border:1px solid #7d98be; } #thumbs-contain {width: 100px; height: 381px; overflow: hidden; padding-top:0px; margin-top:50px; float:left; position:relative;} #thumbs img{ padding:0px; margin-bottom:33px; } #next{ display: block; width: 21px; height: 13px; background: url(images/arrows-blue.png) no-repeat 0 -13px; position: relative; z-index:3; top: 450px; left: 35px; } #prev{ display: block; width: 21px; height: 13px; background: url(images/arrows-blue.png) no-repeat 0 0; position: relative; top: 0; left: 35px; } #next:hover{ background: url(images/arrows-blue-hover.png) no-repeat 0 -13px; } #prev:hover{ background: url(images/arrows-blue-hover.png) no-repeat 0 0; } /*styles for footer*/ #footer-contain { clear:both; padding-top:10px;} #footer {width:960px; height:20px; margin:0 auto; padding-top:10px; padding-left:0px;font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #476177; clear:both; padding-bottom:10px; float:; text-align:center; border-top:1px #CCC solid;} #footer .contain { width:420px; height:20px; margin:; text-align:right; float:right; font-size:11px;} #footer .footer-links{ float:left;} #footer .footer-links ul { padding:0;} #footer .footer-links ul li { padding-right:15px; } #footer .footer-links ul li a { font-size:11px; color: #476177; text-decoration:none;} #footer .footer-links ul li a:hover {color: #597186;} #footer .footer-links ul li a.active {color: #597186;} #p1 ol { } #p1 ol li{ display:list-item !important; list-style:decimal outside; } #p2 ol li{ display:list-item !important; list-style:decimal outside; } #p3 ol li{ display:list-item !important; list-style:decimal outside; } #p4 ol li{ display:list-item !important; list-style:decimal outside; } #p5 ol li{ display:list-item !important; list-style:decimal outside; } #p6 ol li{ display:list-item !important; list-style:decimal outside; } #p7 ol li{ display:list-item !important; list-style:decimal outside; } .standard-rights { position:relative; top:-77px; left:354px; width:555px !important; color: #666666; font-family: 黑体,Arial,Helvetica,sans-serif;} .standard-rights2 { position:relative; top:-46px; left:354px; width:555px !important; color: #666666; font-family: 黑体,Arial,Helvetica,sans-serif;} .product-head { float:right; position:relative; right:25px; bottom:55px; } .product-head img { width:129px !important; height:68px !important; z-index:999; } .product-content .copy ul li { font-weight: normal; font-size:13px; } #gallery .intelligent_toilet img.big { float:left; width:274px; height:348px; border:0px solid #7D98BE;} #gallery .intelligent_toilet .copy-contain img { float:left; width:120px; height: auto;} #gallery .intelligent_toilet .copy-contain img.magnify { position:relative; bottom:20px; left:110px; width:auto; height: auto;} .intelligent_toilet.intelligent-thumbs img { width:150px; height:100px; } .download-section { bottom: 0px; color: #597186; float: right; font-size: 13px; font-weight: bolder; position: relative; } .download-section span a{ color:#597185; } .download-section span a.selected{ color:#575757; } .download_head { font-weight:bold; font-size:18px; color:#597185; padding-bottom:15px; width:670px; }