﻿/* ######### Default class for drop down menus ######### */

.consumermenu, .consumermenuFirstItem,.consumermenuThirdItem, .consumermenuLastItem{
position:absolute;
left: 0;
top: 0;
visibility: hidden;
font-family:Arial;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: transparent url(/SiteCollectionImages/ABC/cons_bg_bottom.png) no-repeat scroll left bottom;
width: 146px; /* default width for menu */
margin-left: 20px;
padding-bottom: 10px;
}

.consumermenuFirstItem {
margin-left: 30px;
}
.consumermenuThirdItem {
margin-left: 15px;
}

.consumermenuLastItem {
margin-left: 5px;
}
.consumermenu ul, .consumermenuFirstItem ul, .consumermenuThirdItem ul, .consumermenuLastItem ul{
margin: 0;
padding: 2px 0 0 0;
list-style-type: none;
background-color: #a30234;
}
.consumermenu ul li, .consumermenuFirstItem ul li, .consumermenuThirdItem ul li, .consumermenuLastItem ul li{
/*margin: -2px 0px 0px 0px;*/
padding: 0px 0px 0px 1px; 
}

.consumermenu ul li a, .consumermenuFirstItem ul li a,.consumermenuThirdItem ul li a
{
width:140px;
display: block;
border-bottom: 1px dotted #f4e5e7;
padding: 2px 0;
margin:2px 2px 2px 2px;
text-decoration: none;
text-transform: lowercase;
/*font-weight: bold;*/
font-size:11px;
text-indent: 13px;
color:#ffffff;
}

.consumermenuLastItem ul li a
{
width:140px;
display: block;
border-bottom: 1px dotted #f4e5e7;
padding: 2px 0;
margin:2px 2px 2px 2px;
text-decoration: none;
text-transform: lowercase;
/*font-weight: bold;*/
font-size:11px;
/*text-indent: 13px;*/
text-indent: 5px;
color:#ffffff;
}

/* ABC Custom Code:  Do not add dotted line under last menu item.  same as '.consumermenuLastItem ul li a' without dotted line  */
.lastItemInMenu
{
	width:140px;
	display: block;
	border-bottom: none !important;
	padding: 2px 0;
	margin:2px 2px 2px 2px;
	text-decoration: none;
	text-transform: lowercase;
	/*font-weight: bold;*/
	font-size:11px;
	/*text-indent: 13px;*/
	text-indent: 5px;
	color:#ffffff;
}


.consumermenu a:hover, .consumermenuFirstItem a:hover, .consumermenuThirdItem a:hover,.consumermenuLastItem a:hover{ /*hover background color*/
background: #f4e5e7;
color: #b30838;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */

/*
.anylinkshadow{ 
position: absolute;
left: 0;
top: 0;
z-index: 99; 
background: black;
visibility: hidden;
}
*/
