.foo { }
.mainMenu {height: 300px; background: url(../storage/site/submenu.jpg) bottom left repeat-x #a1a1a1; margin: 92px 0 0 0;  padding: 0 0 70px 0; text-transform: uppercase; font-size: 11px; width: 201px; }
.mainMenu .mrc-Menu-Horizontal .mrc-Menu { padding-top: 9px; height: 43px; }

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

.mainMenu li {}
/* all list items */
.mainMenu ul li {color: #ffffff; height: 22px;  padding: 2px 0 0 0px;}
.mainMenu ul ul li {background-image: none; padding-right: 0px; padding-left: 0px; height: 22px; }
/* 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 {background: #a1a1a1; }
/* all anchors and spans (nodes with no link) */
.mainMenu a, .mainMenu span { height: 22px; padding: 2px 0 0 10px; color: #ffffff; width: 191px;  border-bottom: 1px dashed #c3c2c2; }
/* 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; background-image: url(../images/s.gif); background: #868585 }
/* 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: #ffffff; 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; }