div.category-navi-outline           {
    float: left;
    width: 100%;
    margin: -75px 0 15px 0; padding: 0;
    background: #fff;
    border-top: 0;
    z-index: 100;
}

div.category-navi-outline a           { color: #424242; }
div.category-navi-outline a:focus,
div.category-navi-outline a:hover     { color: #3d2851; }

div.category-navi-outline-sub       {
    margin: 0;
    position: relative;
    z-index: 10;
    font-size: 0.80em;
}

div.category-navi-outline a.offer       {
    float: left;
    width: 100%; height: 55px;
    margin: 0; padding: 0 0 0 15px;
    font-weight: 600; font-size: 1.25em;
    background: #fff;
}
div.category-navi-outline a.offer span  {
    float: left; height: auto;
    margin: 18px 0 2px 0; padding: 0 0 0 25px;
    background: url("../images/categories/1.gif") 0 50% no-repeat;
}
div.category-navi-outline a.offer:hover {
    text-decoration: none;
    background: #f1f1f1;
}

div.category-navi-outline-sub a.offer   {
    border-bottom: 1px solid #e6e6e6;
}

div.category-navi-outline a.all       {
    float: left;
    width: 100%; height: 53px;
    margin: 0; padding: 0 0 0 15px;
    background: #f1f1f1;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
div.category-navi-outline a.all span  {
    float: left; height: auto;
    margin: 18px 0 2px 0; padding: 0 0 0 25px;
    background: url("../images/categories/all.gif") 0 50% no-repeat;
}
div.category-navi-outline a.all:hover {
    text-decoration: none;
    background: #fff;
}

ul#category-navi                              { float: left; width: 100%; margin: 0; padding: 0; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; list-style: none; }
ul#category-navi > li                         { float: left; width: 100%; margin: 0; padding: 0; position: relative; }
ul#category-navi > li a.cat                   { float: left; width: 100%; height: 39px; margin: 0; padding: 10px 0 20px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff; }
ul#category-navi > li a.cat span              { height: auto; padding: 7px 0 3px 30px; }
ul#category-navi > li.active a.cat,
ul#category-navi > li a.cat:hover             { text-decoration: none; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #f1f1f1; }

ul#category-navi > li:first-child > a,
ul#category-navi > li:first-child > a:hover         { border-top: 1px solid #e6e6e6; }
ul#category-navi > li:nth-last-child(2) > a,
ul#category-navi > li:nth-last-child(2) > a:hover   { border-bottom: 0; }

ul#category-navi li a.cat-2 span        { background: url("../images/categories/2.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-3 span        { background: url("../images/categories/3.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-4 span        { background: url("../images/categories/4.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-5 span        { background: url("../images/categories/5.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-6 span        { background: url("../images/categories/6.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-7 span        { background: url("../images/categories/7.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-8 span        { background: url("../images/categories/8.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-9 span        { background: url("../images/categories/9.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-10 span       { background: url("../images/categories/10.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-11 span       { background: url("../images/categories/11.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-12 span       { background: url("../images/categories/12.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-13 span       { background: url("../images/categories/13.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-14 span       { background: url("../images/categories/14.gif") 0 50% no-repeat; }
ul#category-navi li.active a.cat-14 span,
ul#category-navi li a.cat-14:hover span { background: url("../images/categories/14-on.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-905 span      { background: url("../images/categories/905.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-906 span      { background: url("../images/categories/906.gif") 0 50% no-repeat; }
ul#category-navi li a.cat-907 span      { background: url("../images/categories/907.gif") 0 50% no-repeat; }

ul#category-navi li div.subcats-outline {
    float: left;
    background: #fff;
}

ul#category-navi li div.subcats		           {
	float: left;
	position: absolute; left: -999em; top: 0;
	z-index: 100;
	width: 618px;
	padding: 0 0 15px 0; margin: 0;
	background: #fff;
	border: 1px solid #e6e6e6; border-left: 0;
}
ul#category-navi li:hover div.subcats           {
        left: calc(100% + 1px);
        left: -moz-calc(100% + 1px);
        left: -webkit-calc(100% + 1px);
        left: -o-calc(100% + 1px);
}
ul#category-navi li div.subcats div.onesubcat   {
	float: left;
    padding: 5px 0;
    width: 33.33%;
    position: relative;
}

ul#category-navi li div.subcats div.onesubcat > a                   {
    float: left;
    width: 100%;
    margin: 0; padding: 15px 0 0px 15px;
    color: #000; font-size: 1.02em; letter-spacing: 0.5px;
    /*
    border: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
    */
}
ul#category-navi li div.subcats div.onesubcat a:hover               {
    color: #000;
    /*
    text-decoration: none;
    background: #f1f1f1;
    border: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
    */
}
ul#category-navi li div.subcats div.onesubcat:first-child a,
ul#category-navi li div.subcats div.onesubcat:first-child a:hover   { border-top: 0; }
ul#category-navi li div.subcats div.onesubcat:last-child a,
ul#category-navi li div.subcats div.onesubcat:last-child a:hover    { border-bottom: 0; }

ul#category-navi li div.subcats div.onesubcat div.sub2cats  {
    float: left;
    width: 90%;
    padding: 5px 0 5px 10%;
    margin: 0;
}
ul#category-navi li div.subcats div.onesubcat div.sub2cats a.sub2 {
    float: left;
    width: 25%;
    line-height: 1em;
    padding: 0; margin: 0;
    color: #545454;
}

ul#category-navi li div.subcats img.menu-image {
    width: auto;
    height: auto;
    max-width: 300px;
    position: absolute;
    top: -1px;
    border: 1px solid #e6e6e6;
    border-left: 0;
}

/* SUB BRANDS */
ul#category-navi li div.subbrands                                                   { float: left; width: 928px; border: 0; background: transparent; }
ul#category-navi li div.subbrands div.onesubbrand                                   { float: left; width: 33%; height: 160px; background: #fff; position: relative; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
ul#category-navi li div.subbrands a.subbrand-url                                    { float: left; width: 100%; height: auto; padding-top: 5px; text-align: center; }
ul#category-navi li div.subbrands div.onesubbrand:nth-of-type(-n+3)                 { border-top: 1px solid #e6e6e6; }
ul#category-navi li div.subbrands div.onesubbrand:nth-of-type(3n)                   { border-right: 1px solid #e6e6e6; }
ul#category-navi li div.subbrands div.onesubbrand:nth-last-child(-n+3)              { border-bottom: 1px solid #e6e6e6; }
ul#category-navi li div.subbrands div.onesubbrand:nth-of-type(3n-2)                 { }
ul#category-navi li div.subbrands div.onesubbrand a.subbrand-url img                { width: 65%; margin: 0 auto; }
ul#category-navi li div.subbrands div.onesubbrand ul.subbrand-cats                  { float: left; width: 100%; position: absolute; top: 90px; left: 0; list-style: none; padding: 15px 0 0 0; }
ul#category-navi li div.subbrands div.onesubbrand ul.subbrand-cats li                   { float: left; width: 50%; margin: 0; padding: 0 0 0 25px; }
ul#category-navi li div.subbrands div.onesubbrand ul.subbrand-cats li:nth-of-type(2n)   { float: right; text-align: right; padding: 0 25px 0 0; }
ul#category-navi li div.subbrands div.onesubbrand ul.subbrand-cats li:nth-of-type(3n)   { width: 75%; }
ul#category-navi li div.subbrands div.onesubbrand ul.subbrand-cats li a                 { color: #000; }
ul#category-navi li div.subbrands div.onesubbrand a.subbrand-more                       { position: absolute; right: 20px; bottom: 5px; color: #848484; }

/* SMALL MENU */
ul#category-navi-small {
    float: left;
    display: none;
    width: 40px; height: auto;
    border: 1px solid #e7e7e7;
    list-style: none;
    margin: 0; padding: 0;
    position: fixed; top: 20%; z-index: 1000;
    background: #fff;
}
ul#category-navi-small li                           { float: left; width: 38px; height: 38px; padding: 0; margin: 0; text-align: center; }
ul#category-navi-small li a.cat                     { float: left; width: 38px; height: 38px; padding: 7px 0 9px 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
ul#category-navi-small li a.cat:hover               { background: #f7f7f7; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; }
ul#category-navi-small li:first-child a.cat,
ul#category-navi-small li:first-child a.cat:hover   { border-top: 0; }
ul#category-navi-small li:last-child a.cat,
ul#category-navi-small li:last-child a.cat:hover    { border-bottom: 0; }