
/* Footer */
    #footer {background:#2d2d2d; margin:0; padding:0;}
    #footer a:hover, #footer a:focus {text-decoration: none !important;}
    #footer .connectAnyWhere {background:#191919; padding:8px 0;margin-bottom:25px;}
    #footer .connectAnyWhere ul.socialLinks {margin:0; padding:0; float:none;}
    #footer .connectAnyWhere ul.socialLinks li {list-style-type:none; padding:0; margin-bottom:0; color:#fff;}
    #footer .connectAnyWhere ul.socialLinks li a {padding:0 1px;}
    #footer .connectAnyWhere ul.socialLinks li span {padding:0 0.7em 0 0;text-transform:uppercase; font-family:VMUltramagneticBoldRegular; font-weight: normal !important; }

    #footer .contents .contentContainer .col1, #footer .contents .contentContainer .col2, #footer .contents .contentContainer .col3, #footer .contents .contentContainer .col4 {float:left;}
    #footer .contents .contentContainer .col1 {width:21.4em;}
    #footer .contents .contentContainer .col2, #footer .contents .contentContainer .col3 {width:14.2em; margin-left:2.1em;}
    #footer .contents .contentContainer .col4 {width:11em; margin-left:2.1em;}

    #footer ul {float:left; margin-right:0; margin-top:0;}
    #footer .contents .contentContainer ul li a:hover {color:#999;}
    #footer .contents .contentContainer ul li {margin-bottom:10px;}
    #footer .contents .contentContainer .col1 ul li a {text-transform:uppercase; font-family:VMUltramagneticNormalRegular; font-weight: normal !important; color:#fff;}
    #footer .contents .contentContainer .col2 ul li a, #footer .contents .contentContainer .col3 ul li a, #footer .contents .contentContainer .col4 ul li a {display:block; color:#cbcbcb;}
    #footer .contents .contentContainer .col1 ul li a img, #footer .connectAnyWhere ul.socialLinks li a img {margin-right: 10px; vertical-align: middle;}
    #footer .contents .contentContainer .col1 ul li {margin-bottom:20px;}

    #footer .contents .contentContainer .col2 ul li h4 a, #footer .contents .contentContainer .col3 ul li h4 a, #footer .contents .contentContainer .col4 ul li h4 a {display:block; color:#fff;}
    #footer .contents .contentContainer .col2 ul li h4 a:hover, #footer .contents .contentContainer .col3 ul li h4 a:hover, #footer .contents .contentContainer .col4 ul li h4 a:hover {color:#fff; color:#bfbfbf;}

    #footer .contents .contentContainer ul.bottom-links {border-top: 1px solid #404040; color: #999; padding-top:15px; margin-top:30px;}
    #footer .contents .contentContainer ul.bottom-links li {float: left; margin-right:1.1em;}
    #footer .contents .contentContainer ul.bottom-links a {color: #999;}
    #footer .contents .contentContainer ul.bottom-links a:hover {color: #cbcbcb;}
/* Footer */

/* Header */
    .vmcheader * {box-sizing: content-box !important;}
    .vmcheader *:before {box-sizing: content-box !important;}
    .vmcheader *:after {box-sizing: content-box !important;}
    .vmcheader a:hover, .vmcheader a:focus {text-decoration: none !important;}
    .vmcheader-mobiletopbar { background: #2d2d2d; width:100%; height: 60px; position: relative; }
    .vmcheader-mobiletopbar .logo { width: 85px; padding-left: 9px; padding-top: 9px; box-sizing: unset;}
    .toggle-menu {display:block;}

    #master-container { position: relative; height: 100%; }

    .vmcheader { background: #2d2d2d; width:100%; height: 60px; position: relative; display: block;}
    .vmcheader .logo {float: left; margin-top:9px; margin-right: 45px; width:85px;}
    .vmcheader .contents {position: static !important; width: 100% !important; overflow: visible;}
    /* top left first level */
    .vmcheader .vmcmenumain { float: left; margin:0; height: 46px; }


/* End of Header */

/* fix for want button */

#volevo_balloon {z-index: 200;}


@media screen and (min-width:1024px) {
    /* top left first level */
    .vmcheader .vmcmenumain > li { float: left; padding:20px 19px 0; height: 46px; box-sizing: unset !important;}
    .fr .vmcheader .vmcmenumain > li {padding: 20px 13px 0;}
    .vmcheader .vmcmenumain > li > a {font-family: VMUltramagneticNormalRegular; font-weight: normal !important; color: #fff; font-size: 16px; padding-right: 1px; text-decoration: none; text-transform: uppercase; display:block;}
    .vmcheader .vmcmenumain > li:hover > a {color: #34a8d6;}

    /* top right first level */
    .vmcheader .vmcmenusup { float:right; margin:0; height: 44px; }
    .vmcheader .vmcmenusup > li { float: left; border-right: 1px solid #414141; width:60px; text-align:center; height: 100%; padding-top: 16px;}
    .vmcheader .vmcmenusup > li:first-child {border-left: 1px solid #414141;}
    .vmcheader .vmcmenusup > li > a {font-family: VMUltramagneticNormalRegular; font-weight: normal; color: #fff; padding-right: 1px; text-decoration: none; text-transform: uppercase; display:block; padding-top: 6px;}
    .vmcheader .vmcmenusup > li:hover > a {color: #34a8d6;}
    .vmcheader .vmcmenusup > li.cart > img {margin-right: 5px;}
    .vmcheader .vmcmenusup > li.cart > a {font-family: Arial,Helvetica,sans-serif; font-weight: bold;}
    .vmcheader .vmcmenusup > li.language > a {font-family: Arial,Helvetica,sans-serif; font-weight: bold;}
    .vmcheader .vmcmenusup > li.storelocator .icon {background: url("/assets/icons/header-find-store-combined.png") no-repeat 0 0; height: 16px; width: 10px; display: block; margin: 0 auto;}
    .vmcheader .vmcmenusup > li.storelocator:hover .icon {background-position: 0 -17px;}
    .vmcheader .vmcmenusup > li.currentprovince { }
    .vmcheader .vmcmenusup > li.currentprovince > a { color: #34a8d6; font-family: Arial,Helvetica,sans-serif; font-weight: bold;}
    .vmcheader .vmcmenusup > li.search .icon {background: url("/assets/icons/search-button-combined.png") no-repeat 0 0; height: 16px; width: 15px; display: block; margin: 0 auto;}
    .vmcheader .vmcmenusup > li.search:hover .icon {background-position: 0 -16px;}
    .vmcheader .vmcmenusup > li.cart span { padding-left: 2px; }
    .vmcheader .vmcmenusup > li.myaccount .icon {background: url("/assets/icons/member_top_nav-combined.png") no-repeat 0 0; height: 16px; width: 14px; display: block; margin: 0 auto;}
    .vmcheader .vmcmenusup > li.myaccount:hover .icon {background-position: 0 -16px;}

    /* second level */
    .vmcheader .vmcmenumain > li:not(.nonextlevel):hover > ul, .vmcheader ul > li.pinned > ul.subnav { display:block; z-index:100; padding:5px 0px 10px;}
    .vmcheader .vmcmenumain li:not(.nonextlevel):hover > a, .vmcheader ul > li.pinned > a { background:url("/assets/icons/down-arrow.png") no-repeat center bottom; position: relative; z-index: 110; height:100%;}
    .vmcheader .vmcmenumain li:not(.nonextlevel):hover > * > li > a {background: none;}
    .vmcheader ul > li > ul.subnav { background:none repeat scroll 0 0 #eaeaea; color: #333; position:absolute; top:60px; left: 0px; width:100%; display:none;}
    .vmcheader ul > li > ul.subnav > li {display: block; margin-left: 16px; padding:7px 1px 14px; float: left; font-weight: normal !important; font-size: 14px; text-decoration: none; text-align: left; box-sizing: unset;}
    .vmcheader .subhead {font-size: 16px; font-family: VMUltramagneticNormalRegular; text-transform: uppercase;}
    .vmcheader ul > li > ul > li a {color: #333;}
    .vmcheader ul > li > ul > li a:hover {color: #257fa3;}
    .vmcheader .vmcmenumain > li > ul > li {width: 230px; }
    .vmcheader .vmcmenumain > li > ul.fourcolumn > li {width: 170px;}
    .vmcheader .vmcmenumain > li > ul.fourcolumn > li:first-child {width: 250px;}
    .vmcheader .vmcmenumain > li > ul.fivecolumn > li {width: 140px;}
    .vmcheader .vmcmenumain > li > ul.fivecolumn > li:first-child {width: 150px;}
    .fr .vmcheader .vmcmenumain > li > ul.fivecolumn > li:first-child {width: 200px;}
    .vmcheader .vmcmenusup > li > ul {width: 100%;}
    .vmcheader .searchSub { min-width: 700px;}
    .vmcheader .searchLabel { height: 30px; float: left; display: block; margin-top:15px; font-size: 16px;}
    .vmcheader .searchContainer { position: relative; background: none repeat scroll 0 0 #fff; border: 1px solid #dedede; height: 35px; width: 601px; display:block;  float: left; margin: 7px 0 0px 8px;}

    #searchField { position: relative; top: 2px; border: medium none; box-sizing: border-box; display: inline; height: 25px; line-height: 23px; margin: 2px 0 0; padding: 0 5px; width: 94%; outline: none;}
    .searchsubmit {box-sizing: border-box; display: inline; position: absolute; bottom: 3px;}
    .vmcheader .search,  .vmcheader .provinces > span {margin-bottom: 10px; display: block;}
    .vmcheader .search .searchLabel,  .vmcheader .provinces > span {font-size: 16px; font-family: VMUltramagneticNormalRegular; text-transform: uppercase; text-align: left; }
    .vmcheader .provinces > ul > li {width: 245px; float: left; background: url("/assets/images/bl_selector.png") no-repeat scroll 5px -25px transparent;}
    .vmcheader .provinces > ul > li.selected { background:url("/assets/images/bl_selector.png") 5px 3px no-repeat transparent; }
    .vmcheader .provinces > ul > li > a { padding-left:30px; }
    .vmcheader .provinces li:nth-child(3n + 1) { clear: left;  }
    .vmcheader .cta {text-transform: none; color: #2390B8; font-size: 14px; display: block; margin-bottom: 20px; font-family: Arial,Helvetica,sans-serif;}


    /* third level */
    .vmcheader .icons li { float: left; text-align: center; text-transform: none; vertical-align: middle; margin-top: 15px; padding-top:8px; padding-bottom: 8px; padding-right: 13px;}
    .vmcheader .icons li:not(:first-child) { border-left: 1px solid #d6d6d6; padding-left: 13px;}
    .vmcheader .icons li img {display: block; margin: 0 auto 10px;}
    .vmcheader .icons li img + br {display: none;}
    .vmcheader .hot-offers {background: url("/assets/icons/ho-red-flame-small.png") no-repeat scroll 70px 3px / auto 19px transparent;}
    .fr .vmcheader .hot-offers {background-position: 92px 3px;}
    .vmcheader ul > li > ul.subnav > li > ul > li {padding-top: 7px;}
    .vmcheader ul > li > ul.subnav > li > ul > li p {margin-bottom: 0.8em;}
    .vmcheader ul > li > ul.subnav > li > ul > li p a {margin-bottom: 1.8em;}

    .vmcheader .icons li:last-child {display: none;}

    /* general */
    .hide-on-wide { display: none !important; }
    .show-on-wide { display: block !important; }
}


@media screen and (max-width:1023px) {
    /****** narrow view ******/
    body.menu-visible { overflow-y: hidden; }
    #master-container { right:0; }
    .menu-visible #master-container { position: fixed; display:block; }
    .vmcheader .contents > a {display: block; height: 100%; }
    .vmcheader { background: #eaeaea; width:80%; height: 100%; position: fixed; top: 0px; right:0px; z-index: 1000; display:none; }
        .fr .vmcheader {width: 80%;}
    .vmcheader .contents { width: 100%; margin: 0 auto; }
    .vmcheader .logo {margin: 10px 0 7px 1%; float: none;}


    /* top right first level */
    .vmcheader .vmcmenumain { overflow:auto; float:none; height: 100%; -webkit-overflow-scrolling:touch; }
    .vmcheader .vmcmenumain > li {border-bottom: 1px solid #d6d6d6; background: url("/assets/icons/right-menu-plus.png") no-repeat scroll 90% 16px rgba(0, 0, 0, 0);}
    .vmcheader .vmcmenumain > li.m-expanded {background: url("/assets/icons/right-menu-minus.png") no-repeat scroll 90% 16px rgba(0, 0, 0, 0);}
    .vmcheader .vmcmenumain > li:first-child {border-top: 1px solid #d6d6d6;}
    .vmcheader .vmcmenumain > li > a {color: #333; display: block; font-family: VMUltramagneticNormalRegular; font-size: 1.35em; font-weight: normal; padding: 10px 15px; text-transform: uppercase; outline:0; outline:none;}
    .vmcheader .vmcmenumain > li:hover > a {/*color: #34a8d6; */}

    /* bottom right first level */
    .vmcheader .vmcmenusup { position:absolute; bottom:0px; width:100%; height: 100px; background: #eaeaea;}
    .vmcheader .vmcmenusup.expanded { height: 200px; }
    .vmcheader .vmcmenusup > li { float: left; width:34%; text-align:center; border-top: 1px solid #d6d6d6;}
    .vmcheader .vmcmenusup > li:not(:nth-child(3n)) {width: 33%}
    .vmcheader .vmcmenusup > li:not(:nth-child(3n)) a {border-right: 1px solid #d6d6d6;}
    .vmcheader .vmcmenusup > li > a {font-weight: bold; color: #333; font-size: 1.35em; text-decoration: none; outline:none; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; display:block;}
    .vmcheader .vmcmenusup > li:hover > a {color: #34a8d6;}
    .vmcheader .vmcmenusup > li.abbrev {cursor: pointer;}
    .vmcheader .vmcmenusup > li.currentprovince {background: url("/assets/images/abbrev-clear-normal.png") no-repeat scroll 58px 16px transparent; }
    .vmcheader .vmcmenusup > li.currentprovince > a { color: #34a8d6; }
    .vmcheader .vmcmenusup > li.cart span { padding-left: 2px; }

    /* second level */
    .vmcmenusup > li > ul { position:fixed; bottom:0px; right: 0px; width:80%; height: 100px; display: none; }
        .fr .vmcmenusup > li > ul {width: 80%;}
    .vmcmenusup > li.m-expanded > ul { display:block; }
    .vmcheader ul > li > ul { background:none repeat scroll 0 0 #eaeaea; color: #333;  display: none; border-top: 1px solid #d6d6d6;}
    .vmcheader ul > li > ul > li { margin-left: 16px; padding:7px 16px 7px; font-weight: normal !important; padding-right: 1px; text-decoration: none; }
    .vmcheader ul > li > ul > li > a {font-weight: bold;}
    .vmcheader ul > li > ul > li a {color: #333; height: 100%; display: block; padding: 5px 0 5px 0;}
    .vmcheader ul > li > ul > li a:hover {color: #2882a5;}
    .vmcheader ul > li > ul > li .subhead, .vmcheader ul > li > ul > li .subhead a {font-weight: bold;}

    /* third level */
    .vmcheader .icons li { float: left; text-align: center; text-transform: none; width: 80px; vertical-align: middle; margin-top: 15px; padding-top:8px; padding-bottom: 8px;}
    .vmcheader .icons li:not(:first-child) { border-left: 1px solid #d6d6d6; }
    .vmcheader .hot-offers {background: url("/assets/icons/ho-red-flame-small.png") no-repeat scroll 76px 2px / auto 19px transparent;}
    .fr .vmcheader .hot-offers {background-position: 96px 2px;}
    .vmcheader .subnav .list {display: block; border-top: none;}
    .vmcheader .subnav .list li {margin-left: 0; }
    .vmcheader .subnav .list li, .vmcheader .subhead {font-size: 1.1em;}
    .vmcheader .subnav .list li {padding: 5px 0;}
    .vmcheader .subhead {padding: 5px 0; display: block;}
    .vmcheader .subnav .list li a, .vmcheader .subhead a {padding: 0; font-weight: normal;}
    .vmcheader ul > li.provinces > ul {display: block; border-top: none;}

    /* general */
    .hide-on-narrow { display: none !important; }
    .show-on-narrow { display: block !important; }

    .toggle-menu {
        position: absolute;
        z-index:9999;
        height:27px;
        top:33%;
        right:3%;
        outline:none;
        outline:0
    }
    .toggle-menu img{
        outline:none;
        outline:0
    }


    #footer .contents {width:95%; margin:0px auto;}
    #footer .contents .contentContainer .col1, #footer .contents .contentContainer .col2, #footer .contents .contentContainer .col3, #footer .contents .contentContainer .col4 {margin-left:0; width:100%; margin-bottom:5px;}
    #footer ul.bottom-links li {width: 100%;}



/*ul#alwayshown {display: block;}*/
}
@media screen and (max-width:480px) and (orientation: landscape) {
    .vmcheader {width: 50%;}
    .vmcheader .logo {margin: 2% 0 0 2%; width: 30%;}
    .vmcheader .vmcmenusup {height: 70px;}
    .vmcheader-content > a {height: 34px !important;}
    .vmcheader .vmcmenusup > li > a {font-size: 0.7em;}
    .vmcheader .vmcmenumain > li {background-position: 90% 9px; background-size: 6% auto;}
    .vmcheader .vmcmenumain > li.m-expanded {background-position: 90% 5px;}
    .vmcheader .vmcmenumain > li > a {font-size: 0.9em; padding: 3% 3%;}
    .storelocator  img.hide-on-wide, .search img.hide-on-wide, .myaccount img.hide-on-wide {width: 25%;}
    .vmcheader .vmcmenusup.expanded {height: 140px;}
    .vmcheader ul > li > ul > li {padding: 7px 0 7px 0; margin: 0;}
    .vmcheader ul > li > ul > li > ul > li {font-size: 0.7em;}
    .vmcmenusup > li > ul {height: 70px; width: auto;}
    .vmcmenusup > li.m-expanded > ul {width: 50%;}
    .vmcmenusup .search .searchLabel, .vmcmenusup .provinces span {font-size: 0.6em}
    .vmcmenusup .provinces span {width: 80%; display: inline-block;}
    #searchField.search {width: 70%; font-size: 0.6em;}
    .vmcmenusup .searchsubmit {width: 15px;}
    .nonextlevel .header-checkout-button img {width: 12px;}
}

@media screen and (max-width:360px) {
    #footer .connectAnyWhere ul.socialLinks li span {display: block;}
    #footer .connectAnyWhere ul.socialLinks li img {padding: 7px 0 2px 0;}
}