/* CSS Document */ /* main div names ================= #site_container #header_area #nav_area #content_area #footer_area*/ /* ------------------------------ New home page -------------------------------- */ #home-container {margin:0px auto; width:800px;} #home-search { float:right; margin:14px 0px 0px 0px;} #cisco {float:right;} .searchbox2 { border:1px solid #cacaca; margin:9px 5px 0px 0px; padding:3px; font-size:9px; color:#999; width:180px;} marquee a { color:#333; text-decoration:none;} marquee a:hover { color:#333; text-decoration:underline;} #news-ticker-title { float:left; width:86px; padding:10px 0px 10px 0px;} #news-ticker { font-weight:normal; font-size:11px; padding:10px 0px 10px 0px; width:714px; float:right;} #flash-right { background-color:#999; float:right; width:189px; font-size:10px; color:#fff; padding:3px 6px 10px 6px;} #flash-right a {color:#fe0000; text-decoration:none;} #flash-right img {padding:7px 0px 0px 0px;} #home-content { clear:both; margin:0px 0px 0px 0px; padding:0px 0px 40px 0px;} #home_lower-new { clear:both;} .subscribe { border:0px; width:180px; margin:0px 0px 7px 0px;} #techblog { width:175px; float:left; font-size:10px; padding:0px 10px;} #techblog a {color:#333;} #techblog h1 { background-color:#fe0000; font-size:11px; color:#fff; margin:0px 0px 5px -10px; padding:5px 10px; width:175px;} #techblog2 { width:175px; float:left; font-size:10px; padding:0px 10px;} #techblog2 ul { padding:0; margin:0; list-style-type:none;} #techblog2 a {color:#333;} #techblog2 h1 { background-color:#fe0000; font-size:11px; color:#fff; margin:0px 0px 5px -10px; padding:5px 10px; width:175px;} #whitepapers { width:175px; float:left; font-size:10px; padding:0px 10px; margin:0px 0px 0px 3px;} #whitepapers a {color:#333;} #whitepapers h1 { background-color:#fe0000; font-size:11px; color:#fff; margin:0px 0px 5px -10px; padding:5px 10px; width:175px;} #ad-area { float:left; width:201px; margin:0px 0px 0px 3px;} #CollapsiblePanel1 { z-index:1;} #ad-area2 { float:right; width:201px; margin:0px 0px 0px 2px; z-index:2;} #ad-area3 { float:left; width:181px; margin:0px 0px 0px 3px; padding:0px 10px 9px 10px;; background-color:#404040; background-image:url(../images/home_services_bkg_dk.jpg); background-repeat:repeat-x;} #ad-area3 h1 {font-size:12px; color:#fff; padding:3px 10px 10px 0px; line-height:16px; margin:0px;} #footer-logos { margin:20px 0px} #footer {font-size:9px; color:#000; clear:both; padding:10px 0px 20px 0px;} #footer a { color:#000;} #footer-left {float:left; width:200px;} #footer-right {float:right; width:300px; text-align:right} @charset "UTF-8"; /* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* This is the selector for the main CollapsiblePanel container. For our * default style, the CollapsiblePanel is responsible for drawing the borders * around the widget. * * If you want to constrain the width of the CollapsiblePanel widget, set a width on * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill * up available space. * * The name of the class ("CollapsiblePanel") used in this selector is not necessary * to make the widget function. You can use any class name you want to style the * CollapsiblePanel container. */ .CollapsiblePanel {background-color: #333; margin: 5px 0px 0px -6px; padding: 3px 6px 11px 6px; width:189px; position:absolute; } /* This is the selector for the CollapsiblePanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open or close the panel. * * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * CollapsiblePanel panel tab container. */ .CollapsiblePanelTab { background-color:#333; margin: 0px; padding: 0px 0px 0px 0px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; } /* This is the selector for a CollapsiblePanel's Content area. It's important to note that * you should never put any padding on the content area element if you plan to * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate. * * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary * to make the widget function. You can use any class name you want to style a * CollapsiblePanel content container. */ .CollapsiblePanelContent {background-color: #333; margin: 0px; padding: 10px 0px 0px 0px; } /* An anchor tag can be used inside of a CollapsiblePanelTab so that the * keyboard focus ring appears *inside* the tab instead of around the tab. * This is an example of how to make the text within the anchor tag look * like non-anchor (normal) text. */ .CollapsiblePanelTab a { color: black; text-decoration: none; } /* This is an example of how to change the appearance of the panel tab that is * currently open. The class "CollapsiblePanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the CollapsiblePanel. */ .CollapsiblePanelOpen .CollapsiblePanelTab { background-color: #333;; } /* This is an example of how to change the appearance of the panel tab when the * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed * whenever the CollapsiblePanel is closed. */ .CollapsiblePanelClosed .CollapsiblePanelTab { /* background-color: #EFEFEF */ } /* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */ .CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover { background-color: #333; } /* This is an example of how to change the appearance of all the panel tabs when the * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed * whenever the CollapsiblePanel gains or loses keyboard focus. */ .CollapsiblePanelFocused .CollapsiblePanelTab { background-color: #333; } /* ------------------------------ General -------------------------------- */ body { text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#666666; background-color:#ffffff; margin: 0px 0px 0px 0px;} textarea { text-align:left; background-color:#FFFFFF;} form { text-align:left; margin:2px 0px 0px 0px;} img { border:0px} input { color:#000000; } /* ------------------------------ Site and border container -------------------------------- */ #siteandbordercontainer { width:834px; background-color:#FFFFFF; padding:0px 0px 0px 0px; margin: 0px auto 20px auto; text-align:center;} /* ------------------------------ Site container -------------------------------- */ #sitecontainer { width:800px; background-color:#FFFFFF; margin: 0px auto 20px auto; text-align:left;} /* ------------------------------ Header_area -------------------------------- */ #header_area { background-color:#FFFFFF; width:800px; height:66px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;} #logo_area {float:left; } #header_area a { color:#F11A0A; text-decoration:none;} #header_area a:hover {} .headtext1 { color:#999999; font-size:12px; line-height:18px;} .headtext2 { color:#AAAAAA; font-size:18px; } #language_selector { float:left; font-size:9px; padding:28px 0px 0px 0px; color:#ccc; margin:0px 0px 0px 15px;} #language_selector a { color:#666666;} .selected_language {color:#F11A0A;} #contact_no { float:right; font-size:24px; color:#ccc; padding:40px 0px 0px 0px; margin:0px 15px 0px 0px;} /* ------------------------------ Nav_area -------------------------------- */ #nav_container { width:800px; height:24px; background-color:#E6E6E6; font-weight:bold; font-size:13px; clear:both; } /* ------------------------------ Home page -------------------------------- */ #flash_area { width:593px; height:225px; float:left; margin:0px 0px 2px 0px; } #search_area { width:181px; height:225px; float:right; margin:0px 0px 2px 2px; background-image:url(../images/search_background.jpg); padding:0px 10px 0px 10px;} #search_area h1 { font-size:12px; font-weight:normal; color:#fff; padding:10px 0px 0px 0px; margin:0; line-height:18px;} #home_lower { width:800px; clear:both; margin:0px 0px 0px -12px; font-size:11px;} #lower_left { width:398px; float:left; background-image:url(../images/home_left_bkg.jpg); height:143px; margin:0px 0px 0px 12px;} #lower_left ul {list-style:none; margin:0px 0px 10px -41px;} #lower_left li { float:left; margin:0px 0px 0px 1px; } #lower_left ul a { display:block; width:132px; background-color:#ff0000; text-align:center; padding:3px 0px 4px 0px; color:#fff; text-decoration:none;} #lower_left ul a.active {background-color:#fff; color:#000000;} #lower_left ul a:hover { display:block; width:132px; background-color:#fff; text-align:center; padding:3px 0px 4px 0px; color:#000; text-decoration:none;} #lower_left_content { padding:20px 10px 0px 10px; font-size:11px;} #lower_left_content_date { font-size:11px; line-height:9px; font-weight:normal; } #lower_left_content_body { font-size:13px; line-height:15px; font-weight:bold; padding:0px 0px 0px 0px;} #lower_right1 { width:179px; float:right; background-image:url(../images/Channelaward.jpg); height:143px; color:#FFFFFF; padding:0px 10px 0px 10px; background-repeat:no-repeat;} #lower_right1 ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 15px;} #lower_right1 a { width:179px; height:143px; display:block;} #lower_right1 li {margin:0px 0px 0px 0px; padding:0px 0px 10px 0px;} #lower_right1 h1 { font-size:11px; color:#fff; padding:3px 0px 10px 0px; line-height:16px; margin:0px;} #lower_right2 { width:200px; float:right; margin:0px -11px 0px 0px; } .more_button { padding:10px 0px 0px 0px;} .more_button2 { padding:10px 0px 0px 0px;} .white11px { color:#FFFFFF; font-size:11px;} .grey11px {font-size:11px} /* ------------------------------ Home page -------------------------------- */ #search_module {width:240px; height:18px; float:right; font-size:11px; line-height:11px; font-weight:bold; color:#F11A0A; background-color: #E6E6E6;/*#ffffff*/ margin:2px 2px 0px 0px; padding:0px 0px 0px 8px; } #search_textarea {width:20px; height:20px; float:right; font-size:11px; line-height:11px; font-weight:bold; color:#F11A0A; background-color:#3366FF; margin:0px 3px 0px 0px; padding:0px 0px 0px 0px; } #search_thewordsearch {width:60px; font-size: 11px;font-weight:normal; float:right; } #search_button {width:15px; height:15px; float:right; margin:4px 3px 0px 0px; padding:0px 0px 0px 0px; } #new_search_module {width:250px; background-color:#e6e6e6; float:right; height:16px; margin:2px 0px 0px 0px; padding:0px 0px 0px 0px;} #new_search_module form {font-size: 11px; line-height: 11px; } #new_search_module img {margin:0px 0px -2px 0px;} #new_search_button { float:right; margin:0px 5px 0px 0px;} #new_search_button input {width:12px;} .searchtext {padding:0px 0px 0px 0px; /* blank out text */ color:#E6E6E6; } .searchbox {background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; height:14px; font-size: 11px; line-height: 11px; font-weight:normal; border:0px dotted #999; margin:9px 0 0 0; padding:3px 0px 3px 3px; width:130px;} /* ------------------------------ Content_area -------------------------------- */ #content_area { background-color:#FFFFFF; width:800px; margin:0px 0px 0px 0px;} #secondary_nav { float:left; font-size:11px; color:#FFFFFF; font-weight:bold; font-weight:900;} #secondary_nav a {color:#FFFFFF; text-decoration:none;} #secondary_nav a:hover {color:#999999;} #secondary_nav a.active {color:#F11A0A;} #secondary_nav ul { list-style: none; margin:0px 0px 0px 0px; padding:14px 0px 0px 14px;} #secondary_nav li { margin-bottom:2px;} #secondary_nav_indented {padding:0px 0px 0px 6px; font-weight:normal; margin: 0px;} #secondary_nav_indented ul { list-style: none; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px;} #secondary_nav_indented li { margin-bottom:2px;} #secondary_nav_after_indented {padding:0px 0px 0px 0px; font-weight:bold; margin: 0px;} #secondary_nav_after_indented ul { list-style: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 14px;} #secondary_nav_after_indented li { margin-bottom:2px;} #content_area_left_top {width:318px; background-color:#FFFFFF; height:186px; background-image:url(../images/about-top.jpg); margin:0px 0px 0px 0px; } #content_area_left_top_working {width:318px; background-color:#FFFFFF; height:186px; background-image:url(../images/working-top.jpg); margin:0px 0px 0px 0px; } #content_area_left_top_services {width:318px; background-color:#FFFFFF; height:415px; background-image:url(../images/services-top.jpg); margin:0px 0px 0px 0px; background-color:#000000; background-repeat:no-repeat; } #content_area_left_top_services_data {width:318px; background-color:#FFFFFF; height:415px; background-image:url(../images/services-data.jpg); margin:0px 0px 0px 0px; background-color:#000000; background-repeat:no-repeat; } #content_area_left_top_services_integrated {width:318px; background-color:#FFFFFF; height:415px; background-image:url(../images/services-integrated.jpg); margin:0px 0px 0px 0px; background-color:#000000; background-repeat:no-repeat; } #content_area_left_top_services_professional {width:318px; background-color:#FFFFFF; height:415px; background-image:url(../images/services-professional.jpg); margin:0px 0px 0px 0px; background-color:#000000; background-repeat:no-repeat; } #content_area_left_top_services_managed {width:318px; background-color:#FFFFFF; height:415px; background-image:url(../images/services-managed.jpg); margin:0px 0px 0px 0px; background-color:#000000; background-repeat:no-repeat; } #content_area_left_top_services_core {width:318px; background-color:#FFFFFF; height:415px; background-image:url(../images/services-core.jpg); margin:0px 0px 0px 0px; background-color:#000000; background-repeat:no-repeat; } #content_area_left_top_services_incontact {width:318px; background-color:#FFFFFF; height:415px; background-image:url(../images/services-incontact.jpg); margin:0px 0px 0px 0px; background-color:#000000; background-repeat:no-repeat; } #content_area_left_top_services_physical {width:318px; background-color:#FFFFFF; height:415px; background-image:url(../images/services-physical.jpg); margin:0px 0px 0px 0px; background-color:#000000; background-repeat:no-repeat; } #content_area_left_top_partners {width:318px; background-color:#FFFFFF; height:186px; background-image:url(../images/partners-top.jpg); margin:0px 0px 0px 0px; } #content_area_left_top_contact {width:318px; background-color:#FFFFFF; height:186px; background-image:url(../images/contact-top.jpg); margin:0px 0px 0px 0px; } #content_area_left_top_excellence {width:318px; background-color:#FFFFFF; height:186px; background-image:url(../images/excellence-top.jpg); margin:0px 0px 0px 0px; } #content_area_left_top_news_detail {width:318px; background-color:#FFFFFF; height:186px; background-image:url(../images/news-detail-top.jpg); margin:0px 0px 0px 0px; } #content_area_left_bottom_container {width:318px; height:159px; background-image:url(../images/about-bottom.jpg); margin:10px 0px 0px 0px; background-repeat:no-repeat;} #content_area_left_bottom_container_working {width:318px; height:159px; background-image:url(../images/working-bottom.jpg); margin:10px 0px 0px 0px; background-repeat:no-repeat;} #content_area_left_bottom_container_services {width:318px; height:159px; background-image:url(../images/services-bottom.jpg); margin:10px 0px 0px 0px; background-repeat:no-repeat;} #content_area_left_bottom_container_partners {width:318px; height:159px; background-image:url(../images/partners-bottom.jpg); margin:10px 0px 0px 0px; background-repeat:no-repeat;} #content_area_left_bottom_container_excellence {width:318px; height:159px; background-image:url(../images/excellence-bottom.jpg); margin:10px 0px 0px 0px; background-repeat:no-repeat;} #content_area_left_bottom1 {width:159px; height:159px; margin:9px 0px 0px 0px; float:left} #content_area_left_bottom1 a:hover { color:#BBBBBB;} #content_area_left_bottom1 h1 {font-size:17px; line-height: 18px; color:#FFFFFF; margin:0px 0px 0px 12px; padding:14px 0px 0px 0px} #content_area_left_bottom1 h1 a {color:#FFFFFF; text-decoration:none;} #content_area_left_bottom2 {width:159px; height:159px; margin:9px 0px 0px 0px; float:left; } #content_area_left_bottom2 h1 {font-size:12px; line-height: 13px; color:#F11A0A; margin:0px 0px 0px 0px; padding:14px 0px 0px 12px} #content_area_left_bottom2 h1 a {color:#F11A0A; text-decoration:none;} #content_area_left_bottom2 h1 a:hover {color:#BBBBBB; text-decoration:none;} #content_area_right { background-color:#FFFFFF; width:460px; float:right; font-size:11px; line-height:13px; color:#666666} #content_area_right a {color:#666666; } #content_area_right h1 {font-size:14px; font-style:normal; font-weight:bold; color:#F11A0A; padding:14px 0px 0px 0px;} #content_area_right h2 {clear:both; font-size:11px; font-weight:bold; padding:14px 0px 0px 0px; margin:0px;} #content_area_right h3 {clear:both; font-size:11px; font-weight:bold; padding:0px 0px 0px 0px; margin:0px;} /* News detail heads */ #content_area_right h4 {clear:both; font-size:11px; font-weight:bold; color:#F11A0A; padding:14px 0px 0px 0px; margin:0px;} #content_area_right h5 {clear:both; font-size:14px; line-height:16px; font-weight:bold; color:#666666; padding:13px 0px 13px 0px; margin:0px;} #content_area_right_search { background-color:#FFFFFF; width:460px; float:right; font-size:11px; line-height:13px; color:#666666; margin:0px 0px 10px 0px;} #content_area_right_search a {text-decoration:none; color:#666666; } #content_area_right_search a:hover {color:#666666; } #content_area_right_search h1 {font-size:14px; font-style:normal; font-weight:bold; color:#F11A0A; padding:14px 0px 0px 0px;} #content_area_right_search h2 {clear:both; color:#bbbbbb; font-size:12px; font-weight:bold; padding:14px 0px 6px 0px; margin:0px;} #content_area_right_search h2 a {text-decoration:none; color:#bbbbbb; } /* News list */ #content_area_right_newslist { background-color:#FFFFFF; text-align:left; width:460px; float:right; font-size:11px; line-height:13px; color:#666666} #content_area_right_newslist a { text-decoration:underline; color:#666666;} #content_area_right_newslist a.visited {color:#666666;} #content_area_right_newslist h1 {font-size:14px; font-style:normal; font-weight:bold; color:#F11A0A; padding:14px 0px 0px 0px;} #content_area_right_newslist h2 {clear:both; text-decoration:none; font-size:11px; font-weight:bold; color:#F11A0A; padding:14px 0px 0px 0px; margin:0px;} #content_area_right_newslist h2 a {text-decoration:none; color:#F11A0A;} #content_area_right_newslist h3 {clear:both; text-decoration:none; color:#666666; font-size:11px; font-weight:bold; padding:0px 0px 0px 0px; margin:0px;} #content_area_right_newslist h3 a {text-decoration:none; color:#666666;} #content_area_right_newslist h3 a.visited {text-decoration:none; color:#666666;} #content_area_right ul {list-style: disc; padding:0px 0px 0px 12px;} #content_area_right_values {text-indent:20px; font-weight:bold; padding:10px 0px 0px 0px;} #content_area_right_col1 {width:200px; float:left;} #content_area_right_col2 {width:200px; float:left;} .content_area_body_bold {font-weight:bold} .content_area_right_indent {padding:0px 0px 0px 15px;} .content_area_right_indent2 {padding:0px 0px 0px 30px;} /* ------------------------------ Blog -------------------------------- */ .blogtitle {font-size:14px; line-height:16px; font-weight:bold;} /* ------------------------------ Contact form -------------------------------- */ .formstar { color:#F11A0A; } .inputbox { width:250px; } /* ------------------------------ Footer_area -------------------------------- */ #footer_area { float:left; clear:both; background-color:#FFFFFF; width:388px; margin: 30px 0px 20px 12px; padding:0px 0px 0px 0px; font-size:9px} #footer_area a { color:#000000; text-decoration:none;} #footer_area a:hover {text-decoration:underline;} #footer_area_right { float:right; background-color:#FFFFFF; color:#000000; margin: 30px 15px 20px 0px; padding:0px 0px 0px 0px; font-size:9px; text-align:right;} #footer_area_right a { color:#000000; text-decoration:none; } #footer_area_right a:hover {text-decoration:underline;} /* ------------------------------ Admin styles -------------------------------- */ #admincontainer { background-color:#FFFFFF; width:786px; text-align:left;font-size:11px; line-height:13px; color:#666666; margin: 0px 0px 0px 14px;} #admincontainer td { padding: 0px 0px 6px 0px;} #admincontainer a {color:#666666; } #admincontainer h1 {font-size:14px; font-style:normal; font-weight:bold; color:#F11A0A; padding:14px 0px 0px 0px;} #admincontainer h2 {font-size:11px; line-height:13px; font-weight:bold; } #adminheadleft { float:left; text-align:left; font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 4px 14px 0px 14px;} #adminheadright { float:right; text-align:right; font-size:14px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 4px 14px 0px 14px;} .maincontenthead {font-size:14px; font-style:normal; font-weight:bold; color:#F11A0A; width:458px;} #adminlist {font-size:11px; line-height:13px; color:#666666;} #adminlist a {font-size:11px; line-height:13px; color:#666666; text-decoration:none;} #adminlist active {font-size:11px; line-height:13px; color:#666666; text-decoration:underline;} #adminlist visited {font-size:11px; line-height:13px; color:#EEEEEE;} /* ------------------------------ dropdown styles -------------------------------- */ #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; font-size:10px; } #nav a {display: block; padding:6px 10px 5px 10px; color: #f2452f; background-color:#e6e6e6; text-decoration:none; border-right:2px solid #fff; } #nav a:hover {display: block; padding:6px 10px 5px 10px; color: #fff; background-color:#999;} #nav a.selected {display: block; padding:6px 10px 5px 10px; color: #fff; background-color:#333;} #nav li { /* all list items */ float: left; /* width needed or else Opera goes nuts */ } #nav li ul { /* second-level lists */ position: absolute; background: #e6e6e6 ; display:block; width: 140px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li ul a {display: block; width:140px; padding:5px 10px 6px 10px; color: #f2452f; background-color:#e6e6e6; text-decoration:none; border:0; } #nav li ul a:hover {display: block; width:140px; padding:5px 10px 6px 10px; color: #fff; background-color:#999; text-decoration:none;} #nav li ul ul { /* third-and-above-level lists */ margin:-25px 0px 0px 160px; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } #content { clear: left; color: #ccc; }