/* 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 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11pt;
	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: #2D2846;
	font-size: 9pt;
	font-weight: normal;
	line-height: 28px;
	padding: 5px 0 5px 0;
	text-decoration: none;    /* background-image: url('../imagens/menu/menu-gradient-off.gif'); */
}

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

.primary-menu a:hover {
	/*background-image: url('../imagens/menu/menu-gradient-on.gif');*/
    background: #333;
	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('../imagens/menu/menu-hgradient-off.gif');
    background-repeat: repeat-y;
}
.primary-menu ul ul a:hover {
    background-image: url('../imagens/menu/menu-hgradient-on.gif');
    background-repeat: repeat-y;
}
*/

.primary-menu ul ul a {
	/*background-color: #231F20;
    background-image: url('../imagens/menu/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: 11px;
	font-weight: normal;
	line-height: 14px;
}

.primary-menu ul ul a:hover {
    /*background-image: url('../imagens/menu/right-fade-gradient.gif');*/
	background: white;
    background-repeat: repeat-y;
    background-position: right;
	color: black;
	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;
}

/* PRIMARY MENU BEHAVIOR STYLES */

.primary-menu ul li {
    position: relative;
}

.primary-menu ul ul {
    display: none;
    font-size: 11px;
    position: absolute;
    /* use these to adjust positioning of first level submenus */
    top: 9px;
    /* Because IE stretches the vertical height of the LI to fit the A, we have to 
       adjust the top position of the child menus accordingly. All browsers but IE
       ignore the expression below, using the previous top declaration instead */
    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;
    xmin-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;
}

* 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 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;
}

.primary-menu ul.langbg ul a:hover {
	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("..../imagens/menu/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: 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	width: 124px;
	color: black;
}

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

#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('../imagens/menu/menu-gradient-off.gif');*/
	background: #BCBEC1;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top: none;
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-bottom: none;
	color: black;
	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('../imagens/menu/right-fade-gradient.gif');*/
	background: white;
	background-repeat: repeat-y;
	background-position: right;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	color: black;
	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(../imagens/menu/menu-shad-151.png) repeat-y left center;
	padding: 0 6px;
}

.primary-menu ul ul .submenu-top {
	background: url(../imagens/menu/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(../imagens/menu/menu-shad-151.png) repeat-y left bottom;
	font-size: 0;
	padding: 22px 6px 0 6px;
}

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

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

#solutionsMenu .submenu-bottom {
	background: url(../imagens/menu/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(../imagens/menu/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(../imagens/menu/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(../imagens/menu/menu-shad-200.png) repeat-y left bottom;
	font-size: 0;
	padding: 22px 6px 0 6px;
}

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

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

#aboutMenu .submenu-bottom {
	background: url(../imagens/menu/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(../imagens/menu/menu-shad-265.png) repeat-y left center; */
	background: transparent;
}

* html #solutionsMenu .submenu-top {
	/* background: url(../imagens/menu/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(../imagens/menu/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(../imagens/menu/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(../imagens/menu/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(../imagens/menu/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(../imagens/menu/menu-bottom-flipped.gif) repeat-x;
	height: 9px;
	/*margin-top: 10px;*/
}