﻿
#canvas-top-nav {font-size:small;width:960px;}
#canvas-top-nav .primary {width:960px;height:57px;background: #EAEAEA url(/content/images/topnav/primary_bg.png) repeat-x top left;margin:0px 0 0 0;}

#topnavdd {margin: 0;padding: 0;list-style-type:none;}
#topnavdd li {float: left;list-style: none;}
#topnavdd li a {display: block;padding: 5px 12px;}
#topnavdd li ul {position: absolute;visibility: hidden;}
#topnavdd li ul li {float: none;display: inline}
#topnavdd li ul li a {width: auto;}
#topnavdd li ul li a:hover {}
#topnavdd li a.tab {padding: 57px 0 0 0;overflow: hidden;height: 0px !important;background-repeat:no-repeat;background-color:transparent;background-image:url(/content/images/topnav/primary_nav.png);height /**/:57px; /* IE5/Win */}

#topnavdd .home {width:157px;height:57px;}
#topnavdd .home a.tab {background-position: 0 0;}
#topnavdd .home a.tab:hover	{background-position: 0 0px;}

#topnavdd .product {width:167px;height:57px;}
#topnavdd .product a.tab {background-position: -157px 0;}
#topnavdd .product a.tab:hover {background-position: -157px -57px;}

#topnavdd .courses {width:140px;height:57px;}
#topnavdd .courses a.tab {background-position: -324px 0;}
#topnavdd .courses a.tab:hover {background-position: -324px -57px;}

#topnavdd .company {width:172px;height:57px;}
#topnavdd .company a.tab {background-position: -464px 0;}
#topnavdd .company a.tab:hover {background-position: -464px -57px;}

#topnavdd .support {width:138px;height:57px;}
#topnavdd .support a.tab {background-position: -636px 0;}
#topnavdd .support a.tab:hover {background-position: -636px -57px;}



/*
 * PRIMARY NAV - SUB MENUS
 */
#topnavdd ul.menu {overflow:hidden;position:absolute;top:0;left:0;padding:0 0 8px 0;z-index:100;}
#topnavdd ul.menu[class~=shadow] {background: transparent url(/content/images/topnav/primary_menu_shadows.png) no-repeat 0 0;}
#topnavdd ul.menu li {background: #FFF url(/content/images/topnav/primary_menu_bg.png) repeat-x 0 0; float:left; height:29px; border:1px solid #dadada;border-bottom:none;overflow:hidden; }
#topnavdd ul.menu li.last {border-bottom:1px solid #dadada}
#topnavdd ul.menu li a {background: transparent none repeat scroll 0 0;text-indent:0; padding:0; margin:0; height:29px; float:left; font-size:85%; color:#333; font-weight:bold;padding:7px 0 0 20px; text-decoration:none;}
#topnavdd ul.menu li a:hover {color:#FFF; background-color:#4c4c4c; text-decoration:none;}

/* PRODUCT */
#topnavdd li.product ul.menu {width:173px;margin:57px 0 0 157px;}
#topnavdd li.product ul.menu[class~=shadow] {background-position:0px -162px;}
#topnavdd li.product ul.menu li, #topnavdd li.product ul.menu li a {width:166px;}

/* COURSES */
#topnavdd li.courses ul.menu {width:146px;margin:57px 0 0 324px;}
#topnavdd li.courses ul.menu[class~=shadow] {background-position:-174px -42px;}
#topnavdd li.courses ul.menu li, #topnavdd li.courses ul.menu li a {width:139px;}

/* COMPANY */
#topnavdd li.company ul.menu {width:178px;margin:57px 0 0 464px;}
#topnavdd li.company ul.menu[class~=shadow] {background-position:-322px -162px;}
#topnavdd li.company ul.menu li, #topnavdd li.company ul.menu li a {width:171px;}

/* SUPPORT */
#topnavdd li.support ul.menu {width:142px;margin:57px 0 0 636px;}
#topnavdd li.support ul.menu[class~=shadow] {background-position:-501px -252px;}
#topnavdd li.support ul.menu li, #topnavdd li.support ul.menu li a {width:135px;}


/* Seconday div */
#canvas-top-nav .secondary {width:960px;height:31px;background: url(images/topnav/secondary_bg.png) repeat-x top left;margin:0;padding:0;}
#canvas-top-nav .secondary .tagline {text-indent:-9000px;position:absolute;}
#canvas-top-nav .secondary .links {float:right; height:25px; width:600px;margin:0;padding:8px 0;}
#canvas-top-nav .secondary ul.links li {height:25px; float:right;}
#canvas-top-nav .secondary .secondaryText {color:#ffffff; text-decoration:none; font-size:85%; float:right; padding:0px 10px 0 10px;}

