/*---------------------------------------------------------------------------------------------------GENERAL*/ h3{margin-bottom: 0px;} h1{color: #333;} h5{margin-bottom:0px;} /*---------------------------------------------------------------------------------------------------ARTICLES*/ .articleContainer{background-color: #fff;} .articleContainer h3{color: #333; font-weight: bold; font-style: italic;} .tool{color: #fff; background-color: #333; padding: 5px; font-size: 8pt; padding-bottom: 7px; margin-left: 10px;} .tool a:link, .tool a:visited{color: #FFD200; text-decoration: none; } .tool a:hover, .toolv a:active{color: white; text-decoration: none; } /*---------------------------------------------------------------------------------------------------CORPORATE*/ h2.corporate{margin-bottom: 0px; border: 0px solid red; padding-bottom: 0px; border: 0px solid red; color: #192793;} div.upperMenu{font-size: 120%; margin-top: 7px;} /*---------------------------------------------------------------------------------------------------PRODUCTS*/ h2.products{letter-spacing: -1px; color: #192793; font-size: 1.6em;} h2.products2{letter-spacing: -1px; color: #192793; text-align: right; font-size: 1.6em;} div.infoBox{background-color: #fff;} #slider, #slider1, #slider2 { width: 290px; margin: 0 auto; position: relative; } .scroll { height: 290px; width: 290px; overflow: auto; overflow-x: hidden; position: relative; clear: left; } .scrollContainer div.panel { padding: 10px; height: 330px; width: 270px; } .scrollButtons { position: absolute; top: 50px; cursor: pointer; } .scrollButtons.left { left: -20px; } .scrollButtons.right { right: -20px; } .hide { display: none; } /*---------------------------------------------------------------------------------------------------SUBMENU*/ div.submenu{color: #333; text-align: right; padding-bottom: 7px; font-size: 1.2em;} div.submenu a:link, div.submenu a:visited{text-decoration: none; color: #333; } div.submenu a:hover, div.submenu a:active{text-decoration: none; color: #fff;} div.submenu-alt{color: #333; text-align: right; padding-bottom: 7px; font-size: 1.2em;} div.submenu-alt a:link, div.submenu-alt a:visited{text-decoration: none; color: #333; } div.submenu-alt a:hover, div.submenu-alt a:active{text-decoration: none; color: #fff;} span.submenu{width: 120px;} /*---------------------------------------------------------------------------------------------------HEADER*/ #altMenu{padding: 3px; color: #fff; background-color: #6d93cf;} #altMenu h1{color: #333;margin: 0; padding: 0;} #altMenu h4{color: #333; margin: 0; padding: 0;} #altMenu a{color: #fff;} #printHeader{display:none;} /*---------------------------------------------------------------------------------------------------FOOTER*/ div.footerContainer{background-color: #333; color: white; width: 100%; height: 12%; min-height: 12%; text-align: center;} div.footerArea{width: 950px; margin: 0 auto; text-align: left; padding-top: 7px;} input.searchBox{height: 24px; border: 0px; font-size: 1.50em; color: #333; padding-top: 4px; padding-left: 4px; font-family: Arial, Helvetica, sans;} #footer ul{height: 35px; list-style-type: none; padding: 0px; margin: 0px; padding-bottom: 0px;} #footer ul li{list-style-type: none; display: inline; border: 0px solid red; margin:0px; padding-right: 7px; color: #fff;} #footer ul li a:link, #footer ul li a:visited{color: #fff; text-decoration: none;} #footer ul li a:hover, #footer ul li a:active{color: #eea444; text-decoration: none; } #footerFront{text-align: right; color: #fff; padding-top: 3px;} #footerFront a:link, #footerFront a:visited{text-decoration: none; color: #fff;} #footerFront a:hover, #footerFront a:active{text-decoration: none; color: #fcad18;} .footerMenu{text-align: right; } .footerMenu a:link, div.footerMenu a:visited{color: #ffffff; text-decoration: none;} .footerMenu a:hover, div.footerMenu a:active{color: #ffd200; text-decoration: none;} .loginMenu a:link, .loginMenu a:visited{color: #fff; text-decoration: none;} .loginMenu a:hover, .loginMenu a:active{color: #ffd200; text-decoration: none;} /*---------------------------------------------------------------------------------------------------NEWS */ a.readmore{} a.readmore:link{text-decoration: none; padding: 3px; background-color: #fff; color: #192793;} a.readmore:visited{text-decoration: none; padding: 3px; background-color: #fff; color: #333;} a.readmore:hover, a.readmore:active {text-decoration: none; padding: 3px; background-color: #FFD200; color: #333;} a.newsHeader:link{text-decoration:none; font-size: 24px; margin-top: 14px; *padding-top: 0px; *margin-top: 7px; color: #192793; letter-spacing: -1px; padding-bottom: 5px; *padding-bottom: 0px; } a.newsHeader:visited{text-decoration:none; font-size: 24px; margin-top: 14px; *padding-top: 0px; *margin-top: 7px; color: #333; letter-spacing: -1px; padding-bottom: 5px; *padding-bottom: 0px; } a.newsHeader:hover, a.newsHeader:active{text-decoration:underline; font-size: 24px; margin-top: 14px; *padding-top: 0px; *margin-top: 7px; color: #192793; letter-spacing: -1px; padding-bottom: 5px; *padding-bottom: 0px;} ul.news{list-style-type:none; margin-left: 0px;} ul.news li{margin-left: 0px; padding: 3px 3px 3px 0px;} ul.news li a:link, ul.news li a:visited{color: #333; text-decoration: none; display: block; padding: 3px;} ul.news li a:hover, ul.news li a:active{color: #fff; text-decoration: none; display: block; background-color: #333; padding: 3px;} div.newsDate{background-color: #333; color: white; padding: 3px; font-size: 10px; font-weight: bold; line-height: 19px; text-align: left;} .archive_cmd{background-color: #333; *margint-top: 5px; *margint-top: 20px;} .archive_cmd2{display: block; float: right; height: 20px; padding: 0px; margin-top: -26px; color: #fff; padding-right: 4px; cursor: hand;} a.archive_link{cursor: pointer; color: #fff; text-decoration: none; padding: 3px;} .news_entry_date{color: #333; font-size: 10px; font-weight: bold; line-height: 19px; text-align: left;} #archive{background-color: #fff;} #archive a.newsHeader:link{text-decoration:none; font-size: 17px; margin-top: 14px; *padding-top: 0px; *margin-top: 7px; color: #192793; padding-bottom: 5px; *padding-bottom: 0px; } #archive a.newsHeader:visited{text-decoration:none; font-size: 17px; margin-top: 14px; *padding-top: 0px; *margin-top: 7px; color: #333; padding-bottom: 5px; *padding-bottom: 0px; } #archive a.newsHeader:hover, #archive a.newsHeader:active{text-decoration:underline; font-size: 17px; margin-top: 14px; *padding-top: 0px; *margin-top: 7px; color: #192793; padding-bottom: 5px; *padding-bottom: 0px;} h2.newsHeader{margin-top: 7px; line-height: 27px; margin-bottom: 3px; text-decoration: none; line-height: 25px; *line-height: 28px; color: #192793; letter-spacing: -1px;} #news-archive-list{padding: 0 0 200px 0;} #news-archive-list h3{color: #fff; float: right; width: 150px;} #news-archive-list ul, #news-archive-list ul li{ list-style-type: none; margin: 0; padding: 0; float: right; } #news-archive-list li{ padding: 5px; background-color: transparent; } #news-archive-list a{ margin: 10px 0 0 0; padding: 7px; text-decoration: none; display: block; } #news-archive-list a:link, #news-archive-list a:visited{ background-color: #333; color: #fff; } #news-archive-list a:hover, #news-archive-list a:active{ background-color: #ffd200; color: #333; } #news-archive-list a.selected:link, #news-archive-list a.selected:visited, #news-archive-list a.selected:hover, #news-archive-list a.selected:active { font-weight: bold; background-color: #ffd200; color: #333; } /*---------------------------------------------------------------------------------------------------ALTERNATIVE HEADER */ #navigation {list-style: none; border: 1px solid #333; margin-top: -2px; padding-top: 0px; position: relative; top: 0px;} #navigationFront {list-style: none; border: 0px solid #333; margin-top: -2px; padding-top: 0px; position: relative; top: 0px;} #navigation li, #navigationFront li {float: left;} #navigation a * {display: none;} #navigationFront a * {display: none;} #navigation a, #navigationFront a, #navigation a .hover, #navigationFront a .hover { height: 70px; display: block; background: url(/elix/images/menu-sprites.png) 0 0 no-repeat;} /* individual navigation items */ #navigation a.home, #navigationFront a.home {background-position: 0 0; width: 102px; background-color: transparent;} #navigation .highlight2 a.home:hover, #navigation a.home .hover, #navigationFront .highlight2 a.home:hover, #navigationFront a.home .hover {background-position: 0 -280px; width: 102px; background-color: transparent;} #navigation a.services, #navigationFront a.services {background-position: -102px 0px; width: 115px;} #navigation .highlight2 a.services:hover, #navigation a.services .hover, #navigationFront .highlight2 a.services:hover, #navigationFront a.services .hover {background-position: -102px -280px; background-color: transparent;} #navigation a.portfolio, #navigationFront a.portfolio {background-position: -217px 0;width: 120px;} #navigation .highlight2 a.portfolio:hover, #navigation a.portfolio .hover, #navigationFront .highlight2 a.portfolio:hover, #navigationFront a.portfolio .hover {background-position: -217px -280px; background-color: transparent;} #navigation a.about, #navigationFront a.about {background-position: -337px 0; width: 100px;} #navigation .highlight2 a.about:hover, #navigation a.about .hover, #navigationFront .highlight2 a.about:hover, #navigationFront a.about .hover {background-position: -337px -280px; background-color: transparent;} #navigation a.contact, #navigationFront a.contact {background-position: -437px 0; width: 110px; background-color: transparent;} #navigation .highlight2 a.contact:hover, #navigation a.contact .hover, #navigationFront .highlight2 a.contact:hover, #navigationFront a.contact .hover {background-position: -437px -280px; background-color: transparent;} #navigation a.contact2, #navigationFront a.contact2{background-position: -555px 0; width: 115px; background-color: transparent;} #navigation .highlight2 a.contact2:hover, #navigation a.contact2 .hover, #navigationFront .highlight2 a.contact2:hover, #navigationFront a.contact2 .hover {background-position: -555px -280px; background-color: transparent;} /*------------------------------------------------------------------------------------------------------------ sIFR ---*/ .sIFR-flash {visibility: visible !important; margin: 0;padding: 0;} .sIFR-replaced {visibility: visible !important;} .sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element. */ .sIFR-replaced > div {display: none !important;} /*---- Header styling ---*/ .sIFR-active h1 {visibility: hidden; font-family: Arial; line-height: 1em; font-size: 3.9em;} .sIFR-active h2.corporate {visibility: hidden; font-family: Arial; line-height: 1em; font-size: 1.7em;} .sIFR-active h2.products, .sIFR-active h2.products2, sIFR-active h2.newsHead{visibility: hidden; font-family: Arial; line-height: 1em; font-size: 1.6em;} .sIFR-active h2.datasheet{visibility: hidden; font-family: Arial; line-height: 1em; font-size: 1.8em;} .sIFR-active h2.sa {visibility: hidden; font-family: Arial; line-height: 1em;font-size: 1.5em;} .sIFR-active h3{visibility: hidden;font-family: Arial;line-height: 1em;font-size: 16px; padding-bottom:0px;} .sIFR-active h4{visibility: hidden; font-family: Arial; line-height: 1em; font-size: 18px;} .sIFR-active div.upperMenu{visibility: hidden; font-family: Arial; line-height: 1em; } .sIFR-active div.submenu{visibility: hidden; font-family: Arial; line-height: 1.35em; font-size: 1.35em;} .sIFR-active p.subtitle{visibility: hidden; font-family: Arial; line-height: 1.35em;} /*---------------------------------------------------------------------------------------------------VIDEOS*/ #video_pagination a{text-decoration: none;} #videos a{text-decoration: none;} /*---------------------------------------------------------------------------------------------------JQMODALS*/ /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow {display: none; position: fixed; top: 17%; left: 62%; margin-left: -260px; width: 280px; background-color: #ffffff; color: #333; border: 0px solid black; padding: 12px; height: 280px; *height: 300px; border-top: 7px solid #f9b600; text-align: left;} .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (