/* IE 8 styles only */

@media \0screen {

/* Footer */
    #footer {background:#2d2d2d; margin:0; padding:0;}
    #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 {display: table-row;}
    #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:VMUltramagneticBoldRegular; 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-mobiletopbar { background: #2d2d2d; width:100%; height: 60px; position: relative; }
    .vmcheader-mobiletopbar .logo { width: 85px; padding-left: 9px; padding-top: 9px;}
    .toggle-menu {display:block;}

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

    .vmcheader { background: #2d2d2d; width:100%; height: 60px; position: relative; display: block;}
    .vmcheader .vmcheader-content { width: 965px; margin: 0 auto; }
    .vmcheader .logo {float: left; margin-top:9px; margin-right: 57px; width:85px;}

    /* top left first level */
    .vmcheader .vmcmenumain { float: left; margin:0; height: 46px; }


/* End of Header */

.vmcheader > * > ul > li.has-subnav:hover ul.subnav {display: block; z-index: 100;}
.vmcheader > .vmcmenumain > li.has-subnav:hover ul.subnav:hover {display: block; z-index: 100;}
.vmcheader > * > ul > li.pinned ul { display:block; z-index: 100}

/* top left first level */
    .vmcheader .vmcmenumain > li { float: left; padding:20px 19px 0; height: 46px; }
    .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.currentprovince { }
    .vmcheader .vmcmenusup > li.currentprovince > a { color: #34a8d6; font-family: Arial,Helvetica,sans-serif; font-weight: bold;}
    .vmcheader .vmcmenusup > li.cart span { padding-left: 2px; } */

    .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 { display:block; z-index:30; 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: 40; height:100%;}
    .vmcheader .vmcmenumain li:not(.nonextlevel):hover > * > li > a {background: none;}
    .vmcheader > * > ul > li > ul { background:none repeat scroll 0 0 #eaeaea; color: #333; position:absolute; top:60px; left: 0px; width:100%; display:none;}
    .vmcheader > * > ul > li > ul > 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; }
    .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 .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;}
    .vmcheader > * > ul > li > ul > li > ul > li {padding-top: 7px;}
    .vmcheader > * > ul > li > ul > li > ul > li p {margin-bottom: 0.8em;}
    .vmcheader > * > ul > li > ul > li > ul > li p a {margin-bottom: 1.8em;}

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




}