/* Start of CMSMS style sheet 'The Storeroom Menu' */
The Storeroom Menu


#menu_vert {position:relative;

   padding-left: 0;

   margin-left: 0;

}


/* third level has some padding to have it stand out */

   div#menu_vert ul ul ul {

   padding-bottom: 0.1em;

}


/* menu li block */

#menu_vert li {

   list-style: none;

   margin: 0;

   display: block;
   



}

#menu_vert ul ul {



  border: 1px solid #000000;
  padding-bottom: 10px;
  background-color: #fff;

}


#menu_vert ul ul li {

  border: none;

}



/** fix stupid ie bug with display:block; **/

* html #menu_vert li a { height: 1%; } 

* html #menu_vert li hr { height: 1%; }

/** end fix **/



/* first level links */

div#menu_vert a {

   text-decoration:none; /* no underline for links */

   display: block; /* IE has problems with this, fixed above */

   padding: 0.2em; /* some air for it */

   color: #000000; /* this will be link color for all levels */

   min-height:1em; /* Fixes IE7 whitespace bug */ 


}



/* next level links, more padding and smaller font */

div#menu_vert ul ul a {

   font-size: 100%;

   padding: 0.5em 0.5em 0.5em 1.3em;

   background-position: 1.5em center;

}



/* third level links, more padding */

div#menu_vert ul ul ul a {

   padding: 0.3em 0.5em 0.3em 2.0em;





}

/* hover state for all links */

div#menu_vert a:hover {
color: #655954;
text-decoration: underline;


}

div#menu_vert a.activeparent:hover {
    color: #655954;

}



/* 

active parent, that is the first-level parent 

of a child page that is the current page 

*/

div#menu_vert li a.activeparent {

   color:#000000;

    font-size: 150%; 

 



   padding: 0.5em 0.5em 0.5em 0.5em;

}



div#menu_vert ul ul li a.activeparent {

   background-position: 1.5em center; 

   background-color: transparent;

   color: #000000;

}





/* 

current pages in the default Menu Manager 

template are unclickable. This is for current page on first level 

*/

div#menu_vert ul h3 {


   display: block; 

   padding: 0.8em 0.5em 0.8em 0.5em;  /* some air for it */

   color: #000000;                                 /* this will be link color for all levels */

   /*  font-size: 1.5em;   

font-weight: bold;                 instead of the normal font size for <h3> */

   margin: 0;                                  /* as <h3> normally has some margin by default */

}



/* 

next level current pages, more padding, 

smaller font and no background color or bottom border 

*/

div#menu_vert ul ul h3 {

   font-size: 90%;

   padding: 0.3em 0.5em 0.3em 2.8em;

   background-position: 1.4em center;

   background-color: transparent;

   border-bottom: none;

   color: #000;     

}



/* current page on third level, more padding */

div#menu_vert ul ul ul h3 {

   padding: 0.3em 0.5em 0.3em 4.3em;

/*    background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; */

}



/* section header */

div#menu_vert li.sectionheader {

   border-right: none;

   font-size: 130%;

   font-weight: bold;

   padding: 1.5em 0 0.8em 0;

   background-color: #fff;

   line-height: 1em;

   margin: 0;

   text-align:center;

}







/* separator */

div#menu_vert li.separator {

   height: 1px !important;

   margin-top: -1px;

   margin-bottom: 0;

   padding:2px 0 2px 0;

   background-color: #000;

   overflow:hidden !important;

   line-height:1px !important;

   font-size:1px; /* for ie */

}



div#menu_vert li.separator hr {

   display: none; /* this is for accessibility */

}


/* End of The Storeroom Simple Menu*/


/* Start of CMSMS style sheet ' The Storeroom*/
/* Vertical menu for the CMS CSS Menu Module */


/* by Alexander Endresen */





/* The wrapper determines the width of the menu elements */

#menuwrapper { 

   width: 100%; 

}





/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 

   list-style: none; 

   margin: 0px; 

   padding: 0px; 

   width: 100%; 

   margin-left: -1px;


}

#primary-nav ul { 

   position: absolute; 

   top: 0; 

   left: 100%; 

   display: none; 

}

#primary-nav li { 

   margin-bottom: -1px; 

   position: relative; 

}





/* Styling the basic apperance of the menu elements */

#primary-nav a { 


   display: block; 

   margin: 0px; 

   padding: 5px 10px; 

   color: #000000;

   text-decoration: none; 

   background: transparent; 

   min-height:1em; /* Fixes IE7 whitespace bug*/ 

}

#primary-nav li, #primary-nav li.menuparent { 

   /* background-color: #fff; */

   min-height:1em; /* Fixes IE7 bug*/

}





/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 


   

}



/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li.menuparent, 

#primary-nav li.menuparent:hover, 

#primary-nav li.menuparenth { 



   background-position: center right; 

   background-repeat: no-repeat; 



}





/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 

#primary-nav li.menuh, 

#primary-nav li.menuparenth, 

#primary-nav li.menuactiveh { 


}





/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, 

#primary-nav li:hover ul, 

#primary-nav li:hover ul ul, 

#primary-nav li.menuparenth ul, 

#primary-nav li.menuparenth ul ul { 

   display: none; 



}

#primary-nav li:hover ul, 

#primary-nav ul li:hover ul, 

#primary-nav ul ul li:hover ul, 

#primary-nav li.menuparenth ul, 

#primary-nav ul li.menuparenth ul, 

#primary-nav ul ul li.menuparenth ul { 

   display: block; 


}
/* IE Hack, will cause the css to not validate */
#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }

#primary-nav li a { _height: 1%; }

/* section header */

#primary-nav li.sectionheader {

   border-left: 1px solid #006699; 

   border-top: 1px solid #006699; 

   font-size: 130%;

   font-weight: bold;

   padding: 1.5em 0 0.8em 0.5em;

   background-color: #fff;

   margin: 0;

   width: 100%;

}


/* separator */

#primary-nav li hr.separator {

   display:block;

   height: 0.5em;

   color: #abb0b6;

   background-color: #abb0b6;

   width: 100%;

   border:0;

   margin:0;

   padding:0;   

   border-top: 1px solid #006699;

   border-right: 1px solid #006699;

}





/* End of 'The Storeroom Menu' */