@charset "UTF-8"; /* CSS Document */ .jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/ display: none; } /*-- Meyer Reset --*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } body { background: #b2b2b2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4; color: #000; text-align:left; } a { color:#800000; text-decoration:none; } a:hover { color:#005596; } h1, h2, h3 { font-weight:normal; } #wrap { background-image:url(i/body_bg.png); background-position:top center; background-repeat:repeat-y; width:984px; margin:0 auto; overflow:hidden; } /*-- Mast --*/ #mast { margin:0 auto; width:858px; height:98px; vertical-align:top; overflow:hidden; } #mast img.logo { float:left; } #mast p { float:right; margin-top:15px; } #mast a { color:#666; } #mast a:hover { color:#800000; } #mast ul { float:right; clear:right; width:625px; height:51px; margin-top:20px; background-image:url(i/nav_bg.png); background-position:top left; background-repeat:no-repeat; list-style:none; padding:0; } #mast ul li { height:32px; margin-top:19px; float:left; display:inline; text-indent:-9999px; } #mast ul li a { display:block; height:32px; background-position:top; } #mast ul li a:hover { background-position:bottom; } li.nav1 a { width:122px; background-image:url(i/nav1.png); } li.nav2 a { width:120px; background-image:url(i/nav2.png); } li.nav3 a { width:114px; background-image:url(i/nav3.png); } li.nav4 a { width:164px; background-image:url(i/nav4.png); } li.nav5 a { width:105px; background-image:url(i/nav5.png); } #transportation li.nav1 a, #manufacturing li.nav2 a, #construction li.nav3 a, #advantage li.nav4 a, #advantage li.nav4 a, #advantage li.nav4 a, #apply li.nav5 a { background-position: bottom; } /*-- Home --*/ #home #contentBox { background-image:none; width:863px; height:325px; overflow:hidden; } #home #content { margin:10px 8px 0 0; width:600px; height:311px; background:#FFF url(i/banner_bg.jpg) top no-repeat; padding-top:0; } #home #content ul.glidecontenttoggler { margin:0 0 4px 14px; list-style:none; float:left; width:580px; height:10px; } #home #content ul.glidecontenttoggler li { float:left; height:10px; margin:0 4px 0 0; padding-top:4px; display:inline; } #home #content ul.glidecontenttoggler li a { display:block; width:10px; height:10px; background:url(i/home_dot.png) left top no-repeat; text-indent:-9999px; } #home #content ul.glidecontenttoggler li a:hover { background-position:bottom; } #home #content #banner #bannerConstruction, #home #content #banner #bannerManufacturing, #home #content #banner #bannerTransportation, #home #content #banner #bannerOOIDA { height:297px; clear:left; } #home #content #banner #bannerConstruction { background:url(i/banner_bg1.jpg) top no-repeat; } #home #content #banner #bannerManufacturing { background:url(i/banner_bg2.jpg) top no-repeat; } #home #content #banner #bannerTransportation { background:url(i/banner_bg3.jpg) top no-repeat; } #home #content #banner #bannerOOIDA { background:url(i/banner_bg4.jpg) top no-repeat; } #home #content h1 { width:390px; font-size:28px; line-height:33px; text-indent:-9999px; padding:38px 0 16px 0; height:70px; } #home #content #bannerTransportation h1, #home #content #bannerConstruction h1 {float:right; } #home #content #bannerManufacturing h1, #home #content #bannerOOIDA h1 { float:left; } #home #content p { clear:both; } #home #content #bannerTransportation p, #home #content #bannerConstruction p { width:325px; text-align:right; margin-left:244px; } #home #content #bannerManufacturing p, #home #content #bannerOOIDA p { width:340px; text-align:left; margin-left:30px; } #home #content a.apply { text-indent:-9999px; display:block; width:106px; height:42px; overflow:hidden; background:url(i/banner_apply.jpg) top left no-repeat; margin:10px 0 0 0; } #home #content #bannerTransportation a.apply, #home #content #bannerConstruction a.apply { margin-left:477px; } #home #content #bannerManufacturing a.apply, #home #content #bannerOOIDA a.apply { margin-left:23px; } #home #content a.apply:hover, #transportation #content a.apply:hover, #manufacturing #content a.apply:hover, #construction #content a.apply:hover, #application #content a.apply:hover { background-position:bottom left; } #bottomBox { width:858px; height:147px; margin:0 auto 0 auto; background:url(i/home_bot_bg.png) top left no-repeat; padding-top:24px; } #leftEnd { width:230px; height:99px; margin:0 0 0 24px; float:left; } #leftEnd h1 { width:147px; height:16px; text-indent:-9999px; background:url(i/head_bottomline.png) top left no-repeat; } #bottomline { margin-top:10px; } #leftEnd ul { list-style:none; height:31px; width:230px; margin-top:10px; } #leftEnd ul li { color:#888; float:left; display:inline; height:31px; display:block; } #leftEnd ul li a { width:34px; height:31px; display:block; background-position:top left; background-repeat:no-repeat; text-indent:-9999px; } #leftEnd ul li.socnet1 a { background-image:url(i/icon_facebook.png); } #leftEnd ul li.socnet2 a { background-image:url(i/icon_twitter.png); } #leftEnd ul li.socnet3 a { background-image:url(i/icon_linkedin.png); } #leftEnd ul li.socnet4 a { background-image:url(i/icon_youtube.png); } #bottomBox #testimonial { float:left; margin-left:24px; padding-left:24px; border-left:#FFF solid 1px; height:130px; width:534px; overflow:hidden; } /* width:420px */ #bottomBox #quote h1 { font-size:20px; line-height:24px; font-style:italic; color:#888; } #bottomBox #quote h2 { font-size:14px; font-style:italic; color:#888; margin-top:10px; } #bottomBox #testimonial p { font-size:12px; margin-top:8px; } #bottomBox #bottomline p { font-size:12px; margin-top:15px; } #testimonial a, #bottomline a { color:#800000; } #testimonial a:hover, #bottomline a:hover { color:#005596; } /*-- Content --*/ /* #contentWrap { width:863px; overflow:hidden; margin:0 auto; } */ #contentWrap { width:863px; overflow:hidden; margin:0 0 4px 62px; } #contentBox { background:url(i/sidebar_bg.png) bottom right no-repeat; width:863px; overflow:hidden; } #content { float:left; margin:10px 8px 0 0; width:600px; background:#CECECE url(i/main_bg-top.png) top no-repeat; padding-top:14px; } #content ul.breadcrumbs { margin:0 14px 30px 14px; height:12px; list-style:none; } #content ul.breadcrumbs li { font-size:12px; line-height:12px; height:11px; float:left; display:inline; color:#666; border-left:#888 solid 1px; padding-left:6px; margin-left:5px; } #content ul.breadcrumbs li.first { background:url(i/breadcrumb_bg.png) left top no-repeat; padding-left:16px; border-left:none; margin-left:0; color:#005596; } #content ul.breadcrumbs .active { color:#FFF; } #content ul.breadcrumbs li a { color:#800000; } #content ul.breadcrumbs li a:hover { color:#005596; } #content p { margin:18px 70px 0 70px; } #testimonials #content #quote p, #testimonials #content #quoteFirst p, #testimonials #content #quoteBelow p, #testimonials #content #quote h1, #podcasts #content .show p, #podcasts #content .showFirst p, #podcasts #content .showBelow p, #podcasts #content .show h1 { margin:0; } #content p.contentEnd, #podcasts #content p.contentEnd { margin:18px 0 0 0; background:url(i/main_bg-bot.png) bottom no-repeat; height:10px; width:600px; } #about #content p.contentEnd { margin-top:84px; } #mainmenu #content p.contentEnd { margin-top: 356px; } #uploads #content p.contentEnd { margin-top: 200px; } #application #content .moreEnd { margin-top: 220px; } #content p.instructions { font-size: 11px; font-style: italic; color: #666; margin-top:18px;} #podcasts #content p.instructions { border-top:0; padding-top:0; } #application #content form p.instructions { margin:0; vertical-align:text-bottom; } #application #content form td span.instructions { font-size:11px; font-style:italic; color:#666; } #testimonials #content #quote, #podcasts #content .show { padding-top:18px; border-top:#f0f0f0 solid 1px; width:460px; } #podcasts #content .showFirst, #testimonials #content #quoteFirst, #podcasts #content p.contentEnd, #testimonials #content p.contentEnd { border-top:0; padding-top:0; } #testimonials #content #quote, #testimonials #content #quoteFirst, #podcasts #content .show, #podcasts #content .showFirst { width:460px; margin:18px auto 0 auto; } #testimonials #content #quoteBelow, #podcasts #content .showBelow { width:460px; margin:10px auto 0 auto; } #support #content img { margin:18px 0 0 70px; } #support #content form, #login #content form, #application #content form { margin:36px 70px 0 70px; width:460px; background:#f0f0f0 url(i/table_bot.png) bottom left no-repeat; padding-bottom:20px; } #content form h2 { font-size:16px; color:#005596; padding: 20px 0 0 20px; background:url(i/table_top.png) top left no-repeat; width:440px; } #support #content form p, #login #content form p, #application #content form p { margin: 10px 20px 0 20px; } #support #content form p.top, #login #content form p.top, #application #content form p.top { background:url(i/table_top.png) top left no-repeat; height:10px; margin:0; } #support #content form p.bottom, #login #content form p.bottom, #application #content form p.bottom { height:10px; margin:0; } #support #content table, #application #content table { margin:0 20px 0 20px; padding:10px; width:420px; } #login #content table { margin:18px auto 0 auto; padding:10px; width:55%; } #application #content form table.lined { border-top:#CECECE solid 2px; padding:0; margin:20px 0 0 0; width:460px; } #application #content form table.lined .first { padding:30px 0 10px 20px; } #application #content form table.lined .firstR { padding:30px 0 10px 0; } #application #content form table.lined .colSpan { width:440px; padding-left:20px; } #support #content td, #login #content td { vertical-align:top; padding:10px 0; } #application #content td { vertical-align:top; padding:10px 0; } #application #content form td.leftColumn { width:180px; vertical-align:top; padding-top:13px; } #application #content table.lined td.leftColumn { width:180px; padding-left:20px; } #application #content td.customerName { padding:20px 0 0 0; font-weight:bold; color:#005596; } #application #content table.lined td.customerName { padding:30px 0 0 20px; } .formSep { border-top:#888 solid 1px;; } .subQuestion { text-indent:30px; } #support #content input.button, #login #content input.button { margin:10px 0 0 186px; } #application #content form #buttonBox { width:460px height:42px; overflow:hidden; margin-top:20px; } #application #content input.buttonNext { float:right; margin-right:43px; } #application #content input.buttonPrev { float:left; margin-left:56px; } #application #content input.button { margin:10px 0 0 350px; } #content h1 { margin-left:44px; text-indent:-9999px; height:30px; background-position:top left; background-repeat:no-repeat; } #about #content h1 { background-image:url(i/head_about.png); width:153px; } #support #content h1 { background-image:url(i/head_support.png); width:103px; } #advice #content h1 { background-image:url(i/head_advice.png); width:85px; } #testimonials #content h1 { background-image:url(i/head_testimonials.png); width:151px; } #transportation #content h1, #manufacturing #content h1, #construction #content h1 { margin::0; text-indent:-9999px; } #transportation #content h1 { height:85px; } #manufacturing #content h1 { height:64px; } #construction #content h1 { height:85px; } #podcasts #content h1 { background-image:url(i/head_podcasts.png); width:435px; } #login #content h1 { background-image:url(i/head_login.png); width:166px; } #mainmenu #content h1 { background-image:url(i/head_mainmenu.png); width:137px; } #uploads #content h1 { background-image:url(i/head_uploadedfiles.png); width:184px; } #application #content h1 { background-image:url(i/head_application.png); width:220px; } #testimonials #quote h3, #testimonials #quoteFirst h3, #testimonials #quoteBelow h3, #podcasts #content .show h3, #podcasts #content .showFirst h3, #podcasts #content .showBelow h3, #about #content h3, #application #content h3 { font-size:14px; color:#005596; } #testimonials #quote h3, #testimonials #quoteFirst h3, #testimonials #quoteBelow h3 { margin:0 0 10px 0; } #podcasts #content .show h3, #podcasts #content .showFirst h3, #podcasts #content .showBelow h3 { margin:0; } #application #content h3 { margin:30px 0 0 70px; } #about #content #bottomline { margin:30px 0 0 70px; width:460px; } #about #content #bottomline ul { list-style-type:none; } #about #content #bottomline ul li { margin-left:0; margin-top:10px; padding-left:14px; background:url(i/bullet.gif) 0 3px no-repeat; } #application #content p.below { margin-top:9px; } #podcasts #content p.posted { font-size:11px; color: #666; margin-top:0; } #podcasts #content object { margin:10px 0 4px 0; height:24px; width:290px; } #podcasts #content img.icon { float:left; margin:0 20px 20px 0; } #transportation #content, #manufacturing #content, #construction #content { background-position:top left; background-repeat:no-repeat; height:516px; } #transportation #content { background-image:url(../css/i/landing_bg_transportation.jpg); } #manufacturing #content { background-image:url(../css/i/landing_bg_manufacturing.jpg); } #construction #content { background-image:url(../css/i/landing_bg_construction.jpg); } #transportation #content p, #manufacturing #content p, #construction #content p { margin:0 0 0 310px; width:240px; text-align:right; } #transportation #content p, #construction #content p { margin-top:18px; line-height:20px; } #manufacturing #content p { margin-top:18px; line-height:19px; } #transportation #content a.apply, #manufacturing #content a.apply, #construction #content a.apply { text-indent:-9999px; display:block; width:106px; height:43px; overflow:hidden; background:url(../css/i/apply_trans.png) top left no-repeat; margin:0 0 0 454px; } #transportation #content a.apply { margin-top:16px; } #manufacturing #content a.apply { margin-top:6px; } #construction #content a.apply { margin-top:10px; } #application #content a.apply { text-indent:-9999px; display:block; width:106px; height:42px; overflow:hidden; background-image:url(i/getstarted.png); background-position:top left; background-repeat:no-repeat; margin:10px 0 0 400px; } #application #content form input.textBox, #application #content form input.textBox2, #application #content form textarea { width:230px; color:#888; } #application #content form input.textBox2 { margin-top:7px; } .textBox3 { width:80px; color:#888; } select { margin-right:10px; } #application #content form input.agreement { margin:0 10px 12px 0; float:left; } .radio2 { margin-left:10px; } #uploads #content table { margin:18px 0 0 70px; width:460px; } #uploads #content th { text-align:left; font-weight:normal; } #uploads #content td { padding:9px 0; } #content p.toTop a { text-indent:-9999px; display:block; width:22px; height:28px; overflow:hidden; background:url(i/totop.png) top left no-repeat; margin:16px auto; } #content p.toTop a:hover { background-position: top right; } #content p.toTop2 { background:url(i/totop2_bg.png) top left no-repeat; height:36px; width:460px; margin:10px auto 0 auto; } #content p.toTop2 a { text-indent:-9999px; display:block; width:60px; height:36px; overflow:hidden; background:url(i/totop2.png) top no-repeat; margin:0 auto; } #content p.toTop2 a:hover { background-position: bottom; } /*-- Sidebar --*/ #sideBar { float:left; width:255px; } #sideBar #adHelp { background-color:#FFF; background-image:url(i/ad_asr_bg.jpg); background-position:left top; background-repeat:no-repeat; width:255px; height:76px; padding-top:73px; } #sideBar #adHelp h1 { margin:0 12px 12px 12px; font-size:18px; color:#005596; } #sideBar #adHelp h2 { margin:12px; font-size:15px; color:#005596; } #sideBar #adHelp a { text-indent:-9999px; display:block; width:108px; height:42px; overflow:hidden; background:url(i/ad_getstarted.jpg) top left no-repeat; margin-left:13px; } #sideBar #adHelp a:hover { background-position:bottom left; } #sideBar .adPodcast, #sideBar .adCalculator { background-color:#FFF; background-position:bottom left; background-repeat:no-repeat; width:250px; height:78px; overflow:hidden; } #sideBar .adPodcast { background:url(i/ad_podcast.png); } #sideBar .adCalculator { background:url(i/ad_calculator.png); } #sideBar .adPodcast a, #sideBar .adCalculator a { text-indent:-9999px; display:block; width:39px; height:34px; overflow:hidden; background:url(i/ad_go.png) no-repeat; margin:44px 0 0 211px; } #sideBar .adPodcast a { background-position:top left; } #sideBar .adCalculator a { background-position:top right; } #sideBar .adPodcast a:hover { background-position:bottom left; } #sideBar .adCalculator a:hover { background-position:bottom right; } #sideBar .adPodcast, #sideBar .adCalculator, #sideBar #testimonial { border-top:#FFF 8px solid; } #sideBar #testimonial { width:250px; background:url(i/sidebar_top.png) top no-repeat; color:#888; padding-top:12px; } #sideBar #testimonial #quote h1 { margin:0 12px 12px 12px; font-size:18px; line-height:24px; font-style:italic; } #sideBar #testimonial #quote h2 { margin-right:12px; font-size:12px; text-align:right; } #sideBar #testimonial #archive h2, #application #sideBar #testimonial h2 { margin-left:14px; text-align:left; margin-top:0; font-size:14px; color:#666; } #sideBar #testimonial #archive h2.second { margin-top:18px; } #sideBar #testimonial #archive p, #application #sideBar #testimonial p { margin-left:14px; font-size:12px; text-align:left; } #application #sideBar #testimonial p { color:#666; } #application #sideBar #testimonial a { margin-left:20px; } #sideBar #testimonial #archive p.feeds { margin:0 0 20px 0; text-align:center; } #sideBar #testimonial #archive img { margin:0 0 0 55px; } #sideBar #testimonial p { margin-right:12px; text-align:right; margin-top:8px; } #testimonials #sideBar #testimonial p { margin-left:14px; text-align:left; margin-top:0; font-size:14px; color:#666; } /*-- Footer --*/ #footer { background-image:url(i/footer_bg.png); background-position:top center; background-repeat:no-repeat; width:984px; height:51px; padding-top:7px; clear:left; } #footer p { font-size:10px; color:#888; line-height:normal; margin-left:72px; } #footer a { color:#666; } #footer a:hover { color:#800000; }