/* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; margin-bottom: 1px; } body { text-align: center; font-size: 11px; font-family: arial, helvetica, sans-serif; color: #333; background: #fff url(../images/bg.gif) repeat-x; } #home { background: #fff url(../images/bg_home.gif) repeat-x; } table, th, td { font-size: 11px; font-family: arial, helvetica, sans-serif; color: #333; } a img, :link img, :visited img { border: none; } a:link { color: #14467c; text-decoration: underline; } a:visited { color: #5a7da3; text-decoration: underline; } a:hover, a:active { color: #cc3434; text-decoration: none; } #skip { display: none; } #bg { background: url(../images/bg2.gif) no-repeat 50% 0; } #home #bg { background: url(../images/bg_home2.gif) no-repeat 50% 0; } #container { margin: 0 auto; width: 760px; text-align: left; background: #fff; } #header { position: relative; height: 88px; background: url(../images/bg_header.gif) no-repeat top right; z-index: 50;} .logo { position: absolute; top: 0px; left: -23px;} #headnav { position: absolute; top: 20px; left: 345px; color: #acbed1; font-size: 10px;} #headnav a { text-decoration: none;} #head_search { position: absolute; top: 15px; left: 560px; } #head_search td { padding: 1px;} #head_search .input { width: 130px; border: 1px solid #5a7da3; padding: 1px; font-size: 10px; color: #666;} /* NAVIGATION ------------------------------------------------------------------------------------- */ #nav { position: absolute; top: 63px; left: 0; width: 760px; height: 25px; background: #16477d; } #nav li { float: left; position: relative; height: 25px; width: 109px; list-style: none; } #nav li a { cursor: pointer; } #nav li a, #nav li div { position: relative; display: block; height: 25px; width: 109px; text-decoration: none; color: #fff; font-size: 14px; } #nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 25px; width: 109px; } #nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); } #nav li.about, #nav li.about a, #nav li.about a strong { background-position: 0px 0px; width: 108px; } #nav li.products, #nav li.products a, #nav li.products a strong { background-position: -108px 0px; } #nav li.solutions, #nav li.solutions a, #nav li.solutions a strong { background-position: -217px 0px; } #nav li.technology, #nav li.technology a, #nav li.technology a strong { background-position: -326px 0px; } #nav li.support, #nav li.support a, #nav li.support a strong { background-position: -435px 0px; } #nav li.press, #nav li.press a, #nav li.press a strong { background-position: -544px 0px; } #nav li.partners, #nav li.partners a, #nav li.partners a strong { background-position: -653px 0px; width: 107px; } /* HOVER STATE */ #nav li.about:hover a, #nav li.about a:hover, #nav li.about:hover a strong, #nav li.about a:hover strong { background-position: 0px -25px; width: 108px; } #nav li.products:hover a, #nav li.products a:hover, #nav li.products:hover a strong, #nav li.products a:hover strong { background-position: -108px -25px; } #nav li.solutions:hover a, #nav li.solutions a:hover, #nav li.solutions:hover a strong, #nav li.solutions a:hover strong { background-position: -217px -25px; } #nav li.technology:hover a, #nav li.technology a:hover, #nav li.technology:hover a strong, #nav li.technology a:hover strong{ background-position: -326px -25px; } #nav li.support:hover a, #nav li.support a:hover, #nav li.support:hover a strong, #nav li.support a:hover strong { background-position: -435px -25px; } #nav li.press:hover a, #nav li.press a:hover, #nav li.press:hover a strong, #nav li.press a:hover strong { background-position: -544px -25px; } #nav li.partners:hover a, #nav li.partners a:hover, #nav li.partners:hover a strong, #nav li.partners a:hover strong { background-position: -653px -25px; width: 107px; } /* ON STATE */ #nav li.abouton, #nav li.abouton a, #nav li.abouton strong { background-position: 0px -50px; width: 108px; } #nav li.productson, #nav li.productson a, #nav li.productson strong { background-position: -108px -50px; } #nav li.solutionson, #nav li.solutionson a, #nav li.solutionson strong { background-position: -217px -50px; } #nav li.technologyon, #nav li.technologyon a, #nav li.technologyon strong { background-position: -326px -50px; } #nav li.supporton, #nav li.supporton a, #nav li.supporton strong { background-position: -435px -50px; } #nav li.presson, #nav li.presson a, #nav li.presson strong { background-position: -544px -50px; } #nav li.partnerson, #nav li.partnerson a, #nav li.partnerson strong { background-position: -653px -50px; width: 107px; } /* FIRST LEVEL DROP DOWNS */ #nav li ul { display: none; } #nav li table { margin: 0 -1px -1px; border-collapse: collapse; } #nav li td { font-size: 11px; } #nav li li a { font-size: 11px; } #nav li:hover ul, #nav li a:hover ul { display: block; position: absolute; top: 25px; left: 0; width: 109px; } #nav li.partners:hover ul, #nav li.partners a:hover ul {left: -14px; } #nav li:hover li, #nav li a:hover li { height: auto; width: 121px !important; background: #16477d; } #nav li:hover li.last, #nav li a:hover li.last { background-image: none; } #nav li:hover li a, #nav li a:hover li a { margin-bottom: 1px; padding: 6px; display: block; width: 109px !important; height: auto; color: #fff; background: transparent !important; } #nav li:hover li a:hover, #nav li a:hover li a:hover { /*text-decoration: underline;*/ background: #5a7da3 !important; } /* SECOND LEVEL DROP DOWNS, FLYOUTS */ #nav li:hover li li a, #nav li a:hover li li a { color: #fff; } #nav li:hover li li a:hover, #nav li a:hover li li a:hover { background: #5a7da3 !important; } #nav li:hover li ul, #nav li a li a ul { visibility: hidden; } #nav li:hover li:hover ul, #nav li a:hover li a:hover ul { visibility: visible; position: absolute; top: 0; left: 113px; } #nav li:hover li a:hover, #nav li a:hover li a:hover { background: #5a7da3 !important; } /* MAKES THE HOVER 'STICK' IN FIREFOX */ /* CLASS 'drop' MUST BE ON THE 'href', NOT THE 'li' OR IT WILL NOT WORK */ #nav ul a.drop:hover, #nav ul :hover > a.drop{ color: #041527; background: #ed171f !important; } /* HOME PAGE ------------------------------------------------------------------------------------- */ #h_main { background: url(../images/bg_h_main.jpg) no-repeat;/*\*/ height: 1%;/**/ } #h_col1 { float: left; display: inline; width: 410px; margin: 20px; } .h_col1a, .h_col1b { float: left; display: inline; width: 190px; margin: 10px 10px 0 0;} .h_col1b { margin: 10px 0 0; background: url(../images/dots.gif) repeat-y; } .h_col1a p { padding-left: 5px;} .h_col1b p { padding-left: 10px;} .cwave_video { margin: 20px 0 10px;} .h_col1c { position: relative; float: left; display: inline; width: 205px; margin-left: 5px; background: url(../images/bg_fade.gif) no-repeat; } .h_col1c h1 { margin: 18px 10px 5px; } .h_col1c .solutionsfor { padding: 5px 10px 30px; list-style: none; } .h_col1c .solutionsfor li { padding: 0 0 3px 8px; background: url(../images/icon_arrow.gif) no-repeat 0 4px;} .h_col1c a { text-decoration: none;} .h_col1c a:hover { text-decoration: underline;} .solutionstext { color: #666;} .solutionspop {} .solutionspop li { float: left; list-style: none; display: inline; margin-left: 3px;} .solutionspop li a:link, .solutionspop li a:visited { border: 1px solid #14467c; display: block; float: left;} .solutionspop li a:hover { border: 1px solid #a1b5cb;} .h_popup { position: absolute; bottom: 60px; right: 0; width: 411px; height: z-index: 50;} .h_popup_in { border: 1px solid #a1b5cb; background: #e7ecf2; padding: 5px; margin: 0 0 5px;/*\*/ height: 1%;/**/} .h_popup .thmb { float: left; display: inline; text-align: right; width: 101px; margin-right: 10px;} .h_popup .text { float: left; width: 288px;} .h_popup strong { color: #CC3300;} #popup_wholehome { background: url(../images/arrow_down.gif) no-repeat 235px 100%; } #popup_interactive { background: url(../images/arrow_down.gif) no-repeat 300px 100%; } #popup_hd { background: url(../images/arrow_down.gif) no-repeat 370px 100%; } #h_col2 { float: left; display: inline; width: 256px; margin: 60px 20px 20px 30px;} #h_col2 p { background: url(../images/dots_horizontal.gif) repeat-x bottom left; padding: 10px 6px;} #h_col2 p.morelink { background: none; padding: 6px 6px 15px;} #h_col2 b { font-size: 10px; color:#cc3434; text-transform: uppercase;} #h_col2 strong a { text-decoration: none;} #h_col2 strong a:hover { text-decoration: underline;} #h_col2 h1 { margin-left: 6px;} #h_affiliations { clear: both; border-top: 2px solid #a1b5cb; } #h_affiliations li { float: left; list-style: none; text-align: center; margin: 10px 0; } #h_affiliations li.first { width:350px; background: url(../images/dots.gif) repeat-y top right; padding-right: 10px; text-align: left; margin: 10px 0 0;} #h_affiliations li.first p { padding: 0 8px 0 2px; margin-bottom: 10px; width: 130px; } #h_affiliations li.first ul.first_items { float: left; margin-top: -24px; width: 226px; } #h_affiliations li.first ul.part_b { float: right; width: 126px; } #h_affiliations li.first ul.first_items li { margin: 0 0 0px 0; } #h_affiliations li.awards { width: 345px; _width: 350px; background: none; padding-right: 0px; padding-left: 15px; text-align: left; margin: 10px 0 0; } #h_affiliations li.awards p { padding: 0 8px 0 2px; margin-bottom: 18px;} #h_affiliations li.awards ul.second_items { margin-top:-20px; } #h_affiliations li.awards ul.second_items li { padding:0 8px; } #h_affiliations li.awards ul.second_items li img { display:block; } #h_affiliations li.awards ul.second_items li .top { margin-bottom:5px; } #h_affiliations li.awards ul.second_items li .vert { margin-top:5px; } #h_affiliations ul li { background: url(../images/dots.gif) repeat-y top right; padding:0 10px; vertical-align:top; } #h_affiliations ul li.last { background:none; } #footer { border-top: 10px solid #a1b5cb; padding: 10px 20px 50px; color: #8b9db0; font-size: 10px;} #footer a { text-decoration: none;} #footer a:hover { text-decoration: underline;} #footer p { padding: 5px 0;} .footnav { float: right; width: 560px; background: url(../images/dots.gif) repeat-y;} #footer .footnav p { padding: 5px 0 5px 10px;} /* SUB PAGES ------------------------------------------------------------------------------------- */ #subhead { position: relative; height: 111px; background: #173866 url(../images/bg_subhead.jpg); color: #90a7c0;} #subhead img { position: absolute; top: 31px; left: 0; } #breadcrumb { position: absolute; top: 84px; left: 20px; font-size: 10px;} #breadcrumb a:link, #breadcrumb a:visited { color: #d1d9e3; text-decoration: none; padding-right: 6px; background: url(../images/icon_arrow_blue.gif) no-repeat top right; } #breadcrumb a:hover { text-decoration: underline; } #s_main {/*\*/height: 1%;/**/ background: url(../images/dots.gif) repeat-y 138px 30px; margin: 30px 0} #subnav { float: left; display: inline; width: 120px; min-height: 100px; margin: 0 0 0 16px; } * html #subnav { height: 100px; } #subnav li { list-style: none; font-size: 10px;} #subnav li a:link, #subnav li a:visited { display: block; height: 1%; text-decoration: none; background: url(../images/icon_arrow.gif) no-repeat 5px 5px; padding: 2px 0 3px 10px; color: #14467c;} #subnav li a:hover { background: #f2f5f8 url(../images/icon_arrow.gif) no-repeat 5px 5px;} #subnav li li a:link, #subnav li li a:visited { background: url(../images/icon_arrow_blue.gif) no-repeat 15px 0; padding: 1px 0 2px 20px; } #subnav li li a:hover { background: #f2f5f8 url(../images/icon_arrow_blue.gif) no-repeat 15px 0;} #subnav li li li a:link, #subnav li li li a:visited { background: url(../images/icon_arrow_blue.gif) no-repeat 25px -1px; padding: 0px 0 1px 30px; font-size: 9px;} #subnav li li li a:hover { background: #f2f5f8 url(../images/icon_arrow_blue.gif) no-repeat 25px -1px;} #subnav li.on { background: url(../images/icon_arrow_on.gif) no-repeat 5px 5px; padding: 2px 0 3px 10px; color: #89a2bd;} #subnav li li.on { background: url(../images/icon_arrow_on.gif) no-repeat 15px 5px; padding: 1px 0 2px 20px; color: #89a2bd;} #subnav li li li.on { background: url(../images/icon_arrow_on.gif) no-repeat 25px 3px; padding: 0px 0 1px 30px; color: #89a2bd; font-size: 9px;} #content { float: left; display: inline; width: 580px; margin: 0 20px;} #content p { padding: 0 0 20px; line-height: 140%; } #content ul, #content ol { padding: 0 20px 20px;} #content ul li, #content ol li { padding-bottom: 10px;} #content blockquote { padding: 10px; margin: 0 10px 20px; background: #eee; font-size: 12px;} #content table { margin: 0 0 20px; } #content th { padding: 5px; font-size: 12px; background: #eee; border-right: 1px solid #fff;} #content td { padding: 5px 3px; } .contactform td { vertical-align: top; border-bottom: 1px solid #ddd;} .contactform .input { padding: 2px; border: 1px inset #999; } .contactform .btn { padding: 2px; font-weight: bold; font-size: 11px; color: #14467c;} .s_col1 { float: left; width: 360px; } .s_col2 { float: left; display: inline; width: 200px; margin-left: 20px; color: #cc3434; } .s_col2 img { margin: 0 0 10px; } .profile { padding: 20px 0 10px; background: url(../images/dots_horizontal.gif) repeat-x bottom left; /*\*/height: 1%;/**/} .profile_img { float: left; display: inline; width: 90px; margin-right: 10px; } .profile_bio { float: left; width: 480px; } .profile b { text-transform: uppercase; font-size: 10px; color: #cc3434; } .profile p { padding: 0 0 10px !important; } .partnerbio { padding: 20px 0 10px; background: url(../images/dots_horizontal.gif) repeat-x bottom left; /*\*/height: 1%;/**/} .partner_img { float: left; display: inline; width: 140px; margin: 20px 0 0 20px; } .partner_detail { float: left; width: 420px; } .partnerbio b { text-transform: uppercase; font-size: 10px; color: #cc3434; } .partnerbio p { padding: 0 0 10px !important; } .prod_categories { border-top: 2px solid #a1b5d0; padding-left: 70px; margin-top: 20px;} .prod_categories a { float: left;} .prod_categories img { display: inline;} #content .image { background:#666; padding:1px; margin:5px; float:left; } #content .image p { padding:3px; margin:0; background:#EFEFEF; } /* MISC. CLASSES & IDS ------------------------------------------------------------------------------------- */ a.arrow:link, a.arrow:visited { background: url(../images/icon_arrow.gif) no-repeat 0 3px; padding-left: 8px; text-decoration: none; font-size: 10px;} a.arrow:hover {text-decoration: underline; } a.pdf { background:url(../images/icon_pdf.gif) no-repeat 0 50%; padding: 3px 0 3px 18px; } h1, h4 { color: #cc3434; font-family: times, georgia, serif; font-size: 16px; text-transform: uppercase; letter-spacing: -1px;} h2 { color: #666; font-size: 14px;} h3 { font-size: 14px;} h4 { font-size: 11px;} sup { font-size: 8px;} .hide { display: none; } .clear { clear: both; } br.clear { line-height: 0px; height: 0; font-size: 1px;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* FIXES MAC IE */ .clearfix { /*\*/display: block;/**/ } .vSpace { margin-top: 20px; } .floatleft { float: left; position: relative; } .floatright { float: right; position: relative; } img.floatleft { margin: 0 10px 5px 0; } img.floatright { margin: 0 0 5px 10px; } .alignleft { text-align: left; } .alignright { text-align: right; } .aligncenter { text-align: center; } ul#contactList { list-style-type: none; margin: 8px 0 15px 0; padding: 0; } ul#contactList li { margin: -7px 0; font-style: italic; clear: left; } ul#contactList li span.firstspan { width: 25px; margin-bottom: 2px; display: block; float: left; } ul#contactList li span { display: block; float: left; } ul.genericUL { margin: 0; padding: 0 !important; list-style-type: none; } ul.genericUL li { margin: 0; padding: 0; } div.col2Divider { background: url(../images/dots_horizontal.gif) repeat-x top left; margin-top: 10px; padding-top: 15px; } div.col2Divider h1 { margin-bottom: 15px; } ul.sitemap { margin: 10px 0 0 0; padding: 0 !important; list-style-type: none; } ul.sitemap li { margin-top: -5px; padding: 0; } /* sIFR ------------------------------------------------------------------------------------- */ /* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */ .sIFR-flash { margin: 0; visibility: visible !important; } .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. */ .sIFR-hasFlash h1, .sIFR-hasFlash h4 { visibility: hidden; } /* homepage awards and affiliations ------------------------------------------------------------------------------------- */ div.awards, div.affiliations { float: left; margin: 10px 0; width: 50%; overflow: hidden;} div.awards h1, div.awards p { position:relative; left: 8px;} div.awards p, div.affiliations p { margin: 0 0 10px 0 } .group { height: 150px } div.awards div.group { border-left: 1px dotted gray; } div.award { float:left; text-align: center;border: 1px dotted gray; } div.award a { display: block; padding: 0px 10px; } div.top { height: 70px; padding: 10px 0 } div.bottom { height: 40px; padding: 10px 0 } .wide {margin: 0 6px 0 6px;} div.top_w {height: 90px; margin: 0 0 0 15px; border-top: 0; border-bottom: 0; border-left: 0;display:inline } div.top { border-top: 0; border-bottom: 0; border-left: 0 } div.left { border-left: 0; clear: left; } div.right { border-right: 0 } div.bottom { border-top: 0; border-bottom: 0; border-left: 0 ; margin-top: 1px; } .awardfirst { margin-left: 25px; } * html .awardfirst { margin-left: 13px; } #award_pm { margin-top:-3px; margin-left: 4px; height:30px; } * html #award_pm { margin-left:0; } .nopad { padding:0 !important }