/* CSS Document */

#menu {padding: 0;width: 768px;height: 24px;margin: 0;}

ul#listMenuRoot
{

	margin-left: 0px;
    padding: 0;
	width: 768px;
	height: 2.15em;
	background:#FFFFFF;
	font-weight:bold;
	border-bottom:1px dotted #DEE3E6;
}

/* MENU LAYOUT */

ul.menulist ul {font-weight:normal;}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul
{
	 margin: 0;
	 padding: 0 0 0 0;
	 list-style: none;
	 font-family:Helvetica, Verdana,Arial, sans-serif;
	 text-transform:uppercase;
}

/* Submenus */
.menulist ul
{
	 display: none;
	 position: absolute;
	 margin: 0;
	 padding: 0;
	 top: 25px;
	 left: 8px;
	 width: 150px;
	 text-transform:none;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul
{
	 top: 5px;
	 margin-top: 0;
	 padding: 0;
	 left: 140px;

}

/* All menu items have overlapping borders. */
.menulist li
{
	 float: left;
	 display: block;
	 margin: 0;
	 padding: 0;
	 position: relative;
	 text-align: center;
	 font-size:110%;
}

.menulist li.mybag {
	 float: right;
	 padding-left:8px;
	 background-image: url('../images/misc/mybag.gif');
	 background-repeat: no-repeat;
	 background-position: 0px 3px;
}

.menulist li.myaccount{
	 float: right;
	 padding-left:8px;
	 background-image: url('../images/misc/myaccount.gif');
	 background-repeat: no-repeat;
	 background-position: 0px 3px;
}


.menulist li#m1 {
    background:none;
    }

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	 float: none;
	 margin-right: 0;
	 margin-left: 0;
	 margin-bottom: -1px;
	 padding: 0;
	 background:#F0F0F0;
	 border: 1px solid #FFFFFF;
	 margin-right: -1px;
	 text-align: left;
	 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	 font-size:90%;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
ul.menulist a {
    display: block;
    color: #999999;
    text-decoration:  none;
    line-height: 24px;
    margin: 0;
    padding: 0 12px;
    padding-bottom: 0;
    border:none;
    }


ul.menulist a:link, ul.menulist a:visited {
    color: #999999; text-decoration: none;
}


ul.menulist li ul li a {
	line-height: 12px;
	padding: 3px 5px 4px 5px;
    margin: 0;
	width:auto;
	}


.menulist a:visited  {color: #000000; text-decoration: none;}


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
/*


.menulist a:hover, .menulist a.active{
    color: #000000;
    background: #DEE3E6; text-decoration: none;
}

.menulist li ul li a:hover, .menulist li ul li a.highlighted {
    background-image:none; text-decoration: none;
    }
*/

.menulist li a:active, .menulist li a:hover, .menulist li a.highlighted, .menulist li a.active
{
    color:#000000;
    }


ul.menulist li ul li a:link, ul.menulist li ul li a:visited {
    color: #555555; text-decoration: none;
}
ul.menulist li ul li a:hover, ul.menulist li ul li a.highlighted {
    background-image:none;
	background:#DEE3E6; color: #000000; text-decoration: none;
    }

.menulist ul ul a {
 background:#837468;
 /*background:#b50010
    background:#a51140;*/
}

.menulist ul ul a:hover {
    /*background:#F2F1F0;*/
    }

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *+html affects IE7.
*/


*:first-child+html .menulist ul li { /* ie 7 RC1 hack */
 float: left;
 width: 100%;
}

*+html .menulist ul li {
 float: left;
 height: 1%;
}
*+html .menulist ul a {
 height: 1%;
}
* html .menulist ul li {
 float: left;
 height: 1%;
}

* html .menulist ul a {
 height: 1%;
}

*+html  h2#strap {margin:12px 0 0 240px;


/* End Hacks */