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

/*Main Navigation*/
div#mainNav{
position:relative;
z-index:100;
}

div#mainNav ul{
position:relative;
width:950px;
height:30px;
background-image:url(../images/all/mainNavBG.gif);
padding:0 0 0 50px;
}
div#mainNav li{
position:relative;
float:left;
display:inline;
width:128px;
height:30px;
padding:0;
font-size:12px;
color:#fff;
text-align:left;
}

#productsBttn a{
background-image:url(../images/all/productsBttn.gif);
}
#solutionsBttn a{
background-image:url(../images/all/solutionsBttn.gif);
}
#servicesBttn a{
background-image:url(../images/all/servicesBttn.gif);
}
#supportBttn a{
background-image:url(../images/all/supportBttn.gif);
}
#partnersBttn a{
background-image:url(../images/all/partnersBttn.gif);
}
#customersBttn a{
background-image:url(../images/all/customersBttn.gif);
}
#aboutBttn a{
background-image:url(../images/all/aboutBttn.gif);
}

div#mainNav li a{
display:block;
width:128px;
height:30px;
}
div#mainNav li a:hover
{
background-position:0 61px;
}
div#mainNav li.over a,
div#mainNav li:hover a{
background-position:0 61px;
}

/*div#mainNav.subNav{
width:128px;
background-image:none;
padding:0 0 0 0;
border:1px solid red;
}*/
div#mainNav .subNav li{
position:relative;
float:none;
background-image:none;
}
/* for all links in the list */
div#mainNav .subNav li a{
display: block;
width:124px;
height:auto;
color:#FFFFFF;
font-size:9px;
background-image:none;
background-color:#00b6ed;
padding:4px 0 4px 4px;
text-decoration:none;
border-bottom:1px solid #fff;
}
div#mainNav .subNav li a:hover{
background-color:#0961cc;
}

#navigation li .subNav{
position:relative;
display: none;
width:124px;
background-image:none;
}

/* subsection rollovers */
#navigation li .subNav .subNav2 li, #navigation li .subNav .subNav2 .subNav3 li{
position:relative;
}

#navigation li.over .subNav, #navigation li:hover .subNav{
width:124px;
display: block;
z-index: 1000;
position:absolute;
background-image:none;
left:-50px;
}

/* subsubsection*/
#navigation .subNav2, #navigation .subNav2 .subNav3{
width:100%;
display:none;
padding:0 0 0 0;
}
div#mainNav .subNav li ul li a{
background-color:#00b6ed;
border-left:1px solid #fff;
}

/* subsubsection rollovers*/
#navigation .subNav li:hover .subNav2, #navigation .subNav2 li:hover .subNav3 {
display: block;
z-index: 2000;
width:100px;
position:absolute;
left:128px;
top:-20px;
}
#navigation .subNav li.over .subNav2, #navigation .subNav2 li.over .subNav3{
display: block;
z-index: 2000;
width:100px;
position:absolute;
left:128px;
top:0;
}

div#mainNav .subNav li ul li a:hover{
background-color:#0961cc;
}

div#mainNav #navigation .subNav li .hasSub{
background-image:url(../images/all/whiteMenuArrow.gif);
background-repeat:no-repeat;
background-position:122px -5px;
cursor:default;
}

div#mainNav #navigation .subNav li .hasSub2{
background-image:url(../images/all/whiteMenuArrow.gif);
background-repeat:no-repeat;
background-position:122px 0px;
cursor:default;
}
div#mainNav #navigation .subNav li .hasSub:hover,
div#mainNav #navigation .subNav li .hasSub2:hover{
background-color:#00b6ed;
}

div#mainNav #navigation .subNav li .hasSub3{
background-image:url(../images/all/whiteMenuArrow.gif);
background-repeat:no-repeat;
background-position:122px 0px;
cursor:pointer;
}

/*ON*/
.productsPage div#mainNav #productsBttn a,
.specsPage div#mainNav #productsBttn a,
.solutionsPage div#mainNav #solutionsBttn a,
.servicesPage div#mainNav #servicesBttn a,
.supportPage div#mainNav #supportBttn a,
.partnersPage div#mainNav #partnersBttn a,
.customersPage div#mainNav #customersBttn a,
.aboutPage div#mainNav #aboutBttn a
{
background-position:0 -62px;
}