#h_news { position: relative; padding: 0px 14px 0 14px; font-family: arial; font-size: 12px; line-height: 1.8em;} #h_news h2 { background: url(/images/hdr_latestnews.gif) no-repeat 0 14px; width: 127px; height: 14px; text-indent: -1000em; margin: 0px 0 20px 27px;} * html #h_news h2 { margin-bottom: 12px;} #h_news .morenews { width: 25%; text-align: right; float: right; margin: 10px 0 0 0; padding: 0; font-size: 90%, } #h_news ul { width: 320px; list-style-type: none; } #h_news ul li { padding: 0; margin: 0; height: 1%;} #h_news ul li a { font-size: 11px; color: #2e2e2e; text-decoration: none; background: #fff; display: block; border-bottom: 1px solid #e2e2e2; padding: 7px 5px 7px 7px; line-height: 1.5em; } * html #h_news ul li a { padding-top: 6px;} #h_news ul li a:hover { background: #f2f2f2;} #h_news .date { float: left; color: #255FA8;} #h_news .date1 { color: #999; margin-left: 5px; } /* =========================== New Design CSS* ============================*/ .hidesection #hidesection, .hide-subsection #hide-subsection, .hide-subsection1 #hide-subsection1, .hide-subsection2 #hide-subsection2, .hide-subsection3 #hide-subsection3, .hide-subsection4 #hide-subsection4, .hide-subsection5 #hide-subsection5, .hide-subsection6 #hide-subsection6 {display:none;} /*===============================Products Alpha List==========================*/ dl.dlcontainer {width:95%; clear:left; margin-top:5px;} dt.dlcontainer {display:inline; width:58%; font-weight: normal; clear:left; float:left; font-size: 10pt; height: 25pt; margin:0; padding:0;} dd.dlcontainer {display:inline; font-size: 10px; font-weight: normal; float:right; width:42%; margin:0; padding:0; height: 25pt;} dl.dlalpha { width:100%; background-color: #EFEDE3; margin:0; clear:both} dt.dtalpha {display:inline; font-size:100%; font-weight: bold; color: #0066CC; background-color: #EFEDE3; width:100%; height:15px; padding: 0px 0 0 4px} dl.dlproducts {width:100%; clear:left; margin-top:5px;} dt.dlproducts {display:inline; width:53%; font-weight: normal!important; clear:left; float:left; height: 30px; margin-bottom:3px; padding:0;} dd.dlproducts {display:inline; font-weight: normal; float:right; width:42%; margin-top:-5px; padding:0; height: 28px;} dt a img {position:static!important;} /*===============================Services Alpha List==========================*/ dl.dlservices {width:100%; clear:left; margin-top:5px;} dt.dlservices {display:inline; width:63%; font-weight: normal!important; clear:left; float:left; height: 25px; margin-bottom:3px; padding:0;} dd.dlservices {display:inline; font-weight: normal; float:right; width:35%; padding:0; height: 17px;} dt a img {position:static!important;} /*===================== Browser Check ======================*/ #ieCheck {background: #FFFACD; padding:5px; margin-bottom:10px; border: 1px solid #999;} ul.arrow li, .actionitem {list-style-type:none; background: url(/images/arrow.gif) no-repeat 0 0; padding-left:22px; font-size:110%; font-weight:bold;} /*===================== Whats New ======================*/ .whatsnew {margin:0;} .whatsnew dt {margin-left:25px; margin-top:5px;} .whatsnew dd {margin-left:25px; margin-top:5px;} dt.date {font-variant:small-caps; letter-spacing:1px; font-weight:normal!important; color:#6b6b6b; padding:2px; margin:8px 0 -10px 0px; font-size:100%;} /*===================== Clean List ======================*/ .cleanlist {list-style:none;} /*===================== Right Highlight Box ======================*/ #right-box {padding-bottom:5px; background-color:#f3f3f3; float:right; position:relative; left:2px; display:block; width:25%; font-size:90%; margin:5px;} #right-box h3, #right-box h4 {background-color:#5285bb; text-align:center; margin:0; padding:3px; font-weight:bold; color:#fff; font-size:95%; border-bottom:solid 1px #fff;} #right-box h4 {background-color:#fff;} #right-box p {padding:5px 5px 5px 5px!important;} /*===================== Right Float ======================*/ div.right {float:right; clear:both; position:relative; display:block;} /*===================== Image List / Aquatic Sciences ====================*/ dl.imagelist{width:100%; clear:both; margin-top:5px; position:relative;} dd.imagelist {display:inline; font-weight: normal; float:left; clear: right!important; width:15%; margin-right:15px;} dd.imagelistmid {display:inline; font-weight: normal; float:left; clear: right!important; width:75%;} /*===================== Image Horizontal List / Aquatic Sciences ====================*/ .listimg {float: left; clear:both; width:95%; position:relative; padding-bottom:5px ;} .listimg ul {list-style-type: none; margin:0; padding:0; height:75px;} .listimg li {float: left; margin:0; padding-right:2px;width:auto; } /*added padding 06/28/06 jmp */ /*===================== 2 Column Lists ====================*/ dl.listcol {width:90%; clear:both; padding-top:-5px; padding-bottom:5px;} dd.listcol {display:inline; font-weight: normal; float:left; width:45%; height: auto;} .listcol ul {list-style-type:none; padding-bottom:0px!important; margin-bottom:0px!important;} /*============ Right Column ==================*/ dd.listcolrt {display:inline; font-weight: normal; clear: right; float:right; width:45%; height: auto;} /*================= Adding Subtext for Smaller Font ==========*/ .subtext {font-size:90%;} /* ============ PHOTO CAPTION CSS ==============*/ .photocaption {margin:10px; width:auto; background:#fff!important; float:right; padding:5px; position:relative; border:1px solid #999!important;} .photocaption img {float:none!important; margin:0 auto!important; padding:0!important; border:1px solid #999; } .photocaption dl, .photocaption dd {margin:0; padding:0;} .photocaption dt {text-align:center; font-weight:bold; margin:0 5px;} .photocaption dd { margin:0 5px;} #graybox {border:1px solid #999; padding:7px; margin:5px 0px 10px 0px;} #graybox img {position: static!important;} /* Styles for the photo biographies*/ #photo {width:97%;} .photo {margin-bottom:10px;} .phototitle {font-size:120%; margin:5px 0 7px 4px; color: #5285bb;} .photoimg {width:auto; height:100px; display:inline; float:left; margin-top:3px; position:static!important;} .phototext {width:75%;margin-left:10px; display:inline; float:left;} .photosubheader {font-family: verdana, arial, sans-serif; color: #555; font-size: 85%;} /* ============ Form Styles ===================*/ .searchresultstitle {font-weight:bold;} .searchhighlight {background-color: #ffffcc;} a .searchhighlight {text-decoration:underline;} .searchurl {font-style:italic;} /* ============ Site Map Styles ===================*/ #sitemap {width:80%; padding-top:5px} .sitemap {font-size: 100%; color: #06C; text-decoration: none!important} a.sitemap:hover {text-decoration: underline!important; color: #06C} a.sitemap:visited {text-decoration:none; color: #06C; } /* ============ Highlight Box Styles ===================*/ #highlight-temporary {border:1px solid #036; margin:0px 0 10px 0; width:75%;} #highlight-temporary h3 {background:#fc0 url(/images/css/bg-blue-importantsaic.png) repeat-x; margin:0; color:#FFF; padding:3px; font-size:13px;} #highlight-temporary dl {background: url(/images/css/info_alert.gif) no-repeat top left; padding:10px 10px 10px 45px!important; margin-left: 15px; margin-top: 12px;} #highlight-temporary dt {clear:left; float:left; width:75%; margin:-13px 0 5px 0;} #highlight-temporary dd {clear:left;} #highlight-temporary .subtext {font-size:95%;} /* ============ RSS Feed Style ===================*/ .rssfeed {display:none; padding-top:5px} /*Added padding 06/28/06 jmp */ .newsimage {padding-right:10px} /* Added for news image 06/28/06 jmp */ .rssicon-home {float: left; margin-top: 13px; padding: 0;} /* Added for rss icon for new template 9/12/07 JL */ .rssicon2 {float: right; margin-top: 0px;} /* Added for rss icon for new template 9/12/07 JL */ /* ============ Revised Styles ===================*/ .revised {color:#FF0000;} /* ============ Leadership List Styles ===================*/ .leadership {margin-bottom:-5px; line-height:1.2} /* ============ Home page IPO box 07/25/06 ===================*/ #highlight-ipo {border:1px solid #036; background: #F6FAFD; margin:10px 0 0 0; width:95%;} #highlight-ipo h3 a {background: #F6FAFD; margin-left:15px; color:#34339B; padding:3px; font-size:80%; text-align:center} #highlight-ipo ul li {margin-left:35px; margin-bottom:15px; font-size:105%;} /* ============ Browser Sniffer ============ */ dl.rmxportal {background: #FFFACD; border:1px solid #666;} /*============== Subscript style for content =================*/ #maincontent sup {font-size:95%;} /*Styles for the pop-up windowns*/ #popup {position:relative; margin:auto; background:#000; color:#fff; font-size:75%;} .popup-logo {position:absolute; top:20px; left:10px;} .popup-logo img {position:absolute; top:0px; left:10px;} .popup-image {position:relative; margin:auto; margin-top:80px;} #popup a:link {color:#fff; text-decoration:underline;} #popup a:visited {color:#fff; text-decoration:underline;} #popup a:hover, a:active {color:#fff;} #popup .close {width:150px; margin-left:33%; margin-top:40px; float:left;} /*============== Zebra Table Style ==============*/ .zebraTable {border-left:1px solid #999; border-bottom:0px solid #999; width:95%; margin-bottom:15px; margin-left:5px; font-size:90%; position:relative;} .zebraTable td, .zebraTable th {vertical-align:top; border-right: 1px solid #999!important; border-bottom:1px solid #999; padding:3px; border-collapse:collapse;} .zebraTable th {border-bottom:1px solid #999; border-top:1px solid #999;} caption {background-color:#29465c; margin-top:15px; margin-left:0px; margin-bottom:-10px; color:#fff; text-align:center; font-weight:bold; border-collapse:collapse; padding:3px 0;} /*colors for new zebra table script */ .oddcolor {background:#fff!important;} .evencolor {background:#D9D9D9!important;} /* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; font-size: 100%;} body {margin: 0 0 5px; text-align: center; font-family: verdana, arial, sans-serif; color: #555; background: url(http://www.a2dinc.com/images/bg_body.gif); } table, th, td { font-family: verdana, arial, sans-serif; color: #555; font-size: 100%; } img { border: 0; } a:link { color: #339; text-decoration: underline; } a:visited { color: #7E7F7F; text-decoration: underline; } a:hover, a:active { color: #39f; } /* MAIN CONTANER */ #wrapper3 { background: url(../images/bg_header-920.gif) no-repeat 50% 0; padding: 12px 0 0; } #container { position: relative; margin: auto; width: 920px; text-align: left; background: #fff url(../images/line.gif) repeat-y 183px 0; } #header { position: relative; height: 100px; background: #fff url(/images/bg_header2.gif) repeat-x 0 74px; font-size: 60%; } #header p { padding: 2px; text-align: center; background: url(/images/bg_header-920.gif) no-repeat; color: #fff; letter-spacing: 4px; font-size:10px; max-height:12px;} #header sup {letter-spacing: 0;font-size:10px; vertical-align: baseline; position: relative; bottom: 0.33em;} #headnav { position: absolute; top: 35px; right: 10px; width: 610px; text-align: left;} #headnav a:link { color: #545454; } #headnav a:visited { color: #999; } #headnav a:hover, a:active { color: #339aff; } #headnav ul { list-style: none; margin: 5px 0 0;} #headnav li { float: right; padding: 0 5px 1px; border-right: 1px solid #666;} #headnav li.none{ border: 0;} #headnav table { margin-left: 10px;} #headnav td { padding: 1px;} #headnav form { float: right;} #headnav input { font-size: 90%;} #headnav label { display: none;} #headnav input.bodytextsm { height: 16px; width: 100px; border: 1px solid #444; background: #eee; } #main_logo { position: absolute; top: 16px; left: 10px; } #main_logo img { position: absolute; top: 0px; left: 0px; } /* ============ MAIN NAVIGATION CSS ==============*/ #nav { position: absolute; bottom: 0; left: 0; width: 920px; border: 1px solid #bbb; border-width: 1px 0;} #nav li { float: left; width: 183px; list-style: none; border-right:1px solid #bbb; font-size: 10px; text-align: center; } #nav li a:link, #nav li a:visited { display: block; width: 183px; color: #464646; background: #efefef; padding: 4px 0; text-decoration: none; float: left; font-weight: bold; } #nav li a:hover { color:#33329a; background:#d2e5f6; } #nav li.newsnav, #nav li.newsnav a:link, #nav li.newsnav a:visited { width: 184px; border: 0;} /* SELECTOR CLASSES FOR TOP NAVIGATION */ .solutionsnav #nav li.solutionsnav a:link, .solutionsnav #nav li.solutionsnav a:visited, .careersnav #nav li.careersnav a:link, .careersnav #nav li.careersnav a:visited, .investornav #nav li.investornav a:link, .investornav #nav li.investornav a:visited, .aboutnav #nav li.aboutnav a:link, .aboutnav #nav li.aboutnav a:visited, .newsnav #nav li.newsnav a:link, .newsnav #nav li.newsnav a:visited { background:#c7c7c7;} /* Home Page */ #h_content {background:#fff url(/images/bg_h_content.gif) no-repeat 0 0; font-size: 65%; min-height: 200px;} * html #h_content {height: 200px;} #h_about {position: relative; float: left; display: inline; width: 547px; padding: 0 16px 0 16px; background: url(/images/bg_h_about.gif) right repeat-y; font-family: arial; font-size: 12px; line-height: 1.8em;} #h_about h2 {background: url(/images/hdr_fromsci.gif) no-repeat 0 14px; width: 200px; height: 14px; text-indent: -1000em; margin-bottom: 20px;} * html #h_about h2 {margin-bottom: 12px;} .promo1 {float: left; padding: 25px 15px 15px 0;} .promo2 {float: right; padding: 25px 0 15px 0;} /* re-styled by JL 9/12/07 */ #footer { clear: both; font-size: 55%; background: url(../images/bg_footer-920.gif) no-repeat 50% 0; color: #eee; height: 26px; z-index: 52;float: bottom;} * html #footer { margin-left: -1px;} #footer_inner { width: 920px; margin: auto; text-align: left;} #footer a:link, #footer a:visited {color: #eee;} #footer p { padding: 5px 10px;} #footer ul { float: right; list-style: none; width: 510px; margin-bottom: -10px;/*\*/ margin: 0;/**/ padding: 5px 0} #footer li { float: right; padding: 0 5px 1px; border-right: 1px solid #eee;} #footer li.none { border: 0;} .printcontact {display: none;} #wrap { min-height: 580px; border-top: 15px solid #fff;} * html #wrap { height: 580px; } #content { background: transparent url(/**/);}/* fixes IE duplicate character bug*/ /* RIGHT ==================================== */ #right { display: none;font-size: 65%;} .col3 #right { display: inline; float: right; width: 146px; margin: 24px 24px 0 0; } #right div { position: relative; background: url(../images/bg_rightnav.gif) no-repeat bottom left; padding: 0 1px 10px;} #rightnav li { list-style: none; background: url(../images/dots2.gif) repeat-x bottom left; padding: 0 0 1px; } #rightnav li a:link, #rightnav li a:visited { display: block; /*\*/height: 1%;/**/ padding: 5px 2px 5px 15px; color: #333397; background: url(../images/bullet2.gif) no-repeat 5px 10px; } #rightnav li a:hover { background: #d3e4f6 url(../images/bullet2.gif) no-repeat 5px 10px; } #rightnav li#title { padding: 3px; color: #fff; background: #878787; text-decoration: none; font-size: 110%; text-align: center;} #rightnav li#menunav { padding: 0 0 5px;} #rightnav li#menunav a:link, #rightnav li#menunav a:visited {padding:0; background:none; text-decoration:none;} /*added text-decoration:none; 11-08-06*/ #rightnav li.pdfimage a:link, #rightnav li.pdfimage a:visited { background: url(../images/pdf-icon3.gif) no-repeat 5px 4px; padding-right: 20px; } #rightnav li.pdfimage a:hover { background: #d3e4f6 url(../images/pdf-icon3.gif) no-repeat 5px 4px; } #rightnav li.flashimage a:link, #rightnav li.flashimage a:visited { background: url(/images/flash-icon-bullet.gif) no-repeat 5px 4px; padding-right: 20px; } #rightnav li.flashimage a:hover { background: #d3e4f6 url(/images/flash-icon-bullet.gif) no-repeat 5px 4px; } #rightnav li.qt-image a:link, #rightnav li.qt-image a:visited { background: url(../images/qt-icon3.gif) no-repeat 5px 4px; padding-right: 20px; } #rightnav li.qt-image a:hover { background: #d3e4f6 url(../images/qt-icon3.gif) no-repeat 5px 4px; } #right div dl { text-align: right; padding: 5px;} #right2 {float: right; display: inline; width: 160px; margin: 24px 24px 0 0;font-size: 65%;} .sidebox { background: #eee; border: 1px solid #bbb; margin: 0 0 20px;} .sidebox h3, .sidebox h4 { background: #728ca7; border-bottom: 1px solid #bbb; color: #fff; padding:5px; font-size: 110%; font-weight: normal;} .sidebox h4 { background: #888; } .sidebox p { padding: 5px;} .sidebox ul { padding: 5px 5px 5px 25px;} .sidebox li { padding: 0 0 4px; } /*=========== Right Design In Progress MD 06/15/06================*/ #right3 {float: right; display: inline; width: 184px; margin: 24px 0px 0 0;font-size: 65%; border-left:1px solid #e3e3e3; } .sidebox2 { margin: 0 0 20px;} .sidebox2 h3, .sidebox h4 {font-weight:bold; padding:10px 20px 4px 5px; font-size: 110%; /*border-bottom:1px solid #e3e3e3;*/} .contactbox {background:#999; color:#fff; font-weight:bold;} .side img {border-bottom:1px solid #999;} .sidebox2 p { padding: 5px; line-height:1.6em; padding-left:12px;} .sidebox2bt {border-bottom:1px solid #e3e3e3;} .sidebox2 ul {padding:10px 0 10px 0; margin:0; border-bottom:1px solid #e3e3e3} .sidebox2 li { list-style: none; /*border-bottom:1px solid #e3e3e3; */background: url(/images/bullets/doublearrow-gray.gif) no-repeat 0 0; padding:0 0 10px 16px; line-height:1.2em; margin:0 0 0 10px;} /*=========== Right Design for Homeland page 04/30/07================*/ #right4 {float: right; display: inline; width: 170px; margin: 24px 0px 25px 25px;font-size: 90%; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;} .sidebox3 { margin: 0 0 20px;} .sidebox3 h3, .sidebox h4 {font-weight:bold; padding:10px 20px 5px 5px; font-size: 110%; border-bottom:1px solid #e3e3e3;} .contactbox {background:#999; color:#fff; font-weight:bold; padding-left:5px;} .sidebox3_contact { padding: 5px; line-height:1.6em; padding-left:12px;} .sidebox3bt {color:#000000; font-size: 200%;} .sidebox3_links {border:2px solid #e3e3e3} .sidebox3 li {list-style: none; border-bottom:1px solid #e3e3e3; padding:5px 10px 5px 15px; margin: 0px; line-height:1.4em;} .sidebox3_hls {font-weight:bold; color:#ffffff; background-color:#0071BC; padding:5px 5px 5px 5px; font-size: 110%; border-bottom:1px} .sidebox3_hls_bio_title {color:#000000; background-color:#ECF6FF; padding:5px 8px 0px 8px; font-size: 105%;} .sidebox3_hls_bio {color:#000000; background-color:#ECF6FF; border-bottom:1px solid #e3e3e3; padding:3px 8px 8px 8px; font-size: 90%;} /* CENTER ==================================== */ #maincontent { float:left; width:690px; margin:0; padding-bottom: 40px; display:inline; line-height: 130%; font-size:70%;} /* width reduced by 1 px to resolve bug - JP 06-30-06 */ .col3 #maincontent { width:532px;} #maincontent p, #maincontent2 p { padding: 0 0 12px;} #maincontent ul, #maincontent2 ul { padding: 3px 0 5px 25px;} #maincontent ul li, #maincontent2 ul li, #maincontent ol li, #maincontent2 ol li { padding-bottom:8px;} #maincontent ol, #maincontent2 ol {list-style-type:decimal; margin-left:10px; padding: 5px 25px; line-height:1.5em;} #maincontent ol ol, #maincontent2 ol ol {list-style-type:upper-alpha;} #maincontent ol ol ol, #maincontent2 ol ol ol {list-style-type:lower-alpha;} #maincontent ol ol ol ol, #maincontent2 ol ol ol ol {list-style-type:upper-roman;} #maincontent ol ol ol ol ol, #maincontent2 ol ol ol ol ol {list-style-type:lower-roman;} #maincontent blockquote, #maincontent2 blockquote2 { padding: 5px 20px; } #maincontent dl, #maincontent2 dl { padding: 0 0 7px; } #maincontent dt, #maincontent2 dt { font-weight: bold; } #maincontent dd, #maincontent2 dd { padding:5px; } #maincontent table, #maincontent2 table { margin: 10px 0; } #maincontent td, #maincontent2 td { padding: 5px; font-size:11px;} #breadcrumbs { height: 30px; width: 399px; margin:6px 0 0 0px;} #maincontent2 #breadcrumbs { width: 400px; } #breadcrumbs ul { padding:0px; float: left; margin-left: -4px; display: inline; margin-bottom:-10px;} #breadcrumbs ul ul { margin:0px; } #breadcrumbs ul ul ul { margin:0px; } #breadcrumbs li { float: left; list-style: none; padding-left: 4px; padding-bottom:0px;} #breadcrumbs li.first a:link, #breadcrumbs li.first a:visited { float: left; list-style: none; background: none; padding: 0;} #breadcrumbs li.first li a:link, #breadcrumbs li.first li a:visited { padding-left: 10px; background: url(../images/arrow_black.gif) no-repeat;} .breadcr {line-height:1px; } #maincontent2 { float: left; width:500px; margin:0; display:inline; line-height: 130%;font-size:70%;} #maincontent3 { float: left; width: 569px; margin: 0 20px 20px; display:inline; line-height: 130%; font-size:70%;} /* width reduced by 1 px to resolve bug - JP 06-30-06 */ #maincontent3 ul, #maincontent3 ul { padding: 3px 0 5px 25px;} /* ELEMENTS and MISC Classes ==================================== */ h1, h2, h4 { font-weight: normal;} h1 { font-size: 180%; color: #5285bb; padding: 0 0 10px; line-height:110%;} h2 { font-size: 150%; color: #000; padding: 10px 0px 10px 0px; font-weight:normal;} h3 { font-size: 130%; padding: 10px 0px 10px 0px; color: #5285bb;} h4 { font-size: 110%; padding: 0 0 5px;} .clear { clear: both; height: 1px; font-size: 1px; line-height:1px;} sup { font-size: 60%; line-height:0px;} .floatleft { float: left; padding: 2px 10px 0 0;} .floatright { float:right; padding: 2px 10px 0 0;} .hide { display: none;} .clearleft { clear:left;} .clearright { clear:right;} .hide { display:none;} .alignright { text-align:right;} .plainimage { border:none!important; padding:0; float:none !important; margin:0 !important;} .whitebold { font-weight: bold; color: #fff; text-decoration: none;} .orangebold { font-weight: bold; color: #f63; text-decoration: none;} .quote {font-style:italic!important; width:90%!important;} .inlinequote {font-style:italic; font-size:90%;} /* ============ PDF CSS PRODUCTS ==============*/ /* ADOBE ACORBAT IMAGE SMALL */ .pdfimage { background: url(../images/pdf-icon.gif) no-repeat 100% 5px; } /* BOLD FOR PRODUCT BROCHURE */ .pdf-text { display:block; font-weight:bold; padding: 35px 0 0; } /* ADOBE ACORBAT IMAGE LOGO */ #pdfnav { background: url(../images/getacro.gif) no-repeat top right; font-size: 85%; } /* ADOBE ACORBAT LINK BOX */ #pdfnav a:link, #pdfnav a:visited { display: block; background: url(../images/getacro.gif) no-repeat top right; height: 40px;} #pdfnav i { display: none;} /* New style for general PDF links in phase 1 & 2 redesign by JL 10-01-07 */ .pdflink {background: url(/images/pdf_icon.gif) no-repeat right; padding: 1px 20px 1px 0;} /* ============ Quicktime CSS PRODUCTS ==============*/ /* QUICKTIME IMAGE SMALL */ .qt-image { background: url(../images/quicktime.gif) no-repeat 100% 5px; } /* QUICKTIME IMAGE LARGE */ #quicktime { background: url(../images/getquicktime.gif) no-repeat top right; font-size: 85%; } /* QUICKTIME LINLK BOX */ #quicktime a { display: block; background: url(../images/getquicktime.gif) no-repeat top right;height: 40px;} #quicktime i { display: none;} /* ============ Flash CSS PRODUCTS ============== added by JL on 10/5/07 */ /* FLASH IMAGE SMALL WITH BULLET FOR SUBNAV */ .flashimage { background: url(/images/flash-icon-bullet.gif) no-repeat; } /* ============ ON STATES ==============*/ /* SELECTOR CLASSES FOR LEFT NAVIGATION */ /* LEFT ==================================== */ #left { width: 183px; float: left;font-size: 65%; margin-right: 25px;} #left h2 { padding: 3px; margin: 0 0 5px; font-size: 110%; background: #888; color: #fff; text-align: center;} /* ============ BOX IN LEFT NAV ==============*/ .infobox {display:block;height:47px; min-height:53px!important;border-top:0px} .infobox_title {display:block; padding: 3px; min-height:30px; font-size: 110%; text-align: center;} /* ============ NO CHANGE FROM MAIN.CSS ==============*/ #section li a:link, #section li a:visited { display: block; /*\*/height: 1%;/**/ padding: 3px; color: #fff; background: #878787; text-decoration: none; font-size: 110%; text-align: center; } #section ul { margin: 5px 0 0; background: url(../images/dots.gif) repeat-x; padding: 1px 0 0; } #section li { list-style: none; background: url(../images/dots.gif) repeat-x; min-height:23px; } #section li li { background: url(../images/dots.gif) repeat-x bottom left!important; padding: 0 0 1px;} #section li li a:link, #section li li a:visited { display: block; height: 1%; padding: 5px 5px 5px 26px; color: #333; background: url(../images/bullet.gif) no-repeat 15px 10px; text-align: left; } #section li li a:hover { color:#333397; background: #d3e4f6 url(../images/bullet.gif) no-repeat 15px 10px; text-decoration: underline;} /* ============BUILD OUT MAINNAV ID FOR PERSISTENT NAVIGATION ==============*/ #mainnav li { display: block; background: #FFF url(../images/bullet2.gif) no-repeat 15px 10px !important; height: 1%; padding: 5px 5px 5px 15px; color: #333; text-align: left; } #mainnav { background: url(../images/dots.gif ) repeat-x bottom left; padding: 0 0 1px; } #mainnav li li, #mainnav li li {display: block!important; background: #F2F2F2!important; height: 1%; color: #333; text-align: left; } #mainnav li li a:link, #mainnav li li a:visited{ background: url(../images/bullet2.gif) no-repeat 15px 10px !important; height: 1%; padding-left:23px; color: #333; } #mainnav li li a:hover { display: block!important;color:#333397; background: #d3e4f6 url(../images/bullet2.gif) no-repeat 15px 10px!important; text-decoration: underline;} #mainnav li ul, #mainnav li ul li ul {display:none; } #navigation-extended {min-height:650px; } /* ============FIRST LEVEL NAVIGATION ==============*/ .subnav #subnav ul, .subnav1 #subnav1 ul, .subnav2 #subnav2 ul, .subnav3 #subnav3 ul, .subnav4 #subnav4 ul, .subnav5 #subnav5 ul, .subnav6 #subnav6 ul, .subnav7 #subnav7 ul, .subnav8 #subnav8 ul, .subnav9 #subnav9 ul, .subnav10 #subnav10 ul, .subnav11 #subnav11 ul, .subnav12 #subnav12 ul, .subnav13 #subnav13 ul {display: block; background: #F2F2F2; height: 1%; padding-left:0px; color: #333; margin-top:0px!important; border-top:1px solid #e5e5e5!important;} /* ============FIRST LEVEL LINK NAVIGATION ==============*/ .asubnav #asubnav, .asubnav1 #asubnav1, .asubnav2 #asubnav2, .asubnav3 #asubnav3, .asubnav4 #asubnav4, .asubnav5 #asubnav5, .asubnav6 #asubnav6, .asubnav7 #asubnav7, .asubnav8 #asubnav8, .asubnav9 #asubnav9, .asubnav10 #asubnav10, .asubnav11 #asubnav11, .asubnav12 #asubnav12, .asubnav13 #asubnav13 {display:block!important;background: #e5e5e5 url(../images/bullet.gif) no-repeat 15px 10px !important;} /* ============SECOND LEVEL NAVIGATION ==============*/ .subnav1-sub1 #subnav1-sub1, .subnav1-sub2 #subnav1-sub2, .subnav1-sub3 #subnav1-sub3, .subnav1-sub4 #subnav1-sub4, .subnav1-sub5 #subnav1-sub5, .subnav1-sub6 #subnav1-sub6, .subnav1-sub7 #subnav1-sub7, .subnav1-sub8 #subnav1-sub8, .subnav1-sub9 #subnav1-sub9, .subnav1-sub10 #subnav1-sub10 {display:block!important;background:#FAFAFA!important; } .subnav2-sub1 #subnav2-sub1, .subnav2-sub2 #subnav2-sub2, .subnav2-sub3 #subnav2-sub3, .subnav2-sub4 #subnav2-sub4, .subnav2-sub5 #subnav2-sub5, .subnav2-sub6 #subnav2-sub6, .subnav2-sub7 #subnav2-sub7 .subnav2-sub8 #subnav2-sub8, .subnav2-sub9 #subnav2-sub9, .subnav2-sub10 #subnav2-sub10 {display:block!important;background:#FAFAFA!important; } .subnav3-sub1 #subnav3-sub1, .subnav3-sub2 #subnav3-sub2, .subnav3-sub3 #subnav3-sub3, .subnav3-sub4 #subnav3-sub4, .subnav3-sub5 #subnav3-sub5, .subnav3-sub6 #subnav3-sub6, .subnav3-sub7 #subnav3-sub7, .subnav3-sub8 #subnav3-sub8, .subnav3-sub9 #subnav3-sub9, .subnav3-sub10 #subnav3-sub10 {display:block!important;background:#FAFAFA!important; } /* ============SECOND LEVEL LINK NAVIGATION ==============*/ .asubnav1-sub1 #asubnav1-sub1, .asubnav1-sub2 #asubnav1-sub2, .asubnav1-sub3 #asubnav1-sub3, .asubnav1-sub4 #asubnav1-sub4, .asubnav1-sub5 #asubnav1-sub5, .asubnav1-sub6 #asubnav1-sub6, .asubnav1-sub7 #asubnav1-sub7, .asubnav1-sub8 #asubnav1-sub8, .asubnav1-sub9 #asubnav1-sub9, .asubnav1-sub10 #asubnav1-sub10 {display:block!important; background:#FAFAFA!important; } .asubnav2-sub1 #asubnav2-sub1, .asubnav2-sub2 #asubnav2-sub2, .asubnav2-sub3 #asubnav2-sub3, .asubnav2-sub4 #asubnav2-sub4, .asubnav2-sub5 #asubnav2-sub5, .asubnav2-sub6 #asubnav2-sub6, .asubnav2-sub7 #asubnav2-sub7, .asubnav2-sub8 #asubnav2-sub8, .asubnav2-sub9 #asubnav2-sub9, .asubnav2-sub10 #asubnav2-sub10 {display:block!important; background:#FAFAFA!important; } .asubnav3-sub1 #asubnav3-sub1, .asubnav3-sub2 #asubnav3-sub2, .asubnav3-sub3 #asubnav3-sub3, .asubnav3-sub4 #asubnav3-sub4, .asubnav3-sub5 #asubnav3-sub5, .asubnav3-sub6 #asubnav3-sub6, .asubnav3-sub7 #asubnav3-sub7, .asubnav3-sub8 #asubnav3-sub8, .asubnav3-sub9 #asubnav3-sub9, .asubnav3-sub10 #asubnav3-sub10 {display:block!important; background:#FAFAFA!important;} /* ============ RIGHT NAVIGATION CSS ==============*/ /* RIGHT NAVIGATION SELECTOR LINK */ .over a#over:link, .over1 a#over1:link, .over2 a#over2:link, .over3 a#over3:link, .over4 a#over4:link, .over5 a#over5:link, .over6 a#over6:link, .over7 a#over7:link, .over8 a#over8:link, .over9 a#over9:link, .over a#over:visited, .over1 a#over1:visited, .over2 a#over2:visited, .over3 a#over3:visited, .over4 a#over4:visited, .over5 a#over5:visited, .over6 a#over6:visited, .over7 a#over7:visited, .over8 a#over8:visited, .over9 a#over9:visited { background: #f5f5f5 url(../images/bullet2.gif) no-repeat 5px 10px;} /* RIGHT NAVIGATION SELECTOR GRAY BAR .bar #bar, .bar1 #bar1, .bar2 #bar2, .bar3 #bar3, .bar4 #bar4, .bar5 #bar5, .bar6 #bar6, .bar7 #bar7, .bar8 #bar8, .bar9 #bar9 { background: #f5f5f5 url(../images/dots2.gif) repeat-x bottom left;} */ /* Added 11/08/06 */ .img_enlarge {display:block;background: url(/products/images/magnifier_final.gif) no-repeat right; color:#666;margin-left:2px; width:142px; height: 24px; cursor: pointer;} /* Alert box added 04/18/07 */ #error-message {border:1px solid #D03018; margin:10px auto!important; width:80%;} #error-message h3 {background:#D03018 url(/images/css/bg-red.png) repeat-x; margin:0; color:#FFF!important; padding:3px;font-size:13px; text-align:center;} #error-message dl {background: url(/images/css/error_alert.gif) no-repeat top left; padding:10px 10px 10px 45px!important; margin:10px 0 0 15px!important;} #error-message dt {float:left; width:100%; margin:-13px 0 0 0;} #error-message dd {padding:0; margin:0;} #subhome { position: absolute; width: 690px; margin: 0; padding-bottom: 40px; display: inline; font-family: arial, verdana, sans-serif;} #subhome .promo, #maincontent .promo {margin: 0 0 20px 0;} #subhome h1, #subhome h2, #subhome h3, #subhome h4 {font-family: arial, verdana, san-serif;} #subhome h1 {font-size: 160%; color: #000; letter-spacing: -1px; margin-bottom: 5px; padding: 0;} #subhome h2 {font-size: 100%; color: #999; margin-bottom: 20px; padding: 0; line-height: 1.3em;} * html #subhome h2 {margin-bottom: 15px; line-height: 1.35em;} *+html #subhome h2 {margin-bottom: 15px; line-height: 1.35em;} #subhome h3 {font-size: 95%; color: #2F6DB3; font-weight: bold; margin: 10px 0 3px 0; padding: 0;} #subhome h4 {font-size: 80%; color: #2F6DB3; font-weight: bold; margin: 10px 0 3px 0; padding: 0;} #subhome p {line-height: 1.5em; color: #666666; font-size: 75%; padding: 0 0 15px} /* Home Automation content columns */ #main1 {float: left; width: 687px; margin-right: 20px; padding: 0;} /* Main content columns */ #standardpagecontent {float: left; width: 688px; margin-right: 20px; padding: 0;} #equalcol-L {float: left; width: 335px; margin-right: 20px; padding: 0;} #equalcol-R {float: left; width: 335px; padding: 0;} #widecol-L {float: left; width: 470px; margin-right: 20px; padding: 0;} #stubcol-R {float: left; width: 200px; padding: 0;} #subhome #interested {margin-top: 75px; padding: 10px 0 0 0; border-top: 1px solid #d4d4d4;} #subhome #interested strong {color: #000;} #subhome .quote {margin-top: 28px; color: #999; font-size: 90%; font-style: italic; font-weight: bold; line-height: 1.7em;} #subhome .quote strong {color: #666666;} #subhome .box {margin: 20px 0 0 0; padding: 0 0 10px 0; width: 198px; border: 1px solid #BCD3EF;} #subhome .box h3 {margin-left: 12px; margin-bottom: -3px; font-weight: bold; font-size: 90%;} #subhome .box p {font-size: 70%; padding: 10px 12px 0 12px; color: #555;} #subhome .box .actionlink {font-size: 75%; text-align: right; font-weight: bold;} #subhome #latestnews {margin: 25px 0 35px 0;} #subhome #events {margin: 20px 0 35px 0;} #subhome #latestnews h3, #subhome #events h3 {margin: 0; padding: 7px; background: #F9F9F9; border: 1px solid #E0E0E0;} #subhome #latestnews ul, #subhome #events ul {width: 470px; list-style-type: none; margin: 0 0 0 0;} #subhome #latestnews ul li, #subhome #events ul li {padding: 0; margin: 0; height: 1%;} * html #subhome #latestnews ul li, #subhome #events ul li {line-height: 1.5em;} #subhome #latestnews ul li a, #subhome #events ul li a {font-size: 11px; color: #2E2E2E; text-decoration: none; background:#fff; display: block; border-bottom: 1px solid #e2e2e2; padding: 8px; line-height: 1.5em;} #subhome #latestnews ul li a:hover, #subhome #events ul li a:hover {background: #f2f2f2;} #subhome #latestnews .date, #subhome #events .date {float: left; color: #999;} * html #subhome #latestnews .date, #subhome #events .date {margin: 0 0 3px 0;} #subhome #latestnews .item, #subhome #events .item {margin-left: 70px;} #subhome ul#contactinfo {position: relative; margin: 0 0 0 20px;} #subhome #contactinfo li {float: left; width: 43%; list-style-type: none; background: url(/images/li_arrow.gif) no-repeat 0px 5px; font-size: 75%; line-height: 1.5em; margin: 0 22px 15px 0; padding-left: 20px;} #subhome #contactinfo li.rightside {margin-right: 0;} #subhome #stock {margin-top: 20px;} #subhome #stock h3 {margin: 0; padding: 7px; background: #F9F9F9; border: 1px solid #E0E0E0;} #subhome #stock h3 span {color: #666666; font-weight: normal; font-size: 80%;} #subhome #disclaimer {padding: 35px 0 15px 0; color: #A3A3A3; font-size: 70%;} #subhome sup {font-size: 100%; line-height: 0;} .rightlink {float: right; font-size: 75%; font-weight: normal;} .thumbleft {float: left; padding: 2px 20px 0 0;} /* These are standard sIFR styles... do not modify */ .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; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* 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 #subhome h1 { visibility: hidden; letter-spacing: -1px; font-size: 31px; } .sIFR-hasFlash #subhome h2 { visibility: hidden; letter-spacing: -1px; font-size: 18px; } /* general styles to be replaced */ a:link { color: #2F6DB3; text-decoration: underline; } a:visited { color: #7E7F7F; text-decoration: underline; } a:hover, a:active { color: #39f; } /*Tabs general rules*/ #contentTabs {float:left; width:100%; line-height:normal; border-bottom:1px solid #bbb; z-index:50;margin-bottom:20px;padding:0;} *html #contentTabs {margin-bottom:10px;} #contentTabs ul {margin:0; padding:0; list-style:none; height:30px;} #contentTabs > ul a {width:auto;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #contentTabs a {float:none;} /*Double Gray Bulleted List*/ .doublearrowGray li {font-size:75%; list-style-type:none; background: url(/images/bullets/doublearrow-gray.gif) no-repeat 0 0; padding:0 0 0 16px; line-height:1em; margin-bottom:12px;} #h_news .item {margin-left: 10px;} .blue1 {font-size: 11px; color:#255FA8; text-decoration: none; font-family: arial;} .hatext {font-size: 12px; color:#666666; text-decoration: none; font-family: arial;} #hapic { float: center;} #ainterface1 { padding: 0px 0px 0px 70px;position: absolute;} #ainterface2 { padding: 0px 0px 0px 250px; position: absolute;} #ainterface3 { padding: 0px 0px 0px 450px; position: absolute;} #aintertxt1 { padding: 50px 0px 0px 100px; position: absolute;} #aintertxt2 { padding: 50px 0px 0px 280px;position: absolute;} #aintertxt3 { padding: 50px 0px 0px 480px; position: absolute;} #binterface1 { padding: 0px 0px 0px 70px;position: absolute;} #binterface2 { padding: 0px 0px 0px 250px; position: absolute;} #binterface3 { padding: 0px 0px 0px 450px; position: absolute;} #bintertxt1 { padding: 105px 0px 0px 40px; position: absolute;} #bintertxt2 { padding: 105px 0px 0px 245px;position: absolute;} #bintertxt3 { padding: 105px 0px 0px 420px; position: absolute;} #cinterface1 { padding: 0px 0px 0px 70px;position: absolute;} #cinterface2 { padding: 0px 0px 0px 250px; position: absolute;} #cinterface3 { padding: 0px 0px 0px 450px; position: absolute;} #cintertxt1 { padding: 115px 0px 0px 60px; position: absolute;} #cintertxt2 { padding: 115px 0px 0px 265px;position: absolute;} #cintertxt3 { padding: 115px 0px 0px 460px; position: absolute;} #dinterface1 { padding: 0px 0px 0px 100px;position: absolute;} #dinterface2 { padding: 0px 0px 0px 315px; position: absolute;} #dintertxt1 { padding: 115px 0px 0px 60px; position: absolute;} #dintertxt2 { padding: 115px 0px 0px 265px;position: absolute;} #einterface1 { padding: 0px 0px 0px 70px;position: absolute;} #einterface2 { padding: 0px 0px 0px 250px; position: absolute;} #einterface3 { padding: 0px 0px 0px 400px; position: absolute;} #einterface4 { padding: 0px 0px 0px 550px; position: absolute;} #eintertxt1 { padding: 70px 0px 0px 40px; position: absolute;} #eintertxt2 { padding: 70px 0px 0px 270px;position: absolute;} #eintertxt3 { padding: 70px 0px 0px 400px; position: absolute;} #eintertxt4 { padding: 70px 0px 0px 550px; position: absolute;} #finterface1 { padding: 0px 0px 0px 240px;position: absolute;} #fintertxt1 { padding: 100px 0px 0px 210px; position: absolute;}