/* allow fixed placement in ie */ body {height: 100%; font:62.5%; } div, img { background-repeat:no-repeat; } .noscreen {display:none;} .break { clear:both; } /* avoid browser inconsistent heading font-sizes */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } /* remove the inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* remove default borders on linked images */ a img,:link img,:visited img { border:none; } a, a:link, a:hover, a:visited {outline:none; border:none; } li {outline:none;} body { font-family:verdana, 'segoe ui', 'trebuchet ms', arial; margin:0; background-color:rgb(178,192,200); background-image:url('../images/layout/back.gradient.gif'); background-repeat:repeat-x; margin-left:auto; margin-right:auto; text-align: center; } body { text-align:-moz-center; } a, a:link, a:visited, a:hover { color:#506A3A; } h1 { font-size:1.4em; margin-top:10px; font-family:Segoe UI, tahoma, Arial; font-weight:bold; } h2 { color:#775026; margin-top:10px; margin-bottom:5px; font-size:1.1em; font-family:Segoe UI, tahoma, Arial; font-weight:bold; } h3 { color:#000000; margin-top:10px; margin-bottom:5px; font-size:1em; font-family:Segoe UI, tahoma, Arial; font-weight:bold; } ol, ul {list-style-type:none;} /* Loading indicator */ #PageLoading { position:absolute; z-index:2000; left:830px; top:180px; } #Frozen {position:absolute; left:0; top:0; width:1000px; z-index:10000; height:1000px; background-color:#ffffff;} /* Buttons */ .button { cursor:pointer; } .command { cursor:pointer; } /* Workspaces */ .workspace {text-align:left; margin:0px; position:relative; height:550px; width:800px; font-size:.9em; } /* Letterhead */ #Letterhead { position:absolute; top:5px; left:0px; width:793px; height:127px; background-image:url('../images/layout/masthead.back.jpg'); background-repeat:repeat-x;} #Logo {position:absolute; top:20px; left:10px; } #Logo img { background:url('../images/logo.embedded.gif'); width:61px; height:53px; } #LetterheadText { position:relative; left:74px; top:21px; width:301px; height:53px; margin:0; padding:0; background:url('../images/letterhead.gif'); text-indent:-9999px;} #Tagline { position:absolute; top:60px; right:10px; width:175px; height:18px; color:#e49122; font-size:.85em;} /* Workspace Detail */ /* Navigation */ #Navigation { position:absolute; top:80px; left:-10px; height:60px; width:820px; background-image:url('../images/layout/nav.back.gif'); background-position:10px 0px; } #Navigation .item {cursor:pointer; float:left; clear:none; position:relative; height:39px; top:23px; font-size:.75em; text-align:center; } #Navigation .item a { position:absolute; top:-10px; left:0px; text-align:center; text-decoration:none; color:#ffffff; text-transform:capitalize; font-family:trebuchet ms; font-size:.9em; font-weight:bold; color:#CC7E00; width:100%;} #Navigation .item.hover a, #Navigation .item.selected a { color:#ffffff; } #Navigation .start { width:115px; height:39px; background-image:url('../images/layout/nav.button.left.gif'); } #Navigation .middle {width:114px; height:39px; background-image:url('../images/layout/nav.button.middle.gif'); } #Navigation .end { width:128px; height:39px; background-image:url('../images/layout/nav.button.right.gif'); background-position:-1px 0px;} #NavigationHover { position:absolute; z-index:2; margin-top:0px; cursor:pointer;} #NavigationHover .activeLeft {position:absolute; left:0px; top:0px; width:128px; height:39px; background-image:url('../images/layout/nav.button.left.on.gif'); } #NavigationHover .activeMiddle {position:absolute; left:-9px; top:0px; width:130px; height:39px; background-image:url('../images/layout/nav.button.middle.on.gif'); } #NavigationHover .activeRight {position:absolute; left:-3px; top:0px; width:113px; height:39px; background-image:url('../images/layout/nav.button.right.on.gif'); } /* SearchBar */ /* Footers */ #Splash #Footer {position:absolute; z-index:2; top:635px; left:0px; text-align:left; height:67px; width:800px; font-size:.8em; background-repeat:repeat-x; background-image:url('../images/footer.repeat.gif'); } #Workspace #Footer {position:absolute; z-index:2; top:627px; left:0px; text-align:left; height:67px; width:800px; font-size:.8em; background-repeat:repeat-x; background-image:url('../images/footer.repeat.gif'); } #Footer .address { position:absolute; color:#000000; right:220px; top:50px; } #Footer .address p{ float:left; clear:none; margin-right:1.0em; color:#000000; right:100px; } #Footer #FooterLogo { position:absolute; left:580px; width:211px; height:40px; top:25px; background-image:url('../images/logo.footer.gif');} #Workspace #Partners { position:absolute; left:0px; top:-46px; width:800px; } #Workspace #Partner_Rab { position:absolute; left:15px; } #Workspace #Partner_Rab img { width:50px; height:45px; background-image:url('../images/logo.anab.gif'); } #Workspace #Partner_Asr { position:absolute; left:75px; } #Workspace #Partner_Asr img { width:58px; height:45px; background-image:url('../images/logo.asr.gif'); } #Splash #Partners { position:absolute; left:1px; top:-102px; width:800px; } #Splash #Partner_Rab { position:absolute; left:10px; } #Splash #Partner_Rab img { width:61px; height:48px; background-image:url('../images/logo.rab.splash.gif'); } #Splash #Partner_Asr { position:absolute; left:10px; top:49px;} #Splash #Partner_Asr img { width:61px; height:31px; background-image:url('../images/logo.asr.splash.gif'); } #FooterIso { position:absolute; top:7px; left:10px; color:#ffffff; font-family:Verdana; font-size:.8em;} #FooterIso a { color:#ffffff; text-decoration:none;} /* App Content */ .appcontent { background-color:#ffffff; height:550px; width:650px; } .appcontent .content .options { position:absolute; top:50px; margin-left:10px; left:0px; height:250px; } .appcontent .content .panel { position:relative; top:10px; left:200px; height:250px; width:400px; border-left:1px solid #008276; padding-left:20px; height:520px; overflow:auto; overflow-x:hidden; overflow-y:auto; } /* Forms */ .appcontent .form .caption { float:left; display:block; width:120px; clear:left; font-size:.8em; } .appcontent .form .footer { height:30px; } .appcontent .form .button { width:80px; float:right; } .appcontent .titlebar .label { font-size:1.3em; } /* Content */ #Splash #ContentFrame {position:absolute; top:141px; left:0px; width:810px; height:505px; background-image:url('../images/layout/content.splash.back.jpg'); } #Splash #Content { width:791px; height:483px; position:absolute; top:0px; left:0px; z-index:2; background-image:url('../images/layout/content.splash.overlay.gif'); } #Workspace #ContentFrame {position:absolute; top:138px; left:145px; width:651px; height:490px; background-image:url('../images/layout/content.main.frame.jpg');} #Workspace #Content { width:642px; height:481px; position:absolute; top:0px; left:0px; background-image:url('../images/layout/content.main.overlay.gif'); z-index:2; } /* Splash Media Rotators - Main text */ #Splash #Content .overview { position:absolute; left:100px; top:10px; width:225px; height:200px; cursor:default;} #Splash #Content .overview .title { font-size:1.4em; font-weight:normal; color:#9DAFCE; font-family:Verdana;} #Splash #Content .overview .text { margin-top:15px; font-size:0.8em; font-weight:normal; color:#ffffff; font-family:Verdana; line-height:1.6em;} #Splash #Content .overview .text p { text-indent:1.6em;} /* Splash Media Rotators - Backgrounds */ .splashMedia { width:715px; height:480px; position:absolute; left:74px; top:2px; background-color:transparent;} .splashBackground { width:715px; height:480px; position:absolute; left:74px; top:2px;} #SplashBackground_Motocross {background-image:url('../images/media/splash.media.motocross.jpg');} #SplashBackground_BakuPipeline {background-image:url('../images/media/splash.media.baku.jpg');} #SplashBackground_Torch {background-image:url('../images/media/splash.media.flame.jpg');} #SplashBackground_Rover {background-image:url('../images/media/splash.media.rover.jpg');} #SplashBackground_Filtration {background-image:url('../images/media/splash.media.Filtration.jpg');} #SplashBackground_OilGas {background-image:url('../images/media/splash.media.Oil&Gas.jpg');} /* Splash Media Rotators - Features */ #SplashMediaItems { z-index:3; position:absolute; background-color:Transparent;} #Splash .splashMedia .feature { z-index:3; padding-top:10px; padding-left:20px; position:absolute; left:30px; top:250px; width:312px; height:182px; background-image:url('../images/media/splash.media.feature.gif'); } #Splash .splashMedia .feature .title { font-size:1.3em; font-weight:normal; color:#CC7E00; font-family:Verdana; width:150px; } #Splash .splashMedia .feature .text { margin-top:15px; font-size:0.7em; font-weight:normal; color:#ffffff; font-family:Verdana; width:191px; cursor:default; line-height:1.5em;} #Splash .splashMedia .feature .text a { margin-top:15px; font-size:0.8em; font-weight:normal; color:#CC7E00; font-family:Verdana; width:161px; cursor:pointer;} #Splash .splashMedia .feature .text p { margin-bottom:10px; text-indent:1.6em;} /* Workspace Media - Features */ #Workspace #CompanyContent .feature { padding-top:0px; padding-left:15px; position:absolute; left:210px; top:20px; width:414px; background-image:url('../images/media/contentfeature.media.back.gif'); cursor:default; } #Workspace #ContactUsContent .feature { padding-top:0px; padding-left:15px; position:absolute; left:180px; top:20px; width:414px; cursor:default; } #Workspace #LinksContent .feature { padding-top:0px; padding-left:15px; position:absolute; left:20px; top:70px; width:414px; height:340px; background-image:url('../images/media/content.links.feature.back.gif'); cursor:default; } #Workspace #ContentFrame .feature .title { font-size:1.0em; color:#CC7E00; font-family:Verdana; width:400px; } #Workspace #ContentFrame .feature .text { position:absolute; top:47px; font-size:0.7em; font-weight:normal; color:#ffffff; font-family:Verdana; width:380px; line-height:1.5em;} #Workspace #ContentFrame .feature .text a { margin-top:15px; font-size:0.8em; font-weight:normal; color:#CC7E00; font-family:Verdana; width:410px;} #Workspace #ContentFrame .feature .text p { margin-bottom:10px; } /* Workspace Media - Backgrounds */ .mediaItem { width:642px; height:481px; position:absolute; left:0px; top:0px;} #MediaItem_Company { background-image:url('../images/media/content.media.company.jpg');} #MediaItem_ContactUs { background-image:url('../images/media/content.media.contact.jpg');} #MediaItem_Products { background-image:url('../images/media/content.media.products.jpg');} #MediaItem_Links { background-image:url('../images/media/content.media.links.jpg');} #MediaItem_Clients { background-image:url('../images/media/content.media.clients.jpg');} #MediaItem_Torch { background-image:url('../images/media/content.media.client.torch.jpg');} #MediaItem_Rover { background-image:url('../images/media/content.media.client.rover.jpg');} #MediaItem_Motocross { background-image:url('../images/media/content.media.client.moto.jpg');} #MediaItem_Baku { background-image:url('../images/media/content.media.client.baku.jpg');} /* Workspace Media - Address */ #InsideAddress { position:absolute; font-size:8.5px; line-height:12px; font-weight:bold; font-family:Verdana; left:20px; top:34px; } #InsideAddress p { margin-bottom:2px; } #CompanyContent .address { color:#ffffff; } #ContactUsContent .address { color:#939672; } #LinksContent .address { color:#8C9BB6; font-size:0.65em; font-weight:bold; font-family:Verdana; } #Certified { position:absolute; font-size:8.5px; line-height:13px !important; font-weight:bold; font-family:Verdana; left:20px; top:115px; width:140px; color:#ffffff; } #Certified a { color:#ffffff; } #Certified .anab { position:absolute; left:15px;top:0px; } #Certified .anab img { width:102px; height:63px; background-image:url('../images/contact.anab.gif'); } #Certified .asr { position:absolute; left:15px; top:65px; } #Certified .asr img { width:102px; height:52px; background-image:url('../images/contact.asr.gif'); } #Certified .iso { position:absolute; top:125px; } /* Workspace - Sidebars */ #Sidebar { position:absolute; left:4px; top:139px; } #Sidebar .sidebarStatic { width:141px; height:445px; background-image:url('../images/layout/content.nav.back.jpg'); } #Sidebar .sidebarLinks { width:139px; height:447px; background-image:url('../images/layout/content.productnav.back.jpg'); position:absolute; top:0px; } #Sidebar .sidebarCompany .media { position:absolute; left:0px; top:0px; background-image:url('../images/media/sidebar.media.tubes.jpg'); width:140px; height:98px; } #Sidebar .sidebarContactUs .media { position:absolute; left:-1px; top:0px; background-image:url('../images/media/sidebar.media.tubes3.jpg'); width:139px; height:133px; background-position:0px -3px; } #Sidebar .sidebarLinks .media { position:absolute; left:-1px; top:0px; background-image:url('../images/media/sidebar.media.tubes4.jpg'); width:136px; height:98px; } #Sidebar .sidebarStatic .items { position:absolute; top:120px;} #Sidebar .sidebarStatic .item { font-size:.75em; margin-top:10px; margin-left:10px; width:120px; color:#DCDAB1; cursor:default;} #Sidebar .sidebarClients { width:141px; height:445px; background-image:url('../images/layout/content.clientnav.back.jpg'); } #Sidebar .sidebarClients .media { position:absolute; left:0px; top:0px; background-image:url('../images/media/sidebar.media.tubes2.jpg'); width:141px; height:80px; } #Sidebar .sidebarClients .items { position:absolute; top:115px;} #Sidebar .sidebarClients .item { font-size:.8em; margin-top:20px; margin-bottom:20px; margin-left:10px; width:135px; color:#2D5C93; } #Sidebar .sidebarClients .item a { color:#2D5C93; font-size:.8em; letter-spacing:.02em; font-weight:bold; letter-spacing:0em; text-decoration:none;} #Sidebar .sidebarClients .items .separator { position:relative; left:9px; width:118px; height:13px; background-image:url('../images/interface/nav.separator.gif'); } #Sidebar .sidebarClients .title { color:#2D5C93; position:absolute; top:80px; text-align:center; left:10px; font-size:1.1em; font-weight:bold; } #Sidebar .sidebarQuote { width:139px; height:447px; background-image:url('../images/layout/content.productnav.back.jpg'); position:absolute; top:0px; } #Sidebar .sidebarQuote .items { position:relative; top:30px;} #Sidebar .sidebarQuote .item { font-size:.8em; margin-bottom:10px; margin-left:12px; width:135px; color:#2D5C93; } #Sidebar .sidebarQuote .item a { color:#2D5C93; font-size:.8em; letter-spacing:.02em; font-weight:bold; letter-spacing:0em; text-decoration:none;} #Sidebar .sidebarQuote .separator { position:relative; left:9px; width:118px; height:13px; background-image:url('../images/interface/navProduct.separator.gif'); top:5px;} #Sidebar .sidebarQuote .instruction { position:relative; left:9px; width:118px; top:5px; font-size:.7em; color:#000000;} #Sidebar .sidebarQuote .title { color:#2D5C93; position:relative; top:10px; text-align:center; left:-5px; font-size:1.1em; font-weight:bold; } #Sidebar .sidebarProducts { width:139px; height:447px; background-image:url('../images/layout/content.productnav.back.jpg'); position:absolute; top:0px; } #Sidebar .sidebarProducts .items { position:relative; top:10px;} #Sidebar .sidebarProducts .item { font-size:.8em; margin-bottom:10px; margin-left:12px; width:135px; color:#2D5C93; } #Sidebar .sidebarProducts .item a { color:#2D5C93; font-size:.8em; letter-spacing:.02em; font-weight:bold; letter-spacing:0em; text-decoration:none;} #Sidebar .sidebarProducts .separator { position:relative; left:9px; width:118px; height:13px; background-image:url('../images/interface/navProduct.separator.gif'); top:5px;} #Sidebar .sidebarProducts .category { margin-bottom:30px; } #Sidebar .sidebarProducts .category .name { color:#2D5C93; position:relative; top:10px; text-align:left; left:12px; font-size:1.1em; font-weight:normal; font-size:.9em; cursor:pointer;} #Sidebar .sidebarProducts .subNavigation.selected { color:#ffffff; } #SidebarCalculator {position:absolute; top:340px; left:8px; width:120px;} #SidebarCalculator #BtnCalculator { width:116px; height:34px; background-image:url('../images/interface/button.calculator.gif'); position:absolute; top:0px; left:0px; cursor:pointer;} #SidebarCalculator #BtnCalculator.hover { background-image:url('../images/interface/button.calculator.over.gif'); } #SidebarCalculator #BtnCalculator.selected { background-image:url('../images/interface/button.calculator.down.gif'); } #SidebarCalculator .tooltip { position:absolute; top:35px; left:0px; font-size:.6em; color:#ffffff;} #Sidebar .sidebarPatterns .media { position:absolute; left:0px; top:0px; background-image:url('../images/media/sidebar.media.tubes.jpg'); width:140px; height:98px; } /* Workspace Overview */ #Workspace #ContentFrame .overview { padding-top:0px; padding-left:20px; position:absolute; left:10px; top:100px; width:623px; height:357px; background-image:url('../images/media/largeoverview.back.gif'); } #Workspace #ContentFrame .overview .title { font-size:1.1em; font-weight:bold; color:#ffffff; font-family:Verdana; width:310px; } #Workspace #ContentFrame .overview .text { margin-top:15px; font-size:0.8em; font-weight:normal; color:#000000; font-family:Verdana; width:560px; font-weight:bold; line-height:1.6em; } #Workspace #ContentFrame .overview .text a { margin-top:15px; font-size:0.8em; font-weight:normal; color:#CC7E00; font-family:Verdana; width:410px;} #Workspace #ContentFrame .overview .text p { margin-bottom:10px; text-indent:1.3em;} #Workspace #ContentFrame .overview .sidenote { color:#ffffff; } #Workspace #ContentFrame .overview ul { list-style-type:circle; list-style-position:outside; position:relative; left:15px; margin-bottom:20px;} /* Case Studies */ #Workspace #ContentFrame .casestudy { padding-top:0px; padding-left:20px; position:absolute; left:10px; top:10px; width:253px; height:457px; } #Workspace #ContentFrame .casestudy .title { font-size:1.1em; font-weight:bold; color:#ffffff; font-family:Verdana; width:310px; } #Workspace #ContentFrame .casestudy .text { margin-top:15px; font-size:0.8em; font-weight:normal; color:#000000; font-family:Verdana; width:560px; font-weight:bold; } #Workspace #ContentFrame .casestudy a { margin-top:1.5em; font-size:0.8em; font-weight:normal; color:#CC7E00; font-family:Verdana; width:410px;} #Workspace #ContentFrame .casestudy h3 { margin-top:1.0em; font-size:0.8em; color:#C87F1E; } #Workspace #ContentFrame .casestudy p { margin-bottom:1.5em; font-size:0.7em; color:#ffffff; line-height:1.4em; text-indent:1.6em;} #Workspace #ContentFrame .casestudy .sidenote { color:#ffffff; } #Workspace #ContentFrame .casestudy ul { list-style-type:circle; list-style-position:outside; position:relative; left:15px; margin-bottom:20px;} /* Products */ #Workspace #ProductOverlay {padding-top:0px; padding-left:20px; position:absolute; left:10px; top:55px; width:620px; height:415px; z-index:0; background-image:url('../images/media/product.media.back.gif'); } #Workspace #Products { z-index:1; position:absolute; top:50px; left:30px; overflow:hidden; width:580px; height:400px; } #Workspace #ContentFrame .productframe .section { margin-top:1.2em; position:relative; top:0px; left:0px; } #Workspace #ContentFrame .productframe .caption { font-size:.7em; font-weight:bold; color:#000000; font-family:Verdana; margin:0; text-indent:1.6em; line-height:1.6em; } #Workspace #ContentFrame .productframe .header { z-index:5; font-size:1.0em; font-weight:bold; font-family:Verdana; color:#2D5C93; margin-bottom:0em;} #Workspace #ContentFrame .productframe .header.selected { color:#ffffff;} #Workspace #ContentFrame .productframe .resource { position:relative; margin:10px;} #Workspace #ContentFrame .productframe .photo { z-index:0; } #Workspace #ContentFrame .productframe .text { z-index:5; margin-bottom:1.5em; font-size:0.7em; font-weight:normal; color:#000000; font-family:Verdana; font-weight:bold; line-height:1.5em; } #Workspace #ContentFrame .productframe .text a { font-size:0.95em; font-weight:normal; color:#ffffff; font-family:Verdana; text-decoration:none;} #Workspace #ContentFrame .productframe .resource a { font-size:0.75em; font-weight:bold; color:#2D5C93; font-family:Verdana; } #Workspace #ContentFrame .productframe .text p { text-indent:1.3em;} #Workspace #ContentFrame .productframe .text .link { font-size:1.1em; color:#1D4C63; font-family:tahoma; letter-spacing:.11em;} #Workspace #ContentFrame .productframe .sidenote { color:#ffffff; } #Workspace #ContentFrame .productframe ul { list-style-type:disc; list-style-position:outside; padding-left:15px; position:relative; margin-left:15px; width:370px;} #Workspace #ContentFrame .productframe .twocolumn { width:370px; } #Workspace #ContentFrame .productframe .twocolumn li { width:170px; float:left; margin-right:15px;} #Workspace #ContentFrame .productframe .columnclear { clear:left; } #Workspace #ProductScrollSpace { height:600px;} #Products_MetalChoices { width:420px; } #Products_ConstructionOptions {width:420px; } #Products_SpecialFinishes {width:370px; } #Products_WallThickness {width:420px; } #Products_SurfaceTreatments {width:420px; } #Products_Expertise {width:420px; } #Products_EndOptions {width:420px; } #Products_ImageGallerySummary {width:420px; } /* Product slider */ #Workspace #ProductScroll { position:absolute; left:4px; top:70px; cursor:pointer;} #Workspace #ProductScrollHandle { position:absolute; z-index:4; width:20px; height:89px; background-image:url('../images/interface/scroll.handle.png'); cursor:pointer; z-index:20;} #Workspace #ProductScrollTrack { position:absolute; z-index:4; width:17px; height:380px; background-image:url('../images/interface/scrolling-bar.png'); background-repeat:repeat-y; background-position:8px 0; background-image:none;} /* Product photos */ #Products_RightTubes .photo1 { width:377px; height:132px; background-image:url('../images/media/product.tube.1.png'); position:absolute; left:210px; top:10px; } #Products_MetalChoices .photo1 { width:175px; height:213px; background-image:url('../images/media/product.tube.2.png'); position:absolute; left:400px; top:10px; } #Products_SpecialFinishes .photo1 { width:190px; height:96px; background-image:url('../images/media/product.tube.3.png'); position:absolute; left:387px; top:100px; } #Products_WallThickness .photo1 { width:151px; height:130px; background-image:url('../images/media/product.tube.4.png'); position:absolute; left:410px; top:10px; } #Products_SurfaceTreatments .photo1 { width:153px; height:80px; background-image:url('../images/media/product.tube.5.png'); position:absolute; left:417px; top:70px; } #Products_Expertise .photo1 { width:190px; height:47px; background-image:url('../images/media/product.tube.6.png'); position:absolute; left:387px; top:100px; } #Products_PerforationPatterns .examplePattern { position:relative; top:0px; left:10px; width:190px; height:96px; background-image:url('../images/media/example.patterns.gif'); } #Products_OpenAreaSummary .exampleFormula { position:relative; top:0px; left:10px; width:219px; height:68px; background-image:url('../images/media/example.formulas.gif'); height:100px;} #Products_WallThickness .exampleThickness { position:relative; top:0px; left:10px; width:333px; height:83px; background-image:url('../images/media/example.thickness.gif'); } #Products_OpenAreaSummary .formulas { width:285px; height:85px; background-image:url('../images/media/formulae.gif'); position:absolute; left:240px; top:20px; } /* ContactUs and privacy policy */ #Workspace #ContentFrame #ContactUsContent h3 { margin-top:1.0em; font-size:0.8em; color:#C87F1E; } #ContactUsContent .feature { font-size:0.7em; font-weight:normal; color:#000000; font-family:Verdana; width:380px; line-height:1.5em;} #ContactUsContent .feature .separator { width:429px; height:9px; background-image:url('../images/interface/content.separator.gif'); margin-bottom:10px;} #Feature_Privacy { height:450px; overflow:scroll; overflow-x:hidden;} /* Industry links */ #LinksContent h2 { font-size:1.2em; font-weight:bold; color:#CC7E00; font-family:Verdana; position:absolute; left:36px; top:20px; } #LinksContent #IndustryLinks { position:relative; top:10px; left:5px; } #LinksContent #IndustryLinks p { margin-bottom:20px; } #LinksContent #IndustryLinks p a { color:#E49122; font-size:.65em; letter-spacing:.15em; text-decoration:none;} #LinksContent .address { position:absolute; bottom:27px; left:20px; } /* Buttons */ #Btn_QuickQuote p { display:none; } #Btn_QuickQuote img { width:220px; height:15px; background-image:url('../images/interface/button.quote.gif'); border:0; } #Workspace #ContentFrame #Btn_QuickQuote { position:absolute; top:15px; left:400px; } /* Gallery Library */ #GalleryContent { z-index:13; background-color:#000000; position:absolute; left:-9px; top:138px; width:810px; height:600px; background-image:url('../images/interface/gallery.back.jpg'); } #GalleryLibrary { position:relative; left:10px; top:0px; width:800px; background-color:#000000;} #GalleryLibrary .galleryItem { width:90px; height:90px; float:left; clear:none; margin:0px; position:relative; padding-right:10px; padding-top:10px; cursor:pointer;} #GalleryLibrary .galleryItem .caption { background-color:#000000; width:90px; text-align:center; font-size:.9em; color:#E49122; font-weight:bold; position:absolute; top:76px; } #GalleryLibrary .galleryItem .thumbnail, #GalleryLibrary .galleryItem .thumbnail img{ width:90px; height:62px; background-color:#000000;} #GalleryItemSelector { z-index:14; width:118px; height:83px; position:absolute; background-image:url('../images/interface/gallery.select.gif'); cursor:pointer;} #GalleryViewer { position:absolute; left:27px; top:20px; width:780px; height:600px; } #GalleryItemDetail img { z-index:15; width:749px; height:510px; position:absolute; top:10px; left:2px; background-color:#000000; } #GalleryItemFrame { z-index:16; position:absolute; left:0px; top:0px; width:752px; height:519px; background-image:url('../images/interface/gallerydetail.overlay.gif');} #Btn_ViewGalleryThumbnails { text-indent:-9999px; position:absolute; left:490px; top:520px; width:239px; height:39px; background-image:url('../images/interface/button.viewthumbnails.png');} #Btn_ViewGalleryThumbnails.hover { background-image:url('../images/interface/button.viewthumbnails.on.png'); } #GalleryItemCaption { position:absolute; left:290px; top:520px; font-size:.9em; color:#E49122; font-weight:bold; } #Btn_GalleryItemBack { z-index:17; text-indent:-9999px; position:absolute; left:-19px; top:150px; width:19px; height:26px; background-image:url('../images/interface/button.gallery.back.jpg');} #Btn_GalleryItemForward { z-index:17; text-indent:-9999px; position:absolute; left:753px; top:150px; width:22px; height:26px; background-image:url('../images/interface/button.gallery.forward.jpg');} /* Quick Quote Form */ .quickquoteContainer { padding:10px; padding-bottom:0; background-image:url('../images/media/content.media.quote.jpg'); width:621px; height:481px; } .quickquoteFrames { width:621px; height:437px; overflow:auto; overflow-x:hidden; position:relative;} .quickquoteFrames .button { text-indent:-9999px; } .quickquoteFrames .title {color:#cc8004;} .quickquoteFrames .subtitle {color:#cc8004;} #QuickQuoteFooter { position:absolute; width:641px; height:34px; left:0px; top:447px; background-image:url('../images/quickquote/footer.back.png'); } #Wizard_StartForm { height:30px; position:relative; clear:both; width:inherit; width:596px;} #Wizard_StartForm .input { position:relative; float:left; clear:right; margin-right:10px; } #Wizard_StartForm .button { position:absolute; top:-4px;} #QuickQuoteFooter .button { margin-left:10px; margin-top:4px; float:right; clear:left; text-indent:-9999px; } #Btn_UploadDesignBegin { width:224px; height:33px; background-image:url('../images/quickquote/upload-tube-design.gif');} #Btn_UploadDesignBegin.hover { background-image:url('../images/quickquote/upload-tube-design-rollover.gif');} #Btn_WizardStart { width:79px; height:30px; background-image:url('../images/quickquote/begin-button.gif');} #Btn_WizardStart.hover { background-image:url('../images/quickquote/begin-button-rollover.gif');} #Btn_WizardBegin { width:79px; height:30px; background-image:url('../images/quickquote/next-button.gif'); background-position:0px 2px;} #Btn_WizardBegin.hover { background-image:url('../images/quickquote/next-button-rollover.gif');} #Btn_QuoteWizard_StartOver { position:absolute; left:0; width:125px; height:30px; background-image:url('../images/quickquote/start-over-button.gif');} #Btn_QuoteWizard_StartOver.hover { background-image:url('../images/quickquote/start-over-button-rollover.gif');} #Btn_QuoteWizard_Previous { width:79px; height:30px; background-image:url('../images/quickquote/back-button.gif');} #Btn_QuoteWizard_Previous.hover { background-image:url('../images/quickquote/back-button-rollover.gif');} #Btn_QuoteWizard_Next { width:79px; height:30px; background-image:url('../images/quickquote/next-button.gif'); background-position:0px 2px;} #Btn_QuoteWizard_Next.hover { background-image:url('../images/quickquote/next-button-rollover.gif');} #Btn_QuoteWizard_Finish { width:79px; height:30px; background-image:url('../images/quickquote/send-button.gif');} #Btn_QuoteWizard_Finish.hover { background-image:url('../images/quickquote/send-button-rollover.gif');} #Btn_UploadDesign { text-indent:-9999px; background:none; border:0; cursor:pointer; width:79px; height:30px; background-image:url('../images/quickquote/upload-button.gif');} #Btn_UploadDesign.hover { background-image:url('../images/quickquote/upload-button-rollover.gif');} .quickquoteFrames .form { position:relative; margin:10px; margin-top:0px; padding-top:5px; padding-left:10px; background-color:#a2acb5; width:596px; margin-left:0; color:#3d679b; background-image:url('../images/quickquote/bar-inside-form.gif'); background-repeat:repeat-y; } .form .group { clear:both; position:relative; vertical-align:top; top:0px; margin:0;} .form .group .input { position:relative; top:0px; left:0px; clear:right; float:left; margin-right:5px; height:18px; padding-top:12px;} .form .group .commentbox { height:50px; } .form .group .label { position:absolute; left:0px; top:0px; display:block; font-size:7pt; font-weight:bold; height:10px;} .form .group .input input { height:14px; font-size:.8em; } .form .group .filetextbox input { height:18px; font-size:.8em; } .form .group .filetextbox { height:40px; } .form .group .textbox input { width:100px; } .form .group .shorttextbox input { width:60px; } .option .form { font-size:.8em; } .form .shorttextbox input { width:60px; } .form .group .selectbox select { height:18px; } .form .group .longtextbox input { width:200px;} .form .group .tinytextbox input { width:30px; } .form .group .commentbox textarea { width:400px; height:40px;} .form .group .checkboxGroup { width:250px; float:left; clear:right; height:auto; margin-bottom:10px; } .form .group .checkboxGroup .checkbox { width:245px; float:left; clear:right; font-size:.7em;} .form .group .checkboxGroup .checkbox label { position:absolute; left:20px; } .form .group .radioGroup { width:250px; float:left; clear:right; height:auto; margin-bottom:10px; } .form .group .radioGroup .radio { width:245px; float:left; clear:right; font-size:.7em; } .form .group .radiolist { font-size:.7em; } .form .group .checkboxlist { font-size:.7em; } .form .group .radioGroup .radio label { position:absolute; left:20px; } .form .group .inputList { width:500px; float:left; clear:right; height:auto; margin-bottom:10px; } .form .group .inputList .inputListItem{ width:495px; float:left; clear:right;} .form .required input { background-color:#ffeebb; border:1px solid #A5ACB2; padding:1px;} .form .group .checkboxGroupHorizontal { position:relative; margin-bottom:20px; clear:both; width:570px; height:auto;} .form .group .checkboxGroupHorizontal .checkbox { position:relative; width:140px; float:left; font-size:.7em; margin-bottom:5px; height:20px;} .form .group .checkboxGroupHorizontal .checkbox label { position:absolute; left:20px; } .form .group .radioGroupHorizontal { position:relative; margin-bottom:20px; clear:both; width:570px; height:auto;} .form .group .radioGroupHorizontal .radio { position:relative; width:140px; float:left; font-size:.7em; margin-bottom:5px; height:20px;} .form .group .radioGroupHorizontal .radio label { position:absolute; left:20px; } #RadioGroup_TubeSeamType { height:70px; } #RadioGroup_TubeSeamType .radio { position:relative; display:block; width:110px; height:60px; background-color:#ffffff; clear:right; float:left; margin-right:10px; padding:5px; border:2px solid #266FA2;} #RadioGroup_TubeSeamType label { position:absolute; left:0px; top:20px; display:block; width:120px; height:50px; background-color:transparent; clear:none; float:none; text-indent:-9999px; background-repeat:no-repeat; background-position:0px 0px;} #LblSeamType_Any { background-image:url('../images/quickquote/seam.any.png'); } #LblSeamType_Spiral { background-image:url('../images/quickquote/seam.spiral.png'); } #LblSeamType_Longitudinal { background-image:url('../images/quickquote/seam.longitudinal.png'); } .quickquoteFrames .description { font-size:.7em; background-color:#eaeef0; border:1px solid #f0f0f0; width:593px; padding:2px;} .quickquoteFrames .description .extranote { font-weight:bold; } /* Quick quote figures */ #QuoteStep_Diameter .figure { position:absolute; z-index:10; left:447px; top:auto; margin-top:20px; width:150px; height:75px; background-image:url('../images/quickquote/figure.diameter.gif');} #QuoteStep_Length .figure { position:absolute; z-index:10; left:447px; top:auto; margin-top:20px; width:150px; height:75px; background-image:url('../images/quickquote/figure.length.gif');} #QuoteStep_Finish .figure { position:absolute; z-index:10; left:387px; top:auto; margin-top:0px; width:200px; height:200px; background-image:url('../images/quickquote/figure.finish.gif'); } #QuoteStep_Assembly .figure { position:absolute; z-index:10; left:367px; top:auto; margin-top:0px; width:200px; height:200px; background-image:url('../images/quickquote/figure.endoptions.gif'); } #QuoteStep_Finish textarea { width:300px; } #QuoteStep_Assembly textarea { width:300px; } #RadioGroup_TubeFinish { top:0px; width:350px; } #CheckboxGroup_TubeEndOption { top:0px; width:350px; } #QuoteStep_Finish .form .group { top:auto; } /* Quick quote sortable grid */ .grid { font-size:.7em; margin:10px; padding-bottom:20px;} .grid .rowHeader { clear:both; border-bottom:1px solid #000000; margin-bottom:4px; width:500px; height:35px;} .grid .row { clear:both; } .grid .columnHeader { border-left:1px solid transparent; -moz-user-select:'none'; position:relative; float:left; clear:right; width:120px; margin-right:2px; padding:2px; height:24px;} .grid .column { border-left:1px solid transparent; border-right:1px solid transparent; float:left; clear:right; width:120px; margin-right:2px; padding:2px;} .grid .sortable { cursor:pointer; border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #000000; border-bottom:1px solid #000000;} #PatternGrid { position:relative; top:15px; } #PatternGrid .gridRows { width:500px; height:260px; overflow:scroll; overflow-x:hidden; padding-right:20px;} #PatternGrid .selection { width:50px; } #PatternGrid .thumbnail { width:70px; height:auto; } #PatternGrid .row { height:35px; border:1px solid transparent; background-color:transparent;} #PatternGrid .row.selected { border:1px solid #ffffff; background-color:#f0f0f0;} #PatternGrid .row .thumbnail { width:70px; height:30px; cursor:pointer;} #PatternGrid .row .thumbnail img{ width:70px; height:30px; } #PatternViewer { z-index:15; width:756px; height:520px; position:absolute; top:90px; left:20px; background-color:#ffffff; border:2px solid #cb8003;} #Btn_ClosePatternViewer { z-index:16; width:79px; height:30px; background-image:url('../images/quickquote/back-button.gif'); text-indent:-9999px; position:absolute; bottom:10px; right:40px; } #PatternEnlarged img { z-index:15; width:729px; height:510px; position:absolute; top:10px; left:20px; background-color:#ffffff; } #PatternGrid .diameter { width:70px; } #PatternGrid .center { width:60px; } #PatternGrid .patterntype { width:72px; } #PatternGrid .percentopen { width:78px; } #PatternGrid .text { position:relative; left:75px; width:200px; } .grid .sortbyasc { background-image:url('../images/quickquote/sort.asc.gif'); background-position:right top; } .grid .sortbydesc { background-image:url('../images/quickquote/sort.desc.gif'); background-position:right top; } #PatternsContent { position:absolute; left:40px; top:10px; } #PatternsContent .thumbnail { width:150px !important; } #PatternsContent #PatternGrid .gridRows { height:335px; } #PatternsContent .prevLink { position:absolute; top:0px; left:490px; font-size:11px; width:100px;} /* Seam Type Chart */ #Chart_SeamType { position:absolute; top:185px; right:20px; z-index:100;} #ChartTab_Longitudinal { width:193px; height:24px; background-image:url('../images/quickquote/tab.longitudinal.gif'); } #ChartTab_Spiral { width:140px; height:24px; background-image:url('../images/quickquote/tab.spiral.gif'); } #Chart_SeamType .tabs { margin-right:40px;} #Chart_SeamType .tabs .tab { text-indent:-9999px; cursor:pointer; clear:left; float:right; } #Chart_SeamType .tabs .selected { } #Chart_SeamType .header { clear:both; float:none;} #Chart_SeamType .dataContainer { float:none; height:160px; overflow:scroll; overflow-x:hidden; margin:0; padding:0px;} .chartSpiral, .chartSpiral .dataContainer { width:620px; } .chartLongitudinal, .chartLongitudinal .dataContainer { width:487px; } .chartSpiral .header { width:597px; height:54px; background-image:url('../images/quickquote/chart.spiral.header.jpg'); } .chartSpiral .data { width:597px; height:218px; background-image:url('../images/quickquote/chart.spiral.jpg'); } .chartLongitudinal .header { width:464px; height:55px; background-image:url('../images/quickquote/chart.longitudinal.header.jpg'); } .chartLongitudinal .data { width:464px; height:327px; background-image:url('../images/quickquote/chart.longitudinal.jpg'); } #ProductsOverlay { z-index:513; background-color:#A9C4D5; position:absolute; left:130px; top:97px; width:750px; height:500px; background-image:url('../images/media/content.media.overlay.jpg'); } #ProductsOverlayViewer { z-index:16; position:absolute; left:-2px; top:-10px; width:752px; height:519px; background-image:url('../images/interface/gallerydetail.overlay.gif'); } #ProductsOverlay #Chart_SeamType { top:60px; right:50px; } #ProductsOverlay #Chart_SeamType .dataContainer { float:none; height:auto; overflow:visible; overflow-x:visible; margin:0; padding:0px;} #Btn_CloseProductOverlay { color:#ffffff; font-size:14px; position:absolute; left:700px; top:20px;} /* Quick Quote Summary */ #Quote_Summary { padding-bottom:50px; } #QuoteFrame_Summary .section { font-size:.75em; margin-top:6px; width:560px;} #QuoteFrame_Summary .section .label { font-size:1.1em; font-weight:bold; } #QuoteSummary_Comments { height:60px; width:400px; overflow:auto; overflow-x:hidden;} /* Javascript Loaders */ #Status { display:none; } #Message {display:none; } /* Globals */ .noindent { text-indent:0px; } /* S-IFR Styles */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; } .sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 55px; } .sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 25px; } .sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; } .sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; } #Column1 h1 { font-size:1.8em; } #Column1 h2 { font-size:1.3em; } /* progress bar */ #ApplicationProgress { position:absolute; top:100px; left:100px; background-color:#ffffff; border:1px solid #000000; width:250px; z-index:12000; } #Progress { position:absolute; left:10px; top:10px; width:200px; height:12px; border:1px solid #000000; } #ProgressBar { background-color: #c13642; height:10px; left:20px; top:20px; } #ValidationMessage { position:absolute; top:10px; left:400px; background-color:#ffeecc; color:#000000; font-size:.8em; font-weight:bold; padding:4px; z-index:100;} #ContactUsContent #ValidationMessage { top:0px; left:250px; width:200px;} #ContactForm { position:relative; left:-170px; width:550px; padding:20px;} #ContactForm .form { font-size:12px;} #Btn_Contact_Send { position:relative; left:300px; text-indent:-9999px; width:79px; height:30px; background-image:url('../images/quickquote/send-button.gif');} #Btn_Contact_Send.hover { background-image:url('../images/quickquote/send-button-rollover.gif');} #Btn_Contact_Back { position:relative; left:0px; text-indent:-9999px; width:79px; height:30px; background-image:url('../images/quickquote/back-button.gif');} #Btn_Contact_Back.hover { background-image:url('../images/quickquote/back-button-rollover.gif');}