/* CSS FOR :
				MAIN DROP DOWN MENU					
	*/
	
/* Navigation Background */
.bg {
background-color: #452F18; 
height: 0px;
padding: 0;
}
#dd_menu span.cart /* this is still experimental */
{
background: transparent url(../images/cart.gif) no-repeat left;
padding-left: 40px;
}


#dd_menu,#dd_menu ul {
list-style:none;
line-height:1;
padding:0;
margin:1px 0px 0px 0px;
font: 11px Arial, Verdana;
z-index: 550;
}

#dd_menu a {
display:block;
color: #E8DFCB ;
text-decoration:none;
margin:0 12px;
padding:4px 0;
}

/* Tells a link if it has sub links */
#dd_menu a.parent {
background:url(../../DropDown_LovefineArt/images/bullet.gif) center right no-repeat;
}

#dd_menu li {
background-color: #452F18; /* pkl added */
float:left;
padding:0;
}

/* Hides drop down links until user rolls over hierarchy link*/
#dd_menu li ul {
position:absolute;
left:-999em;
height:auto;
width:130px;
font-weight:400;
background-color:#452F18;
border:1px solid #594D25;
margin:0;
}

/* controls sub menu */
#dd_menu li li {
padding-right:1em;
width:115px;
border-bottom:1px solid #594D25;
}

#dd_menu li ul a {
width:115px;
}

/* controls blog sub menu */
#dd_menu ul.blog li {
padding-right:1em;
width:300px;
border-bottom:1px solid #594D25;
}

#dd_menu li ul.blog a {
width:300px;
}


/*controls the sub-sub menu*/
#dd_menu li ul ul {
margin:-1.75em 0 0 125px;
}

/* roll over effect of drop downs */
#dd_menu li:hover ul ul,#dd_menu li:hover ul ul ul,#dd_menu li.sfhover ul ul,#dd_menu li.sfhover ul ul ul {
left:-999em;
}

#dd_menu li:hover ul,#dd_menu li li:hover ul,#dd_menu li li li:hover ul,#dd_menu li.sfhover ul,#dd_menu li li.sfhover ul,#dd_menu li li li.sfhover ul {
left:auto;
}

#dd_menu li:hover,#dd_menu li.sfhover {
background:#89151c;
}