﻿#header {width: 660px; height: 7px;float: left;	}
.container 
{font: normal 12px Arial, Verdana, Helvetica, sans-serif;
width: 660px;padding: 0;margin: 0 auto;}
ul#topnav {margin: 0; padding: 0;float:left;width: 660px;list-style: none;font-size: 1.1em;}
ul#topnav li { /*Positioning of Items and Sub menus*/
float: left;margin: 0; padding: 0;position: relative;}
ul#topnav div {font: normal 13px Arial, Verdana, Helvetica, sans-serif;}
ul#topnav li a.mainMenu {float: left; /*height: 30px;*/
padding: 8px 14px 4px 14px; text-decoration: none;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
width:80px;color:#4a5979;}
ul#topnav li a.mainMenu:hover {
color:White;
background-image: url(Images/menu_pixel.png);
background-repeat: repeat-x;
cursor:default; /*No Hand (pointer) cursor on main Menu Item*/
border-top-right-radius: 7px;
border-top-left-radius: 7px;
}
ul#topnav li:hover a  /*To leave in the same colour the top menu when hovering over submenu*/
{color:White;
background-image: url(Images/menu_pixel.png);background-repeat: repeat-x;
border-top-right-radius: 7px;border-top-left-radius: 7px;}
ul#topnav li .sub { position: absolute;	top: 26px; left: 0;	padding: 0px 2px 10px 5px; float: left;	
display: none; height:200px; z-index:10;
/*--Bottom right rounded corner-- For Supported browsers*/	
border-bottom-right-radius: 7px;	
border-bottom-left-radius: 7px;	
border-top-right-radius: 7px;}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{list-style: none; text-align:left; margin: 0; padding: 0; float:left;}
ul#topnav li .sub ul.subMenu{padding-top:8px;}
ul#topnav li.mLine{ background-image: url(Images/itemline.png); background-repeat: no-repeat; height: 1px;}
ul#topnav .sub ul li {width: 100%; color:White;}
ul#topnav .sub ul li h2 {padding: 0;  margin: 0; font-size: 1.3em; font-weight: normal;}
ul#topnav .sub ul li h2 a {padding: 5px 0; background-image: none; color: #e8e000;}
ul#topnav .sub ul li h4 { /*Used for the titles in the menu (ENTERPRISE APPS & USER APPS)*/
padding: 5px 5px 5px 15px;  
height: 11px; margin: 0; font-size: 10px; font-weight: bold;
background-image: url(Images/appbkg.png); background-repeat: no-repeat;
background-position: 10px 5px;}
ul#topnav .sub ul li a {
float: none; text-indent: 0; /*--Reset text indent--*/
height: auto; padding: 3px 5px 2px 15px; /*Separation of each item in Sub*/
display: block; text-decoration: none; color: #fff;
background-color:Transparent; background: none; /* url(Images/line.png) no-repeat 2px 22px;  x  y */
}
ul#topnav .sub ul li a:hover /* Hover style for sub links */
{
/*color: #ddd; 
background-position: 5px 12px ;*/
font-weight: bold;
background-color: Transparent;
background: url(Images/Arrow.png) no-repeat 0px 7px; /* x  y */    
}
ul#topnav .sub ul li a.simplelink {
float: none; 	
display:inline;
padding:0;  /*Separation of each item in Sub*/
text-decoration:underline;
background: none;}
ul#topnav .sub ul li a:hover.simplelink /* Hover style for sub links */
{font-weight: bold;}
ul#topnav li .sub ul .tempItem /*Dynamic text - shown when hovering over sub menu items this styles also cascades from ul#topnav .sub ul li */
{ font: normal 11px Arial, Verdana, Helvetica, sans-serif; padding-top:1px; }
ul#topnav table.tableProd
{ width:100%; height:200px; border-collapse:collapse;padding-top: 8px;}
ul#topnav table.tableProd td.theText
{ height:120px; vertical-align:top; padding-top:14px;}
ul#topnav table.tableProd td.theGap
{ width:200px;}
ul#topnav table.tableProd td.theLogo
{ padding-top:10px; text-align:left; }
ul#topnav table.tableSupp
{ border-collapse:collapse; width:100%; height:210px; padding-top:8px; }
ul#topnav table.tableSupp td.tdText
{ height:85px; vertical-align:top; padding:6px 0 18px 0; width:185px; }
ul#topnav table.tableServ
{ width:385px; height:210px; padding-top:6px; }
