* { margin: 0; padding: 0; outline: 0; }
html, body { margin:0; padding:0; width:100%; height:100%; min-height:100%; }
body { font-family: "Roboto", sans-serif; color:#000; font-size:14px; line-height:20px; background:#000 url('../images/bkg-body.jpg') repeat-x top left; min-width:800px !important; min-height:600px !important; }
a, img {
border:none;
}
/*
* TYPOGRAPHY
*/
/*
* LINKS
*/
a { color: #000; text-decoration: none; }
a:hover { color: #00a651; text-decoration: none; }
a:active { color: #0088cc; text-decoration: none; }
/*
* MISC
*/
.hide { display:none; }
.sprite { background:url('../images/sprites-global.png') no-repeat; display:block; text-indent:-9999px; }
.button-sprite { background:url('../images/sprite-buttons.png') no-repeat; display:block; overflow:hidden; text-indent:-9999px; }
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
* html .clearfix {height:1%}
* + html .clearfix {display:inline-block}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.big { font-size:14px; text-transform:uppercase; }
.bold { font-weight:bold; }
.red { color:#ff0000; }
.error { color:#ff0000; }
/* video overlay */
.video_overlay { position:absolute; height:768px; width:1024px; background:rgba(0,0,0,0.8); z-index:99999; top:0; left:0; }
.video_overlay.on { display:block; }
.video_overlay.off { display:none; }
.video_overlay .embed { width:852px; height:480px; background:#000; margin:144px 85px; }
.video_overlay h1 { font-size:16px; color:#fff; line-height:1.63em; padding:0.5em 0; text-align:center; }
.video_overlay .close { position:absolute; right:24px; top:84px; margin:40px; width:41px; height:42px; background: url('../images/legal-close-inactive.png') top left no-repeat; text-align:center; cursor:pointer; }
.video_overlay .close:hover {background: url('../images/legal-close-active.png') top left no-repeat;}
/*
* TOP / BOTTOM MAIN NAV BUTTONS
*/
#back { float:left; width:54px; height:30px; margin-left:20px; background-position:-1px -1px; }
#back:hover { background-position:-1px -51px; }
#home { float:left; width:51px; height:30px; margin-left:20px; background-position:-74px -1px; }
#home:hover { background-position:-74px -51px; }
#top-bar h1 { float:left; margin:15.5px 0 0 20px; padding:0 0 0 10px; font-size:12px; line-height:12px; font-family: 'Roboto Condensed', sans-serif; color:#b7b7b7; text-transform:uppercase; }
#top-bar h1 .green { color:#00a651; font-family: 'Roboto Condensed', sans-serif; }
#top-bar .button-sprite,
#bottom-bar .button-sprite { margin-top:7.5px; }
#bottom-bar #logo { margin-top:13.5px; }
#reconfigure { float:right; width:126px; height:30px; margin-right:20px; background-position:-1px -169px; }
#reconfigure:hover { background-position:-1px -222px; }
#send { float:right; width:126px; height:30px; margin-right:20px; background-position:-146px -169px; }
#send:hover { background-position:-146px -222px; }
#send.summary,
#send.summary:hover { background-position:-146px -222px; }
#compare { float:right; width:126px; height:30px; margin-right:20px; background-position:-291px -169px; }
#compare:hover { background-position:-291px -222px; }
#logo { float:left; width:72px; height:20px; margin-left:20px; margin:13.5px 0 0 20px; background-position:-1px -100px; }
#main-menu { display:block; float:left; width:624px; height:45px; padding-left:307px; overflow:hidden; }
.skinny #main-menu { width:621px; }
#help { float:left; width:61px; height:30px; margin-right:20px; background-position:-144px -1px; }
#help:hover { background-position:-144px -51px; }
#menu { float:left; width:103px; height:30px; margin-right:20px; background-position:-224px -1px; }
#menu.active { background-position:-224px -51px; }
#configurator { float:left; width:102px; height:30px; margin-right:20px; background-position:-348px -1px; }
#configurator:hover { background-position:-348px -51px; }
/*
* NEXT / PREVIOUS PAGE BUTTONS
*/
#nextPage,
#prevPage { position:absolute; z-index:9998; top:45px; }
#nextPage { right:0px; background:url('../images/sprite-next-prev.png') repeat top left; }
#prevPage { left:0px; background:url('../images/sprite-next-prev.png') repeat top left; }
#nextPage a,
#prevPage a { display:block; overflow:hidden; position:relative; width:55px; height:678px; text-indent:-9999px; }
#nextPage a { right:0px; background:url('../images/sprite-next-arrow.png') no-repeat 5px 333px; }
#prevPage a { left:0px; background:url('../images/sprite-prev-arrow.png') no-repeat 38px 333px; }
/*
* MAIN MENU POP-UP
*/
#menu-container { display:block; position:absolute; z-index:9999; top:725px; width:1024px; height:248px; background:url('../images/bkg-menu.png') repeat top left; }
#section-wrap { display:block; width:100%; height:54px; }
a.section-link { display:block; float:left; width:170px; height:54px; }
.section-btn { display:block; float:left; width:100%; height:34px; padding:23px 0 0 0; line-height: 15px; /*border-right:1px solid #3c5359; */ text-align:center; font-family: 'Roboto'; font-weight: 900; font-size:13px; color:#fff; text-transform:uppercase; }
.section-btn.last { border:0; }
/*.section-btn.current { width:683px; }*/
.section-btn.blue:hover,
.current .section-btn.blue { background:#10c96a; }
.section-btn.green:hover,
.current .section-btn.green { background:#c2cb1e; }
.section-btn.brown:hover,
.current .section-btn.brown { background:#574f45; }
.section-btn.grey:hover,
.current .section-btn.grey { background:#707073; }
.section-btn.orange:hover,
.current .section-btn.orange {background: #e76400;}
#thumb-wrap { width:100%; height:153px; padding:10px 0; }
#thumbScroll { position:relative; float:left; width:936px; height:153px; margin:0 10px; overflow:hidden; }
#thumbContainer { position:absolute; width:2870px; left:0px; }
#thumbContainer .thumbWrap { position:relative; display:block; float:left; width:230px; height:153px; overflow:hidden; }
.thumbWrap { display:block; width:230px; height:153px; margin-right:10px; }
a.menu-link { display:block; width:230px; height:153px; border:none; }
a.menu-link:hover { border:none; }
.thumbWrap img { position:absolute; top:0px; left:0px; z-index:0; }
.thumbWrap .thumbTitle { position:absolute; top:0px; left:0px; z-index:1; display:block; width:230px; height:84px; padding:69px 0 0 0; background:url('../images/bkg-thumb-title.png') repeat top left; text-align:center; font-family: 'Roboto', sans-serif; font-weight: 900; font-size:13px; color:#fff; text-transform:uppercase; }
.thumbWrap.active .thumbTitle { display:none; }
#prevScroll, #nextScroll { display:block; width:34px; height:153px; overflow:hidden; text-indent:-999px; }
#prevScroll { float:left; background:url('../images/sprite-next-prev.jpg') no-repeat 0px -10px; }
#prevScroll:hover { background-position:-35px -10px; }
#nextScroll { float:right; background:url('../images/sprite-next-prev.jpg') no-repeat -103px -10px; }
#nextScroll:hover { background-position:-68px -10px; }
/* ===== LANDING PAGE ===== */
#landing-wrap { display:block; clear:both; overflow:hidden; width:1024px; height:678px; background:url('../images/bkg-config-landing-page.jpg') no-repeat top left; }
#home-landing-wrap { display:block; clear:both; overflow:hidden; width:1024px; height:678px; background:url('../images/bkg-landing-page.jpg') no-repeat top left; }
#landing-content { display:block; position:absolute; top:180px; left:343px; width:550px; height:360px; }
#landing-video { display:block; margin:0 auto 70px auto; width:189px; height:169px; background:url('../images/bkg-landing-video.png') no-repeat 0px -2px; }
#landing-video:hover { background-position:0px -176px; }
#landing-text h1 { display:block; margin-bottom:38px; font-family: "Roboto Condensed", sans-serif; font-size:32px; text-transform:uppercase; }
#landing-text p { font-size:14px; color:#313131; }
/******************************************************************************************************************
*********************************************** 360 SEQUENCE PAGE ************************************************
******************************************************************************************************************/
#rotation-wrap { display:block; width:1024px; height:678px; background:#fff url('../images/bkg-360-wrap.jpg') repeat-x bottom left; }
#rotation-wrap img { position:absolute; top:80px; left:130px; display:none; }
#rotation-wrap #img0 { display:block; }
#rotation-wrap #text-wrap { position:absolute; top:115px; left:0px; z-index:9999; }
#rotation-wrap #text-wrap h1 { text-transform:uppercase; font-size:42px; line-height:64px; font-family:"Roboto", sans-serif; font-weight:normal; min-height:40px; letter-spacing:-0.5px; color:#3a3a3a; padding:0 0 0 60px; border-left: 18px solid #B9D323; }
#rotation-wrap #text-wrap h2 { padding:0 0 0 78px; color:#353535; font-size:14px; }
/******************************************************************************************************************
************************************************ NGC CONFIGURATOR ************************************************
******************************************************************************************************************/
/*
* STRUCTURE
*/
#wrap { width:100%; clear:both; }
#page-container { position:relative; overflow:hidden; width:1024px; height:768px; display:block; margin:0 auto; }
#page-container.skinny { width:1020px; }
.bar { display:block; width:100%; height:45px; clear:both; overflow:hidden; background:#fff url('../images/bkg-bar.gif') repeat-x top left; }
#bottom-bar { position:absolute; bottom:0px; z-index:99999; }
#top-wrap { width:100%; height:261px; display:block; overflow:hidden; background:#fff; /*background:#fff url('../images/bkg-top.gif') repeat-x bottom left;*/ }
#top-wrap.choose { position:relative; height:307px; }
#top-wrap.compare { height:164px; clear:both; }
#top-wrap.landing { height:530px; background:#fff url('../images/bkg-top-landing.jpg') repeat-x bottom left; }
#top-wrap.capabilities { height:530px; background:#fff url('../images/app-back.jpg') no-repeat top left; }
#top-wrap.software { height:530px; background:#fff url('../images/bkg-top-software.jpg') no-repeat top left; }
#top-wrap.library { height:530px; background:#fff url('../images/library-bg.jpg') no-repeat top left; }
#bottom-wrap { width:100%; height:418px; display:block; overflow:hidden; background:#017137 url('../images/bkg-bottom-wrap.jpg') no-repeat top center; }
#bottom-wrap.choose { height:373px; }
#bottom-wrap.compare { height:514px; background:#003450 url('../images/bkg-compare-list.jpg') no-repeat top center; }
#bottom-wrap.landing { height:148px; position:relative; }
#bottom-wrap.capabilities { height:148px; background:#332e29 url('../images/bkg-bottom-capabilities.jpg') no-repeat top center; }
#bottom-wrap.software { height:148px; background:#332e29 url('../images/bkg-bottom-software.jpg') no-repeat top center; }
#bottom-wrap.library { height:148px; background:#332e29 url('../images/grey_base.jpg') no-repeat top center; }
#system-splash h4 { font-family: 'Roboto Condensed' sans-serif; color:#fff; padding-bottom:10px; }
#top-wrap.landing .left-col { padding:115px 0 0 70px; width:373px; height:342px; background:0; }
#top-wrap.landing .right-col { padding:150px 100px 0 0; width:392px; }
#top-wrap.landing h1 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color:#343433; font-size:36px; line-height:36px; text-transform:uppercase; padding-bottom:20px; }
#top-wrap.landing p { font-family: 'Roboto Condensed', sans-serif; color:#4b4f50; font-size:14px; line-height:22px; max-width:80%; }
#top-wrap.landing .swipe { float: left; display:block; height:18px; padding:3px 0 0 62px; font-family: 'Roboto', sans-serif; color:#4b4f50; font-size:11px; text-transform:uppercase; background:url('../images/bkg-swipe-arrows.gif') no-repeat top left; }
#bottom-wrap.capabilities h2 { display: block; padding-top: 60px; font-family: 'Roboto Condensed', sans-serif; font-size: 21px; color: #fff; text-align: center; text-transform: uppercase; }
#bottom-wrap.software h2 { display:block; padding-top:60px; font-family: 'Roboto Condensed', sans-serif; font-size:21px; color:#fff; text-align:center; text-transform:uppercase; }
#bottom-wrap.library h2 { display:block; padding-top:60px; font-family: 'Roboto Condensed', sans-serif; font-size:21px; color:#fff; text-align:center; text-transform:uppercase; }
#bottom-wrap .initial { position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; }
#bottom-wrap .initial h2 { padding-top:62px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size:24px; color:#fff; text-transform:uppercase; }
.bottom.third { display:block; float:left; width:252px; height:108px; padding:20px 40px; }
.bottom.third.border { width:251px; background:url('../images/bkg-bottom-third.png') no-repeat bottom right; }
.bottom.third h2 { font-family: 'Roboto Condensed', sans-serif; font-size:22px; color:#fff; text-transform:uppercase; }
.bottom.third h2 .index { position:relative; top:-7px; padding-right:6px; font-family: 'Roboto Condensed', sans-serif; font-size:12px; }
.bottom.third p { padding:8px 0 0 16px; }
#top-wrap.software .left-col { float:left; width:372px; padding:150px 72px 0 90px; background:none; }
#top-wrap.software .left-col h1 { display:block; padding:0 0 30px 0; font-family: 'Roboto Condensed', sans-serif; font-size:40px; line-height:42px; color:#3a3a3a; }
#top-wrap.software .left-col h3 { display:block; padding:0 0 20px 0; font-family: 'Roboto'; font-size:14px; color:#111110; }
#top-wrap.software .left-col p { font-family: 'Roboto', sans-serif; font-size:14px; color:#020202; }
#top-wrap.software .right-col { float:left; width:430px; padding:150px 60px 0 0; }
#top-wrap.capabilities .right-col { float: left; width: 430px; padding: 150px 60px 0 0; }
#top-wrap.capabilities .left-col { float:left; width:372px; padding:150px 72px 0 90px; background:none; }
#top-wrap.capabilities .left-col h1 { display: block; padding: 32px 0 30px 0; font-family: 'Roboto Condensed', sans-serif; font-size: 40px; line-height: 42px; color: #3a3a3a; }
#top-wrap.library .left-col { float:left; width:372px; padding:150px 22px 0 90px; background:none; }
#top-wrap.library .left-col h1 { display:block; padding:32px 0 30px 0; font-family: 'Roboto Condensed', sans-serif; font-size:40px; color:#3a3a3a; }
#top-wrap.library .left-col h3 { display:block; padding:0 0 20px 0; font-family: 'Roboto', sans-serif; font-size:14px; color:#111110; }
#top-wrap.library .left-col p { font-family: 'Roboto', sans-serif; font-size:14px; color:#020202; }
#top-wrap.library .right-col { font-family: 'Roboto', sans-serif; font-size:12px; line-height: 14px; float:left; width:250px; padding:50px 10px 0 0; }
#top-wrap.capabilities .left-col h3 { display:block; padding:0 0 20px 0; font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#111110; }
#top-wrap.capabilities .left-col p { font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#020202; }
#top-wrap.capabilities .right-col { float:left; width:430px; padding:10px 60px 0 0; }
.software .video-container { display:block; float:left; margin:0 5px 10px 0; width:212px; height:150px; }
.software .video-container.right { margin:0 0 10px 0; }
.software .video-container .video-thumb { display:block; overflow:hidden; width:212px; height:130px; background:url('../images/sprite-video-thumbs.png') no-repeat 0px 0px; }
.video-container #control.video-thumb { background-position:-231px 0px; }
.video-container #development.video-thumb { background-position: 0px -149px; }
.video-container #evaluation.video-thumb { background-position: -231px -149px; }
.video-container2 #control.video-thumb { background-position: -231px 0px; }
.video-container2 #development.video-thumb { background-position: 0px -149px; }
.video-container2 #evaluation.video-thumb { background-position: -231px -149px; }
.video-container2 #tandem.video-thumb { background-position: 0px -299px; }
.video-container2 #twoD.video-thumb { background-position: -231px -299px; }
a.video-click { display:block; overflow:hidden; width:80px; height:80px; margin:25px auto; text-indent:-999px; background:url('../images/bkg-video-icon.png') no-repeat top left; }
a.video-click-capabilities { display:block; overflow:hidden; width:80px; height:80px; margin:25px auto; text-indent:-999px; background:url('../images/bkg-video-icon-orange.png') no-repeat top left; }
.video-container .video-title { font-weight:bold; padding-left:14px; }
#info-wrap { z-index:997; position:absolute; top:-261px; width:100%; height:236px; padding-bottom:24px; background:#fff url('../images/bkg-fluidic-info.gif') repeat-x bottom left; }
#fluidic-wrap { position:absolute; top:45px; }
.info-section { width:800px; margin:0 auto; }
.capabilities .video-container { display:block; float:left; margin:0 5px 25px 0; width:212px; height:150px; }
.capabilities .video-container.right { margin:0 0 10px 0; }
.capabilities .video-container .video-thumb { display:block; overflow:hidden; width:212px; height:130px; background:url('../images/sprite-video-thumbs.png') no-repeat 0px 0px; }
.capabilities .video-container2 { display:block; float:left; margin:0 5px 25px 0; width:212px; height:150px; }
.capabilities .video-container2.right { margin:0 0 10px 0; }
.capabilities .video-container2 .video-thumb { display:block; overflow:hidden; width:212px; height:130px; background:url('../images/sprite-capabilities-video-thumbs.png') no-repeat 0px 0px; }
.info-section .left,
.info-section .right { display:block; float:left; width:380px; padding-top:80px; }
.info-section .left { padding-right:20px; font-size:14px; text-transform:uppercase; }
.info-section .right { padding-left:20px; font-size:12px; }
.info-section-list-heading { font-size:12px; color:#000; text-transform: uppercase; }
.info-section-list { font-size:12px; margin: 0 0 0 20px; }
.fluidic-section { display:block; overflow:hidden; float:left; width:204px; height:261px; }
.fluidic-section.border { background:url('../images/bkg-fluidic-section-border.png') no-repeat top right; }
.icon-wrap { display:block; overflow:hidden; width:204px; height:214px; }
.topScroll { position:relative; }
.topScroll .component { width:204px; height:260px; padding:0; margin:0; overflow:hidden; }
.topScroll .component img { position:relative; }
.fluidic-button { position:relative; z-index:998; }
.fluidic-button a.button { display:block; width:200px; height:32px; padding:15px 0 0 0; background:url('../images/bkg-system-button.gif') repeat-x bottom left; border-top:2px solid #c9c9c7; border-bottom:1px solid #b1b1b1; border-left:1px solid #d6d6d6; border-right:1px solid #fefefe; font-family: 'Roboto Condensed', sans-serif; font-size:13px; font-weight: 900; color:#393939; text-align:center; text-transform:uppercase; }
.fluidic-button a.button.selected { background:#fff; border-top:1px solid #c5c5c5; border-bottom:0; }
.fluidic-button a.info-button { display:block; width:204px; height:24px; margin:0; padding:0; text-indent:-9999px; background:url('../images/bkg-info-button.gif') no-repeat -1px 0px; }
.fluidic-button a.info-button.active { background:url('../images/bkg-info-button-active.gif') no-repeat -1px 0px; }
#prev-wrap, #next-wrap { display:block; width:100%; height:20px; margin-bottom: -40px; }
.prev-display, .next-display { display:block; width:800px; margin:0 auto; padding:10px 0 10px 0; font-size:12px; color:#80cda5; }
.prev-display { background:url('../images/bkg-fluidic-divider.gif') repeat-x bottom left; }
.next-display { background:url('../images/bkg-fluidic-divider.gif') repeat-x top left; }
.component-scroll { display:block; float:left; width:66px; padding: 47px 0 47px 47px; }
a.prev-scroll { display:block; width:25px; height:11px; text-indent:-9999px; overflow:hidden; background:url('../images/bkg-prev-scroll.png') no-repeat 0px 0px; }
a.next-scroll { display:block; width:25px; height:11px; text-indent:-9999px; overflow:hidden; background:url('../images/bkg-next-scroll.png') no-repeat 0px 0px; }
a.next-scroll.disabled,
a.prev-scroll.disabled { background-position:0px -11px; }
ul.component-display { list-style:none; margin:20px 0; padding:0; }
ul.component-display li a { list-style:none; display:block; width:10px; height:10px; margin:20px 5.5px; padding:0; overflow:hidden; text-indent:-999px; background:url('../images/bkg-component-display.png') no-repeat 0px 0px; }
ul.component-display li.active a { background-position:0px -10px; }
.scroll-container { display:block; overflow:hidden; width:800px; height:260px; float:left; padding:0; margin:90px 0 50px 0; }
.scroll-wrap { position:relative; }
.component-info { display:block; clear:both; overflow:hidden; width:800px; height:260px; }
.summary .component-info { display:block; clear:both; width:513px; min-height:200px; height:auto; padding:20px 0; }
.top-component-bg { background:url('../images/bkg-component-line-break.png') top center no-repeat; padding: 20px 0 0 0 ; margin: 0; height: 2px; }
.bottom-component-bg { height: 2px; background:url('../images/bkg-component-line-break.png') top center no-repeat; padding: 20px 0 0 0 ; margin: 20px 0 0 0; float: none; clear: both;}
.ngc-additional-header { width: 534px; }
.ngc-additional-header h4 { font-weight: bold; font-family: 'Roboto', sans-serif; font-size:16px; color:#000; text-transform:uppercase; padding:30px 0 10px 0;}
.component-title { display: block; width: 207px; height: 100%; float: left; padding-right: 60px; }
.summary .component-title { display:block; width:513px; height:auto; }
.component-title h3 { font-family: 'Roboto Condensed', sans-serif; font-size:20px; line-height:24px; color:#fff; }
.component-text { display: block; width: 533px; height: 100%; float: left; }
.summary .component-text { display:block; width:513px; height:100%; float:left; }
.component-text h4 { font-family: 'Roboto Condensed', sans-serif; display:block; font-size:14px; color:#FFF; padding-bottom:10px; }
.component-text .col-left,
.component-text .col-right { display:block; float:left; width:240px; }
.component-text .catalogue-col ul li { list-style:none; margin: 0 0 0 -10px; padding: 0; }
.component-text .catalogue-col { display:block; float:left; width:492px; }
.component-text .col-left { padding-right:20px; }
.component-text .col-right { padding-left:21px; }
.component-text p { padding-bottom:10px; }
.component-text ul { padding: 0 0 30px 0; }
.component-text ul li { list-style-image:url('../images/bkg-content-li.png'); }
.component-text .catalogue-table-left-col-header { width: 150px; }
.component-text .catalogue-table-right-col-header { width: 342px; }
.parts-table { padding: 0 0 30px 0; font-size:12px; }
.parts-table .cell-border { background:url('../images/bkg-cell-border.png') top left no-repeat; height: 1px; }
#icon-wrap { position:absolute; z-index:1; top:0px; left:0px; display:block; height:348px; margin:0; padding:0; }
#icon-wrap .icon { display:block; position:relative; overflow:hidden; float:left; width:280px; height:348px; margin:0 30px 0 31px; }
#icon-wrap .icon .icon-img { position:absolute; z-index:0; top:-50px; left:0px; }
#icon-wrap .icon.selected .pump-volume { display:block; }
#icon-wrap .icon .pump-volume.error { background:url('../images/bkg-pump-error.png') no-repeat top left; }
#icon-wrap .icon .pump-volume.error .choose { color:#ff0000; }
#pump .right ul {padding: 0 0 0 20px;}
#splash-wrap { position:absolute; z-index:0; top:0px; left:0px; display:none; width:1024px; height:348px; margin:0; padding:0; }
#splash-wrap .img-wrap img { position:absolute; z-index:0; top:0px; left:0px; display:none; margin:0; padding:0; }
#splash-wrap .pump-volume { position:absolute; z-index:10; top:96px; left:663px; }
.pump-volume h1#system-title { font-family: 'Roboto Condensed', sans-serif; font-size:32px; line-height:32px; max-width:320px; color:#343434; text-transform:uppercase; padding-bottom:10px; }
.pump-volume .col-left { display:block; float:left; width:73px; padding:15px; }
.pump-volume .col-right { display:block; float:right; width:73px; padding:15px; }
.pump-volume input { float:left; margin:5px 10px 0 0; }
.pump-volume label { font-family: 'Roboto', sans-serif; }
.pump-volume label .thin { font-family: 'Roboto', sans-serif; }
.pump-volume .choose,
.pump-volume .chosen { display:block; font-size:10px; font-weight:bold; text-transform:uppercase; }
.pump-volume .action { display:block; font-size:10px; font-weight:bold; text-transform:uppercase; color:#f5912c; }
.pump-volume #pump-volume-disp { display:block; position:relative; top:-10px; font-size:10px; font-weight:bold; color:#808080; }
a.system-select { display:block; padding:10px 20px; margin-top:20px; background:#ccc; font-family: 'Roboto Condensed'; font-size:14px; text-transform:uppercase; }
#menu-wrap { z-index:998; position:absolute; bottom:0px; left:0px; height:48px; }
.menu-item-wrap { display:block; float:left; position:relative; width:170.6px; height:72px; }
a.system-button { display:block; float:left; position:relative; width:170.6px; height:31px; padding:15px 0 0 0; background:#fff url('../images/bkg-system-button.gif') repeat-x bottom left; border-top:1px solid #c9c9c7; border-bottom:1px solid #b1b1b1; border-left:1px solid #d6d6d6; border-right:1px solid #fefefe; font-family: 'Roboto Condensed', sans-serif; font-weight: 900; font-size:12px; color:#393939; text-align:center; text-transform:uppercase; }
a.system-button.selected { background-color:#fff; border-top:1px solid #c5c5c5; border-right:0; width:169.6px; }
#system-splash .splash { display:block; float:left; width:341px; height:372px; background:url('../images/bkg-system-divider.png') no-repeat top right; }
#system-splash #quest-splash { width:343px; }
#system-splash #discover-splash { width:339px; }
#system-splash .splash.last { background:none; }
.splash .wrap { overflow:auto; height:312px; margin:30px 15px 30px 45px; padding-right:15px; }
.splash h2 { font-family: 'Roboto Condensed', sans-serif; font-size:22px; line-height:30px; color:#fff; text-transform:uppercase; padding:0 20px 10px 0; }
.splash ul li { list-style-image: url('../images/bkg-content-li.png'); }
.volume-btn-wrap { display:block; clear:both; overflow:hidden; width:169.6px; height:23px; border-bottom:1px solid #b1b1b1; border-left:1px solid #D6D6D6; cursor:pointer;}
a.volume-btn { display:block; float:left; width:83.8px; height:19px; color:#fff; padding:2px 0; font-size:11px; text-align:center; cursor:pointer;}
a.volume-btn.large,
a.volume-btn.small { background:#00add4 url('../images/bkg-pump-volume.jpg') repeat-x top left; }
a.volume-btn.large { border-left:1px solid #013d1e; }
a.volume-btn.small { border-right:1px solid #18ed7f; }
a.volume-btn.small:hover,
a.volume-btn.large:hover { background:#008dad url('../images/bkg-pump-volume-hover.jpg') repeat-x top left; }
a.volume-btn.small.selected,
a.volume-btn.large.selected { background:#00647a url('../images/bkg-pump-volume-selected.jpg') repeat-x top left; }
.system-title { display:block; float:left; width:228px; height:249px; padding:0 48px 40px 110px; margin:0; }
.system-title h2 { font-family: 'Roboto Condensed', sans-serif; display:block; font-size:26px; line-height:30px; color:#fff; text-transform:uppercase; padding-bottom:20px; }
.system-title h4 { font-family: 'Roboto Condensed', sans-serif; display:block; font-size:14px; color:#fff; text-transform:uppercase; }
.system-text { display:block; float:left; width:518px; height:249px; padding:0 110px 40px 10px; margin:0; }
.system-wrap .fluidic { display:block; width:804px; padding: 0 0 20px 0; margin:20px auto; background:url('../images/bkg-fluidic-divider.gif') repeat-x bottom left; }
.system-wrap .fluidic img { display:block; width:725px; margin:0 auto; }
.system-text h4 { padding-bottom:20px; color:#fff; }
.system-text .col-left { display:block; float:left; width:249px; padding-right:10px; }
.system-text .col-right { display:block; float:right; width:249px; padding-left:10px; }
.system-text ul li { list-style-image:url('../images/bkg-content-li.png'); }
.mCSB_container ul { margin:0 0 0 12px; }
.mCSB_container ul li { list-style-image:url('../images/bkg-content-li.png'); }
.summary .left-col h1 { display:block; width:260px; margin:20px auto; font-family: 'Roboto Condensed', sans-serif; font-size: 32px; line-height: 36px; text-transform: uppercase; }
#wrap360 { position:relative; width:557px; height:313px; margin:120px auto 0 auto; padding:0; overflow:hidden; }
#wrap360 img { position:absolute; top:0px; left:-78px; display:none; }
#wrap360 #img0 { display:block; }
.fluidic-container { display:block; width:815px; height:90px; margin:0 auto; padding:0 0 0 0px; }
.fluidic-container .small-fluidic { display:block; float:left; position:relative; width:138px; height:100px; overflow:hidden; }
.small-fluidic img { position:absolute; top:0px; left:-13px; }
#numbers-list-icon {padding: 0; width: 50px; position: relative; top: 25px; float: left; }
#parts-list-icon {padding: 0 0 0 10px; width: 50px; position: relative; top: 25px; float: left; }
#component-scroll { display:block; width:543px; height:528px; margin:20px 0; overflow:hidden; }
#top-wrap .left-col { float:left; background:url('../images/bkg-divider.png') no-repeat bottom right; }
#top-wrap .right-col { float:right; }
#top-wrap .left-col,
#top-wrap .right-col { display:block; width:492px; height:144px; padding:10px; }
.left-col h4, .right-col h4 { padding:22px 0; font-weight:bold; }
.summary .fluidic-container { width:583px; margin:0; }
.summary .small-fluidic { width:83px; }
.summary .small-fluidic img { left:-53px; }
#content-wrap { width:1024px; height:678px; }
#content-wrap .left-col { display:block; float:left; width:401px; height:678px; overflow:hidden; background:#fff; }
#content-wrap .right-col { display:block; float:left; width:563px; height:640px; padding:18px 20px 20px 40px; overflow:hidden; background:url('../images/bkg-compare-list.jpg') no-repeat top left; }
.component-summary { display:block; padding:20px; height:336px; }
.compare-text { width:280px; margin:90px auto; padding:0; }
.compare-text h1 { font-family: 'Roboto Condensed'; font-size:28px; line-height:28px; color:#000; text-transform:uppercase; padding-bottom:40px; }
.compare-text h3 { color:black; font-size:21px; line-height:21px; padding:0 0 10px 0; text-transform:uppercase; }
.compare-text h4 { color:black; font-weight:bold; font-size:16px; line-height:22px; padding:0; }
.compare-text p { padding:10px 0; font-family: 'Roboto', sans-serif; }
.compare-text p.last { padding:10px 0 40px 0; }
#compare-scroll { display:block; overflow:hidden; width:532px; height:578px; padding:50px 30px; }
#compare-scroll .scroll { display:block; overflow:hidden; width:532px; height:480px; margin-top:20px; }
#compare-table-header { width: 532px; padding: 0 0 15px 0; margin: 0; background:url('../images/bkg-component-line-break.png') bottom left no-repeat; }
#compare-table-header h2, h3 { color:#fff; }
#compare-table-header h2 { font-size:28px; width: 200px;}
#compare-table-header h3 { font-size: 12px; padding: 5px 0 0 0; }
#compare-table-header .cell-center-align { text-align: center; }
#select-one {float:left; width:60px; height:32px; margin: 0 0 0 25px; background-position:-473px -1px; }
#select-one:hover { float:left; width:60px; height:32px; background-position:-473px -51px; }
#select-two {float:left; width:60px; height:32px; margin: 0 0 0 55px; background-position:-473px -1px; }
#select-two:hover { float:left; width:60px; height:32px; background-position:-473px -51px; }
.compare-table { padding: 0 0 15px 0px; margin: 10px 0 0 0; width: 532px; background:url('../images/bkg-component-line-break.png') bottom left no-repeat; }
.compare-table h3 { padding: 0 0 0 0px; font-family: 'Roboto', sans-serif; color:#000; font-size: 14px; text-transform: uppercase; }
.compare-table .cell-center-align { font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: normal; text-align: center; color:#FFF; width: 130px; }
.compare-table .item-name { color:#000; padding: 0 0 0 0px; font-family: 'Roboto', sans-serif; font-size: 12px; }
.compare-table .cell-border { background:url('../images/bkg-cell-border.png') top left no-repeat; height: 1px; }
.compare-table .acc_sku_cell-center-align { font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: normal; text-align: center; color:#000; width: 130px; }
.component-summary h3 { font-family: 'Roboto Condensed', sans-serif; font-size:24px; line-height:36px; color:#fff; text-transform:uppercase; }
.component-summary h4 { padding:22px 0 0 0; font-family: 'Roboto Condensed', sans-serif; font-size:16px; line-height:24px; color:#fff; text-transform:uppercase; }
.component-summary p { padding-top:22px; }
body.send hr { border:0; border-width:0px; color:#fff; }
#send-wrap { display:block; width:1024px; height:678px; overflow:hidden; clear:both; }
#send-wrap .left-col { display:block; float:left; width:568px; height:558px; padding:60px 80px; margin:0; background:#fff; }
#send-wrap .right-col { display:block; float:right; width:236px; height:558px; padding:60px 30px; background:url('../images/bkg-send-parts.jpg') no-repeat top left; }
#send-wrap .right-col h4 { font-size:10px; padding:0 10px 0 0; }
h1.send-title { font-family: 'Roboto Condensed', sans-serif; font-size:28px; line-height:36px; color:#000; text-transform:uppercase; padding:0 0 10px 0; }
#send-wrap p { padding:10px 0; }
#sendmail .input-container { display:block; width:100%; overflow:hidden; margin-bottom:10px; }
#sendmail .input-container.half.left { float:left; width:40%; padding-right:10%; }
#sendmail .input-container.half { float:left; width:50%; }
#sendmail input, #sendmail textarea { display:block; width:100%; padding:10px 0; margin:0 0 4px 0; border:0; border-bottom:1px solid #b1b1b1; font-family: 'Roboto', sans-serif; font-size:14px; color:#b1b1b1; }
#sendmail input.error, #sendmail textarea.error { color:#ff0000; }
#sendmail textarea { border-top:1px solid #b1b1b1; resize:none; }
#sendmail input:focus,
#sendmail textarea:focus { color:#000; }
#sendmail input[type=checkbox] { float:left; width:20px; margin:8px 10px 0 0; }
#sendmail label { color:#b1b1b1; font-size:12px; padding-top:4px; text-transform:uppercase; }
#sendmail label.checkbox { float:left; }
#sendmail input[type=submit] { display:block; padding:8px 20px; margin:10px 0; width:80px; border:1px solid #b1b1b1; background:#fff; font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#000; text-transform:uppercase; }
#send-wrap .right-col .section { overflow:hidden; width:236px; height:548px; margin-bottom:60px; }
h2.send-sub-title { font-family: 'Roboto Condensed', sans-serif; font-size:28px; line-height:36px; color:#fff; text-transform:uppercase; padding:0 0 30px 0; }
.component-row { display:block; padding-bottom:20px; }
.component-row ul li { list-style-image:url('../images/bkg-content-li.png'); font-size:12px; }
.library-list li {list-style: none;}
.pdf-icon {background: url('../images/ngc_pdf.png') left top no-repeat; padding: 0 0 5px 40px; margin: 10px; min-height: 30px;}
#legal-wrapper {position: absolute; top: 50px; left: 50%; margin-left: -325px; z-index: 99999999; padding: 10px 40px 40px 40px; background: #efefef; width: 650px; height: 570px; }
#legal-wrapper h2 {padding: 20px 0 20px;}
#legal-wrapper p {padding: 10px 0 10px 0;}
#legal-wrapper ul {margin: 0 0 0 20px;}
.legal-btn {position: absolute; top: 450px; right: 20px;}
.close-legal {padding: 25px; float: right; background: url('../images/legal-close-inactive.png') top left no-repeat;}
.close-legal:hover {background: url('../images/legal-close-active.png') top left no-repeat;}
#legal-scroll { display:block; padding: 20px; height: 530px; overflow: scroll; }
#legal-scroll .scroll { display:block; overflow: hidden; }
.index-trademark {font-family: 'Roboto', sans-serif; vertical-align: super; font-size: 18px; font-weight: 400;}
#configurator-buttons {margin: 115px 0 20px 0; float: left; clear: left;}
#configurator-buttons img {margin: 0 20px 0 0;}
#configurator-buttons #std-format-btn {background: url('../images/config-standard-inactive.png') top left no-repeat; padding: 100px;}
#configurator-buttons #threed-format-btn {background: url('../images/config-3d-inactive.png') top left no-repeat; padding: 100px;}
#configurator-buttons #std-format-btn:hover {background: url('../images/config-standard-active.png') top left no-repeat;}
#configurator-buttons #threed-format-btn:hover {background: url('../images/config-3d-active.png') top left no-repeat;}