@charset "utf-8";
/* CSS Document */

	#menu {
	width:184px;
	padding:0;margin:0;
	margin-right:6px;
	overflow:hidden;
	font:bold 92%/1.4em arial,helvetica,sans-serif;
}

			#products #menu h3, #products-detail #menu h3 {background:url(../images/navHdrBluGry.gif) no-repeat}

			#partners #menu h3 {background:url(../images/navHdrGrey.gif) no-repeat}

			#aboutus #menu h3 {background:url(../images/navHdrBlu.gif) no-repeat}

			#support #menu h3 {background:url(../images/navHdrBrown.gif) no-repeat}            

			#learningCenter #menu h3 {background:url(../images/navHdrGreen.gif) no-repeat}

			#solutions #menu h3, #gss #menu h3 {background:url(../images/navHdrLgtBrown.gif) no-repeat}

			#iCommerce #menu h3, #services #menu h3, #services-detail #menu h3 {background:url(../images/navHdrAqua.gif) no-repeat}



		#menu ul {padding:0;margin:0;margin-bottom:.3em}

		#menu li {padding:.5em 1em .4em 2em; text-indent:-1em; font-weight:bold; list-style:none; border-bottom:1px solid #CCC; zoom:1}



		#menu li a {padding-left:1em; background:url(../images/listArrowRight.gif) no-repeat 0 .4em}

		#menu li a:hover {background:url(../images/listArrowRightOn.gif) no-repeat 0 .4em}

		#menu li a.menuactive_menuparent {color:#445;; background:url(../images/listArrowDownOn.gif) no-repeat 0 .4em}

		#menu li a.menuactive_menuparent:hover {text-decoration:none; background:url(../images/listArrowDownOn.gif) no-repeat 0 .4em}

		#menu li a.menuparent {background:url(../images/listArrowDown.gif) no-repeat 0 .4em}

		#menu li a.menuparent:hover {background:url(../images/listArrowDownOn.gif) no-repeat 0 .4em}

		#menu li a.menuactive {color:#445;; background:url(../images/listSquareOn.gif) no-repeat 0 .4em}

		#menu li a.menuactive:hover {text-decoration:none; background:url(../images/listSquareOn.gif) no-repeat 0 .4em}



		#menu ul ul {padding:0;margin:0;margin-bottom:.3em}

		#menu li li {padding:.1em 1em; text-indent:-1em; border-bottom:0}

		#menu li li li {padding:.1em 1.2em; text-indent:-1em; border-bottom:0}

		#menu li li li a {background:url(../images/listSquare.gif) no-repeat 0 .4em}

		#menu li li li a:hover, #menu li li li a.menuactive {background:url(../images/listSquareOn.gif) no-repeat 0 .4em}

		#menu li li li a.menuactive:hover {text-decoration:none; background:url(../images/listSquareOn.gif) no-repeat 0 .4em}