/* CSS Document */
/* CSS FOR :
STATES DOWN MENU	*/				
/*div.cc-states {
height:200px;
z-inidex:500;
}*/
/* Navigation Background */
.bg {
background-color:#E4E4E4; 
height: 0px;
padding: 0;
}
#dd_states span.cart /* this is still experimental */
{
background: transparent url(../images/cart.gif) no-repeat left;
padding-left: 40px;
}

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

#dd_states a {
display:block;
color: #000000 ;
text-decoration:none;
margin:0 1px;
padding:1px 0;
}

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

#dd_states li {
background-color: #E4E4E4; /* pkl added */
float:left;
padding:0;

}

/* Hides drop down links until user rolls over hierarchy link*/
#dd_states li ul {
position:absolute;
left:-999em;
height:auto;
width:110px;
font-weight:200;
background-color:#E4E4E4;
border:0px solid #594D25;
margin:0;

}

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

}

#dd_states li ul a {
width:115px;

}

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

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


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

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

}

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

#dd_states li:hover,#dd_states li.sfhover {
background:#999999;
}