.foo { }
.mainMenu { background-image: url('../storage/site/menu_bg.jpg' ); background-repeat: no-repeat; font-weight:normal; font-size:13px; text-transform:uppercase }
.mainMenu .mrc-Menu-Horizontal .mrc-Menu { padding-top: 9px; height: 43px; }

/* Tier 1 */
.mainMenu ul.mrc-Menu { }
/* Tier 2 */
.mainMenu ul.mrc-Menu ul { width: 190px; top: 100%; left: 0; background-color: #cfd1d6; }
/* Tier 3+ */
.mainMenu ul.mrc-Menu ul ul { top: 0px; left: 190px; }

.mainMenu li { height: 28px;}
/* all list items */
.mainMenu ul li { padding-left: 20px; float:left;}
.mainMenu ul ul li { width: 190px; background-image: none; padding-right: 0px; padding-left: 0px; }
/* list items being hovered over */
.mainMenu li:hover, .mainMenu li.mrc-Menu-Hover { color: #003366; }
.mainMenu ul ul li:hover, .mainMenu ul ul li.mrc-Menu-Hover { background: #3f5e78; }
/* all anchors and spans (nodes with no link) */
.mainMenu a, .mainMenu span { padding: 3px; color: #ffffff; height: 27px; }
/* leaves */
.mainMenu li.mrc-Menu-Leaf a, .mainMenu li.mrc-Menu-Leaf span { background-image: none !important; }
/* hovered text */
.mainMenu li:hover a, .mainMenu li:hover span, .mainMenu li.mrc-Menu-Hover a, .mainMenu li.mrc-Menu-Hover span, .mainMenu li:hover li:hover a, .mainMenu li:hover li:hover span, .mainMenu li.mrc-Menu-Hover li.mrc-Menu-Hover a, .mainMenu li.mrc-Menu-Hover li.mrc-Menu-Hover span, .mainMenu li:hover li:hover li:hover a, .mainMenu li:hover li:hover li:hover span, .mainMenu li.mrc-Menu-Hover li.mrc-Menu-Hover li.mrc-Menu-Hover a, .mainMenu li.mrc-Menu-Hover li.mrc-Menu-Hover li.mrc-Menu-Hover span { background-position: transparent; color: #77171e; background-image: url(../images/s.gif); }
/* the tier above this one is hovered */
.mainMenu li:hover li a, .mainMenu li:hover li span, .mainMenu li.mrc-Menu-Hover li a, .mainMenu li.mrc-Menu-Hover li span, .mainMenu li:hover li:hover li a, .mainMenu li:hover li:hover li span, .mainMenu li.mrc-Menu-Hover li.mrc-Menu-Hover li a, .mainMenu li.mrc-Menu-Hover li.mrc-Menu-Hover li span { color: #003366; background: transparent right center no-repeat; }

/* contained childrens */
.mainMenu li .mrc-Menu-WithChildren a { font-weight: bold; }
.mainMenu li .mrc-Menu-WithChildren li a { font-weight: normal; }

/* this tier is selected */
.mainMenu .mrc-Menu-Selected { font-weight: bold; }
.mainMenu .mrc-Menu-Selected ul li a { font-weight: normal; }
/* a tier below this one is selected */
.mainMenu .mrc-Menu-ChildSelected, .mainMenu .mrc-Menu-ChildSelected a { font-weight: bold; }
.mainMenu .mrc-Menu-ChildSelected ul ul, .mainMenu .mrc-Menu-ChildSelected ul li a { font-weight: normal; }
/* a tier above this one is selected */
.mainMenu .mrc-Menu-ParentSelected { }


/*............store menu ...............*/
.storeMenu { width: 221px; font-size: 12px; }
.storeMenu .mrc-Menu-Vertical .mrc-Menu { margin-top: 10px; margin-bottom: 10px;}
.storeMenu .mrc-Menu-Vertical .mrc-Menu li a { display: block; }


/* Tier 1 */
.storeMenu .mrc-Menu-Vertical ul.mrc-Menu { }
/* Tier 2 */
.storeMenu ul.mrc-Menu ul { width: 221px; top: 0px; left: 221px; background-color: #f5f5f5; color:#757575 }
.storeMenu ul li { width: 200px; border-width: 1px; border-color: #a6b968; border-bottom-style: dotted;  }
/* Tier 3+ */
.storeMenu ul.mrc-Menu ul ul { top: 0px; left: 221px; }
.storeMenu ul ul li { width: 200px; border-width: 1px; border-color: #d8d6d7; border-bottom-style: dotted;  }
.storeMenu ul ul li a { color:#747273}
.storeMenu ul ul li a:HOVER { color:#636262}
.storeMenu ul ul li:HOVER { background-color:#e0dedf}

.storeMenu li { height: 28px;}

.storeMenu ul li:hover { width: 221px; background-color: #c9dd88; display:block}

/* all anchors and spans (nodes with no link) */
.storeMenu a, .storeMenu span { /*width: 190px; */ display: block; color: #737641; padding: 4px 2px 4px 21px; height: 18px; }




.storeMenu a:HOVER { color: #555823; }




.loginmenu { margin-left: 15px; }