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

/*general*/
body {background-color:#f5f5f5; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#0c4776; margin:0; padding:0; text-align:justify;}
.centerit {margin:auto;}
.floaleft {float:left;}
.clearit {clear:both;}
ul {padding:0 0 0 14px; list-style:disc;}
ol {padding:0 0 0 14px; margin:0;}
li {padding:0; margin-bottom:2px;}
th {background-color:#949496; color:#FFF; padding:3px 5px;}
td {background-color:#edeeee; color:#949496; padding:3px 5px;}
#ebg {width:1024px; padding:0 10px 20px 10px; margin:auto;}
.WborderR {border-right:#FFF solid 1px;}
.fs36 {font-size:36px;}
/*general-end*/

/*header*/
#header {width:1024px; height:152px; border-left:#cfcfcf solid 1px; border-right:#cfcfcf solid 1px;}
.indHedBG {background:url(../images/IndHedBG.png) no-repeat #FFF;}
.airHedBG {background:url(../images/AirHedBG.png) no-repeat #FFF;}
.conHedBG {background:url(../images/ConHedBG.png) no-repeat #FFF;}

.logo {width:130px; height:85px; padding:25px 0 17px 0;}
.nav {width:1016px; height:25px; margin:0 4px; cursor:pointer;}
.navBot {width:1016px; height:5px; background-color:#0c4776; margin:0 4px;}
.navTab1 {width:65px; height:24px; padding-right:2px; background:url(../images/tabs/Home.jpg) no-repeat;}
.navTab2 {width:113px; height:24px; padding-right:2px; background:url(../images/tabs/AirDif.jpg) no-repeat;}
.navTab3 {width:118px; height:24px; padding-right:2px; background:url(../images/tabs/AirFil.jpg) no-repeat;}
.navTab4 {width:204px; height:24px; padding-right:2px; background:url(../images/tabs/swHartSelPro.jpg) no-repeat;}
.navTab5 {width:86px; height:24px; padding-right:2px; background:url(../images/tabs/Contact.jpg) no-repeat;}
.navTab6 {width:59px; height:24px; padding-right:2px; background:url(../images/tabs/trox.jpg) no-repeat;}
.navTab7 {width:185px; height:24px; padding-right:2px; background:url(../images/tabs/troxSelPro.jpg) no-repeat;}
.navTab8 {width:63px; height:24px; padding-right:2px; background:url(../images/tabs/buttoncome.jpg) no-repeat;}
.navTab1Act {width:65px; height:24px; padding-right:2px; background:url(../images/tabs/HomeAct.jpg) no-repeat;}
.navTab2Act {width:113px; height:24px; padding-right:2px; background:url(../images/tabs/AirDifAct.jpg) no-repeat;}
.navTab3Act {width:118px; height:24px; padding-right:2px; background:url(../images/tabs/AirFilAct.jpg) no-repeat;}
.navTab4Act {width:204px; height:24px; padding-right:2px; background:url(../images/tabs/swHartSelProAct.jpg) no-repeat;}
.navTab5Act {width:86px; height:24px; padding-right:2px; background:url(../images/tabs/ContactAct.jpg) no-repeat;}
.navTab6Act {width:59px; height:24px; padding-right:2px; background:url(../images/tabs/troxAct.jpg) no-repeat;}
.navTab7Act {width:185px; height:24px; padding-right:2px; background:url(../images/tabs/troxSelProAct.jpg) no-repeat;}
/*header-end*/

/*slider*/
#slider {width:1024px; height:150px; background-color:#FFF; padding-bottom:10px; border-left:#cfcfcf solid 1px; border-right:#cfcfcf solid 1px;}
.indSliBG {background:url(../images/IndSliBG.png) no-repeat left;}
.airSliBG {background:url(../images/AirSliBG.png) no-repeat left;}
.conSliBG {background:url(../images/ConSliBG.png) no-repeat right;}

.slider {width:1014px; height:148px; margin:0 4px; background:url(../images/IndexMain.jpg) no-repeat;  border:#0c4776 solid 1px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
.slider2 {width:1014px; height:148px; margin:0 4px; background:url(../images/DiffMain.jpg) no-repeat; border:#0c4776 solid 1px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
.slider3 {width:1014px; height:148px; margin:0 4px; background:url(../images/SelectMain.jpg) no-repeat; border:#0c4776 solid 1px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
.slider4 {width:1014px; height:148px; margin:0 4px; background:url(../images/ContactMain.jpg) no-repeat; border:#0c4776 solid 1px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}

.sliNav {width:1016px; height:22px; padding:5px 0 0 0; color:#FFF;}
.sliNavTab {height:16px; padding:4px 12px 0 12px;}

.SliLeft {width:516px;}
.SliBot {height:36px; margin:52px 124px 12px 12px; padding:12px 16px 10px 16px; font-size:36px; background:url(../images/transBG.png); -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}

.SliBotn {height:36px; margin:52px 124px 12px 12px; padding:12px 16px 10px 16px; font-size:36px; background:url(../images/transBG.png); -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}

.sliRadio {width:506px; height:20px; padding:5px 0 0 10px; color:#FFF;}



.sliRadioIn {height:18px; border:#FFF solid 1px;}
.SRhead {height:14px; background-color:#FFF; padding:4px 5px 0 5px; color:#0c4776; font-size:12px;}
.SRtabHolder {height:18px;}
.SRtab {height:18px; padding:0 5px;}
.SRtabBut {height:17px; padding:0 0 1px 0;}
.SRtabName {height:11px; padding:4px 0 3px 0;}

.SliBotText {width:506px; height:40px; padding:50px 0 0 10px; font-size:36px; color:#0c4776;}
.SliBotText2 {width:506px; height:40px; padding:40px 0 0 10px; font-size:36px; color:#FFF; line-height:40px;}
.SliBotText3 {width:1000px; height:90px; padding:0 0 0 10px; color:#FFF;}
.SBTtop {width:1000px; height:16px; padding-top:12px; font-size:15px; color:#999;}
.SBTtopGrey {height:16px; color:#999;}
.SBTtopWhite {height:16px; color:#FFF; padding-right:7px;}
.SBTtop span {padding-right:5px; color:#FFF;}
.SBTbot {width:1000px; height:40px; padding-top:12px; font-size:36px; line-height:36px;}
.SBTbot span {font-size:10px;}
.SliDiffRight {width:363px; height:117px; padding-left:100px;}
/*slider-end*/



/*bottom*/
#bottom {width:1024px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; background-color:#FFF; border-left:#cfcfcf solid 1px; border-bottom:#cfcfcf solid 1px; border-right:#cfcfcf solid 1px;}
.bottomIn {width:1016px; margin:0 4px; padding:0 0 10px 0; }

.IndBotBG {background:url(../images/IndBotBG.png) no-repeat;}
.AirBotBG {background:url(../images/AirBotBG.png) no-repeat;}
.SelBotBG {background:url(../images/SelBotBG.png) no-repeat right;}
.ConBotBG {background:url(../images/map.png) no-repeat right;}

.bottom {width:1016px; height:585px; border-top:#d7d7d8 solid 1px; margin:0 4px;}
.bottom2 {width:1016px; margin:0 4px; padding:0 0 20px 0;}
.bottom3 {width:1016px; height:530px; border-top:#d7d7d8 solid 1px; margin:0 4px;}
.bottom3b {width:1016px; border-top:#d7d7d8 solid 1px; margin:0 4px;}
.bottom4 {width:1016px; height:230px; border-top:#d7d7d8 solid 1px; margin:0 4px;}
.bottom4 ul {line-height:22px; list-style:url(../images/Bull2Pro.png); margin-left:30px;}
.bottom4 ul li a {color:#0c4776; text-decoration:none;}
.botCol {width:300px; padding-left:30px;}
.botCol img{width:298px; height:148px; border-left:#d7d7d8 solid 1px; border-bottom:#d7d7d8 solid 1px; border-right:#d7d7d8 solid 1px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
.BCheader {width:300px; border-bottom:#a7aaad solid 1px; color:#a0a2a4; font-size:15px;}
.BCsubH {width:300px; color:#a0a2a4; font-size:13px; padding:10px 0 2px 0;}
.BCtext {width:300px; padding-top:20px; padding-bottom:20px;}

.BotItem {width:136px; height:150px;margin:20px 0 0 28px;}
.BotI_Img {width:134px; height:124px; border:#80a2bb solid 1px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.BotI_Img img {-webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
.botI_Title {width:126px; height:30px; background-color:#f8f8f8; text-align:center; padding:5px 5px 0 5px; margin-top:4px; color:#999; line-height:13px;}
.botI_Title span {color:#0c4776;}

.botForm {width:560px; padding-bottom:50px;}
.BFheader {width:385px; border-bottom:#a7aaad solid 1px; color:#a0a2a4; font-size:13px; padding-top:10px; margin-left:30px;}
.BFheader2 {color:#999; font-size:15px; padding-top:30px; margin-left:30px; line-height:22px;}
.BFtop {width:280px; height:20px; padding:20px 0 0 135px;}
.BFbot {width:430px; padding:15px 0 0 20px; line-height:1.2em;}
.BFbot span {color:#666;}
.BFrow {width:425px; height:35px; margin-bottom:5px;}
.BFrow2 {width:425px; height:35px; margin-bottom:3px; padding-top:2px;}
.BFrowTall {width:425px; height:100px; margin-bottom:10px;}
.BFRleft {width:125px; height:25px; text-align:right; padding:10px 10px 0 0; font-size:12px;}
.BFRleft2 {width:125px; height:30px; text-align:right; padding:5px 10px 0 0; font-size:12px;}
.BFRleft2 span {font-size:10px; line-height:12px;}
.BFRright {width:278px; height:33px; background-color:#f8f8f8; border:#999 solid 1px;}
.BFRright2 {width:278px; height:35px; color:#FFF;}
.BFRright2 span a{color:#0c4776; padding-left:20px; text-decoration:none; margin-top:-10px;}
.BFRrightTall {width:274px; height:98px; background-color:#f8f8f8; border:#999 solid 1px;}

.contBot {width:295px; height:150px; background:url(../images/transBG.png); border:#0c4776 solid 1px; margin:129px 0 0 12px;  -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
.contHead {width:285px; margin-left:5px; padding:10px 0 0 5px; border-bottom:#a7aaad solid 1px; font-size:12px; color:#a0a2a4;}
.contText {width:285px; padding:15px 0 0 10px; font-size:12px;}
.contRow {width:275px; height:12px; padding-bottom:3px;}
.contRow2 {width:275px; height:12px; padding-bottom:6px;}
.contRow span {color:#666;}
.contRow2 span {color:#666;}
.contSubmit {width:125px; height:35px; background:url(../images/signUp.jpg) no-repeat;}

.proLeft {width:271px; padding:10px 10px 0 20px;}
.proImg {width:270px; padding-bottom:20px;}
.proDim {width:270px; padding:15px 0 10px 0; border-top:#999 solid 1px;}
.proDimHead {width:260px; font-size:12px; padding:0 0 0 10px; color:#a0a2a4;}
.proMid {width:380px; padding:10px 10px 0 20px; border-left:#0c4776 solid 1px; border-right:#0c4776 solid 1px; margin:0 0 10px 0;}
.proMid_Diff {width:300px; padding:10px 10px 0 20px; border-left:#0c4776 solid 1px; border-right:#0c4776 solid 1px; margin:0 0 10px 0;}
.proMidHead {width:360px; font-size:12px; padding:10px 0 10px 10px; color:#a0a2a4;}
.proMidText {width:360px; padding:0 0 0 10px;}
.proMidHead_Diff {width:280px; font-size:12px; padding:10px 0 10px 10px; color:#a0a2a4;}
.proMidText_Diff {width:280px; padding:0 0 0 10px;}

.proMidText2 {width:360px; padding:0 0 10px 10px;}
.proMidText3 {width:360px; padding:0 0 0 10px; font-size:9px;}
.proRight {width:265px; padding:10px 10px 0 20px;}
.proRightHead {width:253px; font-size:12px; padding:10px 0 0 10px; color:#a0a2a4;}
.proRightText {width:253px; padding:10px 0 0 10px;}
.proSizeBox {width:253px; padding-left:10px;}

.proBotMain {width:480px; padding-left:10px;}
.proBotHead {width:480px;}
.proBotImg {width:48px; padding-top:15px;}

.proRight_Diff {width:345px; padding:10px 10px 0 20px;}
.proRightHead_Diff {width:333px; font-size:12px; padding:10px 0 0 10px; color:#a0a2a4;}
.proSizeBox_Diff {width:333px; padding-left:10px;}

.PSBheadRow {width:249px; height:42px; background-color:#949496; margin-top:20px; line-height:12px;}
.PSBhead {width:82px; height:39px; border-right:#FFF solid 1px; text-align:center; color:#FFF; padding:4px 0 0 0;}
.PSBtextRow {width:249px; height:20px; background-color:#edeeee; margin-top:1px;}
.PSBtext {width:82px; height:17px; border-right:#FFF solid 1px; text-align:center; color:#949496; padding:3px 0 0 0;}
.proBot {width:1000px; padding:20px 8px 0 7px;}
.proPerCur {width:976px; border-top:#CCC solid 1px; padding:20px;}
.proPerCurHead {width:900px; font-size:12px; padding:10px 0 10px 10px; color:#a0a2a4;}
.proSpec {width:976px; border-top:#CCC solid 1px; padding:20px;}
.proSpecHead {width:800px; font-size:12px; padding:10px 0 10px 10px; color:#a0a2a4;}
.proSpecCont {width:800px; padding-left:10px;}

.selectionHow {width:424px; padding:20px 0 20px 0; margin-left:30px;}
.selectionHow2 {width:502px; padding:20px 0 20px 0; margin-left:30px;}
.selectionHow2 img {margin-bottom:10px;}

.DwnldFact {width:169px; height:27px; padding:20px 0 0 10px;}
/*bottom-end*/

/*footer*/
#footer {width:1024px; height:50px; margin-top:5px; border-top:#a7aaad solid 1px; color:#666;}
.footTop {width:1024px; height:20px; padding:5px 0; text-align:center;}
.footTop a {color:#666; text-decoration:none;}
.footerCopyright {font-size:9px;}
.footBot {width:1024px; height:10px; color:#666; text-align:center; font-size:10px; line-height:10px;}
.footerContact {font-size:9px; color:#0c4776;}
.footerContact a {color:#0c4776; text-decoration:none;}
/*footer-end*/