/* CSS Document */
body { font-family:Arial,Verdana,  Helvetica, sans-serif; font-size:12px; margin:0px; background-color:#fff; background-image:url(../images/normalBg.jpg); background-position:top; background-repeat:repeat-x;}
* { margin:0px; padding:0px; }
h1 { font-size:26px; color:#0071BC; line-height:60px; height:60px; font-family:Arial, Helvetica, sans-serif; }

.home { background:url(../images/homeBg.jpg) repeat-x; }

#container { width:995px; margin:0 auto; overflow:hidden;}
.mainbody { width:960px; overflow:hidden; margin:0 auto; padding:0 20px; }
.header { height:80px; }
.header .logo { border:0px; width:230px; height:60px; float:left; margin-top:10px; margin-left:20px; display:inline; position:absolute; }
.header .logo img { border:0px; }

.header .topMenu {	float:right; font-size:12px; width:595px; position:absolute; z-index:1000000; margin-left:400px; margin-top:45px; }
.header .topMenu ul { clear:both; margin-top:10px; padding-bottom:10px; }
.header .topMenu li { list-style:none; }
.header .topMenu .level1 { padding:4px 10px; margin:0 2px; color:#000; height:24px; overflow:hidden; line-height:24px; text-decoration:none; cursor:pointer; float:left; }
.header .topMenu .level1 a { color:#000; font-weight:bold; text-decoration:none; }
.header .topMenu .level1 a:hover { color:#0071BC; }
.header .topMenu .level1 li a { font-weight:normal; }

.header .topMenu .withSubNav { padding-right:15px; background:url(../images/topMenuArrow.gif) right no-repeat; }

.header .topMenu .mouseOn { background:url(../images/topNavMouseOn.jpg) repeat-x top; }
.header .topMenu .mouseOn2 { background:url(../images/topNavMouseOn2.gif) no-repeat top left; }

.header .topMenu .mouseOn a, .header .topMenu .mouseOn a:hover { color:#fff; background-image:url(../images/topMenuArrowOn.gif); }
.header .topMenu .mouseOn2 a, .header .topMenu .mouseOn2 a:hover  { color:#fff; background-image:url(../images/topMenuArrowOn.gif); }
.header .topMenu .mouseOn li a , .header .topMenu .mouseOn2 li a  { color:#000; background:none; font-weight:normal; }
.header .topMenu .mouseOn li a:hover , .header .topMenu .mouseOn2 li a:hover { color:#0071BC; background:none; }

.header .language { position:absolute; top:10px; width:140px; margin-left:430px; }
.header .language a { margin-right:20px; color:#0071bc; text-decoration:none;  }
.header .language a:hover { text-decoration:underline; }




.footer { height:100px; background:url(../images/footerBg.jpg) repeat-x; padding-top:80px; margin-top:20px; text-align:center; }

.mainbody h2 { font-size:14px; margin:10px auto; } 
.mainbody h3 { font-size:14px; line-height:20px; margin:10px auto; color:#0071BC; }
.mainbody ul { margin-left:20px; margin-bottom:25px; }
.mainbody ul li { line-height:20px; }
.mainbody p a { color:#0071BC; }
.mainbody p img { padding:2px; border:1px solid #ddd; }

.home .topBanner { width:100%; height:270px; display:block; background:url(../images/homeBanner.jpg) no-repeat; }
.home .topBanner object , .home .topBanner img { width:245px; height:270px; margin-top:10px; margin-left:590px; margin-bottom:10px; }


.home .mainbody { position:relative; top:-25px; }
.home .locationSelect { width:340px; height:200px; float:left; margin-top:-5px; background:url(../images/locationBg.jpg) no-repeat; background-position:0 15px; }


.home .china { background-position:0 -190px; }
.home .usa { background-position:0 -387px; }
.home .canada  { background-position:0 -585px; }
.home .australia { background-position:0 -995px; }

.home .chinaIcon { position:absolute; margin-top:78px; margin-left:225px; width:55px; height:33px; cursor:pointer; }
.home .usaIcon { position:absolute; margin-top:80px; margin-left:43px; width:52px; height:22px; cursor:pointer; }
.home .canadaIcon { position:absolute; margin-top:55px; margin-left:30px; width:77px; height:24px; cursor:pointer; }
.home .australiaIcon { position:absolute; margin-top:138px; margin-left:258px; width:40px; height:27px; cursor:pointer; }
.home .panamaIcon { position:absolute; margin-top:115px; margin-left:77px; width:15px; height:15px; cursor:pointer; }
.home .southafricaIcon { position:absolute; margin-top:150px; margin-left:167px; width:22px; height:15px; cursor:pointer; }
.home .uaeIcon { position:absolute; margin-top:100px; margin-left:195px; width:15px; height:15px; cursor:pointer; }

.home .chinaDiv { position:absolute; width:105px; height:55px; margin-top:24px; margin-left:258px; }
.home .usaDiv { position:absolute; width:105px; height:55px; margin-top:32px; margin-left:75px; }
.home .canadaDiv { position:absolute; width:105px; height:55px; margin-top:0px; margin-left:60px; }
.home .australiaDiv { position:absolute; width:105px; height:55px; margin-top:86px; margin-left:272px; }
.home .panamaDiv { position:absolute; width:105px; height:55px; margin-top:62px; margin-left:75px; }
.home .southafricaDiv { position:absolute; width:105px; height:55px; margin-top:97px; margin-left:170px; }
.home .uaeDiv { position:absolute; width:165px; height:55px; margin-top:48px; margin-left:183px; }

.home .chinaDiv p,.home .usaDiv p ,.home .canadaDiv p ,.home .australiaDiv p ,.home .panamaDiv p ,.home .southafricaDiv p,.home .uaeDiv p  { position:absolute; margin-top:12px; width:105px; text-align:center; color:#fff; font-size:14px; font-weight:bold; }
.home .uaeDiv p { width:165px; }





.home .Text { width:610px; float:left; margin-left:10px; margin-top:30px; }
.home .Text p { font-size:13px; line-height:20px; color:#666; margin:5px 5px 5px 15px; }
.home .Text img { float:right; margin:0px 10px 5px 10px; }
.home .Text .signed { float:right; margin-right:5px; margin-top:14px; text-align:right; vertical-align:middle; font-weight:bold; }
.home .products { margin-top:10px; width:958px; height:255px; border:1px solid #ccc; background:url(../images/homeProBg.jpg) repeat-x; }
.home .products .block { width:238px; height:255px; float:left; border-right:1px solid #ccc; border-left:1px solid #fff; }
.home .products .first { border-left:0px;}
.home .products .last { border-right:0px;}

.home .products h2 { font-size:18px; margin:10px; height:40px; }
.home .products p { margin:10px; width:210px; height:66px; }
.home .products .readmore { font-size:12px; margin-left:150px; color:#0071BC; }
.home .products img { border:0px; color:#0071BC; }

.home .footer { height:80px; padding-top:0px; background:none; }

.product .topBanner { height:182px; display:block; background:url(../images/proBanner.jpg) no-repeat; }
.product .topBanner .pro1,.product .topBanner .pro2,.product .topBanner .pro3,.product .topBanner .pro4 { position:absolute; width:990px; }
.product .topBanner h1 { color:#fff; margin-left:20px; }
.product .topBanner p { width:560px; margin-left:20px; line-height:18px; font-weight:bold; color:#fff; font-size:14px; margin-top:-5px; margin-bottom:10px; }
.product .topBanner .rightImg { float:right; margin-right:20px; display:inline; }
.product .topBanner a {  margin-left:20px; color:yellow; font-size:14px; font-weight:bold; padding-right:22px; background:url(../images/proReadmoreArrow.gif) right no-repeat; text-decoration:none; }

.product .thumbContainer { position:absolute; width:630px; top:192px; margin-left:20px; margin-top:320px; margin-top:20px; z-index:100000; border:0px solid #fff; border-right:0px; border-left:0px; padding-top:2px; height:35px; }
.product .thumbContainer .proIcon1, .product .thumbContainer .proIcon2, .product .thumbContainer .proIcon3, .product .thumbContainer .proIcon4 { width:124px; height:33px; float:left; display:block; cursor:pointer; border:1px solid #fff; margin-right:4px; }
.product .thumbContainer .proIcon2 { width:155px; }
.product .thumbContainer .proIcon4 { width:160px; }
.product .thumbContainer .hover,.product .thumbContainer .on { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
.product .thumbContainer .on .bg { background:#01ABE6; filter:alpha(opacity=85);-moz-opacity:0.85;opacity: 0.85; }
.product .thumbContainer img { float:left; width:34px; height:33px;  position:absolute; z-index:1000001;  }
.product .thumbContainer .text { width:87px; padding-left:3px; height:33px; display:block;color:#fff; margin-left:34px; font-size:11px; font-weight:normal; float:left; line-height:16px; font-weight:bold; font-family:Verdana, Arial; position:absolute; z-index:1000001; }
.product .thumbContainer .proIcon1 .bg, .product .thumbContainer .proIcon3 .bg { width:124px; }
.product .thumbContainer .proIcon2 .bg { width:155px; }
.product .thumbContainer .proIcon4 .bg { width:160px; }
.product .thumbContainer .bg { height:33px; background:#000; filter:alpha(opacity=15);-moz-opacity:0.15;opacity: 0.15;  position:absolute; z-index:1000000; }
.product .thumbContainer .proIcon2 .text { width:118px; }
.product .thumbContainer .proIcon4 .text { width:123px; }


.detail { width:670px; float:left; padding-bottom:20px; }
.rightNav { width:250px; float:right; margin-right:10px; display:inline;  }
.rightNav h2 { height:50px; background:url(../images/rightNavTitleBg.jpg); text-indent:15px; line-height:50px; margin-top:0px;  }
.rightNav ul { margin-left:15px; margin-bottom:50px; }
.rightNav ul li { list-style:none; padding-left:25px; height:35px; line-height:35px; background:url(../images/rightNavBg.jpg) no-repeat left;  }
.rightNav ul li.on { background:url(../images/rightNavOnBg.jpg) no-repeat left; background-position:-12px 0;  }
.rightNav ul li a { color:#000; text-decoration:none; }
.rightNav ul li a:hover { color:#0071BC; }





.product .ywsay ,.service .ywsay  { width:670px; height:327px; margin-bottom:30px; float:left; background-repeat:no-repeat; }
.detail p { margin-bottom:8px; }
.product .say1 { background:url(../images/pro1ywsayBg.jpg); height:370px; }
.product .say1 .yousay { width:330px; height:85px; position:absolute; margin:55px 0 0 40px; }
.product .say1 .wesay { width:330px; height:120px; position:absolute; margin:212px 0 0 285px; }

.product .say2 { background:url(../images/pro2ywsayBg.jpg);  }
.product .say2 .yousay { width:330px; height:85px; position:absolute; margin:58px 0 0 300px; }
.product .say2 .wesay { width:320px; height:120px; position:absolute; margin:215px 0 0 45px; }

.service .say4 { background:url(../images/pro4ywsayBg.jpg); }
.service .say4 .yousay { width:330px; height:85px; position:absolute; margin:55px 0 0 45px; }
.service .say4 .wesay { width:320px; height:120px; position:absolute; margin:217px 0 0 305px; }





.service .topBanner { height:182px; display:block; background:url(../images/serviceBanner.jpg) no-repeat; }
.careers .topBanner { height:182px; display:block; background:url(../images/carBanner.jpg) no-repeat; }
.aboutus .topBanner { height:182px; display:block; background:url(../images/aboutBanner.jpg) no-repeat; }
.success .topBanner { height:182px; display:block; background:url(../images/successBanner.jpg) no-repeat; }

.careers .newCareers { position:relative; top:6px; left:10px; } 

.success .rightNav img , .careers .rightNav img { border:1px solid #ccc; }
.aboutus .partner { width:180px; height:120px; float:left; margin-right:30px; text-align:center; }
.aboutus .partner img { border:0px; }
.aboutus .partner p { height:30px; line-height:30px; color:#0071BC; font-weight:bold; }

.aboutus .contactForm { margin-top:15px; }
.aboutus .contactForm th { height:35px; text-align:left; }
.aboutus .contactForm select { border:1px solid #ccc; padding:3px; width:303px; }
.aboutus .contactForm input { width:295px; height:16px; padding:3px; overflow:hidden; border:1px solid #ccc;; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.aboutus .contactForm input.btn { width:125px; height:44px; text-align:center; background:url(../images/btn1Bg.jpg) no-repeat; border:0px; font-size:14px; color:#333; font-weight:bold; float:right; margin:15px 0px 0px 20px; cursor:pointer;  }
.aboutus .contactForm textarea { width:447px; height:162px; padding:3px; overflow:auto; border:1px solid #ccc; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.aboutus .contactForm input.errorInput , .aboutus .contactForm textarea.errorInput { border:2px solid #C1272D; padding:2px; }
.aboutus .errorText { margin-left:5px; color:#C1272D; font-weight:bold; }