/* generic layout for shopmenu items */
#shop_menu .menu_item {
    display: block;
    position: relative;
	text-decoration: none;
	text-align: left;
	background-position: top left;
	background-repeat: no-repeat;
	/* change below this line */
	left: 0px;
	top: 0px;
	z-index: 10;
	background: #00457f;
    line-height: 20px;
	margin: 0px;
    height: 20px;
	color: #ffffff;
	padding: 0px 0px 0px 25px;
    width: 216px;
}

/* generic shopmenu item mouseover */
#shop_menu .menu_item:hover {
	color: #ffffff;
	font-weight: bold;
}

/* submenu item */
#shop_menu .sub {
    padding: 0px 0px 0px 45px;
    width: 196px;
}

/* collapsed ie. closed main menu item */
#shop_menu .collapsed {
	background-image: url('/shared/images/custom/dix_menu-cat-collapsed-selected.gif');
	border: 0px solid green;
}

/* open main menu item */
#shop_menu .collapse {
	background-image: url('/shared/images/custom/dix_menu-cat-collapse.gif');
	border: 0px solid red;
}

/* submenu item (ie child) */
#shop_menu .child {
	background-image: url('/shared/images/custom/dix_menu-childcat-collapse.gif');
	border: 0px solid yellow;
}

/* last child item (last submenu item) */
#shop_menu .lastchild {
	background-image: url('/shared/images/custom/dix_menu-childcat-last-collapse.gif');
	border: 0px solid gray;
}

/* selected main shopmenu item */
#shop_menu .selected {
    background-image: url('/shared/images/custom/dix_menu-cat-collapsed-selected.gif');
	font-weight: bold;
	color: #ffffff;
}

/* selected sub shopmenu item */
#shop_menu .subselected {
    padding: 0px 0px 0px 45px;
    width: 196px;
	font-weight: bold;
	color: #ffffff;
	
}

/* closed main menu item */
/* EDIT: i'm not sure if we need this, might be the same as .collapsed */
#shop_menu .menu_closed_item {
	background-image: url('/shared/images/custom/dix_menu-cat-collapse.gif');
	border: 0px solid black;
}




/*Category menu*/
#categorymenu{
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 10;
	width: 241px;
	background: #00457f;
	margin: 0px;
	padding: 0px;
}
#categorymenu div{
    
}

#categorymenu ul{
	z-index: 10;
	padding: 0px;
	margin: 0px;
	display:block;	
	font-family:Tahoma;
	font-size:11px;
	overflow: hidden;
}
#categorymenu ul li{
	background:transparent url('/shared/images/custom/dix_menu-cat.gif') no-repeat scroll 0px;
	color:#000000;
	display:block;
	font-weight: normal;
	height:20px;
	line-height: 20px;
	padding-left: 30px;
	text-decoration: none;
	overflow: hidden;
}
#categorymenu ul li.selected{
	background:transparent url('/shared/images/custom/dix_menu-cat.gif') no-repeat scroll 0px;
	color:#000000;
	font-weight: bold;
}
#categorymenu ul li.depth1{
	background:transparent url('/shared/images/custom/dix_menu-cat-depth1.gif') no-repeat scroll 0px;
	color:#000000;
	font-weight: normal;
}
#categorymenu ul li.depth1_selected{
	background:transparent url('/shared/images/custom/dix_menu-cat-depth1-selected.gif') no-repeat scroll 0px;
	color:#000000;
	font-weight: bold;
}
#categorymenu ul li.depth1-last_selected{
	background:transparent url('/shared/images/custom/dix_menu-cat.gif') no-repeat scroll 0px;
	color:#000000;
	font-weight: bold;
}

#categorymenu ul li.depth2{
	background:transparent url('/shared/images/custom/dix_menu-cat-depth2.gif') no-repeat scroll 0px;
	color:#ffffff;
	font-weight: normal;
	padding-left: 40px;
}
#categorymenu ul li.depth2_selected{
	background:transparent url('/shared/images/custom/dix_menu-cat-depth2_selected.gif') no-repeat scroll 0px;
	color:#ffffff;
	font-weight: bold;
	padding-left: 40px;
}
#categorymenu ul li.depth2-last{
	background:transparent url('/shared/images/custom/dix_menu-cat-depth2-last.gif') no-repeat scroll 0px;
	color:#ffffff;
	font-weight: normal;
	padding-left: 40px;
}
#categorymenu ul li.depth2-last_selected{
	background:transparent url('/shared/images/custom/dix_menu-cat-depth2-last_selected.gif') no-repeat scroll 0px;
	color:#ffffff;
	font-weight: bold;
	padding-left: 40px;
}