/*
 * 
 * MEGA MENU V0.1
 * 
 * 
 */

body .mega-menu {
	position:relative;
	z-index:5000;	
}
#main {
	position:relative;
	z-index:0;
	overflow:hidden;
}
.majorPromotion .mega-menu {
	clear: both;
	margin:20px -30px;
}
.front .majorPromotion .mega-menu {
	margin-top:10px;	
}
#navigation.mega-menu .block-qdt-qdt-block-menu { margin-top:-11px;margin-top:0\9; }

.mega-menu .block-qdt-qdt-block-menu {
	
	-moz-box-shadow: inset 0px 3px 3px 0px #eee;
	-webkit-box-shadow: inset 0px 3px 3px 0px #eee;
	-o-box-shadow: inset 0px 3px 3px 0px #eee;
	box-shadow: inset 0px 3px 3px 0px #eee;

	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#eee, Direction=180, Strength=3);*/
	
	background: -moz-linear-gradient(top, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.88) 88%, rgba(204,204,204,0.98) 98%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.88)), color-stop(88%,rgba(255,255,255,0.88)), color-stop(98%,rgba(204,204,204,0.98)), color-stop(100%,rgba(204,204,204,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.88) 88%,rgba(204,204,204,0.98) 98%,rgba(204,204,204,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.88) 88%,rgba(204,204,204,0.98) 98%,rgba(204,204,204,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.88) 88%,rgba(204,204,204,0.98) 98%,rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.88) 88%,rgba(204,204,204,0.98) 98%,rgba(204,204,204,1) 100%);
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F8F8F8',GradientType=0 )\9;
	border-bottom:2px solid #D5D5D5\9;
	border-top:2px solid #D5D5D5\9;	
}
.mega-menu .block-qdt-qdt-block-menu .block-inner { margin-top:-11px\9;*margin-top:0; }
.mega-menu .columns {
	padding:0px auto;
}

.mega-menu .columns { padding:0; }
.mega-menu .item-list .first .menu-header {
	display:block;
	width:80px;
	color:#666666;
	line-height:1.1em;
	text-align:right;
	font-family:'Raleway-ExtraBold', Georgia, serif;
	font-size:13px;
  	padding:10px 10px 7px;
}
.mega-menu .item-list .first:hover {
	background-color:transparent;
}

.mega-menu .channels {
  list-style:none;
  width:100%;
  text-align:center;
  padding:0px;
}
.lt-ie9 .mega-menu .channels {
	margin-top:-11px;	
	*margin-top:0;
	*margin-bottom:0;
}

.mega-menu .channels li {
  float:left;
  display:block;
  text-align:center;
  position:relative;
  z-index:99;
  margin:0;
  border:none;
  width:auto;	
}

.mega-menu .channels li.mega-menu-selected,
.mega-menu .channels li:hover { 
    background-color:#245AB4;
}
.mega-menu .channels li.first:hover { background:none; }

.mega-menu .channels li a {
	font-size:12px;
	color: #3366CC;
  	padding:15px 10px;
	display:block;
	outline:0;
	text-decoration:none;
	font-family:'Raleway-Bold', Georgia, sans-serif;
}
.lt-ie8 .mega-menu .channels li a { font-weight:bold;font-size:12px;padding:15px 8px; }

.mega-menu .channels li .dropdown_3columns a {
	font-family:'Raleway-Regular', Georgia, sans-serif;
}

.mega-menu .channels li .category li,
.mega-menu .channels .field-content a{
	-moz-box-shadow: inset 0px 0px 0px 0px #eee;
	-webkit-box-shadow: inset 0px 0px 0px 0px #eee;
	-o-box-shadow: inset 0px 0px 0px 0px #eee;
	box-shadow: inset 0px 0px 0px 0px #eee;	
	background:none;
	border-bottom: 1px solid #CCCCCC;
}

.mega-menu .channels li .category li a{
	color:#666666;
}

.mega-menu .channels li.mega-menu-selected a,
.mega-menu .channels li:hover a {
    color: #fff;
}

.mega-menu .channels li:hover .category a {
    color:#666666;
}

.mega-menu .channels li:hover .category a:hover {
    color: #3366CC;
}

.dropdown_3columns
{
  	margin:0 auto 11px;
  	position:absolute;
  	left:-999em; /* Hides the drop down */
  	text-align:left;
  	padding:10px 0;
  	border:1px solid #3366CC;
  	border-bottom:5px solid #3366CC;
  	z-index:10;
  	color: #000;
	background-color: #FFFFFF;
	-moz-box-shadow:1px 9px 16px -3px #3c3c3c; /* Firefox */  
  	-webkit-box-shadow:1px 9px 16px -3px #3c3c3c; /* Safari, Chrome */  
  	box-shadow:1px 9px 16px -3px #3c3c3c; /* CSS3 */ 
}

.mega-menu .channels .dropdown_3columns {
	width: 550px;
	z-index:10;
}

.mega-menu .channels li .dropdown_3columns a
{
	color: #666666;
}

.mega-menu .channels .dropdown_3columns a:hover {
    color: #3366CC;
}

.mega-menu .channels li:hover .dropdown_3columns {
  left:-1px;
  top:auto;
}
.mega-menu .channels li.last:hover .dropdown_3columns,
.mega-menu .channels li.rightJustified:hover .dropdown_3columns {
	left:auto;
	right:-1px;
}
.mega-menu .channels .col_1,
.mega-menu .channels .col_3 {
  display:inline;
  float: left;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}

.mega-menu .channels .dropdown_3columns .col_1 {
	width:33.33%;
}
.mega-menu .channels .dropdown_3columns .col_1 .colInnerWrapper {
	padding:2px 10px;
}

.mega-menu .channels .dropdown_3columns .col_1:last-child {
	border-right:0px;
}
.mega-menu .dropdown_3columns .separator1,
.mega-menu .dropdown_3columns .separator2 {
	display:block;
	position:absolute;
	height:100%;
	width:1px;
	background-color:#CCCCCC;
	top:0;	
	z-index:20;
}
.mega-menu .dropdown_3columns .separator1 { left:33.33%; }
.mega-menu .dropdown_3columns .separator2 { left:66.66%; }
.mega-menu .channels .menu_right {
  float:right;
  margin-right:0px;
}

.mega-menu .channels li:hover .align_right {
  left:auto;
  right:-1px;
  top:auto;
}

.subtitle-menu {
    color: #222222;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 14px;
    margin-top: 14px;
    text-rendering: optimizelegibility;
}
.mega-menu .channels p, .majorPromotion .mega-menu .channels h2, 
.mega-menu .channels h3, .mega-menu .channels .subtitle-menu, .majorPromotion .mega-menu .channels ul li {
  font-family:Arial, Helvetica, sans-serif;
  line-height:21px;
  font-size:12px;
  text-align:left;
  /*text-shadow: 1px 1px 1px #FFFFFF;*/
}

.mega-menu .channels h2 {
  font-size:14px;
  font-weight:400;
  letter-spacing:-1px;
  margin:0px 0 7px 0;
  padding-bottom:5px;
  border-bottom:1px solid #666666;
}
.mega-menu .channels h3,
.mega-menu .channels .subtitle-menu {
  font-size:12px;
  margin:0px;
  padding-bottom:5px;
  border-bottom:1px solid #888888;
}

.mega-menu .channels p {
  line-height:18px;
  margin:0 0 10px 0;
}

.mega-menu .channels li .dropdown_3columns a {
  font-size:12px;
  color:#6C6666;
  padding:5px 2px;
}

.mega-menu .channels li ul {
  list-style:none;
  padding:0;
  margin:0 0 12px 0;
}
.mega-menu .channels li ul li {
  font-size:12px;
  line-height:24px;
  position:relative;
  color:#000;
  /*text-shadow: 1px 1px 1px #ffffff;*/
  padding:0;
  margin:0;
  float:none;
  text-align:left;
  width:100%;
}
.mega-menu .channels li ul li:hover,
.mega-menu .channels .field-content a:hover {
  background:none;
  border:none;
  margin:0;
  border-bottom: 1px solid #3366CC;
}

.mega-menu .whitePicto {
	display:none;
	position:absolute;
    width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 7px 8px 7px;
	border-color: transparent transparent #FFFFFF transparent;
    left:50%;
    margin-left:-7px;
    bottom:-1px;
    z-index:50;
}
.mega-menu .channels li.mega-menu-selected .whitePicto,
.mega-menu .channels li:hover .whitePicto { display:block; }


.dropdown_3columns .featuredHost h3 { display:block;width:70%; }
.dropdown_3columns .featuredHost .avatarImg {
	width:24%;
	left:71%;
	top:-2%;	
	position:absolute;
}
.lt-ie9 .dropdown_3columns .featuredHost .avatarImg { height:17%;overflow:hidden;*height:auto; }
.lt-ie9 .dropdown_3columns .featuredHost .avatarImg img { height:100%;*height:auto; }
.dropdown_3columns .featuredHost .hostImg {
	display:block;
	clear:both;
	padding-top:20px;
	width:100%;
}
.dropdown_3columns .featuredHost .hostImg img { width:100%; }
.dropdown_3columns .featuredHost .avatarTitle { color:#3366CC;margin-top:5px; }
.dropdown_3columns .featuredHost .hostName { display:block;color:#63A96D;font-size:13px; }
.mega-menu .channels .dropdown_3columns .featuredHost .hostName a { display:block;color:#63A96D;font-size:13px; }



.openMiniMenu {
	display:none;
	background:url('../images/mobile-nav-icon.png') no-repeat scroll 0 -6px transparent;
	width:30px;
	height:25px;
	float:left;
}
.miniMenu {
	position:absolute;
	top:0;
	left:-80%;
	z-index:5000;
	width:80%;
	height:100%;
	border-right:1px solid #000000;
	display:none;
	background-color:#FFFFFF;
	-moz-transition:all 0.3s ease-in-out 0s; 
	-webkit-transition:all 0.3s ease-in-out 0s; 
	-o-transition:all 0.3s ease-in-out 0s; 
	-ms-transition:all 0.3s ease-in-out 0s; 
	transition:all 0.3s ease-in-out 0s;
}
.miniMenu .navLinks .first .menu-header {
	color: #484848;
    display: block;
    font-size:20px;
    font-weight: bold;
    line-height: 1.1em;
    padding: 10px 10px 7px;
}
.miniMenu .navLinks li {
	border-bottom:1px solid #CDCDCD;
}
.miniMenu .navLinks li.first { border-bottom:none; }
.miniMenu .navLinks li a {
	color: #3366CC;
    display: block;
    font-size: 18px;
    line-height: 1.1em;
    padding: 10px 10px 7px;
}
.miniMenu .dropdown_3columns {
	left:0;
	display:none;
	border:none;
	-moz-box-shadow:none;  
  	-webkit-box-shadow:none;
  	box-shadow:none;
  	position:static; 
  	padding-left:20px;
  	padding-top:5px;
  	padding-right:10px;
  	margin-bottom: 0;
}
.miniMenu .dropdown_3columns.show {
	display:block;
}
.miniMenu .dropdown_3columns li { 
	border:none;
	margin:0;
	margin-left: 30px;
    list-style: disc;
}
.miniMenu .dropdown_3columns .col_1 { margin-bottom:10px; }
.miniMenu .navLinks .dropdown_3columns a { font-size:14px; }
.miniMenu .dropdown_3columns li a {
	padding:5px 0;
}
.miniMenu .item-list .category,
.miniMenu .view-id-qdt_featured_content { margin-left:10px; }
.miniMenu .item-list .category li { list-style:none;margin-left:10px; }
.miniMenu .dropdown_3columns h3 {
	font-size:16px;
	margin:0;
	margin-bottom:5px;
	padding-left:10px;
	font-weight:normal;
}
.miniMenuMode .bodyInnerWrapper {
	-moz-transition:all 0.3s ease-in-out 0s; 
	-webkit-transition:all 0.3s ease-in-out 0s; 
	-o-transition:all 0.3s ease-in-out 0s; 
	-ms-transition:all 0.3s ease-in-out 0s; 
	transition:all 0.3s ease-in-out 0s;
}
.miniMenuOpening .miniMenu {
	left:0;	
	display:block;
}
.miniMenuOpening .bodyInnerWrapper {
	margin-left:80%;
}
.miniMenuMode .openMiniMenu { display:block; }

.miniMenuOpening #header .logoWrapper,
.miniMenuOpening #header .followBox,
.miniMenuOpening #header .searchBox,
.miniMenuOpening #navigation,
.miniMenuOpening #topbanner,
.miniMenuOpening #main,
.miniMenuOpening #bottom_banner
.miniMenuOpening #bottom_connect,
.miniMenuOpening #footer {
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}