/* Title: FlowServe Screen Styles Copyright: 2009 */ /* =Lists --------------------------------------------- */ ul {list-style-type: none;} ul.nav li {float: left;} body {background: #034881 url(/assets/images/bg_body.png) repeat-x; font-size: 11px; font-family: Lucida Grande, Lucida, Arial;} textarea{font-family: Arial; font-size: 12px;} .nopadding{padding: 0;} .nomargin{margin: 0;} /* =Pre-defined --------------------------------------------- */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ img.floatL{float: left; padding: 0 10px 10px 0;} img.floatR{float: right; padding: 0 10px 10px 0;} /* =Headers --------------------------------------------- */ #center-stage .region h1 {margin-bottom: 15px;} #center-stage .region h1.single-line {margin: 50px 0 9px 0;} #center-stage .region h1.dual-line {margin: 25px 0 9px 0;} #featurette .panel h2 {font-size: 13px; color: #FFFFFF; margin-bottom: 11px;} #center-stage .region{padding: 10px 340px 0 0; position: relative; z-index: 11111;} #center-stage .region h1{margin-top: 0; font-size: 19pt; font-weight: normal;} #center-stage .region p{font-size: 15px; line-height: 17px;} /* =Links --------------------------------------------- */ a {outline: none; text-decoration: none; color: #1FBFBA;} a:hover{text-decoration: underline;} /*a:hover {color: #CC1F00;}*/ a img {border: none;} /* =Structure --------------------------------------------- */ #container {width: 915px; padding: 0 5px 0 10px; margin: 0 auto; background: url(/assets/images/bg_container.png) repeat-y;} #inner{background: #fff; padding-right: 9px; width: 902px; padding-left: 3px; } #headmast {padding: 0 0 0 15px;} #content-wrapper {border: 1px solid #D8D7D7;} #bottom-border {width: 930px; margin: 0 auto; height: 15px; background: url(/assets/images/bg_bottom.png) no-repeat;} /* =Global --------------------------------------------- */ #global {height: 20px; padding-top: 9px;} #global #search-global {width: 189px; float: right;} #global #search-global label {color: #6D6C6B; width: 36px; float: left; margin-right: 6px; display: block; padding-top: 5px;} #global #search-global input {border: 1px solid #D8D7D7; float: left; width: 110px; padding: 1px; margin-right: 4px; } #global #search-global .submitbtn {background: #0068BC; width: 19px; border: 1px solid #0068BC; font-size: 10px; color: #FFF; height: 11px; padding: 3px 1px 3px 3px; display: inline-block; } #global #search-global .submitbtn:hover{text-decoration: none;} #global #menu-global {float: right; padding-top: 5px; margin-bottom: 10px; margin-right: 15px;} #global #menu-global li {float: left; padding: 0 9px; border-right: 1px solid #0068BC;} #global #menu-global li.last {border-right: 0;} #global #menu-global li a {color: #0068BC;} #global #menu-global li a.on{font-weight: bold;} #global #menu-global li a:hover {text-decoration: underline; color: #044982;} /* =Headmast --------------------------------------------- */ #headmast #logo {width: 150px; float: left;} #headmast #menu-main {width: 673px; float: left; margin: 40px 0 0 0px;} #headmast #menu-main li {float: left; width: 226px; height: 38px;} #headmast #menu-main li#tooling a {background: transparent url(/assets/images/menu_main.png) no-repeat 0 0;} #headmast #menu-main li#tooling.on a, #headmast #menu-main li#tooling a:hover {background: transparent url(/assets/images/menu_main.png) no-repeat 0 -38px;} #headmast #menu-main li#machines {margin-left: -9px;} #headmast #menu-main li#machines a {background: transparent url(/assets/images/menu_main.png) no-repeat 0 -76px;} #headmast #menu-main li#machines.on a, #headmast #menu-main li#machines a:hover {background: transparent url(/assets/images/menu_main.png) no-repeat 0 -114px;} #headmast #menu-main #service {margin-left: -9px;} #headmast #menu-main li#service a {background: transparent url(/assets/images/menu_main.png) no-repeat 0 -152px;} #headmast #menu-main li#service.on a, #headmast #menu-main li#service a:hover {background: transparent url(/assets/images/menu_main.png) no-repeat 0 -190px;} #headmast #menu-main li a {text-indent: -9999px; display: block; height: 38px;} /* =Regional Menu --------------------------------------------- */ #dist-holder {margin-bottom: 3px; position: relative; z-index: 10009;} #dist-holder p.pick {position: absolute; top: 9px; left: 33px; color: #353637; font-size: 12px;} #dist-holder p.cust-check {clear: both; font-size: 12px; padding: 0 0 0 63px; color: #363636;} #dist-holder p a {color: #0068BC; padding-right: 10px; background: transparent url(/assets/images/arrow_triangle_blue.png) no-repeat right 5px; margin-left: 5px;} #dist-holder p a:hover{color: #969696; text-decoration: none;} #dist-holder p.cust-check a:hover {text-decoration: underline;} #menu-line{border-bottom: 3px solid #C8C7C7; display: block; float: right; height: 30px; width: 492px; margin-bottom: 7px;} #menu-holder #menu-region {position: absolute; left: 35px; z-index: 1055502;} #menu-holder #menu-region li { margin-right: 1px; padding: 10px 13px 3px 10px; display: block;} #menu-holder #menu-region li ul{display: none;} #menu-holder #menu-region li.on, #menu-holder #menu-region li:hover{background-color: #fff; border: solid 1px #C8C7C7; margin: -1px 0 0 -1px; height: 250px;} #menu-holder #menu-region li.on a, #menu-holder #menu-region li:hover a{color: #969696; background-position: right -26px;} #menu-holder #menu-region li.on ul, #menu-holder #menu-region li:hover ul{display: block;} #menu-holder #menu-region li.on ul li, #menu-holder #menu-region li:hover ul li{border: none; height: auto; margin: 0;} #menu-holder #menu-region li.on ul li a, #menu-holder #menu-region li:hover ul li a{color: #0068BC;} #pickregion{background-image: url(/assets/images/arrow_down_triangles.gif); background-repeat: no-repeat; background-position: right -5px; color: #0068BC; padding-right: 14px; display: block; height: 13px; text-decoration: none; font-size: 12px;} /* Regions */ #menu-holder #menu-region #sub-menu-region{background: #fff; padding: 10px 0;} #menu-holder #menu-region #sub-menu-region li{background: none; padding: 4px 0;} #dist-holder { float: right; height: 60px; width: 519px; background: transparent url(/assets/images/bg_regionmenu.png) no-repeat; } #dist-holder #menu-region #sub-menu-region li a {text-align: center; color: #0069bd; height: 13px; padding: 8px 0 6px 0; text-decoration: none; font-size: 12px;} #dist-holder #menu-region #sub-menu-region li a:hover{text-decoration: underline;} #machines-dist-holder{position: relative; height: 32px;} #machines-dist-holder #dist-holder{position: absolute; left: 381px;} #dist-holder .welcome p {font-size: 12px; padding: 8px 0 0 40px;} #dist-holder .welcome p.cust-check {padding: 0; font-size: 11px;} #dist-holder .welcome p a {margin-left: 17px; color: #0069BD; font-size: 11px;} #dist-holder .welcome p a:hover {text-decoration: underline;} #dist-holder .welcome p.contact-info {padding: 0; font-size: 11px; position: absolute; left: 60px; top: 40px; color: #363636;} #dist-holder .welcome p.contact-info span.phone {margin-right: 19px; color: #6D6C6B; padding-left: 17px; background: transparent url(/assets/images/icon_sm_phone.png) no-repeat 0 2px;} #dist-holder .welcome p.contact-info span.email {background: transparent url(/assets/images/icon_sm_email.png) no-repeat 0 3px; padding-left: 17px;} #dist-holder .welcome p.contact-info span.email a {background: none; padding: 0; margin: 0;} /* =FOOTER --------------------------------------------- */ #footer {padding: 12px 0 12px 0; font-size: 10px; color: #707070;} #footer #copyright {float: left;} #footer #menu-footer {float: right; width: 141px;} #footer #menu-footer a {color: #7C7C7C;} #footer #menu-footer a:hover {color: #3A3A3A; text-decoration: underline;} /* =HOME --------------------------------------------- */ #center-stage {height: 213px; margin-bottom: 17px; clear: both; padding: 12px 0 0 55px; position: relative; z-index: 10000;} #center-stage #center-stage-copy {position: relative; z-index: 10001;} #center-stage #center-stage-copy p {font-size: 12px; color: #393939; width: 436px; margin-bottom: 14px; line-height: 18px; margin-top: 10px;} #center-stage #center-stage-copy.short {margin-top: 60px;} #center-stage #center-stage-img { position: absolute; top: 0; right: 0; width: 552px; z-index: 10000;} #center-stage #center-stage-img img {position: absolute; top: 0; right: 0; display: none; z-index: 10000;} #featurette {border: 1px solid #FFF; height: 131px; background: #FFF url(/assets/images/bg_featurette.png) repeat-x; padding: 0 10px 0 10px;} #featurette .panel {float: left; margin-right: 11px; border: 1px solid #FFF; width: 194px; height: 105px; background: #266CA3 url(/assets/images/bg_feature_panels.png) repeat-x; padding: 8px 7px 0 7px;} #featurette .last-panel {margin-right: 0;} /* DIY CAROUSEL SETUP */ .diy-carousel {height: 50px; margin: 0 0 6px 0; width: 194px; overflow: hidden; position: relative; z-index: 2;} .diy-carousel .diy-item-container {overflow: hidden; height: 50px; width: 776px; position: relative; z-index: 1;} .diy-item-container .feature-img {float: left;} /* END DIY CAROUSEL */ #featurette .panel .feature-img {background: #1B4B72 url(/assets/images/bg_fpanel_content.png) repeat-x; width: 194px;} #featurette .panel .feature-img img {float: left; margin-right: 5px;} #featurette .panel p {color: #FFF; line-height: 14px;} #featurette div.links {margin-top: 12px;} #featurette div.links span {color: #FDF384; margin-right: 33px;} #featurette .last-panel div.links {color: #FDF384; margin-top: 4px;} #featurette h2 span.links {font-weight: normal; font-size: 11px; margin-left: 23px;} #featurette h2 span.links a:hover {text-decoration: underline;} #featurette .panel .feature-img p {padding: 3px 0; font-weight: normal; margin-bottom: 0; color: #FDF384; line-height: 16px;} #featurette .panel .diy-carousel-controls div {width: 109px; float: left; margin-right: 35px;} #featurette .panel .diy-carousel-controls div a {float: left; margin-right: 6px; display: block; text-align: center; border: 1px solid #6293B9; line-height: 14px; width: 15px; height: 13px;} #featurette .panel .diy-carousel-controls div a:hover {text-decoration: none; border: 1px solid #FFF; color: #FFF;} #featurette .panel .diy-carousel-controls span {color: #FDF384; float: left; width: 50px;} #featurette .panel .diy-carousel-controls span a {line-height: 17px;} #featurette .panel a {color: #FDF384;} #featurette .panel a:hover {text-decoration: underline;} #overlay{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 99998; background-color: #000;} #modalwebinar, #modalform, #modalmap{position: absolute; top: 50px; left: 50%; margin-left: -298px; z-index: 99999; display: none; background: #fff; padding: 10px;} #modalmap .hide{display: none;} #modalmap .mapbg{background: url(/assets/images/map1.jpg) no-repeat; display: block; position: relative; border-top: solid 2px #b5b5b5; height: 513px; width: 597px;} #modalwebinar .contact-us-form .modalclose, #modalform .contact-us-form .modalclose, #modalmap .mapbg .modalclose{background: url(/assets/images/map_close.gif) no-repeat; display: block; position: absolute; left: 535px; top: -55px; height: 12px; width: 55px;} #modalwebinar .contact-us-form .modalclose, #modalform .contact-us-form .modalclose{top: -43px;} #modalwebinar .contact-us-form .modalclose{top: -40px;} #modalmap .mapbg .legend{position: absolute; left: 490px; top: 300px;} #modalmap .mapbg .legend li{color: #393939; font-size: 12px; padding-bottom: 5px;} #modalmap .mapbg .legend li a{background-position: left; background-repeat: no-repeat; color: #393939; display: block; font-size: 12px; padding-left: 17px;} #modalmap .mapbg .legend li a.on, #modalmap .mapbg .legend li a:hover{color: #0068BC; text-decoration: none;} #modalmap .mapbg .legend li a.South{background-image: url(/assets/images/box_south.gif);} #modalmap .mapbg .legend li a.Michigan{background-image: url(/assets/images/box_michigan.gif);} #modalmap .mapbg .legend li a.Canada{background-image: url(/assets/images/box_canada.gif);} #modalmap .mapbg .legend li a.Midwest{background-image: url(/assets/images/box_midwest.gif);} #modalmap .mapbg .legend li a.Wisconsin{background-image: url(/assets/images/box_wisconsin.gif);} #modalmap .mapbg .legend li a.Northeast{background-image: url(/assets/images/box_northeast.gif);} #modalmap .mapbg .legend li a.Texas{background-image: url(/assets/images/box_texas.gif);} #modalmap .mapbg .legend li a.Mexico{background-image: url(/assets/images/box_mexico.gif);} #modalmap .mapbg .legend li a.West{background-image: url(/assets/images/box_west.gif);} #modalmap .mapbg .legend li a.Southeast{background-image: url(/assets/images/box_southeast.gif);} #modalmap .mapbg .legend li a.Midatlantic{background-image: url(/assets/images/box_midatlantic.gif);} #modalmap h4{color: #9C9C9C; font-size: 15px; font-weight: bold; margin-bottom: 3px;} #modalmap .footer{color: #393939; font-size: 12px; padding-top: 10px;} #modalwebinar #map-container, #modalform #map-container{float: left;} #map-container{border: solid 1px #b5b5b5;} #map-container .header{background: #e9e9e9; padding: 4px 17px;} #modalwebinar .contact-us-form, #modalform .contact-us-form{float: left; border-top: solid 2px #b5b5b5; padding: 20px 20px 40px 30px; position: relative;} #modalwebinar .contact-us-form fieldset, #modalform .contact-us-form fieldset{width: 274px;} #modalwebinar .contact-us-form p, #modalform .contact-us-form p{font-size: 12px; line-height: 16px;} #modalwebinar .contact-us-form p.req{font-size: 11px; margin-bottom: 10px; color: Red;} #ForgotSubmitBtn, #modalwebinar #SubmitBtn, #modalform #SubmitBtn{background: url(/assets/images/submitbtn.gif) no-repeat; display: inline-block; margin-right: 10px; height: 25px; width: 66px;} #forgot-password-form{display: none; width: 548px; font-size: 11px;} #forgot-password-form p{font-size: 11px;} #ForgotPasswordMsg{color: Red; padding-top: 5px;} #ForgotBackBtn{position: absolute; left: 80px; margin-top: 7px;} #hasaccount-buttons{position: relative; line-height: 14px;} #hasaccount-buttons input{position: absolute; left: -2px; margin: 1px 0 0 0;} #hasaccount-buttons label{padding-left: 16px;} #WebinarRegInfo{display: none; clear: both;} /* =Tooling / Supplies --------------------------------------------- */ #questions-container{padding-left: 171px; height: 33px;} #questions-greycontainer{background: #ebebea url(/assets/images/upper-triangle.gif) no-repeat left top; height: 33px; padding: 0 0 0 38px; position: absolute; margin-top: -1px; width: 698px; margin-left: -7px;} #questions-greycontainer div{background: #078bcb; display: block; height: 4px; width: 100%;} #questions-container p{color: #353637; font-size: 12px; padding-top: 8px;} #questions-container p span{background: url(/assets/images/grey-phoneicon.gif) no-repeat left 2px; padding-left: 15px; margin-left: 10px;} #main-cotnent-container{background: #e8e8e7; border-left: solid 1px #fff; border-bottom: solid 1px #fff; float: left;} #main-cotnent-container.generic-container{background: #fff; padding-top: 20px;} #left-content-container{background: url(/assets/images/left-nav-bg.gif) no-repeat left top; float: left; width: 169px; padding: 31px 1px 0 0; overflow: hidden;} #left-content-container a{display: block; height: 18px; font-size: 12px; margin: 1px 0; padding: 7px 0 0 22px;} #left-content-container .primary{margin-bottom: 20px;} #left-content-container .primary a{background: #f4f4f3 url(/assets/images/leftnavsprite.jpg) no-repeat 0 -52px; color: #363636;} #left-content-container .primary a:hover{color: #0069bd; text-decoration: none;} #left-content-container .primary a.on{background-position: 0 -77px; color: #0069bd;} #left-content-container .primary li ul{background: #fff; margin-bottom: 30px;} #left-content-container .primary li.on ul li a, #left-content-container .primary li ul li a{background: #fff url(/assets/images/leftnavsprite.jpg) no-repeat 0 -101px; color: #363636; margin: 0; padding-bottom: 7px; padding-top: 7px; height: auto;} #left-content-container .primary li ul li a:hover{color: #0069bd;} #left-content-container .primary li ul li a.nosubnav{background: #fff;} #left-content-container .primary li ul li ul{margin-bottom: 0; padding: 5px 0 10px 25px;} #left-content-container .primary li ul li ul li{color: #000;} #left-content-container .primary li ul li ul li.category{margin-bottom: 5px; padding-left: 3px;} #left-content-container .primary li ul li.on ul li a, #left-content-container .primary li ul li ul li a{background: none; color: #666; padding: 0; font-size: 10px; height: auto; padding: 3px 0 3px 3px;} #left-content-container .primary li ul li ul li a:hover{color: #fff; background: #0078bc; } #left-content-container .primary li.on a{background-position: 0 -76px; color: #0069BD;} #left-content-container .primary li ul li.on a{background-position: 0 -126px; color: #0069BD;} #left-content-container .primary li ul li.on ul li.on a{background: #0078bc; background-image: none; color: #fff;} #left-content-container .secondary{padding-bottom: 20px;} #left-content-container .secondary a{background: #73c3eb url(/assets/images/leftnavsprite.jpg) no-repeat 149px -26px; color: #fff;} #left-content-container .secondary li.on a, #left-content-container .secondary a:hover{background-color: #078bcb; background-position: 149px 0px; text-decoration: none;} #right-content-container{background: #fff; float: left; padding: 31px 0 0 2px; width: 727px; overflow: hidden;} #featured-gradient-container{background: #363635 url(/assets/images/grey-content-gradient.jpg) repeat-x top; height: 209px; display: block; width: 728px;} #featured-gradient-container .featured-image{float: left; padding: 7px 0 0 7px;} #featured-gradient-container .copy-container{float: left; padding: 35px 0 0 25px; width: 495px;} #featured-gradient-container .copy-container h2{color: #73dfff; font-size: 18px; font-weight: normal; margin-bottom: 20px;} #featured-gradient-container .copy-container p{color: #fff; font-size: 12px; line-height: 18px; padding: 0 0 0 27px;} #featured-gradient-container .copy-container .border{border-top: solid 1px #a6a6a6; border-right: solid 1px #a6a6a6; padding: 10px 95px 0 0; height: 163px;} #featured-gradient-container .machine-copy-container{float: left; padding: 35px 0 0 25px; position: relative; width: 495px;} #featured-gradient-container .machine-copy-container h2{color: #73dfff; font-size: 14px; font-weight: normal; margin-bottom: 20px; text-transform: uppercase;} #featured-gradient-container .machine-copy-container p{color: #fff; font-size: 12px; line-height: 18px; padding: 0 30px 0 15px;} #featured-gradient-container .machine-copy-container .border{border-top: solid 1px #a6a6a6; border-right: solid 1px #a6a6a6; left: 140px; margin-top: -27px; position: absolute; height: 166px; width: 387px;} #right-content-container .banner-container{padding: 5px 0 0 0;} #right-content-container .banner-container a{margin-left: 4px;} #right-content-container .banner-container img{border: 0;} #right-content-container .grey-gradient-container{background: url(/assets/images/grey-bottom-gradient.jpg) repeat-x bottom; float: left; padding: 20px 0 25px 63px; width: 663px;} .grey-gradient-container h3{color: #0069bd; font-size: 14px; font-weight: bold; margin-bottom: 5px;} .grey-gradient-container p{color: #292929; font-size: 12px; line-height: 16px;} .grey-gradient-container li{color: #0069bd;} .grey-gradient-container a{color: #0069bd; font-size: 12px; line-height: 16px;} .grey-gradient-container .column{float: left; width: 230px;} .grey-gradient-container .column ul{padding-top: 10px;} .grey-gradient-container .column-left{padding-right: 112px;} .grey-gradient-container .column .description{height: 80px;} #lg-featured-gradient-container{background: #363635 url(/assets/images/sm-grey-content-gradient.jpg) repeat-x top; float: left; display: block; width: 898px;} #lg-featured-gradient-container h2{color: #73dfff; font-size: 18px; font-weight: normal; margin-bottom: 20px;} #lg-featured-gradient-container .featured-image{float: left; padding: 15px 0 0 210px; position: relative;} #lg-featured-gradient-container .featured-image img{position: absolute; left: 30px;} #lg-featured-gradient-container .copy-container{float: left; padding: 24px 0 0 10px; width: 580px;} #lg-featured-gradient-container .copy-container .border{border-top: solid 1px #a6a6a6; border-right: solid 1px #a6a6a6; padding: 10px 15px 0 100px; height: 103px;} #sm-featured-gradient-container{background: #363635 url(/assets/images/sm-grey-content-gradient.jpg) repeat-x top; float: left; display: block; padding-bottom: 20px; width: 728px;} #sm-featured-gradient-container.nopadding{padding: 0;} #sm-featured-gradient-container .featured-image{float: left; padding: 15px 0 0 15px;} #sm-featured-gradient-container h1{color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 30px;} #sm-featured-gradient-container h2{color: #73dfff; font-size: 18px; font-weight: normal; margin-bottom: 20px;} #sm-featured-gradient-container p{color: #fff; font-size: 12px; line-height: 18px; padding: 0 70px 0 0;} #sm-featured-gradient-container .copy-container{float: left; padding: 13px 0 0 28px; width: 530px;} #sm-featured-gradient-container .copy-container .border{border-top: solid 1px #a6a6a6; border-right: solid 1px #a6a6a6; padding: 10px 15px 0 88px; height: 103px;} #sm-featured-gradient-container .product-nav-container{float: left; padding: 13px 0 0 40px; height: 102px; width: 670px;} #sm-featured-gradient-container.finance-gradient-container{padding: 0 0 0 20px;} #sm-featured-gradient-container.finance-gradient-container p{padding: 0 10px 0 0;} #sm-featured-gradient-container.finance-gradient-container .copy-container{padding: 25px 0 0 10px; width: 580px;} ul.toolingsubnav, ul.edmsubnav{color: #fff; margin-top: 10px; float: left; padding-right: 5px;} ul.toolingsubnav{padding-right: 0;} ul.toolingsubnav li, ul.edmsubnav li{line-height: 15px;} ul.edmsubnav a{color: #fff; padding: 0 5px 0 5px;} ul.toolingsubnav a{color: #fff; padding: 0 0px 0 5px;} ul.toolingsubnav a.on, ul.edmsubnav a.on{background: #0078bc;} ul.toolingsubnav a:hover, ul.edmsubnav a:hover{background: #0078bc; text-decoration: none;} /* = EDM Supplies / Wire --------------------------------------------- */ .grey-container{background: #f5f5f5; clear: both; float: left; padding: 25px 60px 50px 35px; width: 645px;} .grey-container h2{color: #2b8ec8; font-size: 18px; font-weight: normal;} .grey-container h3{color: #2b8ec8; font-size: 16px; font-weight: normal; margin-bottom: 5px;} .grey-container p{color: #292929; font-size: 11px; line-height: 14px; margin-bottom: 10px;} .grey-container a, .grey-container p span{color: #0078bc;} .grey-container .padding{padding-right: 140px;} img.grey-border{border: 1px solid #CCC;} .featured-box{border: solid 1px #379ad4; float: left; margin-top: 20px; height: 98px; width: 620px;} .featured-box h4{color: #0069bd; font-size: 13px; margin-bottom: 3px; font-weight: bold;} .featured-box a{color: #0069bd; font-size: 13px; font-weight: bold; margin-bottom: 3px; text-decoration: none; display: inline-block;} .featured-box a:hover{text-decoration: underline;} .featured-box p{color: #6d6c6b; font-size: 12px; line-height: 14px;} .featured-box .heading{background: #379ad4; padding: 3px 5px;} .featured-box .heading p{color: #fff; font-weight: bold; font-size: 10px; text-transform: uppercase; margin-bottom: 0;} .featured-box .left{float: left; width: 185px;} .featured-box .right{float: left; padding-top: 15px; width: 370px;} #wirecolumn_container{float: left; padding-top: 35px; width: 622px;} #wirecolumn_container .col{float: left; padding-right: 28px; font-weight: bold;} #wirecolumn_container .col ul{padding-top: 10px;} #wirecolumn_container .col ul li, #wirecolumn_container .col ul li a{color: #0069bd; font-size: 12px; line-height: 16px;} #wirecolumn_container .nopad{padding: 0;} #productgrid{} #productgrid li{float: left; height: 90px; padding-bottom: 15px; width: 215px;} #productgrid .image{float: left; width: 80px;} #productgrid .copy{float: left; padding-right: 3px; width: 130px;} #productgrid .copy a{color: #0069bd; font-size: 11px; font-weight: bold;} /* = Finance --------------------------------------------- */ .white-container{background: #fff; clear: both; padding: 15px 60px 20px 35px; width: 645px;} .white-container p.large{color: #292929; font-size: 15px; line-height: 18px; padding-right: 80px;} .white-container-border{background: #fff; border: solid 1px #e5e5e5; float: left; padding: 10px 10px 15px 15px; width: 100%;} .white-container-border p.heading{color: #0069bd; font-size: 13px; font-weight: bold; margin-bottom: 15px;} .white-container-border dl{padding-bottom: 15px; line-height: 16px;} .white-container-border dt{color: #292929; font-size: 12px; font-weight: bold;} .white-container-border dd{color: #292929; font-size: 12px; padding-left: 15px;} .white-container-border .left{float: left; padding-right: 40px; width: 292px;} .white-container-border .right{float: left; width: 300px;} ul.finance-links{padding: 0 0 10px 5px;} ul.finance-links li{font-size: 13px; color: #292929; padding-bottom: 3px; } ul.finance-links a{color: #0078bc;} #applynowlink{margin-top: 15px; display: block;} #finance-footer{padding: 40px 0 0 13px; clear: both;} #finance-footer p{ font-size: 11px; color: #5b5b5b;} /* = Product Page --------------------------------------------- */ #product-nav{float: right;} #product-nav li{float: left; padding-right: 4px;} #product-nav a{background-image: url(/assets/images/product-nav-sprite.jpg); background-repeat: no-repeat; display: block; height: 48px; text-indent: -50000px;} #buyproduct{background-position: 0 0; width: 104px;} #buyproduct:hover{background-position: 0 -48px; width: 104px;} #downloadspecsheet{background-position: -107px 0; width: 147px;} #downloadspecsheet:hover{background-position: -107px -48px; width: 147px;} #productwebinar{background-position: -257px 0; width: 125px;} #productwebinar:hover{background-position: -257px -48px; width: 125px;} #productnews{background-position: -385px 0; width: 105px;} #productnews:hover{background-position: -385px -48px; width: 105px;} #productmanufacturer{background-position: -493px 0; width: 165px;} #productmanufacturer:hover{background-position: -493px -48px; width: 165px;} .white-container .left{float: left; padding-right: 52px; width: 330px;} .white-container .right{float: left; width: 285px;} .white-container ul{list-style-type: disc; padding-left: 30px;} .white-container ul li{font-size: 12px; line-height: 15px;} .white-container p{font-size: 12px; line-height: 15px; margin-bottom: 10px;} .white-container p.nomargin{margin: 0;} .white-container .subhead{font-size: 14px; margin-bottom: 15px;} a.watchthisproduct{display: block; margin-top: 50px;} #main-prod-container{float: left; padding-right: 30px; padding-top: 30px; width: 670px;} #featured-image-container{text-align: center; height: 250px; display: block; overflow: hidden; width: 280px; position: relative;} #featured-image-container img{display: none; position: absolute; left: 0;} #thumbnail-image-container{padding: 3px 0 0 0px;} #featured-image-container img, #thumbnail-image-container img{border: solid 1px #ccc;} .topChart { margin-bottom: 15px; } .productchart-border { border: solid 1px #dfdfdf; } .productchart-container{clear: both; padding-left: 1px; width: 658px;} .productchart-container .grey-triangle{background: url(/assets/images/sm-grey-triangle.gif) no-repeat; display: block; float: right; height: 32px; width: 36px; margin-right: -1px; margin-top: -1px;} .productchart-container .heading{font-size: 12px; font-weight: bold; padding: 7px 0 0 15px; text-transform: uppercase; height: 25px; width: 230px;} #productchart td{background: #e7e7e7; border: solid 1px #fff; color: #292929; padding: 7px 14px;} #productchart td.on{background: #e7e7e7 url(/assets/images/orange-dot.gif) no-repeat center;} #productchart td.rowheading{font-weight: bold;} .product-record{clear: both; padding-bottom: 20px; float: left; width: 700px;} .product-record p{color: #6d6c6b; clear: both; margin-bottom: 0; width: 100%;} .product-record p.partno{width: auto;} .product-record ul{list-style-type: none;} .product-record li{color: #6d6c6b;} .product-record .left{float: left; padding-right: 10px; width: 71px;} .product-record .right{float: left; width: 550px;} .product-record .right .heading{color: #000; font-weight: bold;} .product-record .right .part-no p{float: left;} .product-record .right .part-no ul{float: left; padding-left: 2px;} /* = Generic Page (About Us) --------------------------------------------- */ #generic-container{clear: both; padding: 40px 80px 0 210px; display: inline-block;} #generic-container p{color: #292929; font-size: 12px; margin-bottom: 15px; line-height: 15px;} /* = Knowledge Center --------------------------------------------- */ #knowledge-center-container{float: left; padding-bottom: 100px;} #knowledge-center-container a{color: #074c84;} #knowledge-center-container p{font-size: 12px; line-height: 16px;} #knowledge-center-container h4{color: #9c9c9c; font-weight: bold; font-size: 16px; margin-bottom: 3px;} #knowledge-center-container h5{font-weight: bold; font-size: 13px; margin-top: 15px; margin-bottom: 3px;} #knowledge-center-container .left{float: left; width: 486px;} #knowledge-center-container .left .top{background: #f5f5f5; border-bottom: solid 1px #ccc; float: left; padding: 25px 30px 15px 20px;} #knowledge-center-container .left .bottom{clear: both; padding: 25px 30px 15px 20px;} #knowledge-center-container .left .bottom ul{padding-left: 10px;} #knowledge-center-container .left .bottom li{color: #074c84; line-height: 16px;} #knowledge-center-container .right{float: left; border-left: solid 1px #ccc; padding: 25px 60px 15px 30px; width: 305px;} #knowledge-center-container .right img{padding: 35px 0 5px 0;} #knowledge-center-container .blue-button{margin-bottom: 20px; display: inline-block;} #webinar-container{padding-top: 10px;} #webinar-container div{float: left; padding-right: 40px; width: 165px;} #webinar-container p{color: #074c84; font-weight: bold;} #webinar-container-bottom{clear: both; padding-top: 20px;} #webinar-container-bottom a{text-decoration: underline;} /* = Machines --------------------------------------------- */ #machine-container{clear: both; float: left; padding: 35px 25px;} #machinegrid li{float: left; height: 80px; padding-bottom: 15px; padding-right: 40px; width: 295px; height: auto;} #machinegrid .image{float: left; width: 80px;} #machinegrid .copy{float: left; padding-right: 3px; width: 195px;} #machinegrid .copy a{color: #0069bd; font-size: 12px; font-weight: bold;} #machinegrid ul{ list-style-type: disc; padding-left: 15px;} #machinegrid ul li{float: none; width: auto; padding: 0 0 2px 0; font-size: 12px; line-height: 13px; height: auto;} /* = News & Events --------------------------------------------- */ #news-events-container{float: left;} #news-events-container h4{color: #9c9c9c; font-weight: bold; font-size: 15px; margin-bottom: 3px;} #news-events-container h5{margin: 20px 0 2px 0; font-size: 13px;} #news-events-container p{font-size: 12px; line-height: 16px;} #news-events-container a{color: #074c84;} #news-events-container .left{background: #F5F5F5; border-right: solid 1px #ccc; float: left; padding: 25px 30px 60px 20px; width: 490px;} #news-events-container .left ul{padding-left: 7px;} #news-events-container .left ul li{background: url(/assets/images/sm-blue-dash.gif) no-repeat left 7px; padding: 0 0 15px 10px;} #news-events-container .right{float: left; width: 320px; padding: 25px 0 0 25px; } #news-events-container .right .event{padding-top: 15px;} #news-article-container{clear: both; padding: 20px 80px 100px 20px;} #news-article-container h5{font-size: 13px; margin-bottom: 3px;} #news-article-container p{color: #292929; font-size: 12px; line-height: 15px; margin-bottom: 10px;} #news-article-container a{color: #003e71;} #news-article-container a.backtonews{margin-bottom: 30px; display: inline-block;} #news-article-container p.aticle-footer{clear: both;} /* = Contact Us --------------------------------------------- */ #lg-featured-gradient-container.contact-us .featured-image{padding-left: 25px;} #lg-featured-gradient-container.contact-us .copy-container{width: 740px;} #contact-us-region-list{padding-top: 2px;} #contact-us-region-list li{float: left; padding-bottom: 2px; width: 90px;} #contact-us-region-list a{color: #006ba8; font-size: 12px; font-weight: bold;} #contact-us-img-link{margin: 10px 0; display: inline-block;} #map-directions{margin-top: 10px; display: inline-block;} #get-directions{display: inline-block; margin-top: 5px; font-size: 12px;} #manager-container{padding-top: 15px;} #manager-container .category{clear: both; padding: 10px 0 10px 0;} #manager-container .category p{font-size: 12px; font-weight: bold;} #manager-container .manager{clear: both; float: left; padding-bottom: 20px; width: 450px;} #manager-container .manager .image{float: left; width: 75px;} #manager-container .manager .copy{color: #363635; float: left; width: 300px;} #manager-container .manager .copy span{font-weight: bold;} #manager-container .manager .copy strong{color: #000;} #EDMGlossaryTbl a{color: #074C84;} #EDMGlossaryTbl tr td{font-size: 12px; line-height: 16px;} #EDMGlossaryTbl tr td table tr td{border: 1px solid #CCC;} #EDMGlossaryTbl tr td table tr td.heading{background: #73DFFF;} div.contact-us-form{} div.contact-us-form fieldset{padding-top: 10px;} div.contact-us-thankyou{padding-bottom: 100px;} div.contact-us-thankyou h4{font-size: 14px; font-weight: bold; color: #9C9C9C; margin-bottom: 3px;} div.contact-us-thankyou p{font-size: 12px; line-height: 16px;} #contactus-button-container{padding-top: 10px; clear: both;} fieldset{float: left; width: 230px;} fieldset label{display: block; font-size: 12px; line-height: 16px; padding: 7px 0 2px 0;} input.bg_205{ background: url(/assets/images/txtbg_205.gif) no-repeat right; border-width : 0; height: 22px; padding: 4px 2px 0; width: 201px;} textarea.bg_comments{ background: url(/assets/images/txtbg_comments.gif) no-repeat bottom right; border-width: 0; height: 113px; padding: 2px 2px 5px 2px; width: 201px; /width: 217px;} select.error, input.error{border: solid 1px red; height: auto;} #ClearBtn{background: url(/assets/images/clearbtn.gif) no-repeat; display: inline-block; height: 25px; width: 55px;} #ctl00_ctl00_ContentPlaceHolder1_Main_ph_chkProductType input, #ctl00_ctl00_ContentPlaceHolder1_Main_ph_chkMachineType input{float: left;} #ctl00_ctl00_ContentPlaceHolder1_Main_ph_chkProductType label, #ctl00_ctl00_ContentPlaceHolder1_Main_ph_chkMachineType label{float: left; margin-top: -6px;} /* Search Results */ .search-container a{font-size: 12px; font-weight: bold;} /* Engineering */ div.engineering h2{margin-bottom: 5px;} div.engineering p{font-size: 12px; line-height: 18px;} #google-map-container{padding-top: 10px;} #generic-container a{color: #0069BD;} #generic-container dt{clear: both; float: left; font-size: 12px; line-height: 15px;} #generic-container dd{margin-left: 35px; padding-bottom: 10px; font-size: 12px; line-height: 15px;} #RegionInfoContainer{display: none;} #MachineSubNav{height: 90px;} .product-page-nav{float: left; padding-bottom: 20px;} /*.product-page-nav li{float: left; font-weight: bold; padding-right: 50px; color: #292929; font-size: 11px; line-height: 14px; padding: 0 50px 15px 0;}*/ .product-page-nav li{font-weight: bold; padding-right: 50px; color: #292929; font-size: 11px; line-height: 14px; padding: 0 0 10px 0;} .product-page-nav li ul li{float: none; font-weight: normal; padding: 0;} .vertical-nav{float: none;} .vertical-nav li{float: none; padding: 0 0 10px 0;} #smAjaxLoader{display: none;} #PopupButton{font-weight: bold; font-size: 13px; display: none;} .credit-app-container{background: #fff; padding-left: 21px; padding-right: 20px; width: 659px; height: 1500px; overflow: hidden;} .credit-app-form fieldset{float: none; width: auto;} .credit-app-form fieldset.section1{border: solid 1px #ccc; padding: 15px 10px;} .credit-app-form fieldset.section1 label{padding-top: 2px;} .credit-app-form fieldset.float-child input, .credit-app-form fieldset.float-child div, .credit-app-form fieldset.float-child label{float: left; padding-right: 2px;} .credit-app-form fieldset.float-child div label{float: none;} .credit-app-form fieldset.float-child div{padding-right: 15px;} .credit-app-form h4{font-size: 14px; font-weight: bold; margin: 20px 0 3px 0;} .credit-app-form .greybg{background: #e8e8e7; padding: 0px 0px 10px 10px;} .credit-app-form .radiobutton-container{border-bottom: solid 1px #ccc; padding: 0 0 15px 30px;} #wirecolumn_container.fixed-width{padding-top: 25px;} .fixed-width .col{width: 280px; padding-top: 10px;} .grey-gradient-container h3 a{color: #0069BD; font-size: 14px; font-weight: bold;}