/* MENUS */

div.menu {
  background:       transparent;
  height:           475px; /*504px;*/
  overflow:         hidden;
  position:         absolute;
  width:            227px; /*236px;*/
  z-index:          100000;
  text-transform:   lowercase;
}

div#menu-right {
  text-align:       right;
}

div.menu p {
  margin:           0;
  padding:          0;
  line-height:      26px;
}

div.menu a.small {
  font-size:        11px;
  margin:           0;
  padding:          0;
  color:            #fff; /*#2B200D;*/
}

div#menu-left a.small {
 padding-right:      12px;  
}

div#menu-right a.small {
 padding-left:      12px;  
}

div.menu div.main,
div.menu div.submenu,
div.menu div.pagemenu,
div.menu div.pagemenu p.level-up a,
div.menu div.submenu  p.level-up a,
div.menu a.active,
div.menu div.main a.active 
{

  font-size:        16pt;
  font-family:      Helvetica, Arial, Verdana, sans-serif;
  line-height:      20px;
}

div.menu div.submenu,
div.menu a.active {
  font-size:        14pt;
}

div.menu div.main {
  padding-left:     34px;
  padding-right:    39px;
  padding-top:      100px; /*28px;*/
  position:         absolute;
  width:            161px;
  top:              0px;
  height:           437px;
}

div#menu-right div.main {
  left:             454px; /*472px;*/ /* 2x 227px*/
  border:           0px solid red;
}
div#menu-right div.submenu {
  border:           0px solid blue;
}

div.menu a {
  color:            #C7C7C7; /*#B3C5CA; /*#2B200D;*/
  text-decoration:  none;
  position:         relative;
  z-index:          10000000;
}

div#menu-left a {
  padding-right:    12px;
}

div#menu-right a {
  padding-left:    12px;
}

div.menu a:hover {
  color:            #DAEB20; /*#FBF803;/
/*  background-color: #DAEB20;*/
  text-decoration:  underline;
}

div#menu-left a.submenu:hover {
  background:   right 10px url(../images/menu-submenu-left-highlight.gif) no-repeat;
}

div#menu-right a.submenu:hover {
  background:       0 10px url(../images/menu-submenu-right-highlight.gif) no-repeat;
}

div.menu div#menu-left-background,
div.menu div#menu-right-background{
  background:       url(../images/left-menu-background.gif);
  height:           475px; /*504px;*/
  left:             0;
  overflow:         hidden;
  position:         absolute;
  width:            708px;
}
div.menu div#menu-right-background{
  background:       url(../images/right-menu-background.gif);
}

div.menu div.background.homepage {
  background:       url(../images/left-menu-background.gif);
}

* html div.menu div.background.homepage {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/left-menu-background.gif');
}

div.menu div.logo span {
    display: none;
}

div#menu-left div.logo img {
    border:   0px solid red;
    position: absolute;
    top:      20px;
    left:     30px;
    width:    140px;
    height:   54px;
    z-index:  0px;
}
div#menu-right div.logo img {
    border:   0px solid red;
    position: absolute;
    top:      20px;
    right:    30px;
    width:    140px;
    height:   54px;
    z-index:  0px;
}

div.menu div.scroll {
  height:           475px; /*504px;*/
  left:             0;
  overflow:         hidden;
  position:         absolute;
  width:            708px;
}

div#menu-right div.scroll {
  left:             -454px; /*-472px;*/
}

div.menu div.submenu, div.menu div.pagemenu {
  left:             227px; /*236px;*/
  padding-left:     34px; /*36px;*/
  padding-top:      100px; /*28px;*/
  position:         absolute;
  width:            200px;
  top:              0px;
  height:           437px;
}

div.menu div.pagemenu {
  left:             454px; /*472px;*/
}

div#menu-right div.submenu, div#menu-right div.pagemenu {
  padding-right:    18px;
  padding-left:      0px;
}

div#menu-right div.pagemenu {
  left:             0;
}

div.menu div.submenu p.level-up a,
div.menu div.pagemenu p.level-up a {
  position:         absolute;
  top:              412px;
  left:             34px;
  background:       0 7px no-repeat url(../images/menu-level-up-left.gif);
  padding-left:     12px;
}
div#menu-right div.submenu p.level-up a,
div#menu-right div.pagemenu p.level-up a {
  left:             42px;
}

div#menu-right div.menu div.submenu p.level-up a, 
div#menu-right div.menu div.pagemenu p.level-up a {
  left:             39px;
  right:            15px;

}

div.menu div.submenu  ul.actions a, 
div.menu div.pagemenu ul.actions a {
        font-size: 10pt;
        font-family: Verdana;
        color: #fff;        
}

* html div.menu div.submenu p.level-up a, * html div.menu div.pagemenu p.level-up a {
  background:       0 7px no-repeat url(../images/menu-level-up-left.gif);
}

*+html div.menu div.submenu p.level-up a, *+html div.menu div.pagemenu p.level-up a {
  background:       0 7px no-repeat url(../images/menu-level-up-left.gif);
}

div.menu div.submenu p.level-up a:hover, div.menu div.pagemenu p.level-up a:hover {
  background:       0 7px no-repeat url(../images/menu-level-up-left-highlight.gif);
}

* html div.menu div.submenu p.level-up a:hover, * html div.menu div.pagemenu p.level-up a:hover {
  background:       0 7px no-repeat url(../images/menu-level-up-left-highlight.gif);
}

*+html div.menu div.submenu p.level-up a:hover, *+html div.menu div.pagemenu p.level-up a:hover {
  background:       0 7px no-repeat url(../images/menu-level-up-left-highlight.gif);
}

div#menu-right div.submenu p.level-up a, div#menu-right div.pagemenu p.level-up a {
  background:       right 6px no-repeat url(../images/menu-level-up-right.gif);
}

* html div#menu-right div.submenu p.level-up a, * html div#menu-right div.pagemenu p.level-up a {
  background:       right 7px no-repeat url(../images/menu-level-up-right.gif);
}

*+html div#menu-right div.submenu p.level-up a, *+html div#menu-right div.pagemenu p.level-up a {
  background:       right 7px no-repeat url(../images/menu-level-up-right.gif);
}

div#menu-right div.submenu p.level-up a:hover, div#menu-right div.pagemenu p.level-up a:hover {
  background:       right 6px no-repeat url(../images/menu-level-up-right-highlight.gif);
}

* html div#menu-right div.submenu p.level-up a:hover, * html div#menu-right div.pagemenu p.level-up a:hover {
  background:       right 7px no-repeat url(../images/menu-level-up-right-highlight.gif);
}

*+html div#menu-right div.submenu p.level-up a:hover, *+html div#menu-right div.pagemenu p.level-up a:hover {
  background:       right 7px no-repeat url(../images/menu-level-up-right-highlight.gif);
}

div#menu-right div.submenu p.level-up a, div#menu-right div.pagemenu p.level-up a {
  padding-right:    10px;
  width:            135px;
}

div.submenu div.title {
  text-transform:   capitalize;
  letter-spacing:    -.02em;
  font-weight:      bold;
  color:            #5D5F47; /*#5C630D; /*6F6161; /*#2B200D;*/
  margin-bottom:    10px;
  font:             17pt Arial, Helvetica, Verdana, sans-serif;
}

div.pagemenu div.title {
  text-transform:   capitalize;
  letter-spacing:    -.02em;
  font-weight:      bold;
  color:            #B3C5CA; /*#2B200D;*/
  font:             16pt Helvetica, Arial, Verdana, sans-serif;
}

div.submenu ul,
div.pagemenu ul {
  margin:           0;
  padding:          0;
  list-style-type:  none;
  color:            #B3C5CA; /*#2B200D;*/
  width:            161px;
}

div.submenu ul li,
div.pagemenu ul li {
/*
  height:           20px;
  line-height:      20px;
*/
  text-indent:      -15px;
  margin-left:       15px;
}

div.menu a.active {
  color:        #DAEB20; //#fff; /*#2B200D;*/
}
div.menu a.active:hover {
        text-decoration: none;
        cursor: default;
}

div.pagemenu ul.subselection {
  position:         absolute;
  left:             34px;
  top:              59px;
}

div.pagemenu ul.filters {
  position:         absolute;
  left:             34px;
  bottom:           140px;
}

div.pagemenu ul.filters-full {
  position:         absolute;
  left:             34px;
  top:              165px;
}

div.submenu ul.actions,
div.pagemenu ul.actions {
  position:         absolute;
  left:             34px;
  bottom:           130px; /*60px;*/
}

div#menu-right div.pagemenu ul.subselection,
div#menu-right div.pagemenu ul.filters,
div#menu-right div.pagemenu ul.filters-full,
div#menu-right div.pagemenu ul.actions,
div#menu-right div.submenu  ul.actions {
  left:             39px;
}

