/* ######### Default class for drop down menus ######### */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 214px; /*width of menu*/
}

.urbangreymenu .headerbar{/*Products Menu item*/
font: normal 12px "lucida grande", verdana, helvetica, sans-serif Arial;
color: #ffffff;
/*position: relative;*/
background: transparent;/*#626466;*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
/*display: block;*/
padding: 5px 0;
line-height: 17px;
padding-left: 15px; /*link text is indented 8px*/
/*text-decoration: none;*/
text-transform:uppercase;
font-weight:bold;

}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
text-align:left;
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px "lucida grande", verdana, helvetica, sans-serif Arial;
color: #ffffff;
position: relative;
background: transparent;/*#626466;*/
display: block;
padding: 4px 0;
line-height: 17px;
padding-left: 15px; /*link text is indented 8px*/
text-decoration: none;
text-transform:uppercase;
font-weight:bold;
}



.urbangreymenu ul li a:visited{color: #ffffff;}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #fff; background: #BFBCCF;text-decoration: none;}

.urbangreymenu ul li a.current{ /*hover state CSS*/
color: #fff; background: #034173;text-decoration: none;
background-image:  url("../images/arrow.gif");
background-position:right; background-repeat:no-repeat;}

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 0;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 210px; /* default width for sub menu */
text-align:left;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
font: normal 12px "lucida grande", verdana, helvetica, sans-serif Arial;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0;
padding: 5px 0;
line-height: 17px;
padding-left: 15px; /*link text is indented 8px*/
padding: 5px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
background: #626466;
color:#ffffff;
text-transform:uppercase;

}


.anylinkcss a:hover{ /*hover background color*/
background: black;
color: white;
}

.anylinkcss ul li a:hover {color: #fff; background: #BFBCCF;text-decoration: none;} /* Hover Styles */

.anylinkcss ul li a.current {
color: #fff; 
background:#034173;
background-image:  url("../images/arrow.gif");
background-position:right; background-repeat:no-repeat;text-decoration: none;} 



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}