/* Cascading Style Sheet - Norscot */
/* $Id: mainnav.css,v 1.7 2007/07/10 00:20:34 pete Exp pete $ */

/* main menus inner div*/
div.navbg {
	width: 100%;
	padding: 68px 0 0 0;
	position: relative;
}

/*main menus inner div - id of <ul>*/
ul#nav {
	padding: 0;
	margin: 0;
	height: 32px;
}

:unknown ul#nav {
	width: 100%;
}

/*main menus inner div  - <li>*/
ul#nav li {
	float: left;
	width: 139px;
	list-style-type: none;
	position: relative;
	height: 32px;
	margin: 0 2px 0 0;
	padding: 0;
	color: #999999;
}

ul#nav li:hover {
	/*background-color: #99CCFF;
	*/
}

/*make the over state active*/
ul#nav li.over {
	/*background-color: #99CCFF;
	*/
}

ul#nav li a {
	color: #8d8d8d;
	display: block;
	padding: 4px 0 0 0;
	margin: 2px 0 0 0 0;
	position: absolute;
	left: 0;
	text-decoration: none;
	height: 32px;
	width: 139px;
}

ul#nav li ul {
	font: 11px Lucida, Verdana, Geneva, Arial, san-serif;
	margin: 0;
	padding: 0;
	left: -999em;
	position: absolute;
	bottom: 32px;
	border-bottom: 3px solid #ffffff;
	height: auto;
	width: 139px;
}

ul#nav li:hover ul {
	display: block;
	left: 0;
	margin: 0 0 0 -3px;
	padding: 0 0 3px 0;
}

ul#nav li.over ul {
	display: block;
	left: 0;
	color: #e2b62f;
	margin: 0;
	padding: 0;
}

ul#nav li ul li {
	/* background-color: #ddd;
	width: 30px;
	*/ 
	height: auto;
	width: 139px;
	margin: 0 0 0 -3px;
	padding: 0;
}

ul#nav li ul li a {
	position: relative;
	display: block;
	margin: 0;
	padding-top: 4px;
	padding-left: 0;
	padding-bottom: 4px;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	background: none transparent scroll repeat 0% 0%;
	line-height: 12px;
	height: auto;
	height: 15px;
	border: 0 solid #999999;
}

:unknown ul#nav li ul li a {
	height: auto
}

ul#nav li ul li ul {
	color: #e2b62f;
	top: 0;
	/* left: 150px; */
	border-left: #20659d 1px solid;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

ul#nav li ul li:hover ul {
	display: block
}

ul#nav li ul li.over ul {
	display: block
}



/* ******************************************************************************* */
/* menu1 */
ul#nav #menu1 ul li a {
	/*color: #e2b62f;
	*/
}

/*Reverse of Hover state. Now suffix "_over.gif" is used for off state.*/
/*=============================main menu1 with different colors and bands=========================*/
ul#nav #menu1 {
}

ul#nav #menu1 a {
	width: 139px;
}

ul#nav #menu1 a#mainmenu1 {
	background: url('./images/navadvantage_over.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu1 a#mainmenu1:hover {
	background: url('./images/navadvantage.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu1 a#mainmenu1.mainmenu1selected {
	background: url('./images/navadvantage.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu1 li a {
	padding: 0;
}


/* nav advantage-about */
ul#nav #menu1 li a#about {
	background: url('./images/navabout_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu1 li a#about:hover {
	background: url('./images/navabout.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu1 li a#about.aboutselected {
	background: url('./images/navabout.gif') #ffffff no-repeat 5px 5px;
}


/* nav advantage-accntmgmnt */
ul#nav #menu1 li a#accntmgmnt {
	background: url('./images/navaccntmgmnt_over.gif') #ffffff no-repeat 5px 6px;
	/* padding-bottom: 3px; */
}

ul#nav #menu1 li a#accntmgmnt:hover {
	background: url('./images/navaccntmgmnt.gif') #ffffff no-repeat 5px 6px;
}

ul#nav #menu1 li a#accntmgmnt.accntmgmntselected {
	background: url('./images/navaccntmgmnt.gif') #ffffff no-repeat 5px 6px;
}


/* nav advantage-global */
ul#nav #menu1 li a#global {
	background: url('./images/navglobal_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu1 li a#global:hover {
	background: url('./images/navglobal.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu1 li a#global.globalselected {
	background: url('./images/navglobal.gif') #ffffff no-repeat 5px 5px;
}


/* nav advantage-creative */
ul#nav #menu1 li a#creative {
	background: url('./images/navcreative_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu1 li a#creative:hover {
	background: url('./images/navcreative.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu1 li a#creative.creativeselected {
	background: url('./images/navcreative.gif') #ffffff no-repeat 5px 5px;
}



/* ******************************************************************************* */
/* menu2 */
ul#nav #menu2 ul li a {
	/*color: #e2b62f;
	*/
}

/*Reverse of Hover state. Now suffix "_over.gif" is used for off state.*/
/*=============================main menu2 with different colors and bands=========================*/
ul#nav #menu2 {
}

ul#nav #menu2 a {
	width: 139px;
}

ul#nav #menu2 a#mainmenu2 {
	background: url('./images/navprograms_over.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu2 a#mainmenu2:hover {
	background: url('./images/navprograms.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu2 a#mainmenu2.mainmenu2selected {
	background: url('./images/navaprograms.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu2 li a {
	padding: 0;
}


/* nav programs-prodsel */
ul#nav #menu2 li a#prodsel {
	background: url('./images/navprodsel_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu2 li a#prodsel:hover {
	background: url('./images/navprodsel.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu2 li a#prodsel.navprodselselected {
	background: url('./images/navprodsel.gif') #ffffff no-repeat 5px 5px;
}


/* nav programs-custserv */
ul#nav #menu2 li a#custserv {
	background: url('./images/navcustserv_over.gif') #ffffff no-repeat 5px 6px;
	/* padding-bottom: 3px; */
}

ul#nav #menu2 li a#custserv:hover {
	background: url('./images/navcustserv.gif') #ffffff no-repeat 5px 6px;
}

ul#nav #menu2 li a#custserv.custservselected {
	background: url('./images/navcustserv.gif') #ffffff no-repeat 5px 6px;
}


/* nav programs-infotech */
ul#nav #menu2 li a#infotech {
	background: url('./images/navinfotech_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu2 li a#infotech:hover {
	background: url('./images/navinfotech.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu2 li a#infotech.infotechselected {
	background: url('./images/navinfotech.gif') #ffffff no-repeat 5px 5px;
}


/* nav programs-waredist */
ul#nav #menu2 li a#waredist {
	background: url('./images/navwaredist_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu2 li a#waredist:hover {
	background: url('./images/navwaredist.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu2 li a#waredist.waredistselected {
	background: url('./images/navwaredist.gif') #ffffff no-repeat 5px 5px;
}



/* ******************************************************************************* */
/* menu3 */
ul#nav #menu3 ul li a {
	/*color: #e2b62f;
	*/
}

/*Reverse of Hover state. Now suffix "_over.gif" is used for off state.*/
/*=============================main menu3 with different colors and bands=========================*/
ul#nav #menu3 {
}

ul#nav #menu3 a {
	width: 139px;
}

ul#nav #menu3 a#mainmenu3 {
	background: url('./images/navproducts_over.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu3 a#mainmenu3:hover {
	background: url('./images/navproducts.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu3 a#mainmenu3.mainmenu3selected {
	background: url('./images/navaproducts.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu3 li a {
	padding: 0;
}


/* nav products-customers */
ul#nav #menu3 li a#customers {
	background: url('./images/navcustomers_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu3 li a#customers:hover {
	background: url('./images/navcustomers.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu3 li a#customers.customersselected {
	background: url('./images/navcustomers.gif') #ffffff no-repeat 5px 5px;
}


/* nav products-serviceprog */
ul#nav #menu3 li a#serviceprog {
	background: url('./images/navserviceprog_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu3 li a#serviceprog:hover {
	background: url('./images/navserviceprog.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu3 li a#serviceprog.serviceprogselected {
	background: url('./images/navserviceprog.gif') #ffffff no-repeat 5px 5px;
}


/* ******************************************************************************* */
/* menu4 */
ul#nav #menu4 ul li a {
	/*color: #e2b62f;
	*/
}

/*Reverse of Hover state. Now suffix "_over.gif" is used for off state.*/
/*=============================main menu4 with different colors and bands=========================*/
ul#nav #menu4 {
}

ul#nav #menu4 a {
	width: 139px;
}

ul#nav #menu4 a#mainmenu4 {
	background: url('./images/navdiecast_over.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu4 a#mainmenu4:hover {
	background: url('./images/navdiecast.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu4 a#mainmenu4.mainmenu4selected {
	background: url('./images/navdiecast.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu4 li a {
	padding: 0;
}


/* nav diecast-oemopps */
ul#nav #menu4 li a#oemopps {
	background: url('./images/navoemopps_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu4 li a#oemopps:hover {
	background: url('./images/navoemopps.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu4 li a#oemopps.oemoppsselected {
	background: url('./images/navoemopps.gif') #ffffff no-repeat 5px 5px;
}


/* nav diecast-retailopps */
ul#nav #menu4 li a#retailopps {
	background: url('./images/navretailopps_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu4 li a#retailopps:hover {
	background: url('./images/navretailopps.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu4 li a#retailopps.retailoppsselected {
	background: url('./images/navretailopps.gif') #ffffff no-repeat 5px 5px;
}



/* ******************************************************************************* */
/* menu5 */
ul#nav #menu5 ul li a {
	/*color: #e2b62f;
	*/
}

/*Reverse of Hover state. Now suffix "_over.gif" is used for off state.*/
/*=============================main menu5 with different colors and bands=========================*/
ul#nav #menu5 {
}

ul#nav #menu5 a {
	width: 139px;
}

ul#nav #menu5 a#mainmenu5 {
	background: url('./images/navpreschool_over.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu5 a#mainmenu5:hover {
	background: url('./images/navpreschool.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu5 a#mainmenu5.mainmenu5selected {
	background: url('./images/navpreschool.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu5 li a {
	padding: 0;
}


/* nav preschool-truplay */
ul#nav #menu5 li a#truplay {
	background: url('./images/navtruplay_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu5 li a#truplay:hover {
	background: url('./images/navtruplay.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu5 li a#truplay.truplayselected {
	background: url('./images/navtruplay.gif') #ffffff no-repeat 5px 5px;
}


/* nav preschool-truplayjr */
ul#nav #menu5 li a#truplayjr {
	background: url('./images/navtruplayjr_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu5 li a#truplayjr:hover {
	background: url('./images/navtruplayjr.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu5 li a#truplayjr.truplayjrselected {
	background: url('./images/navtruplayjr.gif') #ffffff no-repeat 5px 5px;
}



/* ******************************************************************************* */
/* menu6 */
ul#nav #menu6 ul li a {
	/*color: #e2b62f;
	*/
}

/*Reverse of Hover state. Now suffix "_over.gif" is used for off state.*/
/*=============================main menu6 with different colors and bands=========================*/
ul#nav #menu6 {
}

ul#nav #menu6 a {
	width: 139px;
}

ul#nav #menu6 a#mainmenu6 {
	background: url('./images/navnews_over.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu6 a#mainmenu6:hover {
	background: url('./images/navnews.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu6 a#mainmenu6.mainmenu6selected {
	background: url('./images/navnews.gif') no-repeat 0 0;
	width: 139px;
}

ul#nav #menu6 li a {
	padding: 0;
}


/* nav news-inthenews */
ul#nav #menu6 li a#inthenews {
	background: url('./images/navinthenews_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu6 li a#inthenews:hover {
	background: url('./images/navinthenews.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu6 li a#inthenews.inthenewsselected {
	background: url('./images/navinthenews.gif') #ffffff no-repeat 5px 5px;
}


/* nav news-dcreleases */
ul#nav #menu6 li a#dcreleases {
	background: url('./images/navdcreleases_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu6 li a#dcreleases:hover {
	background: url('./images/navdcreleases.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu6 li a#dcreleases.dcreleasesselected {
	background: url('./images/navdcreleases.gif') #ffffff no-repeat 5px 5px;
}


/* nav news-studies */
ul#nav #menu6 li a#studies {
	background: url('./images/navstudies_over.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu6 li a#studies:hover {
	background: url('./images/navstudies.gif') #ffffff no-repeat 5px 5px;
}

ul#nav #menu6 li a#studies.studiesselected {
	background: url('./images/navstudies.gif') #ffffff no-repeat 5px 5px;
}