/* COLORS #89A0B1 - background-color #F15922 - orange #EBEFF3 - very light gray #7D94A6 - mid gray #405361 - dark gray will be changed to #32454b for main texts #6C6C6C - top-menu gray #4B4B4B - text gray #CAD0D7 - border gray */ /* Main layout blocks */ * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } HTML, BODY { margin: 0; padding: 0; width: 100%; height: 100%; font-family: Arial, sans-serif; } .clear { display: block; clear: both; width: 100%; height: 1px; margin: 0; padding: 0; overflow: hidden; } .clear20 { display: block; clear: both; width: 100%; height: 20px; margin: 0; padding: 0; overflow: hidden; } #bdy { background-color: #89A0B1; text-align: center; } #wrapper { background: #FFFFFF url('../i/bottom_bgr.gif') repeat-x bottom left; text-align: left; margin: 0 auto; width: 970px; height: 100%; position: relative; } #header { background-color: #FFFFFF; width: 970px; height: 68px; overflow: hidden; position: relative; } #logo { background: #FFFFFF url('../i/telco_logo.gif') no-repeat top left; width: 120px; height: 50px; margin: 9px 32px; float: left; cursor: pointer; } #blog-block { float: right; width: 85px; height: 68px; overflow: hidden; margin-left: 16px; } #search-block { float: right; height: 22px; overflow: hidden; margin: 28px 0 0 16px; } #top-menu-1 { float: right; height: 22px; margin: 32px 32px 0 0; } #top-menu-2 { float: right; height: 22px; margin: 32px 32px 0 0; } #lang-select { position: absolute; top: 0px; left: 729px; width: 100px; height: 24px; background: #899fb2 url('../i/langselect.png') no-repeat top left; text-align: center; padding: 0px; } #lang-select SELECT { border: 1px solid #405361; width: 80px; height: 18px; font-size: 10px; color: #405361; } #main-menu { width: 970px; height: 28px; background: #DFE5E9 url('../i/mmbgr.gif') repeat-x; overflow: hidden; text-align: center; } #main-menu-inside { display: inline-block; margin: 0 auto; } *+html #main-menu-inside centered { display: inline; zoom: 1; } /*ie7*/ * html #main-menu-inside { display: inline; zoom: 1; } /*ie6*/ #main-rotator { width: 970px; height: 320px; background-color: #EBEFF3; position: relative; } #prod-links-inside { display: inline-block; margin: 0 auto; } *+html #prod-links-inside centered { display: inline; zoom: 1; } /*ie7*/ * html #prod-links-inside { display: inline; zoom: 1; } /*ie6*/ #solutions-block { position: absolute; bottom: 0px; left: 0px; height: 70px; width: 970px; overflow: hidden; z-index: 110; background-image: url('../i/solbgr90.png'); border-top: 1px solid #CAD0D7; border-bottom: 1px solid #CAD0D7; } #solutions-inside { width: 1000px; height: 70px; } #news-outside { background-color: #FFFFFF; padding: 12px 32px; } #news-block { height: 26px; background: #FFFFFF url('../i/newsheader.gif') no-repeat left center; overflow: hidden; } #news-inside { height: 25px; border: 1px solid #CAD0D7; border-left-width: 0px; margin-left: 30px; } #news-navigation { float: left; margin-left: 4px; height: 24px; font-size: 10pt; font-weight: bold; color: #405361; padding: 3px; } #news-showall { float: right; width: 120px; height: 24px; text-align: center; padding: 4px; } #news-article { float: left; width: 570px; height: 24px; position: relative; } #featured-block { background: #FFFFFF url('../i/midbgr.gif') repeat-x bottom center; height: 270px; } #featured-inside { margin: 0px 32px 0px 14px; } #footer { height: 240px; background: #5D7486 url('../i/btmbgr.jpg') repeat-x top left; position: relative; } #footer-socials { position: absolute; top: 20px; right: 0px; width: 32px; } #footer-links { width: 860px; margin: 0px 0px 20px 6px; padding-top: 20px; } #blog-links { position: absolute; bottom: 22px; left: 0px; width: 290px; height: 18px; z-index: 100; text-align: right; padding: 0px 8px; } #regular-header-outside { background-color: #FFFFFF; } #regular-header { width: 970px; height: 130px; background-color: #5D7486; } #products-header { width: 970px; height: 130px; background: #5D7486 url('../i/prod_banner.jpg') no-repeat top left; } #content { width: 970px; background-color: #FFFFFF; padding: 20px 0px; } #left-menu-block { width: 200px; float: left; } #right-menu-block { width: 240px; float: right; position: relative; margin-top: 4px; overflow: hidden; } #content-block-lr { float: left; width: 529px; } #content-block { float: left; width: 769px; } #content-block-r { float: left; width: 729px; } #content-block-l { float: left; width: 765px; } #content-inside { margin: 2px 19px 20px 20px; font-size: 9pt; color: #32454b; } /* was 405361, 9pt */ #phome-inside { margin: 2px 32px 20px 32px; font-size: 11pt; color: #32454b; } /* was #405361 */ #right-solutions { position: relative; left: -3px; margin-bottom: 24px; } #phome-left { float: left; width: 440px; } #phome-right { float: right; width: 440px; } .home-featured-products { background-color: #EBEFF3; padding: 10px; border: 1px solid #7D94A6; } .products-tabs { margin-bottom: 20px; } .v-extender { float: left; width: 1px; height: 300px; } /* Formatting */ .tight-form { margin: 0; padding: 0; } .search-box { width: 140px; height: 20px; border: 1px solid #DADADA; background: #FFFFFF url('../i/zoom.gif') no-repeat center right; font-size: 8pt; color: #000000; } .rotator-links { position: absolute; bottom: 80px; right: 32px; height: 24px; z-index: 100; } .rotator-image { position: absolute; top: 0px; left: 0px; width: 970px; height: 320px; overflow: hidden; z-index: 1; } .hidden { display: none; } .adchi { display: none; } #solutions-block A IMG { vertical-align: top; _vertical-align: middle; margin: 8px; } #prod-links { position: absolute; bottom: 18px; left: 0px; width: 290px; height: 24px; z-index: 100; text-align: center; } .prod-image { position: absolute; top: 0px; left: 0px; width: 290px; height: 185px; overflow: hidden; z-index: 1; background: #EBEFF3 url('../i/home_featured.gif') no-repeat top left; text-align: center; } .left-image, .mid-image { position: absolute; top: 0px; left: 0px; width: 290px; height: 250px; overflow: hidden; z-index: 1; background: #EBEFF3 url('../i/home_featured.gif') no-repeat top left; text-align: left; } .prod-featured { margin: 40px auto 0px auto; width: 240px; text-align: left; } .prod-featured A { text-decoration: none !important; } .prod-featured B { color: #405361; font-size: 10pt; text-decoration: none; } .prod-featured I { color: #F15922; font-style: normal; font-weight: bold; font-size: 9pt; text-decoration: none; } .featured-wrapper { width: 290px; height: 250px; position: relative; float: left; background-color: #EFF2F5; margin: 0px 0px 0px 18px; overflow: hidden; } .featured-footer { position: absolute; z-index: 10; bottom: 0px; left: 0px; width: 290px; height: 65px; background-color: #405361; } .featured-content { position: absolute; z-index: 1; top: 0px; left: 0px; width: 290px; height: 200px; } .footer-links-block { float: left; width: 180px; margin-left: 26px; line-height: 19px; } #footer-links H2 { font-size: 10pt; color: #CAD0D7; margin-bottom: 8px; padding-bottom: 0px; } .table-out { display: table; position: relative; height: 65px; } .table-in { display: table-cell; vertical-align: middle; padding: 0 8px; _position: absolute; _top: 50%; } .customer { color: #FFFFFF !important; font-size: 10pt !important; font-weight: bold; _top: -50%; _position: relative; text-decoration: none !important; } .customer A { color: #FFFFFF !important; font-size: 10pt !important; font-weight: bold; text-decoration: none !important; } .news-article-inside { position: absolute; top: 0; left: 0; width: 610px; height: 20px; margin: 4px; } .orange-line { height: 6px; background-color: #F15922; font-size: 1px; } .left-menu { background: #FFFFFF url('../i/in_left.gif') repeat-y top left; } .left-right-menu { background: #FFFFFF url('../i/in_left_right.gif') repeat-y top left; } .right-menu { background: #FFFFFF url('../i/in_right.gif') repeat-y top left; } #right-solutions A IMG { vertical-align: middle; margin-right: 8px; } #right-menu-block H3 { font-weight: bold; font-size: 10pt; color: #405361; padding-left: 16px; background: transparent url('../i/orange_block.gif') no-repeat center left; } #right-menu-block H3 A:link, #right-menu-block H3 A:active, #right-menu-block H3 A:visited { font-size: 10pt; color: #405361; text-decoration: none;} #right-menu-block H3 A:hover { color: #F15922; } #content-inside H1, #phome-inside H1 { font-weight: bold; font-size: 12pt; color: #F15922; margin-top: 0px; padding-top: 0px; } #content-inside H2, #phome-inside H2 { font-weight: bold; font-size: 11pt; color: #7D94A6; margin-top: 0px; padding-top: 0px; } H4 { font-weight: bold; font-size: 9pt; color: #7D94A6; margin: 0px 0px 4px 0px; padding: 0px; } /* was 9pt */ .cntblock { margin-bottom: 16px;} .solution-link IMG { border-width: 0px; } .no-photo { color: #7D94A6; text-align: center; padding-top: 42px; font-size: 9pt; font-weight: bold; } .photo-frame { width: 80px; height: 100px; border: 1px solid #7D94A6; background-color: #EBEFF3; overflow: hidden; margin: 0px 10px; } .photo-inside { width: 80px; height: 100px; } .executive-team { display: block; float: left; padding: 0px; width: 100px; height: 170px; margin: 0px 20px 0px 0px; text-align: center; cursor: pointer; } .executive-team B { display: block; text-align: center; color: #F15922; font-size: 9pt; font-weight: bold; } /* was 9pt */ .executive-team I { display: block; text-align: center; color: #32454b; font-size: 9pt; font-weight: bold; font-style: normal; } /* was #405361 9pt*/ .biography { display: none; } DIV.active DIV.biography { display: block; width: 100%; } .bio H1 { font-weight: bold; font-size: 12pt; color: #F15922; margin: 0px; padding: 0px; } .bio H2 { font-weight: bold; font-size: 11pt; color: #7D94A6; margin: 0px; padding: 0px; } .bio { font-size: 9pt; color: #32454b; width: 600px; text-align: left; } /* was #405361 9pt*/ .popup-content { font-size: 9pt; color: #32454b; text-align: left; } /* was #405361 */ .popup-content H1 { font-weight: bold; font-size: 12pt; color: #F15922; margin: 0px 0px 8px 0px; padding: 0px; } .light-font { font-size: 9pt; color: #7D94A6; } /* was 9pt */ .fat-font { font-size: 9pt; color: #32454b; } /* was #405361 9pt*/ .partner-block { display: block; float: left; padding: 0px; width: 150px; height: 100px; margin: 0px 12px 20px 0px; text-align: center; cursor: pointer; } .partner-block B { display: block; text-align: center; color: #F15922; font-size: 9pt; font-weight: bold; } /* was 9pt */ .partner-frame { width: 150px; height: 80px; background-color: #EBEFF3; overflow: hidden; margin: 0px; } .partner-inside { width: 150px; height: 80px; } .alliance-block { display: block; float: left; padding: 0px; width: 150px; height: 100px; margin: 0px 6px 6px 0px; text-align: center; cursor: pointer; border: 1px solid #EEEEEE; padding: 16px 2px 0px 2px; box-sizing: content-box; } .alliance-block B { display: block; text-align: center; color: #F15922; font-size: 9pt; font-weight: bold; } /* was 9pt */ .side-separator { height: 16px; border-bottom: 1px solid #89A0B1; font-size: 1px; } .horizontal-separator { width: 100%; background-color: #89A0B1; font-size: 1px; overflow: hidden; } .home-featured-products H3 { font-size: 10pt; font-weight: bold; color: #F15922; margin: 0px 0px 20px 0px; padding-top: 0px; } .featured-image { float: left; width: 160px; margin: 0px 20px 20px 0px; text-align: center; } .phome-featured { font-size: 9pt; color: #7D94A6; } .error { font-size: 9pt; color: #FF0000; } .products-category-wrapper { float: left; width: 440px; text-align: left; border-right: 1px solid #7D94A6; margin-right: 20px; } .families-category-wrapper { float: left; width: 420px; text-align: left; } .family-row { width: 410px; height: 75px; margin-bottom: 8px; text-align: left; } .family-block { width: 128px; height: 75px; float: left; margin: 0 4px; position: relative; } .family-inside { width: 128px; position: absolute; bottom: 0px; text-align: center; font-size: 9pt; color: #405361; text-decoration: none; cursor: pointer; } /* was 9pt */ .underlined { border-bottom: 1px solid #7D94A6; } .file-link { color: #7D94A6; font-weight: bold; } .req { color: #FF0000; } .nobold { float: right; font-weight: normal !important; font-size: 8pt !important; margin-right: 4px; } .nobold A { font-weight: normal !important; font-size: 8pt !important; } .bgrl { background-color: #CAD0D7; font-size: 11pt !important; } .bgrc { background-color: #EBEFF3; border: 1px solid #CAD0D7; } .eol { background-color: #FF0000 !important; color: #FFFFFF !important; } /* Links */ .top-menu A:link, .top-menu A:active, .top-menu A:visited, .top-menu { color: #7D94A6; font-size: 8pt; text-decoration: none; text-transform: uppercase; } .top-menu A:hover { color: #F15922; } .news A:link, .news A:active, .news A:visited, .news { color: #7D94A6; text-decoration: none; font-size: 9pt; font-weight: bold; } /* was 9pt */ .news A:hover { color: #F15922; } .news-article-inside A:link, .news-article-inside A:active, .news-article-inside A:visited, .news-article-inside { color: #405361; text-decoration: none; font-size: 9pt; font-weight: bold; } /* was 9pt */ .news-article-inside A:hover { color: #7D94A6; } #main-menu A:link, #main-menu A:active, #main-menu A:visited { display: block; float: left; height: 28px; padding: 7px 24px; font-size: 9pt; font-weight: bold; color: #405361; text-decoration: none; text-transform: uppercase; background: transparent; } #main-menu A:hover { color: #FFFFFF; background-color: #405361; } /* .rotator-links A:link, .rotator-links A:active, .rotator-links A:visited { display: block; float: right; width: 19px; height: 19px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 2px solid #405361; background-color: #405361; margin: 4px; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-align: center; text-decoration: none; } .rotator-links A:hover { background-color: #89A0B1; border: 2px solid #89A0B1; } .rotator-links A.selected { background-color: #F15922; border: 2px solid #F15922; } */ .rotator-links A:link, .rotator-links A:active, .rotator-links A:visited { display: block; float: right; width: 20px; height: 20px; background: transparent url('../i/active.png') no-repeat center center; text-decoration: none; } .rotator-links A:hover { background: transparent url('../i/active-hover.png') no-repeat center center; } .rotator-links A.selected { background: transparent url('../i/non-active.png') no-repeat center center !important; } #prod-links A:link, #prod-links A:active, #prod-links A:visited { display: block; float: left; width: 16px; height: 16px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #405361; background-color: #7D94A6; margin: 2px; color: #FFFFFF; font-size: 8pt; font-weight: bold; text-align: center; text-decoration: none; } #prod-links A:hover { background-color: #CAD0D7; border: 1px solid #FFFFFF; color: #405361; } #prod-links A.selected { background-color: #EBEFF3; border: 1px solid #EBEFF3; color: #405361; } #solutions-block A:link, #solutions-block A:active, #solutions-block A:visited { display: block; float: left; width: 243px; height: 70px; border-left-width: 0px; font-size: 14pt; color: #89A0B1; line-height: 70px; vertical-align: middle; text-decoration: none; border-right: 1px solid #CAD0D7; background: transparent; } #solutions-block A:hover { color: #405361; background-image: url('../i/solbgr100.png');} #blog-links A:link, #blog-links A:active, #blog-links A:visited { font-size: 9pt; color: #FFFFFF; text-decoration: none; background: transparent url('../i/a-next-w.gif') no-repeat center right; padding-right: 12px; font-weight: bold; } #blog-links A:hover { color: #F15922; background: transparent url('../i/a-next-o.gif') no-repeat right center;} #footer-socials A { display: block; width: 32px; height: 35px; text-align: right; vertical-align: middle; background-color: #FFFFFF; margin-bottom: 5px; } #footer-socials A:hover { background-color: #89A0B1; } #footer-socials A IMG { margin-top: 3px; } .footer-links-block A:link, .footer-links-block A:active, .footer-links-block A:visited { font-size: 9pt; color: #FFFFFF; text-decoration: none; margin-bottom: 5px; } .footer-links-block A:hover { color: #F15922; } .left-submenu A:link, .left-submenu A:active, .left-submenu A:visited { display: block; padding: 3px 0px 3px 32px; font-size: 9pt; color: #7D94A6; text-decoration: none; text-transform: uppercase; background: transparent url('../i/left_bullet_0.gif') no-repeat 0px 6px; } .left-submenu A:hover { color: #405361; font-size: 9pt; background: transparent url('../i/left_bullet_1.gif') no-repeat 0px 6px; } .left-submenu A.selected { color: #405361; font-weight: bold; background: transparent url('../i/left_bullet_s.gif') no-repeat 0px 6px !important; } #right-solutions A:link, #right-solutions A:active, #right-solutions A:visited { display: block; width: 240px; height: 33px; font-weight: bold; font-size: 10pt; color: #405361; line-height: 33px; text-decoration: none; } #right-solutions A:hover { color: #89A0B1; } A:link, A:active, A:visited { font-size: 9pt; text-decoration: underline; color: #F15922; } /* was 9pt; */ A:hover { color: #990000; } .submenu-panel A:link, .submenu-panel A:active, .submenu-panel A:visited { display: block; /*height: 24px;*/ padding: 4px 20px 4px 10px; font-size: 9pt; font-weight: bold; color: #405361; text-decoration: none; text-align: left; margin: 1px 2px; border-radius: 2px; -moz-border-radius: 2px; } .submenu-panel A:hover { color: #FFFFFF; background-color: #7D94A6; } .custom-dropdown-wrapper A:link, .custom-dropdown-wrapper A:active, .custom-dropdown-wrapper A:visited { display: block; /*height: 23px;*/ padding: 4px; font-size: 9pt; font-weight: bold; color: #405361; text-decoration: none; text-align: left; margin: 0px; border-radius: 2px; -moz-border-radius: 2px; } .custom-dropdown-wrapper A:hover { color: #FFFFFF; background-color: #7D94A6; } .home-category-list A:link, .home-category-list A:active, .home-category-list A:visited { display: block; padding: 4px 4px 4px 20px; font-size: 9pt; font-weight: bold; color: #405361; text-decoration: none; text-align: left; margin: 0px; border-radius: 2px; -moz-border-radius: 2px; background: transparent url('../i/cat_bullet_0.gif') no-repeat left 6px; } .home-category-list A:hover { color: #FFFFFF; background: #7D94A6 url('../i/cat_bullet_1.gif') no-repeat left 6px; } .phome-featured A:link, .phome-featured A:active, .phome-featured A:visited { color: #7D94A6; text-decoration: none; font-size: 9pt; } .phome-featured A:hover { color: #F15922; } .phome-featured A B { color: #405361; } .phome-featured A:hover B { color: #F15922; } #regular-header A:link, #regular-header A:active, #regular-header A:visited { font-size: 12pt; color: #FFFFFF; font-weight: bold; text-decoration: none; } #regular-header A:hover { color: #CAD0D7;} A.product-category-link:link, A.product-category-link:active, A.product-category-link:visited { color: #405361 !important } A.product-category-link:hover { color: #7D94A6 !important; } /* Popup, Gallery and Image styles */ .ig-wrapper { position: relative; overflow: hidden; cursor: pointer; margin: auto; width: auto; } .ig-pause-old { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: transparent url('../i/ig_pause_icon.gif') no-repeat right bottom; z-index: 1000; display: none; } .ig-pause { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: transparent url('../i/ig_enlarge.png') no-repeat right bottom; z-index: 1000; display: none; } .ig-box { position: relative; top: 0px; left: 0px; overflow: hidden; text-align: center; } .ig320x240 { width: 320px; height: 240px; } .ig320 { width: 320px; } .ig240 { width: 240px; } .ig-box.hidden { display: none; } .ig-prev { float: left; display: block; width: 20px; height: 20px; background: transparent url('../i/ig_prev_icon.gif') no-repeat center center; } .ig-next { float: left; display: block; width: 20px; height: 20px; background: transparent url('../i/ig_next_icon.gif') no-repeat center center; } .ig-close { float: right; display: block; width: 20px; height: 20px; background: transparent url('../i/ig_close_icon.gif') no-repeat center center; } .ig-counter { float: left; display: block; width: 50px; height: 20px; text-align: center; padding-top: 2px; } .ig-caption { float: left; display: block; height: 20px; text-align: left; padding-top: 2px; } .ig-box IMG { display: block; margin: auto; border-width: 0px; } .ig-box IMG.i-gallery { width: 100%; } #ig-display-navigation * { font-family: Arial, sans-serif; font-size: 9pt; color: #405361; } .ig-left { float: left; margin: 0px 20px 20px 0px; } .ig-right { float: right; margin: 0px 0px 20px 20px; } .ig-center { display: block; width: 100%; text-align: center; } .ig-full { display: block; width: 100%; text-align: center; } .ig-full IMG { width: 100%; } .ig-wrapper-video { position: relative; overflow: hidden; cursor: pointer; margin: auto; width: auto; } /* Panel and drop-shadow styles */ .submenu-panel { position: absolute; display: none; top: 96px; left: 400px; background-color: #FFFFFF; border: 1px solid #405361; width: 220px; z-index: 120; } .shadow { -moz-box-shadow: 2px 2px 2px #333333; -webkit-box-shadow: 2px 2px 2px #333333; box-shadow: 2px 2px 2px #333333; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333'); } .submore { background-image: url('../i/submore.gif'); background-repeat: no-repeat; background-position: right center; } .submenu-panel A.marked { background-color: #405361 !important; color: #FFFFFF !important; } #main-menu A.marked { background-color: #405361 !important; color: #FFFFFF !important; } .custom-dropdown-wrapper { display: inline-block; margin: 16px auto; } *+html .custom-dropdown-wrapper centered { display: inline; zoom: 1; } /*ie7*/ * html .custom-dropdown-wrapper { display: inline; zoom: 1; } /*ie6*/ .submenu-panel H1 { font-weight: bold; font-size: 11pt; color: #F15922; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 4px; } #main-menu-inside { display: inline-block; margin: 0 auto; } *+html #main-menu-inside centered { display: inline; zoom: 1; } /*ie7*/ * html #main-menu-inside { display: inline; zoom: 1; } /*ie6*/ .sol-dd-block { float: left; width: 153px; height: 146px; margin: 16px 8px 8px 8px; background: transparent url('../i/sol-block.jpg') no-repeat top left; } .sol-dd-right { float: right; width: 225px; height: 175px; background-color: #405361; margin: 0px 0px 0px 8px; text-align: center; } B.sol-dd-link { display: block; width: 153px; height: 146px; padding: 20px; font-size: 12pt; color: #F15922; text-align: center; cursor: pointer; } A.sol-r-link:link, A.sol-r-link:active, A.sol-r-link:visited { display: block; height: 23px; padding: 4px 4px 4px 20px; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none; text-align: left; margin: 0px; border-radius: 2px; -moz-border-radius: 2px; background: transparent url('../i/cat_bullet_1.gif') no-repeat left center; } A.sol-r-link:hover { color: #CAD0D7; background: transparent url('../i/cat_bullet_2.gif') no-repeat left center; } /* form-related classes */ .text-label-side { font-size: 8pt; color: #405361; font-weight: bold; text-align: right; } .text-label-text { font-size: 8pt; color: #405361; font-weight: bold; } .form-control-side { font-size: 8pt; color: #000000; border: 1px solid #405361; height: 20px; } .text-label { font-size: 9pt; color: #405361; font-weight: bold; text-align: right; } .form-control { font-size: 9pt; color: #000000; border: 1px solid #405361; height: 22px; } .form-control-ta { font-size; 9pt; color: #000000; border: 1px solid #405361; } .submit-btn { font-size: 9pt; background-color: #405361; font-weight: bold; color: #FFFFFF; border: 1px solid #405361; } .ok-message { font-size: 9pt; color: #009900; margin: 17px; font-weight: bold; } .error-message { font-size: 9pt; color: #FF0000; margin: 17px; font-weight: bold; } /* tabs-related classes */ .simple-tab-group { margin-bottom: 20px; } .simple-tab-container { display: none; } A.simple-tab:link, A.simple-tab:active, A.simple-tab:visited { display: block; float: left; padding: 2px 6px; text-decoration: none; background-color: #CAD0D7; font-weight: bold; color: #405361; margin-right: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } A.simple-tab:hover { color: #F15922; } A.simple-tab-selected:link, A.simple-tab-selected:active, A.simple-tab-selected:visited { display: block; float: left; padding: 2px 6px; text-decoration: none; font-weight: bold; margin-right: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; background-color: #405361; color: #FFFFFF; } /* Product-related classes */ .product-box { border: 1px solid #7D94A6; background-color: #EBEFF3; padding: 16px; margin-bottom: 16px; } .product-box H1 { margin: 0; padding: 0; color: #F15922 !important; } .product-box H2 { margin: 0; padding: 0; font-weight: bold; color: #7D94A6; font-size: 9pt !important; } /* was 9pt */ .product-image { float: left; width: 240px; text-align: center; } .product-short { float: right; width: 200px; } .product-image-w { float: left; width: 240px; text-align: center; margin: 0px 16px 16px 0px; } .product-short-w { } /* .share-box { height: 22px; text-align: right; margin-bottom: 0px; display: none; float: right; } .share-box-old { height: 22px; text-align: right; margin-bottom: 10px; display: none; } .share-button-old { float: right; width: 40px; height: 16px; background: transparent url('../i/share_button.gif') no-repeat top left; } */ .share-button { float: right; width: 40px; height: 16px; } .letter-selector { margin-bottom: 20px; } .letter-selector A:link, .letter-selector A:active, .letter-selector A:visited { display: block; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid #405361; background-color: #405361; margin: 1px; color: #FFFFFF; font-size: 8pt; font-weight: bold; text-decoration: none; } .letter-selector A:hover { background-color: #89A0B1; border: 2px solid #89A0B1; } .letter-selector B { display: block; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid #CAD0D7; background-color: #CAD0D7; margin: 1px; color: #89A0B1; font-size: 8pt; font-weight: bold; } .letter-selector .letter-div { width: 11px; height: 12px; float: left; text-align: center; } .home-letter-selector A:link, .home-letter-selector A:active, .home-letter-selector A:visited { display: block; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #405361; background-color: #405361; margin: 1px; color: #FFFFFF; font-size: 8pt; font-weight: bold; text-decoration: none; padding: 0px !important; height: auto !important; } .home-letter-selector A:hover { background-color: #89A0B1; border: 1px solid #89A0B1; } .home-letter-selector B { display: block; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #CAD0D7; background-color: #CAD0D7; margin: 1px; color: #89A0B1; font-size: 8pt; font-weight: bold; } .letter-div { width: 11px; height: 12px; float: left; text-align: center; } A.enlarge:link, A.enlarge:active, A.enlarge:visited { color: #7D94A6; text-decoration: none; font-size: 9pt; padding-left: 14px; background: transparent url('../i/enl.gif') no-repeat center left; } A.enlarge:hover { color: #F15922; } .related-product { margin: 8px; } .related-photo { text-align: center; width: 80px; font-size: 8pt; color: #7D94A6; padding: 0px 0px 8px 0px; } .related-text { width: 90px; padding: 0px 0px 8px 8px; } .related-product A { text-decoration: none; } .related-product B { color: #405361; font-size: 8pt; text-decoration: none; } .related-product I { color: #F15922; font-size: 7pt; font-style: normal; text-decoration: none; } #left-menu-block H3 { color: #89A0B1; margin: 4px 0px 8px 8px; padding: 0px; font-size: 10pt; } /* Expandable-related classes */ A.expandable-node:link, A.expandable-node:active, A.expandable-node:visited { display: block; padding: 3px 0px 4px 32px; font-size: 9pt; color: #7D94A6; text-decoration: none; background: transparent url('../i/left_bullet_col_0.gif') no-repeat 0px 5px; } A.expandable-node:hover { color: #405361; font-size: 9pt; background: transparent url('../i/left_bullet_col_1.gif') no-repeat 0px 5px; } A.expandable-node.expanded:link, A.expandable-node.expanded:active, A.expandable-node.expanded:visited { display: block; padding: 3px 0px 4px 32px; font-size: 9pt; color: #405361; text-decoration: none; background: transparent url('../i/left_bullet_exp_0.gif') no-repeat 0px 5px; font-weight: bold; } A.expandable-node.expanded:hover { color: #405361; font-size: 9pt; background: transparent url('../i/left_bullet_exp_1.gif') no-repeat 0px 5px; } .expandable-container { margin-left: 32px; display: none; } .expandable-container A.p-node, .expandable-container A.f-node { display: block; padding-left: 10px; background: transparent url('../i/prod_bullet.gif') no-repeat left 3px; } .expandable-container A.s-node { display: block; padding-left: 10px; background: transparent url('../i/prod_subbullet.gif') no-repeat left center; } .expandable-container A:link, .expandable-container A:active, .expandable-container A:visited { font-size: 9pt; color: #7D94A6; text-decoration: none; } .expandable-container A:hover { color: #405361; } .expandable-container A.selected { font-weight: bold; color: #405361 !important; } /* news/events/press releases classes */ .press-wrapper { font-size: 9pt; margin-bottom: 8px; } /* was 9pt */ .press-date { float: left; width: 90px; } .press-logo { float: left; width: 100px; height: 60px; margin-right: 10px; background-repeat: no-repeat; background-position: center top; background-size: contain; } .press-caption { float: left; width: 380px; color: #7D94A6; } .press-caption-short { float: left; width: 280px; color: #7D94A6; } .press-caption A:link, .press-caption A:active, .press-caption A:visited, .press-caption-short A:link, .press-caption-short A:active, .press-caption-short A:visited { color: #405361; text-decoration: none; font-size: 9pt; font-weight: bold; } /* was 9pt; */ .press-caption A:hover, .press-caption-short A:hover { color: #F15922; } .news B { color: #405361; } H3.news { color: #F15922; } /* errors */ .error-wrapper { position: absolute; top: 10px; left: 0px; z-index: 10000; background-color: #EBEFF3; border: 1px solid #405361; color: #000000; } /* files-related classes */ .file-type-section { display; block; font-size: 9pt; font-weight: bold; color: #405361; padding: 2px 0px 2px 16px; height: 20px; background: #EBEFF3 url('../i/ft_collapsed.gif') no-repeat center left; border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #EBEFF3; margin: 2px 0px 1px 0px; cursor: pointer; } .file-type-section.scol { background-image: url('../i/ft_collapsed.gif') !important; } .file-type-section.sexp { background-image: url('../i/ft_expanded.gif') !important; } .file-type-container { display: none; } .all-file-container { display: block; } .file-chapters { display: none; } .file-main { display: block; font-size: 9pt; color: #7D94A6; padding: 2px 0px 2px 28px; background: transparent url('../i/f_single.gif') no-repeat top left; margin-top: 2px; } .file-main.fcol { background-image: url('../i/f_collapsed.gif') !important; cursor: pointer; } .file-main.fexp { background-image: url('../i/f_expanded.gif') !important; cursor: pointer; } .file-chapters { padding-left: 32px; } .file-chap { display: block; font-size: 9pt; color: #7D94A6; padding: 2px 0px 2px 28px; background: transparent url('../i/f_chapter.gif') no-repeat top left; } .all-file-container .file-main { padding-left: 12px; background: transparent url('../i/f_single.gif') no-repeat -16px 0px; } .file-details { font-size: 7pt; color: #7D94A6; } .file-details A:link, .file-details A:active, .file-details A:visited { font-size: 7pt !important; color: #405361; } .fancy-wrapper { height: 40px; } .fancy-button { display: block; float: left; border-radius: 5px; box-shadow: 0px 0px 10px #000000; background-color: #FFFFFF; margin-top: 12px; padding: 10px; font-size: 9pt; font-weight: bold; vertical-align: middle; } .fancy-button A { float: left; display: block; color: #F15922; text-decoration: none; padding: 2px 2px 2px 28px; background-position: 8px -2px; background-repeat: no-repeat; } .fancy-button B { float: left; display: block; padding: 2px 2px 2px 0px; } .orange-wrapper { height: 40px; text-align: center; } .orange-button { display: block; float: left; border-radius: 5px; box-shadow: 0px 0px 10px #000000; background-color: #F15922; margin-top: 12px; padding: 10px; font-size: 9pt; font-weight: bold; vertical-align: middle; } .orange-button A { float: left; display: block; color: #FFFFFF; text-decoration: none; padding: 2px 2px 2px 28px; background-position: 8px -2px; background-repeat: no-repeat; } .orange-button B { float: left; display: block; padding: 2px 2px 2px 0px; } B.orange { color: #F15922; } .alt-link { text-decoration: none !important; color: #405361 !important; } .alt-link B { color: #F15922 !important; } .datasheet-button-wrapper { text-align: center; margin: 20px 0px 0px 0px; } .datasheet-button { display: inline-block; border-radius: 5px; background-color: #F15922; margin-top: 12px; padding: 10px; font-size: 9pt; font-weight: bold; vertical-align: middle; } .datasheet-button A { float: left; display: block; color: #405361; text-decoration: none; padding: 2px 2px 2px 28px; background-position: 8px -2px; background-repeat: no-repeat; } .datasheet-button A:hover { float: left; display: block; color: #CAD0D7; text-decoration: none; padding: 2px 2px 2px 28px; background-position: 8px -2px; background-repeat: no-repeat; } .datasheet-button B { float: left; display: block; color: #FFFFFF; padding: 2px 2px 2px 0px; } .event-speaker { float: left; width: 50px; margin: 2px 20px 40px 0px; } .event-speaker>IMG { width: 100%; vartical-align: top; border: 1px solid #666666; } .event-img { max-width: 200px; display: block; margin-bottom: 20px; }