/* Root Item images */

/*IE6 ul width fix - ul becomes 100% width if you don't specific the widths*/
.dropdownrootitem1ul{width:107px;}
.dropdownrootitem2ul{width:118px;}
.dropdownrootitem3ul{width:116px;}
.dropdownrootitem4ul{width:116px;}
.dropdownrootitem5ul{width:121px;}
.dropdownrootitem6ul{width:82px;}
.dropdownrootitem7ul{width:82px;}
/*IE6 ul width fix*/

/* This does not work in IE6
#dropdownmenu > ul > li > a
{
	display:block;
	text-indent: -4000px;
}
*/

a.dropdownrootitem1
{
	background:url(_gfx/nav/1.gif) 0 0px no-repeat;
	width:107px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem1
{
	margin: 0;
}

a.dropdownrootitem2
{
	background-image:url(_gfx/nav/2.gif);
	width:118px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem2
{
	margin: 0;
}

a.dropdownrootitem3
{
	background-image:url(_gfx/nav/3.gif);
	width:116px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem3
{
	margin: 0;
}

a.dropdownrootitem4
{
	background-image:url(_gfx/nav/4.gif);
	width:116px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem4
{
	margin: 0;
}

a.dropdownrootitem5
{
	background-image:url(_gfx/nav/5.gif);
	width:121px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem5
{
	margin: 0;
}

a.dropdownrootitem6
{
	background-image:url(_gfx/nav/6.gif);
	width:82px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem6
{
	margin: 0;
}

a.dropdownrootitem7
{
	background-image:url(_gfx/nav/7.gif);
	width:82px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem7
{
	margin: 0;
}

/* Root Item images over - These classes are being used with javascript. */
a.dropdownrootitem1_over
{
	background:url(_gfx/nav/1.gif) 0 0 no-repeat;
	width:107px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem1_over
{
	margin: 0;
}

a.dropdownrootitem2_over
{
	background:url(_gfx/nav/2.gif) 0 0 no-repeat;
	width:118px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem2_over
{
	margin: 0;
}

a.dropdownrootitem3_over
{
	background:url(_gfx/nav/3.gif) 0 0 no-repeat;
	width:116px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem3_over
{
	margin: 0;
}

a.dropdownrootitem4_over
{
	background:url(_gfx/nav/4.gif) 0 0 no-repeat;
	width:116px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem4_over
{
	margin: 0;
}

a.dropdownrootitem5_over
{
	background:url(_gfx/nav/5.gif) 0 0 no-repeat;
	width:121px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem5_over
{
	margin: 0;
}

a.dropdownrootitem6_over
{
	background:url(_gfx/nav/6.gif) 0 0 no-repeat;
	width:82px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem6_over
{
	margin: 0;
}

a.dropdownrootitem7_over
{
	background:url(_gfx/nav/7.gif) 0 0 no-repeat;
	width:82px;
	display:block;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/43px;
}

a:hover.dropdownrootitem7_over
{
	margin: 0;
}
/* Root Item images over */

/* Root Item images */