/* Root Item images */

/*UG: Cleaned up style sheet, it was too redundant*/

/*IE6 ul width fix - ul becomes 100% width if you don't specific the widths*/
/*UG: .dropdownrootitem1u0{width:149px;} --We don't need this item*/
.dropdownrootitem1ul{width:52px;}
.dropdownrootitem2ul{width:77px;}
.dropdownrootitem3ul{width:107px;}
.dropdownrootitem4ul{width:133px;}
.dropdownrootitem5ul{width:144px;}
.dropdownrootitem6ul{width:135px;}
.dropdownrootitem7ul{width:110px;}

/*
UG: We should not add this inside the drop down menu div, its list elements are dynamically generated,
by adding this we are cleaning up its content once it's done renedering; an alternative is to create a
floating element on its left, also I think it makes more sense because this is not really a drop down element.
*/
/*
.dropdownrootitem1u0{
	background-image:url(_gfx/nav/navleftbg.gif);
	height:30px;
	text-indent: -4000px;
	display:block;
	line-height:30px;

}
*/

a.dropdownrootitem1,
a.dropdownrootitem2,
a.dropdownrootitem3,
a.dropdownrootitem4,
a.dropdownrootitem5,
a.dropdownrootitem6,
a.dropdownrootitem7,
a.dropdownrootitem1_over,
a.dropdownrootitem2_over,
a.dropdownrootitem3_over,
a.dropdownrootitem4_over,
a.dropdownrootitem5_over,
a.dropdownrootitem6_over,
a.dropdownrootitem7_over
{
	display: block;
	height: 0px !important;
	height /**/: 30px;
	padding: 30px 0 0 0;
	overflow: hidden;
}

a:hover.dropdownrootitem1,
a:hover.dropdownrootitem2,
a:hover.dropdownrootitem3,
a:hover.dropdownrootitem4,
a:hover.dropdownrootitem5,
a:hover.dropdownrootitem6,
a:hover.dropdownrootitem7,
a:hover.dropdownrootitem1_over,
a:hover.dropdownrootitem2_over,
a:hover.dropdownrootitem3_over,
a:hover.dropdownrootitem4_over,
a:hover.dropdownrootitem5_over,
a:hover.dropdownrootitem6_over,
a:hover.dropdownrootitem7_over
{
	margin: 0;
}

a.dropdownrootitem1
{
	background-image:url(_gfx/nav/1.gif);
	width:52px;
}

a:hover.dropdownrootitem1
{
	background:url(_gfx/nav/1.gif) 0 -30px no-repeat;
}

a.dropdownrootitem2
{
	background:url(_gfx/nav/2.gif) 0 0 no-repeat;
	width:77px;
}

a:hover.dropdownrootitem2
{
	background:url(_gfx/nav/2.gif) 0 -30px no-repeat;
}

a.dropdownrootitem3
{
	background-image:url(_gfx/nav/3.gif);
	width:107px;
}

a:hover.dropdownrootitem3
{
	background:url(_gfx/nav/3.gif) 0 -30px no-repeat;
}

a.dropdownrootitem4
{
	background-image:url(_gfx/nav/4.gif);
	width:133px;
}

a:hover.dropdownrootitem4
{
	background:url(_gfx/nav/4.gif) 0 -30px no-repeat;
}

a.dropdownrootitem5
{
	background-image:url(_gfx/nav/5.gif);
	width:144px;
}

a:hover.dropdownrootitem5
{
	background:url(_gfx/nav/5.gif) 0 -30px no-repeat;
}

a.dropdownrootitem6
{
	background-image:url(_gfx/nav/6.gif);
	width:135px;
}

a:hover.dropdownrootitem6
{
	background:url(_gfx/nav/6.gif) 0 -30px no-repeat;
}

a.dropdownrootitem7
{
	background-image:url(_gfx/nav/7.gif);
	width:110px;
}

a:hover.dropdownrootitem7
{
	background:url(_gfx/nav/7.gif) 0 -30px no-repeat;
}

a.dropdownrootitem8
{
	background-image:url(_gfx/nav/8.gif);
	width:150px;
}

a:hover.dropdownrootitem8
{
	background:url(_gfx/nav/8.gif) 0 -30px no-repeat;
}

/* Root Item images over - These classes are being used with javascript. */
a.dropdownrootitem1_over
{
	background:url(_gfx/nav/1.gif) 0 -30px no-repeat;
	width:52px;
}

a:hover.dropdownrootitem1_over
{
	background:url(_gfx/nav/1.gif) 0 -30px no-repeat;
}

a.dropdownrootitem2_over
{
	background:url(_gfx/nav/2.gif) 0 -30px no-repeat;
	width:77px;
}

a:hover.dropdownrootitem2_over
{
	background:url(_gfx/nav/2.gif) 0 -30px no-repeat;
}

a.dropdownrootitem3_over
{
	background:url(_gfx/nav/3.gif) 0 -30px no-repeat;
	width:107px;
}

a:hover.dropdownrootitem3_over
{
	background:url(_gfx/nav/3.gif) 0 -30px no-repeat;
}

a.dropdownrootitem4_over
{
	background:url(_gfx/nav/4.gif) 0 -30px no-repeat;
	width:133px;
}

a:hover.dropdownrootitem4_over
{
	background:url(_gfx/nav/4.gif) 0 -30px no-repeat;
}

a.dropdownrootitem5_over
{
	background:url(_gfx/nav/5.gif) 0 -30px no-repeat;
	width:144px;
}

a:hover.dropdownrootitem5_over
{
	background:url(_gfx/nav/5.gif) 0 -30px no-repeat;
}

a.dropdownrootitem6_over
{
	background:url(_gfx/nav/6.gif) 0 -30px no-repeat;
	width:135px;
}

a:hover.dropdownrootitem6_over
{
	background:url(_gfx/nav/6.gif) 0 -30px no-repeat;
}

a.dropdownrootitem7_over
{
	background:url(_gfx/nav/7.gif) 0 -30px no-repeat;
	width:110px;
}

a:hover.dropdownrootitem7_over
{
	background:url(_gfx/nav/7.gif) 0 -30px no-repeat;
}

a.dropdownrootitem8_over
{
	background:url(_gfx/nav/8.gif) 0 -30px no-repeat;
	width:150px;
}

a:hover.dropdownrootitem8_over
{
	background:url(_gfx/nav/8.gif) 0 -30px no-repeat;
}