

/** begin toc 5-10 **/

.arrow_box {
    position: relative;
    background: #ffffff;
    border-right-width: 0px;
}

.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 6px;
    margin-left: -7px;
}
.arrow_box:before {
    border-color: rgba(26, 195, 205, 0);
    border-width: 8px;
    margin-left: -9px;
}

.arrow_box_border{

}

.chevron{
    position: relative;
display: block;
height: 50px;
clear: both;
margin: 8px 17px;
}
.chevron:before,
.chevron:after{
    position:absolute;
    display:block;
    content:"";
    border:5px solid transparent;
}
.chevron:before{
    top:0;
    border-top-color:#fff;
}
.chevron:after{
    top:-3px;
}

.chevron:hover{
color: #ddd;
}


#siteTOContainer {max-width: 1464px; padding-bottom: 0; padding: 0; position: relative; margin: 25px auto; clear:both }
#siteTOContainer section { width: 50%; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px 24px 12px; }
#siteTOContainer section .siteTOCwrapper { border: 1px solid #e7e7e7 }

#siteTOContainer .siteTOCmenu { min-height: 28px;padding: 10px;height: auto;display: inline-block; }
#siteTOContainer .siteTOCmenu ul { float:left; }
#siteTOContainer .siteTOCmenu ul li { display:inline-block; text-align: center; min-width: 73px; }
#siteTOContainer .siteTOCmenu a.siteTOCheader{border-right: 1px solid #FFF !important; text-align: center; float: left; color: #FFF; padding: 5px 15px 1px; text-transform: uppercase; font-size: 14px; display: block; border-left: 0px; letter-spacing: -1px; font-weight: bold}
#siteTOContainer .siteTOCmenu ul li a { padding: 6px 6px 4px; text-transform: uppercase; font-size: 11px; display: block; border-left: 0px;}
#siteTOContainer .siteTOCmenu ul li a:hover { }


#siteTOContainer .siteTOC1 .siteTOCmenu a.siteTOCheader{background: #1ac3cd; border: 2px solid #1AC3CD;}
#siteTOContainer .siteTOC1 .siteTOCmenu ul li a { color: #1ac3cd; }
#siteTOContainer .siteTOC1 .siteTOCmenu ul li a:hover { background-color: #1ac3cd; color: white}
#siteTOContainer .siteTOC1 .arrow_box { border: 2px solid #1ac3cd; border-right-width: 0px;}
#siteTOContainer .siteTOC1 .arrow_box:hover:after{ border-top-color: #1ac3cd; }
#siteTOContainer .siteTOC1 .arrow_box:last-child { border-right: 2px solid #1ac3cd; }
#siteTOContainer .siteTOC1 .arrow_box:before { border-top-color: #1ac3cd; }
#siteTOContainer .siteTOC1 .arrow_box_border{border: 2px solid #1ac3cd; border-left-width: 0px}

#siteTOContainer .siteTOC2 .siteTOCmenu a.siteTOCheader{background: #1a77cd; border: 2px solid #1a77cd;}
#siteTOContainer .siteTOC2 .siteTOCmenu ul li a { color: #1a77cd; }
#siteTOContainer .siteTOC2 .siteTOCmenu ul li a:hover { background-color: #1a77cd; color: white}
#siteTOContainer .siteTOC2 .arrow_box { border: 2px solid #1a77cd; border-right-width: 0px;}
#siteTOContainer .siteTOC2 .arrow_box:hover:after{ border-top-color: #1a77cd; }
#siteTOContainer .siteTOC2 .arrow_box:last-child { border-right: 2px solid #1a77cd; }
#siteTOContainer .siteTOC2 .arrow_box:before { border-top-color: #1a77cd; }
#siteTOContainer .siteTOC2 .arrow_box_border{border: 2px solid #1a77cd; border-left-width: 0px}

#siteTOContainer .siteTOC3 .siteTOCmenu a.siteTOCheader{background: #cd1a44; border: 2px solid #cd1a44;}
#siteTOContainer .siteTOC3 .siteTOCmenu ul li a { color: #cd1a44; }
#siteTOContainer .siteTOC3 .siteTOCmenu ul li a:hover { background-color: #cd1a44; color: white}
#siteTOContainer .siteTOC3 .arrow_box { border: 2px solid #cd1a44; border-right-width: 0px;}
#siteTOContainer .siteTOC3 .arrow_box:hover:after{ border-top-color: #cd1a44; }
#siteTOContainer .siteTOC3 .arrow_box:last-child { border-right: 2px solid #cd1a44; }
#siteTOContainer .siteTOC3 .arrow_box:before { border-top-color: #cd1a44; }
#siteTOContainer .siteTOC3 .arrow_box_border{border: 2px solid #cd1a44; border-left-width: 0px}

#siteTOContainer .siteTOC4 .siteTOCmenu a.siteTOCheader{background: #7bcd1a; border: 2px solid #7bcd1a;}
#siteTOContainer .siteTOC4 .siteTOCmenu ul li a { color: #7bcd1a; }
#siteTOContainer .siteTOC4 .siteTOCmenu ul li a:hover { background-color: #7bcd1a; color: white}
#siteTOContainer .siteTOC4 .arrow_box { border: 2px solid #7bcd1a; border-right-width: 0px;}
#siteTOContainer .siteTOC4 .arrow_box:hover:after{ border-top-color: #7bcd1a; }
#siteTOContainer .siteTOC4 .arrow_box:last-child { border-right: 2px solid #7bcd1a; }
#siteTOContainer .siteTOC4 .arrow_box:before { border-top-color: #7bcd1a; }
#siteTOContainer .siteTOC4 .arrow_box_border{border: 2px solid #7bcd1a; border-left-width: 0px}

#siteTOContainer .siteTOC5 .siteTOCmenu a.siteTOCheader{background: #b61acd; border: 2px solid #b61acd;}
#siteTOContainer .siteTOC5 .siteTOCmenu ul li a { color: #b61acd; }
#siteTOContainer .siteTOC5 .siteTOCmenu ul li a:hover { background-color: #b61acd; color: white}
#siteTOContainer .siteTOC5 .arrow_box { border: 2px solid #b61acd; border-right-width: 0px;}
#siteTOContainer .siteTOC5 .arrow_box:hover:after{ border-top-color: #b61acd; }
#siteTOContainer .siteTOC5 .arrow_box:last-child { border-right: 2px solid #b61acd; }
#siteTOContainer .siteTOC5 .arrow_box:before { border-top-color: #b61acd; }
#siteTOContainer .siteTOC5 .arrow_box_border{border: 2px solid #b61acd; border-left-width: 0px}

#siteTOContainer .siteTOC6 .siteTOCmenu a.siteTOCheader{background: #ff781e; border: 2px solid #ff781e;}
#siteTOContainer .siteTOC6 .siteTOCmenu ul li a { color: #ff781e; }
#siteTOContainer .siteTOC6 .siteTOCmenu ul li a:hover { background-color: #ff781e; color: white}
#siteTOContainer .siteTOC6 .arrow_box { border: 2px solid #ff781e; border-right-width: 0px;}
#siteTOContainer .siteTOC6 .arrow_box:hover:after{ border-top-color: #ff781e; }
#siteTOContainer .siteTOC6 .arrow_box:last-child { border-right: 2px solid #ff781e; }
#siteTOContainer .siteTOC6 .arrow_box:before { border-top-color: #ff781e; }
#siteTOContainer .siteTOC6 .arrow_box_border{border: 2px solid #ff781e; border-left-width: 0px}



#siteTOContainer .siteTOCimage {height: 315px; overflow: hidden}
#siteTOContainer .siteTOCimage img{ width: auto;margin: 0 auto;position: absolute;top: 0;left: 50%;margin-left: -360px; }

#siteTOContainer .siteTOC5 .siteTOCimage, #siteTOContainer .siteTOC6 .siteTOCimage {height: 205px; overflow: hidden}

#siteTOContainer .siteTOCsubmenu { position: relative; float: right; bottom: -260px; }
#siteTOContainer .siteTOC5 .siteTOCsubmenu, #siteTOContainer .siteTOC6 .siteTOCsubmenu { bottom: -150px !important; }
#siteTOContainer .siteTOCsubmenu ul {}
#siteTOContainer .siteTOCsubmenu ul li.copyContainer{ padding: 6px 8px; text-align: left; background: #FFF; float: left; height: 43px; width: 430px; }
#siteTOContainer .siteTOCsubmenu ul li.copyContainer div {float:left;padding-right: 5px; height: 50px; width: 75%}
#siteTOContainer .siteTOCsubmenu ul li.copyContainer h3{ font-size: 93%;font-family: "DIN Next W01 Bold", helvetica, arial, sans-serif;text-transform: uppercase; }
#siteTOContainer .siteTOCsubmenu ul li.copyContainer p{ font-size: 12px;width: 100%;float: left; }
#siteTOContainer .siteTOCsubmenu ul li.copyContainer h2{ width: 22%;float: left; padding-top: 10px }
#siteTOContainer .siteTOCsubmenu ul li.copyContainer h2 p{ width: 100% !important; font-size: 10px; }
#siteTOContainer .siteTOCsubmenu ul li.copyContainer h2 p span{ color: red !important; background: transparent !important; display: inline !important; }
#siteTOContainer .siteTOCsubmenu ul li.copyContainer h2 div{ width: inherit !important; height: auto !important; }
@media screen and (max-width: 1511px) {

    #siteTOContainer .siteTOCmenu ul li a { padding: 6px 6px 4px; text-transform: uppercase; font-size: 11px; display: block; border-left: 0px;}
  #siteTOContainer .siteTOCmenu ul li { display:inline-block; text-align: center; min-width: 69px !important; }
    #siteTOContainer .siteTOCsubmenu { position: relative; float: right; bottom: -260px; }
    #siteTOContainer .siteTOC5 .siteTOCsubmenu, #siteTOContainer .siteTOC6 .siteTOCsubmenu { bottom: -150px !important; }
    #siteTOContainer .siteTOCsubmenu ul {}
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer{ padding: 6px 8px; text-align: left; background: #FFF; float: left; height: 43px; width: 367px; }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer div {float:left;padding-right: 5px; height: 50px; width: 75%}
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer h3{ font-size: 93%;font-family: "DIN Next W01 Bold", helvetica, arial, sans-serif;text-transform: uppercase; }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer p{ font-size: 12px;width: 100%;float: left; }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer h2{ width: 22%;float: left; padding-top: 10px }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer h2 p{ width: 100% !important; font-size: 10px; }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer h2 p span{ color: red !important; background: transparent !important; display: inline !important; }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer h2 div{ width: inherit !important; height: auto !important; }

    #siteTOContainer .siteTOCsubmenu ul li a {color: #FFF;text-transform: uppercase;font-size: 12px;padding: 22px 6px 8px;text-align: center;height: 25px;display: block;width: 45px;}
    #siteTOContainer .siteTOCsubmenu ul li a.women {background: #ff656f;}
    #siteTOContainer .siteTOCsubmenu ul li a.men {background: #1a4067;}
    #siteTOContainer .siteTOCsubmenu ul li a.girls {background: #eb64a5;}
    #siteTOContainer .siteTOCsubmenu ul li a.boys, #siteTOContainer .siteTOCsubmenu ul li a.kids {background: #4ca9f4;}
    #siteTOContainer .siteTOCsubmenu ul li a.baby {background: #90c304;}
}

@media screen and (max-width: 1007px) {

    #siteTOContainer .siteTOCmenu ul li a { padding: 6px 6px 4px; text-transform: uppercase; font-size: 10px; display: block; border-left: 0px;}
  #siteTOContainer .siteTOCmenu ul li { display:inline-block; text-align: center; min-width: 61px !important; }
    #siteTOContainer .siteTOCsubmenu { position: relative; float: right; bottom: -260px; }
    #siteTOContainer .siteTOC5 .siteTOCsubmenu, #siteTOContainer .siteTOC6 .siteTOCsubmenu { bottom: -150px !important; }
    #siteTOContainer .siteTOCsubmenu ul {}
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer{ padding: 6px 8px; text-align: left; background: #FFF; float: left; height: 43px; width: 417px; }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer div {float:left;padding-right: 5px; height: 50px; width: 80%}
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer h3{ font-size: 93%;font-family: "DIN Next W01 Bold", helvetica, arial, sans-serif;text-transform: uppercase; }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer p{ font-size: 12px;width: 100%;float: left; }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer h2{ width: 70px;float: left; padding-top: 10px }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer h2 p{ width: 100% !important; font-size: 10px; }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer h2 p span{ color: red !important; background: transparent !important; display: inline !important; }
    #siteTOContainer .siteTOCsubmenu ul li.copyContainer h2 div{ width: inherit !important; height: auto !important; }

    #siteTOContainer .siteTOCsubmenu ul li.submenu{display: inline-block;position: relative;bottom: 90px;left: 62%;}

    #siteTOContainer .siteTOCsubmenu ul li a { color: #FFF; text-transform: uppercase; font-size: 12px; padding: 22px 6px 8px; text-align: center; height: 5px !important; display: block; width: 40px; overflow: hidden !important; }
    #siteTOContainer .siteTOCsubmenu ul li a.women {background: #ff656f;}
    #siteTOContainer .siteTOCsubmenu ul li a.men {background: #1a4067;}
    #siteTOContainer .siteTOCsubmenu ul li a.girls {background: #eb64a5;}
    #siteTOContainer .siteTOCsubmenu ul li a.boys, #siteTOContainer .siteTOCsubmenu ul li a.kids {background: #4ca9f4;}
    #siteTOContainer .siteTOCsubmenu ul li a.baby {background: #90c304;}
}

#siteTOContainer .siteTOCsubmenu ul li { display:inline-block; text-align: center;  }
#siteTOContainer .siteTOCsubmenu ul li a {color: #FFF;text-transform: uppercase;font-size: 12px;padding: 22px 6px 8px;text-align: center;height: 25px;display: block;width: 45px;}
#siteTOContainer .siteTOCsubmenu ul li a.women {background: #ff656f;}
#siteTOContainer .siteTOCsubmenu ul li a.men {background: #1a4067;}
#siteTOContainer .siteTOCsubmenu ul li a.girls {background: #eb64a5;}
#siteTOContainer .siteTOCsubmenu ul li a.boys, #siteTOContainer .siteTOCsubmenu ul li a.kids {background: #4ca9f4;}
#siteTOContainer .siteTOCsubmenu ul li a.baby {background: #90c304;}


#siteTOContainer .siteTOC1 {}
#siteTOContainer .siteTOC1 .siteTOCselected { background: #1ac3cd; border: 2px solid #1AC3CD;  }
#siteTOContainer .siteTOC1 .siteTOCselected a{ color: white !important }
#siteTOContainer .siteTOC1 .arrow_boxSelected:after { border-top-color: #1AC3CD !important }

#siteTOContainer .siteTOC2 {}
#siteTOContainer .siteTOC2 .siteTOCselected { background: #1a77cd; border: 2px solid #1a77cd; }
#siteTOContainer .siteTOC2 .siteTOCselected a{ color: white !important;  }
#siteTOContainer .siteTOC2 .arrow_boxSelected:after { border-top-color: #1a77cd !important }

#siteTOContainer .siteTOC3 {}
#siteTOContainer .siteTOC3 .siteTOCselected { background: #cd1a44 !important; border: 2px solid #cd1a44;  }
#siteTOContainer .siteTOC3 .siteTOCselected a{ color: white !important; }
#siteTOContainer .siteTOC3 .arrow_boxSelected:after { border-top-color: #cd1a44 !important }

#siteTOContainer .siteTOC4 {}
#siteTOContainer .siteTOC4 .siteTOCselected { background: #7bcd1a; border: 2px solid #7bcd1a; }
#siteTOContainer .siteTOC4 .siteTOCselected a{  color: white !important; }
#siteTOContainer .siteTOC4 .arrow_boxSelected:after { border-top-color: #7bcd1a !important }

#siteTOContainer .siteTOC5 {}
#siteTOContainer .siteTOC5 .siteTOCselected { background: #b61acd; border: 2px solid #b61acd; }
#siteTOContainer .siteTOC5 .siteTOCselected a{ color: white !important; }
#siteTOContainer .siteTOC5 .arrow_boxSelected:after { border-top-color: #b61acd !important }

#siteTOContainer .siteTOC6 {}
#siteTOContainer .siteTOC6 .siteTOCselected { background: #ff781e; border: 2px solid #ff781e;  }
#siteTOContainer .siteTOC6 .siteTOCselected a{ color: white !important; }
#siteTOContainer .siteTOC6 .arrow_boxSelected:after { border-top-color: #ff781e !important }




#siteTOContainer .siteTOCsubmenu ul li a.women .chevron:after {border-top-color: #ff656f;}
#siteTOContainer .siteTOCsubmenu ul li a.men .chevron:after {border-top-color: #1a4067;}
#siteTOContainer .siteTOCsubmenu ul li a.girls .chevron:after {border-top-color: #eb64a5;}
#siteTOContainer .siteTOCsubmenu ul li a.boys .chevron:after, #siteTOContainer .siteTOCsubmenu ul li a.kids .chevron:after {border-top-color: #4ca9f4;}
#siteTOContainer .siteTOCsubmenu ul li a.baby .chevron:after {border-top-color: #90c304;}




     ul.aboveTOCnav li{ display: inline-block;  height: 40px; width: 33.33%; text-align: center; }
     ul.aboveTOCnav li a{ display: block; margin: 0 2px; background: red; color: white; width: auto; height: 24px; font-size: 15px; padding-top: 12px;}
     ul.aboveTOCnav li a:hover{ text-decoration: underline }
     div.tocMenu{z-index: 98; height: 30px; width: 100%; display: none;}
     a.tocMenu{width: 20%; color: white; display: block; float: left; font-size: 14px; font-weight: bold; height: 15px; margin: 0px 2px; padding: 5px 3px; text-align: center; background: red;}


/************* TOCs 5-10 *******************/