html,body{height:100%} body,div,dl,dt,dd,ul,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} ol,li{line-height:20px;} a{text-decoration:none;color:#333;} fieldset,img{border:0;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-weight:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /****************************************Please do not change anything before this line *********************************************************/ body{background:url(../images/bg.jpg) 0px -4px repeat-x; margin:0px; background-color:#e4e4e4; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-align:left;} #mainWrapper{width:980px; height:auto; overflow:hidden; margin:0px auto; position:relative;} #mainWrapper .header{height:83px; display:block; clear:both;} #mainWrapper .header .logo{width:320px; height:83px; float:left;} #mainWrapper .header .headerbg{width:660px; height:73px; padding-top:10px; float:left; background:url(../images/header-bg.jpg) 0px 0px no-repeat; text-align:right; overflow:hidden;} #mainWrapper .header .headerbg p{display:block; margin:0px; padding:0px; color:#ffc; font-size:14px; font-weight:bold;} #mainWrapper .header .headerbg p a{margin-left:10px; text-decoration:none; padding:0px; color:#ffc; font-size:14px; font-weight:bold;} #mainWrapper .header .headerbg p.facts{display:block; margin-top:15px; padding:0px; color:#fff; font-size:14px; font-weight:normal; margin-left:150px; overflow:hidden; clear:both;} #mainWrapper .header .headerbg p.facts span{margin-right:20px; font-weight:bold;} #mainWrapper .menuWrap{height:45px; display:block; clear:both;} #mainWrapper .menuWrap .menult-crv{float:left; width:4px; height:45px; background:url(../images/nav-lt-crv.jpg) 0px 0px no-repeat;} #mainWrapper .menuWrap .menurt-crv{float:left; height:45px; width:4px; background:url(../images/nav-rt-crv.jpg) 0px 0px no-repeat;} #mainWrapper .menuWrap .menu{float:left; width:972px; height:45px; background:url(../images/nav-bg.jpg) 0px 0px repeat-x;} #mainWrapper .menuWrap .menu ul{width:auto; height:45px; margin:0px; padding:0px; margin-left:5px;} #mainWrapper .menuWrap .menu ul li{list-style-type:none; display:inline; height:30px; float:left; margin:5px 2px 5px 0px; border-right:1px dotted #fff; padding-right:2px;} #mainWrapper .menuWrap .menu ul li.last{border:none;} #mainWrapper .menuWrap .menu ul li a{padding:5px 10px 5px 10px; height:30px; line-height:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-decoration:none; text-align:center;} #mainWrapper .menuWrap .menu ul li a:hover,#mainWrapper .menuWrap .menu ul li a.active{color:#000; background:#fff; border-radius:5px;} #mainWrapper .catWrap{height:365px; overflow:hidden; display:block; padding-top:5px; background-color:#fff; margin-top:10px; border:1px solid #ababab; border-radius:6px;} #mainWrapper .catWrap .bottom-crv{height:5px;} #mainWrapper .catWrap .innerWrap{height:360px; padding:0px; background:#fff;} #mainWrapper .catWrap .shadow{background:url(../images/shadow.jpg) top center no-repeat; height:47px;} #mainWrapper .catWrap .innerWrap ul{margin:0px 0px 5px 10px; padding:0px; padding-top:5px; width:100%; height:350px;} #mainWrapper .catWrap .innerWrap ul li{list-style-type:none; background:url(../images/categories.jpg) 0px 0px repeat-x; margin-right:0px; display:inline; float:left; height:350px; cursor:pointer;} #mainWrapper .catWrap .innerWrap ul li:hover{background:url(../images/categories-hover.jpg);} #mainWrapper .catWrap .innerWrap ul li.cat1{list-style-type:none; background:url(../images/categories.jpg) -1px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat2{list-style-type:none; background:url(../images/categories.jpg) -57px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat3{list-style-type:none; background:url(../images/categories.jpg) -113px 0px repeat-x; width:57px;} #mainWrapper .catWrap .innerWrap ul li.cat4{list-style-type:none; background:url(../images/categories.jpg) -170px 0px repeat-x; width:57px;} #mainWrapper .catWrap .innerWrap ul li.cat5{list-style-type:none; background:url(../images/categories.jpg) -227px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat6{list-style-type:none; background:url(../images/categories.jpg) -283px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat7{list-style-type:none; background:url(../images/categories.jpg) -339px 0px repeat-x; width:57px;} #mainWrapper .catWrap .innerWrap ul li.cat8{list-style-type:none; background:url(../images/categories.jpg) -396px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat9{list-style-type:none; background:url(../images/categories.jpg) -453px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat10{list-style-type:none; background:url(../images/categories.jpg) -509px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat11{list-style-type:none; background:url(../images/categories.jpg) -566px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat12{list-style-type:none; background:url(../images/categories.jpg) -622px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat13{list-style-type:none; background:url(../images/categories.jpg) -678px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat14{list-style-type:none; background:url(../images/categories.jpg) -733px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat15{list-style-type:none; background:url(../images/categories.jpg) -790px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat16{list-style-type:none; background:url(../images/categories.jpg) -847px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat17{list-style-type:none; background:url(../images/categories.jpg) -903px 0px repeat-x; width:58px;} #mainWrapper .catWrap .innerWrap ul li.cat1:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -1px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.active1{list-style-type:none; background:url(../images/categories-hover.jpg) -1px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat2:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -57px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.active2{list-style-type:none; background:url(../images/categories-hover.jpg) -57px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat3:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -113px 0px repeat-x; width:57px;} #mainWrapper .catWrap .innerWrap ul li.cat4:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -170px 0px repeat-x; width:57px;} #mainWrapper .catWrap .innerWrap ul li.cat5:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -227px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat6:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -283px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat7:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -339px 0px repeat-x; width:57px;} #mainWrapper .catWrap .innerWrap ul li.cat8:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -396px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat9:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -453px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat10:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -509px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat11:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -566px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat12:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -622px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat13:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -678px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat14:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -733px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat15:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -790px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat16:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -847px 0px repeat-x; width:56px;} #mainWrapper .catWrap .innerWrap ul li.cat17:hover{list-style-type:none; background:url(../images/categories-hover.jpg) -903px 0px repeat-x; width:58px;} #mainWrapper .hiddendiv{width:955px; left:11px; height:auto; position:absolute; top:500px; z-index:99; display:none; border:1px solid #323232; background:url(../images/catWrapBg.jpg) 0px 0px repeat-x; font-size:8pt;} #mainWrapper .hiddendiv .inner{ background-color:#fff; padding-left:20px; padding-bottom:10px; border-top:3px solid #323232; padding-top:10px;} #mainWrapper .hiddendiv .inner h1{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#005e9d; font-variant:small-caps; text-align:left; height:30px; line-height:30px; border-bottom:3px solid #005e9d; position:relative; width:915px} #mainWrapper .hiddendiv .inner h3{position:absolute; right:20px; top:15px; line-height:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; font-weight:bold; text-decoration:underline; cursor:pointer;} #mainWrapper .hiddendiv a{display:inline-block; width:208px; height:30px; line-height:30px; border-bottom:1px dotted #ccc; margin-right:20px; padding-left:5px;} #mainWrapper .hiddendiv a:hover{background:#fffbbc; width:208px;} #mainWrapper .hiddendiv .innerdiagno{ background-color:#fff; padding-left:20px; padding-bottom:10px; border-top:3px solid #323232; padding-top:10px;} #mainWrapper .hiddendiv .innerdiagno a{display:inline-block; width:442px; height:30px; line-height:30px; border-bottom:1px dotted #ccc; margin-right:20px; padding-left:5px;} #mainWrapper .hiddendiv .innerdiagno a:hover{background:#fffbbc; width:442px;} #mainWrapper .middleWrap{border:1px solid #ccc; height:710px; overflow:hidden; padding-top:5px; margin:0px auto; background-color:#fff; margin-top:10px; margin-bottom:10px; border-radius:6px;} #mainWrapper .middleWrap .innerWrap{padding:10px; height:auto; overflow:hidden; padding-top:5px;} #mainWrapper .middleWrap .bottom-crv{height:5px;} #mainWrapper .middleWrap .innerWrap .leftWrap{float:left; width:678px; height:auto; overflow:hidden; padding-top:4px; border-radius:6px; border:1px solid #ccc;} #mainWrapper .middleWrap .innerWrap .leftWrap .inner{background:#fff; height:auto; overflow:hidden;padding:0px 10px 0px 10px;} #mainWrapper .middleWrap .innerWrap .leftWrap .bot-crv{height:5px;} #mainWrapper .middleWrap .innerWrap .leftWrap .inner h1{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#333; font-variant:small-caps; text-align:left; position:relative; padding-left:45px; height:41px; line-height:41px;} #mainWrapper .middleWrap .innerWrap .leftWrap .inner h1 img{position:absolute; top:5px; left:0px;} #mainWrapper .middleWrap .innerWrap .leftWrap .inner .flashWrap{width:657px; height:258px; border:1px solid #d1d1d1; border-radius:6px; padding-top:4px; background-color:#fff; margin-top:5px;} #mainWrapper .middleWrap .innerWrap .leftWrap .inner .flashWrap .bot-crv{height:4px; width:657px;} #mainWrapper .middleWrap .innerWrap .leftWrap .inner .flashWrap .inner{height:252px; padding:2px 0px 0px 6px;} #mainWrapper .middleWrap .innerWrap .leftWrap .inner p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-align:justify; margin:0px; margin-top:10px; line-height:14px;} #mainWrapper .middleWrap .innerWrap .leftWrap .inner .moto{font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#09F; text-align:center; font-style:italic; line-height:40px; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); font-weight:bold;} #mainWrapper .middleWrap .innerWrap .leftWrap .inner .moto em{font-size:36px;} #mainWrapper .middleWrap .innerWrap .leftWrap .inner .moto:hover{color:#03C;} #mainWrapper .middleWrap .innerWrap .rightWrap{float:right; width:269px; background:url(../images/quert-top-crv.jpg) 0px 0px no-repeat; height:auto; overflow:hidden; padding-top:4px;} #mainWrapper .middleWrap .innerWrap .rightWrap .bot-crv{background:url(../images/query-bot-crv.jpg) 0px 0px no-repeat; height:4px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner{background:#dbdcde; padding:0px 5px 10px 5px; border-right:1px solid #c1c1c1; border-left:1px solid #c1c1c1;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner p{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#333; font-variant:small-caps; text-align:left; position:relative; padding-left:48px; height:31px; padding-top:10px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner p img{position:absolute; top:6px; left:5px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform{margin:0px; padding:0px; margin-left:6px; margin-top:10px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform li{list-style-type:none; display:block; height:35px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform li input{background:#fff; border:none; width:241px; height:26px; padding-left:3px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform li select{background:#fff; border:none; width:244px; height:26px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform li textarea{background:#fff; border:none; width:244px; height:60px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform li.detail{height:65px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform li input.quote-btn{width:139px; height:27px; background:url(../images/quote-btn.jpg) 0px 0px no-repeat; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ccc; font-variant:small-caps; border:none; cursor:pointer; font-weight:bold; float:right; margin-top:10px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform li input.reset-btn{width:63px; height:27px; background:url(../images/reset-btn.jpg) 0px 0px no-repeat; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ccc; font-variant:small-caps; border:none; cursor:pointer; font-weight:bold; float:right; margin-right:5px; margin-left:5px; margin-top:10px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform li input.quote-btn:hover{color:#fff;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform li input.reset-btn:hover{color:#fff;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner ul.queryform li input.sendBtn{background:url(../images/reset-btn.jpg) 0px 0px no-repeat; width:63px; height:27px; color:#fff; border:none; cursor:pointer; font-weight:bold;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner .news{height:330px; margin:20px 6px 0px 6px; background:#fff; overflow:hidden; width:243px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner .news .txt{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-align:justify; padding-left:10px; padding-right:10px; margin-top:11px;} #mainWrapper .middleWrap .innerWrap .rightWrap .inner .news .txt strong{display:block; font-size:14px; font-weight:bold;} .quickConnect{border-top:5px solid #333; background:#555; height:120px; display:block; clear:both;} .quickConnect .inner{width:1000px; height:100px; margin:10px auto;} .quickConnect .inner table.quick{margin-left:20px; font-size:11px;} .quickConnect .inner table.quick td{color:#ccc; padding:3px;} .quickConnect .inner table.quick td a{color:#ccc; text-decoration:none;} .quickConnect .inner table.quick td a:hover{color:#fff; text-decoration:none;} .quickConnect .inner table.quick th{color:#fff; padding:3px; text-transform:uppercase; font-weight:bold;} .footerWrap{background:url(../images/footer-bg.jpg) 0px 0px repeat-x; height:43px;} .footerWrap .inner{width:1000px; height:43px; margin:0px auto;} .footerWrap .inner p{float:left; line-height:43px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:5px;} .footerWrap .inner a{float:right; line-height:43px; padding:0px 5px 0px 5px; font-family:Arial, Helvetica, sans-serif; color:#666; text-decoration:none; font-size:11px;} .footerWrap .inner a:hover{color:#000; text-decoration:underline;}