header nav {
    width: 100%;
    float: left;
    background-color: #071a44;
    position: relative;
}


/* ALIGNS THE NAVIGATION ITEMS EQUALLY FROM CENTER */

#menu_container #menu li a.drop {
    text-align: center;
    flex: 0 1 auto;
}

#menu_container #menu {
    list-style: none;
    z-index: 1100;
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0 auto 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

/* END */ 

#menu_container {
	font-size: 12px;
    position:relative;
    z-index:100;
    clear:both;
    width:100%;
    max-width: 1440px;
    height:50px;
    margin:0 auto;
    padding:0 16px;
    background:#071a44;
}

#menu_container #menu {
    position: relative;
}

#menu_container #menu ul {
    margin-top:0;
    padding-top:0;
}

#menu_container #menu > li {
    float:left;
    min-height:50px;
    margin:0px;
    border:none;
    width: 100%;
}

#menu_container #menu > li > div {
    background-color: white;
    border: 1px solid #efefef;
    border-top: none;
    border-radius: 0 0 5px 5px;
    margin: 0px auto;
    padding: 8px 0 0;
    position: absolute;
    top: 50px;
    left: auto;
    z-index: 996;
    display: none;
}

#menu_container #menu > li .navOffer {
    border-radius: 0 0 5px 5px;
}

/*Convert to Javascript*/
/*#menu_container #menu > li:hover > div {
    display: block;
}*/

#menu_container #menu > li > .fullwidth {
    width: 100%;
    left: 0;
}

#menu_container #menu > li > .align_right {
    right: 0;
}

#menu_container #menu li.wide-nav {
    flex-basis: 130%;
}

#menu_container #menu li:hover,#menu_container #menu li:active {
    background: white;
}
	
#menu_container #menu li a { 
	vertical-align: middle;  
	text-align: center;
	font-size: 100%;
	font-weight: normal;
	line-height: 120%;
	color: #FFF;
	outline: 0;
	text-decoration: none;
	padding: 10px 0 16px 0;
	display: grid;
    place-content: center;
    height: 100%;
}

#menu_container #menu li:hover a, #menu_container #menu li a:hover {
    color:#081a43;
}

#menu_container #menu li .drop {
    font-weight: 500;
    padding: 10px 0;
}
	
#menu_container #menu li li {
    background-image: none;
    min-height: 24px;
}

#menu_container #menu li .dropfirst{
	margin:0px auto 0px -1px
	}
	
	
div.navOffer {margin-top:10px;}
	
.navOffer {
    color:#fff;
    text-align:center;
    padding: 10px 0;
}
.navOffer p {padding: 0 !important; margin: 0 !important; color: #fff !important;}
.navOffer p a {padding: 0 !important; margin: 0 !important; color: #fff !important;}
.navOffer p a:hover {text-decoration:underline !important;}

#menu .col_3 a, #menu .col_2 a  {color: #666; display: block !important; padding:5px !important; }
#menu .col_3 li a, #menu .col_2 li a {margin:0px !important; text-align:left !important; }
#menu .col_3 li a:hover, #menu .col_2 li a:hover {background:#EAEAEA !important;}
#menu .col_3 li.header, #menu .col_2 li.header {margin:0 0 5px 0 !important;}
#menu .col_3 li.header a, #menu .col_2 li.header a {font-weight:bold !important; font-size:14px; border-bottom: 1px dotted silver !important;}

#menu .col_3 li.header2, #menu .col_2 li.header2 {color:#4c4c4c; font-weight:bold !important; font-size:14px; margin:0 0 5px 0 !important; border-bottom: 1px dotted silver !important; padding:0 0 0 5px !important; }

#menu .col_3 li.white a, #menu .col_2 li.white a {background:#FFFFFF !important;border: none !important;}
	
#menu .drop1column{width:80px}
#menu .drop2columns{width:160px}
#menu .drop3columns{width:240px;}
#menu .drop4columns{width:320px;}
#menu .drop5columns{width:400px}
#menu .drop6columns{width:470px;}
#menu .drop7columns{width:560px}
#menu .drop8columns{width:640px}
#menu .drop9columns{width:705px;}
#menu .drop10columns{width:800px}
#menu .drop11columns{width:880px}
#menu .drop12columns{width:960px}

#menu .col_1, #menu .col_2,
#menu .col_3, #menu .col_4,
#menu .col_5, #menu .col_6,
#menu .col_7, #menu .col_8,
#menu .col_9, #menu .col_10,
#menu .col_11, #menu .col_12
{display:inline;float:left;position:relative;margin-left:12px;margin-right:12px;}

#menu .col_1{width:50px}
#menu .col_2{width:137px} /* THIS IS USED FOR THE TVS CATEGORY */
#menu .col_3{width:210px; /*border-width:0 1px 0 1px; border-style:dashed;border-color:#EAEAEA;*/}
#menu .col_4{width:290px}
#menu .col_5{width:370px}
#menu .col_6{width:450px}
#menu .col_7{width:530px}
#menu .col_8{width:610px}
#menu .col_9{width:690px}
#menu .col_10{width:770px}
#menu .col_11{width:850px}
#menu .col_12{width:930px}

#menu_container #menu li.final {
    background-color: #e30613;
}

_:-ms-fullscreen, :root #menu_container #menu li.final  {
  flex-basis: auto;
}

li.final a.drop {margin-right:5px;}

#menu_container #menu li.final div {background-image:none;}

#menu_container #menu li.final:hover, #menu_container #menu li.final:active {background-color: #d41a11; background-image: none;}

#menu_container #menu li.final:hover a.drop, #menu_container #menu li.final a.drop:hover {color:#fff;}


/***** ADDED 15/12/2011 BY PETER TO ACCOMMODATE DOUBLE-WIDTH HEADERS *****/

div.doublewidth {width:450px !important;}

h4.doubleheader {margin:0 0 5px 0 !important; border-bottom: 1px solid #EAEAEA;}

h4.doubleheader a {color:#4c4c4c !important; text-transform:uppercase; font-size:14px; background:#EAEAEA !important;}

div.doublewidth ul {width:210px; float:left;}

div.doublewidth ul.left {margin-right:30px !important;}

/*************************************************************************/


.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

#menu p,#menu h1,#menu h2,#menu h3,#menu h4,#menu h5,#menu h6{padding:0;margin:0;color:#FFF;}

#menu_container #menu p{font-size:12px;line-height:21px;margin-bottom:18px}

#menu h1,#menu h2{background:url("img/menu_separator.jpg") bottom repeat-x;padding-bottom:5px}

#menu h1,#menu h2,{margin-bottom:18px}

#menu h4,#menu h5,#menu h6{margin-bottom:12px}

#menu h1{font-size:36px;line-height:36px}
#menu h2{font-size:30px;line-height:42px}
#menu h3{font-size:24px;line-height:26px}
#menu h4{font-size:21px;line-height:24px}
#menu h5{font-size:18px;line-height:28px}
#menu h6{font-size:14px;line-height:16px;text-transform:uppercase}

#menu_container #menu li div.dropcontent li a,
#menu_container #menu li div.fullwidth li a
{vertical-align:top;font-size:14px; font-weight:normal; display:inline; padding:0; color:#4c4c4c;}

#menu_container #menu li .dropcontent a:hover,
#menu li .fullwidth a:hover
{padding:0; color:#4c4c4c;}

/*#menu_container #menu li div.align_right li a, #menu_container #menu li div.align_right li a:hover {color:#fff;}*/

#menu_container #menu li .black_box{background-color:#111;color:#eee;text-shadow:1px 1px 1px #000;padding:6px 8px 6px 8px;-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;-webkit-box-shadow:inset 0 0 3px #000;-moz-box-shadow:inset 0 0 3px #000;box-shadow:inset 0 0 3px #000}
#menu_container #menu .imgshadow{background:#000;padding:4px;border:1px solid #222;margin-top:5px;margin-bottom:18px;-moz-box-shadow:0px 0px 5px #000;-webkit-box-shadow:0px 0px 5px #000;box-shadow:0px 0px 5px #000}
#menu .img_left{float:left;margin-right:12px}
#menu .img_right{float:right;margin-left:12px}
#menu_container #menu li ul{list-style:none;padding:0;margin:0 0 12px 0}
#menu_container #menu li ul li{font-size:14px;line-height:24px;position:relative;padding:0;margin:0;float:none;text-align:left}
#menu_container #menu li ul li:hover{background:none;border:none}
#menu ul.list,#menu ul.list2,#menu ol.num,#menu ol.num2{margin:0 0 18px 20px;padding:0}
#menu ul.list li,#menu ul.list2 li,#menu ol.num li,#menu ol.num2 li{padding:0 0 0 12px;line-height:24px}
#menu .list li{list-style:disc}
#menu .list2 li{list-style:square}
#menu .num li{list-style:decimal}
#menu .num2 li{list-style:upper-latin}
#menu li .dropcontent ul li a,#menu li .dropcontent ul.list2 li a,#menu li .dropcontent ol.num li a,#menu li .dropcontent ol.num2 li a,#menu li .fullwidth ul.list li a,#menu li .fullwidth ul.list2 li a,#menu li .fullwidth ol.num li a,#menu li .fullwidth ol.num2 li a{color:#4c4c4c}
#menu li .dropcontent ul li a:hover,#menu li .dropcontent ul.list2 li a:hover,#menu li .dropcontent ol.num li a:hover,#menu li .dropcontent ol.num2 li a:hover,#menu li .fullwidth ul.list li a:hover,#menu li .fullwidth ul.list2 li a:hover,#menu li .fullwidth ol.num li a:hover,#menu li .fullwidth ol.num2 li a:hover{color:#00f}
#menu ul.thumbnails li{margin-bottom:18px}
#menu ul.categories{background:url("img/menu_separator.jpg") top repeat-x}
#menu ul.categories li,#menu ul.categories li:hover{background:url("img/menu_separator.jpg") bottom repeat-x;padding:9px 0 9px 0}
#menu li .dropcontent ul.categories li a,#menu li .fullwidth ul.categories li a{color:#ccc}
#menu li .dropcontent ul.categories li a:hover,#menu li .fullwidth ul.categories li a:hover{color:#fff}
#menu .calendar,#menu .note,#menu .help,#menu .delete,#menu .favorite,#menu .lock,#menu .archive,#menu .briefcase,#menu .search,#menu .user{padding-left:36px;margin-bottom:18px}
#menu .calendar{background:url("img/icons/calendar.png") no-repeat 0px 5px}
#menu .note{background:url("img/icons/note.png") no-repeat 0px 5px}
#menu .archive{background:url("img/icons/archive.png") no-repeat 0px 5px}
#menu .search{background:url("img/icons/search.png") no-repeat 0px 5px}
#menu .help{background:url("img/icons/help.png") no-repeat 0px 5px}
#menu .delete{background:url("img/icons/delete.png") no-repeat 0px 5px}
#menu .favorite{background:url("img/icons/favorite.png") no-repeat 0px 5px}
#menu .lock{background:url("img/icons/lock.png") no-repeat 0px 5px}
#menu .briefcase{background:url("img/icons/briefcase.png") no-repeat 0px 5px}
#menu .user{background:url("img/icons/user.png") no-repeat 0px 5px}
#menu .dark,#menu .brown,#menu .yellow,#menu .red,#menu .blue,#menu .green{padding-left:15px;color:#ccc;margin-bottom:18px}
#menu .dark{border-left:#3B3B3B solid 7px}
#menu .brown{border-left:#8D8767 solid 7px}
#menu .yellow{border-left:#DBA742 solid 7px}
#menu .red{border-left:#C05D48 solid 7px}
#menu .blue{border-left:#52878B solid 7px}
#menu .green{border-left:#B0BD85 solid 7px}
#menu #table_light,#menu #table_dark{width:100%;padding:0;margin:6px 0 18px 0;font-size:12px}
#menu #table_light th,#menu #table_dark th{text-align:left;padding:12px 9px 12px 9px;font-weight:bold;font-size:12px}
#menu #table_light{border:1px solid #cbcbcb;border-bottom:none}
#menu #table_light th{color:#3A3A3A;border-bottom:1px solid #cbcbcb;background:#F5F5F5}
#menu #table_light td{border-bottom:1px solid #cbcbcb;background:#fff;padding:12px 9px 12px 9px;color:#888}
#menu #table_dark{border:1px solid #000;border-bottom:none}
#menu #table_dark th{color:#FFF;border-bottom:1px solid #000;background:#0D0D0D}
#menu #table_dark td{border-bottom:1px solid #000;background:#0F0F0F;padding:12px 9px 12px 9px;color:#DDD}
.dropcap{display:block;float:left;font-size:42px;line-height:36px;margin:2px 8px 0 0}




#menu li .dropcontent .navOffer h3 a:hover, .navOffer h3:hover {text-decoration:underline;color:#ffffff !important;text-align:center !important;}
#menu li .dropcontent .navOffer h3 a, .navOffer h3 a {text-decoration:underline;color:#ffffff !important;text-align:center !important;}

#menu li.new a {position:relative}
#menu li.new a img.newtag {position:absolute; top:-7px; right:-15px;}

.dropmenu-icon {display:inline-block; margin-bottom:-10px;}



/* --------------------- ------------------------ ------------------- */

/* --------------------- TV & Home Cinema Updates ------------------- */

/* --------------------- ------------------------ ------------------- */

#menu .col_tv, #menu .col_he {
    margin: 0 12px;
}
#menu_container #menu li div.fullwidth .televisions, #menu_container #menu li div.fullwidth .home-entertainment {
    float: left;
}
#menu_container #menu li div.fullwidth .l1-header {
margin: 10px 0 20px 0;
    font-weight: lighter;
    font-size: 16px;
    color: #282828;
    border-bottom: 1px dotted silver !important;
}
#menu .col_ad1, #menu .col_ad2 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 12px;
    margin-right: 12px;
}
#menu_container #menu li div.fullwidth .header {
    border-bottom: 1px dotted silver !important;
    color: #282828;
    font-weight: bold;
}


/* --------------------- Nav font size media queries ------------------- */


@media screen and (min-width: 500px){

    #menu_container #menu li a {
        font-size: 95%;
    }

}
@media screen and (min-width: 920px){
    
    #menu_container #menu li a {
        font-size: 95%;
    }

}
@media screen and (min-width: 1000px){
    
    #menu_container #menu li a {
        font-size: 100%;
    }

}


/* --------------------- END ------------------- */


@media screen\0 {

    #menu_container #menu > li {
        width: 12.5%;
    }
    #menu_container #menu li.wide-nav {
        flex-basis: 95px;
        width: 10%;
    }

}


/* iPad Mini */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    #menu_container #menu > li {
        width: 12.5%;
    }
    #menu_container #menu li.wide-nav {
        flex-basis: 95px;
        width: 10%;
    }

}


/* Last item Hover */

#menu_container #menu .final:hover {
    background-color: white !important;
}
#menu_container #menu .final:hover a {
    color: #ed1c25 !important;
    background-color: white !important;
}



/* flex fixes for desktop nav for even spacing */

#menu_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#menu_container #menu {
    -webkit-justify-content: space-evenly !important;
    justify-content: space-evenly !important;
}

#menu_container #menu > li {
    width: auto !important;
    padding: 0 1%;
}

#menu_container .menu-side {
    -webkit-justify-content: normal;
    justify-content: normal;
    webkit-box-flex: 10%;
    -ms-flex: 10%;
    flex: 10%;
}

#menu_container .menu-side .final {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #e30613;
}

#menu_container .menu-side .final a {
    padding: 0;
}

#menu_container .menu-side li.final a.drop {
    margin-right: 0;
    padding: 17px 0!important;
}

#menu_container #menu li:hover .dropcontent {
    margin: 0px -12px;
}