body { margin: 0; padding: 0; background: #021526 url(../img/bg.jpg) repeat-x top; } #employee-login {display: none;} #container { position: relative; width: 892px; margin: 11px auto 0 auto; padding: 0; } #headerWrap { position: relative; width: 884px; margin: 0; padding: 0 0 11px 0; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #235179; } #headerMenu {margin: 0; padding: 0; list-style: none;} #headerMenu li {display: inline;} #headerMenu li#headerHomeLink {margin: 0; padding: 0 10px 0 0; border-right: #235179 solid 1px;} #headerMenu li#headerSitemapLink {margin: 0; padding: 0 10px; border-right: #235179 solid 1px;} #headerMenu li#headerLoginLink {margin: 0; padding: 0 10px; border-right: #235179 solid 1px;} #headerMenu li#headerPPT {margin: 0; padding: 0 10px;} #border { position: relative; width: 890px; /* + 1px border = 892px */ margin: 0; padding: 0; background: #ffffff; border: 1px solid #000000; } #pageWrap { position: relative; width: 884px; margin: 0 0 3px 0; padding: 3px; } #imgHeader { position: relative; width: 884px; height: 89px; margin: 0; padding: 0; background: #ebebeb url(../img/header.jpg) top no-repeat; } #logo {position: relative; width: 329px; height: 56px; margin: 0; padding: 16px 0 0 31px;} #menuWrap { position: relative; width: 880px; margin: 0 auto 2px auto; padding: 0; background: #06456e; z-index: 100; } #menu {margin: 0; padding: 0; width: 880px; height: 29px;} .menuBtn {margin: 0; padding: 0; float: left;} #homeFlash { width: 880px; margin: 0 auto 2px auto; padding: 0; overflow: hidden; background: #c5b794; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #004b25; } #homeProductImage { width: 880px; height: 247px; margin: 0; padding: 0; } #homeProductBtns { width: 880px; height: 99px; margin: 0; padding: 0; } #homeProductBtnsList { height: 99px; margin: 0; padding: 0; list-style: none; } #homeProductBtnsList li { height: 99px; float: left; } #homeContentWrap { position: relative; width: 880px; margin: 0 auto 0 auto; padding: 0; overflow: hidden; background: #ffffff; } #homeContentLeftWrap { position: relative; width: 440px; height: 248px; margin: 0; padding: 0; overflow: hidden; background: #d8ceb7 url(../img/bgProducts.jpg) no-repeat 0 31px; float: left; } #homeContentLeft { position: relative; width: 283px; /* old width was 263 */ height: 197px; margin: 0; padding: 21px 0 0 33px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #02223f; overflow: visible; } /* ///// Home Page Lists ///// */ #homePageProductsList {width: 273px; margin: 0; padding: 0;} #homePageServicesList {width: 400px; margin: 0; padding: 0;} #homePageProductsList td, #homePageServicesList td {padding: 0 0 5px 0;} #homePageProductsList td.bolt, #homePageServicesList td.bolt {width: 11px; height: 11px; margin: 0; padding: 3px 7px 0 0;} /* ///// Home Page Lists Link Styles ///// */ a.homePageList:link {color: #02223f; text-decoration: underline;} a.homePageList:visited {color: #02223f; text-decoration: underline;} a.homePageList:hover {color: #174a76; text-decoration: underline;} a.homePageList:active {color: #174a76; text-decoration: underline;} #homeContentRightWrap { position: relative; width: 440px; height: 248px; margin: 0; padding: 0; overflow: hidden; background: #d8ceb7 url(../img/bgServices.jpg) no-repeat 0 31px; float: right; } #homeContentRight { position: relative; width: 270px; /* old width 304 */ height: 197px; margin: 0; padding: 21px 0 0 33px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #02223f; overflow: visible; } #footerWrap { position: relative; width: 892px; margin: auto; padding: 19px 0 19px 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #235179; } #footerMenu {width: 892px; margin: 0; padding: 0 0 6px 0; list-style: none;} #footerMenu li {display: inline;} #footerMenu li#footerHomeLink {margin: 0; padding: 0 10px 0 0; border-right: #235179 solid 1px;} #footerMenu li#footerSitemapLink {margin: 0; padding: 0 10px 0 10px; border-right: #235179 solid 1px;} #footerMenu li#footerPrivacyLink {margin: 0; padding: 0 10px 0 10px; border-right: #235179 solid 1px;} #footerMenu li#footerTermsLink {margin: 0; padding: 0 0 0 10px;} /* ///// Dropdown Menus ///// */ .productsMenu, .productsMenuSub, .servicesMenu, .servicesMenuSub, .servicesMenuSub2, .industryMenu, .newsMenu, .contactMenu {position: absolute; background: #779dbf; margin: 0; padding: 0; z-index: 100; list-style: none; border-top: #02223f solid 1px; border-left: #02223f solid 1px; border-right: #02223f solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;} .productsMenu {top: 28px; left: 0; width: 200px;} .productsMenuSub {top: 196px; left: 201px; width: 270px; z-index: 200;} .servicesMenu {top: 28px; left: 122px; width: 190px;} .servicesMenuSub {top: 28px; left: 313px; width: 200px; z-index: 200;} .servicesMenuSub2 {top: 28px; left: 313px; width: 200px; z-index: 200;} .industryMenu {top: 28px; left: 236px; width: 190px;} .newsMenu {top: 28px; left: 463px; width: 210px;} .contactMenu {top: 28px; left: 746px; width: 120px;} .productsMenu li a {width: 190px; display: block; margin: 0; padding: 5px 0 5px 10px;} .productsMenuSub li a {width: 260px; display: block; margin: 0; padding: 5px 0 5px 10px;} .servicesMenu li a {width: 180px; display: block; margin: 0; padding: 5px 0 5px 10px;} .servicesMenuSub li a {width: 190px; display: block; margin: 0; padding: 5px 0 5px 10px;} .servicesMenuSub2 li a {width: 190px; display: block; margin: 0; padding: 5px 0 5px 10px;} .industryMenu li a {width: 180px; display: block; margin: 0; padding: 5px 0 5px 10px;} .newsMenu li a {width: 200px; display: block; margin: 0; padding: 5px 0 5px 10px;} .contactMenu li a {width: 110px; display: block; margin: 0; padding: 5px 0 5px 10px;} .productsMenu li, .productsMenuSub li, .servicesMenu li, .servicesMenuSub li, .servicesMenuSub2 li, .industryMenu li, .newsMenu li, .contactMenu li {display: block; border-bottom: #02223f solid 1px;} .productsMenu li a.dropDown:link, .productsMenuSub li a.dropDown:link, .servicesMenu li a.dropDown:link, .servicesMenuSub li a.dropDown:link, .servicesMenuSub2 li a.dropDown:link, .industryMenu li a.dropDown:link, .newsMenu li a.dropDown:link, .contactMenu li a.dropDown:link { color: #ffffff; text-decoration: none; font-weight: normal; } .productsMenu li a.dropDown:visited, .productsMenuSub li a.dropDown:visited, .servicesMenu li a.dropDown:visited, .servicesMenuSub li a.dropDown:visited, .servicesMenuSub2 li a.dropDown:visited, .industryMenu li a.dropDown:visited, .newsMenu li a.dropDown:visited, .contactMenu li a.dropDown:visited { color: #ffffff; text-decoration: none; font-weight: normal; } .productsMenu li a.dropDown:hover, .productsMenuSub li a.dropDown:hover, .servicesMenu li a.dropDown:hover, .servicesMenuSub li a.dropDown:hover, .servicesMenuSub2 li a.dropDown:hover, .industryMenu li a.dropDown:hover, .newsMenu li a.dropDown:hover, .contactMenu li a.dropDown:hover { color: #ffffff; text-decoration: none; font-weight: bold; background: #77aacf; } .productsMenu li a.dropDown:active, .productsMenuSub li a.dropDown:active, .servicesMenu li a.dropDown:active, .servicesMenuSub li a.dropDown:active, .servicesMenuSub2 li a.dropDown:active, .industryMenu li a.dropDown:active, .newsMenu li a.dropDown:active .contactMenu li a.dropDown:active { color: #ffffff; text-decoration: none; font-weight: bold; background: #77aacf; } /* ///// Interior Page Elements ///// */ #interiorPageContentWrap { position: relative; width: 880px; margin: 0 auto 0 auto; padding: 0; overflow: hidden; } #brownBox { position: relative; width: 880px; height: 65px; margin: auto; padding: 0; background: #9f9375 url(../img/interiorBrownHeaderBox.jpg) top no-repeat; } #interiorPageTitle { position: relative; width: 880px; height: 31px; margin: auto; padding: 0; background: #054674; } #interiorColumnWrap { position: relative; width: 880px; margin: 0 auto 0 auto; padding: 0; background: #c6b996 url(../img/interiorColumns.jpg) top repeat-y; overflow: hidden; } #interiorColumnLeft { position: relative; width: 222px; /* + 20px padding = 242px */ margin: 0; padding: 0 0 60px 20px; overflow: hidden; float: left; } #interiorColumnLeftProducts { position: relative; width: 217px; /* + 26px padding = 243px */ margin: 0; padding: 0 0 60px 26px; overflow: hidden; float: left; background: url(../img/columnLtProdBg.jpg) no-repeat 0 0; } #interiorSubMenuContainerProducts {margin: 58px 0 0 0;} /* 58px 0 0 26px; */ #interiorSubMenuContainer {margin: 18px 0 0 0;} #interiorSubMenuContainer, #interiorSubMenuContainerProducts { position: relative; width: 193px; /* + 6px padding = 199px */ padding: 2px 3px 2px 3px; background: #d2c9b1; border: #b1a584 solid 1px; } #interiorSubMenu { width: 193px; list-style: none; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; } #interiorSubMenu li.first { border-top: #bdb092 solid 1px; } #interiorSubMenu li a, #interiorSubMenu li.first a { width: 154px; /* + 39px padding = 193px */ height: 23px; /* + 7px padding = 30px */ margin: 0; padding: 7px 0 0 39px; background: #5784a6 url(../img/bgSubMenu.jpg) top no-repeat; overflow: hidden; display: block; } #interiorCalloutsContainer { position: relative; width: 199px; margin: 10px 0 0 0; /* 10px 0 0 26px */ padding: 0; } .callouts { margin: 0; padding: 0 0 10px 0; } #interiorColumnRightProducts {background: url(../img/columnRtProdBg.jpg) no-repeat 0 0;} #interiorColumnRight, #interiorColumnRightProducts { position: relative; width: 637px; margin: 0; padding: 0 0 60px 0; overflow: hidden; float: right; } #interiorContentRightCrumbs, #interiorContentRightCrumbsBorder { position: relative; width: 578px; margin: 20px 0 0 31px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #665b3e; text-align: right; } #interiorContentRightCrumbs {padding: 0;} #interiorContentRightCrumbsBorder {padding: 0 0 20px 0; border-bottom: #b09f77 solid 1px;} .currentCrumb {color: #052a42; font-weight: bold;} a.crumbs:link {color: #665b3e; text-decoration: underline;} a.crumbs:visited {color: #665b3e; text-decoration: underline;} a.crumbs:hover {color: #96865c; text-decoration: underline;} a.crumbs:active {color: #96865c; text-decoration: underline;} #interiorContentRight { position: relative; width: 578px; margin: 20px 0 0 31px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #052a42; } #interiorContentRightDrill { position: relative; width: 578px; margin: 20px 0 0 31px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #052a42; background-image: url(../img/onSiteImage-2.jpg); background-repeat: no-repeat; background-position: left 195px; } #interiorContentRight h3 {margin: 0 0 0 0; padding: 0 0 0 0;} #interiorContentRightProdHL, #interiorContentRightProdTL, #interiorContentRightProdDS, #interiorContentRightProdDE, #interiorContentRightProdMA, #interiorContentRightProdMAImpact, #interiorContentRightProdMG, #interiorContentRightProdIW, #interiorContentRightProdOS { position: relative; width: 637px; margin: 11px 0 0 0; padding: 0; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #052a42; text-align: left; overflow: hidden; background-image: url(../img/bgOctopus.jpg); } #interiorContentRightProdVT { position: relative; width: 637px; margin: 11px 0 0 0; padding: 0; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #052a42; text-align: left; overflow: hidden; background-image: url(../img/bgCyclone.jpg); } #interiorContentRightProdHL {background: url(../img/bgHydraLinks.jpg) no-repeat 0 8px;} #interiorContentRightProdTL {background: url(../img/bgTorqLinks.jpg) no-repeat 0 8px;} #interiorContentRightProdDS {background: url(../img/bgDeltaSeries.jpg) no-repeat 0 8px;} #interiorContentRightProdDE {background: url(../img/bgDestroyer.jpg) no-repeat 0 8px;} #interiorContentRightProdMA {background: url(../img/bgMagnum.jpg) no-repeat 0 8px;} #interiorContentRightProdMAImpact {background: url(../img/bgMagnumImpact.jpg) no-repeat 0 8px;} #interiorContentRightProdMG {background: url(../img/bgMonster.jpg) no-repeat 0 7px;} #interiorContentRightProdIW {background: url(../img/bgImpactWrench.jpg) no-repeat 0 8px;} #interiorContentRightProdOS {background: url(../img/bgOctopus.jpg) no-repeat 0 8px;} #interiorContentRightProdVT {background: url(../img/bgCyclone.jpg) no-repeat 0 8px;} .customTorqueBox {padding: 0 0 2px 0;} #productsOptionMenu { width: 195px; list-style: none; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #91bedd; text-align: left; } #productsOptionMenu li a { width: 170px; /* + 25px padding = 195px */ height: 21px; /* + 4px padding = 25px */ margin: 0 0 2px 0; padding: 4px 0 0 25px; background: #02244b url(../img/btnProductOptions.jpg) top no-repeat; overflow: hidden; display: block; } /* ///////////////////////////////////////// ** HYDRALINKS PRODUCT PAGE ** ///////////////////////////////////////// */ #prodHLLeft { position: relative; width: 285px; margin: 0; padding: 0; float: left; } #prodHLLeft_logo{position: relative; width: 225px; margin: 35px 0 0 44px; padding: 0;} #prodHLLeft_text {position: relative; width: 241px; margin: 24px 0 0 44px; padding: 0;} #prodHLRight { position: relative; width: 352px; margin: 0; padding: 0; float: right; } #prodHLRight_image {position: relative; width: 328px; margin: 0; padding: 0 24px 0 0; text-align: right;} #prodHLRight_btns {position: relative; width: 195px; margin: 34px 0 0 133px; padding: 0;} #prodHLBottom { position: relative; width: 554px; /* + 44px padding left + 39px padding right = 637px */ margin: 0; padding: 13px 39px 0 44px; clear: both; } #hydraLinksLinkHeadMenu { width: 557px; height: 144px; list-style: none; margin: 16px 0 16px 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #46402e; text-align: left; border-top: #02244b solid 6px; border-bottom: #b09f77 solid 1px; } #hydraLinksLinkHeadMenu li {display: inline;} #hydraLinksLinkHeadMenu li.sdl {width: 137px; height: 24px; margin: 0; padding: 120px 0 0 0; background: #c6b996 url(../img/hlBtnSDL.jpg) top no-repeat; border-left: #b09f77 solid 1px; border-right: #b0a586 solid 1px; overflow: hidden; text-align: center; float: left;} #hydraLinksLinkHeadMenu li.rhl {width: 140px; height: 24px; margin: 0; padding: 120px 0 0 0; background: #c6b996 url(../img/hlBtnRHL.jpg) top no-repeat; border-right: #b0a586 solid 1px; overflow: hidden; text-align: center; float: left;} #hydraLinksLinkHeadMenu li.nsl {width: 138px; height: 24px; margin: 0; padding: 120px 0 0 0; background: #c6b996 url(../img/hlBtnNSL.jpg) top no-repeat; border-right: #b0a586 solid 1px; overflow: hidden; text-align: center; float: left;} #hydraLinksLinkHeadMenu li.fsl {width: 137px; height: 24px; margin: 0; padding: 120px 0 0 0; background: #c6b996 url(../img/hlBtnFSL.jpg) top no-repeat; border-right: #b09f77 solid 1px; overflow: hidden; text-align: center; float: left;} #hlWrenchFamily { width: 308px; list-style: none; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #46402e; text-align: center; border-top: #02244b solid 6px; } #hlWrenchFamily li.squareFam {width: 306px; height: 104px;/* + 3px padding = 107px */ margin: 0; padding: 3px 0 0 0; background: #c6b996 url(../img/hlSquareFamily.jpg) top no-repeat; overflow: hidden; display: block; border-left: #b09f77 solid 1px; border-right: #b09f77 solid 1px; border-bottom: #b09f77 solid 1px;} #hlWrenchFamily li.hexFam {width: 306px; height: 97px;/* + 3px padding = 107px */ margin: 0; padding: 3px 0 0 0; background: #c6b996 url(../img/hlHexFamily.jpg) top no-repeat; overflow: hidden; display: block; border-left: #b09f77 solid 1px; border-right: #b09f77 solid 1px; border-bottom: #b09f77 solid 1px;} /* ///////////////////////////////////////// ** TORQLINKS PRODUCT PAGE ** ///////////////////////////////////////// */ #prodTLLeft { position: relative; width: 342px; margin: 0; padding: 0; float: left; } #prodTLLeft_logo{position: relative; width: 232px; margin: 35px 0 0 39px; padding: 0;} #prodTLLeft_text {position: relative; width: 300px; margin: 24px 0 0 39px; padding: 0;} #prodTLLeft_image {position: relative; width: 306px; margin: 0 0 0 36px; padding: 0;} #prodTLRight { position: relative; width: 295px; margin: 0; padding: 0; float: right; } #prodTLRight_image {position: relative; width: 295px; margin: 0; padding: 0; text-align: right;} #prodTLRight_imageLower {position: relative; width: 295px; margin: 0; padding: 0; text-align: right;} #prodTLRight_btns {position: relative; width: 195px; margin: 25px 0 0 61px; padding: 0;} /* ///////////////////////////////////// ** DELTA PRODUCT PAGE ** //////////////////////////////////// */ #prodDSLeft { position: relative; width: 335px; margin: 0; padding: 0; float: left; } #prodDSLeft_logo{position: relative; width: 252px; margin: 23px 0 0 41px; padding: 0;} #prodDSLeft_text {position: relative; width: 241px; margin: 22px 0 0 41px; padding: 0;} #prodDSLeft_text ul li {padding: 0 0 16px 0;} #prodDSRight { position: relative; width: 302px; margin: 0; padding: 0; float: right; } #prodDSRight_image {position: relative; width: 263px; margin: 31px 39px 0 0; padding: 0; text-align: right;} #prodDSRight_btns {position: relative; width: 195px; margin: 12px 0 0 68px; padding: 0;} #prodDSBottom { position: relative; width: 637px; margin: 0; padding: 0; clear: both; } #prodDSBottom_group1 {position: relative; width: 557px; margin: 0 39px 24px 41px; padding: 0;} #prodDSBottom_group1 table {border-top: #02244b 6px solid;} #prodDSBottom_group2 {position: relative; width: 557px; margin: 0 39px 24px 41px; padding: 0;} #prodDSBottom_group2 table td {padding: 0 28px 12px 0;} #prodDSBottom_group3 {position: relative; width: 557px; margin: 0 39px 24px 41px; padding: 0;} #prodDSBottom_group3 table {margin: 8px 0 0 0; border-top: #02244b 6px solid;} #prodDSBottom_group3 table td.deltaTableText {padding: 0 0 0 4px; font-size: 10px; color: #46402e;} #prodDSBottom_group4 {position: relative; width: 557px; margin: 0 39px 24px 41px; padding: 0;} #prodDSBottom_group4 table {margin: 8px 0 0 0;} #prodDSBottom_group5 {position: relative; width: 557px; margin: 0 39px 0 41px; padding: 0;} #prodDSBottom_group5 table {margin: 8px 0 0 0;} /* ///////////////////////////////////////// ** DESTROYER PRODUCT PAGE ** //////////////////////////////////////// */ #prodDELeft { position: relative; width: 397px; margin: 0; padding: 0; float: left; } #prodDELeft_logo{position: relative; width: 286px; margin: 34px 0 0 62px; padding: 0;} #prodDELeft_text {position: relative; width: 342px; margin: 28px 0 30px 45px; padding: 0;} #prodDERight { position: relative; width: 240px; margin: 0; padding: 0; float: right; } #prodDERight_btns {position: relative; width: 195px; margin: 55px 0 0 6px; padding: 0;} #prodDERight_image {position: relative; width: 214px; margin: 25px 26px 30px 0; padding: 0; text-align: right;} #prodDEBottom { position: relative; width: 637px; margin: 0; padding: 0; clear: both; } #prodDEBottom_group1 {position: relative; width: 566px; margin: 0 26px 0 45px; padding: 30px 0 0 0; border-top: #b09f77 solid 1px;} #prodDEBottom_group1 table td {padding: 0 14px 0 0;} #prodDEBottom_group2 {position: relative; width: 566px; margin: 0 26px 0 45px; padding: 30px 0 0 0; border-top: #b09f77 solid 1px;} #prodDEBottom_group2 table td#desIndustTxt {padding: 0 10px 0 0;} #prodDEBottom_group2 table td#desIndustImg {padding: 0 117px 0 0;} #prodDEBottom_group3 {position: relative; width: 566px; margin: 0 26px 0 45px; padding: 30px 0 0 0; border-top: #b09f77 solid 1px;} #prodDEBottom_group3 table td#desHeavyIndustTxt {padding: 0 10px 0 0;} #prodDEBottom_group3 table td#desHeavyIndustImg {padding: 0 75px 0 0;} /* ///////////////////////////////////// ** MAGNUM PRODUCT PAGE ** ///////////////////////////////////// */ #prodMALeft { position: relative; width: 317px; margin: 0 0 8px 0; padding: 0; float: left; } #prodMALeft_logo {position: relative; width: 221px; margin: 35px 0 0 67px; padding: 0;} #prodMALeft_textBg {position: relative; width: 248px; height: 88px; margin: 49px 0 0 69px; padding: 0; background:url(../img/products/magnumBox.jpg) no-repeat 0 0;} #prodMALeft_text {padding: 8px 0 0 14px; font-size: 11px; line-height: 14px; letter-spacing: -.5px; color: #000000;} #prodMARight { position: relative; width: 320px; margin: 0 0 8px 0; padding: 0; float: right; } #prodMARight_image {position: relative; width: 315px; margin: 1px 5px 0 0; padding: 0;} #prodMABottom { position: relative; width: 637px; margin: 0; padding: 0; clear: both; } #prodMABottom_group1 {position: relative; width: 557px; margin: 0 40px 0 40px; padding: 0; border-top: #b09f77 solid 1px;} #prodMABottom_group1_text {position: relative; width: 362px; margin: 30px 0 0 0; padding: 0; float: left;} #prodMABottom_group1_btns {position: relative; width: 195px; margin: 16px 0 0 0; padding: 0; float: right;} #prodMABottom_group2 {position: relative; width: 557px; margin: 0 40px 0 40px; padding: 0; clear: both;} #prodMABottom_group2_title {position: relative; width: 557px; margin: 0; padding: 0;} #prodMABottom_group2_image {position: relative; width: 216px; margin: 13px 0 0 0; padding: 0; float: left;} #prodMABottom_group2_text {position: relative; width: 341px; margin: 11px 0 0 0; padding: 0; float: right;} #prodMABottom_group3 {position: relative; width: 557px; margin: 0 40px 0 40px; padding: 0; clear: both;} #prodMABottom_group3_text {position: relative; width: 310px; margin: 11px 9px 0 0; padding: 0; float: left;} #prodMABottom_group3_image {position: relative; width: 238px; margin: 13px 0 0 0; padding: 0; float: right;} #prodMABottom_group4 {position: relative; width: 557px; margin: 0 40px 0 40px; padding: 0; clear: both;} #prodMABottom_group4_image {position: relative; width: 136px; margin: 13px 0 0 0; padding: 0; float: left;} #prodMABottom_group4_text {position: relative; width: 421px; margin: 11px 0 0 0; padding: 0; float: right;} #prodMABottom_group5 {position: relative; width: 555px; margin: 0 40px 0 40px; padding: 0; clear: both; background: #f1ac27 url(../img/magGroup5Bg.jpg) no-repeat bottom; overflow: hidden; border-top: #153353 solid 5px; border-left: #d89a24 solid 1px; border-bottom: #c38c22 solid 1px; border-right: #d89a24 solid 1px;} #prodMABottom_group5_text {position: relative; width: 345px; margin: 0; padding: 17px 0 8px 14px; float: left;} #prodMABottom_group5_image {position: relative; width: 194px; margin: 0; padding: 15px 0 0 0; float: right;} #prodMABottom_group6 {position: relative; width: 557px; margin: 0 40px 0 40px; padding: 0; clear: both;} #magnumProductsMenu {width: 557px; height: 164px; list-style: none; margin: 16px 0 16px 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #46402e; text-align: left; border-top: #02244b solid 6px; border-bottom: #b09f77 solid 1px;} #magnumProductsMenu li {display: inline;} #magnumProductsMenu li.magProd01 {width: 231px; height: 44px; margin: 0; padding: 120px 0 0 0; background: #c6b996 url(../img/magProd01.jpg) top no-repeat; border-left: #b09f77 solid 1px; border-right: #b0a586 solid 1px; overflow: hidden; text-align: center; float: left;} #magnumProductsMenu li.magProd02 {width: 161px; height: 44px; margin: 0; padding: 120px 0 0 0; background: #c6b996 url(../img/magProd02.jpg) top no-repeat; border-right: #b0a586 solid 1px; overflow: hidden; text-align: center; float: left;} #magnumProductsMenu li.magProd03 {width: 161px; height: 44px; margin: 0; padding: 120px 0 0 0; background: #c6b996 url(../img/magProd03.jpg) top no-repeat; border-right: #b09f77 solid 1px; overflow: hidden; text-align: center; float: left;} /* ///////////////////////////////////////// ** Magnum IMPACT Page ** //////////////////////////////////////// */ #prodMAImpactLeft { position: relative; width: 397px; margin: 0; padding: 0; float: left; } #prodMAImpactLeft_logo{position: relative; width: 286px; margin: 34px 0 0 62px; padding: 0;} #prodMAImpactLeft_text {position: relative; width: 342px; margin: 28px 0 30px 45px; padding: 0;} #prodMAImpactRight { position: relative; width: 240px; margin: 0; padding: 0; float: right; } #prodMAImpactRight_btns {position: relative; width: 195px; margin: 55px 0 0 6px; padding: 0;} #prodMAImpactRight_image {position: relative; width: 214px; margin: 25px 26px 30px 0; padding: 0; text-align: right;} #prodMAImpactBottom { position: relative; width: 637px; margin: 0; padding: 0; clear: both; } #prodMAImpactBottom_group1 {position: relative; width: 566px; margin: 0 26px 0 45px; padding: 30px 0 0 0; border-top: #b09f77 solid 1px;} #prodMAImpactBottom_group1 table td {padding: 0 14px 0 0;} #prodMAImpactBottom_group2 {position: relative; width: 566px; margin: 0 26px 0 45px; padding: 30px 0 0 0; border-top: #b09f77 solid 1px;} #prodMAImpactBottom_group2 table td {padding: 0 14px 0 0;} #prodMAImpactBottom_group3 {position: relative; width: 566px; margin: 0 26px 0 45px; padding: 30px 0 0 0; border-top: #b09f77 solid 1px;} #prodMAImpactBottom_group3 table td {padding: 0 14px 0 0;} #prodMAImpactBottom_group4 {position: relative; width: 566px; margin: 0 26px 0 45px; padding: 30px 0 0 0; border-top: #b09f77 solid 1px;} #prodMAImpactBottom_group4 table td {padding: 0 14px 0 0;} #prodMAImpactBottom_group5 {position: relative; width: 566px; margin: 0 26px 0 45px; padding: 30px 0 0 0; border-top: #b09f77 solid 1px;} #prodMAImpactBottom_group5 table td {padding: 0 14px 0 0;} /* //////////////////////////////////////////// ** MONSTER GRIP PRODUCT PAGE ** /////////////////////////////////////////// */ #prodMGGroup_1 { position: relative; width: 637px; margin: 0; padding: 0; float: left; } #prodMGGroup_1_logo {position: relative; width: 267px; margin: 17px 0 0 43px; padding: 0;} #prodMGGroup_1_text {position: relative; width: 380px; margin: 30px 0 0 43px; padding: 0; z-index: 10;} #prodMGGroup_1_image {position: absolute; top: 0; left: 331px; width: 288px; margin: 0; padding: 0;} #prodMGGroup_2 { position: relative; width: 637px; margin: 0; padding: 0; clear: both; } #prodMGGroup_2_text {position: relative; width: 337px; margin: 19px 0 0 0; padding: 0 20px 0 43px; float: left;} #prodMGGroup_2_btns {position: relative; width: 195px; margin: 36px 42px 0 0; padding: 0; float: right;} #prodMGGroup_3 { position: relative; width: 637px; margin: 0; padding: 0; clear: both; } #prodMGGroup_3_img {position: relative; width: 236px; margin: 19px 0 0 0; padding: 0 0 0 43px; float: left;} #prodMGGroup_3_text {position: relative; width: 316px; margin: 19px 42px 0 0; padding: 0; float: right;} #prodMGGroup_4 { position: relative; width: 637px; margin: 0; padding: 0; clear: both; } #prodMGGroup_4_text {position: relative; width: 316px; margin: 19px 0 0 0; padding: 0 20px 0 43px; float: left;} #prodMGGroup_4_img {position: relative; width: 216px; margin: 19px 42px 0 0; padding: 0; float: right;} /* ///////////////////////////////////// ** OCTOPUS PRODUCT PAGE ** //////////////////////////////////// */ #prodOSLeft { position: relative; width: 378px; margin: 0; padding: 0; float: left; } #prodOSLeft_logo{position: relative; width: 207px; margin: 8px 0 0 40px; padding: 0;} #prodOSLeft_text {position: relative; width: 320px; margin: 16px 0 0 40px; padding: 0;} #prodOSLeft_text ul li {padding: 0 0 4px 0;} #prodOSRight { position: relative; width: 259px; margin: 0; padding: 0; float: right; } #prodOSRight_image {position: relative; width: 216px; margin: 10px 43px 0 0; padding: 0; text-align: right;} #prodOSRight_btns {position: relative; width: 195px; margin: 12px 0 0 12px; padding: 0;} #prodOSBottom { position: relative; width: 637px; margin: 0; padding: 0; clear: both; } #prodOSBottom_group1 {position: relative; width: 557px; margin: 0 39px 24px 41px; padding: 0;} /* ///////////////////////////////////// ** Cyclone Valve Tool PRODUCT PAGE ** //////////////////////////////////// */ #prodVTLeft { position: relative; width: 378px; margin: 0; padding: 200px 0 0 0; float: left; } #prodVTLeft_logo{position: relative; width: 207px; margin: 8px 0 0 40px; padding: 0;} #prodVTLeft_text {position: relative; width: 320px; margin: 16px 0 0 40px; padding: 0;} #prodVTLeft_text ul li {padding: 0 0 4px 0;} #prodVTRight { position: relative; width: 259px; margin: 0; padding: 400px 0 0 0; float: right; } #prodVTRight_image {position: relative; width: 216px; margin: 10px 43px 0 0; padding: 0; text-align: right;} #prodVTRight_btns {position: relative; width: 195px; margin: 12px 0 0 12px; padding: 0;} #prodVTBottom { position: relative; width: 637px; margin: 0; padding: 0; clear: both; } #prodVTBottom_group1 {position: relative; width: 557px; margin: 0 39px 24px 41px; padding: 0;} /* ///// Industry Overview Page Elements ///// */ .indTableContainer { position: relative; width: 551px; height: 170px; margin: 0 0 11px 0; padding: 2px; background: #d3c8ad url(../img/indTableBg.jpg) 0 0 no-repeat; border: #b09f77 solid 1px; overflow: hidden; } .indTableContainer table {width: 551px;} td.indTableHeader a { width: 537px; /* + 14px padding = 551px */ height: 22px; /* + 7px padding = 29px */ margin: 0; padding: 7px 0 0 14px; background: #02244b url(../img/indTableHeader.jpg) 0 0 no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; display: block; } td.indTableImage { margin: 0; padding: 20px; } td.indTableText { margin: 0; padding: 20px 10px 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #052a42; } #indPageHeaderImage { position: relative; width: 557px; margin: 0 0 20px 0; padding: 0 0 20px 0; text-align: left; border-bottom: #b09f77 solid 1px; } /* ///// Services Overview Page Elements ///// */ .serTableContainerLeft, .serTableContainerRight { position: relative; width: 267px; height: 170px; margin: 0 11px 11px 0; padding: 2px; background: #d3c8ad url(../img/serTableBg.jpg) 0 0 no-repeat; border: #b09f77 solid 1px; overflow: hidden; } .serTableContainerLeft {float: left;} .serTableContainerRight {float: right;} .serTableContainer table {width: 267px;} td.serTableHeader a { width: 253px; /* + 14px padding = 265px */ height: 22px; /* + 7px padding = 29px */ margin: 0; padding: 7px 0 0 14px; background: #02244b url(../img/indTableHeader.jpg) 0 0 no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; display: block; } td.serTableImage { margin: 0; padding: 7px 0 0 16px; } td.serTableText, td.serTableLink { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #052a42; } td.serTableText {padding: 11px 10px 0 14px;} td.serTableLink {padding: 20px 0 0 25px;} .servicesImage {width: 295px; height: 151px; margin: 0 0 20px 30px; padding: 0; float: right;} .servicesImageTag {width: 134px; height: 246px; margin: 0 0 20px 30px; padding: 0; float: right;} .servicesImageTagPos {width: 152px; height: 151px; margin: 6px 20px 20px 0; padding: 0; float: left;} .servicesImageTriple {width: 295px; height: 468px; margin: 0 0 20px 30px; padding: 0; float: right;} .servicesImageFive {width: 295px; height: 788px; margin: 0 0 20px 30px; padding: 0; float: right;} .servicesImage2 {width: 295px; margin: 0 0 20px 0; padding: 0 0 0 30px; float: right;} .servicesCaseStudy {width: 279px; margin: 0; padding: 0 8px 0 8px; background: #d3c7ad;} .servicesCaseStudyBig { width: 279px; margin: 0; padding: 0 8px 0 8px; background: #d3c7ad; font-size: 14px; } .servicesCaseStudy ol {padding-bottom: 0; margin-bottom: 0; margin-top: 6px;} .servicesCaseStudy li {padding: 0 0 6px 0;} .servicesCaseStudy li.lastCS {padding: 0;} .imageBoxTop {width: 295px; height: 8px; background: url(../img/imageBoxTop.jpg) no-repeat 0 0; font-size: 1px;} .imageBoxBottom {width: 295px; height: 8px; background: url(../img/imageBoxBottom.jpg) no-repeat 0 0; font-size: 1px;} #requestService {margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: #b09f77 solid 1px; line-height: 16px;} #requestServiceBtn { width: 154px; list-style: none; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-align: left; } #requestServiceBtn li a { width: 123px; /* + 31px padding = 154px */ height: 21px; /* + 4px padding = 25px */ margin: 0 0 4px 0; padding: 4px 0 0 31px; background: #5784a6 url(../img/btnRequestService.jpg) top no-repeat; overflow: hidden; display: block; } #viewSpecChartBtn { width: 559px; list-style: none; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-align: left; } #viewSpecChartBtn li a { width: 529px; /* + 30px padding = 559px */ height: 23px; /* + 7px padding = 30px */ margin: 0 0 4px 0; padding: 7px 0 0 30px; background: #5784a6 url(../img/btnViewSpecChart.jpg) top no-repeat; overflow: hidden; display: block; } /* /////

Image Replacement ///// */ div.headers { /* (Homepage) */ width: 440px; height: 31px; } h1#headerProducts, h1#headerServices { /* (Homepage) */ width: 440px; height: 0 !important; height: /**/:31px; /* Hacking IE for the Mac */ margin: 0; padding: 31px 0 0 0; background: #205381 url(../img/headerProducts.jpg) no-repeat; overflow: hidden; font-size: 12px; color: #ffffff; } h1#headerProducts{background: #205381 url(../img/headerProducts.jpg) no-repeat;} h1#headerServices {background: #4c7aa3 url(../img/headerServices.jpg) no-repeat;} /* (Products) */ #interiorPageTitle h1#products, #interiorPageTitle h1#productsHydraLinks, #interiorPageTitle h1#productsTorqLinks, #interiorPageTitle h1#productsDestroyer, #interiorPageTitle h1#productsMagnum, #interiorPageTitle h1#productsMagnumImpact, #interiorPageTitle h1#productsMonsterGrip, #interiorPageTitle h1#productsDeltaSeries, #interiorPageTitle h1#productsImpactWrench, #interiorPageTitle h1#productsAccessory, #interiorPageTitle h1#productsAccBoltMeasure, #interiorPageTitle h1#productsAccPumpingUnits, #interiorPageTitle h1#productsAccSockets, #interiorPageTitle h1#productsAccWrenches, #interiorPageTitle h1#productsAccFlange, #interiorPageTitle h1#productsOctopus, #interiorPageTitle h1#productsCyclone, /* (Services) */ #interiorPageTitle h1#services, #interiorPageTitle h1#servicesIndustrialBolting, #interiorPageTitle h1#servicesBoltHeating, #interiorPageTitle h1#servicesOnSite, #interiorPageTitle h1#servicesTorque, #interiorPageTitle h1#servicesRentals, #interiorPageTitle h1#servicesAnalysis, #interiorPageTitle h1#servicesWeighing, #interiorPageTitle h1#servicesFlange, #interiorPageTitle h1#servicesManufacturing, #interiorPageTitle h1#servicesStudRemoval, #interiorPageTitle h1#servicesTops, #interiorPageTitle h1#servicesUltrasonicBolt, #interiorPageTitle h1#servicesStudTensioning, #interiorPageTitle h1#servicesOnSiteTorquing, /* (Industry) */ #interiorPageTitle h1#industry, #interiorPageTitle h1#industryOilGas, #interiorPageTitle h1#industryPetrochem, #interiorPageTitle h1#industryPower, #interiorPageTitle h1#industrySteel, /* (About) */ #interiorPageTitle h1#about, /* (News) */ #interiorPageTitle h1#news, #interiorPageTitle h1#newsEvents, #interiorPageTitle h1#newsTradeshows, #interiorPageTitle h1#newsTestimonials, #interiorPageTitle h1#newsCredentials, #interiorPageTitle h1#newsCustomers, #interiorPageTitle h1#newsNewsletter, /* (Locations) */ #interiorPageTitle h1#locations, /* (Contact) */ #interiorPageTitle h1#contact, #interiorPageTitle h1#contactCareers, /* (Other) */ #interiorPageTitle h1#siteMap, #interiorPageTitle h1#privacy, #interiorPageTitle h1#terms { width: 880px; height: 0 !important; height: /**/:31px; /* Hacking IE for the Mac */ margin: 0; padding: 31px 0 0 0; overflow: hidden; font-size: 12px; color: #ffffff; } /* (Products) */ #interiorPageTitle h1#products {background: #054674 url(../img/headers/products.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsHydraLinks {background: #054674 url(../img/headers/productsHydraLinks.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsTorqLinks {background: #054674 url(../img/headers/productsTorqLinks.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsDestroyer {background: #054674 url(../img/headers/productsDestroyer.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsMagnum {background: #054674 url(../img/headers/productsMagnum.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsMagnumImpact {background: #054674 url(../img/headers/productsMagnum.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsMonsterGrip {background: #054674 url(../img/headers/productsMonsterGrip.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsDeltaSeries {background: #054674 url(../img/headers/productsDeltaSeries.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsImpactWrench {background: #054674 url(../img/headers/productsImpactWrench.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsAccessory {background: #054674 url(../img/headers/productsAccessory.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsAccBoltMeasure {background: #054674 url(../img/headers/productsAccBoltMeasure.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsAccPumpingUnits {background: #054674 url(../img/headers/productsAccPumping.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsAccSockets {background: #054674 url(../img/headers/productsAccSockets.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsAccWrenches {background: #054674 url(../img/headers/productsAccWrenches.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsAccFlange {background: #054674 url(../img/headers/productsAccFlange.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsOctopus {background: #054674 url(../img/headers/productsOctopus.jpg) no-repeat 0 0;} #interiorPageTitle h1#productsCyclone {background: #054674 url(../img/headers/productsCyclone.jpg) no-repeat 0 0;} /* (Services) */ #interiorPageTitle h1#services {background: #054674 url(../img/headers/services.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesIndustrialBolting {background: #054674 url(../img/headers/servicesIndustrialBolting.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesBoltHeating {background: #054674 url(../img/headers/servicesBoltHeating.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesOnSite {background: #054674 url(../img/headers/servicesOnSite.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesTorque {background: #054674 url(../img/headers/servicesTorque.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesRentals {background: #054674 url(../img/headers/servicesRentals.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesAnalysis {background: #054674 url(../img/headers/servicesAnalysis.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesWeighing {background: #054674 url(../img/headers/servicesWeighing.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesFlange {background: #054674 url(../img/headers/servicesFlange.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesManufacturing {background: #054674 url(../img/headers/servicesManufacturing.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesStudRemoval {background: #054674 url(../img/headers/servicesStudRemoval.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesTops {background: #054674 url(../img/headers/servicesTops.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesUltrasonicBolt {background: #054674 url(../img/headers/servicesUltrasonicBolt.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesStudTensioning {background: #054674 url(../img/headers/servicesStudTensioning.jpg) no-repeat 0 0;} #interiorPageTitle h1#servicesOnSiteTorquing {background: #054674 url(../img/headers/servicesOnSiteTorquing.jpg) no-repeat 0 0;} /* (Industry) */ #interiorPageTitle h1#industry {background: #054674 url(../img/headers/industry.jpg) no-repeat 0 0;} #interiorPageTitle h1#industryOilGas {background: #054674 url(../img/headers/industryOilGas.jpg) no-repeat 0 0;} #interiorPageTitle h1#industryPetrochem {background: #054674 url(../img/headers/industryPetrochem.jpg) no-repeat 0 0;} #interiorPageTitle h1#industryPower {background: #054674 url(../img/headers/industryPower.jpg) no-repeat 0 0;} #interiorPageTitle h1#industrySteel {background: #054674 url(../img/headers/industrySteel.jpg) no-repeat 0 0;} /* (About) */ #interiorPageTitle h1#about {background: #054674 url(../img/headers/about.jpg) no-repeat 0 0;} /* (News) */ #interiorPageTitle h1#news {background: #054674 url(../img/headers/news.jpg) no-repeat 0 0;} #interiorPageTitle h1#newsTradeshows {background: #054674 url(../img/headers/newsTradeshows.jpg) no-repeat 0 0;} #interiorPageTitle h1#newsTestimonials {background: #054674 url(../img/headers/newsTestimonials.jpg) no-repeat 0 0;} #interiorPageTitle h1#newsCredentials {background: #054674 url(../img/headers/newsCredentials.jpg) no-repeat 0 0;} #interiorPageTitle h1#newsCustomers {background: #054674 url(../img/headers/newsCustomers.jpg) no-repeat 0 0;} #interiorPageTitle h1#newsNewsletter {background: #054674 url(../img/headers/newsNewsletter.jpg) no-repeat 0 0;} /* (Locations) */ #interiorPageTitle h1#locations {background: #054674 url(../img/headers/locations.jpg) no-repeat 0 0;} /* (Contact) */ #interiorPageTitle h1#contact {background: #054674 url(../img/headers/contact.jpg) no-repeat 0 0;} #interiorPageTitle h1#contactCareers {background: #054674 url(../img/headers/contactCareers.jpg) no-repeat 0 0;} /* (Other) */ #interiorPageTitle h1#siteMap {background: #054674 url(../img/headers/siteMap.jpg) no-repeat 0 0;} #interiorPageTitle h1#privacy {background: #054674 url(../img/headers/privacy.jpg) no-repeat 0 0;} #interiorPageTitle h1#terms {background: #054674 url(../img/headers/terms.jpg) no-repeat 0 0;} /* ///// Product Overview Page: Products ///// */ .prodBtnContainer { width: 578px; height: 91px; margin: 20px 0 0 0; padding: 0; background: #cdc2a8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #052a42; overflow: hidden; display: block; } #prodBtnHydraLogo {width: 212px; height: 91px; margin: 0; padding: 0; float: left;} #prodBtnHydraContent {width: 270px; height: 68px; margin: 0; padding: 23px 76px 0 20px; background: url(../img/prodBgHydraLinks.jpg) no-repeat top; float: right;} #prodBtnTorqLogo {width: 209px; height: 91px; margin: 0; padding: 0; float: left;} #prodBtnTorqContent {width: 273px; height: 68px; padding: 23px 76px 0 20px; background: url(../img/prodBgTorqLinks.jpg) no-repeat top; float: right;} #prodBtnMagnumLogo {width: 196px; height: 91px; margin: 0; padding: 0; float: left;} #prodBtnMagnumContent {width: 286px; height: 68px; padding: 23px 76px 0 20px; background: url(../img/prodBgMagnum.jpg) no-repeat top; float: right;} #prodBtnDeltaLogo {width: 216px; height: 91px; margin: 0; padding: 0; float: left;} #prodBtnDeltaContent {width: 266px; height: 68px; padding: 23px 76px 0 20px; background: url(../img/prodBgDelta.jpg) no-repeat top; float: right;} #prodBtnDestroyerLogo {width: 232px; height: 91px; margin: 0; padding: 0; float: left;} #prodBtnDestroyerContent {width: 249px; height: 68px; padding: 23px 76px 0 20px; background: url(../img/prodBgDestroyer.jpg) no-repeat top; float: right;} #prodBtnMonsterLogo {width: 229px; height: 91px; margin: 0; padding: 0; float: left;} #prodBtnMonsterContent {width: 253px; height: 68px; padding: 23px 76px 0 20px; background: url(../img/prodBgMonsterGrip.jpg) no-repeat top; float: right;} #prodBtnOctopusLogo {width: 184px; height: 91px; margin: 0; padding: 0; float: left;} #prodBtnOctopusContent {width: 298px; height: 68px; padding: 23px 76px 0 20px; background: url(../img/prodBgOctopus.jpg) no-repeat top; float: right;} a.prodBtn:link {color: #054670; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 18px;} a.prodBtn:visited {color: #054670; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 18px;} a.prodBtn:hover {color: #054670; text-decoration: underline; font-weight: bold; font-size: 12px; line-height: 18px;} a.prodBtn:active {color: #054670; text-decoration: underline; font-weight: bold; font-size: 12px; line-height: 18px;} /* ///// Spec Chart (Products) ///// */ #specs {background: #c6b99b; margin: 30px 0 0 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #052a42;} #specsContainer {width: 555px; margin: 0 auto 0 auto;} #specsContainerWide {width: 655px; margin: auto;} #specsContainerWide2 {width: 705px; margin: auto;} #specChartLogo {margin: 0; padding: 0 0 12px 0;} #specChartTitle {display: none;} #specChartContainer {width: 553px;} #specChartContainerWide {width: 653px;} #specChartContainerWide2 {width: 703px;} #specChartContainer, #specChartContainerWide, #specChartContainerWide2 {margin: 4px 0 4px 0; padding: 2px 2px 1px 2px; border: #b8a674 solid 1px;} #specChart {width: 553px;} #specChartWide {width: 653px;} #specChartWide2 {width: 703px;} #specChart, #specChartWide, #specChartWide2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #000000; letter-spacing: -.5px;} #specChart td, #specChartWide td, #specChartWide2 td {padding: 4px 6px 4px 6px;} .specChartHeader, .specChartHeaderTop {background: #004b8d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff;} .specChartHeader td {border-bottom: #c6b996 solid 2px;} .specChartHeaderTop td.first {border-bottom: #c6b996 solid 2px;} .specChartHeaderTop td {border-bottom: #ffffff solid 1px;} .specChartLight {background: #f8f0d4;} .specChartLight td {border-bottom: #c6b996 solid 1px;} .specChartDark {background: #e5dcbd;} .specChartDark td {border-bottom: #c6b996 solid 1px;} .specBrownBox {margin: 0; padding: 0; background: #b8a674; color:#052a42;} .specBrownBox ul li {margin: 0; padding: 0 0 8px 0;} .specChartWhtBorder {border-bottom: #ffffff solid 1px;} #viewSchematicBtn { width: 152px; list-style: none; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; text-align: left; } #viewSchematicBtn li a { width: 125px; /* + 27px padding = 152px */ height: 18px; /* + 2px padding = 20px */ margin: 0 0 4px 0; padding: 2px 0 0 27px; background: #5784a6 url(../img/btnViewSchematic.jpg) top no-repeat; overflow: hidden; display: block; } /* Careers */ .careersBox {background: #cdc1a0; margin: 0; padding: 8px; border: #b09f77 solid 1px;} /* Locations */ #locationsTable td {padding: 0 0 16px 0;} /* Contact Form */ #contactFormTable td {padding: 0 8px 12px 0;} .contactInfoBox {width: 150px; background: #d4c9a8; border: #b09f77 solid 1px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #052a42;} .contactCommentsBox {width: 225px; background: #d4c9a8; border: #b09f77 solid 1px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #052a42;} .contactInfoDropDown {width: 200px; background: #d4c9a8; border: #b09f77 solid 1px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #052a42;} /* Custom Solutions Form */ #customFormTable {margin: 0 0 12px 0; padding: 0 0 12px 0;} .customFormTableLabel {padding: 0 8px 12px 0;} .customFormTableField {padding: 0 58px 12px 0;} .customInfoBox {width: 150px; background: #d4c9a8; border: #b09f77 solid 1px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #052a42;} .customCommentsBox {width: 225px; background: #d4c9a8; border: #b09f77 solid 1px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #052a42;} /* ///// Locations Page Image Map ///// */ #map {position: relative; width: 543px; height: 475px; margin: 0; padding: 0; background: url(../img/locations-map2.jpg) no-repeat 0 0;} #map img {border: none;} #map #mapimg {display: none;} #maplinks #sf {position: absolute; top: 74px; left: 13px; width: 75px; height: 56px;} #maplinks #sf a {display: block; width: 75px; height: 56px;} #maplinks #sf a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #la {position: absolute; top: 206px; left: 39px; width: 75px; height: 56px;} #maplinks #la a {display: block; width: 75px; height: 56px;} #maplinks #la a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #chi {position: absolute; top: 100px; left: 233px; width: 75px; height: 56px;} #maplinks #chi a {display: block; width: 75px; height: 56px;} #maplinks #chi a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #hou {position: absolute; top: 216px; left: 211px; width: 75px; height: 56px;} #maplinks #hou a {display: block; width: 75px; height: 56px;} #maplinks #hou a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #china {position: absolute; top: 353px; left: 182px; width: 75px; height: 56px;} #maplinks #china a {display: block; width: 75px; height: 56px;} #maplinks #china a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #tol {position: absolute; top: 59px; left: 354px; width: 75px; height: 56px;} #maplinks #tol a {display: block; width: 75px; height: 56px;} #maplinks #tol a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #pit {position: absolute; top: 140px; left: 347px; width: 75px; height: 56px;} #maplinks #pit a {display: block; width: 75px; height: 56px;} #maplinks #pit a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #bat {position: absolute; top: 199px; left: 295px; width: 75px; height: 56px;} #maplinks #bat a {display: block; width: 75px; height: 56px;} #maplinks #bat a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #phi {position: absolute; top: 137px; left: 462px; width: 75px; height: 56px;} #maplinks #phi a {display: block; width: 75px; height: 56px;} #maplinks #phi a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #lake {position: absolute; top: 304px; left: 296px; width: 75px; height: 56px;} #maplinks #lake a {display: block; width: 75px; height: 56px;} #maplinks #lake a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #den {position: absolute; top: 218px; left: 394px; width: 75px; height: 56px;} #maplinks #den a {display: block; width: 75px; height: 56px;} #maplinks #den a:hover {display: block; width: 75px; height: 56px; background: #ffffff;} #maplinks #den a img, #maplinks #lake a img, #maplinks #sf a img, #maplinks #la a img, #maplinks #chi a img, #maplinks #hou a img, #maplinks #china a img, #maplinks #tol a img, #maplinks #pit a img, #maplinks #bat a img, #maplinks #phi a img {display: block; position: absolute; top: -1000%; left: 0%;} #maplinks #den a:hover img, #maplinks #lake a:hover img, #maplinks #sf a:hover img, #maplinks #la a:hover img, #maplinks #chi a:hover img, #maplinks #hou a:hover img, #maplinks #china a:hover img, #maplinks #tol a:hover img, #maplinks #pit a:hover img, #maplinks #bat a:hover img, #maplinks #phi a:hover img {display: block; position: absolute; top: -50%; left: -50%;} /* ///// Fonts, Links and Misc. ///// */ .dkBlueTitle {font-size: 12px; font-weight: bold; margin: 0 0 6px 0; padding: 0;} .blueTitle {color: #1b4b6a; font-size: 12px; font-weight: bold; margin: 0; padding: 0;} .productsBlueText {color: #1b4b6a; font-size: 11px; font-weight: bold;} .productsDarkBlueText {color: #052a42; font-size: 11px; font-weight: bold;} .smallFont9 {font-size: 9px;} a:link {color: #052a42; text-decoration: underline;} a:visited {color: #052a42; text-decoration: underline;} a:hover {color: #094c77; text-decoration: underline;} a:active {color: #094c77; text-decoration: underline;} a.headerFooterLinks:link {color: #3a74a6; text-decoration: underline;} a.headerFooterLinks:visited {color: #3a74a6; text-decoration: underline;} a.headerFooterLinks:hover {color: #6299c9; text-decoration: underline;} a.headerFooterLinks:active {color: #6299c9; text-decoration: underline;} a.wht:link {color: #ffffff; text-decoration: none; font-weight: bold; letter-spacing: -1px;} a.wht:visited {color: #ffffff; text-decoration: none; font-weight: bold; letter-spacing: -1px;} a.wht:hover {color: #ffffff; text-decoration: underline; font-weight: bold; letter-spacing: -1px;} a.wht:active {color: #ffffff; text-decoration: underline; font-weight: bold; letter-spacing: -1px;} a.brwn:link {color: #46402e; text-decoration: none; font-weight: bold;} a.brwn:visited {color: #46402e; text-decoration: none; font-weight: bold;} a.brwn:hover {color: #46402e; text-decoration: underline; font-weight: bold;} a.brwn:active {color: #46402e; text-decoration: underline; font-weight: bold;} a.dkb:link {color: #052a42; text-decoration: none; font-weight: bold;} a.dkb:visited {color: #052a42; text-decoration: none; font-weight: bold;} a.dkb:hover {color: #052a42; text-decoration: underline; font-weight: bold;} a.dkb:active {color: #052a42; text-decoration: underline; font-weight: bold;} a.ltb:link {color: #91bedd; text-decoration: underline; font-weight: bold; letter-spacing: -1px;} a.ltb:visited {color: #91bedd; text-decoration: underline; font-weight: bold; letter-spacing: -1px;} a.ltb:hover {color: #91bedd; text-decoration: none; font-weight: bold; letter-spacing: -1px;} a.ltb:active {color: #91bedd; text-decoration: none; font-weight: bold; letter-spacing: -1px;} .req {color: #990000;} .smTan {font-size: 9px; color: #8b7b59;} .blueText {color: #5783a6;} .caption {font-style: italic; font-size: 9px;} /* employee login */ #employee-login { position: relative; width: 100%; height: 66px; margin: 0; padding: 0; overflow: hidden; background: #fff url(../img/bg_employee_login.jpg) repeat-x 0 0; text-align: center; } #employee-login div { width: 892px; height: 30px; margin: 0 auto; padding: 18px 0 0 0; text-align: left; font: 11px Arial, Helvetica, sans-serif; color: #021526; } #employee-login div #hr-connection-logo {float: left; width: 194px; height: 30px; margin: 0; padding: 0;} #employee-login div #hr-connection-fields {float: right; height: 30px; margin: 0; padding: 0;} #employee-login div #hr-connection-fields li {margin: 0; padding: 7px 0 0 14px; list-style: none; float: left;} #employee-login div form {margin: 0; padding: 0;} #employee-login div form .textfield {border: #ccc solid 1px; padding: 2px; color: #777; font: 14px Arial, Helvetica, sans-serif;} #employee-login div table td {padding: 0 12px;} #NutLayer { position:absolute; width:277px; z-index:100; padding-top: 27px; } #container #border #pageWrap #interiorPageContentWrap #interiorColumnWrap #interiorColumnRight #interiorContentRight #mdmLeftImage img { width: 243px; } #btn_factory { background: url(../img/btn_factory_direct.gif) no-repeat; display: block; height: 35px; position: absolute; right: 5px; text-indent: -999em; top: 123px; width: 365px; z-index: 100; }