/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print {

	ul.mktree {
		padding:0;
		margin:0 0 0 1px;
		width:221px;	
		text-transform:uppercase;
		
		}
	/* Turn off list bullets */
	ul.mktree li { list-style: none; font-size:10px;}
	ul.mktree a, ul.mktree a:visited { color: #3f382b; text-decoration:none;}
	ul.mktree a:hover { color: #ffffff; text-decoration:none;}
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:0px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet {
		margin-left: 10px;  cursor: pointer; 
	
	}
		
	ul.mktree  li.liOpen    {
	 	cursor: pointer; 
		background-color:#463e30;
		background-image:url(../img/pucemenu1selected2.gif); /*pucemenu1selected*/
		background-repeat:no-repeat;
		background-position:top left;
		background-repeat:no-repeat;
		color:#fff;
		
	}
	
	ul.mktree  li.liOpen  :hover   {
	
	}
				
	ul.mktree  li.liClosed  .bullet {margin-left: 10px; cursor: pointer;  }
	ul.mktree  li.liBullet  .bullet {margin-left: 10px; cursor: default;  }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; margin-top:3px; }
	ul.mktree  li.liClosed  ul { display: none; }
	ul.mktree  li.liClosed  { padding-bottom:3px; }
	ul.mktree  li.liBullet  { padding-bottom:3px; }

	ul.mktree li {

		font-size:10px;

		width:222px; /*222-1-26*/

		margin-bottom:1px;
		min-height:26px;
		height:auto !important;
		height:26px;
		line-height:26px;
		
		text-decoration:none;
		display:block;

		background-color:#d6e8f0;
		margin:2px 0 0 0;
		color:#3f382b;
		background-image:url(../img/pucemenu1.gif);
		background-position:left;
		background-repeat:no-repeat;
	}

	ul.mktree li:hover {
		background-color:#463e30;
		background-image:url(../img/pucemenu1selected2.gif); /*pucemenu1selected*/
		background-repeat:no-repeat;
		background-position:top left;
		color:#fff!important;
	}
	ul.mktree li:hover a{
		color:#fff!important;
	}

	ul.mktree li ul li{
	
		min-height:26px;
		height:auto !important;
		height:26px;
		
		border-top:0px!important;
		border-top:2px #fff solid !important;
		color:#8e8f90!important;
		background-image:url(../img/pucesouscat.gif)!important;
		padding:0 !important;
		width:222px!important;
		
		background-color:#fff!important;
	}
	
	ul.mktree li ul li:hover{

		color:#007cc3!important;
		background-image:url(../img/pucesouscathover.gif)!important;
		background-color:#9b978b!important;
	}
	ul.mktree li ul li:hover a{

		color:#fff!important;	

	}

	ul.mktree li ul li ul li{
		background-color: #7f9eb9;
		background-image: url(../img/dtree/stripes2.gif);

		padding-left: 8px;
		padding-top: 3px;
		padding-bottom: 1px;
		}

.dtree_main_bottom {
	width: 198px;
	height: 18px;
	background-image: url(../img/interface/category_bottom.png);
}

	/* Format menu items differently depending on what level of the tree they are in */
	/* Uncomment this if you want your fonts to decrease in size the deeper they are in the tree */
/*
	ul.mktree  li ul li { font-size: 90% }
*/

}