/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  /*position:relative;*/
  max-width:100%;
  height:30px;
  }
ul.nav li {
	cursor:pointer;
	float: right;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}
ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li div.divanchor_class a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	height:2.4em;
	line-height:2.5em;
}
ul.nav li ul li div.divanchor_class a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
	color:#666;
	background-position:0 50% !important;
}

ul.nav li:hover div.divanchor_class a,
ul.nav li div.divanchor_class a:hover,
ul.nav li div.divanchor_class a:focus {color:#C90000; background:#fff;}
ul.nav li div.divanchor_class a:active {color:#C90000; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {}
ul.nav li:hover ul li a {color:#fff;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current div.divanchor_class a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li div.divanchor_class a {color:#fff; background:#ccc; font-weight:normal;}
ul.nav li.current ul li div.divanchor_class a:hover {color:#000; background:#fff;}
ul.nav li ul li.current div.divanchor_class a,
ul.nav li ul li.current div.divanchor_class a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  background:#C90000;
}
ul.main li {
    background:transparent url(../../images/1.he/delimiter.gif) no-repeat scroll 0 0;
    padding:0px;
    /*left:0;
    position:relative;
    top:0;*/
}
ul.main li.last {
    background:transparent;
    padding:0px;
    /*left:0;
    padding:0 15px;
    position:relative;
    top:0;*/
}
ul.main li ul {
  border-top:0;
}
ul.main li ul li {
  float:left;
}
ul.main li div.divanchor_class a {
    border:solid #C90000;
    border-width:0px 15px;
    margin:2px 1px 0px;
    color:#FFFFFF;
    font-size:18px;
    height:28px;
    line-height:25px;
}
ul.main li ul li div.divanchor_class a {
  width:12em;
  line-height:2em;
  height:2em;
  text-align: left;
  color:#fff;
  border-top:1px solid #444;
  background:#fff;
}
ul.main li div.divanchor_class a:focus {color:#fff;}
ul.main li ul li a:hover {
  color:#C90000;
}
ul.main li:hover div.divanchor_class a {
    border:solid #C90000;
    border-width:0px 15px;
    margin:0px 1px;
    color:#C90000;
    background:#ffffff;
    font-size:18px;
    height:30px;
    line-height:28px;
}
ul.main li:hover ul li div.divanchor_class a {color:#fff;}
ul.main li:hover ul li div.divanchor_class a:hover {color:#fff; background:#fff;}
ul.main li:hover div.divanchor_class a:active {background:#fff;}
ul.main li:hover ul li a:active {color:#fff; background:#222;}


/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	float: right;
	color:#cde;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:2.77em;
	height:2.77em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	line-height:auto;
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#666;
}
ul.nav li.secondary:hover a:hover {
	background:#555;
}
ul.nav li.secondary:hover a:active {background:#fff;
}

/* main menu - dropdown divs
----------------------------------------------- */

.nav .selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
    color: #C90000;
}

.anylinkcss{
    position: absolute;
    visibility: hidden;
    z-index: 100; /* zIndex should be greater than that of shadow's below */
    background: transparent;
    width:  350px;
    margin-top:30px !important;
}

.anylinkcss .inner_menu_holder
{
    background: #ffffff;;    
    border: 1px solid #C90000;
    border-top-width: 0px;
    width:  320px;
    padding:10px;     
    direction: rtl; 
    font-size:12px;
    float: right;
}

.anylinkcss .inner_menu_holder .right
{
    width: 155px;
    float: right;
    padding-left: 5px;
    margin-left: 5px;
    border-left:1px solid #666666;
}

.anylinkcss .inner_menu_holder .left
{
    width: 150px;
    float: right; 
}
#generalMenuList li.anchorclass div.anylinkcss .inner_menu_holder .left a.dvir,
#generalMenuList li.anchorclass div.anylinkcss .inner_menu_holder .right a.dvir
{
    color:#666666;
    background: #ffffff;
    font-size: 12px;
    font-weight: bold;
    border-width:0px;
    padding:2px;  
    line-height:18px;
    margin:0px 1px 2px;
    text-align: right;
    clear: both;
    display:block;
    width: 150px;
}
#generalMenuList li.anchorclass div.anylinkcss .inner_menu_holder .left a.dvir:hover,
#generalMenuList li.anchorclass div.anylinkcss .inner_menu_holder .right a.dvir:hover
{
    color:#ffffff;
    background: #C90000;
}
#generalMenuList li.anchorclass div.anylinkcss .inner_menu_holder .banner,
.anylinkcss .inner_menu_holder .banner
{
    display:block;
    clear:both;
    margin-top:10px;
    height:115px;    
    border:1px solid #666666;
    background:#e6e6e6;
    overflow: hidden;
    float: right;
    width:318px;
    color:#666666;
    text-align:right;
}
#generalMenuList li.anchorclass div.anylinkcss .inner_menu_holder .banner a,
.anylinkcss .inner_menu_holder .banner a
{
    background: transparent;
    font-weight:normal;
    border: 0px;
    color:#666666;
}

.anylinkcss .inner_menu_holder .banner a:hover
{
    background: transparent;
    font-weight:normal;
    color: #C90000;
    text-decoration: underline;
}


/* bottom links list
----------------------------------------------- */

.bottom_links
{
    background:transparent url(../../images/1.he/bottom_links_back.png) repeat-x scroll 0 0; 
    margin-top:20px 0px;
    display: inline-block;
    width:940px;
}

.bottom_links .grid_2
{
    float:right;
}

.bottom_links .bottom_menu_box
{
    padding:10px 10px 1px;
}

.bottom_links .bottom_menu_box strong
{
    margin-bottom:5px;
    display:block;
}

.bottom_links .bottom_menu_box li
{
    list-style-type:none;
    line-height:20px;
}
.bottom_links .bottom_menu_box li a
{
    color:#333333;
    font-weight:normal;
}
.bottom_links .bottom_menu_box li a:hover
{
    color:#C90000;
    font-weight:normal;
    text-decoration:underline;
}


/* bottom menu
----------------------------------------------- */

.bottom_menu_holder
{
    border: solid #f3f3f3;
    border-width: 1px 0px;
    padding:10px 0px;
    clear:both;
    text-align: center;
}
.bottom_menu_holder span
{
    padding:0px 20px;
    display: inline-block;
}
.bottom_menu_holder span a
{
    color:#333333;
    font-weight:normal;
    text-decoration:none;
}
.bottom_menu_holder span a:hover
{
    color:#C90000;
    font-weight:normal;
    text-decoration:underline;
}
.bottom_menu_holder ul,
.bottom_icons_holder ul
{
    list-style-type:none;
    margin:0 auto;
    padding:0;
    position:relative;
}
.bottom_menu_holder ul li,
.bottom_icons_holder ul li
{
    float:left;
    position:relative;
}
.bottom_menu_holder ul li a,
.bottom_icons_holder ul li a
{
    color:#333333;
    display:block;
    font-weight:normal;
    padding:1px 15px;
    text-decoration:none;
    width:auto;
}
.bottom_menu_holder ul li a:hover
{
    color:#C90000;
    display:block;
    font-weight:normal;
    padding:1px 15px;
    text-decoration:underline;
    width:auto;
}

/* bottom icons strip
----------------------------------------------- */

.bottom_icons_holder
{
    border: solid #f3f3f3;
    border-width: 0px;
    padding:10px 0px;
    clear:both;
    overflow:hidden;
    text-align: center;
    direction: ltr;
}

.bottom_icons_holder span
{
    margin:0 20px 0 0;
    display:inline-block;
}
.bottom_icons_holder span a
{
    border-right:1px solid #F3F3F3;
    display:inline-block;
    height:17px;
    padding-right:20px;
    vertical-align:top;
}
.bottom_icons_holder span a.last
{
    border-right:0px solid red;
    display:inline-block;
    height:34px;
    padding-right:20px;
    vertical-align:top;
}

.bottom_icons_holder ul li div,
.bottom_icons_holder ul li span
{
    height:22px;
}  
.bottom_icons_holder ul li a
{
    padding:1px 5px;
}
.bottom_icons_holder ul li a img
{
    border:0px;
}

/* VOD Buttons
----------------------------------------------- */

.vod_buttons_holder
{
    position:relative;
    top:-11px;
    height: 52px;
    background:transparent url(../../images/1.he/player_bg.gif) repeat-x scroll 0 0;
}
.vod_buttons_holder .vod_button
{
    width:135px;
    height:44px;
    float: right;
}
.vod_buttons_holder .menu_separator{
    float: right;
    width: 20px;
    height:44px;    
    background:transparent url(../../images/1.he/player_separator.gif) no-repeat scroll 0 0;
}


/*==================================
remove default focus style
====================================*/
:focus 
{
    outline: 0;
}

.js ul.newList 
{
    left:-9999px;
    overflow-y:auto;

}
#win-xp 
{
    display: block;
    height:24px;
    #overflow: hidden;
}
#win-xp .newListSelected 
{
    background:#FFF url(../../images/dd_arrow.gif) no-repeat scroll -1px 0px; 
    border:1px solid #A5ACB2; 
    color:#C90000; 
    height:21px; 
    margin-bottom:10px; 
    padding:0; 
    width:196px;
    font-weight:bold;
    float:right;
}
#win-xp .newListSelected div 
{
    display:block;
    font-size:12px;
    height:21px;
    margin-right:7px;
    padding:0;
    text-align: right !important;
    width:187px;
}
#win-xp ul.newList 
{
    color:#000; 
    background:#fff; 
    border:1px solid #A5ACB2; 
    top:20px; 
    right:-1px; 
    height:auto; 
    overflow:hidden; 
    font-size: 12px; 
    text-align: right!important; 
    position:absolute; 
    z-index:9999;
    width:196px;   
    list-style-type: none;
    list-style-image: none; 
    list-style-position: outside;
    overflow-y:auto;
}
#win-xp ul.newList li 
{
    padding:2px 5px!important; 
    border-bottom: 1px solid #cccccc;
    width:187px;
    margin: 0px;
}
#win-xp .hiLite 
{
    background:#C90000!important; 
    color:#fff!important;
}
#win-xp .newListHover 
{
    background:#C90000!important; 
    color:#fff!important; 
    cursor:default;
}
#win-xp .newListSelHover 
{
    cursor:default;
}
#win-xp .newListSelHover, #win-xp .newListSelFocus 
{
    background-position:auto;
}
#win-xp .newListSelHover div, #win-xp .newListSelFocus div 
{
    color:#C90000;
}