/* GLOBAL */ body { background:#006666 url(../images/bkgBody.gif) repeat; margin:0; } img { border:none;} p, div { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; } a { font-weight:400; text-decoration:none; color:#fff; } a:hover { font-weight:400; text-decoration:underline; } p a { text-decoration:underline; } h1 { margin:0 0 15px 0; padding:0; font-size:21px; color:#fff; } h2 { margin:15px 0 5px 0; font-size:15px; color:#fff; text-align:left } h3 { font-size:13px; } #footer { width:950px; height:90px; margin:0 auto 0 auto; padding-left:29px; padding-top:20px; background-color:#006666; text-align:left; font-size:10px; } /* NAVIGATION */ #pageTop { height:111px; } #pageTop #logo { float:left; display:inline; } #preNav { height:37px; line-height:37px; } #preNav .links { float:left; display:inline; margin:0 0 0 17px; font-size:10px; } #preNav .phone { float:right; display:inline; margin:0 15px 0 0; font-size:14px; font-weight:bold; font-style:italic; } #nav { float:right; display:inline; width:868px; font-size:13px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ } #nav ul#primary { position:relative; margin:0; padding:0; width:868px; height:34px; line-height:34px; background:#ff9900; border-top:1px solid #FFF; border-bottom:1px solid #FFF; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ } #nav ul#primary li { display:inline; list-style:none; } #nav ul#primary a,#nav ul#primary span,#nav ul#primary a.current { display:block; float:left; padding:0 17px; margin:0; text-align:center; text-decoration:none; color:#fff; } #nav ul#primary span,#nav ul#primary a.current,#nav ul#primary a.current:hover { position:relative; top:5px; background:#c90d0d; padding:0 16px 0 16px; margin:0; height:30px; line-height:30px; border:1px solid #fff; border-bottom:1px solid #c90d0d; } #nav ul#primary a { background:#ff9900; } #nav ul#primary a:hover { margin-top:0; background:#ff9900; padding:0 17px; text-decoration:underline; } #nav ul#secondary { position:absolute; margin:0; padding:0; top:35px; left:0; width:868px; background:#c90d0d; height:37px; line-height:37px; border-bottom:1px solid #FFF; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ } #nav ul#secondary li a { width:auto; display:block; float:left; padding:0 17px; margin:0; /*text-align:auto;*/ border:none; background:none; } #nav ul#secondary li span { position:relative; top:6px; display:block; background:#006666; padding:0 16px 0 16px; margin:0; height:30px; line-height:30px; border:1px solid #fff; border-bottom:1px solid #006666; } #nav ul#secondary li span.first { border-left:1px solid #006666; } #nav ul#secondary li a { color:#fff; text-decoration:none; } #nav ul#secondary li a:hover { color:#fff; background:transparent; padding:0 17px; text-decoration:underline; } #nav ul#secondary li a:active { color:#000; background:transparent; } /*#nav ul#secondary li:last-child a { border:none; }*/ /* HOME PAGE */ #outerContainer { position:relative; width:979px; min-height:800px; margin:0 auto 0 auto; text-align:center; background:#006666; } #mainContentHome { padding:0; } #mainContentHome #diagram { margin:0 108px -3px 42px; padding:0; } #quickLinksHome { width:780px; height:154px; background:url(../images/bkgHomeQuickLinks.jpg) no-repeat; padding:0; margin:0 auto 0 auto; text-align:left; } #quickLinksHome a { font-weight:bold; font-size:13px; font-style:italic; } #quickLinksHome #leftLinks { float:left; display:inline; } #quickLinksHome #leftLinks span { display:block; width:268px; height:61px; line-height:61px; } #quickLinksHome #midLinks { float:left; display:inline; } #quickLinksHome #midLinks span { display:block; width:267px; height:61px; line-height:61px; } #quickLinksHome #rightLinks { float:left; display:inline; } #quickLinksHome #rightLinks span { display:block; width:228px; height:61px; line-height:61px; } #quickLinksHome #rightLinks ul { margin:-10px 0 0 0; padding:0; list-style-type:none; } #quickLinksHome #rightLinks ul a { font-weight:normal; font-style:normal; font-size:12px; } #quickLinksHome #rightLinks li { margin:0 0 3px 0; padding:0; } /* LEVEL 1 PAGES */ #mainContent { width:765px; margin:45px auto 0 auto; text-align:center; padding:0; } #mainContent h1 { margin:0 0 8px 0; text-align:left; } #mainContent p { margin:0 0 15px 0; text-align:left; } .featured { height:243px; /* Whatever this ht exceeds ht of .featured #foo's ht by will be the bottom margin */ text-align:left; } .featured h2 { margin:20px 0 20px 20px; color:#006666; } .featured ul { margin:-10px 0 20px 0; padding:0 0 0 35px; color:#006666; list-style:none; } .featured li { background: url(../images/bulletL1.gif) no-repeat top left; vertical-align:top; margin:0 0 3px -14px; padding:0 0 2px 10px; line-height:13px; } .featured p { padding:150px 0 0 20px; width:315px; } .featured a:hover { text-decoration:none; } .featured #palletOptions { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedPalletOptions.gif) no-repeat; } .featured #palletOptions:hover { background:url(../images/bkgFeaturedPalletOptionsRO.gif) no-repeat; } .featured #palletManifolds { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedPalletManifolds.gif) no-repeat; } .featured #palletManifolds:hover { background:url(../images/bkgFeaturedPalletManifoldsRO.gif) no-repeat; } .featured #palletAccessories { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedPalletAccessories.gif) no-repeat; } .featured #palletAccessories:hover { background:url(../images/bkgFeaturedPalletAccessoriesRO.gif) no-repeat; } .featured #trucks { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedTrucks.gif) no-repeat; } .featured #trucks:hover { background:url(../images/bkgFeaturedTrucksRO.gif) no-repeat; } .featured #trailers { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedTrailers.gif) no-repeat; } .featured #trailers:hover { background:url(../images/bkgFeaturedTrailersRO.gif) no-repeat; } .featured #fullAutomation { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedFullAutomation.gif) no-repeat; } .featured #fullAutomation:hover { background:url(../images/bkgFeaturedFullAutomationRO.gif) no-repeat; } .featured #semiAutomation { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedSemiAutomation.gif) no-repeat; } .featured #semiAutomation:hover { background:url(../images/bkgFeaturedSemiAutomationRO.gif) no-repeat; } .featured #pumpProtection { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedPumpProtection.gif) no-repeat; } .featured #pumpProtection:hover { background:url(../images/bkgFeaturedPumpProtectionRO.gif) no-repeat; } .featured #pumpControl { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedPumpControl.gif) no-repeat; } .featured #pumpControl:hover { background:url(../images/bkgFeaturedPumpControlRO.gif) no-repeat; } .featured #gasPacks { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedGasPacks.gif) no-repeat; } .featured #gasPacks:hover { background:url(../images/bkgFeaturedGasPacksRO.gif) no-repeat; } .featured #carts { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedCarts.gif) no-repeat; } .featured #carts:hover { background:url(../images/bkgFeaturedCartsRO.gif) no-repeat; } .featured #fillSystems { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedFillSystems.gif) no-repeat; } .featured #fillSystems:hover { background:url(../images/bkgFeaturedFillSystemsRO.gif) no-repeat; } .featured #fillRacks { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedFillRacks.gif) no-repeat; } .featured #fillRacks:hover { background:url(../images/bkgFeaturedFillRacksRO.gif) no-repeat; } .featured #fillHeads { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedFillHeads.gif) no-repeat; } .featured #fillHeads:hover { background:url(../images/bkgFeaturedFillHeadsRO.gif) no-repeat; } .featured #leadsAndManifolds { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedLeadsAndManifolds.gif) no-repeat; } .featured #leadsAndManifolds:hover { background:url(../images/bkgFeaturedLeadsAndManifoldsRO.gif) no-repeat; } .featured #storageRacks { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedStorageRacks.gif) no-repeat; } .featured #storageRacks:hover { background:url(../images/bkgFeaturedStorageRacksRO.gif) no-repeat; } .featured #cages { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedCages.gif) no-repeat; } .featured #cages:hover { background:url(../images/bkgFeaturedCagesRO.gif) no-repeat; } .featured #leadDog { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedLeadDog.gif) no-repeat; } .featured #leadDog:hover { background:url(../images/bkgFeaturedLeadDog.gif) no-repeat; } .featured #surLoc { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedSurLoc.gif) no-repeat; } .featured #surLoc:hover { background:url(../images/bkgFeaturedSurLoc.gif) no-repeat; } .featured #lowProM1 { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedLowProM1.gif) no-repeat; } .featured #lowProM1:hover { background:url(../images/bkgFeaturedLowProM1.gif) no-repeat; } .featured #wolfPack { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedWolfPack.gif) no-repeat; } .featured #wolfPack:hover { background:url(../images/bkgFeaturedWolfPack.gif) no-repeat; } .featured #precision { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedPrecision.gif) no-repeat; } .featured #precision:hover { background:url(../images/bkgFeaturedPrecision.gif) no-repeat; } .featured #surFill { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedSurFill.gif) no-repeat; } .featured #surFill:hover { background:url(../images/bkgFeaturedSurFill.gif) no-repeat; } .featured #bBoom { float:left; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedBBoom.gif) no-repeat; } .featured #bBoom:hover { background:url(../images/bkgFeaturedBBoom.gif) no-repeat; } .featured #watchDog { float:right; display:inline; width:371px; height:223px; background:url(../images/bkgFeaturedWatchDog.gif) no-repeat; } .featured #watchDog:hover { background:url(../images/bkgFeaturedWatchDog.gif) no-repeat; } #quickLinks { width:763px; height:220px; border:1px solid #fff; padding:0; margin:0; text-align:left; clear:both; } #quickLinks h2 { margin:20px 0 20px 35px; font-style:italic; } #quickLinks .thumbLink { float:left; display:inline; width:119px; height:135px; border-right:1px solid #fff; } #quickLinks img { margin:17px 0 10px 15px; } #quickLinks h3 { margin:0 0 0 15px; font-size:14px; } #quickLinks h3:hover { text-decoration:underline; } #quickLinks .thumbLinkFirst { float:left; display:inline; margin:0 0 0 20px; width:119px; height:135px; border-right:1px solid #fff; } #quickLinks .thumbLinkLast { float:left; display:inline; width:119px; height:135px; } #quickLinksShort { width:371px; height:220px; border:1px solid #fff; padding:0; margin:0; text-align:left; } #quickLinksShort h2 { margin:20px 0 20px 16px; font-style:italic; color:#fff; } #quickLinksShort .thumbLink { float:left; display:inline; width:120px; height:135px; border-right:1px solid #fff; } #quickLinksShort img { margin:17px 0 10px 16px; } #quickLinksShort h3 { margin:0 0 0 16px; font-size:14px; } #quickLinksShort h3:hover { text-decoration:underline; } #quickLinksShort .thumbLinkFirst { float:left; display:inline; margin:0; width:123px; height:135px; border-right:1px solid #fff; } #quickLinksShort .thumbLinkLast { float:left; display:inline; width:120px; height:135px; } #news { width:763px; height:220px; border:1px solid #fff; padding:0; margin:30px 0 0 0; text-align:left; clear:both; } #news h2 { margin:20px 0 20px 20px; font-size:16px; } #news p { width:212px; margin:0 0 15px 20px; overflow:hidden; } #news a { text-decoration:none; } #news a:hover { text-decoration:underline; } #news .thumbLink { float:left; display:inline; width:252px; height:135px; border-right:1px solid #fff; } #news img { margin:17px 0 10px 15px; } #news h3 { width:212px; margin:0 0 15px 20px; padding:0; font-size:14px; } #news .thumbLinkFirst { float:left; display:inline; width:252px; height:135px; border-right:1px solid #fff; } #news .thumbLinkLast { float:left; display:inline; width:252px; height:135px; } /* CONTACT US PAGE */ #contactForm { float:left; display:inline; width:450px; } form { text-align:left; } .formGrouping { margin:0 0 20px 0; } input { width:311px; height:18px; margin:0 10px 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:none; vertical-align:text-top; } textarea { width:311px; height:220px; scroll:auto; margin:0 10px 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; } input.city { width:160px; padding:0; } input.state { width:39px; padding:0; } input.zip { width:91px; padding:0; } #contactData { float:right; display:inline; width:310px; border:1px solid #fff; } #contactData p { width:250px; margin:30px; border-bottom:1px solid #fff; padding-bottom:30px; } #contactData p.last { border-bottom:none; padding-bottom:0; } /* ABOUT US PAGE */ #aboutUsCopy { float:left; display:inline; margin-top:20px; width:370px; height:279px; background-color:#ff9900; border:1px solid #fff; } #aboutUsCopy p { width:330px; margin:20px 20px 0 20px; color:#006666; line-height:17px; font-size:13px; } #video { float:right; display:inline; margin-top:20px; } /* LEVEL 2 PAGES */ #mainContent .headline { display:inline; } .details { text-align:left; } .details .left { float:left; display:inline; width:345px; } .details .right { float:right; display:inline; width:345px; } .details h2 { margin:0 0 20px 0; } .details ul { margin:-10px 0 20px 0; padding:0 0 0 15px; list-style:none; } .details li { background: url(../images/bulletL2.gif) no-repeat top left; vertical-align:top; margin:0 0 5px -15px; padding:0 0 2px 10px; line-height:13px; } .details .featuresAndBenefits { float:left; display:inline; } .details .options { float:left; display:inline; margin-left:40px; } .details .moreOptions { float:left; display:inline; margin-left:40px; width:250px; } .details .callout { float:right; display:inline; margin-top:3px; text-align:left; } .details .learnMore { display:block; text-align:left; margin:5px 0 0 0; font-size:11px; font-size:10px;} .clear { display:block; height:20px; background:#006666; clear:both; } .clearWithText { display:block; background:#006666; clear:both; padding:20px 0; text-align:left; } .products { text-align:left; border-top:1px solid #fff; } .products .left { float:left; display:inline; width:345px; } .products .right { float:right; display:inline; width:345px; } .products h2 { margin:24px 0 0 0; padding-bottom:10px; width:190px; border-bottom:1px solid #fff; font-size:16px; } .products h3 { padding:10px 0 0 0; margin:0; } .products .list { float:left; display:inline; } .products .fullColumn { float:left; display:inline; width:345px; } .products .fullColumn h2 { width:345px; } .products .fullColumn .prodImg { float:none; margin:27px 0 0 40px; } .products .desc { display:block; width:190px; height:65px; border-bottom:1px solid #fff; } .products .prodImg { float:right; display:inline; margin:27px 0 0 0; } .products .list ul { display:block; width:180px; margin:10px 0 20px 0; padding:0 0 0 15px; list-style:none; } .products .list li { background: url(../images/bulletL2.gif) no-repeat top left; vertical-align:top; margin:0 0 5px -15px; padding:0 0 2px 10px; line-height:13px; } .products .listWithRunAround { width:345px; border-top:1px solid #006666; } .products .listWithRunAround h2 { margin-bottom:10px; } .products .listWithRunAround .runAroundText { display:block; background: url(../images/bulletL2.gif) no-repeat top left; margin:0 4px 5px 1px; padding:0 0 2px 10px; line-height:13px; } .products .listWithRunAround p { display:block; margin:0 4px 5px 1px; } .products .listWithRunAround .prodImg { margin:27px 0 10px 15px; } .products .list p { display:block; padding:10px 0 20px 0; width:180px; } .productsManifold { text-align:left; border-top:1px solid #fff; } .productsManifold h2 { margin:24px 0 0 0; padding-bottom:10px; width:345px; border-bottom:1px solid #fff; font-size:16px; } .productsManifold .prodImg { float:right; display:inline; margin:27px 0 0 0; } .productsManifold .list { float:left; display:inline; } .productsManifold .list ul { display:block; width:335px; margin:10px 0 20px 0; padding:0 0 0 15px; list-style:none; } .productsManifold .list li { background: url(../images/bulletL2.gif) no-repeat top left; vertical-align:top; margin:0 0 5px -15px; padding:0 0 2px 10px; line-height:13px; } .productsManifold .list p { display:block; padding:10px 0 20px 0; width:345px; }