/* PRIMARY MENU TYPE STYLES */

/* Note: It is absolutely critical that all vertical measurements in
 * the primary menu styles be specified in font-relative units such as
 * ex's.  Otherwise, menus can disconnect from each other with
 * submenus dropping below the main menu bar.  This causes the :hover
 * styles to work improperly when the mouse passes over the gap.
 */

/* general font and color settings applied to the entire menu */
/* PRIMARY MENU LAYOUT STYLES */

.primary-menu {
	/*background-image: url('/images/menu-gradient-off.gif');*/
	background: white;
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 12pt;
   font-weight: normal;
   /* padding at the far left and right edges of the menu bar */
   padding: 0ex 0ex;
   white-space: nowrap;
   height: 26px; /* TODO experimental */
}

.primary-menu ul {
    /* implements the menu separators and should be the same border
     * as the border-right on a's below.  This could probably be done
     * with a background-image instead, if we need an appearance that
     * can't be achieved with borders.
     */
/*    border-left: 1px solid #cccccc; */
/*    display: block; */
	font-size: 0;
	margin: 0;
}

.primary-menu a {
    /* implements the menu separators and should be the same border
     * as the border-left on ul's above.
     */
	border-bottom: none;
    /* border-right: 1px solid black; */
    /* color: #ffffff; */
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 28px;
    padding: 5px 0 5px 0;
    text-decoration: none;
    /* background-image: url('/images/menu-gradient-off.gif'); */
}

.primary-menu a:visited {
    /* background-image: url('/images/menu-gradient-off.gif'); */
	border-bottom: none;
    color: #000000;
}

.primary-menu a:hover {
    /*background-image: url('/images/menu-gradient-on.gif');*/
    background: #000000;
	border-bottom: none;
    color: #ffffff;
	text-decoration: underline;
}

.primary-menu li {
    /* remove the bullet items */
    font-size: 0;
    line-height: 0;
    list-style: none outside none;
}

/*
.primary-menu ul ul a {
    background-image:  url('/images/menu-hgradient-off.gif');
    background-repeat: repeat-y;
}
.primary-menu ul ul a:hover {
    background-image: url('/images/menu-hgradient-on.gif');
    background-repeat: repeat-y;
}
*/

.primary-menu ul ul a {
	/*background-color: #231F20;
    background-image: url('/images/left-fade-gradient.gif');*/
	background: white;
    background-repeat: repeat-y;
    /*border: 1px solid #cccccc;  */
    border: none;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
}

.primary-menu ul ul a:hover {
    /*background-image: url('/images/right-fade-gradient.gif');*/
	background: white;
    background-repeat: repeat-y;
    background-position: right;
	color: #000000;
	text-decoration: underline;
}

/* the ul and a's along with submenu li's need the same vertical padding
 * in order to make the separators and highlights the proper height.
 */
.primary-menu ul, .primary-menu ul ul li {
    padding-top: 0ex;
    padding-bottom: 0ex;
}

.primary-menu ul {
    padding-left: 0px;
}

.primary-menu a {
    padding-left: 1.2em;
    padding-right: 1.2em;
}

.primary-menu ul li {
    display: inline;
    /* remove default list margins */
    margin: 0;
    padding: 0;
}

.primary-menu ul ul {
    /* padding for submenus */
    padding: 0px;
}

.primary-menu ul ul li {
   display: block;
   font-size: 0;
   padding-bottom: 0;
   padding-top: 0;
}

/* PRIMARY MENU BEHAVIOR STYLES */

.primary-menu ul li {
	font-size: 9pt;
	padding-bottom: 5px;
	padding-top: 5px;
	position: relative;

	padding-bottom: expression("0px");
	padding-top: expression("0px");
}

.primary-menu ul ul {
    display: none;
    font-size: 11px;
    position: absolute;
    /* use these to adjust positioning of first level submenus */
    top: 20px;
    left: 0px;
}

.primary-menu ul ul ul {
    /* use these to adjust positioning of second and higher level submenus */
    top: 2px;
    /* this should not exceed the min-width value in the following section */
    left: 151px;
}

.primary-menu ul ul li { 
    /* this should be no smaller than the left value in the previous section */
    /* TODO this is a problem */
    min-width: 6em;
    width: 151px;
}

.primary-menu li:hover ul, .primary-menu li.over ul {
    display: block;
    /* make sure menus pop up above other content */
    z-index: 99999;
}

.primary-menu li:hover, .primary-menu li.over {
    direction: ltr;
    /* make sure menus pop up above other content */
    z-index: 99999;
}

/* these next two items implement second level submenus and must be
 * repeated (with an additional level of li:hover) for each deeper
 * level of menu nesting.  IE6 does not support the CSS selectors
 * that are necessary to simlify this.
 */
.primary-menu li:hover ul ul, .primary-menu li.over ul ul {
    display: none;
}

.primary-menu li:hover li:hover ul, .primary-menu li.over li.over ul {
    display: block;
}

/* level three submenus */
.primary-menu li:hover li:hover ul ul, primary-menu li.over li.over ul ul {
    display: none;
}

.primary-menu li:hover li:hover li:hover ul, .primary-menu li.over li.over li.over ul {
    display: block;
}

/* level four submenus */
.primary-menu li:hover li:hover li:hover ul ul, .primary-menu li.over li.over li.over ul ul {
    display: none;
}

.primary-menu li:hover li:hover li:hover li:hover ul, .primary-menu li.over li.over li.over li.over ul {
    display: block;
}

/* level five submenus */
.primary-menu li:hover li:hover li:hover li:hover ul ul, .primary-menu li.over li.over li.over li.lover ul ul {
    display: none;
}

.primary-menu li:hover li:hover li:hover li:hover li:hover ul, .primary-menu li.over li.over li.over li.over li.over ul {
    display: block;
}

.primary-menu ul ul {
 /*xborder: 1px solid red;*/
 margin-left: 0px;
}
.primary-menu ul ul li {
 /*xborder: 1px solid blue;*/
}
.primary-menu ul ul li a {
 /*xborder: 1px solid green; */
}

.primary-menu .separator {
	display: none;
}

.primary-menu .divider {
}

.primary-menu .divider div {
	padding: 10px;
}

.primary-menu .divider div div {
	background: #000000;
	height: 1px;
	padding: 0;
}

* html .primary-menu li li a {
	width: 100%;
}

/* Begin Language Selector CSS */
/* Additions to primary_menu Gill is working on */
.menubg {
	height: 27px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1em; /* added so it can be applied to table */
}

.langbg {
/*	height: 24px; */
	padding-left: 0px;
	padding-right: 0px;
	font-size: 1em;
}

.langselect {
	/* padding: 0px 0px 0px 24px; */
	padding: 0;
}

.primary-menu ul.langbg {
	padding-left: 0;
}

.primary-menu ul.langbg a:hover {
	background: transparent;
}

.primary-menu ul.langbg ul {
	border-bottom: solid 1px #333333;
	border-top: solid 1px #333333;
	font-size: 1em;
	top: 14px;
	width: 146px;
}

.primary-menu ul.langbg ul a {
	border-top: none;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	border-bottom: none;
	font-size: 11px;
	line-height: normal;
	padding-left: .5em;
	padding-right: .5em;
}

.primary-menu ul.langbg ul a:visited {
	border-bottom: none;
	color: #000000;
	font-weight: normal;
}

.primary-menu ul.langbg ul a:hover {
	background: white;
	border-bottom: none;
	text-decoration: underline;
}

.primary-menu ul.langbg li {
	/* padding: 0px 10px 0px 0px; */
	padding: 0;
	margin: 0px 0px 0px 0px;
	/* background: url("../images/down-black.gif") no-repeat right; */
	font-size: 11px;
}

.primary-menu ul.langbg li a{
	color: #343434;
	/* font-weight: bold; */
	/* text-transform: uppercase; */
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
}

.primary-menu .langbg li ul li{
	background-image: none;
	padding: 0px 0px 0px 0px;
	width: 100px;
}

.primary-menu .langbg li ul li a{
	padding: 2px 12px 2px 8px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	width: 124px;
	color: #000000;
	white-space: normal;
}

.primary-menu .langbg li ul li a:hover{
	color: #000000;
}

#langselected {
	/* background: transparent; */
}

#langselecteda {
	background: transparent;
	border-right: none;
	color: #343434;
}

.countryselected ul {
	left: -50px;
}

.primary-menu .countrylist .countryselected .countryselecteda {
	background: transparent;
	border-right: none;
	color: #343434;
}

.primary-menu .countrylist .embedded .countryselected .countryselecteda {
	background: transparent;
	border-right: none;
	color: #343434;
	line-height: normal;
}

.primary-menu .countrylist .embedded li.countryselected {
	line-height: normal;
	white-space: normal;
}

.primary-menu .countrylist .countryselected img {
	margin-right: 5px;
	vertical-align: middle;
}

.primary-menu .countrylist li ul .section {
	/*background-color: #231F20;*/
	/*background-image: url('/images/menu-gradient-off.gif');*/
	background: #BCBEC1;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top: none;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: none;
	color: #000000;
	display: block;
	font-size: 12px;
	font-weight: 900;
	line-height: 14px;
	padding: 5px 12px 4px 8px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	width: 124px;
}

.primary-menu .countrylist .selected {
	/*background-color: #231F20;*/
	/*background-image: url('/images/right-fade-gradient.gif');*/
	background: white;
	background-repeat: repeat-y;
	background-position: right;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	color: #000000;
	display: block;
	font-size: 11px;
	font-weight: bolder;
	line-height: 14px;
	padding: 2px 12px 2px 8px;
	text-decoration: none;
	text-transform: none;
	width: 124px;
}

/* end primary menu additions */
/* End Language Selector CSS */

/* Custom menu widths */
#solutionsMenu li {
	width: 265px;
}

#solutionsMenu ul {
	left: 265px;
}

#downloadsMenu li {
	width: 200px;
}

#downloadsMenu ul {
	left: 200px;
}

#offeringsMenu li {
	width: 200px;
}

#offeringsMenu ul {
	left: 200px;
}

#supportMenu li {
	width: 200px;
}

#supportMenu ul {
	left: 200px;
}

#getSupportMenu li {
	width: 200px;
}

#getSupportMenu ul {
	left: 200px;
}

#resourcesMenu li {
	width: 200px;
}

#resourcesMenu ul {
	left: 200px;
}

/*
#aboutMenu li {
	width: 115px;
}

#aboutMenu ul {
	left: 115px;
}
*/

/* Only for browsers that support 24-bit PNG */
.primary-menu ul ul {
	left: -6px;
}

.primary-menu ul ul li {
	background: url(images/menu-shad-151.png) repeat-y left center;
	padding: 0 6px;
}

.primary-menu ul ul .submenu-top {
	background: url(images/menu-shad-151-top.png) repeat-y left top;
	font-size: 0;
	height: 13px;
	padding: 0 6px 0 6px;
}

.primary-menu ul ul .submenu-bottom {
	background: url(images/menu-shad-151.png) repeat-y left bottom;
	font-size: 0;
	padding: 22px 6px 0 6px;
}

#solutionsMenu li {
	background: url(images/menu-shad-265.png) repeat-y left center;
}

#solutionsMenu .submenu-top {
	background: url(images/menu-shad-265-top.png) repeat-y left top;
	font-size: 0;
	height: 13px;
	padding: 0 6px 0 6px;
}

#solutionsMenu .submenu-bottom {
	background: url(images/menu-shad-265.png) repeat-y left bottom;
	font-size: 0;
	padding: 22px 6px 0 6px;
}

#downloadsMenu li, #offeringsMenu li, #supportMenu li, #getSupportMenu li, #resourcesMenu li {
	background: url(images/menu-shad-200.png) repeat-y left center;
}

#downloadsMenu .submenu-top, #offeringsMenu .submenu-top, #supportMenu .submenu-top,
	#getSupportMenu .submenu-top, #resourcesMenu .submenu-top {
	background: url(images/menu-shad-200-top.png) repeat-y left top;
	font-size: 0;
	height: 13px;
	padding: 0 6px 0 6px;
}

#downloadsMenu .submenu-bottom, #offeringsMenu .submenu-bottom, #supportMenu .submenu-bottom,
	#getSupportMenu .submenu-bottom, #resourcesMenu .submenu-bottom {
	background: url(images/menu-shad-200.png) repeat-y left bottom;
	font-size: 0;
	padding: 22px 6px 0 6px;
}

/*
#aboutMenu li {
	background: url(/images/menu-shad-115.png) repeat-y left center;
}

#aboutMenu .submenu-top {
	background: url(/images/menu-shad-115-top.png) repeat-y left top;
	font-size: 0;
	height: 13px;
	padding: 0 6px 0 6px;
}

#aboutMenu .submenu-bottom {
	background: url(/images/menu-shad-115.png) repeat-y left bottom;
	font-size: 0;
	padding: 22px 6px 0 6px;
}
*/
/* End only for browsers that support 24-bit PNG */

/* Only for browsers that do not support 24-bit PNG */
* html .primary-menu ul ul {
	background: white;
	border: solid 1px #666666;
	left: -1px;
}

* html .primary-menu ul ul ul {
	left: 151px;
}

* html .primary-menu ul ul li {
	background: transparent;
	padding: 0 6px;
}

* html .primary-menu ul ul .submenu-top {
	background: transparent;
	font-size: 0;
	height: 13px;
	padding: 0 6px 0 6px;
}

* html .primary-menu ul ul .submenu-bottom {
	background: transparent;
	font-size: 0;
	padding: 22px 6px 0 6px;
}

* html #solutionsMenu li {
	/* background: url(/images/menu-shad-265.png) repeat-y left center; */
	background: transparent;
}

* html #solutionsMenu .submenu-top {
	/* background: url(/images/menu-shad-265-top.png) repeat-y left top; */
	background: transparent;
	font-size: 0;
	height: 13px;
	padding: 0 6px 0 6px;
}

* html #solutionsMenu .submenu-bottom {
	/* background: url(/images/menu-shad-265.png) repeat-y left bottom; */
	background: transparent;
	font-size: 0;
	padding: 22px 6px 0 6px;
}

* html #downloadsMenu li, * html #offeringsMenu li, * html #supportMenu li, * html #getSupportMenu li, * html #resourcesMenu li {
	/* background: url(/images/menu-shad-200.png) repeat-y left center; */
	background: transparent;
}

* html #downloadsMenu .submenu-top, * html #offeringsMenu .submenu-top, * html #supportMenu .submenu-top,
	* html #getSupportMenu .submenu-top, * html #resourcesMenu .submenu-top {
	/* background: url(/images/menu-shad-200-top.png) repeat-y left top; */
	background: transparent;
	font-size: 0;
	height: 13px;
	padding: 0 6px 0 6px;
}

* html #downloadsMenu .submenu-bottom, * html #offeringsMenu .submenu-bottom, * html #supportMenu .submenu-bottom,
	* html #getSupportMenu .submenu-bottom, * html #resourcesMenu .submenu-bottom {
	/* background: url(/images/menu-shad-200.png) repeat-y left bottom; */
	background: transparent;
	font-size: 0;
	padding: 22px 6px 0 6px;
}

/*
* html #aboutMenu li {
	background: transparent;
}

* html #aboutMenu .submenu-top {
	background: transparent;
	font-size: 0;
	height: 13px;
	padding: 0 6px 0 6px;
}

* html #aboutMenu .submenu-bottom {
	background: transparent;
	font-size: 0;
	padding: 22px 6px 0 6px;
}
*/
/* Only for browsers that do not support 24-bit PNG */

#menu-shadow {
	background: url(images/menu-bottom-flipped.gif) repeat-x;
	height: 9px;
	/*margin-top: 10px;*/
}

/* IE6 doesn't show menu items if using an Asian language. */
* html .primary-menu ul li a {
	line-height: 18px;
	zoom: 1;
}