﻿
.header ul.navTop { width: 760px; }
.header ul li:hover div.navContainer, .header ul li.over div.navContainer { display: block; }
.header ul.navTop .navContainer { position: absolute; display:none; z-index: 999;}
.header ul.navTop .products div,
.header ul.navTop .navContainer div{ padding-right:10px; background-image: url('images/navTop/bkNavTopS.png'); background-repeat:repeat-y; background-position:right; border-left: solid 1px silver; }
.header ul.navTop .navContainer td.navBot { height: 10px; background-color: Transparent; background-image: url('images/navTop/bkNavTopBot.png'); background-repeat:repeat-x; }
.header ul.navTop ul { display: block; margin: 0; padding: 10px 10px 10px 0px; background-color: #fff; }
.header ul.navTop li li { clear: left; float: none; margin:0; padding: 3px 0 3px 0; background:#fff; height:100%; width:100%; display: block; }
.header ul.navTop li li li { display: block; font-weight: normal; }
.header ul.navTop li li a { margin:0; padding: 0 5px 0 17px; font-weight: bold; text-transform: uppercase; display: block;  background-position: 5px -1000px; background-repeat: no-repeat; }
.header ul.navTop li li a:hover { background-repeat: no-repeat; background-position: 5px 4px; }

.header ul.navTop .products { width:545px; }
.header ul.navTop ul.Magenta { float: none; padding:0; margin:0; height:100%; display:table; }
.header ul.navTop ul.Magenta ul { float: left; width: 145px; min-height:250px; display: block; margin-top:-3px; padding: 18px 15px 18px 18px; background-image: none; border:0; }
.header ul.navTop ul.Magenta ul:hover {background-color:#EEEEEE}
.header ul.navTop ul.Magenta li li { height: auto; padding:0; background-color: transparent; }
.header ul.navTop ul.Magenta li li.thumb { margin: 0px; padding: 0px; text-align: center; }
.header ul.navTop ul.Magenta li li.title { margin-left: auto; font-weight: bold; text-transform: uppercase; }
.header ul.navTop ul.Magenta li li.title a { font-weight: bold; text-transform: uppercase; }
.header ul.navTop ul.Magenta li li a { margin-left: -12px; padding:5px 3px 0 12px; font-weight: normal; height:auto; text-transform: none; background-color: transparent; line-height:13px; display:list-item; }
.header ul.navTop ul.Magenta li li a:hover { color: #f15922; background-repeat: no-repeat; background-position: 0 8px;  background-image: url('images/arrowOrange.gif');}

.header ul.navTop ul.Magenta li li a { background-image: url('images/arrowOrange.gif'); background-repeat: no-repeat; }
.header ul.navTop ul.Magenta li li a:hover { color: #f15922; background-repeat: no-repeat; background-position: 0 8px;  background-image: url('images/arrowOrange.gif');}

.header ul.navTop .support { width:280px; }
.header ul.navTop ul.Yellow li a { background-image: url('images/arrowOrange.gif'); }
.header ul.navTop ul.Yellow li a:hover { color: #f6741c; background-image: url('images/arrowOrange.gif'); }

.header ul.navTop .services { width:280px; }
.header ul.navTop ul.Blue li a { background-image: url('images/arrowBlue.gif'); }
.header ul.navTop ul.Blue li a:hover { color: #0177C0; background-image: url('images/arrowBlue.gif'); }

.header ul.navTop .software { width:250px; }
.header ul.navTop ul.Violet li a { background-image: url('images/arrowViolet.gif'); }
.header ul.navTop ul.Violet li a:hover { color: #9a258f; background-image: url('images/arrowViolet.gif'); }

.header ul.navTop .security { width:280px; }
.header ul.navTop ul.Orange li a { background-image: url('images/arrowMagenta.gif'); }
.header ul.navTop ul.Orange li a:hover { color: #e0058c; background-image: url('images/arrowMagenta.gif'); }

.header ul.navTop .about { width:280px; }
.header ul.navTop ul.Green li a { background-image: url('images/arrowGreen.gif'); }
.header ul.navTop ul.Green li a:hover { color: #72bf45; background-image: url('images/arrowGreen.gif'); }