/* common styling */
.menu {
/*width: 596px;*/
position:relative; 
z-index:100;
clear: both;
top: 11px;
*top: 15px;
*margin-top: -4px  !important;
*margin-top: 0px;
float: right;
/*margin-right: -12px;*/
margin-right:2px;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
display:block;
background: url(images/menu_bg_middle.png) repeat-x right top;
}
.menu ul li {
float:left;
position:relative;
}
.menu a {
  text-decoration:none;
}
.menu ul li a span, .menu ul li a:visited span{
display:block; 
cursor:pointer;
float:left;
text-decoration:none; 
color:#000; 
height:26px; 
padding: 4px 10px 0 10px;
line-height:26px;
text-align: center;
text-transform: uppercase;
font-weight:bold;
/* font-weight: bold; */
font-size: 1em;
background: url(images/menu_bg_middle.png) no-repeat right top;
}
.menu ul li.last a span, .menu ul li.last a:visited span{
background: url(images/menu_bg.png) transparent repeat-x left top;
}
* html .menu ul li a, .menu ul li a:visited {
	text-decoration:none;
}
.menu ul li ul {
display: none;
}
table {
margin:-2px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li.hover a/*,
.menu ul li a:hover*/ {
color:#000;
float:left;
text-decoration:none;
background: url(images/menugrhl_bg.png) transparent no-repeat left top;
}
/*
.menu ul li:hover a span,
.menu ul li a:hover span,
.menu ul li.last a:hover span,
#support .menu ul li:hover a span,
#support .menu ul li a:hover span,
#support .menu ul li.last a:hover span
{
	background: url(images/menugrhl_r_bg.png) transparent no-repeat right top;
	color: black;
}

.menu ul li:hover a span,
.menu ul li a:hover span
.menu ul li.last a:hover span
{
	background: url(images/menugrhl_r_bg.png) transparent no-repeat right top;
}*/

/* New stuff */
.menu ul li.hover a span,
.menu ul li.hover.last a span,
#support .menu ul li:hover a span,
#support .menu ul li a:hover span,
#support .menu ul li.last a:hover span
{
	background: url(images/menugrhl_r_bg.png) transparent no-repeat right top;
	color: black;
}
/* End new stuff */

#support .menu ul li:hover a span,
#support .menu ul li a:hover span,
#support .menu ul li.last a:hover span
{
	background: url(/assets/templates/bdirect/images/support-menugrhl_r_bg.png) transparent no-repeat right top;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:29px;
left:0; 
}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li:hover ul li a span,
.menu ul li a:hover ul li a span{
display:block; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
text-align: left;
}

.menu table ul
{
background: transparent url(images/menulastrow_bg.png) no-repeat left bottom;
width:268px;
}
.menu table li a span, .menu table dli a:hover span, .menu table dli a:hover, .menu table li a
{
	background-color:transparent !important;
	background-image:none !important;
	text-transform:none !important;
	zoom:1;
}

.menu table li, .menu table li a
{
	width: 240px;
	margin-left: 6px;
}

.menu table li a:hover, .menu table a:hover span
{
	color: #fff !important;
	background: url(images/menubg5.png) no-repeat left bottom  !important;
}


.menu table li.last {
padding-bottom: 9px;
}


.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#c9c9a7 url(drop.gif) bottom right no-repeat;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#c9c9a7;
color:#fff;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:150px; 
top:0;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}

.menu ul
{
	float:left;
}
.menu ul ul
{
	float:none;
}

.menu ul li a.active span,
.menu ul li.active a span,
#support .menu ul li a.active span,
#support .menu ul li.active a span
{
	color: #fff;
	background-color:transparent;	
	margin-right:-1px;
}

.menu ul li a.active span,
.menu ul li.active a span
{
	background: url(images/menuhl_r_bg.png) no-repeat right top transparent;
}

#support .menu ul li a.active span,
#support .menu ul li.active a span
{
	background: url(/assets/templates/bdirect/images/support-menuhl_r_bg.png) no-repeat right top transparent;
}

.menu ul li.active a ,
.menu ul li a.active {
	color: #fff;
	float:left;
	background: url(images/menuhl_bg.png) no-repeat left top transparent ;
	margin-right:0px;
}
ul li a span.coner
{
text-transform: uppercase;
}