/*------------------------------------------ ---------------- Reseting ------------------ ----------------------------------------- */ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, img, s, small, strike, sup, sub, dl, dt, dd, ol, ul, li, form, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent } :focus, :active { outline: 0 } html { font-size: 100.01% } body { font-size: 62.5%; color: #000; background: url(../img/wrap.gif) repeat-x #1d5692 } h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000 } h1 { font-size: 1.8em; line-height: 1em; margin-bottom: 1em } h2 { font-size: 1.4em; line-height: 1.2em; margin-bottom: 1.2em } h3 { font-size: 1.3em; line-height: 1.5em; margin-bottom: 1.5em; } h4, h5, h6 { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em } p, pre, code, label, th, td, dd, dt, select, li { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em } ul, ol { margin-bottom: 1.8em; list-style:none; list-style-type:none } ul { list-style: square } ol { list-style: decimal } li { margin-left: 1.8em; } li p { color: #000 } /*------------------------------------------ ------------------ Fonts ------------------- ----------------------------------------- */ h1 { font-family: "Myriad Pro", Arial, "Helvetica Neue", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Verdana, sans-serif } h2, h3, h4, h5, h6 { font-family: Arial, "Helvetica Neue", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Verdana, sans-serif } p, pre, label, th, td, li, textarea { font-family: Arial, "Helvetica Neue", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Verdana, sans-serif } /*------------------------------------------ ------------------ Links ------------------- ----------------------------------------- */ a:link, a:visited, a:hover, a:active { font-weight: normal; text-decoration: none; color: #003f8f } a:hover { text-decoration: underline } a img { border: 0 } /*------------------------------------------ ------------- Global Classes --------------- ----------------------------------------- */ .clear { clear: both } .floatLeft { float: left } .floatRight { float: right } .textLeft { text-align: left } .textRight { text-align: right } .textCenter { text-align: center } .textJustify { text-align: justify } .bold { font-weight: bold !important } .italic { font-style: italic } .underline { border-bottom: 1px solid } .highlight { background: #ffc } .noPadding { padding: 0 } .noMargin { margin: 0 !important } .noIndent { margin-left: 0; padding-left: 0 } .noBullet { list-style: none; list-style-image: none } .noBorder { border: none !important } .grey { color: #7c8592; font-family: tahoma, sans-serif } /*------------------------------------------ ---------------- Wrapper ------------------- ----------------------------------------- */ #wrap { width: 914px; overflow: visible; margin: 7px auto 0 auto; position: relative; background-color:#00265d; background-image:none } /* background: url(../img/mainWrap.png) repeat */ /*------------------------------------------ ---------------- Layout -------------------- ----------------------------------------- */ #header { width: 867px; height: 88px; margin: 0 auto; position: relative; background: url(../img/header.gif) no-repeat } a#logo:link, a#logo:visited { display: block; width: 344px; height: 88px; background: url(../img/logoBtn.gif) no-repeat } a#logo:hover, a#logo:active { background: url(../img/logoBtn.gif) no-repeat 0 -88px; text-decoration:none } #mainMenu { margin-bottom: 0; list-style: none; position: absolute; bottom: 0; right: 0 } #mainMenu li { margin: 0; float: left; font: normal 1.5em/1em "Myriad Pro", Arial, sans-serif } #mainMenu a:link, #mainMenu a:visited { display: block; width: 130px; height: 25px; color: #fff; text-align: center; padding-top: 41px } #mainMenu a:hover, #mainMenu a:active { text-decoration: underline } /*--------------------------------------- */ #mainMenu .products { background: url(../img/mainMenuProductsBtn.gif) no-repeat } #mainMenu .news { background: url(../img/mainMenuNewsBtn.gif) no-repeat } #mainMenu .about { background: url(../img/mainMenuAboutBtn.gif) no-repeat } #mainMenu .contactlast { width: 133px !important; background: url(../img/mainMenuContactBtn.gif) no-repeat } #mainMenu .products:hover { background: url(../img/mainMenuProductsBtn.gif) no-repeat 0 -66px } #mainMenu .news:hover { background: url(../img/mainMenuNewsBtn.gif) no-repeat 0 -66px } #mainMenu .about:hover { background: url(../img/mainMenuAboutBtn.gif) no-repeat 0 -66px } #mainMenu .contactlast:hover { background: url(../img/mainMenuContactBtn.gif) no-repeat 0 -66px } #mainMenu .productsActive { background: url(../img/mainMenuProductsActiveBtn.gif) no-repeat } #mainMenu .newsActive { background: url(../img/mainMenuNewsActiveBtn.gif) no-repeat } #mainMenu .aboutActive { background: url(../img/mainMenuAboutActiveBtn.gif) no-repeat } #mainMenu .contactlast.Active { width: 133px !important; background: url(../img/mainMenuContactActiveBtn.gif) no-repeat } #mainMenu .productsActive:hover { background: url(../img/mainMenuProductsActiveBtn.gif) no-repeat 0 -66px } #mainMenu .newsActive:hover { background: url(../img/mainMenuNewsActiveBtn.gif) no-repeat 0 -66px } #mainMenu .aboutActive:hover { background: url(../img/mainMenuAboutActiveBtn.gif) no-repeat 0 -66px } #mainMenu .contactlast.Active:hover { background: url(../img/mainMenuContactActiveBtn.gif) no-repeat 0 -66px } /*--------------------------------------- */ #content { margin: 8px 23px 0 23px; background: #fff } .threeCol { background: #fff url(../img/content3.gif) repeat-y !important } .contentExtra { background: url(../img/content.gif) no-repeat } .contentExtra2 { background: url(../img/content2.gif) bottom left no-repeat; padding-top: 6px; overflow: hidden; position: relative; padding-bottom: 210px } .contentExtra3 { background: url(../img/content2.gif) bottom left no-repeat; padding: 18px 27px; overflow: hidden; position: relative } #board { width: 856px; height: 164px; background: url(../img/board.jpg) no-repeat; margin: 0 auto; position: relative } #board .summaryBlock { width: 325px; position: absolute; top: 29px; right: 20px; } #board h1 { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.4em } .col { float: left; width: 258px; background: #fff; position: relative; top: -12px; margin: 0 10px; border: #0f4a96 1px solid; border-bottom: none } .colInner { padding: 18px } .col p { font: normal 1.1em/1.5em Arial, sans-serif } .extraMargin { margin-left: 23px !important } .heading { width: 224px; position: absolute; top: -35px; left: -1px; background: url(../img/col.gif) no-repeat; padding: 18px 18px 0 18px } /* .png */ .heading h1 { border-bottom: #c90000 1px solid; padding-bottom: .45em; margin-bottom: 0 } /*--------------------------------------- */ #bottomContainer{ position: absolute; bottom: 9px; left: 0; background: #fff; padding-bottom: 15px } .links { float: left; width: 254px; margin: 0 10px 18px 10px; border: #0f4a96 1px solid; border-top: none; padding: 2px } .links ul { background: #f1f1f1; margin-bottom: 0; list-style: none; padding: 18px 0 18px 18px } .links ul li { margin: 0; margin-bottom: 8px; font: normal 1.2em/1.25em Arial, sans-serif } .links a:link, .links a:visited, .links a:hover, .links a:active { background: url(../img/bullet.gif) 0 3px no-repeat; padding-left: 18px; font-weight: bold } #newsBlock { float: left; width: 498px; height: 66px; margin: 0 0 0 24px; padding: 13px 18px; background: #c7d5e6 url(../img/newsBG.gif) no-repeat; position: relative } #newsBlock h1 { margin-bottom: .5em } #newsBlock p { margin-bottom: .3em; font-size:1.1em; line-height:1.1em } #newsBlock p span { padding-right: 13px } #newsBlock p a { background: url(../img/bullet-small-news.gif) 2px 4px no-repeat; padding-left: 15px; } #contactBlock { float: left; width: 220px; height: 66px; margin: 0 0 0 27px; padding: 13px 18px; background: #c7d5e6 url(../img/contactBG.gif) no-repeat; position: relative } #contactBlock h1 { margin-bottom: .5em } #contactBlock p { font: normal 1.1em/1.2em Arial, sans-serif; margin-bottom: 0 } /*--------------------------------------- */ #footer { overflow: visible; height: 34px; position: relative; padding-top: 14px } #footer ul { width: 272px; list-style: none; margin: 0 auto; overflow: hidden; text-align:center } #footer ul li { margin: 0; float: left; padding: 0 10px; text-align: center; border-right: #fff 1px solid; font: normal 1.1em/1.2em Arial, sans-serif; } #footer ul li a { float:left; color: #fff } #footer p { margin-bottom: 0; text-align: center; color: #fff; font: normal 1.1em/2.6363em Arial, sans-serif } #footerExtra { width: 100%; background:url(../img/footer.gif) no-repeat; height: 11px; position: absolute; bottom: 0px; left: 0; margin-bottom: -11px } /* .png */ .arrow { width: 16px; height: 16px; background:url(../img/arrow.png) no-repeat; position: absolute; top: 3px; right: 3px } /*--------------------------------------- */ .status { font: normal 1em/1.8em Arial, sans-serif; color: #003f8f } .status span { font-family: Verdana, Arial, sans-serif } .status a:link, .status a:visited, .status a:hover, .status a:active { text-decoration: underline } /*--------------------------------------- */ .leftCol { float: left; width: 180px } div#leftMenu { border: #0f4a96 1px solid; padding: 18px; margin-bottom: 10px; width: 144px } div#leftMenu h1 { font: bold 1.5em/1.2em Arial, sans-serif; margin-bottom: 1em; color: #C90000 } div#leftMenu h1 a { background:none !important;color: #c90000; padding-left:0 !important } div#leftMenu ul, div.product-index-box ul { margin-bottom: 0; list-style: none } div.product-index-box li { margin-left:0 } #leftMenu li { margin: 0; font: bold 1.2em/1.2em Arial, sans-serif; margin-bottom: 13px } #leftMenu li.current span { background: url(../img/bullet-red-block.gif) 2px 4px no-repeat; padding-left: 18px; color: #C90000 !important } #leftMenu ul ul { margin-left: 16px; margin-top: 10px } #leftMenu ul ul li { font-size: 1em } #leftMenu a:link, #leftMenu a:visited, #leftMenu a:hover, #leftMenu a:active, .product-index-box p a:visited, .product-index-box p a:hover, .product-index-box p a:active, .product-index-box p a:link, .product-index-box li a:visited, .product-index-box li a:hover, .product-index-box li a:active, .product-index-box li a:link { background: url(../img/bullet2.gif) 0 3px no-repeat; padding-left: 18px; font-weight: bold } .product-index-box li.noArrow a { background:none; padding-left:0 !important } .product-box-thumb span, .product-box span { font-weight: bold; color: #c90000 } .pdf { background: url(../img/pdf.gif) no-repeat !important } li.noMargin.pdf a { background: none !important } /*--------------------------------------- */ #leftForm { background: #c7d5e6; padding: 18px; text-align: center } #leftForm h1 { font: normal 1.1em/1.6em "Myriad Pro", Arial, sans-serif; color: #003f8f } #leftForm h1 span { font-size: 1.7em } .contactForm { margin-bottom: 6px } .contactForm label { display: block; text-align: left; padding-left: 3px; margin-bottom: 4px; font: normal 11px/1em Arial, sans-serif; float: left; clear: left } .contactForm input { border: #000 1px solid; margin-bottom: 8px; width: 140px; float: left; clear: left; margin-left: 0 !important } .contactForm input.text { font-size:12px; height:16px; font-family:Arial, Helvetica, sans-serif; padding-left:3px } .contactFormSubmit { position: relative; cursor: pointer; text-transform: uppercase; background: url(../img/submit.gif) no-repeat; border: none !important; font: normal 11px/11px "Myriad Pro", Arial, sans-serif; color: #003f8f; height: 25px; width: 97px !important; margin-top: 4px; left: 23px } #formtable { margin-right: -60px } #contactform { margin-bottom: 20px } #contactform label { font-size: 1.1em } #contactform td.label { vertical-align: top } #contactform input { margin-bottom: 0 } #contactform input.submit { margin-top: 12px } #contactform label.option { display: block; margin-bottom: 0; vertical-align: top } #contactform td.subscribe input { float: left } #contactform td.subscribe label { display: block; margin-left: 25px; line-height:1.2em } #cfsubject { width: 99%; height: 1.4em; font-size: 1.1em; margin-bottom: 0.8em } #cfMessage { width: 99%; height: 80px; font-size: 1.1em } /* #contactform p { float: left; clear: both; width: 99% } #contactform .radios { float: left; margin-bottom: 10px } #contactform .radios label.option { text-align: left } #contactform .radios label.option.space { margin-left: 105px } #contactform label { display: block; font-size: 1.1em; margin-bottom: 0; margin-right: 5px } */ .errors { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#C90000; margin-left:-10px; margin-right:-10px; margin-bottom:10px } /*--------------------------------------- */ .mainCol { margin-left: 200px; min-height: 530px; height: auto !important; height: 530px } /* min-height:570px; height: auto !important; height: 570px; */ .mainCol.basePage { width:400px } .mainCol .line { border: none; border-top: #c90000 1px solid; margin-bottom: 1.5em } #mainCol div.product-index-box { width:100%; clear:both; } #mainCol div.product-box { width:236px; float:left; margin-right:40px; margin-top:12px } #mainCol div.product-box-thumb { float:left; margin:12px 20px 0 0; width: 236px } #mainCol div.product-box-thumb ul { list-style-type:none; list-style:none } #mainCol div.product-box-thumb ul li { margin-left:0 } #mainCol div.product-index-box hr { clear:both; height:1px; margin-bottom:20px; background-color:#336699; border:none } #mainCol div.product-index-box h2 { display:inline; font-size: 1.8em; line-height: 1em; margin-bottom: 1em } #mainCol div.product-index-box h3 { display:inline; font-size: 1.4em; line-height: 1.2em; margin-bottom: 1.2em } .boldHeader { font-weight: bold; color: #175191; line-height:1.2em } #rightCol { float: right; width: 190px; margin: 0 0 18px 0; text-align: center } .image { background: url(../img/image.gif) bottom repeat-x; margin-bottom: 27px } .image a:link, .image a:visited, .image a:hover, .image a:active { display: block; font: bold 1.1em/1.5em Arial, sans-serif; color: #000 } .image p { font-weight:bold; font-size:1.1em; margin-top:7px; padding-bottom:6px } .imgOne { padding: 150px 0 9px 0; background: url(../img/sample1.jpg) top center no-repeat } .imgTwo { padding: 140px 0 9px 0; background: url(../img/sample2.jpg) top center no-repeat } .centerCol { width: 388px } .centerColWide { width: 450px } .centerCol p { margin-bottom: 0; padding-bottom: 1em } .centerCol ul { margin-bottom: 0; padding-bottom: 0.5em } .centerCol h2, .centerCol h3 { font-weight: bold; margin-bottom: 0.5em } .centerCol li { margin-bottom: 0.7em } .centerCol a:link.pdf, .centerCol a:visited.pdf, .centerCol a:hover.pdf, .centerCol a:active.pdf { background: url(../img/pdf.gif) no-repeat !important; padding-left: 16px; margin-left: 1px; margin-right: 2px } /* .centerCol li h2 { margin-bottom: 0.5em; font-weight: normal; display: inline; margin-left: -5px } */ .centerCol div.t1 h2 { background: url(../img/arrow-red.gif) no-repeat 0 3px; margin-bottom: 0.5em; margin-top: 0.5em; padding-left: 1.4em; cursor: pointer; font-weight: bold; color: #003F8F } /* .centerCol li.t1.active { background: url(../img/arrow-red.gif) no-repeat 0 4px; margin-left: 0; padding-left: 1.4em; list-style: none; cursor: pointer } */ .centerCol div.t1.active h2 { background: url(../img/arrow-red-down.gif) no-repeat 0 3px } .centerCol div.t2 { margin-top:8px } .centerCol div.t3o h3 { background: url(../img/arrow-red-small.gif) no-repeat 4px 4px; margin-top: 0.2em; margin-bottom: 0.2em; padding-left: 1.4em; cursor: pointer; font-weight: bold; padding-bottom: 0.3em; color: #003F8F } .centerCol div.t3o.active h3 { background: url(../img/arrow-red-down-small.gif) no-repeat 4px 4px } .element ul { padding-bottom: 10px; margin-bottom: 0; padding-left: 11px } .link:link, .link:visited, .link:hover, .link:active { float: right; background: url(../img/bullet2.gif) 0 3px no-repeat; padding-left: 18px; font-weight: bold; background: url(../img/bullet2.gif) 0 5px no-repeat } ul.newsIndex { list-style: none; list-style-type: none; margin-top:0 } ul.newsIndex li { padding-top: 2px; margin-left:0; } ul.newsIndex li a { background: transparent url(../img/bullet2.gif) no-repeat scroll 0 6px; margin-top: 3px; display: block; padding-left:18px } ul.newsIndex li a.conf { padding-left: 20px; background: url(../img/icon-conf.gif) no-repeat } ul.newsIndex li a.pr { padding-left: 20px; background: url(../img/icon-pr.gif) no-repeat } ul.newsIndex li a.pub { padding-left: 20px; background: url(../img/icon-pub.gif) no-repeat } ul.newsIndex li h3 { line-height: 1.4em; font-size: 1.2em } ul.newsIndex li h3 .date { font-weight: bold; color: #000 } .index-box-left { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .index-box-left h3 { margin-top: 3px; line-height:1.25em; font-size: 1em; padding-left: 18px; background: url(../img/bullet2.gif) 0 3px no-repeat; } .index-box-left h3.current { background: url(../img/bullet-red-block.gif) 2px 4px no-repeat; } .index-box-left .date { font-weight: bold } /*--------------------------------------- */ .TileFlow { display: block; width: 64px; height: 16px; background: url(../img/tileFlowBtn.gif) no-repeat } .MacroFlow { display: block; width: 83px; height: 16px; background: url(../img/macroFlowBtn.gif) no-repeat } .MeltFlow { display: block; width: 70px; height: 16px; background: url(../img/meltFlowBtn.gif) no-repeat } .news { display: block; width: 40px; height: 16px; background: url(../img/newsBtn.gif) no-repeat } .contact { display: block; width: 58px; height: 16px; background: url(../img/contactBtn.gif) no-repeat } .TileFlow:hover { background: url(../img/tileFlowBtn.gif) no-repeat 0 -22px } .MacroFlow:hover{ background: url(../img/macroFlowBtn.gif) no-repeat 0 -22px } .MeltFlow:hover { background: url(../img/meltFlowBtn.gif) no-repeat 0 -22px } .news:hover { background: url(../img/newsBtn.gif) no-repeat 0 -22px } .contact:hover { background: url(../img/contactBtn.gif) no-repeat 0 -22px } /*--------------------------------------- */ .PJN_Menu { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; clear:both } .PJN_Next { float:right } .PJN_Prev { float:left } .PJN_Next a, .PJN_Prev a { font-weight:bold }