/********** SpectraSensors by Schipul - The Web Marketing Company [ www.schipul.com ] powered by Tendenci User Software [ www.tendenci.com ] ***********/ * {margin:0px; padding:0px;} body { background:url(/images/home/body-bg.jpg) top center repeat-y #0056a7; font-family:Arial, Helvetica, sans-serif} ul, ol { margin: 1em 0; padding-left: 2.5em; } div#skiptocontent {position: absolute; left: -9999px;} div#white-top {width: 100%; min-height: 220px; height: auto !important; height:220px; background:url(/images/home/whitebg.jpg) top left repeat-x;} div#container {width: 950px; margin:0px auto; position: relative; } div#logo {width: 270px; height: 85px; float:left;} #logo img {border: 0;} div#nav {clear: both; float:left; width:950px; height:31px; background:url(/images/home/nav-bg.jpg) top left no-repeat;} .address, .address p {text-align: right; color:#000; font-size:11px; font-weight:bold; padding-right: 3px;} .address a{color: #00628D;} div#header-top {clear: left; width: 950px; height:306px; display: block; position: relative; background: transparent url(/images/header-bg.jpg) no-repeat top left; } div#header-content { display: block; width: 465px; height:275px; float:left; background:url(/images/home/header-content.jpg) top left no-repeat; } #header-content h1 {font-size:16px; margin: 25px 0px 0px 29px; color:#363535} #header-content p {font-size:12px; width:454px; margin: 0px 0px 0px 29px; color:#363535} #header-content a {color:#0062AE;} #top-header { position: relative; display: block; height: 85px; } .sub-links { position: absolute; bottom: 5px; right: 0; } #menu form { float: right; } div#header-image { width: 475px; height: 275px; overflow: hidden; position: absolute; top: 1px; right: 5px; } div#analyzer {width: 463px; margin: 15px 0px 0px 3px;} div.analyzer-title {clear: both; width: 189px; height:106px; float:left; background:url(/images/home/analyzer-title.jpg) top left no-repeat;} div.analyzer-btns {width: 273px; height: 106px; float:left; background:url(/images/homek/btn-shades.jpg) bottom left no-repeat;} div.analyzer-top-links {text-align:right; font-size:9px; margin-bottom:3px;} a.analyzer-top {font-size:10px; text-align:right;} a#btn-product{width: 233px; height:32px; font-size:12px; font-weight:bold; color:#FFF; display:block; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF; line-height: 32px; text-decoration:none; padding-left:40px; background: url(/images/home/btn-product.jpg) top left no-repeat #00628d;} a#btn-industry{width: 233px; height:32px; background-color:#00628d; font-size:12px; font-weight:bold; color:#FFF; display:block; border-bottom: solid 1px #FFF; line-height: 32px; text-decoration:none;padding-left:40px; background: url(/images/home/btn-industry.jpg) top left no-repeat #00628d;} a#btn-name{width: 233px; height:32px; background-color:#00628d; font-size:12px; font-weight:bold; color:#FFF; display:block; border-bottom: solid 1px #FFF; line-height: 32px; text-decoration:none;padding-left:40px; background: url(/images/home/btn-name-over.jpg) top left no-repeat #00628d;} a#btn-product:hover {background:url(/images/home/btn-product-over.jpg) top left no-repeat #D4402E; color:#FFF} a#btn-industry:hover {background:url(/images/home/btn-industry-over.jpg) top left no-repeat #D4402E;} a#btn-name:hover {background:url(/images/home/btn-name.jpg) top left no-repeat #D4402E;} .blue-spacer {clear: both; width:950px; height:31px; background:url(/images/home/spacer.jpg) top center no-repeat;} div#main-content {width: 950px; background:url(/images/home/content-bg.jpg) top center repeat-y; float:left} #awards {margin:0 auto;} #awards img {margin-right: 8px;} #awards p {font-size:12px; color:#FFF;} #awards a, #news a, #video-section a {color:#020202;} #investors {background:url(/images/home/relations-bg.jpg) top center no-repeat #0071BC; width:258px; height:184px; margin-bottom:23px;} #investors h2 {font-size:16px; font-weight:bold; padding: 8px 0px 10px 15px; color:#FFF;} #investors p, #investors a {font-size:12px; color:#FFF; padding-left:15px;} #investors a:hover, #awards a:hover, #header-content a:hover, .address a:hover {color: #333;} #news {font-size:12px;} #news a:hover, #video-section a:hover {color:#FFF;} #news a {text-decoration:none;} ul.releases-top5 li a {padding:0px;} .releases-top5 a { display: block; padding:0px 0px 3px 0px;} #news h3 {font-size:12px; margin-bottom:5px;} #video-section {font-size:12px; color:#FFF;} #video-section a {text-decoration:none;} #video-section ul {margin-top:0px; padding:10px 0px 0px 0px;} #video-section li {list-style:none; margin:0px; padding:0px;} #video-section li a { background:url(/images/home/white-arrow.jpg) center left no-repeat; font-weight:bold; padding:0px 10px 0px 20px; margin:0px;} a#btn-contact {width:190px; height:41px; display:block; background:url(/images/home/btn-contact.jpg) top left no-repeat; color:#FFF; text-decoration:none; padding: 10px 0px 0px 68px; font-weight:bold; margin-top:5px;} a#btn-contact:hover, a#btn-newsletter:hover {color:#7DBBE9;} a#btn-newsletter {width:212px; height:41px; display:block; background:url(/images/home/btn-newsletter.jpg) top left no-repeat; color:#FFF; text-decoration:none; padding: 10px 0px 0px 60px; font-weight:bold; font-size:16px;} div.left-two-columns {width: 299px; float:left;} div.third-column {width: 352px; float:left;} .headline1 {width: 244px; height: 33px; background: url(/images/home/headline-1.jpg) top left no-repeat; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:bold; font-size:16px; padding-left:25px} .headline2 {width: 299px; height: 33px; background: url(/images/home/headline-2.jpg) top left no-repeat; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:bold; font-size:16px;} .headline3 {width: 352px; height: 33px; background: url(/images/home/headline-3.jpg) top left no-repeat; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:bold; font-size:16px;} .clear {margin:0px; padding:0px; height:0px;} .footerarea {width: 100%; height:88px; background:url(/images/home/footer-bg.jpg) top center repeat-x; float:left } .footerarea a {font-size:10px; color:#FFF;} .footerarea a:hover {color:#666;} .footer-top {width: 950px; height:17px; background:url(/images/home/footer-top.jpg) top center no-repeat; margin:0px auto;} .footer-top-template {width: 950px; height:17px; background:url(/images/template/footer-top.jpg) top center no-repeat; margin:0px auto;} #showh #secondary { width: 650px !important; } #showh #secondary #secondarysub { margin-top: -10px; } .template-content {width: 950px; background:url(/images/template/pg-bg.gif) top left repeat-y; float:left} /* SIDEBAR */ .gray-left { width: 232px; float:left; background: transparent url(/images/template/sidebar-top.jpg) no-repeat top right; padding-top: 55px; } .gray-left-reps { width: 232px; float:left; background: transparent url(/images/template/sidebar-top-reps.jpg) no-repeat top right; padding-top: 25px; } .gray-content { width: 208px; margin-left:14px; padding-left:7px; } .gray-content p, .gray-content a { font: 11px Verdana, Arial, Helvetica, sans-serif normal; } .gray-content ul { list-style: none; } .gray-content .by-application { background: transparent url(/images/template/by-application.jpg) no-repeat top left; padding-left: 5px; } .gray-content .by-industry { background: transparent url(/images/template/by-industry.jpg) no-repeat top left; padding-left: 5px; } .gray-content .by-product-name { background: transparent url(/images/template/by-product-name.jpg) no-repeat top left; padding-left: 5px; } .gray-content .file-download-center { background: transparent url(/images/template/file-download-center.jpg) no-repeat top left; padding-left: 5px; } .gray-content dl { width: 197px; background: #dddee0 url(/images/template/sidebar-bottom.jpg) no-repeat bottom left; padding-bottom: 35px; margin-bottom: 15px; } .gray-content dt a { display: block; width: auto; height: 25px; text-indent: -9999px; padding-left: 5px; } .gray-content li, .gray-content ul { margin: 0; padding: 0; } .gray-content li a { color: #5582aa; display:block; text-decoration: none; border-bottom: 1px solid #e4e4e4; padding: 5px 10px; margin: 0; outline: none; } .gray-content li a:hover { color: #c3d9ec; background-color: #666; } .contact-us-header { display: block; width: 197px; height: 49px; background: transparent url(/images/template/contact-us-top.jpg) no-repeat top left; } .contact-us-sidebar dd { padding-left: 10px; display: block !important; opacity: 100 !important; } .white-right {width: 713px; float:left;} #bodycontent {width: 670px; margin-left: 30px; min-height: 700px; height: auto !important; height:700px; } #bodycontent a {color: #D4402E;} #bodycontent a:hover, .gray-content a:hover {color: #006FB7;} #bodycontent p { margin-bottom: 4px; } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; height: 100%; background: #fff; overflow: scroll} .csw .loading {margin: 200px 0 300px 0; text-align: center} .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; border: 1px solid #ccc; /* this is the border. should have the same value for the links */ margin: auto; width: 620px; /* Also specified in .stripViewer .panelContainer .panel below */ height: 100%; clear: both; background: #fff; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 620px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px; } .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; } .stripNav ul { /* The auto-generated set of links */ list-style: none; margin:0; padding:0; width: 522px; } .stripNav ul li { float: left; margin: 0 8px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ } .stripNav a { /* The nav links */ font-size: 11px; text-align: left; line-height: 20px; background: #FFF; color: #26923C; text-decoration: none; display: block; padding: 0 5px; } .stripNav li a:hover { background: #e4e4e4; padding: 0 5px; } .stripNav li a.current { background: #ccc; color: #666; padding: 0 5px; } .stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 230px; text-indent: -9000em; } .stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px; } .stripNavL { left: 0; } .stripNavR { right: 0; } .clear-both { clear: both; } .floatleft { float: left; margin: 0 10px 10px 0; } .floatright { float: right; margin: 0 0 10px 10px; }