.foo { }
.mainMenu { background-image: url('../storage/site/menu.jpg' ); background-repeat: no-repeat; width: 249px; padding-top: 40px; }
.mainMenu .mrc-Menu-Horizontal .mrc-Menu {}

/* 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; }

/* all list items */
.mainMenu ul li { height: 29px;background-image: url('../storage/site/submenu_bg.jpg' )}
.mainMenu ul li:hover { width: 249px; height: 29px; display: block; background-repeat: no-repeat; background-image: url('../storage/site/submenu_bg_hover.jpg'); }
.mainMenu ul ul li { width: 190px; padding-right: 0px; padding-left: 0px; }
/* list items being hovered over */
.mainMenu li:hover, .mainMenu li.mrc-Menu-Hover { }
.mainMenu ul ul li:hover, .mainMenu ul ul li.mrc-Menu-Hover {}
/* all anchors and spans (nodes with no link) */
.mainMenu a, .mainMenu span { background-position: 20px 10px; color: #666666; height: 21px; text-transform: uppercase; width: 209px; padding-top: 8px; background-image: url('../storage/site/sub_arrow.jpg'); background-repeat: no-repeat; padding-left: 40px; }
.mainMenu a, .mainMenu span:HOVER { background-position: 20px 10px; color: #666666; height: 21px; text-transform: uppercase; width: 209px; padding-top: 8px; background-image: url('../storage/site/sub_arrow_hover.jpg'); background-repeat: no-repeat; padding-left: 40px; }
/* leaves */
.mainMenu li.mrc-Menu-Leaf a, .mainMenu li.mrc-Menu-Leaf span {}
/* 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 { color: #CC0000;}
/* 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; }

/* contained childrens */
.mainMenu li .mrc-Menu-WithChildren a { }
.mainMenu li .mrc-Menu-WithChildren li a { }

/* 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 { }
.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: 190px; 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: 190px; top: 0px; left: 185px; background-color: #B1E613; }
/* Tier 3+ */
.storeMenu ul.mrc-Menu ul ul { top: 0px; left: 190px; }

.storeMenu li { height: 28px; }
.storeMenu ul li { width: 190px;}
.storeMenu ul li:hover { width: 190px; background-color: #FFFFFF; }

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




.loginmenu { margin-left: 15px; }