/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */

.suckertreemenu ul{
margin: 10px 0 20px 38px;
padding: 14px 0px 30px 0px;
font: normal 100% Arial;
width: 882px;
list-style-type: none;
z-index: 200;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float:left;
color: #000000;

}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display:block;
width:auto;
padding: 0px 15px 5px 15px;
text-decoration: none;
border-right: 1px solid CCC;
color: #000000;
}


/*1st sub level menu*/

.suckertreemenu ul li ul{
position: absolute;
left: 0;
top: 0px;
display:block;
visibility: hidden;
margin:0 0 0 0;
padding: 0;
width: 200px;
border:#CCC thin solid;
background-color:#ffffff;
-webkit-border-radius:5px;
-moz-border-right: 5px;
border-top-radius: 5px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */

.suckertreemenu ul li ul li a{
display:block;
width:160px;
color:#000000;
text-decoration:none;
font: normal 100% Arial;
padding: 5px 20px 5px 20px;
margin: 0 0 0 0;
backgroud:none;
}

.suckertreemenu ul li a:hover{
background-color: #ffffff;
color: #e67511;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #ffffff url(../images/nav_arrow_down.png) no-repeat right ;
margin-right:2px;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #ffffff url(../images/nav_arrow_right.png) no-repeat center right;
margin-right:2px;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 0em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


body.home .suckertreemenu li.home, 
body.products .suckertreemenu li.products, 
body.products-test-of-coding-skills .suckertreemenu ul li ul li.products-test-of-coding-skills, 
body.products-teaching-materials .suckertreemenu li.products-teaching-materials, 
body.products-fun-phonics-kit-I .suckertreemenu li.products-fun-phonics-kit-I, 
body.products-fun-phonics-kit-II .suckertreemenu li.products-fun-phonics-kit-II, 
body.products-multi-syllable-wordbuilder .suckertreemenu li.products-multi-syllable-wordbuilder, 
body.quality-counts .suckertreemenu li.quality-counts, 
body.quality-counts-classroom-results .suckertreemenu li.quality-counts-classroom-results, 
body.quality-counts-about-author .suckertreemenu li.quality-counts-about-author, 
body.quality-counts-what-others-say .suckertreemenu li.quality-counts-what-others-say, 
body.orderinfo .suckertreemenu li.orderinfo, 
body.contact .suckertreemenu li.contact {
  font-weight: bold;
  color: #e67511;
}