#top-nav {
    width: 951px;
}
#top-nav ul#menu {
    width: 952px;
    height: 59px;
    float: left;
    list-style-type: none;
    position: relative;
    background: #f80000 url(../img/menu/menu_bg.gif);
    margin-left: -1px;
}
ul#menu li {
    float: left;
    text-align: center;
    height: 58px;
    border-right: 1px solid #df0000;
    margin-top: 1px;
}
ul#menu li.logo {
    width: 70px;
}
#top-nav img {
    display: block;
    float: left;
    padding: 9px 15px;
}

    /*----[Top level menu hover]----*/

ul#menu a:link,
ul#menu a:visited,
ul#menu a:hover,
ul#menu a:active {
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
ul#menu a:link span,
ul#menu a:visited span,
ul#menu a:hover span,
ul#menu a:active span {
    top: 20px;
    position: relative;
}
ul#menu li:hover a:link,
ul#menu li:hover a:visited,
ul#menu li:hover a:hover,
ul#menu li:hover a:active {
    color: #525252;
}

    /*----[Phones & plans]----*/

ul#menu li.phones {
    width: 181px;
    font-size: 1.359em;
    font-weight: bold;
}
ul#menu li.phones a {
    width: 181px;
    background: #f80000 url(../img/menu/phones.gif) left top no-repeat;
    height: 58px;
}
ul#menu li.phones a:hover,
ul#menu li.phones:hover,
ul#menu li.phones:hover a {
    width: 181px;
    background: #f80000 url(../img/menu/phones.gif) left -60px no-repeat;
}
ul#menu li.phones a.active {
    width: 181px;
    background: #bd0000 url(../img/menu/phones.gif) left -116px no-repeat;
}
ul#menu li.phones a.active:hover,
ul#menu li.phones:hover a.active {
    width: 181px;
    background: #bd0000 url(../img/menu/phones.gif) left -174px no-repeat;
}

    /*----[Country specific if two lines required for long menu items]----*/

ul#menu li.phones a.phones.greek {
    line-height: 1;
}
ul#menu li.phones a.phones.greek span {
    top: 15px;
}

    /*----[Applications & downloads]----*/

ul#menu li.apps {
    width: 207px;
    font-size: 1.359em;
    font-weight: bold;
}
ul#menu li.apps a {
    width: 207px;
    background: #f80000 url(../img/menu/apps.gif) left top no-repeat;
    height: 58px;
}
ul#menu li.apps a:hover,
ul#menu li.apps:hover,
ul#menu li.apps:hover a {
    width: 207px;
    background: #f80000 url(../img/menu/apps.gif) left -58px no-repeat;
}
ul#menu li.apps a.active {
    width: 207px;
    background: #bd0000 url(../img/menu/apps.gif) left -116px no-repeat;
}
ul#menu li.apps a.active:hover,
ul#menu li.apps:hover a.active {
    width: 207px;
    background: #bd0000 url(../img/menu/apps.gif) left -174px no-repeat;
}

    /*----[Online]----*/

ul#menu li.online {
    width: 196px;
    font-size: 1.359em;
    font-weight: bold;
}
ul#menu li.online a {
    width: 196px;
    background: #f80000 url(../img/menu/online.gif) left top no-repeat;
    height: 58px;
}
ul#menu li.online a:hover,
ul#menu li.online:hover,
ul#menu li.online:hover a {
    width: 196px;
    background: #f80000 url(../img/menu/online.gif) left -58px no-repeat;
}
ul#menu li.online a.active {
    width: 196px;
    background: #bd0000 url(../img/menu/online.gif) left -116px no-repeat;
}
ul#menu li.online a.active:hover,
ul#menu li.online:hover a.active {
    width: 196px;
    background: #bd0000 url(../img/menu/online.gif) left -174px no-repeat;
}

    /*----[Personal support]----*/

ul#menu li.personal-support {
    width: 131px;
    font-size: 1.359em;
    font-weight: bold;
}
ul#menu li.personal-support a {
    width: 131px;
    background: #f80000 url(../img/menu/personal_support.gif) left top no-repeat;
    height: 58px;
}
ul#menu li.personal-support a:hover,
ul#menu li.personal-support:hover,
ul#menu li.personal-support:hover a {
    width: 131px;
    background: #f80000 url(../img/menu/personal_support.gif) left -58px no-repeat;
}
ul#menu li.personal-support a.active {
    width: 131px;
    background: #bd0000 url(../img/menu/personal_support.gif) left -116px no-repeat;
}
ul#menu li.personal-support a.active:hover,
ul#menu li.personal-support:hover a.active {
    width: 131px;
    background: #bd0000 url(../img/menu/personal_support.gif) left -174px no-repeat;
}

    /*----[Business products]----*/

ul#menu li.products {
    width: 203px;
    font-size: 1.359em;
}
ul#menu li.products a {
    width: 203px;
    background: #f80000 url(../img/menu/products.gif) left top no-repeat;
    height: 58px;
}
ul#menu li.products a:hover,
ul#menu li.products:hover,
ul#menu li.products:hover a {
    width: 203px;
    background: #f80000 url(../img/menu/products.gif) left -58px no-repeat;
}
ul#menu li.products a.active {
    width: 203px;
    background: #bd0000 url(../img/menu/products.gif) left -116px no-repeat;
}
ul#menu li.products a.active:hover,
ul#menu li.products:hover a.active {
    width: 203px;
    background: #bd0000 url(../img/menu/products.gif) left -174px no-repeat;
}

    /*----[Total communications]----*/

ul#menu li.comms {
    width: 235px;
    font-size: 1.359em;
}
ul#menu li.comms a {
    width: 235px;
    background: #f80000 url(../img/menu/comms.gif) left top no-repeat;
    height: 58px;
}
ul#menu li.comms a:hover,
ul#menu li.comms:hover,
ul#menu li.comms:hover a {
    width: 235px;
    background: #f80000 url(../img/menu/comms.gif) left -58px no-repeat;
}
ul#menu li.comms a.active {
    width: 235px;
    background: #bd0000 url(../img/menu/comms.gif) left -116px no-repeat;
}
ul#menu li.comms a.active:hover,
ul#menu li.comms:hover a.active {
    width: 235px;
    background: #bd0000 url(../img/menu/comms.gif) left -174px no-repeat;
}

    /*----[Bright ideas]----*/

ul#menu li.ideas {
    width: 153px;
    font-size: 1.359em;
}
ul#menu li.ideas a {
    width: 153px;
    background: #f80000 url(../img/menu/ideas.gif) left top no-repeat;
    height: 58px;
}
ul#menu li.ideas a:hover,
ul#menu li.ideas:hover,
ul#menu li.ideas:hover a {
    width: 153px;
    background: #f80000 url(../img/menu/ideas.gif) left -58px no-repeat;
}
ul#menu li.ideas a.active {
    width: 153px;
    background: #bd0000 url(../img/menu/ideas.gif) left -116px no-repeat;
}
ul#menu li.ideas a.active:hover,
ul#menu li.ideas:hover a.active {
    width: 153px;
    background: #bd0000 url(../img/menu/ideas.gif) left -174px no-repeat;
}

    /*----[Business support]----*/

ul#menu li.business-support {
    width: 124px;
    font-size: 1.359em;
}
ul#menu li.business-support a {
    width: 124px;
    background: #f80000 url(../img/menu/business_support.gif) left top no-repeat;
    height: 58px;
}
ul#menu li.business-support a:hover,
ul#menu li.business-support:hover,
ul#menu li.business-support:hover a {
    width: 124px;
    background: #f80000 url(../img/menu/business_support.gif) left -58px no-repeat;
}
ul#menu li.business-support a.active {
    width: 124px;
    background: #bd0000 url(../img/menu/business_support.gif) left -116px no-repeat;
}
ul#menu li.business-support a.active:hover,
ul#menu li.business-support:hover a.active {
    width: 124px;
    background: #bd0000 url(../img/menu/business_support.gif) left -174px no-repeat;
}

    /*----[Search in menu bar]----*/

ul#menu li.search,
ul#menu li.search:hover {
    border-right: none;
}
ul#menu li.search input#top-search-field {
    background: url(../img/menu/search_box_2.gif) left top no-repeat;
    width: 101px;
    padding: 7px 0 9px 7px;
    position: relative;
    vertical-align: top;
    top: 15px;
    margin-left: 9px;
    font-weight: bold;
    font-size: 1.087em;
}
ul#menu li.search #SearchBox_btnImageButton {
    height: 30px;
    width: 31px;
    position: relative;
    top: 15px;
    right: 3px;
}

    /*----[Mega Menus]----*/

ul#menu li:hover ul,
ul#menu li.sfHover ul {
	left: 0;
	top: 51px;
	z-index: 99;
}
ul#menu li ul {
	position: absolute;
	top: -999em;
	left: -999em;    
}
ul#menu li ul li,
ul#menu li.sfHover ul li {
	background: #fff;
	padding: 0;
	float: left;
	border: none;
}
ul#menu li ul li .subnav-wrap {
    float: left;
    background: #fff;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 5px;
    font-size: 0.735em;
    font-weight: normal;  
}
ul#menu li ul li div.subnav {
    float: left;
    width: 150px;
    text-align: left;
    background: #fff;
    padding: 0 5px;
    display: block;
    background: #fff;   
}
ul#menu li ul li div.support {
    background: #ebeaea;
    width: 130px;
    margin: 0 5px;
    padding: 10px 0 0 10px;   
}

/*-- Needs to be adjusted for shading in support columns to be full height --*/

ul#menu li ul li div.subnav-phones {
    min-height: 18em;
}
ul#menu li ul li div.subnav-apps {
    min-height: 18em;
}
ul#menu li ul li div.subnav-online {
    min-height: 16.5em;
}
ul#menu li ul li div.subnav-support {
    min-height: 15em;
}
ul#menu li ul li div.subnav-products {
    min-height: 21.1em;
}
ul#menu li ul li div.subnav-comms {
    min-height: 21.1em;
}
ul#menu li ul li div.subnav-ideas {
    min-height: 18em;
}
ul#menu li ul li div.subnav-bus-support {
    min-height: 15em;
}
ul#menu li ul li div.support img {
    padding: 3px 0 0 0;   
}
ul#menu li ul li .subnav p.megamenu-heading {
    font-size: 1.182em;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3px; 
    width: 145px;  
}
ul#menu li ul li .support p.megamenu-heading {
    width: 130px;  
}
ul#menu li ul li .fourcolsupport p.megamenu-heading {
    height: 3em;  
}
ul#menu li ul li .subnav img {
    padding: 0 0 13px 0;   
}
ul#menu li ul li .subnav a.subnav {
    width: 145px;
    background: #fff;
    height: auto;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
}
ul#menu li ul li .subnav a.subnav:hover,
ul#menu li ul li .subnav a.subnav:active {
    color: #bd0000;
}
ul#menu li ul li .support a.subnav {
    background: #ebeaea;
    width: 130px;
}

    /*----[Alignment]----*/

ul#menu li ul.left,
ul#menu li.sfhover ul.left,
ul#menu li ul.products,
ul#menu li.sfhover ul.products {
    left: auto;
    margin-left: 8px;
}
ul#menu li ul.right, 
ul#menu li.sfhover ul.right {
    right: auto;
    margin-right: 8px;
}
ul#menu li ul.apps, 
ul#menu li.sfhover ul.apps {
    margin-left: 73px;
}
ul#menu li ul.online, 
ul#menu li.sfhover ul.online {
    margin-left: 100px;
}
ul#menu li ul.support, 
ul#menu li.sfhover ul.support {
    margin-left: 129px;
}
ul#menu li ul.comms, 
ul#menu li.sfhover ul.comms {
    margin-left: 73px;
}
ul#menu li ul.ideas, 
ul#menu li.sfhover ul.ideas {
    margin-left: 100px;
}
ul#menu li ul.business-support, 
ul#menu li.sfhover ul.business-support {
    margin-left: 129px;
}