/* Root Item images */

/*IE6 ul width fix - ul becomes 100% width if you don't specific the widths*/
.dropdownrootitem1ul{width:60px;}
.dropdownrootitem2ul{width:88px;}
.dropdownrootitem3ul{width:95px;}
.dropdownrootitem4ul{width:82px;}
.dropdownrootitem5ul{width:100px;}
.dropdownrootitem6ul{width:83px;}
.dropdownrootitem7ul{width:103px;}
.dropdownrootitem8ul{width:150px;}
/*IE6 ul width fix*/

/* This does not work in IE6
#dropdownmenu > ul > li > a
{
	display:block;
}
*/

a.dropdownrootitem1
{
	background-image:url(_gfx/nav/1.gif);
	width:60px;
	display:block;
  padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem1
{
	background:url(_gfx/nav/1.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem2
{
	background:url(_gfx/nav/2.gif) 0 0 no-repeat;
	width:88px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem2
{
	background:url(_gfx/nav/2.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem3
{
	background-image:url(_gfx/nav/3.gif);
	width:95px;
	height: 39px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem3
{
	background:url(_gfx/nav/3.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem4
{
	background-image:url(_gfx/nav/4.gif);
	width:82px;	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;}

a:hover.dropdownrootitem4
{
	background:url(_gfx/nav/4.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem5
{
	background-image:url(_gfx/nav/5.gif);
	width:100px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem5
{
	background:url(_gfx/nav/5.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem6
{
	background-image:url(_gfx/nav/6.gif);
	width:83px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem6
{
	background:url(_gfx/nav/6.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem7
{
	background-image:url(_gfx/nav/7.gif);
	width:103px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem7
{
	background:url(_gfx/nav/7.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem8
{
	background-image:url(_gfx/nav/8.gif);
	width:150px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem8
{
	background:url(_gfx/nav/8.gif) 0 -39px no-repeat;
	margin: 0;
}

/* Root Item images over - These classes are being used with javascript. */
a.dropdownrootitem1_over
{
	background:url(_gfx/nav/1.gif) 0 -39px no-repeat;
	width:60px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem1_over
{
	background:url(_gfx/nav/1.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem2_over
{
	background:url(_gfx/nav/2.gif) 0 -39px no-repeat;
	width:88px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem2_over
{
	background:url(_gfx/nav/2.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem3_over
{
	background:url(_gfx/nav/3.gif) 0 -39px no-repeat;
	width:95px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem3_over
{
	background:url(_gfx/nav/3.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem4_over
{
	background:url(_gfx/nav/4.gif) 0 -39px no-repeat;
	width:82px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem4_over
{
	background:url(_gfx/nav/4.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem5_over
{
	background:url(_gfx/nav/5.gif) 0 -39px no-repeat;
	width:100px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem5_over
{
	background:url(_gfx/nav/5.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem6_over
{
	background:url(_gfx/nav/6.gif) 0 -39px no-repeat;
	width:83px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem6_over
{
	background:url(_gfx/nav/6.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem7_over
{
	background:url(_gfx/nav/7.gif) 0 -39px no-repeat;
	width:103px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem7_over
{
	background:url(_gfx/nav/7.gif) 0 -39px no-repeat;
	margin: 0;
}

a.dropdownrootitem8_over
{
	background:url(_gfx/nav/8.gif) 0 -39px no-repeat;
	width:150px;
	display:block;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem8_over
{
	background:url(_gfx/nav/8.gif) 0 -39px no-repeat;
	margin: 0;
}
/* Root Item images over */

/* Root Item images */
