/*----------- Start section "Navigation Styles" -----------*/
dl,dt,dd{ margin:0px; padding:0px;}


/* temp hide until we do the styles for it */
#globalNav {
background:transparent url(../images/global/globalNavSprite.png) no-repeat 0 0;
/*background:#565656 url(../images/global/globalNavSprite.png) no-repeat 0 0;*/
height:37px;
left:0px;
position:relative;
top:12px;
width:932px;
z-index:8000;
margin:auto;
}
#globalNav dt,
#globalNav dl dl {
display:none;
}

#globalNav .nav > dd {
height:38px;
min-height:38px;
position:absolute;
top:0;
}

#globalNav .nav > dd > a {
background:transparent url(../images/globalNavSprite.png) no-repeat 0 0;
display:block;
line-height:38px;
overflow:hidden;
position:relative;
text-indent:-9999em;
white-space:nowrap;
z-index:2;
}

/*1ST NAV*/
#globalNav .nav > dt + dd {
left:0px;
}
#globalNav .nav > dt + dd > a {
background-position:0 0;
width:100px;
}
#globalNav .nav > dt + dd:hover > a {
background-position:0 -38px !important;
}
#globalNav .nav > dt + dd.active > a {
background-position:0 -76px;
}

/*2nd NAV*/
#globalNav .nav > dt + dd + dd {
left:100px;
}
#globalNav .nav > dt + dd + dd > a {
background-position:-110px 0;
width:100px;
}
#globalNav .nav > dt + dd + dd:hover > a {
background-position:-110px -38px !important;
}
#globalNav .nav > dt + dd + dd.active > a {
background-position:-110px -76px;
}


/*3th NAV*/
#globalNav .nav > dt + dd + dd + dd {
left:168px;
}
#globalNav .nav > dt + dd + dd + dd > a {
background-position:-168px 0;
width:108px;
}
#globalNav .nav > dt + dd + dd + dd:hover > a {
background-position:-168px -38px !important;
}
#globalNav .nav > dt + dd + dd + dd.active > a {
background-position:-168px -76px;
}


/*4TH NAV*/
#globalNav .nav > dt + dd + dd + dd + dd {
left:276px;
}
#globalNav .nav > dt + dd + dd + dd + dd > a {
background-position:-276px 0;
width:70px;
}
#globalNav .nav > dt + dd + dd + dd + dd:hover > a {
background-position:-276px -38px !important;
}
#globalNav .nav > dt + dd + dd + dd + dd.active > a {
background-position:-276px -76px;
}


/*5TH NAV*/
#globalNav .nav > dt + dd + dd + dd + dd + dd {
left:346px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd > a {
background-position:-346px 0;
width:107px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd:hover > a {
background-position:-346px -38px !important;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd.active > a {
background-position:-346px -76px;
}


/*6TH NAV*/
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd {
left:453px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd > a {
background-position:-453px 0;
width:154px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd:hover > a {
background-position:-453px -38px !important;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd.active > a {
background-position:-453px -76px;
}


/*7TH NAV*/
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd {
left:605px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd > a {
background-position:-605px 0;
width:85px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd:hover > a {
background-position:-605px -38px !important;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd.active > a {
background-position:-605px -76px;
}


/*8TH NAV*/
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd {
left:690px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd > a {
background-position:-690px 0;
width:113px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd:hover > a {
background-position:-690px -38px !important;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd.active > a {
background-position:-690px -76px;
}


/*9TH NAV*/
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd + dd {
left:803px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd + dd > a {
background-position:-803px 0;
width:134px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd + dd:hover > a {
background-position:-803px -38px !important;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd + dd.active > a {
background-position:-803px -76px;
}



#globalNav .nav > dd:hover dl {
display:block;
}
#globalNav .nav dl.rounded {
background-color:#fff;
border:1px solid #e0e0e0;
/* IE */
border-top-left-radius:0;
border-top-right-radius:5px;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
/* Firefox */
-moz-border-radius:0 5px 5px 5px;
/* Safari and Chrome */
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
left:3px;
opacity:.9;
position:absolute;
top:37px;
white-space:nowrap;
z-index:1;
margin-left:12px;
}

#globalNav .nav dl.windows {
background-color:#fff;
border:1px solid #e0e0e0;
/* IE */
border-top-left-radius:0;
border-top-right-radius:5px;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
/* Firefox */
-moz-border-radius:0 5px 5px 5px;
/* Safari and Chrome */
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
left:3px;
opacity:.9;
position:absolute;
top:37px;
white-space:nowrap;
z-index:1;
margin-left:10px;
width: 150px;
}

#globalNav .nav dl.developers {
background-color:#fff;
border:1px solid #e0e0e0;
/* IE */
border-top-left-radius:0;
border-top-right-radius:5px;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
/* Firefox */
-moz-border-radius:0 5px 5px 5px;
/* Safari and Chrome */
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
left:3px;
opacity:.9;
position:absolute;
top:37px;
white-space:nowrap;
z-index:1;
margin-left:10px;
width: 150px;
}

#globalNav .nav dl.gaming {
background-color:#fff;
border:1px solid #e0e0e0;
/* IE */
border-top-left-radius:0;
border-top-right-radius:5px;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
/* Firefox */
-moz-border-radius:0 5px 5px 5px;
/* Safari and Chrome */
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
left:3px;
opacity:.9;
position:absolute;
top:37px;
white-space:nowrap;
z-index:1;
margin-left:14px;
}

#globalNav .nav dl.accessories {
background-color:#fff;
border:1px solid #e0e0e0;
/* IE */
border-top-left-radius:0;
border-top-right-radius:5px;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
/* Firefox */
-moz-border-radius:0 5px 5px 5px;
/* Safari and Chrome */
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
left:3px;
opacity:.9;
position:absolute;
top:37px;
white-space:nowrap;
z-index:1;
margin-left:14px;
}

#globalNav .nav dl.rounded-office {
background-color:#fff;
border:1px solid #e0e0e0;
/* IE */
border-top-left-radius:0;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
/* Firefox */
-moz-border-radius:0 5px 5px 5px;
/* Safari and Chrome */
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
left:3px;
opacity:.9;
position:absolute;
top:37px;
white-space:nowrap;
z-index:1;
}


#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd + dd > dl.rounded {
/* IE */
border-top-left-radius:5px;
border-top-right-radius:0;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
/* Firefox */
-moz-border-radius:5px 0 5px 5px;
/* Safari and Chrome */
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
left:auto;
right:2px;
text-align:right;
margin-right:16px;
}


#globalNav .nav dl a {
color:#3e3e3e;
display:block;
font-size:14px;
line-height:21px;
padding:0 12px 5px 8px;
text-decoration:none;
}
/*#globalNav .nav dl dt + dd a {
padding-top:5px;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd dd a {
padding:0 13px 5px 22px;
}
#globalNav .nav dl a:hover {
color:#676767;
}*/
#globalNav .nav dl a:hover span {
background:transparent url(../images/globalNavIconSprite.png) no-repeat 0 center;
display:inline-block;
height:9px;
margin:0 -9px 0px 5px;
*margin:0 -9px 3px 5px;
vertical-align:baseline;
width:6px;
}


#globalNav .nav > dt + dd dd a:hover span {
color:#0073b1;
}
#globalNav .nav > dt + dd + dd dd a:hover span {
background-position:-6px center;
color:#f58a1f;
}
#globalNav .nav > dt + dd + dd + dd dd a:hover span {
background-position:-12px center;
color:#fdf016;
}
#globalNav .nav > dt + dd + dd + dd + dd dd a:hover span {
background-position:-18px center;
color:#92c83e;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd dd a:hover span {
background-position:-24px center;
color:#ed0080;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd dd a:hover span {
background-position:-30px center;
color:#afddff;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd dd a:hover span {
background-position:-36px center;
color:#bd00d3;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd dd a:hover span {
background-position:-42px center;
color:#00c1b1;
}
#globalNav .nav > dt + dd + dd + dd + dd + dd + dd + dd + dd + dd dd a:hover span {
background-position:-48px center;
color:#676767;
margin:0 3px 0 -9px;
}

/*----------- End section "Navigation Styles" -----------*/