/* global cccc styles */ .cccc{ font-size: 12px; } .cccc .nav{ overflow: hidden; padding: 0 0 55px; background: url(../images/cccc/fadediv-horiz-nav.png) center bottom no-repeat; margin: 0 -10px; } .cccc .nav a{ text-decoration: none; color: #0C60A9; background: transparent; } .cccc .nav .main{ overflow: hidden; list-style: none; padding: 0 0 0 1px; margin: 0 -1px 10px 0; background: #dde6ef; border-top: 10px solid #C0D0DF; } .cccc .nav .main li{ width: 195px; float: left; padding: 0; } .cccc .nav .main li a{ display: block; padding: 13px 0; color: #0c5ea5; text-decoration: none; background: #dde6ef; line-height: 13px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; border-right: 1px solid #c0d0df; border-bottom: 1px solid #c0d0df; } .cccc .nav .main li a:hover{ background: #eaf0f6; } .cccc .nav .main li.active a{ background: #fff; border-bottom: 1px solid #fff; color: #000; } .cccc .nav .subnavL{ width: 364px; font-size: 11px; float: left; overflow: hidden; list-style: none; margin: 0 0 0 10px; } .cccc .nav .subnavL li{ float: left; padding: 0 10px 10px; font-weight: bold; } .cccc .nav .subnavR{ width: 384px; float: right; font-size: 11px; overflow: hidden; margin: 0 10px 0 0; } .cccc .nav .subnavR h3{ font-size: 11px; font-weight: normal; font-style: italic; color: #333; padding: 0 10px 10px; margin: 0; float: left; } .cccc .nav .subnavR ul{ float: left; overflow: hidden; list-style: none; margin: 0; } .cccc .nav .subnavR ul li{ padding: 0 10px 10px; float: left; font-weight: bold; white-space: nowrap; } .cccc .head{ overflow: hidden; padding: 0 30px 30px; } .cccc .head img{ float: left; } .cccc .head.twoLines img{ margin: 20px 0 0; } .cccc .head h1{ margin: 15px 0 0 100px; color: #333; font-weight: normal; font-size: 32px; line-height: 1.2; font-family: Helvetica, Arial, sans-serif; } .cccc .head p{ margin: 0 0 0 100px; padding: 0; font-size: 13px; font-family: "Trebuchet MS", Arial, sans-serif; color: #666; } .cccc h2{ font-weight: bold; font-size: 17px; font-family: "Trebuchet MS", Arial, sans-serif; } .cccc h3{ font-size: 12px; font-weight: bold; margin: 0 0 5px; color: #333; } .cccc p{ color: #333; padding: 0; margin: 0 0 8px; } .cccc a.callOut{ display: block; color: #0c5ea5; padding: 0 0 0 7px; background: url(../images/cccc/blue_arrow.gif) 0 5px no-repeat; margin: 0 0 5px;} .cccc a{ color: #0c5ea5; text-decoration: none; background: transparent; } .cccc a:hover{ text-decoration: underline; } #overviewIllus{ display: block; margin: -330px 0 -13px; } #overviewSteps{ overflow: hidden; list-style: none; margin: 0; padding: 0 0 55px; background: url(../images/cccc/fadediv-horiz-nav.png) center bottom no-repeat; } #overviewSteps li{ width: 206px; height: 565px; float: left; padding: 20px 20px 180px; position: relative; } #overviewSteps li h2{ padding: 0 0 0 36px; margin: 0 0 350px; } #overviewSteps li h2 .c{ display: block; width: 24px; height: 24px; text-indent: -99999px; margin: 0 0 0 -36px; float: left; } #overviewSteps .one h2 .c{ background: url(../images/cccc/icon_one.gif) 0 0 no-repeat; } #overviewSteps .two h2 .c{ background: url(../images/cccc/icon_two.gif) 0 0 no-repeat; } #overviewSteps .three h2 .c{ background: url(../images/cccc/icon_three.gif) 0 0 no-repeat; } #overviewSteps .one, #overviewSteps .two{ background: url(../images/cccc/fadediv_horiz.gif) right bottom no-repeat; } #overviewSteps .one{ z-index: 2; } #overviewSteps .two{ z-index: 1; } #overviewSteps .three{ z-index: 3; } #overviewSteps .bImg{ display: block; position: absolute; bottom: 0; left: 0; } .cccc .fpImg{ display: block; margin: 0 auto 30px; } .subHeadBlock{ overflow: hidden; padding: 10px 0 10px 10px; position: relative; margin: 0 0 30px; } .subHeadBlock h2{ background: url("../images/cccc/fadediv-horiz-nav.png") no-repeat scroll center 20px transparent; margin: 0 0 10px 0; padding: 0 0 2px; } .subHeadBlock h2 span{ border-bottom: 5px solid #ccc; } .subHeadBlock ul{ list-style: none; margin: 0 0 8px; } .subHeadBlock .firstBlock{ float: left; width: 216px; padding: 20px 10px; clear: both; } .subHeadBlock .mainImg{ display: block; margin: -10px -20px 0; } .subHeadBlock .firstBlock .mainImg, .subHeadBlock .altBlock .mainImg{ margin: -10px -10px 0; } .subHeadBlock .overImg{ display: block; margin: 0px 0 0 -80px; } .subHeadBlock .block .bumpUpImg, .subHeadBlock .firstBlock .bumpUpImg{ display: block; margin: -20px -20px 0; } .subHeadBlock .block, .subHeadBlock .altBlock { float: left; width: 206px; padding: 20px; margin: 0 0 0 10px; position: relative; z-index: 2; } .subHeadBlock .dbl{ width: 462px; } .subHeadBlock .block img.detail{ width: 206px; display: block;} .cccc .mainBlockCon{ overflow: hidden; padding: 10px 0 60px; margin: 0 -5px; } .cccc .mainBlockCon .mainBlock{ margin: 0 15px; float: left; padding: 10px; width: 206px; } .cccc .mainBlockCon .mainBlock .mainImg{ margin: 0 -10px 10px; } .fourCol .firstBlock{ width: 157px; padding: 10px; } .fourCol .block{ width: 157px; padding: 10px; } .subHeadBlock .double{ width: 344px; padding: 10px; } .subHeadBlock .triple{ width: 472px; padding: 10px; } .fourCol .mainImg{ margin: -10px -10px 0; } .cccc .instrBlock{ overflow: hidden; padding: 10px 0 55px 256px; margin: -40px 0 0; background: url(../images/cccc/fadediv-horiz-nav.png) center bottom no-repeat; } .cccc .instrBlock .mainImg{ float: left; margin: 0 0 0 -256px; } .cccc .instrBlock h2{ margin: 0; padding: 5px 0 5px 20px; } .cccc .instrBlock dl{ overflow: hidden; } .cccc .instrBlock dl dt{ display: block; float: left; width: 206px; padding: 10px 30px 10px 20px; clear: left; border-top: 1px dotted #ccc; } .cccc .instrBlock dl dd{ float: left; width: 206px; padding: 10px 20px; border-top: 1px dotted #ccc; } .cccc .instrBlock dl.smDt dt{ width: 98px; padding: 10px 10px 10px 20px; } .cccc .instrBlock dl.smDt dd{ width: 334px; } .cccc .bullet{ color: #999; list-style: square outside; padding: 0 0 0 10px; font-size: 7px; } .cccc .bullet li{ color: #999; padding: 0; } .cccc .bullet li p{ color: #333; font-size: 12px; } .cccc #pressureCharts{ overflow: hidden; background: url(../images/cccc/pressure_charts_back.png) left bottom no-repeat; margin: 0 0 30px; } .cccc #pressureCharts .col{ width: 157px; margin: 0 0 0 10px; float: left; padding: 0 10px 10px; } .cccc #pressureCharts .col .head{ background: #f5ec7c; padding: 10px; margin: 0 -10px 10px; } .cccc #pressureCharts .col .head h3{ text-transform: uppercase; } .cccc #pressureCharts .vacuum{ margin: 0; } .cccc #pressureCharts .vacuum .head{ background: #b6c7da; } .cccc #pressureCharts h4{ font-weight: bold; margin: 0 0 2px; } .cccc #pressureCharts .bullet p{ margin: 0 0 2px; } .cccc #pressureCharts .applications{ min-height:70px; height:auto !important; height:70px;} .cccc #pressureCharts .media{ min-height:35px; height:auto !important; height:35px;} .cccc #pressureCharts.control .applications{ min-height:100px; height:auto !important; height:100px;} .cccc .imgNotation{ position: relative; } .cccc .block .imgNotation{ margin: -20px; } .cccc .fourCol .block .imgNotation, .cccc .twoCol .block .imgNotation{ margin: 0 -10px; } .cccc .imgNotation img{ display: block; } .cccc .imgNotation .note{ position: absolute; font-size: 11px; color: #666; z-index: 5; } .cccc .imgNotation .note h3{ font-size: 11px; color: #666; margin: 0 0 2px; } .cccc .imgNotation .note p{ margin: 0; color: #666; } .cccc .imgNotation ul.note{ list-style: none; margin: 0; } .cccc .imgNotation ul.note li{ font-style: italic; font-weight: bold; color: #333; font-size: 12px; padding: 2px 0 2px 13px; background: url(../images/cccc/green_check.gif) 0 6px no-repeat; } .cccc .imgNotation .atpcad{ width: 195px; left: 19px; top: 86px; } .cccc .imgNotation .hpps1{ top: -3px; left: 256px; width: 256px; padding: 0 0 114px; background: transparent url(../images/cccc/notations/hpps1.png) left bottom no-repeat; } .cccc .imgNotation .hpps2{ left: 95px; top: 150px; padding: 112px 0 0 34px; background: transparent url(../images/cccc/notations/hpps2.png) 0 0 no-repeat; width: 195px; } .cccc .imgNotation .hpps3{ width: 140px; left: 450px; top: 220px; padding: 43px 0 0; background: transparent url(../images/cccc/notations/hpps3.png) 101px 0 no-repeat; } .cccc .imgNotation .hp1{ text-align: right; width: 177px; left: 5px; top: 0; padding: 12px 101px 0 0; background: transparent url(../images/cccc/notations/hp1.png) right top no-repeat; } .cccc .imgNotation .hp2{ text-align: right; width: 182px; left: 0px; top: 95px; padding: 0 118px 0 0; background: transparent url(../images/cccc/notations/hp2.png) right 3px no-repeat; } .cccc .imgNotation .hp3{ text-align: right; width: 182px; left: 0px; top: 138px; padding: 17px 86px 0 0; background: transparent url(../images/cccc/notations/hp3.png) right 0 no-repeat; } .cccc .imgNotation .hp4{ text-align: right; width: 177px; left: 5px; top: 201px; padding: 14px 59px 0 0; background: transparent url(../images/cccc/notations/hp4.png) right 0 no-repeat; } .cccc .imgNotation .hp5{ width: 177px; left: 292px; top: 50px; padding: 0 0 0 87px; background: transparent url(../images/cccc/notations/hp5.png) left 6px no-repeat; } .cccc .imgNotation .hp6{ width: 177px; left: 292px; top: 104px; padding: 0 0 20px 87px; background: transparent url(../images/cccc/notations/hp6.png) 4px 6px no-repeat; } .cccc .imgNotation .hp7{ width: 177px; left: 334px; top: 152px; padding: 6px 0 20px 45px; background: transparent url(../images/cccc/notations/hp7.png) 1px 0px no-repeat; } .cccc .imgNotation .hp8{ width: 177px; left: 292px; top: 116px; padding: 99px 0 20px 87px; background: transparent url(../images/cccc/notations/hp8.png) 4px 0px no-repeat; z-index: 1; } .cccc .imgNotation .qtd1{ top:2px; left: 207px; width: 51px; padding: 0 0 40px; background: transparent url(../images/cccc/notations/qtd1.png) center bottom no-repeat; } .cccc .imgNotation .qtd2{ top:2px; left: 303px; width: 80px; padding: 0 0 79px; background: transparent url(../images/cccc/notations/qtd2.png) center bottom no-repeat; } .cccc .imgNotation .qtd3{ bottom:0px; left: 12px; width: 160px; padding: 100px 0 0; background: transparent url(../images/cccc/notations/qtd3.png) center top no-repeat; } .cccc .imgNotation .qtd4{ bottom:0px; left: 228px; width: 67px; padding: 84px 0 0; background: transparent url(../images/cccc/notations/qtd4.png) center top no-repeat; } .cccc .imgNotation .qtd5{ bottom:0px; left: 368px; width: 120px; padding: 30px 0 0; background: transparent url(../images/cccc/notations/qtd5.png) center top no-repeat; } .cccc .imgNotation .qtxt, .cccc .imgNotation .qt{ width: 118px; bottom: -5px; left: 128px; } .cccc .imgNotation .iqcd{ padding: 90px 0 0; width: 133px; bottom: 0; left: 243px; background: transparent url(../images/cccc/notations/iqcd.png) 54px top no-repeat; } .cccc .imgNotation .qtfcac{ padding: 0 23px 0 0; width: 104px; top: 47px; left: -74px; background: transparent url(../images/cccc/notations/qtfcac.png) right center no-repeat; } .cccc .imgNotation .qcc1{ width: 112px; top:8px; left: 70px; padding: 0 0 82px; background: transparent url(../images/cccc/notations/qcc1.png) center bottom no-repeat; text-align: center; } .cccc .imgNotation .qcc2{ width: 112px; top:8px; left: 195px; padding: 0 0 32px; background: transparent url(../images/cccc/notations/qcc2.png) center bottom no-repeat; text-align: center; } .cccc .imgNotation .qcc3{ width: 76px; top:97px; left: 340px; padding: 73px 0 73px 84px; background: transparent url(../images/cccc/notations/qcc3.png) left center no-repeat; text-align: center; } .cccc .imgNotation .qth1{ width: 246px; top:111px; left: 481px; padding: 0 0 0 32px; background: transparent url(../images/cccc/notations/qth1.png) left 7px no-repeat; } .cccc .imgNotation .qth2{ width: 296px; top:210px; left: 379px; padding: 0 0 0 84px; background: transparent url(../images/cccc/notations/qth2.png) left 5px no-repeat; } .cccc .imgNotation .qth3{ width: 374px; top:253px; left: 277px; padding: 34px 0 0 108px; background: transparent url(../images/cccc/notations/qth3.png) left top no-repeat; } .cccc .imgNotation .pci1{ width: 114px; top:55px; left: 111px; padding: 0 0 0 76px; background: transparent url(../images/cccc/notations/pci1.png) left 4px no-repeat; } .cccc .imgNotation .pci2{ width: 170px; top:85px; left: 349px; padding: 0 0 0 55px; background: transparent url(../images/cccc/notations/pci2.png) left 4px no-repeat; } .cccc .imgNotation .pci3{ width: 142px; top:294px; left: 69px; padding: 52px 62px 0 0; background: transparent url(../images/cccc/notations/pci3.png) right top no-repeat; text-align: right } .cccc .imgNotation .pci4{ width: 170px; top:305px; left: 333px; padding: 48px 0 0 61px; background: transparent url(../images/cccc/notations/pci4.png) left top no-repeat; } .cccc .imgNotation .ieovc1{ width: 118px; top:18px; left: 224px; padding: 0 0 0 27px; background: transparent url(../images/cccc/notations/ieovc1.png) left 4px no-repeat; } .cccc .imgNotation .ieovc2{ width: 54px; top:173px; left: 253px; padding: 13px 0 0 0; background: transparent url(../images/cccc/notations/ieovc2.png) center top no-repeat; text-align: center; } .cccc .imgNotation .ieovc3{ width: 60px; top:173px; left: 47px; padding: 13px 0 0 0; background: transparent url(../images/cccc/notations/ieovc3.png) center top no-repeat; text-align: center; } .cccc .imgNotation .ieovc4{ width: 47px; top:92px; left: 22px; padding: 0 23px 0 0; background: transparent url(../images/cccc/notations/ieovc4.png) right 20px no-repeat; text-align: right; } .cccc .imgNotation .ic1{ width: 237px; top:0px; left: 270px; padding: 0 0 23px 3px; background: transparent url(../images/cccc/notations/ic1.png) left bottom no-repeat; } .cccc .imgNotation .ic2{ width: 200px; top:74px; left: 320px; padding: 0 0 58px 0; background: transparent url(../images/cccc/notations/ic2.png) center bottom no-repeat; } .cccc .imgNotation .ic3{ width: 205px; top:218px; left: 342px; padding: 43px 3px 0 0; background: transparent url(../images/cccc/notations/ic3.png) right top no-repeat; text-align: right; } .cccc .imgNotation .ic4{ width: 134px; top:134px; left: 73px; padding: 126px 0 0 0; background: transparent url(../images/cccc/notations/ic4.png) left top no-repeat; }