@charset "utf-8";
/* Dropdown menu styles taken from Stage */

@media screen and (max-width: 895px), screen and (max-device-width: 1280px) and (orientation:portrait){

/*.col{float:left;padding:0 0 0 30px} .w-25{width:25%} .w-75{width:75%}*/
.row .row{width:auto;margin:0;}
.w-75{}
/*=== Belt ===*/
.belt:before, .belt:after {content:" ";display:table;} 
.belt:after {clear:both} 
.belt,.lt-ie8 {zoom:1} 
.belt{margin:0 auto; width:100%; padding:0 10px;}
.belt-alt{padding:0 15px}

/*=== Mod Nav ===*/
.mod-nav {margin: 0 0 17px; position: /*inherit*/ relative;}


/*=== Logo ===*/
.mod-nav .logo {background-color: #B50000; background-image: -moz-linear-gradient(center bottom , #B70000 0%, #E50000 100%); box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75); display: block; height: 44px; left: 15px; position: absolute; text-align: center; top: 0; width: 50px;}
.mod-nav .logo img {margin-top: 5px; width: 35px;}
a .logo img {border: medium none;}
a, .link-big, .link-arrow, .link-body {color: #333333; cursor: pointer; text-decoration: none;}

.nav-primary{/*-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.55);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.55);box-shadow:0 1px 3px rgba(0,0,0,0.55);background-image:-webkit-gradient(linear,50% 100%,50% 0%,color-stop(0%,#af0000),color-stop(100%,#e60000));background-image:-webkit-linear-gradient(bottom,#af0000 0%,#e60000 100%);background-image:-moz-linear-gradient(bottom,#af0000 0%,#e60000 100%);background-image:-o-linear-gradient(bottom,#af0000 0%,#e60000 100%);background-image:linear-gradient(bottom,#af0000 0%,#e60000 100%);position:relative;margin:0;background-color:#ca0000*/} .nav-primary .col{padding:0}

/*=== Nav Mobile ===*/
.nav-mobile {background-image: -moz-linear-gradient(center bottom , #F7F7F7 0%, #FFFFFF 50%, #FFFFFF 100%); border-bottom: 2px solid #B50000; height: 44px; padding: 0 10px;}
/*ol, ul {list-style: none outside none;}*/
/*.nav-mobile li {float: right; height: 44px; padding: 7px 0;}
.nav-mobile li a.nav-active {background-color: #616161; background-image: -moz-linear-gradient(center bottom , #FFFFFF 0%, #F2F2F2 100%); border: 1px solid #787878; border-radius: 4px 4px 4px 4px; margin: -5px 0 -5px -1px; padding: 8px; z-index: 10;}*/
.js .nav-active {display: block; !important;}
/*.nav-mobile a {position: relative; padding: 0 9px 0 0;}*/
.nav-mobile i {vertical-align: middle;}
.i-menu {background: url("images/icon/menu.png") no-repeat scroll 0 0 / 30px 23px transparent; height: 23px; width: 30px;padding-bottom:34px;}
i {display: inline-block;}
.i-arrow-right-lrg {background: url("images/icon/nav-arrow-right-lrg.png") no-repeat scroll 0 0 / 8px 12px transparent; height: 12px; width: 8px;}
.access {left: -9999em; position: absolute;}

.nav-mobile a{border-right:1px solid #ccc;display:block;padding:0 10px;position:relative} .nav-mobile li{padding:10px 0;height:44px;float:right} .nav-mobile li:first-child a{border-right-color:transparent;list-style:none;} .nav-mobile li a.nav-active{margin:-5px 0 -5px -1px;padding-top:4px;padding-bottom:4px;border:1px solid #787878;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;background-color:#616161;background-image:-webkit-gradient(linear,50% 100%,50% 0%,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));background-image:-webkit-linear-gradient(bottom,#ffffff 0%,#f2f2f2 100%);background-image:-moz-linear-gradient(bottom,#ffffff 0%,#f2f2f2 100%);background-image:-o-linear-gradient(bottom,#ffffff 0%,#f2f2f2 100%);background-image:linear-gradient(bottom,#ffffff 0%,#f2f2f2 100%);z-index:10}

/*=== Nav Base ===*/
.nav-base {border-bottom: 2px solid #B50000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); position: absolute; top: 100%; width: 100%; z-index: 1000;float:left;}

.nav-base{position:absolute;width:100%;top:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.75);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.75);box-shadow:0 1px 2px rgba(0,0,0,0.75);z-index:1000}
.nav-menu a .nav-base{position:relative;top:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

a, .link, .link-big, .link-arrow, .link-body {
    cursor: pointer;
    text-decoration: none;
}



.js .nav-menu, .js .nav-search, .js .nav-content {outline: medium none;}
.nav-menu {background-color: #F3F3F3; margin: 0; padding: 0;}
.nav-menu li:first-child {border-top: 0 none;}
.nav-menu li {border-bottom: 1px solid #CACACA; margin: 0; padding: 0;}
.nav-menu a {display: block; font: 400 21px/1.176 "VodafoneBold"; padding: 15px; position: relative;}
.nav-menu .i-arrow-right-lrg {position: absolute; right: 12px; top: 21px;}

/*=== Icons ===*/
.nav-menu a .icon-wrap {margin-left: 0; margin-top: -1px; width: 30px;}
.icon-wrap {float: left; text-align: center;}
.i-shopping-sml {background: url("images/icon/shopping-sml.png") no-repeat scroll 0 0 / 20px 25px transparent; height: 25px; width: 20px;}

/*=== Close button ===*/
/*.nav-close-sml {background: none repeat scroll 0 0 #FFFFFF; color: #656565; font-size: 18px; padding: 10px; text-align: center;}*/
.nav-close-sml{display:none;background:#fff;padding:10px;text-align:center;color:#656565 !important;font-size:18px}
.js .nav-close-sml{display:none}
.nav-close i {margin: 0 0 2px 2px;}
.i-arrow-up-grey {background: url("images/icon/arrow-up-grey.png") no-repeat scroll 0 0 / 13px 8px transparent; height: 8px; width: 13px;}
.i-arrow-down-grey {background: url("images/icon/arrow-down-grey.png") no-repeat scroll 0 0 / 13px 8px transparent; height: 8px; width: 13px;}
.i-close{background:url(images/icon/nav-close.png) no-repeat;background-size:17px 12px;height:12px;width:17px}
.nav-close i{margin:0 0 2px 2px} 
.nav-close{background: none repeat scroll 0 0 #FFFFFF;
    color: #656565 !important;
    display: none;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    display:none;
}

.nav-menu .nav-close {font-family: Arial,Helvetica,sans-serif;font-size:18px;padding:11px 10px 12px 10px;}

/*.only-sml{display:none!important}*/

.nav-menu a.nav-active{color:#000;background-color:#f9f9f9;background-image:-webkit-gradient(linear,50% 100%,50% 0%,color-stop(0%,#f9f9f9),color-stop(100%,#e8e8e8));background-image:-webkit-linear-gradient(bottom,#f9f9f9 0%,#e8e8e8 100%);background-image:-moz-linear-gradient(bottom,#f9f9f9 0%,#e8e8e8 100%);background-image:-o-linear-gradient(bottom,#f9f9f9 0%,#e8e8e8 100%);background-image:linear-gradient(bottom,#f9f9f9 0%,#e8e8e8 100%);-webkit-box-shadow:inset 3px 4px 4px -3px rgba(0,0,0,0.4);-moz-box-shadow:inset 3px 4px 4px -3px rgba(0,0,0,0.4);box-shadow:inset 3px 4px 4px -3px rgba(0,0,0,0.4);border-right-color:transparent; z-index:1010;border-bottom:1px solid #f9f9f9;margin-bottom:-1px} .nav-menu a.nav-active .i-arrow-down-alt{display:none} .nav-menu a.nav-active .i-arrow-up-sml{display:block}

.nav-mobile li a.nav-active{margin:-5px 0 -5px -1px;border:1px solid #787878;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;background-color:#616161;background-image:-webkit-gradient(linear,50% 100%,50% 0%,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));background-image:-webkit-linear-gradient(bottom,#ffffff 0%,#f2f2f2 100%);background-image:-moz-linear-gradient(bottom,#ffffff 0%,#f2f2f2 100%);background-image:-o-linear-gradient(bottom,#ffffff 0%,#f2f2f2 100%);background-image:linear-gradient(bottom,#ffffff 0%,#f2f2f2 100%);z-index:10}

.nav-mobile .count{position:absolute;top:-2px;left:0;text-align:center;padding-left:4px;width:100%;color:#656565;font-size:11px;font-weight:700}